nestiq-component-library 1.2.18 → 1.2.21

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 (6) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +38 -51
  4. package/dist/index.js.map +1 -1
  5. package/dist/style.css +1 -1
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -814,34 +814,33 @@ function We(e) {
814
814
  copy: e.translations?.copy || "Copy"
815
815
  };
816
816
  return /* @__PURE__ */ h("div", {
817
- className: "compact_cc d-flex flex-column col-12 col-lg-12 mt-3 justify-content-between",
817
+ className: "compact_cc d-flex flex-column col-12 mt-3 justify-content-between gap-4",
818
818
  children: [
819
819
  /* @__PURE__ */ h("div", {
820
- className: "col-12 d-flex flex-row",
820
+ className: "col-12 d-flex flex-row justify-content-between align-items-start",
821
821
  children: [/* @__PURE__ */ m("div", {
822
- className: "header_Text d-flex col-lg-11 col-md-11 mt-0",
822
+ className: "header_Text d-flex col-10 col-md-11 mt-0",
823
823
  children: /* @__PURE__ */ m("strong", { children: e.title ?? "-" })
824
824
  }), /* @__PURE__ */ m("div", {
825
- className: "d-flex col-lg-1 col-md-1 justify-content-end position-relative",
825
+ className: "d-flex col-2 col-md-1 justify-content-end",
826
826
  children: /* @__PURE__ */ m("img", {
827
827
  src: b,
828
828
  alt: "share icon",
829
- className: "v_share me-3 position-absolute",
829
+ className: "v_share",
830
830
  onClick: r
831
831
  })
832
832
  })]
833
833
  }),
834
834
  /* @__PURE__ */ h("div", {
835
- className: "d-flex flex-row justify-content-between",
835
+ className: "d-flex flex-column flex-md-row justify-content-between gap-4 gap-md-0",
836
836
  children: [/* @__PURE__ */ m("div", {
837
- className: "col-6 d-flex flex-row align-items-end jsutify-content-start gap-1",
837
+ className: "col-12 col-md-6 d-flex flex-row align-items-center justify-content-start gap-1",
838
838
  children: /* @__PURE__ */ h("div", {
839
- className: "d-flex gap-1 justify-content-center",
839
+ className: "d-flex gap-2",
840
840
  children: [/* @__PURE__ */ m("div", {
841
- className: "d-flex gap-2 align-items-center",
841
+ className: "d-flex align-items-center",
842
842
  children: /* @__PURE__ */ m("img", {
843
843
  src: x,
844
- className: "",
845
844
  alt: "location Icon"
846
845
  })
847
846
  }), /* @__PURE__ */ m("div", {
@@ -850,38 +849,30 @@ function We(e) {
850
849
  })]
851
850
  })
852
851
  }), /* @__PURE__ */ h("div", {
853
- className: "d-flex align-items-end gap-3 justify-content-end flex-row col-lg-6 col-md-6 col-sm-5",
852
+ className: "d-flex align-items-center gap-4 justify-content-start justify-content-md-end flex-row col-12 col-md-6 flex-wrap",
854
853
  children: [
855
854
  e && /* @__PURE__ */ h("div", {
856
- className: "propText h-100 d-flex flex-column align-items-center justify-content-center",
855
+ className: "propText h-100 d-flex flex-column align-items-start align-items-md-center justify-content-center",
857
856
  children: [/* @__PURE__ */ h("span", {
858
857
  className: "propValue",
859
- children: [
860
- He(e.property?.askingPrice ?? 0),
861
- "€ ",
862
- /* @__PURE__ */ m("br", {})
863
- ]
858
+ children: [He(e.property?.askingPrice ?? 0), "€"]
864
859
  }), /* @__PURE__ */ m("span", {
865
860
  className: "textWrapper",
866
861
  children: s.purchasePrice
867
862
  })]
868
863
  }),
869
864
  e && /* @__PURE__ */ h("div", {
870
- className: "propText h-100 d-flex flex-column align-items-center justify-content-center",
865
+ className: "propText h-100 d-flex flex-column align-items-start align-items-md-center justify-content-center",
871
866
  children: [/* @__PURE__ */ h("span", {
872
867
  className: "propValue",
873
- children: [
874
- Ue(e.property?.usableArea ?? 0),
875
- " m²",
876
- /* @__PURE__ */ m("br", {})
877
- ]
868
+ children: [Ue(e.property?.usableArea ?? 0), " m²"]
878
869
  }), /* @__PURE__ */ m("span", {
879
870
  className: "textWrapper",
880
871
  children: s.livingSpace
881
872
  })]
882
873
  }),
883
874
  e && /* @__PURE__ */ h("div", {
884
- className: "propText h-100 d-flex flex-column align-items-center justify-content-center",
875
+ className: "propText h-100 d-flex flex-column align-items-start align-items-md-center justify-content-center",
885
876
  children: [/* @__PURE__ */ m("span", {
886
877
  className: "propValue",
887
878
  children: e.property?.rooms
@@ -953,9 +944,9 @@ function Qe(e) {
953
944
  /* @__PURE__ */ h("div", {
954
945
  className: "d-flex justify-content-center",
955
946
  children: [
956
- /* @__PURE__ */ m("div", {
957
- className: "p-2 bd-highlight align-self-center align-items-center me-5",
958
- children: /* @__PURE__ */ m("div", {
947
+ /* @__PURE__ */ h("div", {
948
+ className: "p-2 bd-highlight align-self-center align-items-center me-1 me-md-5",
949
+ children: [" ", /* @__PURE__ */ m("div", {
959
950
  className: "rounded-circle border onImageArrow d-flex justify-content-center",
960
951
  role: "button",
961
952
  onClick: () => f("left"),
@@ -964,7 +955,7 @@ function Qe(e) {
964
955
  className: "blackArrow align-self-center",
965
956
  alt: "Left Arrow"
966
957
  })
967
- })
958
+ })]
968
959
  }),
969
960
  /* @__PURE__ */ m("div", {
970
961
  className: "p-2 bd-highlight",
@@ -974,7 +965,7 @@ function Qe(e) {
974
965
  })
975
966
  }),
976
967
  /* @__PURE__ */ h("div", {
977
- className: "p-2 bd-highlight align-self-center ms-5",
968
+ className: "p-2 bd-highlight align-self-center ms-1 ms-md-5",
978
969
  children: [" ", /* @__PURE__ */ m("div", {
979
970
  role: "button",
980
971
  className: "rounded-circle border onImageArrow d-flex justify-content-center",
@@ -995,7 +986,7 @@ function Qe(e) {
995
986
  className: "d-flex flex-row gap-4 imageListBottom",
996
987
  ref: a,
997
988
  children: e.pictureUrls.length > 0 && /* @__PURE__ */ m(p, { children: e.pictureUrls.map((e, t) => /* @__PURE__ */ m("div", {
998
- className: `flex-shrink-0 activeStyle ${t === r ? "active" : ""}`,
989
+ className: `flex-shrink-0 activeStyle thumbnail-container ${t === r ? "active" : ""}`,
999
990
  onClick: () => {
1000
991
  i(t), a.current.scrollTo({
1001
992
  left: t * 170,
@@ -1003,11 +994,7 @@ function Qe(e) {
1003
994
  });
1004
995
  },
1005
996
  role: "button",
1006
- style: {
1007
- cursor: "pointer",
1008
- width: "150px",
1009
- height: "150px"
1010
- },
997
+ style: { cursor: "pointer" },
1011
998
  children: /* @__PURE__ */ m("img", {
1012
999
  src: e.url,
1013
1000
  alt: `Image ${t + 1}`,
@@ -5926,7 +5913,7 @@ function Tt(e) {
5926
5913
  grundriss: e.translations?.grundriss || "Grundriss"
5927
5914
  };
5928
5915
  return /* @__PURE__ */ h("div", {
5929
- className: "col-8 Pimagelist ",
5916
+ className: "col-12 Pimagelist ",
5930
5917
  children: [
5931
5918
  /* @__PURE__ */ h("div", {
5932
5919
  className: "col-12 rounded-5 mainImage d-flex position-relative align-items-center",
@@ -5956,16 +5943,16 @@ function Tt(e) {
5956
5943
  })]
5957
5944
  }),
5958
5945
  /* @__PURE__ */ m("div", {
5959
- className: "d-none d-md-block",
5946
+ className: "d-block",
5960
5947
  children: /* @__PURE__ */ h("div", {
5961
- className: "mt-1 d-flex flex-row gap-1 col-12 secondList",
5948
+ className: "mt-1 d-flex flex-row flex-wrap gap-1 col-12",
5962
5949
  children: [/* @__PURE__ */ m("div", {
5963
- className: " col-lg-6 col-6 d-flex flex-row py-0 px-1",
5950
+ className: "col-12 col-lg d-flex flex-row py-0 px-1",
5964
5951
  children: /* @__PURE__ */ h("div", {
5965
- className: " col-12 position-relative d-flex justify-content-center",
5952
+ className: "col-12 d-flex justify-content-between",
5966
5953
  children: [
5967
5954
  /* @__PURE__ */ m("div", {
5968
- className: "col-1 h-100 d-flex position-absolute start-0",
5955
+ className: "h-100 d-flex",
5969
5956
  onClick: () => f("left"),
5970
5957
  role: "button",
5971
5958
  children: /* @__PURE__ */ m("div", {
@@ -5978,12 +5965,12 @@ function Tt(e) {
5978
5965
  })
5979
5966
  }),
5980
5967
  /* @__PURE__ */ m("div", {
5981
- className: "col-lg-10 rounded-3 h-100 d-flex flex-row gap-2 overflow-hidden",
5968
+ className: "rounded-3 h-100 d-flex flex-row gap-2 overflow-hidden",
5982
5969
  ref: s,
5983
5970
  children: e.pictureUrls.length > 0 && /* @__PURE__ */ m("div", {
5984
5971
  className: "col-lg-5 h-100 d-flex gap-2 flex-row rounded-3",
5985
5972
  children: e.pictureUrls.map((r, i) => /* @__PURE__ */ m("div", {
5986
- className: `col-lg-12 h-100 d-flex image-thumbnail ${i === t ? "selected" : "greyed-out"} ${i === 0 ? "ms-1" : i === e.pictureUrls.length - 1 ? "me-1" : ""}`,
5973
+ className: `col-lg-12 d-flex image-thumbnail ${i === t ? "selected" : "greyed-out"} ${i === 0 ? "ms-1" : i === e.pictureUrls.length - 1 ? "me-1" : ""}`,
5987
5974
  onClick: () => {
5988
5975
  n(i), s.current.scrollTo({
5989
5976
  left: i * 150,
@@ -6000,7 +5987,7 @@ function Tt(e) {
6000
5987
  })
6001
5988
  }),
6002
5989
  /* @__PURE__ */ m("div", {
6003
- className: "col-1 h-100 d-flex position-absolute end-0 top-0",
5990
+ className: "h-100 d-flex",
6004
5991
  onClick: () => f("right"),
6005
5992
  role: "button",
6006
5993
  children: /* @__PURE__ */ m("div", {
@@ -6015,14 +6002,14 @@ function Tt(e) {
6015
6002
  ]
6016
6003
  })
6017
6004
  }), /* @__PURE__ */ h("div", {
6018
- className: "col-7 col-lg-6 d-flex flex-row",
6005
+ className: "col-12 col-lg d-flex flex-row",
6019
6006
  children: [
6020
6007
  /* @__PURE__ */ m("div", {
6021
- className: "col-lg-4 col-4 py-0 px-1",
6008
+ className: "col py-0 px-1",
6022
6009
  role: "button",
6023
6010
  onClick: _,
6024
6011
  children: /* @__PURE__ */ h("div", {
6025
- className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3",
6012
+ className: "border col-lg-12 d-flex flex-column listImageButton border-0 rounded-3",
6026
6013
  children: [/* @__PURE__ */ m("img", {
6027
6014
  src: Ye,
6028
6015
  alt: "Gallery Icon"
@@ -6033,11 +6020,11 @@ function Tt(e) {
6033
6020
  })
6034
6021
  }),
6035
6022
  /* @__PURE__ */ m("div", {
6036
- className: "col-lg-4 col-3 py-0 px-1",
6023
+ className: "col py-0 px-1",
6037
6024
  role: "button",
6038
6025
  onClick: v,
6039
6026
  children: /* @__PURE__ */ h("div", {
6040
- className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3",
6027
+ className: "border col-lg-12 d-flex flex-column listImageButton border-0 rounded-3",
6041
6028
  children: [/* @__PURE__ */ m("img", {
6042
6029
  src: Xe,
6043
6030
  alt: "Layers Icon"
@@ -6048,11 +6035,11 @@ function Tt(e) {
6048
6035
  })
6049
6036
  }),
6050
6037
  /* @__PURE__ */ m("div", {
6051
- className: "col-lg-4 col-3 py-0 px-1",
6038
+ className: "col py-0 px-1",
6052
6039
  role: "button",
6053
6040
  onClick: e?.mapClickHandler ? e.mapClickHandler : y,
6054
6041
  children: /* @__PURE__ */ h("div", {
6055
- className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3",
6042
+ className: "border col-lg-12 d-flex flex-column listImageButton border-0 rounded-3",
6056
6043
  role: "button",
6057
6044
  children: [/* @__PURE__ */ m("img", {
6058
6045
  src: B,