nestiq-component-library 1.1.160 → 1.1.162
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/components/ImageListPopup/ImageListPopup.d.ts +1 -0
- package/dist/components/NewPropertyCard/NewPropertyCard.d.ts +8 -4
- package/dist/components/SharePopup/SharePopup.d.ts +0 -3
- package/dist/index.es.js +62 -49
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +62 -49
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/rollup.config.mjs +2 -2
- 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/ImageListPopup/ImageListPopup.css +10 -0
- package/src/components/ImageListPopup/ImageListPopup.tsx +52 -42
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +52 -24
- package/src/components/PropertyImageList/PropertyImageList.tsx +8 -3
- package/src/components/SharePopup/SharePopup.tsx +2 -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>
|
|
@@ -21,8 +21,12 @@ interface PopupProps {
|
|
|
21
21
|
expose: {
|
|
22
22
|
title: string;
|
|
23
23
|
};
|
|
24
|
+
selectedFloorPlan?: string;
|
|
24
25
|
pictures: {
|
|
25
26
|
contentUrl: string;
|
|
27
|
+
pictureType: {
|
|
28
|
+
id: number;
|
|
29
|
+
};
|
|
26
30
|
}[];
|
|
27
31
|
};
|
|
28
32
|
Impliment: any;
|
|
@@ -32,10 +36,10 @@ interface PopupProps {
|
|
|
32
36
|
messageOnClick: () => void;
|
|
33
37
|
onclickSuccess: () => void;
|
|
34
38
|
onClick: () => void;
|
|
35
|
-
onFloorPlanClick: (
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
};
|
|
39
|
+
onFloorPlanClick: (images: {
|
|
40
|
+
url: string;
|
|
41
|
+
title: string;
|
|
42
|
+
}[]) => void;
|
|
39
43
|
}
|
|
40
44
|
export default function PropertyCard(props: PopupProps): React.JSX.Element;
|
|
41
45
|
export {};
|
package/dist/index.es.js
CHANGED
|
@@ -72,8 +72,7 @@ var css_248z$7 = ".shareSection {\r\n height: 340px;\r\n padding: 40px;\r\n b
|
|
|
72
72
|
styleInject(css_248z$7);
|
|
73
73
|
|
|
74
74
|
function SharePopup(props) {
|
|
75
|
-
var _a;
|
|
76
|
-
var _b = useState(true), showPopUp = _b[0]; _b[1];
|
|
75
|
+
var _a = useState(true), showPopUp = _a[0]; _a[1];
|
|
77
76
|
var handleClose = function () {
|
|
78
77
|
props.onClick();
|
|
79
78
|
};
|
|
@@ -111,7 +110,7 @@ function SharePopup(props) {
|
|
|
111
110
|
React.createElement("span", { className: "socialMediaIconText" }, "E-Mail")))),
|
|
112
111
|
React.createElement("div", { className: "col-10 mx-auto" },
|
|
113
112
|
React.createElement("div", { className: " row align-items-center position-relative" },
|
|
114
|
-
React.createElement("input", { ref: urlInputRef, type: "text", className: "popup_search-input rounded-4 border border-0 ", placeholder: "Enter link here", value:
|
|
113
|
+
React.createElement("input", { ref: urlInputRef, type: "text", className: "popup_search-input rounded-4 border border-0 ", placeholder: "Enter link here", value: window.location.href, readOnly: true }),
|
|
115
114
|
React.createElement("button", { onClick: copyToClipboard, className: "popupcustom-button border border-0 position-absolute me-2 col-lg-3 col-md-3 col-sm-3 rounded-4 fs-6", type: "button", id: "button" },
|
|
116
115
|
React.createElement("strong", null, "Kopieren")))))))));
|
|
117
116
|
}
|
|
@@ -182,15 +181,14 @@ var iconLayers$1 = "/static/media/layer_icon.9b56c187199c44b5.svg";
|
|
|
182
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}";
|
|
183
182
|
styleInject(css_248z$6);
|
|
184
183
|
|
|
185
|
-
var css_248z$5 = ".popup-header {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n padding: 1rem;\r\n position: absolute;\r\n top: 0;\r\n}\r\n\r\n.popup-title {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: bold;\r\n}\r\n\r\n.btn-close {\r\n position: absolute;\r\n right: 1rem;\r\n top: 1rem;\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 24px;\r\n cursor: pointer;\r\n}\r\n\r\n.popup-body {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 1rem;\r\n position: relative;\r\n flex: 1;\r\n}\r\n\r\n.main-image {\r\n max-width: 100%;\r\n max-height: 80vh;\r\n border-radius: 8px;\r\n}\r\n\r\n.btn-prev,\r\n.btn-next {\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 48px;\r\n cursor: pointer;\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.btn-prev {\r\n left: 10px;\r\n}\r\n\r\n.btn-next {\r\n right: 10px;\r\n}\r\n\r\n.popup-thumbnails {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 1rem;\r\n}\r\n\r\n.thumbnail {\r\n width: 60px;\r\n height: 60px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n opacity: 0.6;\r\n}\r\n\r\n.thumbnail.active {\r\n border: 2px solid white;\r\n opacity: 1;\r\n}\r\n";
|
|
184
|
+
var css_248z$5 = ".popup-header {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n padding: 1rem;\r\n position: absolute;\r\n top: 0;\r\n}\r\n\r\n.closeIconNestiq {\r\n position: absolute;\r\n right: 10px;\r\n top: 10px;\r\n width: 12px;\r\n height: 12px;\r\n cursor: pointer;\r\n z-index: 1;\r\n}\r\n\r\n.popup-title {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: bold;\r\n}\r\n\r\n.btn-close {\r\n position: absolute;\r\n right: 1rem;\r\n top: 1rem;\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 24px;\r\n cursor: pointer;\r\n}\r\n\r\n.popup-body {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 1rem;\r\n position: relative;\r\n flex: 1;\r\n}\r\n\r\n.main-image {\r\n max-width: 100%;\r\n max-height: 80vh;\r\n border-radius: 8px;\r\n}\r\n\r\n.btn-prev,\r\n.btn-next {\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 48px;\r\n cursor: pointer;\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.btn-prev {\r\n left: 10px;\r\n}\r\n\r\n.btn-next {\r\n right: 10px;\r\n}\r\n\r\n.popup-thumbnails {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 1rem;\r\n}\r\n\r\n.thumbnail {\r\n width: 60px;\r\n height: 60px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n opacity: 0.6;\r\n}\r\n\r\n.thumbnail.active {\r\n border: 2px solid white;\r\n opacity: 1;\r\n}\r\n";
|
|
186
185
|
styleInject(css_248z$5);
|
|
187
186
|
|
|
188
187
|
var iconClose = "/static/media/close.b5ce9141e80c688b.png";
|
|
189
188
|
|
|
190
189
|
function ImageListPopup(props) {
|
|
191
|
-
var _a,
|
|
192
|
-
var
|
|
193
|
-
var _d = useState(0), currentImageIndex = _d[0], setCurrentImageIndex = _d[1];
|
|
190
|
+
var _a = useState(true), showPopUp = _a[0]; _a[1];
|
|
191
|
+
var _b = useState(0), currentImageIndex = _b[0], setCurrentImageIndex = _b[1];
|
|
194
192
|
var imageListRef = useRef(null);
|
|
195
193
|
var handleArrowClickInMainImage = function (direction) {
|
|
196
194
|
if (props.pictureUrls.length === 0)
|
|
@@ -211,20 +209,22 @@ function ImageListPopup(props) {
|
|
|
211
209
|
});
|
|
212
210
|
};
|
|
213
211
|
var handleClose = function () {
|
|
214
|
-
|
|
212
|
+
if (props.onClose) {
|
|
213
|
+
props.onClose();
|
|
214
|
+
}
|
|
215
215
|
};
|
|
216
216
|
return (React.createElement("div", null, showPopUp && (React.createElement("div", { className: "popup-overlay" },
|
|
217
217
|
React.createElement("div", { className: " d-flex flex-column " },
|
|
218
218
|
React.createElement("div", { className: "d-flex align-self-end me-5 " },
|
|
219
|
-
React.createElement("img", { src: iconClose, alt: "close", className: "
|
|
220
|
-
React.createElement("span", { className: "text-white align-self-center" },
|
|
219
|
+
React.createElement("img", { src: iconClose, alt: "close", className: "closeIconNestiq", onClick: handleClose })),
|
|
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" },
|
|
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" }))),
|
|
225
225
|
React.createElement("div", { className: "p-2 bd-highlight" },
|
|
226
|
-
React.createElement("div", { className: " rounded-5
|
|
227
|
-
backgroundImage: "url(".concat(
|
|
226
|
+
React.createElement("div", { className: " rounded-5", style: {
|
|
227
|
+
backgroundImage: "url(".concat(props.pictureUrls[currentImageIndex].url, ")"),
|
|
228
228
|
height: "465px",
|
|
229
229
|
width: "880px",
|
|
230
230
|
backgroundSize: "cover",
|
|
@@ -235,21 +235,26 @@ function ImageListPopup(props) {
|
|
|
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
237
|
React.createElement("div", { className: "d-flex flex-row" }),
|
|
238
|
-
React.createElement("div", { className: "d-flex flex-row
|
|
239
|
-
React.createElement("div", { className: "
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
238
|
+
React.createElement("div", { className: "d-flex flex-row justify-content-center w-100 mt-5" },
|
|
239
|
+
React.createElement("div", { className: "d-flex flex-row gap-4 overflow-auto px-3", ref: imageListRef, style: {
|
|
240
|
+
maxWidth: "100%",
|
|
241
|
+
scrollbarWidth: "thin",
|
|
242
|
+
} }, props.pictureUrls.length > 0 && (React.createElement(React.Fragment, null, props.pictureUrls.map(function (picture, index) { return (React.createElement("div", { key: index, className: "flex-shrink-0 ".concat(index === currentImageIndex
|
|
243
|
+
? "border border-3 border-primary"
|
|
244
|
+
: ""), onClick: function () {
|
|
245
|
+
setCurrentImageIndex(index);
|
|
246
|
+
imageListRef.current.scrollTo({
|
|
247
|
+
left: index * 170, // 150px width + gap
|
|
248
|
+
behavior: "smooth",
|
|
249
|
+
});
|
|
250
|
+
}, role: "button", style: {
|
|
251
|
+
cursor: "pointer",
|
|
252
|
+
width: "150px",
|
|
253
|
+
height: "150px",
|
|
254
|
+
} },
|
|
255
|
+
React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "w-100 h-100 rounded-3 object-fit-cover", style: {
|
|
256
|
+
display: "block",
|
|
257
|
+
} }))); }))))))))));
|
|
253
258
|
}
|
|
254
259
|
|
|
255
260
|
var FloorPlanPopup = function (_a) {
|
|
@@ -386,7 +391,7 @@ function PropertyImageList(prop) {
|
|
|
386
391
|
React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
|
|
387
392
|
React.createElement("img", { src: iconMap, alt: "Map Icon" }),
|
|
388
393
|
React.createElement("span", { className: "listImgText" }, "Karte")))))),
|
|
389
|
-
isImagePopupOpen && React.createElement(ImageListPopup, { pictureUrls: prop.pictureUrls }),
|
|
394
|
+
isImagePopupOpen && (React.createElement(ImageListPopup, { pictureUrls: prop.pictureUrls, onClose: function () { return setIsImagePopupOpen(false); } })),
|
|
390
395
|
isFloorPlanPopupOpen && (React.createElement(FloorPlanPopup, { contentUrl: prop.floorPlanUrl, onCloseClick: floorPlanPopupCloseHandler }))));
|
|
391
396
|
}
|
|
392
397
|
|
|
@@ -457,15 +462,15 @@ var noImageIcon = "/static/media/default-property.9987f19670be82b6.jpg";
|
|
|
457
462
|
|
|
458
463
|
var shareIcon = "/static/media/icon_share_1.b9ec05630dc1087e.svg";
|
|
459
464
|
|
|
460
|
-
var moreIcon = "/static/media/more.
|
|
465
|
+
var moreIcon = "/static/media/more.ce14789c8d37e327.svg";
|
|
461
466
|
|
|
462
|
-
var arrowLeft = "/static/media/card-arrow-left.
|
|
467
|
+
var arrowLeft = "/static/media/card-arrow-left.55343410142dad3f.svg";
|
|
463
468
|
|
|
464
|
-
var arrowRight = "/static/media/card-arrow-right.
|
|
469
|
+
var arrowRight = "/static/media/card-arrow-right.60b3bf0e34c1800d.svg";
|
|
465
470
|
|
|
466
471
|
var iconLayers = "/static/media/layer_icon.9b56c187199c44b5.svg";
|
|
467
472
|
|
|
468
|
-
var immooly = "/static/media/imooly.
|
|
473
|
+
var immooly = "/static/media/imooly.b46514ac970e6052.svg";
|
|
469
474
|
|
|
470
475
|
function PropertyCard(props) {
|
|
471
476
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -476,11 +481,27 @@ function PropertyCard(props) {
|
|
|
476
481
|
var _m = useState(false); _m[0]; _m[1];
|
|
477
482
|
var _o = useState(false); _o[0]; _o[1];
|
|
478
483
|
var _p = useState(false), sharePopUp = _p[0], setSharePopUp = _p[1];
|
|
484
|
+
var _q = useState(false), isImagePopupOpen = _q[0], setIsImagePopupOpen = _q[1];
|
|
479
485
|
var pictureUrls = ((_b = (_a = props.property) === null || _a === void 0 ? void 0 : _a.pictures) === null || _b === void 0 ? void 0 : _b.length) > 0
|
|
480
|
-
? props.property.pictures
|
|
486
|
+
? props.property.pictures
|
|
487
|
+
.filter(function (picture) { return picture.pictureType.id === 2; })
|
|
488
|
+
.map(function (picture) { return "".concat(props.baseUrl).concat(picture.contentUrl); })
|
|
481
489
|
: [noImageIcon];
|
|
482
|
-
var
|
|
483
|
-
props.
|
|
490
|
+
var floorPlanImages = ((_c = props.property.pictures) === null || _c === void 0 ? void 0 : _c.filter(function (p) { var _a; return ((_a = p.pictureType) === null || _a === void 0 ? void 0 : _a.id) === 1; }).map(function (p, index) { return ({
|
|
491
|
+
url: props.baseUrl + p.contentUrl,
|
|
492
|
+
title: "Floor Plan ".concat(index + 1),
|
|
493
|
+
}); })) || [];
|
|
494
|
+
if (props.property.selectedFloorPlan) {
|
|
495
|
+
floorPlanImages.push({
|
|
496
|
+
url: props.property.selectedFloorPlan,
|
|
497
|
+
title: "Selected Floor Plan",
|
|
498
|
+
});
|
|
499
|
+
}
|
|
500
|
+
var handleFloorPlanButton = function () {
|
|
501
|
+
setIsImagePopupOpen(true);
|
|
502
|
+
if (props.onFloorPlanClick) {
|
|
503
|
+
props.onFloorPlanClick(floorPlanImages);
|
|
504
|
+
}
|
|
484
505
|
};
|
|
485
506
|
var handleMessagPopUp = function () {
|
|
486
507
|
// setMessagPopUp(true);
|
|
@@ -488,13 +509,6 @@ function PropertyCard(props) {
|
|
|
488
509
|
};
|
|
489
510
|
var handleSharePopUp = function () {
|
|
490
511
|
setSharePopUp(true);
|
|
491
|
-
// const path = document.querySelector(
|
|
492
|
-
// "#root > div:nth-child(3) > div:nth-child(3) > div.d-flex.px-lg-5.px-md-3.flex-column.col-12.filter-section-wrapper.mx-auto.mt-3 > div.mt-2.d-flex.flex-column.gap-4 > div:nth-child(1) > div:nth-child(3) > div > div > div.col-10.mx-auto > div > input"
|
|
493
|
-
// );
|
|
494
|
-
// console.log(path);
|
|
495
|
-
// if (path) {
|
|
496
|
-
// path.innerHTML = window.location.href + props.property.id;
|
|
497
|
-
// }
|
|
498
512
|
};
|
|
499
513
|
var handleArrowClickInMainImage = function (direction) {
|
|
500
514
|
if (!props.property || pictureUrls.length === 0)
|
|
@@ -537,7 +551,7 @@ function PropertyCard(props) {
|
|
|
537
551
|
React.createElement("img", { src: arrowRight, style: { right: "16px" } }))),
|
|
538
552
|
React.createElement("div", { className: "d-flex flex-row align-self-end justify-item-start justify-content-between align-item-start gap-1 mb-2 ms-4", style: { position: "absolute", left: "0" } },
|
|
539
553
|
React.createElement("div", { className: "cardTag", style: { marginBottom: "16px" } }, "".concat(currentImageIndex + 1, "/").concat(pictureUrls.length)),
|
|
540
|
-
React.createElement("div", { className: "Grundriss kontact-button-text ms-2 ", role: "button", onClick:
|
|
554
|
+
React.createElement("div", { className: "Grundriss kontact-button-text ms-2 ", role: "button", onClick: function () { return handleFloorPlanButton(); }, style: { marginBottom: "16px" } },
|
|
541
555
|
React.createElement("img", { src: iconLayers, className: "", style: { width: "18px" } }),
|
|
542
556
|
" ",
|
|
543
557
|
"Grundriss")))),
|
|
@@ -547,7 +561,7 @@ function PropertyCard(props) {
|
|
|
547
561
|
React.createElement("span", { className: "propertyTitle align-items-start ", style: {
|
|
548
562
|
paddingLeft: "32px",
|
|
549
563
|
paddingTop: "32px",
|
|
550
|
-
}, onClick: props.onClick, role: "button" }, (
|
|
564
|
+
}, onClick: props.onClick, role: "button" }, (_d = props.property.expose) === null || _d === void 0 ? void 0 : _d.title),
|
|
551
565
|
React.createElement("div", { className: "d-flex gap-2", style: {
|
|
552
566
|
paddingRight: "32px",
|
|
553
567
|
paddingTop: "21px",
|
|
@@ -568,7 +582,7 @@ function PropertyCard(props) {
|
|
|
568
582
|
paddingRight: "32px",
|
|
569
583
|
} },
|
|
570
584
|
React.createElement("span", { className: "priceValue col-lg-4 col-md-4 col-sm-6 " },
|
|
571
|
-
formatPrice((
|
|
585
|
+
formatPrice((_g = (_f = (_e = props.property) === null || _e === void 0 ? void 0 : _e.evaluation) === null || _f === void 0 ? void 0 : _f.askingPrice) !== null && _g !== void 0 ? _g : 0),
|
|
572
586
|
" \u20AC",
|
|
573
587
|
React.createElement("div", { className: "price_label" }, "Kaufpreis")),
|
|
574
588
|
React.createElement("span", { className: "text-dark value col-lg-5 col-md-5 col-sm-7" },
|
|
@@ -576,7 +590,7 @@ function PropertyCard(props) {
|
|
|
576
590
|
" m\u00B2",
|
|
577
591
|
React.createElement("div", { className: "details" }, "Wohnfl\u00E4che")),
|
|
578
592
|
React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-6 text-truncate " },
|
|
579
|
-
+((
|
|
593
|
+
+((_h = props.property) === null || _h === void 0 ? void 0 : _h.rooms),
|
|
580
594
|
React.createElement("div", { className: "details" }, "Zimmer")),
|
|
581
595
|
React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-4 text-truncate " },
|
|
582
596
|
+props.property.propertyArea,
|
|
@@ -619,9 +633,8 @@ function PropertyCard(props) {
|
|
|
619
633
|
React.createElement("span", { className: "kontact-button-text" },
|
|
620
634
|
"Kontakt aufnehmen",
|
|
621
635
|
" "))))))),
|
|
622
|
-
sharePopUp &&
|
|
623
|
-
|
|
624
|
-
}, onClick: function () { return setSharePopUp(false); } }))));
|
|
636
|
+
sharePopUp && React.createElement(SharePopup, { onClick: function () { return setSharePopUp(false); } }),
|
|
637
|
+
isImagePopupOpen && (React.createElement(ImageListPopup, { pictureUrls: floorPlanImages, onClose: function () { return setIsImagePopupOpen(false); } }))));
|
|
625
638
|
}
|
|
626
639
|
|
|
627
640
|
var x = "/static/media/icon_close_2.e41bb9a4db48e048.png";
|