nestiq-component-library 1.0.21 → 1.0.22

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.
Files changed (27) hide show
  1. package/dist/components/Button/Button.js +6 -0
  2. package/dist/components/ImageListPopup/ImageListPopup.js +26 -0
  3. package/dist/components/Popup/Popup.js +12 -0
  4. package/dist/components/PropertyImageList/PropertyImageList.d.ts +1 -5
  5. package/dist/index.es.js +11 -172
  6. package/dist/index.es.js.map +1 -1
  7. package/dist/index.js +11 -172
  8. package/dist/index.js.map +1 -1
  9. package/package.json +7 -3
  10. package/rollup.config.mjs +40 -40
  11. package/src/components/ImageListPopup/ImageListPopup.css +107 -107
  12. package/src/components/Popup/Popup.tsx +28 -28
  13. package/src/components/PropertyCard/PropertyCard.tsx +1 -1
  14. package/src/components/PropertyImageList/PropertyImageList.tsx +139 -130
  15. package/dist/assets/images/Icon_rightArrow.bced4a705c07148d.svg +0 -3
  16. package/dist/assets/images/LayersIcon.34c085c352a2c9c8.svg +0 -5
  17. package/dist/assets/images/blackarrow-Right.e585ae62dd55abae.svg +0 -3
  18. package/dist/assets/images/blckarrow-Left.e2134741aa368d30.svg +0 -3
  19. package/dist/assets/images/chevron-left.04f0a7f16b745c1a.svg +0 -3
  20. package/dist/assets/images/default-property.9987f19670be82b6.jpg +0 -0
  21. package/dist/assets/images/icon_close_2.e41bb9a4db48e048.png +0 -0
  22. package/dist/assets/images/icon_gallery.269b721daf2ca907.svg +0 -4
  23. package/dist/assets/images/icon_map.2318ec664c3e615e.svg +0 -10
  24. package/dist/assets/images/icon_share_1.b9ec05630dc1087e.svg +0 -3
  25. package/dist/assets/images/layer_icon.9b56c187199c44b5.svg +0 -5
  26. package/dist/assets/images/locationIcon.0af399c78e0cdc20.svg +0 -4
  27. package/dist/assets/images/locationIconBlack.eb8e9e9226b43573.svg +0 -4
package/dist/components/Button/Button.js ADDED
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ var Button = function (_a) {
3
+ var label = _a.label;
4
+ return React.createElement("button", null, label);
5
+ };
6
+ export default Button;
package/dist/components/ImageListPopup/ImageListPopup.js ADDED
@@ -0,0 +1,26 @@
1
+ import React, { useState } from "react";
2
+ import "bootstrap/dist/css/bootstrap.min.css";
3
+ import "./ImageListPopup.css";
4
+ var ImageListPopup = function (_a) {
5
+ var images = _a.images, onClose = _a.onClose;
6
+ var _b = useState(0), currentIndex = _b[0], setCurrentIndex = _b[1];
7
+ var handlePrevious = function () {
8
+ setCurrentIndex(function (prevIndex) { return (prevIndex > 0 ? prevIndex - 1 : prevIndex); });
9
+ };
10
+ var handleNext = function () {
11
+ setCurrentIndex(function (prevIndex) {
12
+ return prevIndex < images.length - 1 ? prevIndex + 1 : prevIndex;
13
+ });
14
+ };
15
+ return (React.createElement("div", { className: "popup-overlay" },
16
+ React.createElement("div", { className: "popup-container" },
17
+ React.createElement("div", { className: "popup-header" },
18
+ React.createElement("span", null, images[currentIndex].title),
19
+ React.createElement("button", { className: "btn-close", onClick: onClose })),
20
+ React.createElement("div", { className: "popup-body" },
21
+ React.createElement("img", { src: images[currentIndex].src, alt: images[currentIndex].title, className: "img-fluid" })),
22
+ React.createElement("div", { className: "popup-footer" }, images.length > 1 && (React.createElement(React.Fragment, null,
23
+ React.createElement("button", { className: "btn btn-secondary me-2", onClick: handlePrevious }, "Previous"),
24
+ React.createElement("button", { className: "btn btn-secondary", onClick: handleNext }, "Next")))))));
25
+ };
26
+ export default ImageListPopup;
package/dist/components/Popup/Popup.js ADDED
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ import closeIcon from "src/assets/images/icon_close 2.png";
3
+ import "./Popup.css";
4
+ var Popup = function (_a) {
5
+ var onCloseClick = _a.onCloseClick, children = _a.children;
6
+ return (React.createElement("div", { className: "popup-overlay" },
7
+ React.createElement("div", { className: "shareSection col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4" },
8
+ React.createElement("div", { className: "end-0 top-0 position-absolute " },
9
+ React.createElement("img", { src: closeIcon, alt: "close", className: "closeIcon me-2", onClick: onCloseClick })),
10
+ children)));
11
+ };
12
+ export default Popup;
package/dist/components/PropertyImageList/PropertyImageList.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import React from "react";
2
1
  import "./PropertyImageList.css";
3
2
  import PopupProps from "../ImageListPopup/ImageListPopup";
4
3
  interface PopupProps {
@@ -8,13 +7,10 @@ interface PopupProps {
8
7
  rooms: string;
9
8
  propertyArea: string;
10
9
  askingPrice: string;
11
- pictures: any[];
12
10
  };
13
- handleArrowClickInMainImage: any;
14
11
  pictureUrls: any[];
15
12
  currentImageIndex: number;
16
- imageListRef: any;
17
13
  isImagePopupOpen: boolean;
18
14
  }
19
- export default function PropertyImageList(prop: PopupProps): React.JSX.Element;
15
+ export default function PropertyImageList(prop: PopupProps): void;
20
16
  export {};
package/dist/index.es.js CHANGED
@@ -5,7 +5,7 @@ var Button = function (_a) {
5
5
  return React.createElement("button", null, label);
6
6
  };
7
7
 
8
- var iconClose = "icon_close_2.e41bb9a4db48e048.png";
8
+ var iconClose = "icon_close_2.png";
9
9
 
10
10
  function styleInject(css, ref) {
11
11
  if ( ref === void 0 ) ref = {};
@@ -46,9 +46,9 @@ var Popup = function (_a) {
46
46
  children)));
47
47
  };
48
48
 
49
- var ShareIcon = "icon_share_1.b9ec05630dc1087e.svg";
49
+ var ShareIcon = "icon_share_1.svg";
50
50
 
51
- var locationIcon$1 = "locationIconBlack.eb8e9e9226b43573.svg";
51
+ var locationIcon$1 = "locationIconBlack.svg";
52
52
 
53
53
  var css_248z$3 = ".compact {\r\n height: 194px;\r\n border-radius: 32px;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n background-color: #f2f2f2;\r\n}\r\n\r\n.header_Text {\r\n margin-top: 140px;\r\n font-size: 32px;\r\n line-height: normal;\r\n color: #1b1b1b;\r\n}\r\n\r\n.vector svg {\r\n width: 16px;\r\n height: 21.5px;\r\n flex-grow: 0;\r\n margin: 4.2px 10px 4.2px 0;\r\n fill: #344041;\r\n cursor: pointer;\r\n}\r\n\r\n.propText {\r\n height: 30px;\r\n font-size: 16px;\r\n letter-spacing: normal;\r\n text-align: center;\r\n color: #344041;\r\n}\r\n\r\n.v_share {\r\n cursor: pointer;\r\n}\r\n\r\n.fetch_section {\r\n margin-top: 90px;\r\n height: 60px;\r\n}\r\n@media (min-width: 800px) {\r\n .Pheader {\r\n max-width: 1750px;\r\n margin: 0 auto;\r\n \r\n }\r\n}\r\n";
54
54
  styleInject(css_248z$3);
@@ -89,110 +89,17 @@ function PropertyDetailsHeader(props) {
89
89
  "Grundst\u00FCck")))));
90
90
  }
91
91
 
92
- var iconArrowRight = "Icon_rightArrow.bced4a705c07148d.svg";
93
-
94
- var blcIconArrowRight = "blackarrow-Right.e585ae62dd55abae.svg";
95
-
96
- var blcIconArrowLeft = "blckarrow-Left.e2134741aa368d30.svg";
97
-
98
- var iconArrowLeft = "chevron-left.04f0a7f16b745c1a.svg";
99
-
100
- var iconGallery = "icon_gallery.269b721daf2ca907.svg";
101
-
102
- var iconMap = "icon_map.2318ec664c3e615e.svg";
103
-
104
- var iconLayers = "layer_icon.9b56c187199c44b5.svg";
105
-
106
92
  var css_248z$2 = ".mainImage {\r\n\theight: 80%;\r\n\t\r\n}\r\n\r\n.secondList {\r\n\theight: 20%;\r\n\t\t\r\n\r\n}\r\n\r\n.listImageButton {\r\n\tbackground-color: black;\r\n\talign-items: center !important;\r\n\tjustify-content: center !important;\r\n}\r\n\r\n.listImgText {\r\n\theight: 30px;\r\n\tfont-size: 14px;\r\n\tline-height: 2.14;\r\n\tcolor: #fff;\r\n}\r\n\r\n.arroIconColour {\r\n\theight: 30px;\r\n\tfill: #fff !important;\r\n}\r\n\r\n.onImageArrow {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tpadding: 23px 8px;\r\n\tbackground-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.blackArrow {\r\n\twidth: 20px;\r\n\theight: 20px;\r\n}\r\n\r\n.imagesArray {\r\n\tbackground-size: 'cover' !important;\r\n}\r\n@media (min-width: 800px) {\r\n .Pimagelist {\r\n max-width: 1800px;\r\n \r\n \r\n }\r\n}\r\n\r\n\r\n\r\n\r\n";
107
93
  styleInject(css_248z$2);
108
94
 
109
- var css_248z$1 = ".popup-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.7);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 10000;\n}\n\n.popup-container {\n background-color: transparent;\n border-radius: 8px;\n max-width: 90%;\n max-height: 90%;\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n}\n\n.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";
95
+ var css_248z$1 = ".popup-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 10000;\r\n}\r\n\r\n.popup-container {\r\n background-color: transparent;\r\n border-radius: 8px;\r\n max-width: 90%;\r\n max-height: 90%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.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";
110
96
  styleInject(css_248z$1);
111
97
 
112
- function ImageListPopup(props) {
113
- var _a = useState(true), showPopUp = _a[0], setShowPopUp = _a[1];
114
- // const { id } = useParams();
115
- var _b = useState(null); _b[0]; var setMainImage = _b[1];
116
- var _c = useState(0), currentImageIndex = _c[0], setCurrentImageIndex = _c[1];
117
- // const [isImagePopupOpen, setIsImagePopupOpen] = useState(false);
118
- useRef(null);
119
- // const baseUrl = "https://api-dev.nestiq.de";
120
- // const pictureUrls = props.property.pictures.map(
121
- // (picture) => `${baseUrl}${picture.contentUrl}`
122
- // );
123
- props.pictureUrls.map(function (pic) {
124
- return {
125
- src: pic,
126
- title: "Not Specified",
127
- };
128
- });
129
- useEffect(function () {
130
- if (props.pictureUrls.length > 0) {
131
- setMainImage(props.pictureUrls[0]);
132
- }
133
- }, [props.pictureUrls]);
134
- var handleArrowClickInMainImage = function (direction) {
135
- if (!props.property || props.pictureUrls.length === 0)
136
- return;
137
- var newIndex = currentImageIndex;
138
- if (direction === "left") {
139
- newIndex =
140
- (currentImageIndex - 1 + props.pictureUrls.length) %
141
- props.pictureUrls.length;
142
- }
143
- else if (direction === "right") {
144
- newIndex = (currentImageIndex + 1) % props.pictureUrls.length;
145
- }
146
- setCurrentImageIndex(newIndex);
147
- setMainImage(props.pictureUrls[newIndex]);
148
- props.imageListRef.current.scrollTo({
149
- left: newIndex * 150,
150
- behavior: "smooth",
151
- });
152
- };
153
- var handleClose = function () {
154
- setShowPopUp(false);
155
- };
156
- return (React.createElement("div", null, showPopUp && (React.createElement("div", { className: "popup-overlay" },
157
- React.createElement("div", { className: " d-flex flex-column col-6 " },
158
- React.createElement("div", { className: "d-flex align-self-end me-0 ms-5" },
159
- React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon ", onClick: handleClose })),
160
- React.createElement("div", { className: "d-flex justify-content-center" },
161
- React.createElement("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5" },
162
- React.createElement("div", { className: "rounded-circle border onImageArrow start-0 d-flex ", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
163
- React.createElement("img", { src: blcIconArrowLeft, className: "blackArrow align-self-center", alt: "Left Arrow" }))),
164
- React.createElement("div", { className: "p-2 bd-highlight" },
165
- React.createElement("div", { className: " rounded-5 mainImage ", style: {
166
- backgroundImage: "url(".concat(props.pictureUrls[currentImageIndex], ")"),
167
- height: "350px",
168
- width: "600px",
169
- backgroundSize: "cover",
170
- backgroundPosition: "center",
171
- } })),
172
- React.createElement("div", { className: "p-2 bd-highlight align-self-center ms-5" },
173
- " ",
174
- React.createElement("div", { role: "button", className: "rounded-circle border onImageArrow d-flex justify-content-center", onClick: function () { return handleArrowClickInMainImage("right"); } },
175
- React.createElement("img", { src: blcIconArrowRight, className: "blackArrow align-self-center", alt: "Right Arrow" })))),
176
- React.createElement("div", { className: "d-flex flex-row" }),
177
- React.createElement("div", { className: "d-flex flex-row gap-4 w-100 secondList " },
178
- React.createElement("div", { className: "col-lg-12 d-flex flex-row p-1 align-self-center mt-5" },
179
- React.createElement("div", { className: "col-12 position-relative d-flex justify-content-center" },
180
- React.createElement("div", { className: "col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-auto ", ref: props.imageListRef }, props.property && (React.createElement("div", { className: "col-lg-5 h-100 w-25 d-flex gap-4 flex-row rounded-3" }, props.pictureUrls.map(function (imageUrl, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex", onClick: function () {
181
- setMainImage(imageUrl);
182
- setCurrentImageIndex(index);
183
- props.imageListRef.current.scrollTo({
184
- left: index * 150,
185
- behavior: "smooth",
186
- });
187
- }, role: "button" },
188
- React.createElement("img", { src: imageUrl, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); }))))))))))));
189
- }
190
-
191
98
  function PropertyImageList(prop) {
192
99
  var _a = useState(null); _a[0]; var setMainImage = _a[1];
193
- var _b = useState(0), currentImageIndex = _b[0], setCurrentImageIndex = _b[1];
194
- var _c = useState(false), isImagePopupOpen = _c[0], setIsImagePopupOpen = _c[1];
195
- var imageListRef = useRef(null);
100
+ var _b = useState(0); _b[0]; _b[1];
101
+ var _c = useState(false); _c[0]; _c[1];
102
+ useRef(null);
196
103
  var _d = useState(false); _d[0]; _d[1];
197
104
  // const [pictureUrls, setPictureUrls] = useState([]);
198
105
  // const baseUrl = "https://api-dev.nestiq.de";
@@ -204,90 +111,22 @@ function PropertyImageList(prop) {
204
111
  setMainImage(prop.pictureUrls[0]);
205
112
  }
206
113
  }, [prop.pictureUrls]);
207
- var handleArrowClickInMainImage = function (direction) {
208
- if (!prop.property || prop.pictureUrls.length === 0)
209
- return;
210
- var newIndex = currentImageIndex;
211
- if (direction === "left") {
212
- newIndex =
213
- (currentImageIndex - 1 + prop.pictureUrls.length) %
214
- prop.pictureUrls.length;
215
- }
216
- else if (direction === "right") {
217
- newIndex = (currentImageIndex + 1) % prop.pictureUrls.length;
218
- }
219
- setCurrentImageIndex(newIndex);
220
- setMainImage(prop.pictureUrls[newIndex]);
221
- prop.imageListRef.current.scrollTo({
222
- left: newIndex * 150,
223
- behavior: "smooth",
224
- });
225
- };
226
- var toggleAllPhotos = function () {
227
- setIsImagePopupOpen(!isImagePopupOpen);
228
- };
229
- return (React.createElement("div", { className: "col-8 me-2 Pimagelist" },
230
- React.createElement("div", { className: "col-12 rounded-5 mainImage d-flex position-relative align-items-center", style: {
231
- backgroundImage: "url(".concat(prop.pictureUrls[currentImageIndex], ")"),
232
- backgroundSize: "cover",
233
- backgroundPosition: "center",
234
- } },
235
- React.createElement("div", { className: "rounded-circle border onImageArrow d-flex position-absolute start-0 ms-2 align-items-center justify-content-center", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
236
- React.createElement("img", { src: blcIconArrowLeft, className: "blackArrow", alt: "Left Arrow" })),
237
- 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"); } },
238
- React.createElement("img", { src: blcIconArrowRight, className: "blackArrow", alt: "Right Arrow" }))),
239
- React.createElement("div", { className: "d-flex flex-row gap-1 col-12 secondList" },
240
- React.createElement("div", { className: "col-lg-6 d-flex flex-row p-1" },
241
- React.createElement("div", { className: "col-12 position-relative d-flex justify-content-center" },
242
- React.createElement("div", { className: "col-1 h-100 d-flex position-absolute start-0", onClick: function () { return handleArrowClickInMainImage("left"); }, role: "button" },
243
- React.createElement("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
244
- React.createElement("img", { src: iconArrowLeft, className: "arroIconColour", alt: "Left Arrow" }))),
245
- React.createElement("div", { className: "col-lg-10 rounded-3 h-100 d-flex flex-row gap-2 overflow-auto ms-1", ref: imageListRef }, prop.property && (React.createElement("div", { className: "col-lg-5 h-100 d-flex gap-2 flex-row rounded-3" }, prop.pictureUrls.map(function (imageUrl, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex", onClick: function () {
246
- setMainImage(imageUrl);
247
- setCurrentImageIndex(index);
248
- prop.imageListRef.current.scrollTo({
249
- left: index * 150,
250
- behavior: "smooth",
251
- });
252
- }, role: "button" },
253
- React.createElement("img", { src: imageUrl, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); })))),
254
- React.createElement("div", { className: "col-1 h-100 d-flex position-absolute end-0 top-0", onClick: function () { return handleArrowClickInMainImage("right"); }, role: "button" },
255
- React.createElement("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3 ms-1" },
256
- React.createElement("img", { src: iconArrowRight, className: "arroIconColour", alt: "Right Arrow" }))))),
257
- React.createElement("div", { className: "col-6 d-flex flex-row" },
258
- React.createElement("div", { className: "col-lg-4 p-1", role: "button", onClick: toggleAllPhotos },
259
- React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
260
- React.createElement("img", { src: iconGallery, alt: "Gallery Icon" }),
261
- React.createElement("span", { className: "listImgText" }, "Alle Fotos"))),
262
- React.createElement("div", { className: "col-lg-4 p-1", role: "button" },
263
- React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
264
- React.createElement("img", { src: iconLayers, alt: "Layers Icon" }),
265
- React.createElement("span", { className: "listImgText" }, "Grundriss"))),
266
- React.createElement("div", { className: "col-lg-4 p-1", role: "button", onClick: function () {
267
- return window.scrollTo({
268
- top: document.documentElement.scrollHeight,
269
- });
270
- } },
271
- React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
272
- React.createElement("img", { src: iconMap, alt: "Map Icon" }),
273
- React.createElement("span", { className: "listImgText" }, "Karte"))))),
274
- isImagePopupOpen && (React.createElement(ImageListPopup, { currentImageIndex: currentImageIndex, handleArrowClickInMainImage: handleArrowClickInMainImage, imageListRef: imageListRef, pictureUrls: prop.pictureUrls, property: prop.property }))));
275
114
  }
276
115
 
277
- var layerIcon = "LayersIcon.34c085c352a2c9c8.svg";
116
+ var layerIcon = "LayersIcon.svg";
278
117
 
279
- var locationIcon = "locationIcon.0af399c78e0cdc20.svg";
118
+ var locationIcon = "locationIcon.svg";
280
119
 
281
120
  var css_248z = ".padding-global {\r\n height: 737px !important;\r\n padding: 0 40px;\r\n}\r\n.header {\r\n font-size: 48px;\r\n font-weight: 600;\r\n color: #1b1b1b;\r\n}\r\n\r\n.firstLabel {\r\n width: 100px;\r\n height: 25px;\r\n gap: 6px;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n border: solid 1px #031012 !important;\r\n background-color: #ffb525;\r\n}\r\n\r\n.secondLabel {\r\n width: 85px;\r\n height: 25px;\r\n padding: 0 7px;\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}\r\n\r\n.thirdLabel {\r\n width: 90px;\r\n height: 25px;\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}\r\n\r\n.fourthLabel {\r\n width: 100px;\r\n height: 25px;\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}\r\n\r\n.layersVector {\r\n width: 15.1px;\r\n height: 16px;\r\n}\r\n\r\n.layersText {\r\n font-size: 14px;\r\n color: #1b1b1b;\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: #ffb525;\r\n background-color: #ffb525;\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.locationText {\r\n font-size: 14px;\r\n color: white;\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: #fff;\r\n}\r\n\r\n.detail {\r\n font-size: 12px;\r\n text-align: center;\r\n color: #fff;\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.cardStyle {\r\n width: 405px;\r\n max-width: 2405px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 350px;\r\n border-radius: 30px !important;\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 }\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";
282
121
  styleInject(css_248z);
283
122
 
284
- var noImageIcon = "default-property.9987f19670be82b6.jpg";
123
+ var noImageIcon = "default-property.jpg";
285
124
 
286
125
  function PropertyCard(props) {
287
126
  var _a, _b;
288
127
  var _c = useState(false); _c[0]; _c[1];
289
128
  return (React.createElement("div", { key: props.property.id, className: "card-body me-4 mb-4 position-relative cardStyle", style: {
290
- backgroundImage: "url(".concat(props.pictureUrl, ") || ").concat(noImageIcon),
129
+ backgroundImage: "url(".concat(props.pictureUrl, ") ?? ").concat(noImageIcon),
291
130
  backgroundSize: "cover",
292
131
  backgroundPosition: "center",
293
132
  }, onClick: props.onClick, role: "button" },
package/dist/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../src/assets/images/icon_close_2.png","../node_modules/style-inject/dist/style-inject.es.js","../src/assets/images/icon_share_1.svg","../src/assets/images/locationIconBlack.svg","../src/assets/Images/Icon_rightArrow.svg","../src/assets/Images/blackarrow-Right.svg","../src/assets/Images/blckarrow-Left.svg","../src/assets/Images/chevron-left.svg","../src/assets/Images/icon_gallery.svg","../src/assets/Images/icon_map.svg","../src/assets/Images/layer_icon.svg","../src/assets/Images/LayersIcon.svg","../src/assets/images/locationIcon.svg","../src/assets/Images/default-property.jpg"],"sourcesContent":["export default \"icon_close_2.e41bb9a4db48e048.png\"","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","export default \"icon_share_1.b9ec05630dc1087e.svg\"","export default \"locationIconBlack.eb8e9e9226b43573.svg\"","export default \"Icon_rightArrow.bced4a705c07148d.svg\"","export default \"blackarrow-Right.e585ae62dd55abae.svg\"","export default \"blckarrow-Left.e2134741aa368d30.svg\"","export default \"chevron-left.04f0a7f16b745c1a.svg\"","export default \"icon_gallery.269b721daf2ca907.svg\"","export default \"icon_map.2318ec664c3e615e.svg\"","export default \"layer_icon.9b56c187199c44b5.svg\"","export default \"LayersIcon.34c085c352a2c9c8.svg\"","export default \"locationIcon.0af399c78e0cdc20.svg\"","export default \"default-property.9987f19670be82b6.jpg\""],"names":[],"mappings":";;;;;;;AAAA,gBAAe;;ACAf,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;ACzBA,gBAAe;;ACAf,qBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAf,qBAAe;;ACAf,wBAAe;;ACAf,uBAAe;;ACAf,oBAAe;;ACAf,kBAAe;;ACAf,cAAe;;ACAf,iBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAf,gBAAe;;ACAf,mBAAe;;;;;ACAf,kBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
1
+ {"version":3,"file":"index.es.js","sources":["../src/assets/images/icon_close_2.png","../node_modules/style-inject/dist/style-inject.es.js","../src/assets/images/icon_share_1.svg","../src/assets/images/locationIconBlack.svg","../src/assets/Images/LayersIcon.svg","../src/assets/images/locationIcon.svg","../src/assets/Images/default-property.jpg"],"sourcesContent":["export default \"icon_close_2.png\"","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","export default \"icon_share_1.svg\"","export default \"locationIconBlack.svg\"","export default \"LayersIcon.svg\"","export default \"locationIcon.svg\"","export default \"default-property.jpg\""],"names":[],"mappings":";;;;;;;AAAA,gBAAe;;ACAf,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;ACzBA,gBAAe;;ACAf,qBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAf,gBAAe;;ACAf,mBAAe;;;;;ACAf,kBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
package/dist/index.js CHANGED
@@ -7,7 +7,7 @@ var Button = function (_a) {
7
7
  return React.createElement("button", null, label);
8
8
  };
9
9
 
10
- var iconClose = "icon_close_2.e41bb9a4db48e048.png";
10
+ var iconClose = "icon_close_2.png";
11
11
 
12
12
  function styleInject(css, ref) {
13
13
  if ( ref === void 0 ) ref = {};
@@ -48,9 +48,9 @@ var Popup = function (_a) {
48
48
  children)));
49
49
  };
50
50
 
51
- var ShareIcon = "icon_share_1.b9ec05630dc1087e.svg";
51
+ var ShareIcon = "icon_share_1.svg";
52
52
 
53
- var locationIcon$1 = "locationIconBlack.eb8e9e9226b43573.svg";
53
+ var locationIcon$1 = "locationIconBlack.svg";
54
54
 
55
55
  var css_248z$3 = ".compact {\r\n height: 194px;\r\n border-radius: 32px;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n background-color: #f2f2f2;\r\n}\r\n\r\n.header_Text {\r\n margin-top: 140px;\r\n font-size: 32px;\r\n line-height: normal;\r\n color: #1b1b1b;\r\n}\r\n\r\n.vector svg {\r\n width: 16px;\r\n height: 21.5px;\r\n flex-grow: 0;\r\n margin: 4.2px 10px 4.2px 0;\r\n fill: #344041;\r\n cursor: pointer;\r\n}\r\n\r\n.propText {\r\n height: 30px;\r\n font-size: 16px;\r\n letter-spacing: normal;\r\n text-align: center;\r\n color: #344041;\r\n}\r\n\r\n.v_share {\r\n cursor: pointer;\r\n}\r\n\r\n.fetch_section {\r\n margin-top: 90px;\r\n height: 60px;\r\n}\r\n@media (min-width: 800px) {\r\n .Pheader {\r\n max-width: 1750px;\r\n margin: 0 auto;\r\n \r\n }\r\n}\r\n";
56
56
  styleInject(css_248z$3);
@@ -91,110 +91,17 @@ function PropertyDetailsHeader(props) {
91
91
  "Grundst\u00FCck")))));
92
92
  }
93
93
 
94
- var iconArrowRight = "Icon_rightArrow.bced4a705c07148d.svg";
95
-
96
- var blcIconArrowRight = "blackarrow-Right.e585ae62dd55abae.svg";
97
-
98
- var blcIconArrowLeft = "blckarrow-Left.e2134741aa368d30.svg";
99
-
100
- var iconArrowLeft = "chevron-left.04f0a7f16b745c1a.svg";
101
-
102
- var iconGallery = "icon_gallery.269b721daf2ca907.svg";
103
-
104
- var iconMap = "icon_map.2318ec664c3e615e.svg";
105
-
106
- var iconLayers = "layer_icon.9b56c187199c44b5.svg";
107
-
108
94
  var css_248z$2 = ".mainImage {\r\n\theight: 80%;\r\n\t\r\n}\r\n\r\n.secondList {\r\n\theight: 20%;\r\n\t\t\r\n\r\n}\r\n\r\n.listImageButton {\r\n\tbackground-color: black;\r\n\talign-items: center !important;\r\n\tjustify-content: center !important;\r\n}\r\n\r\n.listImgText {\r\n\theight: 30px;\r\n\tfont-size: 14px;\r\n\tline-height: 2.14;\r\n\tcolor: #fff;\r\n}\r\n\r\n.arroIconColour {\r\n\theight: 30px;\r\n\tfill: #fff !important;\r\n}\r\n\r\n.onImageArrow {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tpadding: 23px 8px;\r\n\tbackground-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.blackArrow {\r\n\twidth: 20px;\r\n\theight: 20px;\r\n}\r\n\r\n.imagesArray {\r\n\tbackground-size: 'cover' !important;\r\n}\r\n@media (min-width: 800px) {\r\n .Pimagelist {\r\n max-width: 1800px;\r\n \r\n \r\n }\r\n}\r\n\r\n\r\n\r\n\r\n";
109
95
  styleInject(css_248z$2);
110
96
 
111
- var css_248z$1 = ".popup-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.7);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 10000;\n}\n\n.popup-container {\n background-color: transparent;\n border-radius: 8px;\n max-width: 90%;\n max-height: 90%;\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n}\n\n.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";
97
+ var css_248z$1 = ".popup-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 10000;\r\n}\r\n\r\n.popup-container {\r\n background-color: transparent;\r\n border-radius: 8px;\r\n max-width: 90%;\r\n max-height: 90%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.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";
112
98
  styleInject(css_248z$1);
113
99
 
114
- function ImageListPopup(props) {
115
- var _a = React.useState(true), showPopUp = _a[0], setShowPopUp = _a[1];
116
- // const { id } = useParams();
117
- var _b = React.useState(null); _b[0]; var setMainImage = _b[1];
118
- var _c = React.useState(0), currentImageIndex = _c[0], setCurrentImageIndex = _c[1];
119
- // const [isImagePopupOpen, setIsImagePopupOpen] = useState(false);
120
- React.useRef(null);
121
- // const baseUrl = "https://api-dev.nestiq.de";
122
- // const pictureUrls = props.property.pictures.map(
123
- // (picture) => `${baseUrl}${picture.contentUrl}`
124
- // );
125
- props.pictureUrls.map(function (pic) {
126
- return {
127
- src: pic,
128
- title: "Not Specified",
129
- };
130
- });
131
- React.useEffect(function () {
132
- if (props.pictureUrls.length > 0) {
133
- setMainImage(props.pictureUrls[0]);
134
- }
135
- }, [props.pictureUrls]);
136
- var handleArrowClickInMainImage = function (direction) {
137
- if (!props.property || props.pictureUrls.length === 0)
138
- return;
139
- var newIndex = currentImageIndex;
140
- if (direction === "left") {
141
- newIndex =
142
- (currentImageIndex - 1 + props.pictureUrls.length) %
143
- props.pictureUrls.length;
144
- }
145
- else if (direction === "right") {
146
- newIndex = (currentImageIndex + 1) % props.pictureUrls.length;
147
- }
148
- setCurrentImageIndex(newIndex);
149
- setMainImage(props.pictureUrls[newIndex]);
150
- props.imageListRef.current.scrollTo({
151
- left: newIndex * 150,
152
- behavior: "smooth",
153
- });
154
- };
155
- var handleClose = function () {
156
- setShowPopUp(false);
157
- };
158
- return (React.createElement("div", null, showPopUp && (React.createElement("div", { className: "popup-overlay" },
159
- React.createElement("div", { className: " d-flex flex-column col-6 " },
160
- React.createElement("div", { className: "d-flex align-self-end me-0 ms-5" },
161
- React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon ", onClick: handleClose })),
162
- React.createElement("div", { className: "d-flex justify-content-center" },
163
- React.createElement("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5" },
164
- React.createElement("div", { className: "rounded-circle border onImageArrow start-0 d-flex ", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
165
- React.createElement("img", { src: blcIconArrowLeft, className: "blackArrow align-self-center", alt: "Left Arrow" }))),
166
- React.createElement("div", { className: "p-2 bd-highlight" },
167
- React.createElement("div", { className: " rounded-5 mainImage ", style: {
168
- backgroundImage: "url(".concat(props.pictureUrls[currentImageIndex], ")"),
169
- height: "350px",
170
- width: "600px",
171
- backgroundSize: "cover",
172
- backgroundPosition: "center",
173
- } })),
174
- React.createElement("div", { className: "p-2 bd-highlight align-self-center ms-5" },
175
- " ",
176
- React.createElement("div", { role: "button", className: "rounded-circle border onImageArrow d-flex justify-content-center", onClick: function () { return handleArrowClickInMainImage("right"); } },
177
- React.createElement("img", { src: blcIconArrowRight, className: "blackArrow align-self-center", alt: "Right Arrow" })))),
178
- React.createElement("div", { className: "d-flex flex-row" }),
179
- React.createElement("div", { className: "d-flex flex-row gap-4 w-100 secondList " },
180
- React.createElement("div", { className: "col-lg-12 d-flex flex-row p-1 align-self-center mt-5" },
181
- React.createElement("div", { className: "col-12 position-relative d-flex justify-content-center" },
182
- React.createElement("div", { className: "col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-auto ", ref: props.imageListRef }, props.property && (React.createElement("div", { className: "col-lg-5 h-100 w-25 d-flex gap-4 flex-row rounded-3" }, props.pictureUrls.map(function (imageUrl, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex", onClick: function () {
183
- setMainImage(imageUrl);
184
- setCurrentImageIndex(index);
185
- props.imageListRef.current.scrollTo({
186
- left: index * 150,
187
- behavior: "smooth",
188
- });
189
- }, role: "button" },
190
- React.createElement("img", { src: imageUrl, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); }))))))))))));
191
- }
192
-
193
100
  function PropertyImageList(prop) {
194
101
  var _a = React.useState(null); _a[0]; var setMainImage = _a[1];
195
- var _b = React.useState(0), currentImageIndex = _b[0], setCurrentImageIndex = _b[1];
196
- var _c = React.useState(false), isImagePopupOpen = _c[0], setIsImagePopupOpen = _c[1];
197
- var imageListRef = React.useRef(null);
102
+ var _b = React.useState(0); _b[0]; _b[1];
103
+ var _c = React.useState(false); _c[0]; _c[1];
104
+ React.useRef(null);
198
105
  var _d = React.useState(false); _d[0]; _d[1];
199
106
  // const [pictureUrls, setPictureUrls] = useState([]);
200
107
  // const baseUrl = "https://api-dev.nestiq.de";
@@ -206,90 +113,22 @@ function PropertyImageList(prop) {
206
113
  setMainImage(prop.pictureUrls[0]);
207
114
  }
208
115
  }, [prop.pictureUrls]);
209
- var handleArrowClickInMainImage = function (direction) {
210
- if (!prop.property || prop.pictureUrls.length === 0)
211
- return;
212
- var newIndex = currentImageIndex;
213
- if (direction === "left") {
214
- newIndex =
215
- (currentImageIndex - 1 + prop.pictureUrls.length) %
216
- prop.pictureUrls.length;
217
- }
218
- else if (direction === "right") {
219
- newIndex = (currentImageIndex + 1) % prop.pictureUrls.length;
220
- }
221
- setCurrentImageIndex(newIndex);
222
- setMainImage(prop.pictureUrls[newIndex]);
223
- prop.imageListRef.current.scrollTo({
224
- left: newIndex * 150,
225
- behavior: "smooth",
226
- });
227
- };
228
- var toggleAllPhotos = function () {
229
- setIsImagePopupOpen(!isImagePopupOpen);
230
- };
231
- return (React.createElement("div", { className: "col-8 me-2 Pimagelist" },
232
- React.createElement("div", { className: "col-12 rounded-5 mainImage d-flex position-relative align-items-center", style: {
233
- backgroundImage: "url(".concat(prop.pictureUrls[currentImageIndex], ")"),
234
- backgroundSize: "cover",
235
- backgroundPosition: "center",
236
- } },
237
- React.createElement("div", { className: "rounded-circle border onImageArrow d-flex position-absolute start-0 ms-2 align-items-center justify-content-center", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
238
- React.createElement("img", { src: blcIconArrowLeft, className: "blackArrow", alt: "Left Arrow" })),
239
- 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"); } },
240
- React.createElement("img", { src: blcIconArrowRight, className: "blackArrow", alt: "Right Arrow" }))),
241
- React.createElement("div", { className: "d-flex flex-row gap-1 col-12 secondList" },
242
- React.createElement("div", { className: "col-lg-6 d-flex flex-row p-1" },
243
- React.createElement("div", { className: "col-12 position-relative d-flex justify-content-center" },
244
- React.createElement("div", { className: "col-1 h-100 d-flex position-absolute start-0", onClick: function () { return handleArrowClickInMainImage("left"); }, role: "button" },
245
- React.createElement("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
246
- React.createElement("img", { src: iconArrowLeft, className: "arroIconColour", alt: "Left Arrow" }))),
247
- React.createElement("div", { className: "col-lg-10 rounded-3 h-100 d-flex flex-row gap-2 overflow-auto ms-1", ref: imageListRef }, prop.property && (React.createElement("div", { className: "col-lg-5 h-100 d-flex gap-2 flex-row rounded-3" }, prop.pictureUrls.map(function (imageUrl, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex", onClick: function () {
248
- setMainImage(imageUrl);
249
- setCurrentImageIndex(index);
250
- prop.imageListRef.current.scrollTo({
251
- left: index * 150,
252
- behavior: "smooth",
253
- });
254
- }, role: "button" },
255
- React.createElement("img", { src: imageUrl, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); })))),
256
- React.createElement("div", { className: "col-1 h-100 d-flex position-absolute end-0 top-0", onClick: function () { return handleArrowClickInMainImage("right"); }, role: "button" },
257
- React.createElement("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3 ms-1" },
258
- React.createElement("img", { src: iconArrowRight, className: "arroIconColour", alt: "Right Arrow" }))))),
259
- React.createElement("div", { className: "col-6 d-flex flex-row" },
260
- React.createElement("div", { className: "col-lg-4 p-1", role: "button", onClick: toggleAllPhotos },
261
- React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
262
- React.createElement("img", { src: iconGallery, alt: "Gallery Icon" }),
263
- React.createElement("span", { className: "listImgText" }, "Alle Fotos"))),
264
- React.createElement("div", { className: "col-lg-4 p-1", role: "button" },
265
- React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
266
- React.createElement("img", { src: iconLayers, alt: "Layers Icon" }),
267
- React.createElement("span", { className: "listImgText" }, "Grundriss"))),
268
- React.createElement("div", { className: "col-lg-4 p-1", role: "button", onClick: function () {
269
- return window.scrollTo({
270
- top: document.documentElement.scrollHeight,
271
- });
272
- } },
273
- React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
274
- React.createElement("img", { src: iconMap, alt: "Map Icon" }),
275
- React.createElement("span", { className: "listImgText" }, "Karte"))))),
276
- isImagePopupOpen && (React.createElement(ImageListPopup, { currentImageIndex: currentImageIndex, handleArrowClickInMainImage: handleArrowClickInMainImage, imageListRef: imageListRef, pictureUrls: prop.pictureUrls, property: prop.property }))));
277
116
  }
278
117
 
279
- var layerIcon = "LayersIcon.34c085c352a2c9c8.svg";
118
+ var layerIcon = "LayersIcon.svg";
280
119
 
281
- var locationIcon = "locationIcon.0af399c78e0cdc20.svg";
120
+ var locationIcon = "locationIcon.svg";
282
121
 
283
122
  var css_248z = ".padding-global {\r\n height: 737px !important;\r\n padding: 0 40px;\r\n}\r\n.header {\r\n font-size: 48px;\r\n font-weight: 600;\r\n color: #1b1b1b;\r\n}\r\n\r\n.firstLabel {\r\n width: 100px;\r\n height: 25px;\r\n gap: 6px;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n border: solid 1px #031012 !important;\r\n background-color: #ffb525;\r\n}\r\n\r\n.secondLabel {\r\n width: 85px;\r\n height: 25px;\r\n padding: 0 7px;\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}\r\n\r\n.thirdLabel {\r\n width: 90px;\r\n height: 25px;\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}\r\n\r\n.fourthLabel {\r\n width: 100px;\r\n height: 25px;\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}\r\n\r\n.layersVector {\r\n width: 15.1px;\r\n height: 16px;\r\n}\r\n\r\n.layersText {\r\n font-size: 14px;\r\n color: #1b1b1b;\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: #ffb525;\r\n background-color: #ffb525;\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.locationText {\r\n font-size: 14px;\r\n color: white;\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: #fff;\r\n}\r\n\r\n.detail {\r\n font-size: 12px;\r\n text-align: center;\r\n color: #fff;\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.cardStyle {\r\n width: 405px;\r\n max-width: 2405px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 350px;\r\n border-radius: 30px !important;\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 }\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";
284
123
  styleInject(css_248z);
285
124
 
286
- var noImageIcon = "default-property.9987f19670be82b6.jpg";
125
+ var noImageIcon = "default-property.jpg";
287
126
 
288
127
  function PropertyCard(props) {
289
128
  var _a, _b;
290
129
  var _c = React.useState(false); _c[0]; _c[1];
291
130
  return (React.createElement("div", { key: props.property.id, className: "card-body me-4 mb-4 position-relative cardStyle", style: {
292
- backgroundImage: "url(".concat(props.pictureUrl, ") || ").concat(noImageIcon),
131
+ backgroundImage: "url(".concat(props.pictureUrl, ") ?? ").concat(noImageIcon),
293
132
  backgroundSize: "cover",
294
133
  backgroundPosition: "center",
295
134
  }, onClick: props.onClick, role: "button" },
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/assets/images/icon_close_2.png","../node_modules/style-inject/dist/style-inject.es.js","../src/assets/images/icon_share_1.svg","../src/assets/images/locationIconBlack.svg","../src/assets/Images/Icon_rightArrow.svg","../src/assets/Images/blackarrow-Right.svg","../src/assets/Images/blckarrow-Left.svg","../src/assets/Images/chevron-left.svg","../src/assets/Images/icon_gallery.svg","../src/assets/Images/icon_map.svg","../src/assets/Images/layer_icon.svg","../src/assets/Images/LayersIcon.svg","../src/assets/images/locationIcon.svg","../src/assets/Images/default-property.jpg"],"sourcesContent":["export default \"icon_close_2.e41bb9a4db48e048.png\"","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","export default \"icon_share_1.b9ec05630dc1087e.svg\"","export default \"locationIconBlack.eb8e9e9226b43573.svg\"","export default \"Icon_rightArrow.bced4a705c07148d.svg\"","export default \"blackarrow-Right.e585ae62dd55abae.svg\"","export default \"blckarrow-Left.e2134741aa368d30.svg\"","export default \"chevron-left.04f0a7f16b745c1a.svg\"","export default \"icon_gallery.269b721daf2ca907.svg\"","export default \"icon_map.2318ec664c3e615e.svg\"","export default \"layer_icon.9b56c187199c44b5.svg\"","export default \"LayersIcon.34c085c352a2c9c8.svg\"","export default \"locationIcon.0af399c78e0cdc20.svg\"","export default \"default-property.9987f19670be82b6.jpg\""],"names":[],"mappings":";;;;;;;;;AAAA,gBAAe;;ACAf,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;ACzBA,gBAAe;;ACAf,qBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAf,qBAAe;;ACAf,wBAAe;;ACAf,uBAAe;;ACAf,oBAAe;;ACAf,kBAAe;;ACAf,cAAe;;ACAf,iBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAf,gBAAe;;ACAf,mBAAe;;;;;ACAf,kBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
1
+ {"version":3,"file":"index.js","sources":["../src/assets/images/icon_close_2.png","../node_modules/style-inject/dist/style-inject.es.js","../src/assets/images/icon_share_1.svg","../src/assets/images/locationIconBlack.svg","../src/assets/Images/LayersIcon.svg","../src/assets/images/locationIcon.svg","../src/assets/Images/default-property.jpg"],"sourcesContent":["export default \"icon_close_2.png\"","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","export default \"icon_share_1.svg\"","export default \"locationIconBlack.svg\"","export default \"LayersIcon.svg\"","export default \"locationIcon.svg\"","export default \"default-property.jpg\""],"names":[],"mappings":";;;;;;;;;AAAA,gBAAe;;ACAf,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;ACzBA,gBAAe;;ACAf,qBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAf,gBAAe;;ACAf,mBAAe;;;;;ACAf,kBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}