nestiq-component-library 1.1.145 → 1.1.146
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js
CHANGED
|
@@ -212,11 +212,11 @@ function ImageListPopup(props) {
|
|
|
212
212
|
setShowPopUp(false);
|
|
213
213
|
};
|
|
214
214
|
return (React.createElement("div", null, showPopUp && (React.createElement("div", { className: "popup-overlay" },
|
|
215
|
-
React.createElement("div", { className: " d-flex w-50 flex-column col-6 " },
|
|
215
|
+
React.createElement("div", { className: " d-flex w-50 flex-column gap-3 col-6 " },
|
|
216
216
|
React.createElement("div", { className: "d-flex align-self-end me-5 mt-5" },
|
|
217
217
|
React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon mt-5", onClick: handleClose })),
|
|
218
218
|
React.createElement("span", { className: "text-white align-self-center" }, props.pictureUrls[currentImageIndex].title),
|
|
219
|
-
React.createElement("div", { className: "d-flex justify-content-center" },
|
|
219
|
+
React.createElement("div", { className: "d-flex flex-row col-12 justify-content-center" },
|
|
220
220
|
React.createElement("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5" },
|
|
221
221
|
React.createElement("div", { className: "rounded-circle border onImageArrow start-0 d-flex ", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
|
|
222
222
|
React.createElement("img", { src: blcIconArrowLeft, className: "blackArrow align-self-center", alt: "Left Arrow" }))),
|
|
@@ -232,18 +232,15 @@ function ImageListPopup(props) {
|
|
|
232
232
|
" ",
|
|
233
233
|
React.createElement("div", { role: "button", className: "rounded-circle border onImageArrow d-flex justify-content-center", onClick: function () { return handleArrowClickInMainImage("right"); } },
|
|
234
234
|
React.createElement("img", { src: blcIconArrowRight, className: "blackArrow align-self-center", alt: "Right Arrow" })))),
|
|
235
|
-
React.createElement("div", { className: "d-flex flex-row" }
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
});
|
|
245
|
-
}, role: "button" },
|
|
246
|
-
React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-75 rounded-3 object-fit-cover" }))); }))))))))))));
|
|
235
|
+
React.createElement("div", { className: "d-flex flex-row gap-4 align-self-center w-100 secondList mt-4 " },
|
|
236
|
+
React.createElement("div", { className: "col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-none ", ref: imageListRef }, props.pictureUrls.length > 0 && (React.createElement("div", { className: "col-lg-5 h-75 w-25 d-flex gap-4 flex-row rounded-3" }, props.pictureUrls.map(function (picture, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex", onClick: function () {
|
|
237
|
+
setCurrentImageIndex(index);
|
|
238
|
+
imageListRef.current.scrollTo({
|
|
239
|
+
left: index * 150,
|
|
240
|
+
behavior: "smooth",
|
|
241
|
+
});
|
|
242
|
+
}, role: "button" },
|
|
243
|
+
React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-75 rounded-3 object-fit-cover" }))); }))))))))));
|
|
247
244
|
}
|
|
248
245
|
|
|
249
246
|
var FloorPlanPopup = function (_a) {
|
|
@@ -591,11 +588,7 @@ function PropertyCard(props) {
|
|
|
591
588
|
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
592
589
|
React.createElement("div", { className: "ms-2 d-flex flex-column col-8 justify-content-center align-self-center text-center" },
|
|
593
590
|
React.createElement("span", { className: "fw-bold" }, "Herr Florian Gauss"),
|
|
594
|
-
React.createElement("span", null, "Immogart UGh"),
|
|
595
|
-
React.createElement("button", { className: "kontactbutton text-light align-self-center", onClick: handleMessagPopUp, role: "button" },
|
|
596
|
-
React.createElement("span", { className: "kontact-button-text" },
|
|
597
|
-
"Kontakt aufnehmen",
|
|
598
|
-
" ")))))),
|
|
591
|
+
React.createElement("span", null, "Immogart UGh"))))),
|
|
599
592
|
!props.Impliment && (React.createElement("div", { className: "", style: {
|
|
600
593
|
paddingLeft: "32px",
|
|
601
594
|
paddingRight: "32px",
|