nestiq-component-library 1.1.141 → 1.1.143
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 +68 -71
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +68 -71
- package/dist/index.js.map +1 -1
- package/nestiq-component-library-1.1.143.tgz +0 -0
- 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/NewPropertyCard/NewPropertyCard.css +52 -43
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +358 -359
- package/src/components/Popup/Popup.tsx +29 -29
- package/src/components/PropertyImageList/PropertyImageList.css +24 -6
- package/src/components/PropertyImageList/PropertyImageList.tsx +213 -206
- 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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
|
|
3
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.127 17.18a.614.614 0 0 1 0 .872L22.177 25l6.95 6.948a.617.617 0 0 1-.871.872l-7.384-7.384a.616.616 0 0 1 0-.872l7.384-7.383a.616.616 0 0 1 .871 0z" fill="#000"/>
|
|
4
|
-
</svg>
|
|
1
|
+
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.127 17.18a.614.614 0 0 1 0 .872L22.177 25l6.95 6.948a.617.617 0 0 1-.871.872l-7.384-7.384a.616.616 0 0 1 0-.872l7.384-7.383a.616.616 0 0 1 .871 0z" fill="#000"/>
|
|
4
|
+
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
|
|
3
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.873 32.82a.614.614 0 0 1 0-.872L27.823 25l-6.95-6.948a.617.617 0 0 1 .871-.872l7.384 7.384a.616.616 0 0 1 0 .872l-7.384 7.383a.616.616 0 0 1-.871 0z" fill="#000"/>
|
|
4
|
-
</svg>
|
|
1
|
+
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.873 32.82a.614.614 0 0 1 0-.872L27.823 25l-6.95-6.948a.617.617 0 0 1 .871-.872l7.384 7.384a.616.616 0 0 1 0 .872l-7.384 7.383a.616.616 0 0 1-.871 0z" fill="#000"/>
|
|
4
|
+
</svg>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
<svg width="150" height="45" viewBox="0 0 150 45" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M2.324 37.932s5.001-6.516 4.403-14.405c0 0 0-.705.598-.88.564-.282 2.254.352 2.959 2.183.07.14.176.67.246 1.092.141 1.127.282 3.733-.21 7.713 0 0 16.094-1.233 17.292.246 0 0 .387.282.563.74.282.67.282 1.55-1.021 1.655 0 0-4.085-.176-7.678 1.339 0 0-5.67 2.395-9.157 2.958-.035 0-4.93 1.55-7.995-2.641z" fill="#FDC500"/>
|
|
3
|
-
<path d="M18.738 38.53s2.571-1.162 7.08-1.655c0 0 1.62-.176 1.655.845 0 0 .07.423-.67.458l-8.065.352zM26.06 3.17S19.72.74 13.451 8.065l-7.255 10.53s-.74 1.48.176 1.938c0 0 1.374.67 2.607-.352l9.157-7.925s1.76-1.444 3.803.423c0 0 4.332 4.508 6.305 5.389 0 0 2.324.88 3.346-.282 0 0 .704-.81-.634-1.867 0 0-2.889-2.712-3.91-5.67 0 .035-.986-2.818-.986-7.08zM11.41 9.791l-2.713 4.015s-2.254 3.31-3.486 2.747c0 0-1.198-.563-.035-1.726l6.233-5.036z" fill="#FDC500"/>
|
|
4
|
-
<path d="M23.21 19.441v4.825l-1.126-.458-.423-.176h-.07v-1.726h-1.515v1.726h1.55l.282.176v.106h-3.91v-.106l.282-.176h1.515v-1.726h-1.48v1.726h-.035l-.422.176-1.163.458v-4.825l1.163.352.387.106.07.035v1.69h1.48V19.9H18.28l-.282-.106v-.14h3.91v.14l-.282.106h-1.55v1.726h1.515v-1.69l.07-.036.423-.106 1.127-.352z" fill="#FDC500"/>
|
|
5
|
-
<path d="M42.016 12.75h2.395v12.96h-2.395V12.75zM59.803 25.71l-.036-8.558-4.261 7.08h-1.057l-4.261-6.974v8.452h-2.29V12.75h1.973l5.142 8.558 5.036-8.559h1.973l.035 12.926h-2.254v.035zM77.447 25.71l-.035-8.558-4.262 7.08h-1.056l-4.262-6.974v8.452h-2.289V12.75h1.972l5.142 8.558 5.037-8.559h1.972l.035 12.926h-2.254v.035zM82.309 19.23c0-3.839 2.958-6.657 6.973-6.657s6.974 2.818 6.974 6.657-2.959 6.657-6.974 6.657c-4.015 0-6.973-2.818-6.973-6.657zm11.481 0c0-2.642-1.937-4.543-4.543-4.543s-4.543 1.902-4.543 4.543 1.937 4.543 4.543 4.543 4.543-1.902 4.543-4.543zM108.546 19.3h.916v4.825c-1.162 1.092-2.853 1.656-4.614 1.656-3.909 0-6.762-2.782-6.762-6.551s2.853-6.55 6.797-6.55c1.867 0 3.522.598 4.649 1.76l-.598.634c-1.127-1.092-2.466-1.55-4.051-1.55-3.346 0-5.846 2.43-5.846 5.706 0 3.24 2.5 5.706 5.846 5.706 1.374 0 2.607-.317 3.663-1.198V19.3zM121.577 22.048h-7.502l-1.655 3.663h-1.022l5.953-12.926h.95l5.953 12.925h-1.022l-1.655-3.662zm-.352-.775-3.417-7.467-3.381 7.467h6.798zM135.594 25.71l-3.099-4.332c-.423.07-.81.106-1.268.106h-3.698v4.226h-.951V12.75h4.649c3.24 0 5.213 1.62 5.213 4.367 0 2.043-1.092 3.486-3.029 4.05l3.24 4.543h-1.057zm-4.367-5.071c2.782 0 4.262-1.303 4.262-3.522 0-2.22-1.48-3.522-4.262-3.522h-3.698v7.008h3.698v.036zM142.18 13.63h-4.649v-.845h10.249v.845h-4.649v12.08h-.951V13.63z" fill="#242423"/>
|
|
6
|
-
<path d="M42.05 28.246h.459v7.396h-.458v-7.396zM44.059 30.289h.387v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.036c.317-.74.845-1.127 1.69-1.127.951 0 1.656.564 1.656 1.797v3.627h-.423V31.98c0-1.374-.95-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.387V30.29zM52.617 30.289h.388v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.035c.317-.74.846-1.127 1.691-1.127.95 0 1.655.564 1.655 1.797v3.627h-.387V31.98c0-1.374-.951-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.388V30.29h-.035zM63.36 30.183c1.55 0 2.43 1.268 2.43 2.783 0 1.514-.88 2.782-2.43 2.782-1.55 0-2.43-1.268-2.43-2.782 0-1.515.845-2.783 2.43-2.783zm0 5.213c1.338 0 2.043-1.162 2.043-2.43 0-1.268-.705-2.43-2.043-2.43s-2.078 1.162-2.078 2.43c0 1.268.74 2.43 2.078 2.43zM67.129 28.246h.387v3.205h.035c.317-.845 1.163-1.268 2.008-1.268 1.55 0 2.325 1.198 2.325 2.677 0 2.536-1.585 2.923-2.325 2.923-1.409 0-1.937-1.021-2.007-1.303h-.036v1.197h-.387v-7.43zm4.332 4.614c0-1.198-.634-2.325-1.902-2.325-1.373 0-2.043.986-2.043 2.325 0 1.303.564 2.57 2.043 2.57 1.374-.034 1.902-1.373 1.902-2.57zM73.184 29.303v-1.057h.387v1.057h-.387zm0 6.34v-5.354h.387v5.318h-.387v.035zM75.614 28.246v7.396h-.387v-7.396h.387zM77.27 29.303v-1.057h.387v1.057h-.388zm0 6.34v-5.354h.387v5.318h-.388v.035zM79.385 33.036c-.036 1.268.634 2.395 1.972 2.395 1.021 0 1.726-.599 1.902-1.585h.387c-.211 1.233-1.021 1.937-2.29 1.937-1.549 0-2.359-1.233-2.359-2.677-.035-1.444.74-2.888 2.36-2.888 1.655 0 2.43 1.304 2.324 2.853h-4.296v-.035zm3.909-.352c-.035-1.127-.74-2.148-1.937-2.148-1.198 0-1.867 1.091-1.972 2.148h3.909zM84.914 30.289h.388v1.127h.035c.281-.81 1.091-1.268 1.901-1.268 1.867 0 1.902 1.514 1.902 2.148v3.311h-.387v-3.381c0-.564-.07-1.726-1.514-1.726-1.198 0-1.902.916-1.902 2.219v2.888h-.388v-5.318h-.035zM93.227 30.641v-.352h.95v-1.092c0-.74.529-1.056 1.163-1.056.14 0 .317.035.458.035v.352c-.141-.035-.317-.035-.458-.035-.423 0-.775.14-.775.74v1.056h1.092v.352h-1.092v4.966h-.388v-4.966h-.95zM100.832 35.642h-.388v-1.127h-.035c-.282.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.381c0 .564.07 1.726 1.514 1.726 1.198 0 1.902-.916 1.902-2.219v-2.888h.388v5.353h.035zm-3.17-6.163v-1.057h.458v1.057h-.458zm1.62 0v-1.057h.458v1.057h-.458zM102.7 31.486c.246-.704 1.092-1.268 2.078-1.197v.387c-.423-.035-.986.036-1.479.529-.388.387-.564.74-.599 1.55v2.922h-.388V30.29h.388v1.197zM113.583 30.36c-.035-1.269-1.021-1.902-2.359-1.902-.846 0-2.043.352-2.043 1.584 0 1.198 1.268 1.374 2.501 1.656 1.267.246 2.535.563 2.535 2.042 0 1.55-1.479 2.078-2.606 2.078-1.726 0-3.134-.704-3.134-2.606h.457c-.105 1.62 1.198 2.219 2.677 2.219.881 0 2.148-.387 2.148-1.69 0-1.269-1.267-1.48-2.535-1.726-1.268-.247-2.501-.564-2.501-1.973 0-1.408 1.303-1.972 2.501-1.972 1.549 0 2.747.67 2.817 2.29h-.458zM117.458 30.641h-1.163v3.733c0 .846.388.951 1.163.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.387v1.655h1.163v.352zM122.703 35.642h-.388v-1.127h-.035c-.281.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.38c0 .564.07 1.727 1.514 1.727 1.198 0 1.902-.916 1.902-2.22V30.29h.388v5.353h.035zM126.157 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM129.149 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM134.571 30.289v5.036c0 .423 0 2.395-2.289 2.325-1.127 0-2.008-.423-2.078-1.656h.387c.07.951.845 1.303 1.691 1.303 1.866 0 1.901-1.514 1.901-1.866v-1.233h-.035c-.387.775-1.021 1.198-1.937 1.198-1.55 0-2.289-1.163-2.289-2.642 0-1.409.81-2.606 2.289-2.606.845 0 1.62.423 1.937 1.233h.035v-1.092h.388zm-4.262 2.5c0 1.268.669 2.29 1.902 2.29 1.303 0 1.937-1.092 1.937-2.29 0-1.197-.634-2.289-1.937-2.289-1.268.035-1.902 1.162-1.902 2.29zM139.961 34.656c0 .317 0 .634.352.634.07 0 .176 0 .282-.035v.317c-.106.035-.212.035-.317.035-.634 0-.705-.352-.705-.775v-.282h-.035c-.247.634-.951 1.198-1.972 1.198-1.022 0-1.796-.388-1.796-1.515 0-1.232 1.091-1.514 1.972-1.584 1.761-.141 1.831-.247 1.831-1.092 0-.247-.282-1.057-1.479-1.057-.951 0-1.585.493-1.62 1.409h-.387c.035-1.162.774-1.761 2.042-1.761.916 0 1.867.282 1.867 1.373v3.135h-.035zm-.388-2.043c-.317.352-1.162.317-1.937.423-.916.106-1.444.423-1.444 1.233 0 .634.458 1.162 1.409 1.162 1.796 0 1.972-1.55 1.972-1.796v-1.022zM141.934 31.486c.247-.704 1.092-1.268 2.078-1.197v.387c-.422-.035-.986.036-1.479.529-.387.387-.563.74-.599 1.55v2.922h-.387V30.29h.387v1.197zM146.688 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352z" fill="#FDC500"/>
|
|
7
|
-
</svg>
|
|
1
|
+
<svg width="150" height="45" viewBox="0 0 150 45" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M2.324 37.932s5.001-6.516 4.403-14.405c0 0 0-.705.598-.88.564-.282 2.254.352 2.959 2.183.07.14.176.67.246 1.092.141 1.127.282 3.733-.21 7.713 0 0 16.094-1.233 17.292.246 0 0 .387.282.563.74.282.67.282 1.55-1.021 1.655 0 0-4.085-.176-7.678 1.339 0 0-5.67 2.395-9.157 2.958-.035 0-4.93 1.55-7.995-2.641z" fill="#FDC500"/>
|
|
3
|
+
<path d="M18.738 38.53s2.571-1.162 7.08-1.655c0 0 1.62-.176 1.655.845 0 0 .07.423-.67.458l-8.065.352zM26.06 3.17S19.72.74 13.451 8.065l-7.255 10.53s-.74 1.48.176 1.938c0 0 1.374.67 2.607-.352l9.157-7.925s1.76-1.444 3.803.423c0 0 4.332 4.508 6.305 5.389 0 0 2.324.88 3.346-.282 0 0 .704-.81-.634-1.867 0 0-2.889-2.712-3.91-5.67 0 .035-.986-2.818-.986-7.08zM11.41 9.791l-2.713 4.015s-2.254 3.31-3.486 2.747c0 0-1.198-.563-.035-1.726l6.233-5.036z" fill="#FDC500"/>
|
|
4
|
+
<path d="M23.21 19.441v4.825l-1.126-.458-.423-.176h-.07v-1.726h-1.515v1.726h1.55l.282.176v.106h-3.91v-.106l.282-.176h1.515v-1.726h-1.48v1.726h-.035l-.422.176-1.163.458v-4.825l1.163.352.387.106.07.035v1.69h1.48V19.9H18.28l-.282-.106v-.14h3.91v.14l-.282.106h-1.55v1.726h1.515v-1.69l.07-.036.423-.106 1.127-.352z" fill="#FDC500"/>
|
|
5
|
+
<path d="M42.016 12.75h2.395v12.96h-2.395V12.75zM59.803 25.71l-.036-8.558-4.261 7.08h-1.057l-4.261-6.974v8.452h-2.29V12.75h1.973l5.142 8.558 5.036-8.559h1.973l.035 12.926h-2.254v.035zM77.447 25.71l-.035-8.558-4.262 7.08h-1.056l-4.262-6.974v8.452h-2.289V12.75h1.972l5.142 8.558 5.037-8.559h1.972l.035 12.926h-2.254v.035zM82.309 19.23c0-3.839 2.958-6.657 6.973-6.657s6.974 2.818 6.974 6.657-2.959 6.657-6.974 6.657c-4.015 0-6.973-2.818-6.973-6.657zm11.481 0c0-2.642-1.937-4.543-4.543-4.543s-4.543 1.902-4.543 4.543 1.937 4.543 4.543 4.543 4.543-1.902 4.543-4.543zM108.546 19.3h.916v4.825c-1.162 1.092-2.853 1.656-4.614 1.656-3.909 0-6.762-2.782-6.762-6.551s2.853-6.55 6.797-6.55c1.867 0 3.522.598 4.649 1.76l-.598.634c-1.127-1.092-2.466-1.55-4.051-1.55-3.346 0-5.846 2.43-5.846 5.706 0 3.24 2.5 5.706 5.846 5.706 1.374 0 2.607-.317 3.663-1.198V19.3zM121.577 22.048h-7.502l-1.655 3.663h-1.022l5.953-12.926h.95l5.953 12.925h-1.022l-1.655-3.662zm-.352-.775-3.417-7.467-3.381 7.467h6.798zM135.594 25.71l-3.099-4.332c-.423.07-.81.106-1.268.106h-3.698v4.226h-.951V12.75h4.649c3.24 0 5.213 1.62 5.213 4.367 0 2.043-1.092 3.486-3.029 4.05l3.24 4.543h-1.057zm-4.367-5.071c2.782 0 4.262-1.303 4.262-3.522 0-2.22-1.48-3.522-4.262-3.522h-3.698v7.008h3.698v.036zM142.18 13.63h-4.649v-.845h10.249v.845h-4.649v12.08h-.951V13.63z" fill="#242423"/>
|
|
6
|
+
<path d="M42.05 28.246h.459v7.396h-.458v-7.396zM44.059 30.289h.387v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.036c.317-.74.845-1.127 1.69-1.127.951 0 1.656.564 1.656 1.797v3.627h-.423V31.98c0-1.374-.95-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.387V30.29zM52.617 30.289h.388v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.035c.317-.74.846-1.127 1.691-1.127.95 0 1.655.564 1.655 1.797v3.627h-.387V31.98c0-1.374-.951-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.388V30.29h-.035zM63.36 30.183c1.55 0 2.43 1.268 2.43 2.783 0 1.514-.88 2.782-2.43 2.782-1.55 0-2.43-1.268-2.43-2.782 0-1.515.845-2.783 2.43-2.783zm0 5.213c1.338 0 2.043-1.162 2.043-2.43 0-1.268-.705-2.43-2.043-2.43s-2.078 1.162-2.078 2.43c0 1.268.74 2.43 2.078 2.43zM67.129 28.246h.387v3.205h.035c.317-.845 1.163-1.268 2.008-1.268 1.55 0 2.325 1.198 2.325 2.677 0 2.536-1.585 2.923-2.325 2.923-1.409 0-1.937-1.021-2.007-1.303h-.036v1.197h-.387v-7.43zm4.332 4.614c0-1.198-.634-2.325-1.902-2.325-1.373 0-2.043.986-2.043 2.325 0 1.303.564 2.57 2.043 2.57 1.374-.034 1.902-1.373 1.902-2.57zM73.184 29.303v-1.057h.387v1.057h-.387zm0 6.34v-5.354h.387v5.318h-.387v.035zM75.614 28.246v7.396h-.387v-7.396h.387zM77.27 29.303v-1.057h.387v1.057h-.388zm0 6.34v-5.354h.387v5.318h-.388v.035zM79.385 33.036c-.036 1.268.634 2.395 1.972 2.395 1.021 0 1.726-.599 1.902-1.585h.387c-.211 1.233-1.021 1.937-2.29 1.937-1.549 0-2.359-1.233-2.359-2.677-.035-1.444.74-2.888 2.36-2.888 1.655 0 2.43 1.304 2.324 2.853h-4.296v-.035zm3.909-.352c-.035-1.127-.74-2.148-1.937-2.148-1.198 0-1.867 1.091-1.972 2.148h3.909zM84.914 30.289h.388v1.127h.035c.281-.81 1.091-1.268 1.901-1.268 1.867 0 1.902 1.514 1.902 2.148v3.311h-.387v-3.381c0-.564-.07-1.726-1.514-1.726-1.198 0-1.902.916-1.902 2.219v2.888h-.388v-5.318h-.035zM93.227 30.641v-.352h.95v-1.092c0-.74.529-1.056 1.163-1.056.14 0 .317.035.458.035v.352c-.141-.035-.317-.035-.458-.035-.423 0-.775.14-.775.74v1.056h1.092v.352h-1.092v4.966h-.388v-4.966h-.95zM100.832 35.642h-.388v-1.127h-.035c-.282.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.381c0 .564.07 1.726 1.514 1.726 1.198 0 1.902-.916 1.902-2.219v-2.888h.388v5.353h.035zm-3.17-6.163v-1.057h.458v1.057h-.458zm1.62 0v-1.057h.458v1.057h-.458zM102.7 31.486c.246-.704 1.092-1.268 2.078-1.197v.387c-.423-.035-.986.036-1.479.529-.388.387-.564.74-.599 1.55v2.922h-.388V30.29h.388v1.197zM113.583 30.36c-.035-1.269-1.021-1.902-2.359-1.902-.846 0-2.043.352-2.043 1.584 0 1.198 1.268 1.374 2.501 1.656 1.267.246 2.535.563 2.535 2.042 0 1.55-1.479 2.078-2.606 2.078-1.726 0-3.134-.704-3.134-2.606h.457c-.105 1.62 1.198 2.219 2.677 2.219.881 0 2.148-.387 2.148-1.69 0-1.269-1.267-1.48-2.535-1.726-1.268-.247-2.501-.564-2.501-1.973 0-1.408 1.303-1.972 2.501-1.972 1.549 0 2.747.67 2.817 2.29h-.458zM117.458 30.641h-1.163v3.733c0 .846.388.951 1.163.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.387v1.655h1.163v.352zM122.703 35.642h-.388v-1.127h-.035c-.281.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.38c0 .564.07 1.727 1.514 1.727 1.198 0 1.902-.916 1.902-2.22V30.29h.388v5.353h.035zM126.157 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM129.149 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM134.571 30.289v5.036c0 .423 0 2.395-2.289 2.325-1.127 0-2.008-.423-2.078-1.656h.387c.07.951.845 1.303 1.691 1.303 1.866 0 1.901-1.514 1.901-1.866v-1.233h-.035c-.387.775-1.021 1.198-1.937 1.198-1.55 0-2.289-1.163-2.289-2.642 0-1.409.81-2.606 2.289-2.606.845 0 1.62.423 1.937 1.233h.035v-1.092h.388zm-4.262 2.5c0 1.268.669 2.29 1.902 2.29 1.303 0 1.937-1.092 1.937-2.29 0-1.197-.634-2.289-1.937-2.289-1.268.035-1.902 1.162-1.902 2.29zM139.961 34.656c0 .317 0 .634.352.634.07 0 .176 0 .282-.035v.317c-.106.035-.212.035-.317.035-.634 0-.705-.352-.705-.775v-.282h-.035c-.247.634-.951 1.198-1.972 1.198-1.022 0-1.796-.388-1.796-1.515 0-1.232 1.091-1.514 1.972-1.584 1.761-.141 1.831-.247 1.831-1.092 0-.247-.282-1.057-1.479-1.057-.951 0-1.585.493-1.62 1.409h-.387c.035-1.162.774-1.761 2.042-1.761.916 0 1.867.282 1.867 1.373v3.135h-.035zm-.388-2.043c-.317.352-1.162.317-1.937.423-.916.106-1.444.423-1.444 1.233 0 .634.458 1.162 1.409 1.162 1.796 0 1.972-1.55 1.972-1.796v-1.022zM141.934 31.486c.247-.704 1.092-1.268 2.078-1.197v.387c-.422-.035-.986.036-1.479.529-.387.387-.563.74-.599 1.55v2.922h-.387V30.29h.387v1.197zM146.688 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352z" fill="#FDC500"/>
|
|
7
|
+
</svg>
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
<svg width="4" height="20" viewBox="0 0 4 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g clip-path="url(#fxcoqj8dma)" fill="#313131">
|
|
3
|
-
<circle cx="2" cy="2" r="2"/>
|
|
4
|
-
<circle cx="2" cy="10" r="2"/>
|
|
5
|
-
<circle cx="2" cy="18" r="2"/>
|
|
6
|
-
</g>
|
|
7
|
-
<defs>
|
|
8
|
-
<clipPath id="fxcoqj8dma">
|
|
9
|
-
<path fill="#fff" d="M0 0h4v20H0z"/>
|
|
10
|
-
</clipPath>
|
|
11
|
-
</defs>
|
|
12
|
-
</svg>
|
|
1
|
+
<svg width="4" height="20" viewBox="0 0 4 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#fxcoqj8dma)" fill="#313131">
|
|
3
|
+
<circle cx="2" cy="2" r="2"/>
|
|
4
|
+
<circle cx="2" cy="10" r="2"/>
|
|
5
|
+
<circle cx="2" cy="18" r="2"/>
|
|
6
|
+
</g>
|
|
7
|
+
<defs>
|
|
8
|
+
<clipPath id="fxcoqj8dma">
|
|
9
|
+
<path fill="#fff" d="M0 0h4v20H0z"/>
|
|
10
|
+
</clipPath>
|
|
11
|
+
</defs>
|
|
12
|
+
</svg>
|
package/dist/index.es.js
CHANGED
|
@@ -178,10 +178,10 @@ var iconMap = "/static/media/icon_map.2318ec664c3e615e.svg";
|
|
|
178
178
|
|
|
179
179
|
var iconLayers$1 = "/static/media/layer_icon.9b56c187199c44b5.svg";
|
|
180
180
|
|
|
181
|
-
var css_248z$6 = ".mainImage {\r\n height: 80%;\r\n}\r\n\r\n.secondList {\r\n height: 20%;\r\n max-height: 121.6px;\r\n}\r\n\r\n.listImageButton {\r\n background-image: linear-gradient(to top, #000, #666);\r\n align-items: center !important;\r\n justify-content: center !important;\r\n min-height: 121px;\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\r\n.imagesArray {\r\n background-size:
|
|
181
|
+
var css_248z$6 = ".mainImage {\r\n height: 80%;\r\n}\r\n\r\n.secondList {\r\n height: 20%;\r\n max-height: 121.6px;\r\n}\r\n\r\n.listImageButton {\r\n background-image: linear-gradient(to top, #000, #666);\r\n align-items: center !important;\r\n justify-content: center !important;\r\n min-height: 121px;\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\r\n.imagesArray {\r\n background-size: cover !important;\r\n}\r\n@media (max-width: 450px) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 500px;\r\n width: 88vw;\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@media (min-width: 820px) and (max-width: 850px) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 80%;\r\n width: 58vw;\r\n }\r\n}\r\n\r\n.image-thumbnail {\r\n position: relative;\r\n transition: opacity 0.3s ease-in-out;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.image-thumbnail img {\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n}\r\n\r\n.image-thumbnail.greyed-out img {\r\n filter: grayscale(100%) brightness(50%);\r\n}\r\n\r\n.image-thumbnail.selected img {\r\n filter: none;\r\n border: 2px solid #007bff; /* Highlight border for selected image */\r\n}";
|
|
182
182
|
styleInject(css_248z$6);
|
|
183
183
|
|
|
184
|
-
var css_248z$5 = ".popup-header {\
|
|
184
|
+
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";
|
|
185
185
|
styleInject(css_248z$5);
|
|
186
186
|
|
|
187
187
|
var iconClose = "/static/media/close.b5ce9141e80c688b.png";
|
|
@@ -299,20 +299,21 @@ function PropertyImageList(prop) {
|
|
|
299
299
|
var _d = useState(false), isFloorPlanPopupOpen = _d[0], setIsFloorPlanPopupOpen = _d[1];
|
|
300
300
|
var imageListRef = useRef(null);
|
|
301
301
|
var handleArrowClickInMainImage = function (direction) {
|
|
302
|
-
if (prop.pictureUrls.length
|
|
302
|
+
if (!prop.pictureUrls.length)
|
|
303
303
|
return;
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
prop.pictureUrls.length;
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
304
|
+
setCurrentImageIndex(function (prevIndex) {
|
|
305
|
+
var newIndex;
|
|
306
|
+
if (direction === "left") {
|
|
307
|
+
newIndex =
|
|
308
|
+
(prevIndex - 1 + prop.pictureUrls.length) % prop.pictureUrls.length;
|
|
309
|
+
}
|
|
310
|
+
else if (direction === "right") {
|
|
311
|
+
newIndex = (prevIndex + 1) % prop.pictureUrls.length;
|
|
312
|
+
}
|
|
313
|
+
return newIndex || 0;
|
|
314
|
+
});
|
|
314
315
|
imageListRef.current.scrollTo({
|
|
315
|
-
left:
|
|
316
|
+
left: currentImageIndex * (direction === "left" ? -150 : 150),
|
|
316
317
|
behavior: "smooth",
|
|
317
318
|
});
|
|
318
319
|
};
|
|
@@ -338,13 +339,19 @@ function PropertyImageList(prop) {
|
|
|
338
339
|
React.createElement("div", { role: "button", className: "rounded-circle border onImageArrow d-flex position-absolute end-0 me-2 align-items-center justify-content-center", onClick: function () { return handleArrowClickInMainImage("right"); } },
|
|
339
340
|
React.createElement("img", { src: blcIconArrowRight, className: "blackArrow", alt: "Right Arrow" }))),
|
|
340
341
|
React.createElement("div", { className: "d-none d-md-block" },
|
|
341
|
-
React.createElement("div", { className: "mt-1 d-flex flex-row gap-1 col-12
|
|
342
|
-
React.createElement("div", { className: "\tcol-lg-6 col-6 d-flex flex-row
|
|
342
|
+
React.createElement("div", { className: "mt-1 d-flex flex-row gap-1 col-12 secondList" },
|
|
343
|
+
React.createElement("div", { className: "\tcol-lg-6 col-6 d-flex flex-row py-0 px-1" },
|
|
343
344
|
React.createElement("div", { className: "\t col-12 position-relative d-flex justify-content-center" },
|
|
344
345
|
React.createElement("div", { className: "col-1 h-100 d-flex position-absolute start-0", onClick: function () { return handleArrowClickInMainImage("left"); }, role: "button" },
|
|
345
346
|
React.createElement("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
|
|
346
347
|
React.createElement("img", { src: iconArrowLeft, className: "arroIconColour", alt: "Left Arrow" }))),
|
|
347
|
-
React.createElement("div", { className: "col-lg-10 rounded-3 h-100 d-flex flex-row gap-2 overflow-
|
|
348
|
+
React.createElement("div", { className: "col-lg-10 rounded-3 h-100 d-flex flex-row gap-2 overflow-hidden", ref: imageListRef }, prop.pictureUrls.length > 0 && (React.createElement("div", { className: "col-lg-5 h-100 d-flex gap-2 flex-row rounded-3" }, prop.pictureUrls.map(function (picture, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex image-thumbnail ".concat(index === currentImageIndex
|
|
349
|
+
? "selected"
|
|
350
|
+
: "greyed-out", " ").concat(index === 0
|
|
351
|
+
? "ms-1"
|
|
352
|
+
: index === prop.pictureUrls.length - 1
|
|
353
|
+
? "me-1"
|
|
354
|
+
: ""), onClick: function () {
|
|
348
355
|
setCurrentImageIndex(index);
|
|
349
356
|
imageListRef.current.scrollTo({
|
|
350
357
|
left: index * 150,
|
|
@@ -353,18 +360,18 @@ function PropertyImageList(prop) {
|
|
|
353
360
|
}, role: "button" },
|
|
354
361
|
React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); })))),
|
|
355
362
|
React.createElement("div", { className: "col-1 h-100 d-flex position-absolute end-0 top-0", onClick: function () { return handleArrowClickInMainImage("right"); }, role: "button" },
|
|
356
|
-
React.createElement("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3
|
|
363
|
+
React.createElement("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
|
|
357
364
|
React.createElement("img", { src: iconArrowRight, className: "arroIconColour ", alt: "Right Arrow" }))))),
|
|
358
365
|
React.createElement("div", { className: "col-7 col-lg-6 d-flex flex-row" },
|
|
359
|
-
React.createElement("div", { className: "col-lg-4 col-4
|
|
366
|
+
React.createElement("div", { className: "col-lg-4 col-4 py-0 px-1", role: "button", onClick: toggleAllPhotos },
|
|
360
367
|
React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
|
|
361
368
|
React.createElement("img", { src: iconGallery, alt: "Gallery Icon" }),
|
|
362
369
|
React.createElement("span", { className: "listImgText" }, "Alle Fotos"))),
|
|
363
|
-
React.createElement("div", { className: "col-lg-4 col-3
|
|
370
|
+
React.createElement("div", { className: "col-lg-4 col-3 py-0 px-1", role: "button", onClick: floorPlanClickHandler },
|
|
364
371
|
React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
|
|
365
372
|
React.createElement("img", { src: iconLayers$1, alt: "Layers Icon" }),
|
|
366
373
|
React.createElement("span", { className: "listImgText" }, "Grundriss"))),
|
|
367
|
-
React.createElement("div", { className: "col-lg-4 col-3
|
|
374
|
+
React.createElement("div", { className: "col-lg-4 col-3 py-0 px-1", role: "button", onClick: function () {
|
|
368
375
|
return window.scrollTo({
|
|
369
376
|
top: document.documentElement.scrollHeight,
|
|
370
377
|
});
|
|
@@ -436,22 +443,22 @@ function PropertyCard$1(props) {
|
|
|
436
443
|
React.createElement("span", null, "Wohnfl\u00E4che")))));
|
|
437
444
|
}
|
|
438
445
|
|
|
439
|
-
var css_248z$3 = ".property-card {\r\n width: 100%;\r\n max-width: 1280px;\r\n\r\n @media (min-width: 1500px) {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.listing-compact {\r\n align-self: stretch;\r\n max-width: 750px;\r\n flex-direction: column;\r\n gap:
|
|
446
|
+
var css_248z$3 = ".property-card {\r\n width: 100%;\r\n max-width: 1280px;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n border-radius: 32px;\r\n\r\n @media (min-width: 1500px) {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.listing-compact {\r\n align-self: stretch;\r\n max-width: 750px;\r\n flex-direction: column;\r\n gap: 32px;\r\n border-radius: 0 32px 32px 0;\r\n background-color: rgba(58, 58, 58, 0.068);\r\n}\r\n\r\n.cc-height {\r\n height: 460px;\r\n}\r\n\r\n.listing-height {\r\n height: 422px;\r\n}\r\n\r\n.cardStyles {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 460px;\r\n border-radius: 32px 0px 0px 32px !important;\r\n}\r\n.cardTag {\r\n width: 75px;\r\n height: 30px;\r\n flex-grow: 0;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 0 24px;\r\n border-radius: 16px;\r\n border: solid 1px #313131;\r\n background-color: #fff;\r\n}\r\n.Grundriss {\r\n width: 120px;\r\n height: 30px;\r\n flex-grow: 0;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n background: linear-gradient(to top, #000, #666);\r\n}\r\n.Frame-136 {\r\n height: 85px;\r\n align-self: stretch;\r\n flex-grow: 0;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: center;\r\n gap: 16px;\r\n padding: 10px 16px;\r\n border-radius: 16px;\r\n border: solid 1px rgba(0, 0, 0, 0.1);\r\n background-color: #fff;\r\n}\r\n.kontactbutton {\r\n width: 198px;\r\n height: 43px;\r\n flex-grow: 0;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 10px;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n background: linear-gradient(to top, #000, #666);\r\n}\r\n.kontact-button-text {\r\n flex-grow: 0;\r\n font-family: Inter;\r\n font-size: 16px;\r\n font-weight: 500;\r\n font-stretch: normal;\r\n font-style: normal;\r\n line-height: normal;\r\n letter-spacing: normal;\r\n text-align: center;\r\n color: #fff;\r\n}\r\n.propertyTitle {\r\n display: flex;\r\n flex-grow: 0;\r\n font-size: 24px;\r\n font-weight: 580;\r\n font-stretch: normal;\r\n font-style: normal;\r\n line-height: normal;\r\n letter-spacing: normal;\r\n text-align: start;\r\n color: #313131;\r\n}\r\n\r\n.chipLabel {\r\n height: 30px;\r\n padding: 0 10px;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n border: solid 1px #000;\r\n background-color: #fff;\r\n display: flex;\r\n}\r\n\r\n.layersVector {\r\n width: 15.1px;\r\n height: 16px;\r\n}\r\n\r\n.layersText {\r\n padding: 0 8px;\r\n font-size: 14px;\r\n color: #1b1b1b;\r\n line-height: 2.14;\r\n text-wrap: nowrap;\r\n}\r\n\r\n.style-img {\r\n object-fit: cover;\r\n border-radius: 30px !important;\r\n}\r\n\r\n.Vector {\r\n width: 12px;\r\n height: 16.1px;\r\n flex-grow: 0;\r\n margin: 0.4px 6px 0.4px 0;\r\n}\r\n\r\n.customButton {\r\n width: 262px;\r\n height: 43px;\r\n color: #000;\r\n cursor: pointer;\r\n border-color: #161410;\r\n background-color: #181716;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.button_text {\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: #1b1b1b;\r\n}\r\n\r\n.heartVector {\r\n width: 23px;\r\n height: 26.7px;\r\n cursor: pointer;\r\n}\r\n\r\n.heartVector.liked {\r\n fill: rgb(255, 255, 255) !important;\r\n}\r\n\r\n.location-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.location-icon {\r\n width: 16px;\r\n height: 21px;\r\n flex-grow: 0;\r\n object-fit: contain;\r\n}\r\n\r\n.locationTexts {\r\n font-size: 16px;\r\n color: #344041;\r\n text-align: center;\r\n}\r\n\r\n.arrowVector {\r\n width: 23px;\r\n height: 23px;\r\n flex-grow: 0;\r\n object-fit: contain;\r\n}\r\n\r\n.Price {\r\n font-size: 26px;\r\n font-weight: 500;\r\n font-stretch: normal;\r\n font-style: normal;\r\n line-height: normal;\r\n letter-spacing: normal;\r\n text-align: center;\r\n color: #ffffff;\r\n}\r\n\r\n.details {\r\n font-size: 16px;\r\n text-align: center;\r\n color: #344041;\r\n}\r\n\r\n.price_label {\r\n font-size: 16px;\r\n text-align: left;\r\n color: #344041;\r\n}\r\n\r\n.value {\r\n font-size: 20px;\r\n text-align: center;\r\n font-weight: 500;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n line-height: 1;\r\n}\r\n.priceValue {\r\n font-size: 20px;\r\n font-weight: 500;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n line-height: 1;\r\n}\r\n\r\n.class {\r\n background-color: #1b1b1b;\r\n}\r\n\r\n.header {\r\n height: 64px;\r\n justify-content: center;\r\n}\r\n\r\n.rightConer {\r\n width: 200px;\r\n}\r\n@media all and (min-width: 2560px) {\r\n .header {\r\n font-size: 38px;\r\n\r\n display: flex;\r\n }\r\n .cardStyle {\r\n gap: 0px;\r\n width: 350px;\r\n height: 300px;\r\n /* margin-left: 250px; */\r\n }\r\n}\r\n@media (max-width: 1399px) {\r\n .header {\r\n font-size: 38px;\r\n align-self: center;\r\n margin-left: 150px;\r\n }\r\n .cardStyle {\r\n gap: 0px;\r\n width: 350px;\r\n height: 300px;\r\n }\r\n}\r\n\r\n@media (max-width: 1199px) {\r\n .header {\r\n font-size: 38px;\r\n }\r\n .cardStyle {\r\n width: 300px;\r\n height: 250px;\r\n }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n .detail {\r\n font-size: 11px;\r\n padding: 2px;\r\n }\r\n .Price {\r\n font-size: 19px;\r\n }\r\n .header {\r\n font-size: 28px;\r\n }\r\n .locationText {\r\n font-size: 12px;\r\n }\r\n .customButton {\r\n width: 200px !important;\r\n }\r\n .button_text {\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n .labelTopClass {\r\n width: 105px !important;\r\n }\r\n .layersText {\r\n font-size: 9px;\r\n padding: 0 2rem;\r\n }\r\n .firstLabel {\r\n gap: 2px;\r\n }\r\n .layersVector {\r\n width: 9px;\r\n height: 10px;\r\n gap: 0px;\r\n }\r\n .cardStyle {\r\n width: 320px !important;\r\n height: 220px !important;\r\n }\r\n .header {\r\n font-size: 24px;\r\n }\r\n .detail {\r\n font-size: 10px;\r\n padding: 2px;\r\n }\r\n .Price {\r\n font-size: 18px;\r\n }\r\n .locationText {\r\n font-size: 10px;\r\n }\r\n .Vector {\r\n width: 8px;\r\n height: 16px;\r\n margin: 0px 2px 0.4px;\r\n }\r\n}\r\n\r\n@media (max-width: 280px) {\r\n .cardStyle {\r\n width: 260px !important;\r\n height: 160px !important;\r\n }\r\n .detail {\r\n margin-bottom: 5px;\r\n font-size: 0.6ch;\r\n }\r\n .Price {\r\n font-size: 9px;\r\n }\r\n .locationText {\r\n font-size: 6px;\r\n }\r\n .Vector {\r\n width: 7px;\r\n height: 10px;\r\n margin: 0px 2px 4px;\r\n }\r\n .heartVector {\r\n width: 15px;\r\n height: 20px;\r\n }\r\n}\r\n";
|
|
440
447
|
styleInject(css_248z$3);
|
|
441
448
|
|
|
442
449
|
var noImageIcon = "/static/media/default-property.9987f19670be82b6.jpg";
|
|
443
450
|
|
|
444
451
|
var shareIcon = "/static/media/icon_share_1.b9ec05630dc1087e.svg";
|
|
445
452
|
|
|
446
|
-
var moreIcon = "/static/media/more.
|
|
453
|
+
var moreIcon = "/static/media/more.ce14789c8d37e327.svg";
|
|
447
454
|
|
|
448
|
-
var arrowLeft = "/static/media/card-arrow-left.
|
|
455
|
+
var arrowLeft = "/static/media/card-arrow-left.55343410142dad3f.svg";
|
|
449
456
|
|
|
450
|
-
var arrowRight = "/static/media/card-arrow-right.
|
|
457
|
+
var arrowRight = "/static/media/card-arrow-right.60b3bf0e34c1800d.svg";
|
|
451
458
|
|
|
452
459
|
var iconLayers = "/static/media/layer_icon.9b56c187199c44b5.svg";
|
|
453
460
|
|
|
454
|
-
var immooly = "/static/media/imooly.
|
|
461
|
+
var immooly = "/static/media/imooly.b46514ac970e6052.svg";
|
|
455
462
|
|
|
456
463
|
function PropertyCard(props) {
|
|
457
464
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
@@ -522,68 +529,59 @@ function PropertyCard(props) {
|
|
|
522
529
|
React.createElement("img", { src: iconLayers, className: "", style: { width: "18px" } }),
|
|
523
530
|
" ",
|
|
524
531
|
"Grundriss")))),
|
|
525
|
-
React.createElement("div", { className: "listing-compact d-flex flex-column col-6" },
|
|
526
|
-
React.createElement("div", { className: "d-flex flex-
|
|
527
|
-
React.createElement("
|
|
532
|
+
React.createElement("div", { className: "listing-compact d-flex flex-column col-6 ".concat(props.Impliment ? "cc-height" : "listing-height") },
|
|
533
|
+
React.createElement("div", { className: "d-flex flex-column gap-3" },
|
|
534
|
+
React.createElement("div", { className: "d-flex flex-row justify-content-between gap-2" },
|
|
535
|
+
React.createElement("span", { className: "propertyTitle align-items-start ", style: {
|
|
536
|
+
paddingLeft: "32px",
|
|
537
|
+
paddingTop: "32px",
|
|
538
|
+
}, onClick: props.onClick, role: "button" }, (_c = props.property.expose) === null || _c === void 0 ? void 0 : _c.title),
|
|
539
|
+
React.createElement("div", { className: "d-flex gap-2", style: {
|
|
540
|
+
paddingRight: "32px",
|
|
541
|
+
paddingTop: "21px",
|
|
542
|
+
paddingLeft: "10px",
|
|
543
|
+
} },
|
|
544
|
+
React.createElement("img", { src: shareIcon, alt: "Share Icon", className: " ", onClick: handleSharePopUp, style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }),
|
|
545
|
+
React.createElement("img", { src: moreIcon, alt: "More Icon", className: "", style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }))),
|
|
546
|
+
React.createElement("div", { style: {
|
|
528
547
|
paddingLeft: "32px",
|
|
529
|
-
paddingTop: "32px",
|
|
530
|
-
}, onClick: props.onClick, role: "button" }, (_c = props.property.expose) === null || _c === void 0 ? void 0 : _c.title),
|
|
531
|
-
React.createElement("div", { className: "d-flex gap-2", style: {
|
|
532
548
|
paddingRight: "32px",
|
|
533
|
-
paddingTop: "21px",
|
|
534
|
-
paddingLeft: "76px",
|
|
535
549
|
} },
|
|
536
|
-
|
|
537
|
-
React.createElement("
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
paddingRight: "32px",
|
|
541
|
-
paddingTop: "28px",
|
|
542
|
-
} },
|
|
543
|
-
" ",
|
|
544
|
-
React.createElement("div", { className: "d-flex " },
|
|
545
|
-
React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "Vector" }),
|
|
546
|
-
React.createElement("span", { className: "locationTexts " }, props.property.city || "N/A"))),
|
|
550
|
+
" ",
|
|
551
|
+
React.createElement("div", { className: "location-wrapper" },
|
|
552
|
+
React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "location-icon" }),
|
|
553
|
+
React.createElement("span", { className: "locationTexts " }, props.property.city || "N/A")))),
|
|
547
554
|
React.createElement("div", { className: "d-flex flex-row gap-3 col-6 col-lg-8 justify-content-between ", style: {
|
|
548
555
|
paddingLeft: "32px",
|
|
549
556
|
paddingRight: "32px",
|
|
550
|
-
paddingTop: "28px",
|
|
551
557
|
} },
|
|
552
558
|
React.createElement("span", { className: "priceValue col-lg-4 col-md-4 col-sm-6 " },
|
|
553
559
|
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),
|
|
554
560
|
" \u20AC",
|
|
555
|
-
React.createElement("
|
|
556
|
-
|
|
557
|
-
React.createElement("span", { className: "text-dark value col-lg-5 col-md-5 col-sm-7 " },
|
|
561
|
+
React.createElement("div", { className: "price_label" }, "Kaufpreis")),
|
|
562
|
+
React.createElement("span", { className: "text-dark value col-lg-5 col-md-5 col-sm-7" },
|
|
558
563
|
props.property.constructedArea,
|
|
559
564
|
" m\u00B2",
|
|
560
|
-
React.createElement("
|
|
561
|
-
React.createElement("span", { className: "details" },
|
|
562
|
-
React.createElement("span", null, "Wohnfl\u00E4che"))),
|
|
565
|
+
React.createElement("div", { className: "details" }, "Wohnfl\u00E4che")),
|
|
563
566
|
React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-6 text-truncate " },
|
|
564
567
|
+((_g = props.property) === null || _g === void 0 ? void 0 : _g.rooms),
|
|
565
|
-
React.createElement("
|
|
566
|
-
React.createElement("span", { className: "details" },
|
|
567
|
-
" ",
|
|
568
|
-
React.createElement("span", null, "Zimmer"))),
|
|
568
|
+
React.createElement("div", { className: "details" }, "Zimmer")),
|
|
569
569
|
React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-4 text-truncate " },
|
|
570
570
|
+props.property.propertyArea,
|
|
571
571
|
" m\u00B2",
|
|
572
|
-
React.createElement("
|
|
573
|
-
|
|
574
|
-
React.createElement("span", null, "Grundst\u00FCck")))),
|
|
575
|
-
React.createElement("div", { className: "labelTopClass d-flex start-0 col-sm-5 col-lg-8 ", style: { padding: "28px" } },
|
|
572
|
+
React.createElement("div", { className: "details" }, "Grundst\u00FCck"))),
|
|
573
|
+
React.createElement("div", { className: "labelTopClass d-flex start-0 col-sm-5 col-lg-8 ", style: { padding: "0 28px" } },
|
|
576
574
|
React.createElement("div", { className: " align-items-center d-flex flex-row gap-3" },
|
|
577
|
-
props.property.historicalProtection && (React.createElement("label", { className: "
|
|
578
|
-
React.createElement("span", { className: "layersText
|
|
579
|
-
props.property.basement && (React.createElement("label", { className: "
|
|
580
|
-
React.createElement("span", { className: "layersText
|
|
581
|
-
props.property.balcony && (React.createElement("label", { className: "
|
|
582
|
-
React.createElement("span", { className: "layersText
|
|
583
|
-
props.property.terrace && (React.createElement("label", { className: "
|
|
575
|
+
props.property.historicalProtection && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
576
|
+
React.createElement("span", { className: "layersText" }, "Denkmalschutz"))),
|
|
577
|
+
props.property.basement && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
578
|
+
React.createElement("span", { className: "layersText" }, "Keller"))),
|
|
579
|
+
props.property.balcony && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
580
|
+
React.createElement("span", { className: "layersText" }, "Balkon"))),
|
|
581
|
+
props.property.terrace && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center " },
|
|
584
582
|
React.createElement("span", { className: "layersText" }, "Terrace"))),
|
|
585
|
-
props.property.guestBathroom && (React.createElement("label", { className: "
|
|
586
|
-
React.createElement("span", { className: "layersText
|
|
583
|
+
props.property.guestBathroom && (React.createElement("label", { className: "chipLabel" },
|
|
584
|
+
React.createElement("span", { className: "layersText" }, "Gäste-WC"))))),
|
|
587
585
|
props.Impliment && (React.createElement("div", { className: "", style: {
|
|
588
586
|
paddingLeft: "32px",
|
|
589
587
|
paddingRight: "32px",
|
|
@@ -601,13 +599,12 @@ function PropertyCard(props) {
|
|
|
601
599
|
!props.Impliment && (React.createElement("div", { className: "", style: {
|
|
602
600
|
paddingLeft: "32px",
|
|
603
601
|
paddingRight: "32px",
|
|
604
|
-
paddingBottom: "32px",
|
|
605
602
|
} },
|
|
606
603
|
React.createElement("div", { className: "Frame-136 d-flex flex-row" },
|
|
607
604
|
React.createElement("div", { className: "d-flex flex-column flex-lg-row col-4 justify-content-between " },
|
|
608
605
|
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
609
606
|
React.createElement("div", { className: "d-flex flex-column flex-lg-row justify-content-between" },
|
|
610
|
-
React.createElement("div", { className: "d-flex flex-column col-
|
|
607
|
+
React.createElement("div", { className: "d-flex flex-column col-6" },
|
|
611
608
|
React.createElement("span", { className: "" }, "Herr Florian Gauss"),
|
|
612
609
|
React.createElement("span", null, "Immogart UGh")),
|
|
613
610
|
React.createElement("button", { className: "kontactbutton text-light ", onClick: handleMessagPopUp, role: "button" },
|