@e1011/es-kit 1.1.86 → 1.2.1

package/dist/types/src/core/hooks/useThemePreference.d.ts

@@ -1,48 +1,7 @@
-/**
- * Observes the user's theme preference and applies the appropriate theme.
- * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.
- * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.
- * @returns {() => void} Function to stop observing the theme preference.
- */
-export declare const observeThemePreference: (getHtmlElement?: () => HTMLElement, switchCallback?: (isDark: boolean) => void) => () => void;
 /**
  * Custom hook to use theme preference in a React component.
  * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.
  * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.
  */
 export declare const useThemePreference: (getHtmlElement?: () => HTMLElement, switchCallback?: (isDark: boolean) => void) => void;
-/**
- * Type definition for theme map.
- * @typedef {Object} ThemeMap
- * @property {string} dark - CSS class for the dark theme.
- * @property {string} light - CSS class for the light theme.
- */
-type ThemeMap = {
-    dark: string;
-    light: string;
-};
-/**
- * Gets the base themes.
- * @returns {ThemeMap} The current base themes.
- */
-export declare const getBaseThemes: () => ThemeMap;
-/**
- * Sets the base theme class names.
- * @param {ThemeMap} themes - Object containing the CSS classes for dark and light themes.
- */
-export declare const setThemeClassNames: (themes: ThemeMap) => void;
-/**
- * Switches the color theme of the document.
- * @param {boolean} isDark - Flag to determine if the dark theme should be applied.
- * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.
- * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.
- */
-export declare const switchColorTheme: (isDark: boolean, htmlElement?: HTMLElement, findShadows?: boolean) => void;
-/**
- * Updates the color theme of the document.
- * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.
- * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.
- */
-export declare const updateColorTheme: (isDark?: boolean, htmlElement?: HTMLElement) => void;
-export {};
 //# sourceMappingURL=useThemePreference.d.ts.map

package/dist/types/src/core/hooks/useThemePreference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThemePreference.d.ts","sourceRoot":"","sources":["../../../../../src/core/hooks/useThemePreference.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,oBACjB,MAAM,WAAW,mBACjB,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,KACxC,MAAM,IA6CR,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,oBACb,MAAM,WAAW,mBACjB,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,KACxC,IAEF,CAAA;AAED;;;;;GAKG;AACH,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAOD;;;GAGG;AACH,eAAO,MAAM,aAAa,QAAO,QAAsB,CAAA;AAEvD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,WAAY,QAAQ,KAAG,IAErD,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,WAAY,OAAO,gBAAgB,WAAW,4BAAuB,IAmCjG,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,YAAa,OAAO,gBAAgB,WAAW,KAAG,IAO9E,CAAA"}
+{"version":3,"file":"useThemePreference.d.ts","sourceRoot":"","sources":["../../../../../src/core/hooks/useThemePreference.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,oBACb,MAAM,WAAW,mBACjB,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,KACxC,IAKF,CAAA"}

package/dist/types/src/core/utils/helpers/ui.d.ts

@@ -24,5 +24,50 @@ export type NoopEvent = {
     stopImmediatePropagation?: () => void;
 } | Event;
 export declare const noop: (event?: NoopEvent) => void;
+/**
+ * Type definition for theme map.
+ * @typedef {Object} ThemeMap
+ * @property {string} dark - CSS class for the dark theme.
+ * @property {string} light - CSS class for the light theme.
+ */
+export type ThemeMap = {
+    dark: string;
+    light: string;
+};
+/**
+ * Reads the theme config stored on the given element.
+ * Falls back to defaultThemes when no config has been set.
+ * Scoping to the element means different microfrontends (different roots) are isolated,
+ * while all bundles targeting the same element share one config.
+ * @param {HTMLElement} [element] - The element to read from. Defaults to document.body.
+ * @returns {ThemeMap} The current base themes for the element.
+ */
+export declare const getBaseThemes: (element?: HTMLElement) => ThemeMap;
+/**
+ * Sets the base theme class names on the given element.
+ * @param {ThemeMap} themes - CSS classes for dark and light themes.
+ * @param {HTMLElement} [element] - The element to store config on. Defaults to document.body.
+ */
+export declare const setThemeClassNames: (themes: ThemeMap, element?: HTMLElement) => void;
+/**
+ * Switches the color theme of the document.
+ * @param {boolean} isDark - Flag to determine if the dark theme should be applied.
+ * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.
+ * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.
+ */
+export declare const switchColorTheme: (isDark: boolean, htmlElement?: HTMLElement, findShadows?: boolean) => void;
+/**
+ * Updates the color theme of the document.
+ * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.
+ * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.
+ */
+export declare const updateColorTheme: (isDark?: boolean, htmlElement?: HTMLElement) => void;
+/**
+ * Observes the user's theme preference and applies the appropriate theme.
+ * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.
+ * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.
+ * @returns {() => void} Function to stop observing the theme preference.
+ */
+export declare const observeThemePreference: (getHtmlElement?: () => HTMLElement, switchCallback?: (isDark: boolean) => void) => () => void;
 export {};
 //# sourceMappingURL=ui.d.ts.map

package/dist/types/src/core/utils/helpers/ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../../../../src/core/utils/helpers/ui.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,QACnB,MAAM,SAAS,OAAO,KAAG,OAAO,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CAQnF,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAA;AAC5D,eAAO,MAAM,UAAU,eAAgB,UAAU,EAAE,KAAG,MAE1B,CAAA;AAG5B,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAE,mBAY1D,CAAA;AAID,KAAK,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,CAAA;AAC3G,KAAK,UAAU,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;CAAE,GAAG,mBAAmB,CAAA;AAE9F,eAAO,MAAM,UAAU,EAAE,UA6BxB,CAAA;AAED,KAAK,YAAY,GAAG;IAAE,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;CAAE,GACvD,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;AAE/D,eAAO,MAAM,WAAW,EAAE,YAgBzB,CAAA;AAID,MAAM,MAAM,SAAS,GAAG;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAA;CACtC,GAAG,KAAK,CAAA;AAET,eAAO,MAAM,IAAI,WAAY,SAAS,KAAG,IAIxC,CAAA"}
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../../../../src/core/utils/helpers/ui.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,QACnB,MAAM,SAAS,OAAO,KAAG,OAAO,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CAQnF,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAA;AAC5D,eAAO,MAAM,UAAU,eAAgB,UAAU,EAAE,KAAG,MAE1B,CAAA;AAG5B,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAE,mBAY1D,CAAA;AAID,KAAK,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,CAAA;AAC3G,KAAK,UAAU,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;CAAE,GAAG,mBAAmB,CAAA;AAE9F,eAAO,MAAM,UAAU,EAAE,UA6BxB,CAAA;AAED,KAAK,YAAY,GAAG;IAAE,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;CAAE,GACvD,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;AAE/D,eAAO,MAAM,WAAW,EAAE,YAgBzB,CAAA;AAID,MAAM,MAAM,SAAS,GAAG;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAA;CACtC,GAAG,KAAK,CAAA;AAET,eAAO,MAAM,IAAI,WAAY,SAAS,KAAG,IAIxC,CAAA;AAED;;;;;GAKG;AACH,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AASD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,aAAc,WAAW,KAAG,QAIrD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,WAAY,QAAQ,YAAY,WAAW,KAAG,IAK5E,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,WACnB,OAAO,gBAAgB,WAAW,4BACzC,IAoCF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,YAAa,OAAO,gBAAgB,WAAW,KAAG,IAQ9E,CAAA;AAID;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,oBACjB,MAAM,WAAW,mBACjB,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,KACxC,MAAM,IA6CR,CAAA"}

package/dist/ui/esm/src/core/utils/helpers/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sources":["../../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\n}\n"],"names":["classNames","_len","arguments","length","classes","Array","_key","filter","className","Boolean","join","parseProps","props","dataProps","restProps","Object","entries","forEach","_ref","key","value","substr","noop","event","_event$preventDefault","_event$stopPropagatio","_event$stopImmediateP","preventDefault","call","stopPropagation","stopImmediatePropagation"],"mappings":"iFAYaA,MAAAA,EAAa,WAAA,IAAA,IAAAC,EAAAC,UAAAC,OAAIC,EAAOC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAPF,EAAOE,GAAAJ,UAAAI,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,EAQfC,EAAcC,IACzB,MAAMC,EAAqC,CAAE,EACvCC,EAAqC,CAAE,EAS7C,OAPAC,OAAOC,QAAQJ,GAAOK,SAAQC,IAAkB,IAAhBC,EAAKC,GAAMF,EAChB,UAArBC,EAAIE,OAAO,EAAG,IAAuC,SAArBF,EAAIE,OAAO,EAAG,GAChDR,EAAUM,GAAOC,EAEjBN,EAAUK,GAAOC,CACnB,IAEK,CAAEP,YAAWC,YAAW,EAoEpBQ,EAAQC,IAA4B,IAAAC,EAAAC,EAAAC,EAC/CH,SAAqBC,QAAhBA,EAALD,EAAOI,0BAAcH,GAArBA,EAAAI,KAAAL,GACAA,SAAsBE,QAAjBA,EAALF,EAAOM,2BAAeJ,GAAtBA,EAAAG,KAAAL,GACAA,SAA+BG,QAA1BA,EAALH,EAAOO,oCAAwBJ,GAA/BA,EAAAE,KAAAL,EAAmC"}
+{"version":3,"file":"ui.js","sources":["../../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\n}\n\n/**\n * Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n */\nexport type ThemeMap = {\n  dark: string\n  light: string\n}\n\nconst THEME_PROP = '__eskit_themes__'\n\nconst defaultThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Reads the theme config stored on the given element.\n * Falls back to defaultThemes when no config has been set.\n * Scoping to the element means different microfrontends (different roots) are isolated,\n * while all bundles targeting the same element share one config.\n * @param {HTMLElement} [element] - The element to read from. Defaults to document.body.\n * @returns {ThemeMap} The current base themes for the element.\n */\nexport const getBaseThemes = (element?: HTMLElement): ThemeMap => {\n  const el = element ?? document.body\n\n  return (el as unknown as Record<string, unknown>)[THEME_PROP] as ThemeMap ?? defaultThemes\n}\n\n/**\n * Sets the base theme class names on the given element.\n * @param {ThemeMap} themes - CSS classes for dark and light themes.\n * @param {HTMLElement} [element] - The element to store config on. Defaults to document.body.\n */\nexport const setThemeClassNames = (themes: ThemeMap, element?: HTMLElement): void => {\n  const el = element ?? document.body\n  const store = el as unknown as Record<string, unknown>\n\n  store[THEME_PROP] = themes\n}\n\n/**\n * Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n */\nexport const switchColorTheme = (\n  isDark: boolean, htmlElement?: HTMLElement, findShadows = true,\n): void => {\n  const themes = getBaseThemes(htmlElement)\n  const oldClass = isDark ? themes.light : themes.dark\n  const newClass = isDark ? themes.dark : themes.light\n\n  if (htmlElement) {\n    htmlElement.classList.remove(oldClass)\n    htmlElement.classList.remove(newClass)\n    htmlElement.classList.add(newClass)\n  }\n\n  if (typeof document !== 'undefined') {\n    document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n      element.classList.add(`.${newClass}`)\n      element.classList.remove(`.${oldClass}`)\n    })\n\n    if (findShadows) {\n      document.querySelectorAll('.shadow-div').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n      })\n\n      document.querySelectorAll('esmf-wrapper').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n        const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n        if (firstChild) {\n          firstChild.classList.add(newClass)\n          firstChild.classList.remove(oldClass)\n        }\n      })\n    }\n  }\n}\n\n/**\n * Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n  const el = htmlElement || document.body\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(getBaseThemes(el).dark)\n  }\n  switchColorTheme(resolvedIsDark, el)\n}\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/**\n * Observes the user's theme preference and applies the appropriate theme.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n * @returns {() => void} Function to stop observing the theme preference.\n */\nexport const observeThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n  const switchColorThemeHandler = (isDark: boolean): void => {\n    const htmlElement = getHtmlElement()\n\n    switchColorTheme?.(isDark, htmlElement)\n    switchCallback?.(isDark)\n  }\n\n  const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(event.matches)\n  }\n\n  const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(!event.matches)\n  }\n\n  const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n  try {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  } catch (error) {\n    console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n  }\n\n  switchColorThemeHandler(isDark?.matches)\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n    windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n  )\n  window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n    windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n  )\n\n  return () => {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  }\n}\n"],"names":["classNames","_len","arguments","length","classes","Array","_key","filter","className","Boolean","join","parseProps","props","dataProps","restProps","Object","entries","forEach","_ref","key","value","substr","noop","event","_event$preventDefault","_event$stopPropagatio","_event$stopImmediateP","preventDefault","call","stopPropagation","stopImmediatePropagation"],"mappings":"iFAYaA,MAAAA,EAAa,WAAA,IAAA,IAAAC,EAAAC,UAAAC,OAAIC,EAAOC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAPF,EAAOE,GAAAJ,UAAAI,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,EAQfC,EAAcC,IACzB,MAAMC,EAAqC,CAAE,EACvCC,EAAqC,CAAE,EAS7C,OAPAC,OAAOC,QAAQJ,GAAOK,SAAQC,IAAkB,IAAhBC,EAAKC,GAAMF,EAChB,UAArBC,EAAIE,OAAO,EAAG,IAAuC,SAArBF,EAAIE,OAAO,EAAG,GAChDR,EAAUM,GAAOC,EAEjBN,EAAUK,GAAOC,CACnB,IAEK,CAAEP,YAAWC,YAAW,EAoEpBQ,EAAQC,IAA4B,IAAAC,EAAAC,EAAAC,EAC/CH,SAAqBC,QAAhBA,EAALD,EAAOI,0BAAcH,GAArBA,EAAAI,KAAAL,GACAA,SAAsBE,QAAjBA,EAALF,EAAOM,2BAAeJ,GAAtBA,EAAAG,KAAAL,GACAA,SAA+BG,QAA1BA,EAALH,EAAOO,oCAAwBJ,GAA/BA,EAAAE,KAAAL,EAAmC"}

package/dist/ui/src/core/utils/helpers/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sources":["../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\n}\n"],"names":["_len","arguments","length","classes","Array","_key","filter","className","Boolean","join","event","_event$preventDefault","_event$stopPropagatio","_event$stopImmediateP","preventDefault","call","stopPropagation","stopImmediatePropagation","props","dataProps","restProps","Object","entries","forEach","_ref","key","value","substr"],"mappings":"oHAY0B,WAAA,IAAA,IAAAA,EAAAC,UAAAC,OAAIC,EAAOC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAPF,EAAOE,GAAAJ,UAAAI,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,eAuFPC,IAA4B,IAAAC,EAAAC,EAAAC,EAC/CH,SAAqBC,QAAhBA,EAALD,EAAOI,0BAAcH,GAArBA,EAAAI,KAAAL,GACAA,SAAsBE,QAAjBA,EAALF,EAAOM,2BAAeJ,GAAtBA,EAAAG,KAAAL,GACAA,SAA+BG,QAA1BA,EAALH,EAAOO,oCAAwBJ,GAA/BA,EAAAE,KAAAL,EAAmC,qBAlFVQ,IACzB,MAAMC,EAAqC,CAAE,EACvCC,EAAqC,CAAE,EAS7C,OAPAC,OAAOC,QAAQJ,GAAOK,SAAQC,IAAkB,IAAhBC,EAAKC,GAAMF,EAChB,UAArBC,EAAIE,OAAO,EAAG,IAAuC,SAArBF,EAAIE,OAAO,EAAG,GAChDR,EAAUM,GAAOC,EAEjBN,EAAUK,GAAOC,CACnB,IAEK,CAAEP,YAAWC,YAAW"}
+{"version":3,"file":"ui.js","sources":["../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\n}\n\n/**\n * Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n */\nexport type ThemeMap = {\n  dark: string\n  light: string\n}\n\nconst THEME_PROP = '__eskit_themes__'\n\nconst defaultThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Reads the theme config stored on the given element.\n * Falls back to defaultThemes when no config has been set.\n * Scoping to the element means different microfrontends (different roots) are isolated,\n * while all bundles targeting the same element share one config.\n * @param {HTMLElement} [element] - The element to read from. Defaults to document.body.\n * @returns {ThemeMap} The current base themes for the element.\n */\nexport const getBaseThemes = (element?: HTMLElement): ThemeMap => {\n  const el = element ?? document.body\n\n  return (el as unknown as Record<string, unknown>)[THEME_PROP] as ThemeMap ?? defaultThemes\n}\n\n/**\n * Sets the base theme class names on the given element.\n * @param {ThemeMap} themes - CSS classes for dark and light themes.\n * @param {HTMLElement} [element] - The element to store config on. Defaults to document.body.\n */\nexport const setThemeClassNames = (themes: ThemeMap, element?: HTMLElement): void => {\n  const el = element ?? document.body\n  const store = el as unknown as Record<string, unknown>\n\n  store[THEME_PROP] = themes\n}\n\n/**\n * Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n */\nexport const switchColorTheme = (\n  isDark: boolean, htmlElement?: HTMLElement, findShadows = true,\n): void => {\n  const themes = getBaseThemes(htmlElement)\n  const oldClass = isDark ? themes.light : themes.dark\n  const newClass = isDark ? themes.dark : themes.light\n\n  if (htmlElement) {\n    htmlElement.classList.remove(oldClass)\n    htmlElement.classList.remove(newClass)\n    htmlElement.classList.add(newClass)\n  }\n\n  if (typeof document !== 'undefined') {\n    document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n      element.classList.add(`.${newClass}`)\n      element.classList.remove(`.${oldClass}`)\n    })\n\n    if (findShadows) {\n      document.querySelectorAll('.shadow-div').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n      })\n\n      document.querySelectorAll('esmf-wrapper').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n        const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n        if (firstChild) {\n          firstChild.classList.add(newClass)\n          firstChild.classList.remove(oldClass)\n        }\n      })\n    }\n  }\n}\n\n/**\n * Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n  const el = htmlElement || document.body\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(getBaseThemes(el).dark)\n  }\n  switchColorTheme(resolvedIsDark, el)\n}\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/**\n * Observes the user's theme preference and applies the appropriate theme.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n * @returns {() => void} Function to stop observing the theme preference.\n */\nexport const observeThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n  const switchColorThemeHandler = (isDark: boolean): void => {\n    const htmlElement = getHtmlElement()\n\n    switchColorTheme?.(isDark, htmlElement)\n    switchCallback?.(isDark)\n  }\n\n  const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(event.matches)\n  }\n\n  const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(!event.matches)\n  }\n\n  const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n  try {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  } catch (error) {\n    console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n  }\n\n  switchColorThemeHandler(isDark?.matches)\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n    windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n  )\n  window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n    windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n  )\n\n  return () => {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  }\n}\n"],"names":["_len","arguments","length","classes","Array","_key","filter","className","Boolean","join","event","_event$preventDefault","_event$stopPropagatio","_event$stopImmediateP","preventDefault","call","stopPropagation","stopImmediatePropagation","props","dataProps","restProps","Object","entries","forEach","_ref","key","value","substr"],"mappings":"oHAY0B,WAAA,IAAA,IAAAA,EAAAC,UAAAC,OAAIC,EAAOC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAPF,EAAOE,GAAAJ,UAAAI,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,eAuFPC,IAA4B,IAAAC,EAAAC,EAAAC,EAC/CH,SAAqBC,QAAhBA,EAALD,EAAOI,0BAAcH,GAArBA,EAAAI,KAAAL,GACAA,SAAsBE,QAAjBA,EAALF,EAAOM,2BAAeJ,GAAtBA,EAAAG,KAAAL,GACAA,SAA+BG,QAA1BA,EAALH,EAAOO,oCAAwBJ,GAA/BA,EAAAE,KAAAL,EAAmC,qBAlFVQ,IACzB,MAAMC,EAAqC,CAAE,EACvCC,EAAqC,CAAE,EAS7C,OAPAC,OAAOC,QAAQJ,GAAOK,SAAQC,IAAkB,IAAhBC,EAAKC,GAAMF,EAChB,UAArBC,EAAIE,OAAO,EAAG,IAAuC,SAArBF,EAAIE,OAAO,EAAG,GAChDR,EAAUM,GAAOC,EAEjBN,EAAUK,GAAOC,CACnB,IAEK,CAAEP,YAAWC,YAAW"}

package/dist/utils/esm/index.css

@@ -37,6 +37,25 @@
 .errorBoundary-module_StyledIcon__IYHiU {
   margin-right: 10px;
 }
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
 .CollapsibleContainer-module_collapsible-container__u0Jmm {
   transform-origin: 0% 0%;
   opacity: 0;
@@ -144,25 +163,6 @@
 .field-module_field__UfKm3 label {
   text-align: left;
 }
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .layoutBox-module_layout-box__ZIID8 {
   display: flex;
   position: relative;
@@ -230,101 +230,18 @@
     stroke-dashoffset: -124;
   }
 }
-:root {
-  --divider-line: #4a4b4b;
-}
-
-.popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
-  overflow: hidden !important;
-}
-
-.popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
-  white-space: nowrap !important;
-}
-
-.popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
-  text-overflow: ellipsis !important;
-}
-
-.popup-module_popup-container__PJ0oQ {
-  --popup-width: 60vw;
-  --popup-height: 50vh;
-  position: fixed;
-  width: var(--popup-width);
-  height: var(--popup-height);
-  --slideXFrom: 0;
-  --slideYFrom: 0;
-  will-change: opacity;
-  transition: opacity 300ms ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
+.flowLayout-module_flowLayout__VHpnY {
+  overflow: auto;
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
-  position: relative;
-  flex-direction: column;
-  align-items: start;
+.flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
+  display: flex;
   width: 100%;
-  height: 100%;
-  overflow-x: clip;
-  background-color: #090A0A;
-  border-radius: 4px;
-  box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
-  transition: transform 350ms ease-out;
-  will-change: transform;
-  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
-  margin-bottom: 0;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
-  cursor: pointer;
-  line-height: 1px;
-  background-color: rgba(255, 255, 255, 0);
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
-  background-color: #FDDA0D;
-  width: 9px !important;
-  height: 9px !important;
-  line-height: 1px !important;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
-  background-color: #FFEA00;
+  min-width: 0;
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
-  width: 100%;
-  height: 100%;
-  padding: 24px;
-  overflow-y: auto;
+.flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
   display: flex;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
-  overflow-y: auto;
-}
-.popup-module_popup-container__PJ0oQ[data-show] {
-  opacity: 1;
-  visibility: visible;
-  pointer-events: all;
-}
-.popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
-  transform: translateX(0) translateY(0);
-}
-.popup-module_popup-container__PJ0oQ[data-show=false] {
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-}
-.popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
-  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
-}
-
-.cui-theme-dark .popup-module_popup-container-inner__n83Cz {
-  background-color: #090A0A;
-  color: #F4F4F4;
-}
-.cui-theme-light .popup-module_popup-container-inner__n83Cz {
-  background-color: #090A0A;
-  color: #F4F4F4;
+  width: 100%;
+  min-width: 0;
 }
 :root {
   --divider-line: #4a4b4b;
@@ -444,6 +361,130 @@
   --divider-line: #4a4b4b;
 }
 
+.popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
+  overflow: hidden !important;
+}
+
+.popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
+  white-space: nowrap !important;
+}
+
+.popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
+  text-overflow: ellipsis !important;
+}
+
+.popup-module_popup-container__PJ0oQ {
+  --popup-width: 60vw;
+  --popup-height: 50vh;
+  position: fixed;
+  width: var(--popup-width);
+  height: var(--popup-height);
+  --slideXFrom: 0;
+  --slideYFrom: 0;
+  will-change: opacity;
+  transition: opacity 300ms ease-in-out;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
+  position: relative;
+  flex-direction: column;
+  align-items: start;
+  width: 100%;
+  height: 100%;
+  overflow-x: clip;
+  background-color: #090A0A;
+  border-radius: 4px;
+  box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
+  transition: transform 350ms ease-out;
+  will-change: transform;
+  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
+  margin-bottom: 0;
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
+  cursor: pointer;
+  line-height: 1px;
+  background-color: rgba(255, 255, 255, 0);
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
+  background-color: #FDDA0D;
+  width: 9px !important;
+  height: 9px !important;
+  line-height: 1px !important;
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
+  background-color: #FFEA00;
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
+  width: 100%;
+  height: 100%;
+  padding: 24px;
+  overflow-y: auto;
+  display: flex;
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
+  overflow-y: auto;
+}
+.popup-module_popup-container__PJ0oQ[data-show] {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: all;
+}
+.popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
+  transform: translateX(0) translateY(0);
+}
+.popup-module_popup-container__PJ0oQ[data-show=false] {
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+.popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
+  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
+}
+
+.cui-theme-dark .popup-module_popup-container-inner__n83Cz {
+  background-color: #090A0A;
+  color: #F4F4F4;
+}
+.cui-theme-light .popup-module_popup-container-inner__n83Cz {
+  background-color: #090A0A;
+  color: #F4F4F4;
+}
+.textAndContent-module_textAndContent__X5P1n {
+  align-items: baseline;
+  flex-shrink: 1;
+  gap: 8px;
+}
+.popup-overlay-module_popup-modal-overlay__dlJqM {
+  z-index: 1;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background: rgba(40, 80, 120, 0.8) !important;
+  pointer-events: all;
+  user-select: none;
+  will-change: opacity;
+  transition: opacity 450ms ease-in-out;
+  opacity: 0;
+  visibility: hidden;
+}
+.popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
+  opacity: 1;
+  visibility: visible;
+}
+.popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
+  opacity: 0;
+  visibility: hidden;
+}
+:root {
+  --divider-line: #4a4b4b;
+}
+
 .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
   overflow: hidden !important;
 }
@@ -570,42 +611,6 @@
 .cui-theme-light .button-module_button__NDMQS {
   color: #090A0A;
 }
-.flowLayout-module_flowLayout__VHpnY {
-  overflow: auto;
-}
-.flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-}
-.flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-}
-.popup-overlay-module_popup-modal-overlay__dlJqM {
-  z-index: 1;
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background: rgba(40, 80, 120, 0.8) !important;
-  pointer-events: all;
-  user-select: none;
-  will-change: opacity;
-  transition: opacity 450ms ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-}
-.popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
-  opacity: 1;
-  visibility: visible;
-}
-.popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
-  opacity: 0;
-  visibility: hidden;
-}
 :root {
   --divider-line: #4a4b4b;
 }
@@ -770,11 +775,6 @@
   border-color: #FD8F3E;
   color: #632E03;
 }
-.textAndContent-module_textAndContent__X5P1n {
-  align-items: baseline;
-  flex-shrink: 1;
-  gap: 8px;
-}
 :root {
   --divider-line: #4a4b4b;
 }

package/dist/utils/esm/src/core/utils/helpers/ui.js

@@ -1,2 +1,2 @@
-import"../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";const t=(t,n)=>n instanceof Map?{dataType:"Map",value:Array.from(n.entries())}:n,n=function(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return n.filter((t=>"string"==typeof t&&null!=t)).filter(Boolean).join(" ")},e=t=>{const n={},e={};return Object.entries(t).forEach((t=>{let[o,l]=t;"data-"===o.substr(0,5)||"data"===o.substr(0,4)?n[o]=l:e[o]=l})),{dataProps:n,restProps:e}},o=function(t){var n;let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;var a;if(o.tokens=o.tokens||{},null!=l)return o.tokens[t]=l,"".concat(t).concat(null==o||null===(a=o.tokens)||void 0===a?void 0:a[t]);const r=void 0===(null==o?void 0:o.tokens[t])||null===(null==o?void 0:o.tokens[t]);return o.tokens[t]=o.tokens[t]||0,r?"".concat(t,0):e?(o.tokens[t]+=1,"".concat(t).concat(null==o||null===(i=o.tokens)||void 0===i?void 0:i[t])):"".concat(t).concat(null==o||null===(n=o.tokens)||void 0===n?void 0:n[t]);var i},l=function(t){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"_top",e=arguments.length>2&&void 0!==arguments[2]&&arguments[2];l.aElement=l.aElement||document.createElement("a");const{aElement:o}=l;return o.setAttribute("href",t),o.setAttribute("target",n),o.dataset.date="".concat(Date.now()),o.click(),e&&(o.remove(),l.aElement=null),o},a=t=>{var n,e,o;null==t||null===(n=t.preventDefault)||void 0===n||n.call(t),null==t||null===(e=t.stopPropagation)||void 0===e||e.call(t),null==t||null===(o=t.stopImmediatePropagation)||void 0===o||o.call(t)};export{l as anchorClick,n as classNames,o as generateId,t as mapSerReplacer,a as noop,e as parseProps};
+import"../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";const e=(e,t)=>t instanceof Map?{dataType:"Map",value:Array.from(t.entries())}:t,t=function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return t.filter((e=>"string"==typeof e&&null!=e)).filter(Boolean).join(" ")},o=e=>{const t={},o={};return Object.entries(e).forEach((e=>{let[n,l]=e;"data-"===n.substr(0,5)||"data"===n.substr(0,4)?t[n]=l:o[n]=l})),{dataProps:t,restProps:o}},n=function(e){var t;let o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;var r;if(n.tokens=n.tokens||{},null!=l)return n.tokens[e]=l,"".concat(e).concat(null==n||null===(r=n.tokens)||void 0===r?void 0:r[e]);const a=void 0===(null==n?void 0:n.tokens[e])||null===(null==n?void 0:n.tokens[e]);return n.tokens[e]=n.tokens[e]||0,a?"".concat(e,0):o?(n.tokens[e]+=1,"".concat(e).concat(null==n||null===(c=n.tokens)||void 0===c?void 0:c[e])):"".concat(e).concat(null==n||null===(t=n.tokens)||void 0===t?void 0:t[e]);var c},l=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"_top",o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];l.aElement=l.aElement||document.createElement("a");const{aElement:n}=l;return n.setAttribute("href",e),n.setAttribute("target",t),n.dataset.date="".concat(Date.now()),n.click(),o&&(n.remove(),l.aElement=null),n},r=e=>{var t,o,n;null==e||null===(t=e.preventDefault)||void 0===t||t.call(e),null==e||null===(o=e.stopPropagation)||void 0===o||o.call(e),null==e||null===(n=e.stopImmediatePropagation)||void 0===n||n.call(e)},a="__eskit_themes__",c={dark:"theme-dark",light:"theme-light"},s=e=>{var t;return null!==(t=(null!=e?e:document.body)[a])&&void 0!==t?t:c},d=(e,t)=>{(null!=t?t:document.body)[a]=e},i=function(e,t){let o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const n=s(t),l=e?n.light:n.dark,r=e?n.dark:n.light;t&&(t.classList.remove(l),t.classList.remove(r),t.classList.add(r)),"undefined"!=typeof document&&(document.querySelectorAll(".".concat(l)).forEach((e=>{e.classList.add(".".concat(r)),e.classList.remove(".".concat(l))})),o&&(document.querySelectorAll(".shadow-div").forEach((e=>{var t,o;null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(l)))||void 0===t||t.classList.add(r),null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(l)))||void 0===o||o.classList.remove(l)})),document.querySelectorAll("esmf-wrapper").forEach((e=>{var t,o,n;null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(l)))||void 0===t||t.classList.add(r),null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(l)))||void 0===o||o.classList.remove(l);const a=null===(n=e.shadowRoot)||void 0===n?void 0:n.childNodes[0];a&&(a.classList.add(r),a.classList.remove(l))}))))},u=(e,t)=>{const o=t||document.body;let n=e||!1;"undefined"!=typeof document&&void 0===e&&(n=document.body.classList.contains(s(o).dark)),i(n,o)},v="change",m=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;const o=o=>{const n=e();null==i||i(o,n),null==t||t(o)},n=e=>{o(e.matches)},l=e=>{o(!e.matches)},r=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(v,n),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(v,l)}catch(e){}return o(null==r?void 0:r.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(v,n),window.matchMedia("(prefers-color-scheme: light)").addEventListener(v,l),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(v,n),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(v,l)}};export{l as anchorClick,t as classNames,n as generateId,s as getBaseThemes,e as mapSerReplacer,r as noop,m as observeThemePreference,o as parseProps,d as setThemeClassNames,i as switchColorTheme,u as updateColorTheme};
 //# sourceMappingURL=ui.js.map

package/dist/utils/esm/src/core/utils/helpers/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sources":["../../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\n}\n"],"names":["mapSerReplacer","key","value","Map","dataType","Array","from","entries","classNames","_len","arguments","length","classes","_key","filter","className","Boolean","join","parseProps","props","dataProps","restProps","Object","forEach","_ref","substr","generateId","token","_generateId$tokens3","increment","undefined","forcedValue","_generateId$tokens","tokens","concat","noValue","_generateId$tokens2","anchorClick","href","target","remove","aElement","document","createElement","setAttribute","dataset","date","Date","now","click","noop","event","_event$preventDefault","_event$stopPropagatio","_event$stopImmediateP","preventDefault","call","stopPropagation","stopImmediatePropagation"],"mappings":"uFAAaA,EACXA,CAACC,EAAaC,IACVA,aAAiBC,IACZ,CACLC,SAAU,MACVF,MAAOG,MAAMC,KAAKJ,EAAMK,YAGrBL,EAIIM,EAAa,WAAA,IAAA,IAAAC,EAAAC,UAAAC,OAAIC,EAAOP,IAAAA,MAAAI,GAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAPD,EAAOC,GAAAH,UAAAG,GAAA,OAA2BD,EAC7DE,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,EAQfC,EAAcC,IACzB,MAAMC,EAAqC,CAAE,EACvCC,EAAqC,CAAE,EAS7C,OAPAC,OAAOf,QAAQY,GAAOI,SAAQC,IAAkB,IAAhBvB,EAAKC,GAAMsB,EAChB,UAArBvB,EAAIwB,OAAO,EAAG,IAAuC,SAArBxB,EAAIwB,OAAO,EAAG,GAChDL,EAAUnB,GAAOC,EAEjBmB,EAAUpB,GAAOC,CACnB,IAEK,CAAEkB,YAAWC,YAAW,EAQpBK,EAAyB,SACpCC,GAGG,IAAAC,EAAA,IAFHC,IAASnB,UAAAC,OAAA,QAAAmB,IAAApB,UAAA,KAAAA,UAAA,GACTqB,EAA+BrB,UAAAC,OAAA,QAAAmB,IAAApB,UAAA,GAAAA,UAAA,QAAGoB,EAIqB,IAAAE,EAAvD,GAFAN,EAAWO,OAASP,EAAWO,QAAU,CAAE,EAEvCF,QAEF,OADAL,EAAWO,OAAON,GAASI,EAC3BG,GAAAA,OAAUP,GAAKO,OAAGR,SAAkB,QAARM,EAAVN,EAAYO,cAAZD,IAAkBA,OAAlBA,EAAAA,EAAqBL,IAGzC,MAAMQ,OAAwCL,KAA9BJ,aAAAA,EAAAA,EAAYO,OAAON,KAAsD,QAA9BD,aAAAA,EAAAA,EAAYO,OAAON,IAI9E,OAFAD,EAAWO,OAAON,GAASD,EAAWO,OAAON,IAAU,EAEnDQ,EACF,GAAAD,OAAUP,EAAQ,GAGhBE,GAGFH,EAAWO,OAAON,IAAU,EAE5BO,GAAAA,OAAUP,GAAKO,OAAGR,SAAkB,QAARU,EAAVV,EAAYO,cAAZG,IAAkBA,OAAlBA,EAAAA,EAAqBT,KAGzCO,GAAAA,OAAUP,GAAKO,OAAGR,SAAkB,QAARE,EAAVF,EAAYO,cAAZL,IAAkBA,OAAlBA,EAAAA,EAAqBD,IARxB,IAAAS,CASjB,EAKaC,EAA4B,SAACC,GAA4E,IAA9DC,EAAM7B,UAAAC,OAAA,QAAAmB,IAAApB,UAAA,GAAAA,UAAA,GAAG,OAAQ8B,EAAM9B,UAAAC,OAAA,QAAAmB,IAAApB,UAAA,IAAAA,UAAA,GAC7E2B,EAAYI,SAAWJ,EAAYI,UAAYC,SAASC,cAAc,KAEtE,MAAMF,SAAEA,GAAaJ,EAYrB,OAVAI,EAASG,aAAa,OAAQN,GAC9BG,EAASG,aAAa,SAAUL,GAEhCE,EAASI,QAAQC,KAAIZ,GAAAA,OAAMa,KAAKC,OAChCP,EAASQ,QACLT,IACFC,EAASD,SACTH,EAAYI,SAAW,MAGlBA,CACT,EAUaS,EAAQC,IAA4B,IAAAC,EAAAC,EAAAC,EAC/CH,SAAqBC,QAAhBA,EAALD,EAAOI,0BAAcH,GAArBA,EAAAI,KAAAL,GACAA,SAAsBE,QAAjBA,EAALF,EAAOM,2BAAeJ,GAAtBA,EAAAG,KAAAL,GACAA,SAA+BG,QAA1BA,EAALH,EAAOO,oCAAwBJ,GAA/BA,EAAAE,KAAAL,EAAmC"}
+{"version":3,"file":"ui.js","sources":["../../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\n}\n\n/**\n * Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n */\nexport type ThemeMap = {\n  dark: string\n  light: string\n}\n\nconst THEME_PROP = '__eskit_themes__'\n\nconst defaultThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Reads the theme config stored on the given element.\n * Falls back to defaultThemes when no config has been set.\n * Scoping to the element means different microfrontends (different roots) are isolated,\n * while all bundles targeting the same element share one config.\n * @param {HTMLElement} [element] - The element to read from. Defaults to document.body.\n * @returns {ThemeMap} The current base themes for the element.\n */\nexport const getBaseThemes = (element?: HTMLElement): ThemeMap => {\n  const el = element ?? document.body\n\n  return (el as unknown as Record<string, unknown>)[THEME_PROP] as ThemeMap ?? defaultThemes\n}\n\n/**\n * Sets the base theme class names on the given element.\n * @param {ThemeMap} themes - CSS classes for dark and light themes.\n * @param {HTMLElement} [element] - The element to store config on. Defaults to document.body.\n */\nexport const setThemeClassNames = (themes: ThemeMap, element?: HTMLElement): void => {\n  const el = element ?? document.body\n  const store = el as unknown as Record<string, unknown>\n\n  store[THEME_PROP] = themes\n}\n\n/**\n * Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n */\nexport const switchColorTheme = (\n  isDark: boolean, htmlElement?: HTMLElement, findShadows = true,\n): void => {\n  const themes = getBaseThemes(htmlElement)\n  const oldClass = isDark ? themes.light : themes.dark\n  const newClass = isDark ? themes.dark : themes.light\n\n  if (htmlElement) {\n    htmlElement.classList.remove(oldClass)\n    htmlElement.classList.remove(newClass)\n    htmlElement.classList.add(newClass)\n  }\n\n  if (typeof document !== 'undefined') {\n    document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n      element.classList.add(`.${newClass}`)\n      element.classList.remove(`.${oldClass}`)\n    })\n\n    if (findShadows) {\n      document.querySelectorAll('.shadow-div').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n      })\n\n      document.querySelectorAll('esmf-wrapper').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n        const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n        if (firstChild) {\n          firstChild.classList.add(newClass)\n          firstChild.classList.remove(oldClass)\n        }\n      })\n    }\n  }\n}\n\n/**\n * Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n  const el = htmlElement || document.body\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(getBaseThemes(el).dark)\n  }\n  switchColorTheme(resolvedIsDark, el)\n}\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/**\n * Observes the user's theme preference and applies the appropriate theme.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n * @returns {() => void} Function to stop observing the theme preference.\n */\nexport const observeThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n  const switchColorThemeHandler = (isDark: boolean): void => {\n    const htmlElement = getHtmlElement()\n\n    switchColorTheme?.(isDark, htmlElement)\n    switchCallback?.(isDark)\n  }\n\n  const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(event.matches)\n  }\n\n  const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(!event.matches)\n  }\n\n  const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n  try {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  } catch (error) {\n    console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n  }\n\n  switchColorThemeHandler(isDark?.matches)\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n    windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n  )\n  window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n    windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n  )\n\n  return () => {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  }\n}\n"],"names":["mapSerReplacer","key","value","Map","dataType","Array","from","entries","classNames","_len","arguments","length","classes","_key","filter","className","Boolean","join","parseProps","props","dataProps","restProps","Object","forEach","_ref","substr","generateId","token","_generateId$tokens3","increment","undefined","forcedValue","_generateId$tokens","tokens","concat","noValue","_generateId$tokens2","anchorClick","href","target","remove","aElement","document","createElement","setAttribute","dataset","date","Date","now","click","noop","event","_event$preventDefault","_event$stopPropagatio","_event$stopImmediateP","preventDefault","call","stopPropagation","stopImmediatePropagation","THEME_PROP","defaultThemes","dark","light","getBaseThemes","element","_ref2","body","setThemeClassNames","themes","switchColorTheme","isDark","htmlElement","findShadows","oldClass","newClass","classList","add","querySelectorAll","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","updateColorTheme","el","resolvedIsDark","contains","windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","switchCallback","switchColorThemeHandler","changeDarkColorThemeHandler","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener"],"mappings":"uFAAaA,EACXA,CAACC,EAAaC,IACVA,aAAiBC,IACZ,CACLC,SAAU,MACVF,MAAOG,MAAMC,KAAKJ,EAAMK,YAGrBL,EAIIM,EAAa,WAAA,IAAA,IAAAC,EAAAC,UAAAC,OAAIC,EAAOP,IAAAA,MAAAI,GAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAPD,EAAOC,GAAAH,UAAAG,GAAA,OAA2BD,EAC7DE,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,EAQfC,EAAcC,IACzB,MAAMC,EAAqC,CAAE,EACvCC,EAAqC,CAAE,EAS7C,OAPAC,OAAOf,QAAQY,GAAOI,SAAQC,IAAkB,IAAhBvB,EAAKC,GAAMsB,EAChB,UAArBvB,EAAIwB,OAAO,EAAG,IAAuC,SAArBxB,EAAIwB,OAAO,EAAG,GAChDL,EAAUnB,GAAOC,EAEjBmB,EAAUpB,GAAOC,CACnB,IAEK,CAAEkB,YAAWC,YAAW,EAQpBK,EAAyB,SACpCC,GAGG,IAAAC,EAAA,IAFHC,IAASnB,UAAAC,OAAA,QAAAmB,IAAApB,UAAA,KAAAA,UAAA,GACTqB,EAA+BrB,UAAAC,OAAA,QAAAmB,IAAApB,UAAA,GAAAA,UAAA,QAAGoB,EAIqB,IAAAE,EAAvD,GAFAN,EAAWO,OAASP,EAAWO,QAAU,CAAE,EAEvCF,QAEF,OADAL,EAAWO,OAAON,GAASI,EAC3BG,GAAAA,OAAUP,GAAKO,OAAGR,SAAkB,QAARM,EAAVN,EAAYO,cAAZD,IAAkBA,OAAlBA,EAAAA,EAAqBL,IAGzC,MAAMQ,OAAwCL,KAA9BJ,aAAAA,EAAAA,EAAYO,OAAON,KAAsD,QAA9BD,aAAAA,EAAAA,EAAYO,OAAON,IAI9E,OAFAD,EAAWO,OAAON,GAASD,EAAWO,OAAON,IAAU,EAEnDQ,EACF,GAAAD,OAAUP,EAAQ,GAGhBE,GAGFH,EAAWO,OAAON,IAAU,EAE5BO,GAAAA,OAAUP,GAAKO,OAAGR,SAAkB,QAARU,EAAVV,EAAYO,cAAZG,IAAkBA,OAAlBA,EAAAA,EAAqBT,KAGzCO,GAAAA,OAAUP,GAAKO,OAAGR,SAAkB,QAARE,EAAVF,EAAYO,cAAZL,IAAkBA,OAAlBA,EAAAA,EAAqBD,IARxB,IAAAS,CASjB,EAKaC,EAA4B,SAACC,GAA4E,IAA9DC,EAAM7B,UAAAC,OAAA,QAAAmB,IAAApB,UAAA,GAAAA,UAAA,GAAG,OAAQ8B,EAAM9B,UAAAC,OAAA,QAAAmB,IAAApB,UAAA,IAAAA,UAAA,GAC7E2B,EAAYI,SAAWJ,EAAYI,UAAYC,SAASC,cAAc,KAEtE,MAAMF,SAAEA,GAAaJ,EAYrB,OAVAI,EAASG,aAAa,OAAQN,GAC9BG,EAASG,aAAa,SAAUL,GAEhCE,EAASI,QAAQC,KAAIZ,GAAAA,OAAMa,KAAKC,OAChCP,EAASQ,QACLT,IACFC,EAASD,SACTH,EAAYI,SAAW,MAGlBA,CACT,EAUaS,EAAQC,IAA4B,IAAAC,EAAAC,EAAAC,EAC/CH,SAAqBC,QAAhBA,EAALD,EAAOI,0BAAcH,GAArBA,EAAAI,KAAAL,GACAA,SAAsBE,QAAjBA,EAALF,EAAOM,2BAAeJ,GAAtBA,EAAAG,KAAAL,GACAA,SAA+BG,QAA1BA,EAALH,EAAOO,oCAAwBJ,GAA/BA,EAAAE,KAAAL,EAAmC,EAc/BQ,EAAa,mBAEbC,EAA0B,CAC9BC,KAAM,aACNC,MAAO,eAWIC,EAAiBC,IAAoC,IAAAC,EAGhE,OAA6D,QAA7DA,GAFWD,QAAAA,EAAWtB,SAASwB,MAEmBP,UAAW,IAAAM,EAAAA,EAAgBL,CAAa,EAQ/EO,EAAqBA,CAACC,EAAkBJ,MACxCA,QAAAA,EAAWtB,SAASwB,MAGzBP,GAAcS,CAAM,EASfC,EAAmB,SAC9BC,EAAiBC,GACR,IADmCC,IAAW9D,UAAAC,OAAA,QAAAmB,IAAApB,UAAA,KAAAA,UAAA,GAEvD,MAAM0D,EAASL,EAAcQ,GACvBE,EAAWH,EAASF,EAAON,MAAQM,EAAOP,KAC1Ca,EAAWJ,EAASF,EAAOP,KAAOO,EAAON,MAE3CS,IACFA,EAAYI,UAAUnC,OAAOiC,GAC7BF,EAAYI,UAAUnC,OAAOkC,GAC7BH,EAAYI,UAAUC,IAAIF,IAGJ,oBAAbhC,WACTA,SAASmC,iBAAgB3C,IAAAA,OAAKuC,IAAYlD,SAASyC,IACjDA,EAAQW,UAAUC,QAAG1C,OAAKwC,IAC1BV,EAAQW,UAAUnC,WAAMN,OAAKuC,GAAW,IAGtCD,IACF9B,SAASmC,iBAAiB,eAAetD,SAASyC,IAAY,IAAAc,EAAAC,EAC1C,QAAlBD,EAAAd,EAAQgB,kBAAU,IAAAF,GAA+B,QAA/BA,EAAlBA,EAAoBG,cAAa,IAAA/C,OAAKuC,WAAW,IAAAK,GAAjDA,EAAmDH,UAAUC,IAAIF,GAC/C,QAAlBK,EAAAf,EAAQgB,kBAAU,IAAAD,GAA+B,QAA/BA,EAAlBA,EAAoBE,cAAa,IAAA/C,OAAKuC,WAAW,IAAAM,GAAjDA,EAAmDJ,UAAUnC,OAAOiC,EAAS,IAG/E/B,SAASmC,iBAAiB,gBAAgBtD,SAASyC,IAAY,IAAAkB,EAAAC,EAAAC,EAC3C,QAAlBF,EAAAlB,EAAQgB,kBAAU,IAAAE,GAA+B,QAA/BA,EAAlBA,EAAoBD,cAAa,IAAA/C,OAAKuC,WAAW,IAAAS,GAAjDA,EAAmDP,UAAUC,IAAIF,GAC/C,QAAlBS,EAAAnB,EAAQgB,kBAAU,IAAAG,GAA+B,QAA/BA,EAAlBA,EAAoBF,cAAa,IAAA/C,OAAKuC,WAAW,IAAAU,GAAjDA,EAAmDR,UAAUnC,OAAOiC,GAEpE,MAAMY,EAA4CD,QAArBA,EAAGpB,EAAQgB,sBAAUI,SAAlBA,EAAoBE,WAAW,GAE3DD,IACFA,EAAWV,UAAUC,IAAIF,GACzBW,EAAWV,UAAUnC,OAAOiC,GAC9B,KAIR,EAOac,EAAmBA,CAACjB,EAAkBC,KACjD,MAAMiB,EAAKjB,GAAe7B,SAASwB,KACnC,IAAIuB,EAA0BnB,IAAU,EAEhB,oBAAb5B,eAAuCZ,IAAXwC,IACrCmB,EAAiB/C,SAASwB,KAAKS,UAAUe,SAAS3B,EAAcyB,GAAI3B,OAEtEQ,EAAiBoB,EAAgBD,EAAG,EAGhCG,EAAkC,SAQ3BC,EAAyB,WAGrB,IAFfC,EAAiCnF,UAAAC,OAAAD,QAAAoB,IAAApB,UAAAoB,GAAApB,UAAA,GAAG,IAAmBgC,SAASwB,KAChE4B,EAAyCpF,UAAAC,OAAAD,QAAAoB,IAAApB,UAAAoB,GAAApB,UAAI4D,GAAAA,GAA6BA,EAE1E,MAAMyB,EAA2BzB,IAC/B,MAAMC,EAAcsB,IAEpBxB,SAAAA,EAAmBC,EAAQC,GAC3BuB,SAAAA,EAAiBxB,EAAO,EAGpB0B,EAA+B7C,IACnC4C,EAAwB5C,EAAM8C,QAAQ,EAGlCC,EAAgC/C,IACpC4C,GAAyB5C,EAAM8C,QAAQ,EAGnC3B,EAAS6B,OAAOC,WAAW,gCAEjC,IACED,OAAOC,WAAW,gCAAgCC,oBAChDV,EAAiCK,GAEnCG,OAAOC,WAAW,iCAAiCC,oBACjDV,EAAiCO,EAEpC,CAAC,MAAOI,GAAO,CAYhB,OARAP,EAAwBzB,eAAAA,EAAQ2B,SAChCE,OAAOC,WAAW,gCAAgCG,iBAChDZ,EAAiCK,GAEnCG,OAAOC,WAAW,iCAAiCG,iBACjDZ,EAAiCO,GAG5B,KACLC,OAAOC,WAAW,gCAAgCC,oBAChDV,EAAiCK,GAEnCG,OAAOC,WAAW,iCAAiCC,oBACjDV,EAAiCO,EAClC,CAEL"}

package/dist/utils/esm/src/core/utils/index.js

@@ -1,2 +1,2 @@
-export{keyExtractor,keyExtractorFunction}from"./keyExtractor.js";export{dateRangeFormat,getDateTime,getTimeFromNow,getTimeFromNowOriginal,getTimeTo}from"./date.js";export{peregrineMQInstance}from"./appState/peregrineMQ/index.js";export{ArrayFirst,ArrayLast}from"./array.js";export{isBirthNumberValid}from"./helpers/birthnumber.validator.js";export{getMatch,isValidFormat,isValidModulo11,parse,regex}from"./helpers/birthnumberCZSKvalidator.js";export{parseCSVdata,validateCSVFile,validateCSVlines,validateJSONFile,validateLineCellTrimmed,validateLineNumColumns,validateSDFFile}from"./helpers/fileValidator.js";export{DATE_FORMAT,DATE_TIME_FORMAT,formatDate,formatDateTime,formatDateToTimestamp,getDate}from"./helpers/date.js";export{getDeviceId}from"./helpers/deviceInfo.js";export{emailMatch,emailMatcher,regexBuilder}from"./helpers/emailMatcher.js";export{cleanCsvLines,formatFilePath}from"./helpers/file.js";export{arrayToObjectTree,chunkArray,duplicatesInArray,formatJsonString,formatObj,formatObj2}from"./helpers/objectOperations.js";export{AsyncFunctionTemplate,debounce,delay,isFunctionAsync,memoize,memoizeComplex,memoizer,nestedTernary}from"./helpers/other.js";export{escapeRegExp,fileNameExt,findStringInText,normalizeString,removeWhitespaces,sanitizeId,sanitizePathId,toLowerCase,toUpperCase,truncateText}from"./helpers/textValueOperations.js";export{Operation,decrementValue,incerementValue,numberDefined,numberOperation,restrictNumberInLimits,setValue}from"./helpers/valueOperations.js";export{cancelableSetInterval,cancelableSetTimeout}from"./helpers/cancelableDelayedFunction.js";export{anchorClick,classNames,generateId,mapSerReplacer,noop,parseProps}from"./helpers/ui.js";export{composeId,defaultSanitizeConfig,sanitizeHtml}from"./helpers/text.js";export{ced,createResolveAttribute,customElementDefine,resolveAttributes}from"./webComponents/webComponent.utils.js";export{canSetStateMerge,createStore,getSetStateMerge}from"./appState/store/store.vanillajs.js";export{createDataStore}from"./appState/store/store.vanillajs.templates.js";export{useStore,useStoreApi}from"./appState/store/useStore.react.js";export{PeregrineMQ,PeregrineMQClearError}from"./appState/peregrineMQ/peregrineMQ.js";export{NON_EXISTENT_CHANNEL}from"./appState/peregrineMQ/peregrineMQ.types.js";export{usePeregrineMQ}from"./appState/peregrineMQ/usePeregrineMQ.react.js";export{TinyStateMachine,TinyStateMachineEvent,TinyStateMachineEventType,TinyStateMachineState,createStates,stateIterator}from"./appState/stateMachine/tiny-state-machine.base.js";
+export{keyExtractor,keyExtractorFunction}from"./keyExtractor.js";export{dateRangeFormat,getDateTime,getTimeFromNow,getTimeFromNowOriginal,getTimeTo}from"./date.js";export{peregrineMQInstance}from"./appState/peregrineMQ/index.js";export{ArrayFirst,ArrayLast}from"./array.js";export{isBirthNumberValid}from"./helpers/birthnumber.validator.js";export{getMatch,isValidFormat,isValidModulo11,parse,regex}from"./helpers/birthnumberCZSKvalidator.js";export{parseCSVdata,validateCSVFile,validateCSVlines,validateJSONFile,validateLineCellTrimmed,validateLineNumColumns,validateSDFFile}from"./helpers/fileValidator.js";export{DATE_FORMAT,DATE_TIME_FORMAT,formatDate,formatDateTime,formatDateToTimestamp,getDate}from"./helpers/date.js";export{getDeviceId}from"./helpers/deviceInfo.js";export{emailMatch,emailMatcher,regexBuilder}from"./helpers/emailMatcher.js";export{cleanCsvLines,formatFilePath}from"./helpers/file.js";export{arrayToObjectTree,chunkArray,duplicatesInArray,formatJsonString,formatObj,formatObj2}from"./helpers/objectOperations.js";export{AsyncFunctionTemplate,debounce,delay,isFunctionAsync,memoize,memoizeComplex,memoizer,nestedTernary}from"./helpers/other.js";export{escapeRegExp,fileNameExt,findStringInText,normalizeString,removeWhitespaces,sanitizeId,sanitizePathId,toLowerCase,toUpperCase,truncateText}from"./helpers/textValueOperations.js";export{Operation,decrementValue,incerementValue,numberDefined,numberOperation,restrictNumberInLimits,setValue}from"./helpers/valueOperations.js";export{cancelableSetInterval,cancelableSetTimeout}from"./helpers/cancelableDelayedFunction.js";export{anchorClick,classNames,generateId,getBaseThemes,mapSerReplacer,noop,observeThemePreference,parseProps,setThemeClassNames,switchColorTheme,updateColorTheme}from"./helpers/ui.js";export{composeId,defaultSanitizeConfig,sanitizeHtml}from"./helpers/text.js";export{ced,createResolveAttribute,customElementDefine,resolveAttributes}from"./webComponents/webComponent.utils.js";export{canSetStateMerge,createStore,getSetStateMerge}from"./appState/store/store.vanillajs.js";export{createDataStore}from"./appState/store/store.vanillajs.templates.js";export{useStore,useStoreApi}from"./appState/store/useStore.react.js";export{PeregrineMQ,PeregrineMQClearError}from"./appState/peregrineMQ/peregrineMQ.js";export{NON_EXISTENT_CHANNEL}from"./appState/peregrineMQ/peregrineMQ.types.js";export{usePeregrineMQ}from"./appState/peregrineMQ/usePeregrineMQ.react.js";export{TinyStateMachine,TinyStateMachineEvent,TinyStateMachineEventType,TinyStateMachineState,createStates,stateIterator}from"./appState/stateMachine/tiny-state-machine.base.js";
 //# sourceMappingURL=index.js.map