nestiq-component-library 1.1.144 → 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.js
CHANGED
|
@@ -214,11 +214,11 @@ function ImageListPopup(props) {
|
|
|
214
214
|
setShowPopUp(false);
|
|
215
215
|
};
|
|
216
216
|
return (React.createElement("div", null, showPopUp && (React.createElement("div", { className: "popup-overlay" },
|
|
217
|
-
React.createElement("div", { className: " d-flex w-50 flex-column col-6 " },
|
|
217
|
+
React.createElement("div", { className: " d-flex w-50 flex-column gap-3 col-6 " },
|
|
218
218
|
React.createElement("div", { className: "d-flex align-self-end me-5 mt-5" },
|
|
219
219
|
React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon mt-5", onClick: handleClose })),
|
|
220
220
|
React.createElement("span", { className: "text-white align-self-center" }, props.pictureUrls[currentImageIndex].title),
|
|
221
|
-
React.createElement("div", { className: "d-flex justify-content-center" },
|
|
221
|
+
React.createElement("div", { className: "d-flex flex-row col-12 justify-content-center" },
|
|
222
222
|
React.createElement("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5" },
|
|
223
223
|
React.createElement("div", { className: "rounded-circle border onImageArrow start-0 d-flex ", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
|
|
224
224
|
React.createElement("img", { src: blcIconArrowLeft, className: "blackArrow align-self-center", alt: "Left Arrow" }))),
|
|
@@ -234,18 +234,15 @@ function ImageListPopup(props) {
|
|
|
234
234
|
" ",
|
|
235
235
|
React.createElement("div", { role: "button", className: "rounded-circle border onImageArrow d-flex justify-content-center", onClick: function () { return handleArrowClickInMainImage("right"); } },
|
|
236
236
|
React.createElement("img", { src: blcIconArrowRight, className: "blackArrow align-self-center", alt: "Right Arrow" })))),
|
|
237
|
-
React.createElement("div", { className: "d-flex flex-row" }
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
});
|
|
247
|
-
}, role: "button" },
|
|
248
|
-
React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-75 rounded-3 object-fit-cover" }))); }))))))))))));
|
|
237
|
+
React.createElement("div", { className: "d-flex flex-row gap-4 align-self-center w-100 secondList mt-4 " },
|
|
238
|
+
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 () {
|
|
239
|
+
setCurrentImageIndex(index);
|
|
240
|
+
imageListRef.current.scrollTo({
|
|
241
|
+
left: index * 150,
|
|
242
|
+
behavior: "smooth",
|
|
243
|
+
});
|
|
244
|
+
}, role: "button" },
|
|
245
|
+
React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-75 rounded-3 object-fit-cover" }))); }))))))))));
|
|
249
246
|
}
|
|
250
247
|
|
|
251
248
|
var FloorPlanPopup = function (_a) {
|
|
@@ -593,11 +590,7 @@ function PropertyCard(props) {
|
|
|
593
590
|
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
594
591
|
React.createElement("div", { className: "ms-2 d-flex flex-column col-8 justify-content-center align-self-center text-center" },
|
|
595
592
|
React.createElement("span", { className: "fw-bold" }, "Herr Florian Gauss"),
|
|
596
|
-
React.createElement("span", null, "Immogart UGh"),
|
|
597
|
-
React.createElement("button", { className: "kontactbutton text-light align-self-center", onClick: handleMessagPopUp, role: "button" },
|
|
598
|
-
React.createElement("span", { className: "kontact-button-text" },
|
|
599
|
-
"Kontakt aufnehmen",
|
|
600
|
-
" ")))))),
|
|
593
|
+
React.createElement("span", null, "Immogart UGh"))))),
|
|
601
594
|
!props.Impliment && (React.createElement("div", { className: "", style: {
|
|
602
595
|
paddingLeft: "32px",
|
|
603
596
|
paddingRight: "32px",
|