@tuspe/components 1.6.26

package/dist/index.js

@@ -0,0 +1,105 @@
+import { get, writable } from 'svelte/store';
+import Breadcrumbs from './Breadcrumbs.svelte';
+import Button from './Button.svelte';
+import ButtonArrow from './ButtonArrow.svelte';
+import ButtonClose from './ButtonClose.svelte';
+import ButtonMenu from './ButtonMenu.svelte';
+import Checkbox from './Checkbox.svelte';
+import Image from './Image.svelte';
+import Input from './Input.svelte';
+import Modal from './Modal.svelte';
+import Select from './Select.svelte';
+export { Breadcrumbs, Button, ButtonArrow, ButtonClose, ButtonMenu, Checkbox, Image, Input, Modal, Select };
+export const loading = writable(0);
+/**
+ * PRICES AND NUMBERS
+ */
+export const formatPrice = (value, comma = false, currency = '€') => {
+    if (!value) {
+        return '0.00 ' + currency;
+    }
+    let price = Number(value)
+        .toFixed(2) // Ensure two decimal places
+        .replace(/\B(?=(\d{3})+(?!\d))/g, ' '); // Add space as thousand separator
+    if (comma) {
+        price = price.replace('.', ','); // Replace dot with comma
+    }
+    if (currency) {
+        price += ' ' + currency;
+    }
+    return price;
+};
+export const fixNumber = (value) => {
+    if (typeof value === 'string') {
+        value = Number(value);
+    }
+    if (!value) {
+        return 0;
+    }
+    return Math.round((value + Number.EPSILON) * 100) / 100;
+};
+/**
+ * VAT CALCULATION
+ */
+const defaultVatPercentage = 25.5;
+export const calculateTax = (total, vatPercentage = defaultVatPercentage) => fixNumber((vatPercentage * total) / (100 + vatPercentage));
+export const calculatePreTax = (total, vatPercentage = defaultVatPercentage) => fixNumber(total - calculateTax(total, vatPercentage));
+/**
+ * STRING VALIDATIONS
+ */
+export const slugify = (value) => {
+    if (!value) {
+        return '';
+    }
+    return value
+        .toLowerCase()
+        .replace(/[äå]/g, 'a') // Replace ä and å with a
+        .replace(/ö/g, 'o') // Replace ö with o
+        .replace(/['"]/g, '') // Remove ' and "
+        .replace(/[^a-z0-9]+/g, '-') // Replace any non-alphanumeric characters with -
+        .replace(/^-+|-+$/g, ''); // Trim leading and trailing hyphens
+};
+export const validateSlug = (value) => {
+    return value && slugify(value) === value ? true : false;
+};
+export const validateEmail = (email) => {
+    var re = /\S+@\S+\.\S+/;
+    return re.test(email);
+};
+export const validateString = (value) => {
+    return value && value.replace(/[^\w\s@!.:;äÄöÖåÅ/%&-]/gi, '') === value ? true : false;
+};
+/**
+ * ARRAY VALIDATIONS
+ */
+export const validateArray = (value, items = 0) => {
+    return value && Array.isArray(value) && value.length > items ? true : false;
+};
+/**
+ * CACHE
+ */
+export const cacheValues = writable({});
+export const handleCache = (key, value = undefined) => {
+    if (!key) {
+        return null;
+    }
+    const newKey = slugify(key);
+    const cache = get(cacheValues);
+    if (value) {
+        const newValues = cache ? { ...cache, [newKey]: value } : { [newKey]: value };
+        cacheValues.set({ ...newValues });
+    }
+    else if (cache?.[newKey]) {
+        return cache[newKey];
+    }
+    return null;
+};
+/**
+ * PREVENT DEFAULT
+ */
+export const preventDefault = (fn) => {
+    return function (event) {
+        event.preventDefault();
+        fn.call(this, event);
+    };
+};

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@tuspe/components",
+  "version": "1.6.26",
+  "description": "A reusable SvelteKit component library for form elements, breadcrumbs, prices and images.",
+  "keywords": [
+    "svelteKit",
+    "components",
+    "cache",
+    "modal",
+    "breadcrumb",
+    "form",
+    "numbers",
+    "image",
+    "input",
+    "checkbox",
+    "select",
+    "preventDefault"
+  ],
+  "homepage": "https://github.com/TuspeDesign/svelte-components",
+  "license": "MIT",
+  "author": {
+    "name": "Timo Anttila",
+    "url": "https://timoanttila.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TuspeDesign/svelte-components.git"
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run prepack",
+    "preview": "vite preview",
+    "prepare": "svelte-kit sync",
+    "prepack": "svelte-kit sync && svelte-package",
+    "publint": "publint .",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "format": "prettier --write .",
+    "lint": "prettier --check . && eslint .",
+    "publish": "npm publish --access public"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": false,
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "peerDependencies": {
+    "@sveltejs/kit": "^2.17.2",
+    "svelte": "^5.20.2"
+  },
+  "devDependencies": {
+    "@eslint/compat": "^1.2.7",
+    "@eslint/js": "^9.21.0",
+    "@sveltejs/adapter-static": "^3.0.8",
+    "@sveltejs/kit": "^2.17.2",
+    "@sveltejs/package": "^2.3.10",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-svelte": "^2.46.1",
+    "eslint": "^9.21.0",
+    "globals": "^16.0.0",
+    "prettier-plugin-svelte": "^3.3.3",
+    "prettier": "^3.5.2",
+    "publint": "^0.3.6",
+    "svelte-check": "^4.1.4",
+    "svelte": "^5.20.2",
+    "typescript-eslint": "^8.24.1",
+    "typescript": "^5.7.3",
+    "vite": "^6.1.1"
+  }
+}