@e1011/es-kit 1.1.86 → 1.2.1

package/dist/hooks/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/hooks/src/core/hooks/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./useApi.js"),s=require("./useToggle.js"),r=require("./useToggle2.js"),u=require("./useOutsideClick.js"),o=require("./useResize.js"),t=require("./useClassNames.js"),i=require("./useParseProps.js"),p=require("./useThemePreference.js"),m=require("./useAnimation.js"),a=require("./useIntersectionObserver.js"),l=require("./useSetTimeout.js");exports.useApi=e.useApi,exports.useToggle=s.useToggle,exports.useToggle2=r.useToggle2,exports.outsideClickHandler=u.outsideClickHandler,exports.useOutsideClick=u.useOutsideClick,exports.useResize=o.useResize,exports.useClassNames=t.useClassNames,exports.useParseProps=i.useParseProps,exports.getBaseThemes=p.getBaseThemes,exports.observeThemePreference=p.observeThemePreference,exports.setThemeClassNames=p.setThemeClassNames,exports.switchColorTheme=p.switchColorTheme,exports.updateColorTheme=p.updateColorTheme,exports.useThemePreference=p.useThemePreference,exports.useAnimation=m.useAnimation,exports.useIntersectionObserver=a.useIntersectionObserver,exports.useTimeoutFn=l.useTimeoutFn;
+"use strict";var e=require("./useApi.js"),s=require("./useToggle.js"),r=require("./useToggle2.js"),u=require("./useOutsideClick.js"),i=require("./useResize.js"),o=require("./useClassNames.js"),t=require("./useParseProps.js"),n=require("./useThemePreference.js"),p=require("./useAnimation.js"),l=require("./useIntersectionObserver.js"),a=require("./useSetTimeout.js");exports.useApi=e.useApi,exports.useToggle=s.useToggle,exports.useToggle2=r.useToggle2,exports.outsideClickHandler=u.outsideClickHandler,exports.useOutsideClick=u.useOutsideClick,exports.useResize=i.useResize,exports.useClassNames=o.useClassNames,exports.useParseProps=t.useParseProps,exports.useThemePreference=n.useThemePreference,exports.useAnimation=p.useAnimation,exports.useIntersectionObserver=l.useIntersectionObserver,exports.useTimeoutFn=a.useTimeoutFn;
 //# sourceMappingURL=index.js.map

package/dist/hooks/src/core/hooks/useThemePreference.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");const o="change",t=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 s=o=>{const s=e();null==c||c(o,s),null==t||t(o)},r=e=>{s(e.matches)},d=e=>{s(!e.matches)},l=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,d)}catch(e){}return s(null==l?void 0:l.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").addEventListener(o,d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,d)}};let s={dark:"theme-dark",light:"theme-light"};const c=function(e,o){let t=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const c=e?s.light:s.dark,r=e?s.dark:s.light;o&&(o.classList.remove(c),o.classList.remove(r),o.classList.add(r)),"undefined"!=typeof document&&(document.querySelectorAll(".".concat(c)).forEach((e=>{e.classList.add(".".concat(r)),e.classList.remove(".".concat(c))})),t&&(document.querySelectorAll(".shadow-div").forEach((e=>{var o,t;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(r),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c)})),document.querySelectorAll("esmf-wrapper").forEach((e=>{var o,t,s;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(r),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c);const d=null===(s=e.shadowRoot)||void 0===s?void 0:s.childNodes[0];d&&(d.classList.add(r),d.classList.remove(c))}))))};exports.getBaseThemes=()=>s,exports.observeThemePreference=t,exports.setThemeClassNames=e=>{s=e},exports.switchColorTheme=c,exports.updateColorTheme=(e,o)=>{let t=e||!1;"undefined"!=typeof document&&void 0===e&&(t=document.body.classList.contains(s.dark)),c(t,o||document.body)},exports.useThemePreference=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;e.useEffect((()=>t(o,s)),[o,s])};
+"use strict";var e=require("react"),r=require("../utils/helpers/ui.js");exports.useThemePreference=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;e.useEffect((()=>r.observeThemePreference(t,s)),[t,s])};
 //# sourceMappingURL=useThemePreference.js.map

package/dist/hooks/src/core/hooks/useThemePreference.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThemePreference.js","sources":["../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\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\n/**\n * Custom hook to use theme preference in a React component.\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 */\nexport const useThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): void => {\n  useEffect(() => observeThemePreference(getHtmlElement, switchCallback), [getHtmlElement, switchCallback])\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 */\ntype ThemeMap = {\n  dark: string\n  light: string\n}\n\nlet baseThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Gets the base themes.\n * @returns {ThemeMap} The current base themes.\n */\nexport const getBaseThemes = (): ThemeMap => baseThemes\n\n/**\n * Sets the base theme class names.\n * @param {ThemeMap} themes - Object containing the CSS classes for dark and light themes.\n */\nexport const setThemeClassNames = (themes: ThemeMap): void => {\n  baseThemes = 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 = (isDark: boolean, htmlElement?: HTMLElement, findShadows = true): void => {\n  const oldClass = isDark ? baseThemes.light : baseThemes.dark\n  const newClass = isDark ? baseThemes.dark : baseThemes.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  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(baseThemes.dark)\n  }\n  switchColorTheme(resolvedIsDark, htmlElement || document.body)\n}\n"],"names":["windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","switchColorThemeHandler","htmlElement","switchColorTheme","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","baseThemes","dark","light","getBaseThemes","findShadows","oldClass","newClass","classList","remove","add","querySelectorAll","concat","forEach","element","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","themes","updateColorTheme","resolvedIsDark","contains","useEffect"],"mappings":"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"}
+{"version":3,"file":"useThemePreference.js","sources":["../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { observeThemePreference } from '../utils/helpers/ui'\n\n/**\n * Custom hook to use theme preference in a React component.\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 */\nexport const useThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): void => {\n  useEffect(\n    () => observeThemePreference(getHtmlElement, switchCallback),\n    [getHtmlElement, switchCallback],\n  )\n}\n"],"names":["getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","useEffect","observeThemePreference"],"mappings":"mGASkC,WAGvB,IAFTA,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1EC,EAASA,WACP,IAAMC,EAAAA,uBAAuBT,EAAgBM,IAC7C,CAACN,EAAgBM,GAErB"}

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

@@ -1,2 +1,2 @@
-"use strict";require("../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");exports.classNames=function(){for(var r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];return e.filter((r=>"string"==typeof r&&null!=r)).filter(Boolean).join(" ")},exports.parseProps=r=>{const e={},t={};return Object.entries(r).forEach((r=>{let[s,o]=r;"data-"===s.substr(0,5)||"data"===s.substr(0,4)?e[s]=o:t[s]=o})),{dataProps:e,restProps:t}};
+"use strict";require("../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");const e={dark:"theme-dark",light:"theme-light"},o=o=>{var t;return null!==(t=(null!=o?o:document.body).__eskit_themes__)&&void 0!==t?t:e},t=function(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const s=o(t),c=e?s.light:s.dark,l=e?s.dark:s.light;t&&(t.classList.remove(c),t.classList.remove(l),t.classList.add(l)),"undefined"!=typeof document&&(document.querySelectorAll(".".concat(c)).forEach((e=>{e.classList.add(".".concat(l)),e.classList.remove(".".concat(c))})),r&&(document.querySelectorAll(".shadow-div").forEach((e=>{var o,t;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(l),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c)})),document.querySelectorAll("esmf-wrapper").forEach((e=>{var o,t,r;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(l),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c);const s=null===(r=e.shadowRoot)||void 0===r?void 0:r.childNodes[0];s&&(s.classList.add(l),s.classList.remove(c))}))))},r="change";exports.classNames=function(){for(var e=arguments.length,o=new Array(e),t=0;t<e;t++)o[t]=arguments[t];return o.filter((e=>"string"==typeof e&&null!=e)).filter(Boolean).join(" ")},exports.getBaseThemes=o,exports.observeThemePreference=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;const s=r=>{const s=e();null==t||t(r,s),null==o||o(r)},c=e=>{s(e.matches)},l=e=>{s(!e.matches)},a=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(r,c),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(r,l)}catch(e){}return s(null==a?void 0:a.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(r,c),window.matchMedia("(prefers-color-scheme: light)").addEventListener(r,l),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(r,c),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(r,l)}},exports.parseProps=e=>{const o={},t={};return Object.entries(e).forEach((e=>{let[r,s]=e;"data-"===r.substr(0,5)||"data"===r.substr(0,4)?o[r]=s:t[r]=s})),{dataProps:o,restProps:t}},exports.switchColorTheme=t;
 //# sourceMappingURL=ui.js.map

package/dist/hooks/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","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,qBAQDC,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":["classNames","defaultThemes","dark","light","getBaseThemes","element","_ref2","document","body","switchColorTheme","isDark","htmlElement","findShadows","arguments","length","undefined","themes","oldClass","newClass","classList","remove","add","querySelectorAll","concat","forEach","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","windowMatchMediaChangeEventType","_len","classes","Array","_key","filter","className","Boolean","join","getHtmlElement","switchCallback","switchColorThemeHandler","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","props","dataProps","restProps","Object","entries","_ref","key","value","substr"],"mappings":"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"}

package/dist/lib/cjs/src/core/hooks/useThemePreference.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");const o="change",t=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 s=o=>{const s=e();null==c||c(o,s),null==t||t(o)},r=e=>{s(e.matches)},d=e=>{s(!e.matches)},l=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,d)}catch(e){}return s(null==l?void 0:l.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").addEventListener(o,d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,d)}};let s={dark:"theme-dark",light:"theme-light"};const c=function(e,o){let t=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const c=e?s.light:s.dark,r=e?s.dark:s.light;o&&(o.classList.remove(c),o.classList.remove(r),o.classList.add(r)),"undefined"!=typeof document&&(document.querySelectorAll(".".concat(c)).forEach((e=>{e.classList.add(".".concat(r)),e.classList.remove(".".concat(c))})),t&&(document.querySelectorAll(".shadow-div").forEach((e=>{var o,t;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(r),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c)})),document.querySelectorAll("esmf-wrapper").forEach((e=>{var o,t,s;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(r),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c);const d=null===(s=e.shadowRoot)||void 0===s?void 0:s.childNodes[0];d&&(d.classList.add(r),d.classList.remove(c))}))))};exports.getBaseThemes=()=>s,exports.observeThemePreference=t,exports.setThemeClassNames=e=>{s=e},exports.switchColorTheme=c,exports.updateColorTheme=(e,o)=>{let t=e||!1;"undefined"!=typeof document&&void 0===e&&(t=document.body.classList.contains(s.dark)),c(t,o||document.body)},exports.useThemePreference=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;e.useEffect((()=>t(o,s)),[o,s])};
+"use strict";var e=require("react"),r=require("../utils/helpers/ui.js");exports.useThemePreference=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;e.useEffect((()=>r.observeThemePreference(t,s)),[t,s])};
 //# sourceMappingURL=useThemePreference.js.map

package/dist/lib/cjs/src/core/hooks/useThemePreference.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThemePreference.js","sources":["../../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\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\n/**\n * Custom hook to use theme preference in a React component.\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 */\nexport const useThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): void => {\n  useEffect(() => observeThemePreference(getHtmlElement, switchCallback), [getHtmlElement, switchCallback])\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 */\ntype ThemeMap = {\n  dark: string\n  light: string\n}\n\nlet baseThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Gets the base themes.\n * @returns {ThemeMap} The current base themes.\n */\nexport const getBaseThemes = (): ThemeMap => baseThemes\n\n/**\n * Sets the base theme class names.\n * @param {ThemeMap} themes - Object containing the CSS classes for dark and light themes.\n */\nexport const setThemeClassNames = (themes: ThemeMap): void => {\n  baseThemes = 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 = (isDark: boolean, htmlElement?: HTMLElement, findShadows = true): void => {\n  const oldClass = isDark ? baseThemes.light : baseThemes.dark\n  const newClass = isDark ? baseThemes.dark : baseThemes.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  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(baseThemes.dark)\n  }\n  switchColorTheme(resolvedIsDark, htmlElement || document.body)\n}\n"],"names":["windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","switchColorThemeHandler","htmlElement","switchColorTheme","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","baseThemes","dark","light","getBaseThemes","findShadows","oldClass","newClass","classList","remove","add","querySelectorAll","concat","forEach","element","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","themes","updateColorTheme","resolvedIsDark","contains","useEffect"],"mappings":"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"}
+{"version":3,"file":"useThemePreference.js","sources":["../../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { observeThemePreference } from '../utils/helpers/ui'\n\n/**\n * Custom hook to use theme preference in a React component.\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 */\nexport const useThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): void => {\n  useEffect(\n    () => observeThemePreference(getHtmlElement, switchCallback),\n    [getHtmlElement, switchCallback],\n  )\n}\n"],"names":["getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","useEffect","observeThemePreference"],"mappings":"mGASkC,WAGvB,IAFTA,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1EC,EAASA,WACP,IAAMC,EAAAA,uBAAuBT,EAAgBM,IAC7C,CAACN,EAAgBM,GAErB"}

package/dist/lib/cjs/src/core/utils/helpers/ui.js

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

package/dist/lib/cjs/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":["generateId","token","_generateId$tokens3","increment","arguments","length","undefined","forcedValue","_generateId$tokens","tokens","concat","noValue","_generateId$tokens2","anchorClick","href","target","remove","aElement","document","createElement","setAttribute","dataset","date","Date","now","click","_len","classes","Array","_key","filter","className","Boolean","join","mapSerReplacer","key","value","Map","dataType","from","entries","event","_event$preventDefault","_event$stopPropagatio","_event$stopImmediateP","preventDefault","call","stopPropagation","stopImmediatePropagation","props","dataProps","restProps","Object","forEach","_ref","substr"],"mappings":"uGAyCaA,EAAyB,SACpCC,GAGG,IAAAC,EAAA,IAFHC,IAASC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACTG,EAA+BH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,QAAGE,EAIqB,IAAAE,EAAvD,GAFAR,EAAWS,OAAST,EAAWS,QAAU,CAAE,EAEvCF,QAEF,OADAP,EAAWS,OAAOR,GAASM,EAC3BG,GAAAA,OAAUT,GAAKS,OAAGV,SAAkB,QAARQ,EAAVR,EAAYS,cAAZD,IAAkBA,OAAlBA,EAAAA,EAAqBP,IAGzC,MAAMU,OAAwCL,KAA9BN,aAAAA,EAAAA,EAAYS,OAAOR,KAAsD,QAA9BD,aAAAA,EAAAA,EAAYS,OAAOR,IAI9E,OAFAD,EAAWS,OAAOR,GAASD,EAAWS,OAAOR,IAAU,EAEnDU,EACF,GAAAD,OAAUT,EAAQ,GAGhBE,GAGFH,EAAWS,OAAOR,IAAU,EAE5BS,GAAAA,OAAUT,GAAKS,OAAGV,SAAkB,QAARY,EAAVZ,EAAYS,cAAZG,IAAkBA,OAAlBA,EAAAA,EAAqBX,KAGzCS,GAAAA,OAAUT,GAAKS,OAAGV,SAAkB,QAARE,EAAVF,EAAYS,cAAZP,IAAkBA,OAAlBA,EAAAA,EAAqBD,IARxB,IAAAW,CASjB,EAKaC,EAA4B,SAACC,GAA4E,IAA9DC,EAAMX,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,OAAQY,EAAMZ,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC7ES,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,2CA/E0B,WAAA,IAAA,IAAAS,EAAAtB,UAAAC,OAAIsB,EAAOC,IAAAA,MAAAF,GAAAG,EAAA,EAAAA,EAAAH,EAAAG,IAAPF,EAAOE,GAAAzB,UAAAyB,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,8CAb1BC,CAACC,EAAaC,IACVA,aAAiBC,IACZ,CACLC,SAAU,MACVF,MAAOR,MAAMW,KAAKH,EAAMI,YAGrBJ,eA6FYK,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,OAAOZ,QAAQS,GAAOI,SAAQC,IAAkB,IAAhBnB,EAAKC,GAAMkB,EAChB,UAArBnB,EAAIoB,OAAO,EAAG,IAAuC,SAArBpB,EAAIoB,OAAO,EAAG,GAChDL,EAAUf,GAAOC,EAEjBe,EAAUhB,GAAOC,CACnB,IAEK,CAAEc,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":["generateId","token","_generateId$tokens3","increment","arguments","length","undefined","forcedValue","_generateId$tokens","tokens","concat","noValue","_generateId$tokens2","anchorClick","href","target","remove","aElement","document","createElement","setAttribute","dataset","date","Date","now","click","THEME_PROP","defaultThemes","dark","light","getBaseThemes","element","_ref2","body","switchColorTheme","isDark","htmlElement","findShadows","themes","oldClass","newClass","classList","add","querySelectorAll","forEach","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","windowMatchMediaChangeEventType","_len","classes","Array","_key","filter","className","Boolean","join","mapSerReplacer","key","value","Map","dataType","from","entries","event","_event$preventDefault","_event$stopPropagatio","_event$stopImmediateP","preventDefault","call","stopPropagation","stopImmediatePropagation","getHtmlElement","switchCallback","switchColorThemeHandler","changeDarkColorThemeHandler","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","props","dataProps","restProps","Object","_ref","substr","setThemeClassNames","updateColorTheme","el","resolvedIsDark","contains"],"mappings":"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"}

package/dist/lib/cjs/src/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./core/hooks/useApi.js"),r=require("./core/hooks/useToggle.js"),t=require("./core/hooks/useToggle2.js"),o=require("./core/hooks/useOutsideClick.js"),s=require("./core/hooks/useResize.js"),a=require("./core/hooks/useClassNames.js"),i=require("./core/hooks/useParseProps.js"),n=require("./core/hooks/useThemePreference.js"),p=require("./core/hooks/useAnimation.js"),u=require("./core/hooks/useIntersectionObserver.js"),l=require("./core/hooks/useSetTimeout.js"),c=require("./core/utils/helpers/birthnumber.validator.js"),x=require("./core/utils/helpers/birthnumberCZSKvalidator.js"),m=require("./core/utils/helpers/fileValidator.js"),d=require("./core/utils/helpers/date.js"),T=require("./core/utils/helpers/deviceInfo.js"),g=require("./core/utils/helpers/emailMatcher.js"),h=require("./core/utils/helpers/file.js"),S=require("./core/utils/helpers/objectOperations.js"),y=require("./core/utils/helpers/other.js"),j=require("./core/utils/helpers/textValueOperations.js"),C=require("./core/utils/helpers/valueOperations.js"),q=require("./core/utils/helpers/cancelableDelayedFunction.js"),v=require("./core/utils/helpers/ui.js"),P=require("./core/utils/helpers/text.js"),I=require("./core/utils/keyExtractor.js"),b=require("./core/utils/date.js"),A=require("./core/utils/webComponents/webComponent.utils.js"),M=require("./core/utils/appState/store/store.vanillajs.js"),f=require("./core/utils/appState/store/store.vanillajs.templates.js"),F=require("./core/utils/appState/store/useStore.react.js"),L=require("./core/utils/appState/peregrineMQ/peregrineMQ.js"),E=require("./core/utils/appState/peregrineMQ/peregrineMQ.types.js"),D=require("./core/utils/appState/peregrineMQ/usePeregrineMQ.react.js"),z=require("./core/utils/appState/peregrineMQ/index.js"),B=require("./core/utils/appState/stateMachine/tiny-state-machine.base.js"),k=require("./core/utils/array.js"),N=require("./core/constants/ui.constants.js"),O=require("./core/ui/utils/style.js"),V=require("./core/ui/components/container/layoutBox/LayoutBox.js"),R=require("./core/ui/components/container/layoutBox/layoutBox.types.js"),H=require("./core/ui/components/container/lazyComponent/LazyComponent.js"),w=require("./core/ui/components/container/CollapsibleContainer.js"),Q=require("./core/ui/components/container/ResizableContainer.js"),_=require("./core/ui/components/error/ErrorBoundary.js"),W=require("./core/ui/components/field/Field.js"),J=require("./core/ui/components/dividers/DividerLine.js"),K=require("./core/ui/components/icon/IconBase.js"),G=require("./core/ui/components/icon/Icon.js"),U=require("./core/ui/components/icon/IconWC.js"),X=require("./core/ui/components/atoms/button/Button.js"),Z=require("./core/ui/components/atoms/text/Text.js"),Y=require("./core/ui/components/atoms/text/Headline.js"),$=require("./core/ui/components/atoms/text/Paragraph.js"),ee=require("./core/ui/components/atoms/text/Link.js"),re=require("./core/ui/components/atoms/text/anchor-link/AnchorLink.js"),te=require("./core/ui/components/atoms/textAndContent/TextAndContent.js"),oe=require("./core/ui/components/atoms/tag/Tag.js"),se=require("./core/ui/components/atoms/tag/tag.types.js"),ae=require("./core/ui/components/atoms/toggle/Toggle.js"),ie=require("./core/ui/components/molecules/layouts/FlowLayout.js"),ne=require("./core/ui/components/molecules/popover/PopoverLite.js"),pe=require("./core/ui/components/molecules/popover/Tooltip.js"),ue=require("./core/ui/components/molecules/popover/popover.types.js"),le=require("./core/ui/components/molecules/popup/Popup.js"),ce=require("./core/ui/components/molecules/popup/popup.types.js");exports.useApi=e.useApi,exports.useToggle=r.useToggle,exports.useToggle2=t.useToggle2,exports.outsideClickHandler=o.outsideClickHandler,exports.useOutsideClick=o.useOutsideClick,exports.useResize=s.useResize,exports.useClassNames=a.useClassNames,exports.useParseProps=i.useParseProps,exports.getBaseThemes=n.getBaseThemes,exports.observeThemePreference=n.observeThemePreference,exports.setThemeClassNames=n.setThemeClassNames,exports.switchColorTheme=n.switchColorTheme,exports.updateColorTheme=n.updateColorTheme,exports.useThemePreference=n.useThemePreference,exports.useAnimation=p.useAnimation,exports.useIntersectionObserver=u.useIntersectionObserver,exports.useTimeoutFn=l.useTimeoutFn,exports.isBirthNumberValid=c.isBirthNumberValid,exports.getMatch=x.getMatch,exports.isValidFormat=x.isValidFormat,exports.isValidModulo11=x.isValidModulo11,exports.parse=x.parse,exports.regex=x.regex,exports.parseCSVdata=m.parseCSVdata,exports.validateCSVFile=m.validateCSVFile,exports.validateCSVlines=m.validateCSVlines,exports.validateJSONFile=m.validateJSONFile,exports.validateLineCellTrimmed=m.validateLineCellTrimmed,exports.validateLineNumColumns=m.validateLineNumColumns,exports.validateSDFFile=m.validateSDFFile,exports.DATE_FORMAT=d.DATE_FORMAT,exports.DATE_TIME_FORMAT=d.DATE_TIME_FORMAT,exports.formatDate=d.formatDate,exports.formatDateTime=d.formatDateTime,exports.formatDateToTimestamp=d.formatDateToTimestamp,exports.getDate=d.getDate,exports.getDeviceId=T.getDeviceId,exports.emailMatch=g.emailMatch,exports.emailMatcher=g.emailMatcher,exports.regexBuilder=g.regexBuilder,exports.cleanCsvLines=h.cleanCsvLines,exports.formatFilePath=h.formatFilePath,exports.arrayToObjectTree=S.arrayToObjectTree,exports.chunkArray=S.chunkArray,exports.duplicatesInArray=S.duplicatesInArray,exports.formatJsonString=S.formatJsonString,exports.formatObj=S.formatObj,exports.formatObj2=S.formatObj2,exports.AsyncFunctionTemplate=y.AsyncFunctionTemplate,exports.debounce=y.debounce,exports.delay=y.delay,exports.isFunctionAsync=y.isFunctionAsync,exports.memoize=y.memoize,exports.memoizeComplex=y.memoizeComplex,exports.memoizer=y.memoizer,exports.nestedTernary=y.nestedTernary,exports.escapeRegExp=j.escapeRegExp,exports.fileNameExt=j.fileNameExt,exports.findStringInText=j.findStringInText,exports.normalizeString=j.normalizeString,exports.removeWhitespaces=j.removeWhitespaces,exports.sanitizeId=j.sanitizeId,exports.sanitizePathId=j.sanitizePathId,exports.toLowerCase=j.toLowerCase,exports.toUpperCase=j.toUpperCase,exports.truncateText=j.truncateText,exports.Operation=C.Operation,exports.decrementValue=C.decrementValue,exports.incerementValue=C.incerementValue,exports.numberDefined=C.numberDefined,exports.numberOperation=C.numberOperation,exports.restrictNumberInLimits=C.restrictNumberInLimits,exports.setValue=C.setValue,exports.cancelableSetInterval=q.cancelableSetInterval,exports.cancelableSetTimeout=q.cancelableSetTimeout,exports.anchorClick=v.anchorClick,exports.classNames=v.classNames,exports.generateId=v.generateId,exports.mapSerReplacer=v.mapSerReplacer,exports.noop=v.noop,exports.parseProps=v.parseProps,exports.composeId=P.composeId,exports.defaultSanitizeConfig=P.defaultSanitizeConfig,exports.sanitizeHtml=P.sanitizeHtml,exports.keyExtractor=I.keyExtractor,exports.keyExtractorFunction=I.keyExtractorFunction,exports.dateRangeFormat=b.dateRangeFormat,exports.getDateTime=b.getDateTime,exports.getTimeFromNow=b.getTimeFromNow,exports.getTimeFromNowOriginal=b.getTimeFromNowOriginal,exports.getTimeTo=b.getTimeTo,exports.ced=A.ced,exports.createResolveAttribute=A.createResolveAttribute,exports.customElementDefine=A.customElementDefine,exports.resolveAttributes=A.resolveAttributes,exports.canSetStateMerge=M.canSetStateMerge,exports.createStore=M.createStore,exports.getSetStateMerge=M.getSetStateMerge,exports.createDataStore=f.createDataStore,exports.useStore=F.useStore,exports.useStoreApi=F.useStoreApi,exports.PeregrineMQ=L.PeregrineMQ,exports.PeregrineMQClearError=L.PeregrineMQClearError,exports.NON_EXISTENT_CHANNEL=E.NON_EXISTENT_CHANNEL,exports.usePeregrineMQ=D.usePeregrineMQ,exports.peregrineMQInstance=z.peregrineMQInstance,exports.TinyStateMachine=B.TinyStateMachine,exports.TinyStateMachineEvent=B.TinyStateMachineEvent,exports.TinyStateMachineEventType=B.TinyStateMachineEventType,exports.TinyStateMachineState=B.TinyStateMachineState,exports.createStates=B.createStates,exports.stateIterator=B.stateIterator,exports.ArrayFirst=k.ArrayFirst,exports.ArrayLast=k.ArrayLast,exports.Alerts=N.Alerts,exports.EventName=N.EventName,exports.KeyCode=N.KeyCode,exports.calculateColors=O.calculateColors,exports.calculatePercColor=O.calculatePercColor,exports.convertHex=O.convertHex,exports.convertRGB=O.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return O.defaultFontSize}}),exports.pxToRem=O.pxToRem,exports.resolveStyleValue=O.resolveStyleValue,exports.setDefaultFontSize=O.setDefaultFontSize,exports.toHex=O.toHex,exports.BoxLayout=V.BoxLayout,exports.LayoutBox=V.LayoutBox,exports.LayoutDirection=R.LayoutDirection,exports.LazyComponent=H.LazyComponent,exports.PendingBoundary=H.PendingBoundary,exports.createLazyModule=H.createLazyModule,exports.createLazyModuleWithStore=H.createLazyModuleWithStore,exports.wrapPromise=H.wrapPromise,exports.CollapsibleContainer=w.CollapsibleContainer,exports.ResizableContainer=Q.ResizableContainer,exports.DefaultErrorComponent=_.DefaultErrorComponent,exports.ErrorBoundary=_.ErrorBoundary,exports.Field=W.Field,exports.Select=W.Select,exports.setIconColor=W.setIconColor,exports.setIconComponent=W.setIconComponent,exports.DividerHorizontal=J.DividerHorizontal,exports.DividerLine=J.DividerLine,exports.DividerVertical=J.DividerVertical,exports.IconBase=K.IconBase,exports.Icon=G.Icon,exports.ESIcon=U.ESIcon,exports.ESIconBase=U.ESIconBase,exports.Button=X.Button,exports.IconButton=X.IconButton,exports.keys=X.keys,exports.Text=Z.Text,exports.Headline=Y.Headline,exports.HeadlineSecondary=Y.HeadlineSecondary,exports.HeadlineTertiary=Y.HeadlineTertiary,exports.Paragraph=$.Paragraph,exports.ParagraphBold=$.ParagraphBold,exports.ParagraphBoldSmall=$.ParagraphBoldSmall,exports.ParagraphSmall=$.ParagraphSmall,exports.Link=ee.Link,exports.AnchorLink=re.AnchorLink,exports.TextAndContent=te.TextAndContent,exports.TextAndIcons=te.TextAndIcons,exports.Tag=oe.Tag,exports.TagVariant=se.TagVariant,exports.Toggle=ae.Toggle,exports.FlowLayout=ie.FlowLayout,exports.Popover=ne.Popover,exports.Tooltip=pe.Tooltip,exports.PopoverPlacement=ue.PopoverPlacement,exports.Popup=le.Popup,exports.PopupAnimateVariant=ce.PopupAnimateVariant;
+"use strict";var e=require("./core/hooks/useApi.js"),r=require("./core/hooks/useToggle.js"),t=require("./core/hooks/useToggle2.js"),o=require("./core/hooks/useOutsideClick.js"),s=require("./core/hooks/useResize.js"),a=require("./core/hooks/useClassNames.js"),i=require("./core/hooks/useParseProps.js"),n=require("./core/hooks/useThemePreference.js"),p=require("./core/hooks/useAnimation.js"),u=require("./core/hooks/useIntersectionObserver.js"),l=require("./core/hooks/useSetTimeout.js"),c=require("./core/utils/helpers/birthnumber.validator.js"),x=require("./core/utils/helpers/birthnumberCZSKvalidator.js"),m=require("./core/utils/helpers/fileValidator.js"),d=require("./core/utils/helpers/date.js"),T=require("./core/utils/helpers/deviceInfo.js"),g=require("./core/utils/helpers/emailMatcher.js"),h=require("./core/utils/helpers/file.js"),S=require("./core/utils/helpers/objectOperations.js"),y=require("./core/utils/helpers/other.js"),j=require("./core/utils/helpers/textValueOperations.js"),C=require("./core/utils/helpers/valueOperations.js"),q=require("./core/utils/helpers/cancelableDelayedFunction.js"),v=require("./core/utils/helpers/ui.js"),P=require("./core/utils/helpers/text.js"),I=require("./core/utils/keyExtractor.js"),b=require("./core/utils/date.js"),A=require("./core/utils/webComponents/webComponent.utils.js"),M=require("./core/utils/appState/store/store.vanillajs.js"),f=require("./core/utils/appState/store/store.vanillajs.templates.js"),F=require("./core/utils/appState/store/useStore.react.js"),L=require("./core/utils/appState/peregrineMQ/peregrineMQ.js"),E=require("./core/utils/appState/peregrineMQ/peregrineMQ.types.js"),D=require("./core/utils/appState/peregrineMQ/usePeregrineMQ.react.js"),z=require("./core/utils/appState/peregrineMQ/index.js"),B=require("./core/utils/appState/stateMachine/tiny-state-machine.base.js"),k=require("./core/utils/array.js"),N=require("./core/constants/ui.constants.js"),O=require("./core/ui/utils/style.js"),V=require("./core/ui/components/container/layoutBox/LayoutBox.js"),R=require("./core/ui/components/container/layoutBox/layoutBox.types.js"),H=require("./core/ui/components/container/lazyComponent/LazyComponent.js"),w=require("./core/ui/components/container/CollapsibleContainer.js"),Q=require("./core/ui/components/container/ResizableContainer.js"),_=require("./core/ui/components/error/ErrorBoundary.js"),W=require("./core/ui/components/field/Field.js"),J=require("./core/ui/components/dividers/DividerLine.js"),K=require("./core/ui/components/icon/IconBase.js"),G=require("./core/ui/components/icon/Icon.js"),U=require("./core/ui/components/icon/IconWC.js"),X=require("./core/ui/components/atoms/button/Button.js"),Z=require("./core/ui/components/atoms/text/Text.js"),Y=require("./core/ui/components/atoms/text/Headline.js"),$=require("./core/ui/components/atoms/text/Paragraph.js"),ee=require("./core/ui/components/atoms/text/Link.js"),re=require("./core/ui/components/atoms/text/anchor-link/AnchorLink.js"),te=require("./core/ui/components/atoms/textAndContent/TextAndContent.js"),oe=require("./core/ui/components/atoms/tag/Tag.js"),se=require("./core/ui/components/atoms/tag/tag.types.js"),ae=require("./core/ui/components/atoms/toggle/Toggle.js"),ie=require("./core/ui/components/molecules/layouts/FlowLayout.js"),ne=require("./core/ui/components/molecules/popover/PopoverLite.js"),pe=require("./core/ui/components/molecules/popover/Tooltip.js"),ue=require("./core/ui/components/molecules/popover/popover.types.js"),le=require("./core/ui/components/molecules/popup/Popup.js"),ce=require("./core/ui/components/molecules/popup/popup.types.js");exports.useApi=e.useApi,exports.useToggle=r.useToggle,exports.useToggle2=t.useToggle2,exports.outsideClickHandler=o.outsideClickHandler,exports.useOutsideClick=o.useOutsideClick,exports.useResize=s.useResize,exports.useClassNames=a.useClassNames,exports.useParseProps=i.useParseProps,exports.useThemePreference=n.useThemePreference,exports.useAnimation=p.useAnimation,exports.useIntersectionObserver=u.useIntersectionObserver,exports.useTimeoutFn=l.useTimeoutFn,exports.isBirthNumberValid=c.isBirthNumberValid,exports.getMatch=x.getMatch,exports.isValidFormat=x.isValidFormat,exports.isValidModulo11=x.isValidModulo11,exports.parse=x.parse,exports.regex=x.regex,exports.parseCSVdata=m.parseCSVdata,exports.validateCSVFile=m.validateCSVFile,exports.validateCSVlines=m.validateCSVlines,exports.validateJSONFile=m.validateJSONFile,exports.validateLineCellTrimmed=m.validateLineCellTrimmed,exports.validateLineNumColumns=m.validateLineNumColumns,exports.validateSDFFile=m.validateSDFFile,exports.DATE_FORMAT=d.DATE_FORMAT,exports.DATE_TIME_FORMAT=d.DATE_TIME_FORMAT,exports.formatDate=d.formatDate,exports.formatDateTime=d.formatDateTime,exports.formatDateToTimestamp=d.formatDateToTimestamp,exports.getDate=d.getDate,exports.getDeviceId=T.getDeviceId,exports.emailMatch=g.emailMatch,exports.emailMatcher=g.emailMatcher,exports.regexBuilder=g.regexBuilder,exports.cleanCsvLines=h.cleanCsvLines,exports.formatFilePath=h.formatFilePath,exports.arrayToObjectTree=S.arrayToObjectTree,exports.chunkArray=S.chunkArray,exports.duplicatesInArray=S.duplicatesInArray,exports.formatJsonString=S.formatJsonString,exports.formatObj=S.formatObj,exports.formatObj2=S.formatObj2,exports.AsyncFunctionTemplate=y.AsyncFunctionTemplate,exports.debounce=y.debounce,exports.delay=y.delay,exports.isFunctionAsync=y.isFunctionAsync,exports.memoize=y.memoize,exports.memoizeComplex=y.memoizeComplex,exports.memoizer=y.memoizer,exports.nestedTernary=y.nestedTernary,exports.escapeRegExp=j.escapeRegExp,exports.fileNameExt=j.fileNameExt,exports.findStringInText=j.findStringInText,exports.normalizeString=j.normalizeString,exports.removeWhitespaces=j.removeWhitespaces,exports.sanitizeId=j.sanitizeId,exports.sanitizePathId=j.sanitizePathId,exports.toLowerCase=j.toLowerCase,exports.toUpperCase=j.toUpperCase,exports.truncateText=j.truncateText,exports.Operation=C.Operation,exports.decrementValue=C.decrementValue,exports.incerementValue=C.incerementValue,exports.numberDefined=C.numberDefined,exports.numberOperation=C.numberOperation,exports.restrictNumberInLimits=C.restrictNumberInLimits,exports.setValue=C.setValue,exports.cancelableSetInterval=q.cancelableSetInterval,exports.cancelableSetTimeout=q.cancelableSetTimeout,exports.anchorClick=v.anchorClick,exports.classNames=v.classNames,exports.generateId=v.generateId,exports.getBaseThemes=v.getBaseThemes,exports.mapSerReplacer=v.mapSerReplacer,exports.noop=v.noop,exports.observeThemePreference=v.observeThemePreference,exports.parseProps=v.parseProps,exports.setThemeClassNames=v.setThemeClassNames,exports.switchColorTheme=v.switchColorTheme,exports.updateColorTheme=v.updateColorTheme,exports.composeId=P.composeId,exports.defaultSanitizeConfig=P.defaultSanitizeConfig,exports.sanitizeHtml=P.sanitizeHtml,exports.keyExtractor=I.keyExtractor,exports.keyExtractorFunction=I.keyExtractorFunction,exports.dateRangeFormat=b.dateRangeFormat,exports.getDateTime=b.getDateTime,exports.getTimeFromNow=b.getTimeFromNow,exports.getTimeFromNowOriginal=b.getTimeFromNowOriginal,exports.getTimeTo=b.getTimeTo,exports.ced=A.ced,exports.createResolveAttribute=A.createResolveAttribute,exports.customElementDefine=A.customElementDefine,exports.resolveAttributes=A.resolveAttributes,exports.canSetStateMerge=M.canSetStateMerge,exports.createStore=M.createStore,exports.getSetStateMerge=M.getSetStateMerge,exports.createDataStore=f.createDataStore,exports.useStore=F.useStore,exports.useStoreApi=F.useStoreApi,exports.PeregrineMQ=L.PeregrineMQ,exports.PeregrineMQClearError=L.PeregrineMQClearError,exports.NON_EXISTENT_CHANNEL=E.NON_EXISTENT_CHANNEL,exports.usePeregrineMQ=D.usePeregrineMQ,exports.peregrineMQInstance=z.peregrineMQInstance,exports.TinyStateMachine=B.TinyStateMachine,exports.TinyStateMachineEvent=B.TinyStateMachineEvent,exports.TinyStateMachineEventType=B.TinyStateMachineEventType,exports.TinyStateMachineState=B.TinyStateMachineState,exports.createStates=B.createStates,exports.stateIterator=B.stateIterator,exports.ArrayFirst=k.ArrayFirst,exports.ArrayLast=k.ArrayLast,exports.Alerts=N.Alerts,exports.EventName=N.EventName,exports.KeyCode=N.KeyCode,exports.calculateColors=O.calculateColors,exports.calculatePercColor=O.calculatePercColor,exports.convertHex=O.convertHex,exports.convertRGB=O.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return O.defaultFontSize}}),exports.pxToRem=O.pxToRem,exports.resolveStyleValue=O.resolveStyleValue,exports.setDefaultFontSize=O.setDefaultFontSize,exports.toHex=O.toHex,exports.BoxLayout=V.BoxLayout,exports.LayoutBox=V.LayoutBox,exports.LayoutDirection=R.LayoutDirection,exports.LazyComponent=H.LazyComponent,exports.PendingBoundary=H.PendingBoundary,exports.createLazyModule=H.createLazyModule,exports.createLazyModuleWithStore=H.createLazyModuleWithStore,exports.wrapPromise=H.wrapPromise,exports.CollapsibleContainer=w.CollapsibleContainer,exports.ResizableContainer=Q.ResizableContainer,exports.DefaultErrorComponent=_.DefaultErrorComponent,exports.ErrorBoundary=_.ErrorBoundary,exports.Field=W.Field,exports.Select=W.Select,exports.setIconColor=W.setIconColor,exports.setIconComponent=W.setIconComponent,exports.DividerHorizontal=J.DividerHorizontal,exports.DividerLine=J.DividerLine,exports.DividerVertical=J.DividerVertical,exports.IconBase=K.IconBase,exports.Icon=G.Icon,exports.ESIcon=U.ESIcon,exports.ESIconBase=U.ESIconBase,exports.Button=X.Button,exports.IconButton=X.IconButton,exports.keys=X.keys,exports.Text=Z.Text,exports.Headline=Y.Headline,exports.HeadlineSecondary=Y.HeadlineSecondary,exports.HeadlineTertiary=Y.HeadlineTertiary,exports.Paragraph=$.Paragraph,exports.ParagraphBold=$.ParagraphBold,exports.ParagraphBoldSmall=$.ParagraphBoldSmall,exports.ParagraphSmall=$.ParagraphSmall,exports.Link=ee.Link,exports.AnchorLink=re.AnchorLink,exports.TextAndContent=te.TextAndContent,exports.TextAndIcons=te.TextAndIcons,exports.Tag=oe.Tag,exports.TagVariant=se.TagVariant,exports.Toggle=ae.Toggle,exports.FlowLayout=ie.FlowLayout,exports.Popover=ne.Popover,exports.Tooltip=pe.Tooltip,exports.PopoverPlacement=ue.PopoverPlacement,exports.Popup=le.Popup,exports.PopupAnimateVariant=ce.PopupAnimateVariant;
 //# sourceMappingURL=index.js.map