nestiq-component-library 1.1.91 → 1.1.93
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/assets/images/{card-arrow-left.28090aba4b4f2006.svg → card-arrow-left.55343410142dad3f.svg} +4 -4
- package/dist/assets/images/{card-arrow-right.c60af4cbbd49f3aa.svg → card-arrow-right.60b3bf0e34c1800d.svg} +4 -4
- package/dist/assets/images/{imooly.890e3dd01ea33574.svg → imooly.b46514ac970e6052.svg} +7 -7
- package/dist/assets/images/{more.1e158adc48fbb406.svg → more.ce14789c8d37e327.svg} +12 -12
- package/dist/index.es.js +10 -10
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +10 -10
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/rollup.config.mjs +36 -36
- package/src/assets/images/card-arrow-left.svg +4 -4
- package/src/assets/images/card-arrow-right.svg +4 -4
- package/src/assets/images/imooly.svg +7 -7
- package/src/assets/images/more.svg +12 -12
- package/src/components/FloorPlanPopup/FloorPlanPopup.css +3 -3
- package/src/components/FloorPlanPopup/FloorPlanPopup.tsx +83 -83
- package/src/components/ImageListPopup/ImageListPopup.css +83 -83
- package/src/components/ImageListPopup/ImageListPopup.tsx +141 -141
- package/src/components/MessagePopup/MessagePopUp.tsx +156 -156
- package/src/components/NewPropertyCard/NewPropertyCard.css +370 -372
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +280 -280
- package/src/components/Popup/Popup.tsx +29 -29
- package/src/components/ToastWrapper/ToastWrapper.tsx +25 -25
- package/src/models/message.model.ts +7 -7
- package/dist/assets/images/Icon_rightArrow.svg +0 -3
- package/dist/assets/images/LayersIcon.svg +0 -5
- package/dist/assets/images/blackarrow-Right.svg +0 -3
- package/dist/assets/images/blckarrow-Left.svg +0 -3
- package/dist/assets/images/chevron-left.svg +0 -3
- package/dist/assets/images/default-property.jpg +0 -0
- package/dist/assets/images/heartIcon.svg +0 -3
- package/dist/assets/images/icon-close-white.webp +0 -0
- package/dist/assets/images/icon_close 2.e41bb9a4db48e048.png +0 -0
- package/dist/assets/images/icon_close_2.png +0 -0
- package/dist/assets/images/icon_gallery.svg +0 -4
- package/dist/assets/images/icon_map.svg +0 -10
- package/dist/assets/images/icon_share_1.svg +0 -3
- package/dist/assets/images/layer_icon.svg +0 -5
- package/dist/assets/images/locationIcon.0af399c78e0cdc20.svg +0 -4
- package/dist/assets/images/locationIcon.svg +0 -4
- package/dist/assets/images/locationIconBlack.svg +0 -4
- package/dist/assets/images/no-image-icon.png +0 -0
- package/dist/components/Button/Button.js +0 -6
- package/dist/components/ImageListPopup/ImageListPopup.js +0 -26
- package/dist/components/MessagePopup/ErrorPopup.d.ts +0 -7
- package/dist/components/Popup/Popup.js +0 -12
- package/dist/components/SharePopup/PopUp.d.ts +0 -7
package/dist/index.js
CHANGED
|
@@ -183,7 +183,7 @@ var iconLayers$1 = "/static/media/layer_icon.9b56c187199c44b5.svg";
|
|
|
183
183
|
var css_248z$6 = ".mainImage {\r\n height: 80%;\r\n}\r\n\r\n.secondList {\r\n height: 20%;\r\n}\r\n\r\n.listImageButton {\r\n background-color: black;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n}\r\n\r\n.listImgText {\r\n height: 30px;\r\n font-size: 14px;\r\n line-height: 2.14;\r\n color: #fff;\r\n}\r\n\r\n.arroIconColour {\r\n height: 30px;\r\n fill: #fff !important;\r\n}\r\n\r\n.onImageArrow {\r\n width: 50px;\r\n height: 50px;\r\n padding: 23px 8px;\r\n background-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.blackArrow {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.imagesArray {\r\n background-size: \"cover\" !important;\r\n}\r\n@media (max-width: 380px) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 500px;\r\n width: 58vw;\r\n }\r\n}\r\n\r\n@media (min-width: 390px) and (max-width: 850px) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 500px;\r\n width: 58vw;\r\n }\r\n}\r\n@media (min-width: 768px) and (max-width: 819px) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 80%;\r\n width: 58vw;\r\n }\r\n}\r\n";
|
|
184
184
|
styleInject(css_248z$6);
|
|
185
185
|
|
|
186
|
-
var css_248z$5 = ".popup-header {\
|
|
186
|
+
var css_248z$5 = ".popup-header {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n padding: 1rem;\n position: absolute;\n top: 0;\n}\n\n.popup-title {\n color: white;\n font-size: 24px;\n font-weight: bold;\n}\n\n.btn-close {\n position: absolute;\n right: 1rem;\n top: 1rem;\n background: none;\n border: none;\n color: white;\n font-size: 24px;\n cursor: pointer;\n}\n\n.popup-body {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 1rem;\n position: relative;\n flex: 1;\n}\n\n.main-image {\n max-width: 100%;\n max-height: 80vh;\n border-radius: 8px;\n}\n\n.btn-prev,\n.btn-next {\n background: none;\n border: none;\n color: white;\n font-size: 48px;\n cursor: pointer;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n}\n\n.btn-prev {\n left: 10px;\n}\n\n.btn-next {\n right: 10px;\n}\n\n.popup-thumbnails {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n padding: 1rem;\n}\n\n.thumbnail {\n width: 60px;\n height: 60px;\n object-fit: cover;\n border-radius: 8px;\n cursor: pointer;\n opacity: 0.6;\n}\n\n.thumbnail.active {\n border: 2px solid white;\n opacity: 1;\n}\n";
|
|
187
187
|
styleInject(css_248z$5);
|
|
188
188
|
|
|
189
189
|
var iconClose = "/static/media/close.b5ce9141e80c688b.png";
|
|
@@ -438,22 +438,22 @@ function PropertyCard$1(props) {
|
|
|
438
438
|
React.createElement("span", null, "Wohnfl\u00E4che")))));
|
|
439
439
|
}
|
|
440
440
|
|
|
441
|
-
var css_248z$3 = ".
|
|
441
|
+
var css_248z$3 = ".property-card {\n width: 100%;\n max-width: 1280px;\n\n @media (min-width: 1500px) {\n max-width: 1280px;\n margin: 0 auto;\n }\n}\n\n.listing-compacts {\n max-width: 750px;\n align-self: stretch;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 16px;\n border-radius: 0px 32px 32px 0px;\n /* box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); */\n background-color: rgba(58, 58, 58, 0.068);\n height: 460px;\n padding: 32px;\n}\n.cardStyles {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 460px;\n border-radius: 32px 0px 0px 32px !important;\n}\n.cardTag {\n width: 75px;\n height: 30px;\n flex-grow: 0;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 6px;\n padding: 0 24px;\n border-radius: 16px;\n border: solid 1px #313131;\n background-color: #fff;\n}\n.Grundriss {\n width: 120px;\n height: 30px;\n flex-grow: 0;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n border-radius: 16px;\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n background: linear-gradient(to top, #000, #666);\n}\n.Frame-136 {\n height: 119px;\n align-self: stretch;\n flex-grow: 0;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n padding: 10px 16px;\n border-radius: 16px;\n border: solid 1px rgba(0, 0, 0, 0.1);\n background-color: #fff;\n}\n.kontactbutton {\n width: 180px;\n height: 43px;\n flex-grow: 0;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n background: linear-gradient(to top, #000, #666);\n}\n.kontact-button-text {\n flex-grow: 0;\n font-family: Inter;\n font-size: 16px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: normal;\n text-align: center;\n color: #fff;\n}\n.propertyTitle {\n display: flex;\n flex-grow: 0;\n font-size: 24px;\n font-weight: 580;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: normal;\n text-align: start;\n color: #313131;\n}\n.firstLabel {\n width: 100px;\n height: 25px;\n gap: 6px;\n border-radius: 16px;\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n border: solid 1px #031012 !important;\n background-color: var(--main-yellow);\n}\n\n.secondLabel {\n width: 85px;\n height: 25px;\n padding: 0 7px;\n border-radius: 16px;\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n border: solid 1px #000;\n background-color: #fff;\n display: flex;\n}\n\n.thirdLabels {\n width: 110px;\n padding: 0 7px;\n height: 25px;\n border-radius: 16px;\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n border: solid 1px #000;\n background-color: #fff;\n display: flex;\n}\n\n.fourthLabels {\n padding: 2px;\n\n width: 100px;\n height: 25px;\n border-radius: 16px;\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n border: solid 1px #000;\n background-color: #fff;\n}\n\n.layersVector {\n width: 15.1px;\n height: 16px;\n}\n\n.layersText {\n font-size: 14px;\n color: #1b1b1b;\n}\n\n.style-img {\n object-fit: cover;\n border-radius: 30px !important;\n}\n\n.Vector {\n width: 12px;\n height: 16.1px;\n flex-grow: 0;\n margin: 0.4px 6px 0.4px 0;\n}\n\n.customButton {\n width: 262px;\n height: 43px;\n color: #000;\n cursor: pointer;\n border-color: #161410;\n background-color: #181716;\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n}\n.button_text {\n font-size: 16px;\n font-weight: 500;\n color: #1b1b1b;\n}\n\n.heartVector {\n width: 23px;\n height: 26.7px;\n cursor: pointer;\n}\n\n.heartVector.liked {\n fill: rgb(255, 255, 255) !important;\n}\n.locationTexts {\n font-size: 14px;\n color: #344041;\n text-align: center;\n}\n\n.arrowVector {\n width: 23px;\n height: 23px;\n flex-grow: 0;\n object-fit: contain;\n}\n\n.Price {\n font-size: 26px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: normal;\n text-align: center;\n color: #ffffff;\n}\n\n.details {\n font-size: 14px;\n text-align: center;\n color: #344041;\n}\n.value {\n font-size: 20px;\n text-align: center;\n font-weight: 500;\n}\n\n.class {\n background-color: #1b1b1b;\n}\n\n.header {\n height: 64px;\n justify-content: center;\n}\n\n.rightConer {\n width: 200px;\n}\n@media all and (min-width: 2560px) {\n .header {\n font-size: 38px;\n\n display: flex;\n }\n .cardStyle {\n gap: 0px;\n width: 350px;\n height: 300px;\n /* margin-left: 250px; */\n }\n}\n@media (max-width: 1399px) {\n .header {\n font-size: 38px;\n align-self: center;\n margin-left: 150px;\n }\n .cardStyle {\n gap: 0px;\n width: 350px;\n height: 300px;\n }\n}\n\n@media (max-width: 1199px) {\n .header {\n font-size: 38px;\n }\n .cardStyle {\n width: 300px;\n height: 250px;\n }\n}\n\n@media (max-width: 575px) {\n .detail {\n font-size: 11px;\n padding: 2px;\n }\n .Price {\n font-size: 19px;\n }\n .header {\n font-size: 28px;\n }\n .locationText {\n font-size: 12px;\n }\n .customButton {\n width: 200px !important;\n }\n .button_text {\n font-size: 13px;\n }\n}\n\n@media (max-width: 375px) {\n .labelTopClass {\n width: 105px !important;\n }\n .layersText {\n font-size: 9px;\n }\n .firstLabel {\n gap: 2px;\n }\n .layersVector {\n width: 9px;\n height: 10px;\n gap: 0px;\n }\n .cardStyle {\n width: 320px !important;\n height: 220px !important;\n }\n .header {\n font-size: 24px;\n }\n .detail {\n font-size: 10px;\n padding: 2px;\n }\n .Price {\n font-size: 18px;\n }\n .locationText {\n font-size: 10px;\n }\n .Vector {\n width: 8px;\n height: 16px;\n margin: 0px 2px 0.4px;\n }\n}\n\n@media (max-width: 280px) {\n .cardStyle {\n width: 260px !important;\n height: 160px !important;\n }\n .detail {\n margin-bottom: 5px;\n font-size: 0.6ch;\n }\n .Price {\n font-size: 9px;\n }\n .locationText {\n font-size: 6px;\n }\n .Vector {\n width: 7px;\n height: 10px;\n margin: 0px 2px 4px;\n }\n .heartVector {\n width: 15px;\n height: 20px;\n }\n}\n";
|
|
442
442
|
styleInject(css_248z$3);
|
|
443
443
|
|
|
444
444
|
var noImageIcon = "/static/media/default-property.9987f19670be82b6.jpg";
|
|
445
445
|
|
|
446
446
|
var shareIcon = "/static/media/icon_share_1.b9ec05630dc1087e.svg";
|
|
447
447
|
|
|
448
|
-
var moreIcon = "/static/media/more.
|
|
448
|
+
var moreIcon = "/static/media/more.ce14789c8d37e327.svg";
|
|
449
449
|
|
|
450
|
-
var arrowLeft = "/static/media/card-arrow-left.
|
|
450
|
+
var arrowLeft = "/static/media/card-arrow-left.55343410142dad3f.svg";
|
|
451
451
|
|
|
452
|
-
var arrowRight = "/static/media/card-arrow-right.
|
|
452
|
+
var arrowRight = "/static/media/card-arrow-right.60b3bf0e34c1800d.svg";
|
|
453
453
|
|
|
454
454
|
var iconLayers = "/static/media/layer_icon.9b56c187199c44b5.svg";
|
|
455
455
|
|
|
456
|
-
var immooly = "/static/media/imooly.
|
|
456
|
+
var immooly = "/static/media/imooly.b46514ac970e6052.svg";
|
|
457
457
|
|
|
458
458
|
function PropertyCard(props) {
|
|
459
459
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -503,9 +503,9 @@ function PropertyCard(props) {
|
|
|
503
503
|
console.warn("imageListRef is not set");
|
|
504
504
|
}
|
|
505
505
|
};
|
|
506
|
-
return (React.createElement("div", { className: "d-flex flex-row card" },
|
|
507
|
-
React.createElement("div", { className: "d-flex flex-column col-md-6
|
|
508
|
-
React.createElement("div", { key: props.property.id, className: "card-bod position-relative cardStyles h-100
|
|
506
|
+
return (React.createElement("div", { className: "d-flex flex-row property-card" },
|
|
507
|
+
React.createElement("div", { className: "d-flex flex-column col-md-6", onClick: props.onClick },
|
|
508
|
+
React.createElement("div", { key: props.property.id, className: "card-bod position-relative cardStyles h-100 w-100", style: {
|
|
509
509
|
backgroundImage: "url(".concat(mainImage || pictureUrls[0], ")"),
|
|
510
510
|
backgroundSize: "cover",
|
|
511
511
|
backgroundPosition: "center",
|
|
@@ -522,7 +522,7 @@ function PropertyCard(props) {
|
|
|
522
522
|
React.createElement("img", { src: iconLayers, className: "", style: { width: "18px" } }),
|
|
523
523
|
" ",
|
|
524
524
|
"Grundriss")))),
|
|
525
|
-
React.createElement("div", { className: "d-flex flex-column listing-compacts col-md-6
|
|
525
|
+
React.createElement("div", { className: "d-flex flex-column listing-compacts col-md-6" },
|
|
526
526
|
React.createElement("div", { className: "d-flex align-self-end justify-content-end gap-2" },
|
|
527
527
|
React.createElement("img", { src: shareIcon, alt: "Location Icon", className: "w-50 ", onClick: handleSharePopUp }),
|
|
528
528
|
React.createElement("img", { src: moreIcon, alt: "Location Icon", className: "" })),
|