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