@nexxtmove/ui 1.2.6 → 1.2.7

package/dist/components/ReferenceCard/ReferenceCard.vue.d.ts

@@ -3,6 +3,7 @@ export interface ProposalReference {
     postalCode: string;
     streetName: string;
     houseNumber: number;
+    houseNumberExt?: string | number | null;
     houseType: string;
     city: string;
     mainImageUrl: string | null;

package/dist/index.js

@@ -3859,15 +3859,20 @@ var nr = /* @__PURE__ */ p({
 		}, n = i(() => ({
 			...t,
 			...e.messages
-		})), r = M(e, "modelValue"), a = i(() => `${e.reference.streetName} ${e.reference.houseNumber}`), l = i(() => `${e.reference.postalCode} ${e.reference.city}`), u = i(() => e.reference.energyLabel ?? null), p = i(() => {
+		})), r = M(e, "modelValue"), a = (e) => {
+			let t = String(e ?? "").trim();
+			return t ? t.startsWith("-") ? t : `-${t}` : "";
+		}, l = i(() => `${e.reference.streetName} ${e.reference.houseNumber}${a(e.reference.houseNumberExt)}`), u = i(() => `${e.reference.postalCode} ${e.reference.city}`), p = i(() => e.reference.energyLabel ?? null), m = i(() => {
 			if (!e.reference.salePrice) return null;
-			let t = Number(e.reference.salePrice);
-			return Number.isNaN(t) ? e.reference.salePrice : new Intl.NumberFormat(e.locale, {
+			let t = String(e.reference.salePrice).replace(/[^\d,-]/g, "").replace(/\./g, "").replace(",", ".");
+			if (!t) return e.reference.salePrice;
+			let n = Number(t);
+			return Number.isNaN(n) ? e.reference.salePrice : new Intl.NumberFormat(e.locale, {
 				style: "currency",
 				currency: e.currency,
 				maximumFractionDigits: 0
-			}).format(t);
-		}), m = i(() => {
+			}).format(n);
+		}), h = i(() => {
 			if (!e.reference.saleDate) return null;
 			let t = new Date(e.reference.saleDate);
 			return Number.isNaN(t.getTime()) ? e.reference.saleDate : new Intl.DateTimeFormat("nl-NL", {
@@ -3879,7 +3884,7 @@ var nr = /* @__PURE__ */ p({
 		return (t, i) => (w(), s("div", {
 			role: "checkbox",
 			"aria-checked": r.value,
-			"aria-label": `${a.value}, ${l.value}`,
+			"aria-label": `${l.value}, ${u.value}`,
 			tabindex: "0",
 			class: y([
 				"@container flex w-full cursor-pointer flex-col overflow-hidden rounded-lg border transition-colors duration-200",
@@ -3892,7 +3897,7 @@ var nr = /* @__PURE__ */ p({
 			c("div", yi, [e.reference.mainImageUrl ? (w(), s("img", {
 				key: 0,
 				src: e.reference.mainImageUrl,
-				alt: a.value,
+				alt: l.value,
 				loading: "lazy",
 				class: "absolute inset-0 size-full object-cover"
 			}, null, 8, bi)) : (w(), s("div", xi, [f(Q, {
@@ -3900,11 +3905,11 @@ var nr = /* @__PURE__ */ p({
 				class: "text-4xl text-gray-500"
 			})]))]),
 			c("div", Si, [
-				c("p", Ci, k(a.value), 1),
-				c("p", wi, k(l.value), 1),
-				u.value ? (w(), s("div", Ti, [c("span", Ei, k(n.value.energyLabel), 1), f(Cr, { label: u.value }, null, 8, ["label"])])) : o("", !0)
+				c("p", Ci, k(l.value), 1),
+				c("p", wi, k(u.value), 1),
+				p.value ? (w(), s("div", Ti, [c("span", Ei, k(n.value.energyLabel), 1), f(Cr, { label: p.value }, null, 8, ["label"])])) : o("", !0)
 			]),
-			p.value ? (w(), s("div", Di, [c("p", Oi, k(p.value), 1), m.value ? (w(), s("p", ki, k(m.value), 1)) : o("", !0)])) : o("", !0)
+			m.value ? (w(), s("div", Di, [c("p", Oi, k(m.value), 1), h.value ? (w(), s("p", ki, k(h.value), 1)) : o("", !0)])) : o("", !0)
 		]), c("div", { class: y([
 			"flex flex-col-reverse gap-3 border-t px-4 py-3",
 			"@lg:flex-row @lg:flex-wrap @lg:items-center @lg:justify-between @lg:gap-x-4 @lg:gap-y-2 @lg:py-2",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nexxtmove/ui",
   "type": "module",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

package/src/components/ReferenceCard/ReferenceCard.vue

@@ -10,6 +10,7 @@ export interface ProposalReference {
   postalCode: string
   streetName: string
   houseNumber: number
+  houseNumberExt?: string | number | null
   houseType: string
   city: string
   mainImageUrl: string | null
@@ -65,7 +66,16 @@ const selected = defineModel<boolean>({ default: false })
 
 defineEmits<{ details: [reference: ProposalReference] }>()
 
-const address = computed(() => `${reference.streetName} ${reference.houseNumber}`)
+const formattedHouseNumberExtension = (value: string | number | null | undefined) => {
+  const extension = String(value ?? '').trim()
+
+  return extension ? (extension.startsWith('-') ? extension : `-${extension}`) : ''
+}
+
+const address = computed(
+  () =>
+    `${reference.streetName} ${reference.houseNumber}${formattedHouseNumberExtension(reference.houseNumberExt)}`,
+)
 
 const location = computed(() => `${reference.postalCode} ${reference.city}`)
 
@@ -74,7 +84,13 @@ const energyLabel = computed(() => (reference.energyLabel ?? null) as EnergyLabe
 const salePrice = computed(() => {
   if (!reference.salePrice) return null
 
-  const amount = Number(reference.salePrice)
+  const normalized = String(reference.salePrice)
+    .replace(/[^\d,-]/g, '')
+    .replace(/\./g, '')
+    .replace(',', '.')
+  if (!normalized) return reference.salePrice
+
+  const amount = Number(normalized)
   if (Number.isNaN(amount)) return reference.salePrice
 
   return new Intl.NumberFormat(locale, {