nestiq-component-library 1.2.19 → 1.2.21

package/dist/index.js

@@ -814,34 +814,33 @@ function We(e) {
 		copy: e.translations?.copy || "Copy"
 	};
 	return /* @__PURE__ */ h("div", {
-		className: "compact_cc d-flex flex-column col-12 col-lg-12 mt-3 justify-content-between",
+		className: "compact_cc d-flex flex-column col-12 mt-3 justify-content-between gap-4",
 		children: [
 			/* @__PURE__ */ h("div", {
-				className: "col-12 d-flex flex-row",
+				className: "col-12 d-flex flex-row justify-content-between align-items-start",
 				children: [/* @__PURE__ */ m("div", {
-					className: "header_Text d-flex col-lg-11 col-md-11 mt-0",
+					className: "header_Text d-flex col-10 col-md-11 mt-0",
 					children: /* @__PURE__ */ m("strong", { children: e.title ?? "-" })
 				}), /* @__PURE__ */ m("div", {
-					className: "d-flex col-lg-1 col-md-1 justify-content-end position-relative",
+					className: "d-flex col-2 col-md-1 justify-content-end",
 					children: /* @__PURE__ */ m("img", {
 						src: b,
 						alt: "share icon",
-						className: "v_share me-3 position-absolute",
+						className: "v_share",
 						onClick: r
 					})
 				})]
 			}),
 			/* @__PURE__ */ h("div", {
-				className: "d-flex flex-row justify-content-between",
+				className: "d-flex flex-column flex-md-row justify-content-between gap-4 gap-md-0",
 				children: [/* @__PURE__ */ m("div", {
-					className: "col-6 d-flex flex-row align-items-end jsutify-content-start gap-1",
+					className: "col-12 col-md-6 d-flex flex-row align-items-center justify-content-start gap-1",
 					children: /* @__PURE__ */ h("div", {
-						className: "d-flex gap-1 justify-content-center",
+						className: "d-flex gap-2",
 						children: [/* @__PURE__ */ m("div", {
-							className: "d-flex gap-2 align-items-center",
+							className: "d-flex align-items-center",
 							children: /* @__PURE__ */ m("img", {
 								src: x,
-								className: "",
 								alt: "location Icon"
 							})
 						}), /* @__PURE__ */ m("div", {
@@ -850,38 +849,30 @@ function We(e) {
 						})]
 					})
 				}), /* @__PURE__ */ h("div", {
-					className: "d-flex align-items-end gap-3 justify-content-end flex-row col-lg-6 col-md-6 col-sm-5",
+					className: "d-flex align-items-center gap-4 justify-content-start justify-content-md-end flex-row col-12 col-md-6 flex-wrap",
 					children: [
 						e && /* @__PURE__ */ h("div", {
-							className: "propText h-100 d-flex flex-column align-items-center justify-content-center",
+							className: "propText h-100 d-flex flex-column align-items-start align-items-md-center justify-content-center",
 							children: [/* @__PURE__ */ h("span", {
 								className: "propValue",
-								children: [
-									He(e.property?.askingPrice ?? 0),
-									"€ ",
-									/* @__PURE__ */ m("br", {})
-								]
+								children: [He(e.property?.askingPrice ?? 0), "€"]
 							}), /* @__PURE__ */ m("span", {
 								className: "textWrapper",
 								children: s.purchasePrice
 							})]
 						}),
 						e && /* @__PURE__ */ h("div", {
-							className: "propText h-100 d-flex flex-column align-items-center justify-content-center",
+							className: "propText h-100 d-flex flex-column align-items-start align-items-md-center justify-content-center",
 							children: [/* @__PURE__ */ h("span", {
 								className: "propValue",
-								children: [
-									Ue(e.property?.usableArea ?? 0),
-									" m²",
-									/* @__PURE__ */ m("br", {})
-								]
+								children: [Ue(e.property?.usableArea ?? 0), " m²"]
 							}), /* @__PURE__ */ m("span", {
 								className: "textWrapper",
 								children: s.livingSpace
 							})]
 						}),
 						e && /* @__PURE__ */ h("div", {
-							className: "propText h-100 d-flex flex-column align-items-center justify-content-center",
+							className: "propText h-100 d-flex flex-column align-items-start align-items-md-center justify-content-center",
 							children: [/* @__PURE__ */ m("span", {
 								className: "propValue",
 								children: e.property?.rooms
@@ -953,9 +944,9 @@ function Qe(e) {
 				/* @__PURE__ */ h("div", {
 					className: "d-flex justify-content-center",
 					children: [
-						/* @__PURE__ */ m("div", {
-							className: "p-2 bd-highlight align-self-center align-items-center me-5",
-							children: /* @__PURE__ */ m("div", {
+						/* @__PURE__ */ h("div", {
+							className: "p-2 bd-highlight align-self-center align-items-center me-1 me-md-5",
+							children: [" ", /* @__PURE__ */ m("div", {
 								className: "rounded-circle border onImageArrow d-flex  justify-content-center",
 								role: "button",
 								onClick: () => f("left"),
@@ -964,7 +955,7 @@ function Qe(e) {
 									className: "blackArrow align-self-center",
 									alt: "Left Arrow"
 								})
-							})
+							})]
 						}),
 						/* @__PURE__ */ m("div", {
 							className: "p-2 bd-highlight",
@@ -974,7 +965,7 @@ function Qe(e) {
 							})
 						}),
 						/* @__PURE__ */ h("div", {
-							className: "p-2 bd-highlight align-self-center ms-5",
+							className: "p-2 bd-highlight align-self-center ms-1 ms-md-5",
 							children: [" ", /* @__PURE__ */ m("div", {
 								role: "button",
 								className: "rounded-circle border onImageArrow d-flex justify-content-center",
@@ -995,7 +986,7 @@ function Qe(e) {
 						className: "d-flex flex-row gap-4 imageListBottom",
 						ref: a,
 						children: e.pictureUrls.length > 0 && /* @__PURE__ */ m(p, { children: e.pictureUrls.map((e, t) => /* @__PURE__ */ m("div", {
-							className: `flex-shrink-0 activeStyle ${t === r ? "active" : ""}`,
+							className: `flex-shrink-0 activeStyle thumbnail-container ${t === r ? "active" : ""}`,
 							onClick: () => {
 								i(t), a.current.scrollTo({
 									left: t * 170,
@@ -1003,11 +994,7 @@ function Qe(e) {
 								});
 							},
 							role: "button",
-							style: {
-								cursor: "pointer",
-								width: "150px",
-								height: "150px"
-							},
+							style: { cursor: "pointer" },
 							children: /* @__PURE__ */ m("img", {
 								src: e.url,
 								alt: `Image ${t + 1}`,