nestiq-component-library 1.1.151 → 1.1.152
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,9 +214,9 @@ 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
|
|
218
|
-
React.createElement("div", { className: "d-flex align-self-end me-5
|
|
219
|
-
React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon
|
|
217
|
+
React.createElement("div", { className: " d-flex flex-column " },
|
|
218
|
+
React.createElement("div", { className: "d-flex align-self-end me-5 " },
|
|
219
|
+
React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon", onClick: handleClose })),
|
|
220
220
|
React.createElement("span", { className: "text-white align-self-center" }, props.pictureUrls[currentImageIndex].title),
|
|
221
221
|
React.createElement("div", { className: "d-flex justify-content-center" },
|
|
222
222
|
React.createElement("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5" },
|
|
@@ -225,8 +225,8 @@ function ImageListPopup(props) {
|
|
|
225
225
|
React.createElement("div", { className: "p-2 bd-highlight" },
|
|
226
226
|
React.createElement("div", { className: " rounded-5 mainImage ", style: {
|
|
227
227
|
backgroundImage: "url(".concat(props.pictureUrls[currentImageIndex].url, ")"),
|
|
228
|
-
height: "
|
|
229
|
-
width: "
|
|
228
|
+
height: "465px",
|
|
229
|
+
width: "880px",
|
|
230
230
|
backgroundSize: "cover",
|
|
231
231
|
backgroundPosition: "center",
|
|
232
232
|
} })),
|
|
@@ -238,13 +238,17 @@ function ImageListPopup(props) {
|
|
|
238
238
|
React.createElement("div", { className: "d-flex flex-row gap-4 w-100 secondList " },
|
|
239
239
|
React.createElement("div", { className: "col-lg-12 d-flex flex-row p-1 align-self-center mt-5" },
|
|
240
240
|
React.createElement("div", { className: "col-12 position-relative d-flex justify-content-center" },
|
|
241
|
-
React.createElement("div", { className: "col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-auto ", ref: imageListRef }, props.pictureUrls.length > 0 && (React.createElement("div", { className: "col-lg-5
|
|
241
|
+
React.createElement("div", { className: "col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-auto ", ref: imageListRef }, props.pictureUrls.length > 0 && (React.createElement("div", { className: "col-lg-5 d-flex gap-4 flex-row rounded-3" }, props.pictureUrls.map(function (picture, index) { return (React.createElement("div", { key: index, className: "col-lg-12 d-flex", onClick: function () {
|
|
242
242
|
setCurrentImageIndex(index);
|
|
243
243
|
imageListRef.current.scrollTo({
|
|
244
244
|
left: index * 150,
|
|
245
245
|
behavior: "smooth",
|
|
246
246
|
});
|
|
247
|
-
}, role: "button"
|
|
247
|
+
}, role: "button", style: {
|
|
248
|
+
cursor: "pointer",
|
|
249
|
+
width: "150px",
|
|
250
|
+
height: "150px",
|
|
251
|
+
} },
|
|
248
252
|
React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); }))))))))))));
|
|
249
253
|
}
|
|
250
254
|
|
|
@@ -530,8 +534,8 @@ function PropertyCard(props) {
|
|
|
530
534
|
React.createElement("img", { src: iconLayers, className: "", style: { width: "18px" } }),
|
|
531
535
|
" ",
|
|
532
536
|
"Grundriss")))),
|
|
533
|
-
React.createElement("div", { className: "listing-
|
|
534
|
-
React.createElement("div", { className: "d-flex flex-column gap-3" },
|
|
537
|
+
React.createElement("div", { className: "listing-compact_test d-flex flex-column align-self-end col-6 ".concat(props.Impliment ? "cc-height" : "listing-height") },
|
|
538
|
+
React.createElement("div", { className: "d-flex flex-column gap-3 justify-content-between mb-4", style: { height: "104px" } },
|
|
535
539
|
React.createElement("div", { className: "d-flex flex-row justify-content-between gap-2" },
|
|
536
540
|
React.createElement("span", { className: "propertyTitle align-items-start ", style: {
|
|
537
541
|
paddingLeft: "32px",
|
|
@@ -542,47 +546,47 @@ function PropertyCard(props) {
|
|
|
542
546
|
paddingTop: "21px",
|
|
543
547
|
paddingLeft: "10px",
|
|
544
548
|
} },
|
|
545
|
-
React.createElement("img", { src: shareIcon, alt: "
|
|
546
|
-
React.createElement("img", { src: moreIcon, alt: "
|
|
549
|
+
React.createElement("img", { src: shareIcon, alt: "Location Icon", className: " ", onClick: handleSharePopUp, style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }),
|
|
550
|
+
React.createElement("img", { src: moreIcon, alt: "Location Icon", className: "", style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }))),
|
|
547
551
|
React.createElement("div", { style: {
|
|
548
552
|
paddingLeft: "32px",
|
|
549
553
|
paddingRight: "32px",
|
|
550
554
|
} },
|
|
551
555
|
" ",
|
|
552
|
-
React.createElement("div", { className: "location-wrapper" },
|
|
553
|
-
React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "
|
|
554
|
-
React.createElement("span", { className: "locationTexts
|
|
556
|
+
React.createElement("div", { className: "location-wrapper mb-1" },
|
|
557
|
+
React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "Vector-test" }),
|
|
558
|
+
React.createElement("span", { className: "locationTexts-test" }, props.property.city || "N/A")))),
|
|
555
559
|
React.createElement("div", { className: "d-flex flex-row gap-3 col-6 col-lg-8 justify-content-between ", style: {
|
|
556
560
|
paddingLeft: "32px",
|
|
557
561
|
paddingRight: "32px",
|
|
558
562
|
} },
|
|
559
|
-
React.createElement("span", { className: "priceValue col-lg-4 col-md-4 col-sm-6 " },
|
|
563
|
+
React.createElement("span", { className: "priceValue-test col-lg-4 col-md-4 col-sm-6 " },
|
|
560
564
|
formatPrice((_f = (_e = (_d = props.property) === null || _d === void 0 ? void 0 : _d.evaluation) === null || _e === void 0 ? void 0 : _e.askingPrice) !== null && _f !== void 0 ? _f : 0),
|
|
561
565
|
" \u20AC",
|
|
562
|
-
React.createElement("div", { className: "price_label" }, "Kaufpreis")),
|
|
563
|
-
React.createElement("span", { className: "text-dark value col-lg-5 col-md-5 col-sm-7" },
|
|
566
|
+
React.createElement("div", { className: "price_label-test" }, "Kaufpreis")),
|
|
567
|
+
React.createElement("span", { className: "text-dark value-test col-lg-5 col-md-5 col-sm-7" },
|
|
564
568
|
props.property.constructedArea,
|
|
565
569
|
" m\u00B2",
|
|
566
|
-
React.createElement("div", { className: "details" }, "Wohnfl\u00E4che")),
|
|
567
|
-
React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-6 text-truncate " },
|
|
570
|
+
React.createElement("div", { className: "details-test" }, "Wohnfl\u00E4che")),
|
|
571
|
+
React.createElement("span", { className: "text-dark value-test col-lg-4 col-md-3 col-sm-6 text-truncate " },
|
|
568
572
|
+((_g = props.property) === null || _g === void 0 ? void 0 : _g.rooms),
|
|
569
|
-
React.createElement("div", { className: "details" }, "Zimmer")),
|
|
570
|
-
React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-4 text-truncate " },
|
|
573
|
+
React.createElement("div", { className: "details-test" }, "Zimmer")),
|
|
574
|
+
React.createElement("span", { className: "text-dark value-test col-lg-4 col-md-3 col-sm-4 text-truncate " },
|
|
571
575
|
+props.property.propertyArea,
|
|
572
576
|
" m\u00B2",
|
|
573
|
-
React.createElement("div", { className: "details" }, "Grundst\u00FCck"))),
|
|
577
|
+
React.createElement("div", { className: "details-test" }, "Grundst\u00FCck"))),
|
|
574
578
|
React.createElement("div", { className: "labelTopClass d-flex start-0 col-sm-5 col-lg-8 ", style: { padding: "0 28px" } },
|
|
575
|
-
React.createElement("div", { className: " align-items-center d-flex flex-row gap-3" },
|
|
579
|
+
React.createElement("div", { className: " align-items-center d-flex flex-row gap-3", style: { marginBottom: "" } },
|
|
576
580
|
props.property.historicalProtection && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
577
|
-
React.createElement("span", { className: "
|
|
578
|
-
props.property.basement && (React.createElement("label", { className: "chipLabel
|
|
579
|
-
React.createElement("span", { className: "
|
|
580
|
-
props.property.balcony && (React.createElement("label", { className: "
|
|
581
|
-
React.createElement("span", { className: "
|
|
581
|
+
React.createElement("span", { className: "layersText_Test " }, "Denkmalschutz"))),
|
|
582
|
+
props.property.basement && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
583
|
+
React.createElement("span", { className: "layersText_Test " }, "Keller"))),
|
|
584
|
+
props.property.balcony && (React.createElement("label", { className: "secondLabel justify-content-center align-items-center" },
|
|
585
|
+
React.createElement("span", { className: "layersText_Test " }, "Balkon"))),
|
|
582
586
|
props.property.terrace && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center " },
|
|
583
|
-
React.createElement("span", { className: "
|
|
587
|
+
React.createElement("span", { className: "layersText_Test" }, "Terrace"))),
|
|
584
588
|
props.property.guestBathroom && (React.createElement("label", { className: "chipLabel" },
|
|
585
|
-
React.createElement("span", { className: "
|
|
589
|
+
React.createElement("span", { className: "layersText_Test" }, "Gäste-WC"))))),
|
|
586
590
|
props.Impliment && (React.createElement("div", { className: "", style: {
|
|
587
591
|
paddingLeft: "32px",
|
|
588
592
|
paddingRight: "32px",
|
|
@@ -592,19 +596,24 @@ function PropertyCard(props) {
|
|
|
592
596
|
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
593
597
|
React.createElement("div", { className: "ms-2 d-flex flex-column col-8 justify-content-center align-self-center text-center" },
|
|
594
598
|
React.createElement("span", { className: "fw-bold" }, "Herr Florian Gauss"),
|
|
595
|
-
React.createElement("span", null, "Immogart UGh")
|
|
596
|
-
|
|
599
|
+
React.createElement("span", null, "Immogart UGh"),
|
|
600
|
+
React.createElement("button", { className: "kontactbutton_test text-light align-self-center", onClick: handleMessagPopUp, role: "button" },
|
|
601
|
+
React.createElement("span", { className: "kontact-button-text" },
|
|
602
|
+
"Kontakt aufnehmen",
|
|
603
|
+
" ")))))),
|
|
604
|
+
!props.Impliment && (React.createElement("div", { className: "d-lex flex-column ", style: {
|
|
597
605
|
paddingLeft: "32px",
|
|
598
606
|
paddingRight: "32px",
|
|
607
|
+
// marginBottom: "32px",
|
|
599
608
|
} },
|
|
600
|
-
React.createElement("div", { className: "Frame-136 d-flex flex-row" },
|
|
609
|
+
React.createElement("div", { className: "Frame-136-test d-flex flex-row" },
|
|
601
610
|
React.createElement("div", { className: "d-flex flex-column flex-lg-row col-4 justify-content-between " },
|
|
602
611
|
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
603
612
|
React.createElement("div", { className: "d-flex flex-column flex-lg-row justify-content-between" },
|
|
604
613
|
React.createElement("div", { className: "d-flex flex-column col-6" },
|
|
605
614
|
React.createElement("span", { className: "" }, "Herr Florian Gauss"),
|
|
606
615
|
React.createElement("span", null, "Immogart UGh")),
|
|
607
|
-
React.createElement("button", { className: "
|
|
616
|
+
React.createElement("button", { className: "kontactbutton_test text-light ", onClick: handleMessagPopUp, role: "button" },
|
|
608
617
|
React.createElement("span", { className: "kontact-button-text" },
|
|
609
618
|
"Kontakt aufnehmen",
|
|
610
619
|
" "))))))),
|