accomadesc 0.1.41 → 0.1.42

package/dist/AccoCard.svelte

@@ -11,8 +11,14 @@
     type I18nFacade,
   } from './types.js';
 
-  let { cardContent, displayName, translateFunc, formatFunc }: AccoCardContent & I18nFacade =
-    $props();
+  let {
+    cardContent,
+    displayName,
+    translateFunc,
+    formatFunc,
+    formatMoneyFunc,
+    formatDateFunc,
+  }: AccoCardContent & I18nFacade = $props();
   let translatedSlug = $derived(
     translateFunc && cardContent.slug ? translateFunc(cardContent.slug) : '',
   );
@@ -35,11 +41,23 @@
       {#each cardContent.blocks as b, i}
         <div class="block-container-{i}">
           {#if isAmenitiesCore(b)}
-            <AmenitiesCore {...b.content} {formatFunc} />
+            <AmenitiesCore {...b.content} {formatFunc} {formatMoneyFunc} {formatDateFunc} />
           {:else if isPricingShort(b)}
-            <PricingShort {...b.content} {translateFunc} {formatFunc} />
+            <PricingShort
+              {...b.content}
+              {translateFunc}
+              {formatFunc}
+              {formatMoneyFunc}
+              {formatDateFunc}
+            />
           {:else if isCalendarAvailable(b)}
-            <CalendarAvailable {...b.content} {translateFunc} {formatFunc} />
+            <CalendarAvailable
+              {...b.content}
+              {translateFunc}
+              {formatFunc}
+              {formatMoneyFunc}
+              {formatDateFunc}
+            />
           {:else}
             <span>Unsupported</span>
           {/if}
@@ -90,7 +108,7 @@
     color: var(--acco-card-font-color);
 
     * {
-      --main-font-color: var(--acco-card-font);
+      --main-font-color: var(--acco-card-font-color);
       --main-bg-color: var(--acco-card-bg-color);
       background-color: var(--acco-card-bg-color);
       color: var(--acco-card-font-color);

package/dist/CalendarAvailable.svelte

@@ -9,6 +9,7 @@
     debug = true,
     search = [3, 7, 14],
     maxFutureDate = DateTime.now().plus({ years: 2 }).toISO(),
+    formatDateFunc,
     formatFunc,
     translateFunc,
   }: CalendarAvailableContent & I18nFacade & { debug?: boolean } = $props();
@@ -16,15 +17,17 @@
   let availHeader = $derived(translateFunc ? translateFunc('availability') : '[AVAILABILITY]');
 
   const formatAvailability = (from: DateTime | null, forDays: number): string => {
-    if (!formatFunc) return '';
+    if (!formatFunc || !formatDateFunc) return '';
     if (from == null) {
+      const formattedFutureDate = formatDateFunc(maxFutureDate);
       return formatFunc('nothingAvailable', {
         forDays,
-        maxFutureDate,
+        maxFutureDate: formattedFutureDate,
       });
     }
+    const formattedFrom = formatDateFunc(from);
     return formatFunc('availableFromFor', {
-      from,
+      from: formattedFrom,
       forDays,
     });
   };

package/dist/Photo.svelte

@@ -31,9 +31,10 @@
       class={className}
       src={photoPath}
       alt={altTranslation}
-      {ratio}
       mode="cover"
       {eager}
+      {ratio}
+      position="center"
       {transition}
     />
   </div>
@@ -53,7 +54,7 @@
       style="width: {width}; height: {height};"
       href={link}
       target="_blank"
-      rel="noreferrer noopener"
+      rel="noreferrer noopener nofollow"
     >
       {@render twic()}
       <div class="link-icon-wrapper"><ExtLinkSvg size="1.8rem" /></div>
@@ -107,6 +108,7 @@
     flex-direction: column;
     position: absolute;
     padding-bottom: 0.2rem;
+    padding-right: 0.3rem;
     top: 0;
     left: 0;
     width: 100%;

package/dist/Pricing.svelte

@@ -54,8 +54,9 @@
     if (formatFunc && translateFunc) {
       let terms = '';
       if (termsRef) terms = translateFunc(termsRef);
+      let formattedPrice = formatMoneyFunc?.(price);
       return formatFunc('additionalPersonPrice', {
-        price,
+        price: formattedPrice,
         terms,
       });
     }
@@ -66,11 +67,15 @@
     let result = '';
     if (!formatFunc) return result;
     if (range.from && range.to) {
-      result = formatFunc('rangeFromTo', { from: range.from, to: range.to });
+      const formattedFrom = formatDateFunc?.(range.from);
+      const formattedTo = formatDateFunc?.(range.to);
+      result = formatFunc('rangeFromTo', { from: formattedFrom, to: formattedTo });
     } else if (range.from) {
-      result = formatFunc('rangeFrom', { from: range.from });
+      const formattedFrom = formatDateFunc?.(range.from);
+      result = formatFunc('rangeFrom', { from: formattedFrom });
     } else if (range.to) {
-      result = formatFunc('rangeTo', { to: range.to });
+      const formattedTo = formatDateFunc?.(range.to);
+      result = formatFunc('rangeTo', { to: formattedTo });
     }
     return result;
   };
@@ -80,11 +85,22 @@
     if (!formatFunc) return result;
 
     if (range.from && range.to) {
-      result = formatFunc('staticRangeFromTo', { from: range.from, to: range.to });
+      result = formatFunc('staticRangeFromTo', {
+        fromMonth: range.from.month,
+        fromDay: range.from.day,
+        toMonth: range.to.month,
+        toDay: range.to.day,
+      });
     } else if (range.from) {
-      result = formatFunc('staticRangeFrom', { from: range.from });
+      result = formatFunc('staticRangeFrom', {
+        fromMonth: range.from.month,
+        fromDay: range.from.day,
+      });
     } else if (range.to) {
-      result = formatFunc('staticRangeTo', { to: range.to });
+      result = formatFunc('staticRangeTo', {
+        toMonth: range.to.month,
+        toDay: range.to.day,
+      });
     }
 
     return result;

package/dist/PricingShort.svelte

@@ -11,6 +11,7 @@
     staticRanges = [],
     showMaximum = true,
     showMinimum = true,
+    formatMoneyFunc,
     translateFunc,
     formatFunc,
   }: PricingShortContent & I18nFacade = $props();
@@ -26,7 +27,7 @@
     });
   });
 
-  let calculatedMinium = $state(dinero({ amount: Number.MAX_SAFE_INTEGER, currency: EUR }));
+  let calculatedMinimum = $state(dinero({ amount: Number.MAX_SAFE_INTEGER, currency: EUR }));
   let calculatedMaximum = $state(dinero({ amount: 0, currency: EUR }));
 
   const calcAverage = (entry: PricingEntry): Dinero<number> | undefined => {
@@ -58,8 +59,8 @@
         if (greaterThan(avg, calculatedMaximum)) {
           calculatedMaximum = avg;
         }
-        if (lessThan(avg, calculatedMinium)) {
-          calculatedMinium = avg;
+        if (lessThan(avg, calculatedMinimum)) {
+          calculatedMinimum = avg;
         }
       }
     });
@@ -70,22 +71,29 @@
         if (greaterThan(globalAvg, calculatedMaximum)) {
           calculatedMaximum = globalAvg;
         }
-        if (lessThan(globalAvg, calculatedMinium)) {
-          calculatedMinium = globalAvg;
+        if (lessThan(globalAvg, calculatedMinimum)) {
+          calculatedMinimum = globalAvg;
         }
       }
     }
   });
+
+  let formattedMax: string | undefined = $derived(
+    formatMoneyFunc && formatMoneyFunc(calculatedMaximum),
+  );
+  let formattedMin: string | undefined = $derived(
+    formatMoneyFunc && formatMoneyFunc(calculatedMinimum),
+  );
 </script>
 
 <div class="pricing-short-wrapper">
   <h3>
     {translateFunc ? translateFunc('shortPriceLabel') : 'shortPriceLabel'}
     {#if showMinimum}<span
-        >{formatFunc ? formatFunc('minimumPrice', { min: calculatedMinium }) : ''}</span
+        >{formatFunc ? formatFunc('minimumPrice', { min: formattedMin }) : ''}</span
       >{/if}
     {#if showMaximum}<span
-        >{formatFunc ? formatFunc('maximumPrice', { max: calculatedMaximum }) : ''}</span
+        >{formatFunc ? formatFunc('maximumPrice', { max: formattedMax }) : ''}</span
       >{/if}
   </h3>
 </div>

package/dist/Section.svelte

@@ -88,21 +88,39 @@
     {#each blocks as block}
       <div class="block-container">
         {#if isAccoCard(block)}
-          <AccoCard {...block.content} {translateFunc} {formatFunc} />
+          <AccoCard
+            {...block.content}
+            {translateFunc}
+            {formatFunc}
+            {formatDateFunc}
+            {formatMoneyFunc}
+          />
         {:else if isAccoDescription(block)}
-          <AccoDescription {...block.content} {translateFunc} />
+          <AccoDescription {...block.content} {translateFunc} {formatDateFunc} {formatMoneyFunc} />
         {:else if isAmenitiesCore(block)}
-          <AmenitiesCore {...block.content} {formatFunc} />
+          <AmenitiesCore {...block.content} {formatFunc} {formatDateFunc} {formatMoneyFunc} />
         {:else if isCalendar(block)}
-          <Calendar {...block.content} {translateFunc} {calendarTranslation} />
+          <Calendar
+            {...block.content}
+            {translateFunc}
+            {calendarTranslation}
+            {formatDateFunc}
+            {formatMoneyFunc}
+          />
         {:else if isCalendarAvailable(block)}
-          <CalendarAvailable {...block.content} {formatFunc} {translateFunc} />
+          <CalendarAvailable
+            {...block.content}
+            {formatFunc}
+            {translateFunc}
+            {formatDateFunc}
+            {formatMoneyFunc}
+          />
         {:else if isLeafletMap(block)}
           <LeafletMap {...block.content} />
         {:else if isPhoto(block)}
-          <Photo {...block.content} {translateFunc} />
+          <Photo {...block.content} {translateFunc} {formatDateFunc} {formatMoneyFunc} />
         {:else if isGallery(block)}
-          <PhotoGallery {...block.content} {translateFunc} />
+          <PhotoGallery {...block.content} {translateFunc} {formatDateFunc} {formatMoneyFunc} />
         {:else if isPricing(block)}
           <Pricing
             {...block.content}
@@ -113,19 +131,31 @@
             {currentLang}
           />
         {:else if isPricingShort(block)}
-          <PricingShort {...block.content} {translateFunc} {formatFunc} />
+          <PricingShort
+            {...block.content}
+            {translateFunc}
+            {formatFunc}
+            {formatDateFunc}
+            {formatMoneyFunc}
+          />
         {:else if isText(block)}
-          <Text {...block.content} {translateFunc} />
+          <Text {...block.content} {translateFunc} {formatDateFunc} {formatMoneyFunc} />
         {:else if isWeather(block)}
-          <Weather {...block.content} {translateFunc} {currentLang} />
+          <Weather
+            {...block.content}
+            {translateFunc}
+            {currentLang}
+            {formatDateFunc}
+            {formatMoneyFunc}
+          />
         {:else if isBookingRequest(block)}
-          <BookingRequest {...block.content} {translateFunc} {formatDateFunc} />
+          <BookingRequest {...block.content} {translateFunc} {formatDateFunc} {formatMoneyFunc} />
         {:else if isCalendarRows(block)}
-          <CalendarRows {...block.content} {translateFunc} />
+          <CalendarRows {...block.content} {translateFunc} {formatDateFunc} {formatMoneyFunc} />
         {:else if isCalendarGrid(block)}
-          <CalendarGrid {...block.content} {translateFunc} />
+          <CalendarGrid {...block.content} {translateFunc} {formatDateFunc} {formatMoneyFunc} />
         {:else if isContactForm(block)}
-          <ContactForm {...block.content} {translateFunc} />
+          <ContactForm {...block.content} {translateFunc} {formatDateFunc} {formatMoneyFunc} />
         {:else}
           <div>[UNEXPECTED VALUE]</div>
         {/if}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "accomadesc",
-	"version": "0.1.41",
+	"version": "0.1.42",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",
@@ -46,7 +46,7 @@
 		"prettier": "^3.5.2",
 		"prettier-plugin-svelte": "^3.3.3",
 		"publint": "^0.3.6",
-		"svelte": "^5.20.2",
+		"svelte": "^5.20.4",
 		"svelte-check": "^4.1.4",
 		"typescript": "^5.7.3",
 		"vite": "^6.1.1",