@mgdis/mg-components 5.21.1 → 5.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgdis/mg-components",
-  "version": "5.21.1",
+  "version": "5.23.0",
   "description": "MG Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -23,46 +23,47 @@
     "outputName": "junit.xml"
   },
   "dependencies": {
-    "@popperjs/core": "^2.11.8",
-    "@stencil/core": "4.9.0",
+    "@popperjs/core": "2.11.8",
+    "@stencil/core": "4.11.0",
     "@mgdis/img": "1.6.0",
-    "@mgdis/styles": "1.0.2"
+    "@mgdis/stencil-helpers": "1.0.0",
+    "@mgdis/styles": "1.1.0"
   },
   "devDependencies": {
-    "@playwright/test": "1.40.1",
-    "@pxtrn/storybook-addon-docs-stencil": "^6.4.1",
-    "@storybook/addon-a11y": "^7.5.3",
-    "@storybook/addon-actions": "^7.5.3",
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addon-interactions": "^7.5.3",
-    "@storybook/addon-links": "^7.5.3",
-    "@storybook/addon-mdx-gfm": "^7.5.3",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/html": "^7.5.3",
-    "@storybook/html-vite": "^7.5.3",
-    "@storybook/testing-library": "^0.2.2",
-    "@types/jest": "^29.5.8",
-    "@types/node": "^20.9.0",
-    "chromatic": "^10.0.0",
-    "eslint": "^8.53.0",
-    "eslint-plugin-storybook": "^0.6.15",
-    "jest": "^29.7.0",
-    "jest-cli": "^29.7.0",
-    "jest-junit": "^16.0.0",
-    "jest-transform-stub": "^2.0.0",
-    "prettier": "^3.0.0",
-    "puppeteer": "^21.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-textarea-autosize": "^8.5.3",
-    "sass": "^1.69.5",
-    "storybook": "^7.5.3",
-    "ts-node": "^10.9.1",
+    "@playwright/test": "1.41.1",
+    "@pxtrn/storybook-addon-docs-stencil": "6.4.1",
+    "@storybook/addon-a11y": "7.6.10",
+    "@storybook/addon-actions": "7.6.10",
+    "@storybook/addon-essentials": "7.6.10",
+    "@storybook/addon-interactions": "7.6.10",
+    "@storybook/addon-links": "7.6.10",
+    "@storybook/addon-mdx-gfm": "7.6.10",
+    "@storybook/blocks": "7.6.10",
+    "@storybook/html": "7.6.10",
+    "@storybook/html-vite": "7.6.10",
+    "@storybook/testing-library": "0.2.2",
+    "@types/jest": "29.5.11",
+    "@types/node": "20.11.6",
+    "chromatic": "10.5.0",
+    "eslint": "8.56.0",
+    "eslint-plugin-storybook": "0.6.15",
+    "jest": "29.7.0",
+    "jest-cli": "29.7.0",
+    "jest-junit": "16.0.0",
+    "jest-transform-stub": "2.0.0",
+    "prettier": "3.2.4",
+    "puppeteer": "21.9.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-textarea-autosize": "8.5.3",
+    "sass": "1.70.0",
+    "storybook": "7.6.10",
+    "ts-node": "10.9.2",
     "typescript": "5.3.3",
     "@mgdis/linting-stencil": "1.1.0",
     "@mgdis/playwright-helpers": "1.0.0",
-    "tsconfig": "1.0.0",
-    "eslint-config-stencil": "1.1.1"
+    "eslint-config-stencil": "1.1.1",
+    "tsconfig": "1.0.0"
   },
   "license": "BSD-3-Clause",
   "scripts": {

package/dist/cjs/components.utils-cd908d4e.js

@@ -1,443 +0,0 @@
-'use strict';
-
-const errors$1 = {
-	required: "This field is required.",
-	date: {
-		badInput: "The date format must be <span aria-hidden=\"true\">mm/dd/yyyy</span><span class=\"mg-u-visually-hidden\">m m / d d / y y y y</span> and the date must be greater than {min}",
-		min: "The date cannot be earlier than {min}",
-		max: "The date cannot be later than {max}",
-		minMax: "The date must be between {min} and {max}"
-	},
-	numeric: {
-		min: "The value cannot be less than {min}",
-		max: "The value cannot be greater than {max}",
-		minMax: "The value must be between {min} et {max}"
-	}
-};
-const nbCharLeft$1 = "{counter} characters left.";
-const input$1 = {
-	select: {
-		placeholder: "Select a value"
-	},
-	checkbox: {
-		selectedValues: "{nb} selected values",
-		selectedValue: "{nb} selected value",
-		editButton: "Edit",
-		selectButton: "Select values",
-		showButton: "Show",
-		label: "Enter a value",
-		result: "result",
-		results: "results",
-		searchResults: "Search result(s) list.",
-		noResult: "No result.",
-		sections: {
-			selected: {
-				title: "Selected",
-				titlePlurial: "Selected",
-				action: "Unselect all"
-			},
-			notSelected: {
-				title: "Not selected",
-				titlePlurial: "Not selected",
-				action: "Select all"
-			}
-		}
-	}
-};
-const form$1 = {
-	required: "Fields with a <strong class=\"mg-u-is-asterisk\">*</strong> are required",
-	requiredSingle: "Field with a <strong class=\"mg-u-is-asterisk\">*</strong> is required",
-	allRequired: "All fields are required",
-	allRequiredSingle: "The field is required"
-};
-const message$1 = {
-	closeButton: "Close message"
-};
-const modal$1 = {
-	closeButton: "Close modal"
-};
-const pagination$1 = {
-	label: "Pagination",
-	page: "page",
-	pages: "pages",
-	nextPage: "Next page",
-	previousPage: "Previous page",
-	selectPage: "Select the page to display."
-};
-const panel$1 = {
-	editLabel: "Edit section title."
-};
-const skipLinks$1 = {
-	navLabel: "Quick access"
-};
-const general$1 = {
-	confirm: "Confirm",
-	cancel: "Cancel",
-	close: "Close",
-	next: "next",
-	previous: "previous"
-};
-const plusMenu$1 = {
-	moreLabel: "Additional menu",
-	badgeLabel: "Include notification(s)"
-};
-const actionMore$1 = {
-	label: "Actions"
-};
-const en = {
-	errors: errors$1,
-	nbCharLeft: nbCharLeft$1,
-	input: input$1,
-	form: form$1,
-	message: message$1,
-	modal: modal$1,
-	pagination: pagination$1,
-	panel: panel$1,
-	skipLinks: skipLinks$1,
-	general: general$1,
-	plusMenu: plusMenu$1,
-	actionMore: actionMore$1
-};
-
-const errors = {
-	required: "Ce champ est obligatoire.",
-	date: {
-		badInput: "Le format de la date doit être du type <span aria-hidden=\"true\">jj/mm/aaaa</span><span class=\"mg-u-visually-hidden\">j j / m m / a a a a</span> et la date supérieure au {min}",
-		min: "La date ne peut pas être antérieure au {min}",
-		max: "La date ne peut pas être postérieure au {max}",
-		minMax: "La date doit être comprise entre le {min} et le {max}"
-	},
-	numeric: {
-		min: "La valeur ne peut pas être inférieure à {min}",
-		max: "La valeur ne peut pas être supérieure à {max}",
-		minMax: "La valeur doit être comprise entre {min} et {max}"
-	}
-};
-const nbCharLeft = "{counter} caractères disponibles.";
-const input = {
-	select: {
-		placeholder: "Sélectionnez une valeur"
-	},
-	checkbox: {
-		selectedValues: "{nb} valeurs selectionnées",
-		selectedValue: "{nb} valeur selectionnée",
-		editButton: "Modifier",
-		selectButton: "Sélectionner des valeurs",
-		showButton: "Voir",
-		label: "Saisissez une valeur",
-		result: "résultat",
-		results: "résultats",
-		searchResults: "List de résultat(s) de la recherche.",
-		noResult: "Aucun résultat.",
-		sections: {
-			selected: {
-				title: "Sélectionné",
-				titlePlurial: "Sélectionnés",
-				action: "Tout désélectionner"
-			},
-			notSelected: {
-				title: "Non sélectionné",
-				titlePlurial: "Non sélectionnés",
-				action: "Tout sélectionner"
-			}
-		}
-	}
-};
-const form = {
-	required: "Les champs marqués d'un <strong class=\"mg-u-is-asterisk\">*</strong> sont obligatoires",
-	requiredSingle: "Le champ marqué d'un <strong class=\"mg-u-is-asterisk\">*</strong> est obligatoire",
-	allRequired: "Tous les champs sont obligatoires",
-	allRequiredSingle: "Le champ est obligatoire"
-};
-const message = {
-	closeButton: "Fermer le message"
-};
-const modal = {
-	closeButton: "Fermer la modale"
-};
-const pagination = {
-	label: "Pagination",
-	page: "page",
-	pages: "pages",
-	nextPage: "Page suivante",
-	previousPage: "Page précédente",
-	selectPage: "Sélectionner la page à afficher."
-};
-const panel = {
-	editLabel: "Modifier le titre de la section."
-};
-const skipLinks = {
-	navLabel: "Accès rapide"
-};
-const general = {
-	confirm: "Valider",
-	cancel: "Annuler",
-	close: "Fermer",
-	next: "suivant",
-	previous: "précédent"
-};
-const plusMenu = {
-	moreLabel: "Menu complémentaire",
-	badgeLabel: "Notification(s) incluse(s)"
-};
-const actionMore = {
-	label: "Actions"
-};
-const fr = {
-	errors: errors,
-	nbCharLeft: nbCharLeft,
-	input: input,
-	form: form,
-	message: message,
-	modal: modal,
-	pagination: pagination,
-	panel: panel,
-	skipLinks: skipLinks,
-	general: general,
-	plusMenu: plusMenu,
-	actionMore: actionMore
-};
-
-/**
- * Format number to the locale currency
- * @param number - number to format
- * @param locale - locale to apply
- * @param currency - currency to apply
- * @returns formatted currency
- */
-const localeCurrency = (number, locale, currency) => {
-    return new Intl.NumberFormat(locale, { style: 'currency', currency }).format(number);
-};
-/**
- * Format number to locale
- * @param number - number to format
- * @param locale - locale to apply
- * @returns formatted number
- */
-const localeNumber = (number, locale) => {
-    return new Intl.NumberFormat(locale).format(number);
-};
-/**
- * Date RegExp
- */
-const dateRegExp = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/;
-/**
- * Locale date format
- * @param date - date to format
- * @param locale - locale to apply
- * @returns formatted date
- */
-const localeDate = (date, locale) => {
-    if (typeof date !== 'string' || date === '' || !dateRegExp.test(date)) {
-        return '';
-    }
-    return new Intl.DateTimeFormat(locale).format(new Date(date));
-};
-/**
- * Get locale and messages
- * We load the defined locale but for now we only support the first subtag for messages
- * @param element - element we need to get the language
- * @param messages - messages to use
- * @param defaultLocale - default messages locale
- * @returns messages object
- */
-const getLocaleMessages = (element, messages, defaultLocale) => {
-    // Get local
-    const closestLangAttribute = element.closest('[lang]');
-    const closestLang = Intl.NumberFormat.supportedLocalesOf(closestLangAttribute === null || closestLangAttribute === void 0 ? void 0 : closestLangAttribute.lang);
-    const locale = closestLang.length > 0 ? closestLang[0] : navigator.language || defaultLocale;
-    // Only keep first subtag
-    const localeSubtag = locale.split('-').shift();
-    // Return
-    return {
-        locale,
-        messages: messages[localeSubtag] || messages[defaultLocale],
-    };
-};
-
-const defaultLocale = 'en';
-const messages = { en, fr };
-/**
- * Get Intl object
- * @param element - element we need to get the language
- * @returns messages object
- */
-const initLocales = (element) => getLocaleMessages(element, messages, defaultLocale);
-
-/**
- * Menu direction type
- */
-exports.Direction = void 0;
-(function (Direction) {
-    Direction["VERTICAL"] = "vertical";
-    Direction["HORIZONTAL"] = "horizontal";
-})(exports.Direction || (exports.Direction = {}));
-/**
- * List of all possibles sizes
- */
-const sizes = ['regular', 'medium', 'large'];
-
-/**
- * Create random ID
- * @param prefix - add prefix to created ID
- * @param length - ID length
- * @returns ID
- */
-const createID = (prefix = '', length = 10) => {
-    const randomBytes = new Uint8Array(length);
-    crypto.getRandomValues(randomBytes);
-    const hexString = Array.from(randomBytes)
-        .map(byte => byte.toString(16).padStart(2, '0'))
-        .join('')
-        .slice(0, length);
-    return prefix !== '' ? `${prefix}-${hexString}` : hexString;
-};
-/**
- * Class to manage component classlist
- * Set() are not working when imported in project
- */
-class ClassList {
-    constructor(classlist = []) {
-        /**
-         * Add class
-         * @param className - class name to add
-         */
-        this.add = (className) => {
-            if (!this.has(className)) {
-                this.classes.push(className);
-            }
-        };
-        /**
-         * Delete class
-         * @param className - class name to delete
-         */
-        this.delete = (className) => {
-            const index = this.classes.indexOf(className);
-            if (index > -1) {
-                this.classes.splice(index, 1);
-            }
-        };
-        /**
-         * Check if class exist in list
-         * @param className - class name to check
-         * @returns class name is in the list
-         */
-        this.has = (className) => {
-            return this.classes.includes(className);
-        };
-        /**
-         * Join classes seperated by spaces
-         * @returns joined values
-         */
-        this.join = () => {
-            return this.classes.join(' ');
-        };
-        this.classes = classlist;
-    }
-}
-/**
- * Check if all items are string
- * @param items - items to check
- * @returns all items are string
- */
-const allItemsAreString = (items) => Array.isArray(items) && items.every(item => typeof item === 'string');
-/**
- * Check if element is a heading
- * @param element - slotted element
- * @param tagNames - allowed tag names list
- * @returns element is a heading
- */
-const isTagName = (element, tagNames) => {
-    return tagNames.includes(element === null || element === void 0 ? void 0 : element.tagName.toLowerCase());
-};
-/**
- * Focusable elements query selector
- */
-const focusableElements = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier]';
-/**
- * Get windows
- * @param localWindow - the window we are lookink for other windows
- * @returns The list of windows found
- */
-const getWindows = (localWindow) => {
-    const parentWindows = getParentWindows(localWindow);
-    const childWindows = getChildWindows(localWindow);
-    return [localWindow, ...parentWindows, ...childWindows];
-};
-/**
- * Get parent windows
- * @param localWindow - the window we are lookink for parents
- * @param windows - The list of allready found windows
- * @returns The list of windows found
- */
-const getParentWindows = (localWindow, windows = []) => {
-    // Check if is in iframe
-    if (localWindow.self !== localWindow.top) {
-        // Check if we have permission to access parent
-        try {
-            const parentWindow = localWindow.parent;
-            windows.push(parentWindow);
-            return getParentWindows(parentWindow, windows);
-        }
-        catch (err) {
-            console.error('Different hosts between iframes:', err);
-            return windows;
-        }
-    }
-    return windows;
-};
-/**
- * Get child windows
- * @param localWindow - the window we are lookink for children
- * @param windows - The list of allready found windows
- * @returns The list of windows found
- */
-const getChildWindows = (localWindow, windows = []) => {
-    if (localWindow.frames.length > 0) {
-        for (const childWindow of Array.from(localWindow.frames)) {
-            windows.push(childWindow);
-            getChildWindows(childWindow, windows);
-        }
-    }
-    return windows;
-};
-/**
- * Validate string
- * @param value - value to check
- * @returns if string is valid
- */
-const isValidString = (value) => typeof value === 'string' && value.trim() !== '';
-/**
- * Clean string caraters
- * @param text - text to cliean
- * @returns cleanded string
- */
-const cleanString = (text) => typeof text === 'string' &&
-    text
-        .toLocaleLowerCase()
-        .normalize('NFD')
-        .replaceAll(/[\u0300-\u036f]/g, '');
-/**
- * Use to process code next tick in the event loop
- * @param callback - code to excute on next tick
- * @returns differed code excution
- */
-const nextTick = async (callback) => callback();
-
-exports.ClassList = ClassList;
-exports.allItemsAreString = allItemsAreString;
-exports.cleanString = cleanString;
-exports.createID = createID;
-exports.dateRegExp = dateRegExp;
-exports.focusableElements = focusableElements;
-exports.getWindows = getWindows;
-exports.initLocales = initLocales;
-exports.isTagName = isTagName;
-exports.isValidString = isValidString;
-exports.localeCurrency = localeCurrency;
-exports.localeDate = localeDate;
-exports.localeNumber = localeNumber;
-exports.nextTick = nextTick;
-exports.sizes = sizes;
-
-//# sourceMappingURL=components.utils-cd908d4e.js.map

package/dist/cjs/components.utils-cd908d4e.js.map

@@ -1 +0,0 @@
-{"file":"components.utils-cd908d4e.js","mappings":"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","names":["Direction"],"sources":["src/utils/locale.utils.ts","src/locales/index.ts","src/components/molecules/menu/mg-menu/mg-menu.conf.ts","src/utils/components.utils.ts"],"sourcesContent":["/**\n * Format number to the locale currency\n * @param number - number to format\n * @param locale - locale to apply\n * @param currency - currency to apply\n * @returns formatted currency\n */\nexport const localeCurrency = (number: number, locale: string, currency: string): string => {\n  return new Intl.NumberFormat(locale, { style: 'currency', currency }).format(number);\n};\n\n/**\n * Format number to locale\n * @param number - number to format\n * @param locale - locale to apply\n * @returns formatted number\n */\nexport const localeNumber = (number: number, locale: string): string => {\n  return new Intl.NumberFormat(locale).format(number);\n};\n\n/**\n * Date RegExp\n */\nexport const dateRegExp = /^\\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$/;\n\n/**\n * Locale date format\n * @param date - date to format\n * @param locale - locale to apply\n * @returns formatted date\n */\nexport const localeDate = (date: string, locale: string): string => {\n  if (typeof date !== 'string' || date === '' || !dateRegExp.test(date)) {\n    return '';\n  }\n  return new Intl.DateTimeFormat(locale).format(new Date(date));\n};\n\n/**\n * Get locale and messages\n * We load the defined locale but for now we only support the first subtag for messages\n * @param element - element we need to get the language\n * @param messages - messages to use\n * @param defaultLocale - default messages locale\n * @returns messages object\n */\nexport const getLocaleMessages = (element: HTMLElement, messages: unknown, defaultLocale: string): { locale: string; messages: Record<string, unknown> } => {\n  // Get local\n  const closestLangAttribute: HTMLElement = element.closest('[lang]');\n  const closestLang: string[] = Intl.NumberFormat.supportedLocalesOf(closestLangAttribute?.lang);\n  const locale = closestLang.length > 0 ? closestLang[0] : navigator.language || defaultLocale;\n  // Only keep first subtag\n  const localeSubtag = locale.split('-').shift();\n  // Return\n  return {\n    locale,\n    messages: messages[localeSubtag] || messages[defaultLocale],\n  };\n};\n","import en from './en/messages.json';\nimport fr from './fr/messages.json';\nimport { getLocaleMessages } from '../utils/locale.utils';\n\nconst defaultLocale = 'en';\nconst messages = { en, fr };\n\n/**\n * Get Intl object\n * @param element - element we need to get the language\n * @returns messages object\n */\nexport const initLocales = (element: HTMLElement): { locale: string; messages: Record<string, unknown> } => getLocaleMessages(element, messages, defaultLocale);\n","import { MgItemMore } from '../../mg-item-more/mg-item-more';\n\n/**\n * Menu direction type\n */\nexport enum Direction {\n  VERTICAL = 'vertical',\n  HORIZONTAL = 'horizontal',\n}\n\n/**\n * ItemMore prop type\n */\nexport type ItemMoreType = Pick<MgItemMore, 'icon' | 'slotlabel' | 'size'>;\n\n/**\n * List of all possibles sizes\n */\nexport const sizes = ['regular', 'medium', 'large'] as const;\n\n/**\n * item Size from sizes\n */\nexport type MenuSizeType = (typeof sizes)[number];\n","/**\n * Create random ID\n * @param prefix - add prefix to created ID\n * @param length - ID length\n * @returns ID\n */\nexport const createID = (prefix = '', length = 10): string => {\n  const randomBytes = new Uint8Array(length);\n\n  crypto.getRandomValues(randomBytes);\n\n  const hexString = Array.from(randomBytes)\n    .map(byte => byte.toString(16).padStart(2, '0'))\n    .join('')\n    .slice(0, length);\n\n  return prefix !== '' ? `${prefix}-${hexString}` : hexString;\n};\n\n/**\n * Class to manage component classlist\n * Set() are not working when imported in project\n */\nexport class ClassList {\n  /**\n   * Available classes\n   */\n  classes: string[];\n\n  constructor(classlist: string[] = []) {\n    this.classes = classlist;\n  }\n\n  /**\n   * Add class\n   * @param className - class name to add\n   */\n  add = (className: string): void => {\n    if (!this.has(className)) {\n      this.classes.push(className);\n    }\n  };\n\n  /**\n   * Delete class\n   * @param className - class name to delete\n   */\n  delete = (className: string): void => {\n    const index = this.classes.indexOf(className);\n    if (index > -1) {\n      this.classes.splice(index, 1);\n    }\n  };\n\n  /**\n   * Check if class exist in list\n   * @param className - class name to check\n   * @returns class name is in the list\n   */\n  has = (className: string): boolean => {\n    return this.classes.includes(className);\n  };\n\n  /**\n   * Join classes seperated by spaces\n   * @returns joined values\n   */\n  join = (): string => {\n    return this.classes.join(' ');\n  };\n}\n\n/**\n * Check if all items are string\n * @param items - items to check\n * @returns all items are string\n */\nexport const allItemsAreString = (items: unknown): items is string[] => Array.isArray(items) && items.every(item => typeof item === 'string');\n\n/**\n * Check if element is a heading\n * @param element - slotted element\n * @param tagNames - allowed tag names list\n * @returns element is a heading\n */\nexport const isTagName = (element: Element, tagNames: string[]): boolean => {\n  return tagNames.includes(element?.tagName.toLowerCase());\n};\n\n/**\n * Focusable elements query selector\n */\nexport const focusableElements = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"]), [identifier]';\n\n/**\n * Get windows\n * @param localWindow - the window we are lookink for other windows\n * @returns The list of windows found\n */\nexport const getWindows = (localWindow: Window): Window[] => {\n  const parentWindows = getParentWindows(localWindow);\n  const childWindows = getChildWindows(localWindow);\n  return [localWindow, ...parentWindows, ...childWindows];\n};\n\n/**\n * Get parent windows\n * @param localWindow - the window we are lookink for parents\n * @param windows - The list of allready found windows\n * @returns The list of windows found\n */\nexport const getParentWindows = (localWindow: Window, windows: Window[] = []): Window[] => {\n  // Check if is in iframe\n  if (localWindow.self !== localWindow.top) {\n    // Check if we have permission to access parent\n    try {\n      const parentWindow: Window = localWindow.parent;\n      windows.push(parentWindow);\n      return getParentWindows(parentWindow, windows);\n    } catch (err) {\n      console.error('Different hosts between iframes:', err);\n      return windows;\n    }\n  }\n  return windows;\n};\n\n/**\n * Get child windows\n * @param localWindow - the window we are lookink for children\n * @param windows - The list of allready found windows\n * @returns The list of windows found\n */\nconst getChildWindows = (localWindow: Window, windows: Window[] = []): Window[] => {\n  if (localWindow.frames.length > 0) {\n    for (const childWindow of Array.from(localWindow.frames)) {\n      windows.push(childWindow);\n      getChildWindows(childWindow, windows);\n    }\n  }\n  return windows;\n};\n\n/**\n * Validate string\n * @param value - value to check\n * @returns if string is valid\n */\nexport const isValidString = (value: unknown): boolean => typeof value === 'string' && value.trim() !== '';\n\n/**\n * Clean string caraters\n * @param text - text to cliean\n * @returns cleanded string\n */\nexport const cleanString = (text: string): string =>\n  typeof text === 'string' &&\n  text\n    .toLocaleLowerCase()\n    .normalize('NFD')\n    .replaceAll(/[\\u0300-\\u036f]/g, '');\n\n/**\n * Use to process code next tick in the event loop\n * @param callback - code to excute on next tick\n * @returns differed code excution\n */\nexport const nextTick = async (callback: () => void): Promise<void> => callback();\n"],"version":3}