@streamscloud/kit 0.2.17 → 0.2.19

package/dist/core/utils/index.d.ts

@@ -10,6 +10,7 @@ export * from './html-helper';
 export * from './image-preloader';
 export * from './lazy-init';
 export * from './number-helper';
+export * from './price-helper';
 export * from './string-generator';
 export * from './string-helper';
 export * from './url-helper';

package/dist/core/utils/index.js

@@ -10,6 +10,7 @@ export * from './html-helper';
 export * from './image-preloader';
 export * from './lazy-init';
 export * from './number-helper';
+export * from './price-helper';
 export * from './string-generator';
 export * from './string-helper';
 export * from './url-helper';

package/dist/core/utils/price-helper.d.ts

@@ -0,0 +1,13 @@
+type Currency = 'EUR' | 'NOK' | 'USD';
+type CurrencyMode = 'none' | 'symbol' | 'code';
+export type PriceRepresentationOptions = {
+    currencyMode?: CurrencyMode;
+    missingFractionMode?: 'hide' | 'currency-placeholder' | 'zeros' | 'zeros-or-placeholder';
+    locale?: string;
+};
+export declare const toPriceRepresentation: (data: {
+    amount: number;
+    currency: Currency;
+    options?: PriceRepresentationOptions;
+}) => string;
+export {};

package/dist/core/utils/price-helper.js

@@ -0,0 +1,74 @@
+import { Utils } from './utils';
+export const toPriceRepresentation = (data) => {
+    const { amount, currency, options } = data;
+    const { currencyMode = 'symbol', missingFractionMode = 'zeros-or-placeholder', locale = 'nb-NO' } = options ?? {};
+    const cfg = currencyDefaults[currency];
+    // Helper to attach currency per mode
+    const decorateWithCurrency = (value) => {
+        switch (currencyMode) {
+            case 'symbol':
+                return `${cfg.symbol} ${value}`;
+            case 'code':
+                return `${value} ${cfg.code}`;
+            case 'none':
+                return `${value}`;
+            default:
+                Utils.assertUnreachable(currencyMode);
+        }
+    };
+    // If amount has a fractional part, show localized number with 2 fraction digits
+    if (hasFraction(amount)) {
+        const nf = new Intl.NumberFormat(locale, {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2
+        });
+        return decorateWithCurrency(nf.format(amount));
+    }
+    // Fraction is missing: build numeric part according to the selected missingFractionMode
+    const formattedInteger = formatIntegerWithGrouping(amount, locale);
+    const decimalSeparator = getDecimalSeparator(locale);
+    switch (missingFractionMode) {
+        case 'hide':
+            return decorateWithCurrency(formattedInteger);
+        case 'currency-placeholder':
+            if (cfg.missingFractionPlaceholder) {
+                return decorateWithCurrency(`${formattedInteger}${decimalSeparator}${cfg.missingFractionPlaceholder}`);
+            }
+            else {
+                return decorateWithCurrency(formattedInteger);
+            }
+        case 'zeros':
+            return decorateWithCurrency(`${formattedInteger}${decimalSeparator}00`);
+        case 'zeros-or-placeholder':
+            if (cfg.missingFractionPlaceholder) {
+                return decorateWithCurrency(`${formattedInteger}${decimalSeparator}${cfg.missingFractionPlaceholder}`);
+            }
+            else {
+                return decorateWithCurrency(`${formattedInteger}${decimalSeparator}00`);
+            }
+        default:
+            Utils.assertUnreachable(missingFractionMode);
+    }
+};
+const currencyDefaults = {
+    ['NOK']: { symbol: 'kr', code: 'NOK', missingFractionPlaceholder: '-' },
+    ['USD']: { symbol: '$', code: 'USD' },
+    ['EUR']: { symbol: '€', code: 'EUR' }
+};
+const getDecimalSeparator = (locale) => {
+    const nf = new Intl.NumberFormat(locale);
+    const parts = nf.formatToParts(1.1);
+    const decimalPart = parts.find((p) => p.type === 'decimal');
+    return decimalPart ? decimalPart.value : '.';
+};
+const formatIntegerWithGrouping = (amount, locale) => {
+    const nf = new Intl.NumberFormat(locale, {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0,
+        useGrouping: true
+    });
+    return nf.format(Math.trunc(amount));
+};
+const hasFraction = (amount) => {
+    return Math.abs(amount % 1) > Number.EPSILON;
+};

package/dist/ui/icon/cmp.icon.svelte

@@ -1,5 +1,10 @@
 <script lang="ts">import { HtmlHelper } from '../../core/utils/html-helper';
+import { onMount } from 'svelte';
 let { src, color = null } = $props();
+let mounted = $state(false);
+onMount(() => {
+    mounted = true;
+});
 </script>
 
 {#if src?.startsWith('<svg')}
@@ -12,7 +17,9 @@ let { src, color = null } = $props();
     class:icon--red={color === 'red'}
     class:icon--orange={color === 'orange'}
     class:icon--blue={color === 'blue'}>
-    {@html HtmlHelper.sanitizeSvg(src)}
+    {#if mounted}
+      {@html HtmlHelper.sanitizeSvg(src)}
+    {/if}
   </div>
 {:else}
   <i class="invalid-svg">Invalid SVG</i>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.2.17",
+  "version": "0.2.19",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",