@e1011/es-kit 1.5.0 → 1.5.4

package/dist/lib/esm/src/core/ui/components/molecules/popup/Popup.js

@@ -1,2 +1,124 @@
-import{extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as o,cloneElement as a}from"react";import{Popover as n}from"../popover/PopoverLite.js";import{closeIconJSX as r}from"../../atoms/icons.js";import l from"./popup.module.scss.js";import p from"./popup.overlay.module.scss.js";import{PopupAnimateVariant as i}from"./popup.types.js";import{LayoutBox as s}from"../../container/layoutBox/LayoutBox.js";import{HeadlineTertiary as c}from"../../atoms/text/Headline.js";import{IconBase as m}from"../../icon/IconBase.js";import{DividerLine as d}from"../../dividers/DividerLine.js";const u={popup:{inner:{[i.SLIDE_DOWN]:{"--slideYFrom":"-48px"},[i.SLIDE_UP]:{"--slideYFrom":"48px"},[i.SLIDE_RIGHT]:{"--slideXFrom":"-64px"},[i.SLIDE_LEFT]:{"--slideXFrom":"64px"}}}},h=t((t=>{let{title:a="Popup's title",children:r,components:l={},isModal:s=!0,hideOnClickOutside:c=!1,hideOnContentClick:m=!1,animateVariant:d=i.SLIDE_UP,hasHeader:u=!0,hasCloseIcon:h=!0,width:R,height:y,style:f,...C}=t;const x=l?.ContentComponent,v=o((()=>({...R?{"--popup-width":R}:{},...y?{"--popup-height":y}:{},...f})),[y,f,R]);return React.createElement(n,e({clickable:!0,isPopup:!0,isModal:s,hideOnContentClick:m,hideOnClickOutside:c,modalOverlayClassName:p["popup-modal-overlay"]},C),React.createElement("p",null),React.createElement(E,{title:a,hasHeader:u,hasCloseIcon:h,animateVariant:d,popupStyle:v},!x&&r&&r,!r&&x&&React.createElement(x,null)))}));h.displayName="Popup";const E=t((e=>{let{title:t,forwardedRef:o,hide:n,children:p,animateVariant:i,popupStyle:h,hasHeader:E=!0,hasCloseIcon:R=!0,closeIconURL:y,...f}=e;const C=p&&Array.isArray(p)?p.filter((e=>!!e)).map(((e,t)=>a(e,{key:t,...e.props,hide:n,...f}))):React.createElement("div",null,"Pseudo Content");return React.createElement("div",{className:`${l["popup-container"]}`,ref:o,style:h},React.createElement(s,{className:`${l["popup-container-inner"]}`,style:i?u.popup.inner[i]:{}},E&&React.createElement(React.Fragment,null,React.createElement(s,{justify:"space-between",align:"start",width:"100%",padding:"20px 20px 16px 20px"},React.createElement(c,null,t),R&&React.createElement("div",{onClick:n,onKeyDown:n,role:"button",tabIndex:-1,className:l["close-button"]},y&&React.createElement(m,{iconUrl:y}),!y&&React.createElement(m,null,r))),React.createElement(d,{length:"100%"})),React.createElement("div",{className:l["popup-container-inner-div"]},C&&C)))}));E.displayName="PopupContent";export{h as Popup};
+import { jsxs as t, jsx as e, Fragment as I } from "react/jsx-runtime";
+import { memo as D, useMemo as S, cloneElement as F } from "react";
+import { Popover as L } from "../popover/PopoverLite.js";
+import { closeIconJSX as b } from "../../atoms/icons.js";
+import u from "./popup.module.scss.js";
+import _ from "./popup.overlay.module.scss.js";
+import { PopupAnimateVariant as a } from "./popup.types.js";
+import { LayoutBox as v } from "../../container/layoutBox/LayoutBox.js";
+import { HeadlineTertiary as g } from "../../atoms/text/Headline.js";
+import { IconBase as C } from "../../icon/IconBase.js";
+import { DividerLine as h } from "../../dividers/DividerLine.js";
+const j = {
+  popup: {
+    inner: {
+      [a.SLIDE_DOWN]: { "--slideYFrom": "-48px" },
+      [a.SLIDE_UP]: { "--slideYFrom": "48px" },
+      [a.SLIDE_RIGHT]: { "--slideXFrom": "-64px" },
+      [a.SLIDE_LEFT]: { "--slideXFrom": "64px" }
+    }
+  }
+}, k = D(({
+  title: d = "Popup's title",
+  children: n,
+  components: o = {},
+  isModal: i = !0,
+  hideOnClickOutside: m = !1,
+  hideOnContentClick: c = !1,
+  animateVariant: f = a.SLIDE_UP,
+  hasHeader: y = !0,
+  hasCloseIcon: s = !0,
+  width: l,
+  height: r,
+  style: p,
+  ...x
+}) => {
+  const P = o == null ? void 0 : o.ContentComponent, E = S(() => ({
+    ...l ? { "--popup-width": l } : {},
+    ...r ? { "--popup-height": r } : {},
+    ...p
+  }), [r, p, l]);
+  return /* @__PURE__ */ t(
+    L,
+    {
+      clickable: !0,
+      isPopup: !0,
+      isModal: i,
+      hideOnContentClick: c,
+      hideOnClickOutside: m,
+      modalOverlayClassName: _["popup-modal-overlay"],
+      ...x,
+      children: [
+        /* @__PURE__ */ e("p", {}),
+        /* @__PURE__ */ t(
+          N,
+          {
+            title: d,
+            hasHeader: y,
+            hasCloseIcon: s,
+            animateVariant: f,
+            popupStyle: E,
+            children: [
+              !P && n && n,
+              !n && P && /* @__PURE__ */ e(P, {})
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+k.displayName = "Popup";
+const N = D(({
+  title: d,
+  forwardedRef: n,
+  hide: o,
+  children: i,
+  animateVariant: m,
+  popupStyle: c,
+  hasHeader: f = !0,
+  hasCloseIcon: y = !0,
+  closeIconURL: s,
+  ...l
+}) => {
+  const r = i && Array.isArray(i) ? i.filter((p) => !!p).map((p, x) => F(
+    // eslint-disable-next-line react/no-array-index-key
+    p,
+    { key: x, ...p.props, hide: o, ...l }
+  )) : /* @__PURE__ */ e("div", { children: "Pseudo Content" });
+  return /* @__PURE__ */ e("div", { className: `${u["popup-container"]}`, ref: n, style: c, children: /* @__PURE__ */ t(
+    v,
+    {
+      className: `${u["popup-container-inner"]}`,
+      style: m ? j.popup.inner[m] : {},
+      children: [
+        f && /* @__PURE__ */ t(I, { children: [
+          /* @__PURE__ */ t(v, { justify: "space-between", align: "start", width: "100%", padding: "20px 20px 16px 20px", children: [
+            /* @__PURE__ */ e(g, { children: d }),
+            y && /* @__PURE__ */ t(
+              "div",
+              {
+                onClick: o,
+                onKeyDown: o,
+                role: "button",
+                tabIndex: -1,
+                className: u["close-button"],
+                children: [
+                  s && /* @__PURE__ */ e(C, { iconUrl: s }),
+                  !s && /* @__PURE__ */ e(C, { children: b })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(h, { length: "100%" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: u["popup-container-inner-div"], children: r && r })
+      ]
+    }
+  ) });
+});
+N.displayName = "PopupContent";
+export {
+  k as Popup
+};
 //# sourceMappingURL=Popup.js.map

package/dist/lib/esm/src/core/ui/components/molecules/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/Popup.tsx"],"sourcesContent":["import {\n  cloneElement, memo, PropsWithChildren, FC, ReactNode, CSSProperties, useMemo, ReactElement,\n} from 'react'\n\nimport { Popover as PopoverLite } from '../popover/PopoverLite'\nimport { HeadlineTertiary as H3 } from '../../atoms/text'\nimport { IconBase } from '../../icon'\nimport { DividerLine } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { closeIconJSX } from '../../atoms/icons'\n\nimport classes from './popup.module.scss'\nimport classesOverlay from './popup.overlay.module.scss'\nimport { PopupAnimateVariant, PopupProps } from './popup.types'\n\n\n/**\n * Styles for the Popup component.\n *\n * @typedef {Object} PopupStyles\n * @property {Object} inner - The inner styles for the popup.\n * @property {CSSProperties} content - The styles for the popup content.\n */\n\nconst styles: {\n  popup: {\n    inner: Record<string, Record<string, string>>\n  }\n\n} = {\n  popup: {\n    inner: {\n      [PopupAnimateVariant.SLIDE_DOWN]: { '--slideYFrom': '-48px' },\n      [PopupAnimateVariant.SLIDE_UP]: { '--slideYFrom': '48px' },\n      [PopupAnimateVariant.SLIDE_RIGHT]: { '--slideXFrom': '-64px' },\n      [PopupAnimateVariant.SLIDE_LEFT]: { '--slideXFrom': '64px' },\n    },\n  },\n}\n\n/**\n * Popup component.\n *\n * @type {React.FC<PopupProps>}\n * @returns {React.ReactElement} The Popup.\n */\nexport const Popup: FC<PopupProps> = memo<PopupProps>(({\n  title = 'Popup\\'s title',\n  children,\n  components = {},\n  isModal = true,\n  hideOnClickOutside = false,\n  hideOnContentClick = false,\n  animateVariant = PopupAnimateVariant.SLIDE_UP,\n  hasHeader = true,\n  hasCloseIcon = true,\n  width,\n  height,\n  style,\n  ...props\n}: PopupProps) => {\n  /**\n   * The ContentComponent to render.\n   *\n   * @type {ComponentType}\n   */\n  const ContentComponent = components?.ContentComponent\n\n  /**\n   * The popup styles.\n   *\n   * @type {CSSProperties}\n   */\n  const styles = useMemo(() => ({\n    ...(width ? { '--popup-width': width } : {}),\n    ...(height ? { '--popup-height': height } : {}),\n    ...style,\n  }), [height, style, width])\n\n  return (\n    <PopoverLite\n      clickable\n      isPopup\n      isModal={isModal}\n      hideOnContentClick={hideOnContentClick}\n      hideOnClickOutside={hideOnClickOutside}\n      modalOverlayClassName={classesOverlay['popup-modal-overlay']}\n      {...props}\n    >\n      <p>{/* Placeholder element to avoid error with no children */}</p>\n      <PopupContent\n        title={title}\n        hasHeader={hasHeader}\n        hasCloseIcon={hasCloseIcon}\n        animateVariant={animateVariant}\n        popupStyle={styles}\n      >\n        {/* Render children if ContentComponent is not provided */}\n        {(!ContentComponent && children) && children}\n        {/* Render ContentComponent if children are not provided */}\n        {(!children && ContentComponent) && <ContentComponent />}\n      </PopupContent>\n    </PopoverLite>\n  )\n})\n\n/**\n * The display name of the Popup component.\n *\n * @type {string}\n */\nPopup.displayName = 'Popup'\n\ntype PopupContentProps = PropsWithChildren<unknown> & {\n  title?: string\n  forwardedRef?: ForwardedRef['forwardedRef']\n  animateVariant?: PopupProps['animateVariant']\n  popupStyle?: CSSProperties\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  closeIconURL?: string\n  hide?: () => void\n}\n\n/**\n * The PopupContent component.\n *\n * @param {PopupContentProps} props The props for the PopupContent component.\n * @returns {React.ReactElement} The PopupContent.\n */\nconst PopupContent = memo(({\n  title,\n  forwardedRef,\n  hide,\n  children,\n  animateVariant,\n  popupStyle,\n  hasHeader = true,\n  hasCloseIcon = true,\n  closeIconURL,\n  ...props\n}: PopupContentProps) => {\n  /**\n   * The ContentRemapped element.\n   *\n   * @type {React.ReactElement[] | React.ReactElement}\n   */\n  const ContentRemapped = children && Array.isArray(children)\n    ? children.filter((child: ReactNode | ReactElement) => !!child)\n      .map((child: ReactElement, index: number) => cloneElement(\n      // eslint-disable-next-line react/no-array-index-key\n        child, { key: index, ...child.props, hide, ...props },\n      ))\n    : <div>Pseudo Content</div>\n\n  return (\n    <div className={`${classes['popup-container']}`} ref={forwardedRef} style={popupStyle}>\n      <LayoutBox\n        className={`${classes['popup-container-inner']}`}\n        style={animateVariant ? styles.popup.inner[animateVariant] as CSSProperties : {}}\n      >\n        {hasHeader && (\n          <>\n            <LayoutBox justify='space-between' align='start' width='100%' padding='20px 20px 16px 20px'>\n              <H3>{title}</H3>\n              {hasCloseIcon && (\n                <div\n                  onClick={hide}\n                  onKeyDown={hide}\n                  role='button'\n                  tabIndex={-1}\n                  className={classes['close-button']}\n                >\n                  {closeIconURL && <IconBase iconUrl={closeIconURL} />}\n                  {!closeIconURL && (\n                    <IconBase>\n                      {closeIconJSX}\n                    </IconBase>\n                  )}\n                </div>\n              )}\n            </LayoutBox>\n            <DividerLine length='100%' />\n          </>\n        )}\n        <div className={classes['popup-container-inner-div']}>\n          {ContentRemapped && ContentRemapped}\n        </div>\n      </LayoutBox>\n    </div>\n  )\n})\n\n/**\n * The display name of the PopupContent component.\n *\n * @type {string}\n */\nPopupContent.displayName = 'PopupContent'\n"],"names":["styles","popup","inner","PopupAnimateVariant","SLIDE_DOWN","SLIDE_UP","SLIDE_RIGHT","SLIDE_LEFT","Popup","memo","_ref","title","children","components","isModal","hideOnClickOutside","hideOnContentClick","animateVariant","hasHeader","hasCloseIcon","width","height","style","props","ContentComponent","useMemo","React","createElement","PopoverLite","_extends","clickable","isPopup","modalOverlayClassName","classesOverlay","PopupContent","popupStyle","displayName","_ref2","forwardedRef","hide","closeIconURL","ContentRemapped","Array","isArray","filter","child","map","index","cloneElement","key","className","classes","ref","LayoutBox","Fragment","justify","align","padding","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","closeIconJSX","DividerLine","length"],"mappings":"knBAwBA,MAAMA,EAKF,CACFC,MAAO,CACLC,MAAO,CACL,CAACC,EAAoBC,YAAa,CAAE,eAAgB,SACpD,CAACD,EAAoBE,UAAW,CAAE,eAAgB,QAClD,CAACF,EAAoBG,aAAc,CAAE,eAAgB,SACrD,CAACH,EAAoBI,YAAa,CAAE,eAAgB,WAW7CC,EAAwBC,GAAiBC,IAcpC,IAdqCC,MACrDA,EAAQ,gBAAgBC,SACxBA,EAAQC,WACRA,EAAa,CAAA,EAAEC,QACfA,GAAU,EAAIC,mBACdA,GAAqB,EAAKC,mBAC1BA,GAAqB,EAAKC,eAC1BA,EAAiBd,EAAoBE,SAAQa,UAC7CA,GAAY,EAAIC,aAChBA,GAAe,EAAIC,MACnBA,EAAKC,OACLA,EAAMC,MACNA,KACGC,GACQb,EAMX,MAAMc,EAAmBX,GAAYW,iBAO/BxB,EAASyB,GAAQ,KAAA,IACjBL,EAAQ,CAAE,gBAAiBA,GAAU,MACrCC,EAAS,CAAE,iBAAkBA,GAAW,MACzCC,KACD,CAACD,EAAQC,EAAOF,IAEpB,OACEM,MAAAC,cAACC,EAAWC,EAAA,CACVC,WAAS,EACTC,SAAO,EACPjB,QAASA,EACTE,mBAAoBA,EACpBD,mBAAoBA,EACpBiB,sBAAuBC,EAAe,wBAClCV,GAEJG,MAAAC,cAAA,IAAA,MACAD,MAAAC,cAACO,EAAY,CACXvB,MAAOA,EACPO,UAAWA,EACXC,aAAcA,EACdF,eAAgBA,EAChBkB,WAAYnC,IAGTwB,GAAoBZ,GAAaA,GAEjCA,GAAYY,GAAqBE,MAAAC,cAACH,EAAgB,OAE3C,IASlBhB,EAAM4B,YAAc,QAmBpB,MAAMF,EAAezB,GAAK4B,IAWD,IAXE1B,MACzBA,EAAK2B,aACLA,EAAYC,KACZA,EAAI3B,SACJA,EAAQK,eACRA,EAAckB,WACdA,EAAUjB,UACVA,GAAY,EAAIC,aAChBA,GAAe,EAAIqB,aACnBA,KACGjB,GACec,EAMlB,MAAMI,EAAkB7B,GAAY8B,MAAMC,QAAQ/B,GAC9CA,EAASgC,QAAQC,KAAsCA,IACtDC,KAAI,CAACD,EAAqBE,IAAkBC,EAE3CH,EAAO,CAAEI,IAAKF,KAAUF,EAAMtB,MAAOgB,UAAShB,MAEhDG,MAAAC,cAAA,MAAA,KAAK,kBAET,OACED,MAAAC,cAAA,MAAA,CAAKuB,UAAW,GAAGC,EAAQ,qBAAsBC,IAAKd,EAAchB,MAAOa,GACzET,MAAAC,cAAC0B,EAAS,CACRH,UAAW,GAAGC,EAAQ,2BACtB7B,MAAOL,EAAiBjB,EAAOC,MAAMC,MAAMe,GAAmC,CAAA,GAE7EC,GACCQ,MAAAC,cAAAD,MAAA4B,SAAA,KACE5B,MAAAC,cAAC0B,EAAS,CAACE,QAAQ,gBAAgBC,MAAM,QAAQpC,MAAM,OAAOqC,QAAQ,uBACpE/B,MAAAC,cAAC+B,EAAE,KAAE/C,GACJQ,GACCO,MAAAC,cAAA,MAAA,CACEgC,QAASpB,EACTqB,UAAWrB,EACXsB,KAAK,SACLC,UAAU,EACVZ,UAAWC,EAAQ,iBAElBX,GAAgBd,MAAAC,cAACoC,EAAQ,CAACC,QAASxB,KAClCA,GACAd,MAAAC,cAACoC,OACEE,KAMXvC,MAAAC,cAACuC,EAAW,CAACC,OAAO,UAGxBzC,MAAAC,cAAA,MAAA,CAAKuB,UAAWC,EAAQ,8BACrBV,GAAmBA,IAGpB,IASVP,EAAaE,YAAc"}
+{"version":3,"file":"Popup.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/Popup.tsx"],"sourcesContent":["import {\n  cloneElement, memo, PropsWithChildren, FC, ReactNode, CSSProperties, useMemo, ReactElement,\n} from 'react'\n\nimport { Popover as PopoverLite } from '../popover/PopoverLite'\nimport { HeadlineTertiary as H3 } from '../../atoms/text'\nimport { IconBase } from '../../icon'\nimport { DividerLine } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { closeIconJSX } from '../../atoms/icons'\n\nimport classes from './popup.module.scss'\nimport classesOverlay from './popup.overlay.module.scss'\nimport { PopupAnimateVariant, PopupProps } from './popup.types'\n\n\n/**\n * Styles for the Popup component.\n *\n * @typedef {Object} PopupStyles\n * @property {Object} inner - The inner styles for the popup.\n * @property {CSSProperties} content - The styles for the popup content.\n */\n\nconst styles: {\n  popup: {\n    inner: Record<string, Record<string, string>>\n  }\n\n} = {\n  popup: {\n    inner: {\n      [PopupAnimateVariant.SLIDE_DOWN]: { '--slideYFrom': '-48px' },\n      [PopupAnimateVariant.SLIDE_UP]: { '--slideYFrom': '48px' },\n      [PopupAnimateVariant.SLIDE_RIGHT]: { '--slideXFrom': '-64px' },\n      [PopupAnimateVariant.SLIDE_LEFT]: { '--slideXFrom': '64px' },\n    },\n  },\n}\n\n/**\n * Popup component.\n *\n * @type {React.FC<PopupProps>}\n * @returns {React.ReactElement} The Popup.\n */\nexport const Popup: FC<PopupProps> = memo<PopupProps>(({\n  title = 'Popup\\'s title',\n  children,\n  components = {},\n  isModal = true,\n  hideOnClickOutside = false,\n  hideOnContentClick = false,\n  animateVariant = PopupAnimateVariant.SLIDE_UP,\n  hasHeader = true,\n  hasCloseIcon = true,\n  width,\n  height,\n  style,\n  ...props\n}: PopupProps) => {\n  /**\n   * The ContentComponent to render.\n   *\n   * @type {ComponentType}\n   */\n  const ContentComponent = components?.ContentComponent\n\n  /**\n   * The popup styles.\n   *\n   * @type {CSSProperties}\n   */\n  const styles = useMemo(() => ({\n    ...(width ? { '--popup-width': width } : {}),\n    ...(height ? { '--popup-height': height } : {}),\n    ...style,\n  }), [height, style, width])\n\n  return (\n    <PopoverLite\n      clickable\n      isPopup\n      isModal={isModal}\n      hideOnContentClick={hideOnContentClick}\n      hideOnClickOutside={hideOnClickOutside}\n      modalOverlayClassName={classesOverlay['popup-modal-overlay']}\n      {...props}\n    >\n      <p>{/* Placeholder element to avoid error with no children */}</p>\n      <PopupContent\n        title={title}\n        hasHeader={hasHeader}\n        hasCloseIcon={hasCloseIcon}\n        animateVariant={animateVariant}\n        popupStyle={styles}\n      >\n        {/* Render children if ContentComponent is not provided */}\n        {(!ContentComponent && children) && children}\n        {/* Render ContentComponent if children are not provided */}\n        {(!children && ContentComponent) && <ContentComponent />}\n      </PopupContent>\n    </PopoverLite>\n  )\n})\n\n/**\n * The display name of the Popup component.\n *\n * @type {string}\n */\nPopup.displayName = 'Popup'\n\ntype PopupContentProps = PropsWithChildren<unknown> & {\n  title?: string\n  forwardedRef?: ForwardedRef['forwardedRef']\n  animateVariant?: PopupProps['animateVariant']\n  popupStyle?: CSSProperties\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  closeIconURL?: string\n  hide?: () => void\n}\n\n/**\n * The PopupContent component.\n *\n * @param {PopupContentProps} props The props for the PopupContent component.\n * @returns {React.ReactElement} The PopupContent.\n */\nconst PopupContent = memo(({\n  title,\n  forwardedRef,\n  hide,\n  children,\n  animateVariant,\n  popupStyle,\n  hasHeader = true,\n  hasCloseIcon = true,\n  closeIconURL,\n  ...props\n}: PopupContentProps) => {\n  /**\n   * The ContentRemapped element.\n   *\n   * @type {React.ReactElement[] | React.ReactElement}\n   */\n  const ContentRemapped = children && Array.isArray(children)\n    ? children.filter((child: ReactNode | ReactElement) => !!child)\n      .map((child: ReactElement, index: number) => cloneElement(\n      // eslint-disable-next-line react/no-array-index-key\n        child, { key: index, ...child.props, hide, ...props },\n      ))\n    : <div>Pseudo Content</div>\n\n  return (\n    <div className={`${classes['popup-container']}`} ref={forwardedRef} style={popupStyle}>\n      <LayoutBox\n        className={`${classes['popup-container-inner']}`}\n        style={animateVariant ? styles.popup.inner[animateVariant] as CSSProperties : {}}\n      >\n        {hasHeader && (\n          <>\n            <LayoutBox justify='space-between' align='start' width='100%' padding='20px 20px 16px 20px'>\n              <H3>{title}</H3>\n              {hasCloseIcon && (\n                <div\n                  onClick={hide}\n                  onKeyDown={hide}\n                  role='button'\n                  tabIndex={-1}\n                  className={classes['close-button']}\n                >\n                  {closeIconURL && <IconBase iconUrl={closeIconURL} />}\n                  {!closeIconURL && (\n                    <IconBase>\n                      {closeIconJSX}\n                    </IconBase>\n                  )}\n                </div>\n              )}\n            </LayoutBox>\n            <DividerLine length='100%' />\n          </>\n        )}\n        <div className={classes['popup-container-inner-div']}>\n          {ContentRemapped && ContentRemapped}\n        </div>\n      </LayoutBox>\n    </div>\n  )\n})\n\n/**\n * The display name of the PopupContent component.\n *\n * @type {string}\n */\nPopupContent.displayName = 'PopupContent'\n"],"names":["styles","PopupAnimateVariant","Popup","memo","title","children","components","isModal","hideOnClickOutside","hideOnContentClick","animateVariant","hasHeader","hasCloseIcon","width","height","style","props","ContentComponent","useMemo","jsxs","PopoverLite","classesOverlay","jsx","PopupContent","forwardedRef","hide","popupStyle","closeIconURL","ContentRemapped","child","index","cloneElement","classes","LayoutBox","Fragment","H3","IconBase","closeIconJSX","DividerLine"],"mappings":"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"}

package/dist/lib/esm/src/core/ui/components/molecules/popup/popup.module.scss.js

@@ -1,2 +1,5 @@
-var p={"popup-container":"popup-module_popup-container__PJ0oQ","popup-container-inner":"popup-module_popup-container-inner__n83Cz","close-button":"popup-module_close-button__-8sZx","popup-container-inner-div":"popup-module_popup-container-inner-div__sDNBm"};export{p as default};
+const s = {};
+export {
+  s as default
+};
 //# sourceMappingURL=popup.module.scss.js.map

package/dist/lib/esm/src/core/ui/components/molecules/popup/popup.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"popup.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/esm/src/core/ui/components/molecules/popup/popup.overlay.module.scss.js

@@ -1,2 +1,5 @@
-var o={"popup-modal-overlay":"popup-overlay-module_popup-modal-overlay__dlJqM"};export{o as default};
+const s = {};
+export {
+  s as default
+};
 //# sourceMappingURL=popup.overlay.module.scss.js.map

package/dist/lib/esm/src/core/ui/components/molecules/popup/popup.overlay.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.overlay.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"popup.overlay.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/esm/src/core/ui/components/molecules/popup/popup.types.js

@@ -1,2 +1,5 @@
-let e=function(e){return e.SLIDE_DOWN="slideDown",e.SLIDE_UP="slideUp",e.SLIDE_RIGHT="slideRight",e.SLIDE_LEFT="slideLeft",e}({});export{e as PopupAnimateVariant};
+var L = /* @__PURE__ */ ((D) => (D.SLIDE_DOWN = "slideDown", D.SLIDE_UP = "slideUp", D.SLIDE_RIGHT = "slideRight", D.SLIDE_LEFT = "slideLeft", D))(L || {});
+export {
+  L as PopupAnimateVariant
+};
 //# sourceMappingURL=popup.types.js.map

package/dist/lib/esm/src/core/ui/components/molecules/popup/popup.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.types.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/popup.types.ts"],"sourcesContent":["import { CSSProperties, ComponentType, PropsWithChildren } from 'react'\n\nimport { PopoverProps } from '../popover/popover.types'\n\n\n/**\n * Enumeration of animation variants for the Popup component.\n *\n * @readonly\n * @enum {string}\n */\nexport enum PopupAnimateVariant {\n  SLIDE_DOWN = 'slideDown',\n  SLIDE_UP = 'slideUp',\n  SLIDE_RIGHT = 'slideRight',\n  SLIDE_LEFT = 'slideLeft',\n}\n\n/**\n * Props for the Popup component.\n *\n * @typedef {PropsWithChildren & PopoverProps & {\n*   title?: string\n*   className?: string\n*   components?: {\n*     ContentComponent?: ComponentType | undefined\n*   }\n*   animateVariant?: PopupAnimateVariant\n*   width?: string\n*   height?: string\n*   style?: CSSProperties\n* }} PopupProps\n* @property {string} [title=\"Popup's title\"] - The title of the popup.\n* @property {string} [className] - The CSS class name for the popup.\n* @property {Object} [components] - The components to be used for rendering the popup content.\n* @property {ComponentType | undefined} [components.ContentComponent]\n* - The component to be used for rendering the popup content.\n* @property {PopupAnimateVariant} [animateVariant=PopupAnimateVariant.SLIDE_UP]\n* - The animation variant to be used for the popup.\n* @property {string} [width] - The width of the popup.\n* @property {string} [height] - The height of the popup.\n* @property {CSSProperties} [style] - The inline style for the popup.\n*/\nexport type PopupProps = PropsWithChildren & PopoverProps & {\n  title?: string\n  className?: string\n  components?: {\n   ContentComponent?: ComponentType | undefined\n  }\n  animateVariant?: PopupAnimateVariant\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  width?: string\n  height?: string\n  style?: CSSProperties\n}\n"],"names":["PopupAnimateVariant"],"mappings":"AAWA,IAAYA,WAAAA,GAAmB,OAAnBA,EAAmB,WAAA,YAAnBA,EAAmB,SAAA,UAAnBA,EAAmB,YAAA,aAAnBA,EAAmB,WAAA,YAAnBA,CAAmB,EAAA,CAAA"}
+{"version":3,"file":"popup.types.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/popup.types.ts"],"sourcesContent":["import { CSSProperties, ComponentType, PropsWithChildren } from 'react'\n\nimport { PopoverProps } from '../popover/popover.types'\n\n\n/**\n * Enumeration of animation variants for the Popup component.\n *\n * @readonly\n * @enum {string}\n */\nexport enum PopupAnimateVariant {\n  SLIDE_DOWN = 'slideDown',\n  SLIDE_UP = 'slideUp',\n  SLIDE_RIGHT = 'slideRight',\n  SLIDE_LEFT = 'slideLeft',\n}\n\n/**\n * Props for the Popup component.\n *\n * @typedef {PropsWithChildren & PopoverProps & {\n*   title?: string\n*   className?: string\n*   components?: {\n*     ContentComponent?: ComponentType | undefined\n*   }\n*   animateVariant?: PopupAnimateVariant\n*   width?: string\n*   height?: string\n*   style?: CSSProperties\n* }} PopupProps\n* @property {string} [title=\"Popup's title\"] - The title of the popup.\n* @property {string} [className] - The CSS class name for the popup.\n* @property {Object} [components] - The components to be used for rendering the popup content.\n* @property {ComponentType | undefined} [components.ContentComponent]\n* - The component to be used for rendering the popup content.\n* @property {PopupAnimateVariant} [animateVariant=PopupAnimateVariant.SLIDE_UP]\n* - The animation variant to be used for the popup.\n* @property {string} [width] - The width of the popup.\n* @property {string} [height] - The height of the popup.\n* @property {CSSProperties} [style] - The inline style for the popup.\n*/\nexport type PopupProps = PropsWithChildren & PopoverProps & {\n  title?: string\n  className?: string\n  components?: {\n   ContentComponent?: ComponentType | undefined\n  }\n  animateVariant?: PopupAnimateVariant\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  width?: string\n  height?: string\n  style?: CSSProperties\n}\n"],"names":["PopupAnimateVariant"],"mappings":"AAWO,IAAKA,sBAAAA,OACVA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aAJHA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/lib/esm/src/core/ui/utils/clickOutside.js

@@ -1,2 +1,8 @@
-const t=(t,n)=>o=>{const c=o.target,e="function"==typeof t?t():t;e&&!e.contains(c)&&n?.(c)};export{t as handleClickOutside};
+const e = (t, o) => (i) => {
+  const n = i.target, s = typeof t == "function" ? t() : t;
+  s && !s.contains(n) && (o == null || o(n));
+};
+export {
+  e as handleClickOutside
+};
 //# sourceMappingURL=clickOutside.js.map

package/dist/lib/esm/src/core/ui/utils/clickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickOutside.js","sources":["../../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport const handleClickOutside = (\n  element: Element,\n  callback?: CallbackFunction,\n) => (event: MouseEvent): void => {\n  const target = event.target as HTMLElement | null\n  const resolvedElement:HTMLElement | null = typeof element === 'function' ? element() : element\n\n  if (resolvedElement && !resolvedElement.contains(target)) {\n    callback?.(target)\n  }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement","contains"],"mappings":"AAGO,MAAMA,EAAqBA,CAChCC,EACAC,IACIC,IACJ,MAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,IAC/CF,IAAWE,EACb"}
+{"version":3,"file":"clickOutside.js","sources":["../../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport const handleClickOutside = (\n  element: Element,\n  callback?: CallbackFunction,\n) => (event: MouseEvent): void => {\n  const target = event.target as HTMLElement | null\n  const resolvedElement:HTMLElement | null = typeof element === 'function' ? element() : element\n\n  if (resolvedElement && !resolvedElement.contains(target)) {\n    callback?.(target)\n  }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement"],"mappings":"AAGO,MAAMA,IAAqB,CAChCC,GACAC,MACG,CAACC,MAA4B;AAChC,QAAMC,IAASD,EAAM,QACfE,IAAqC,OAAOJ,KAAY,aAAaA,MAAYA;AAEvF,EAAII,KAAmB,CAACA,EAAgB,SAASD,CAAM,MACrDF,KAAA,QAAAA,EAAWE;AAEf;"}

package/dist/lib/esm/src/core/ui/utils/style.js

@@ -1,2 +1,29 @@
-let t=16;const n=n=>{t=n},r=n=>n/t,s=function(t){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rem";return"string"==typeof t?t:"px"===n?`${r(t)}rem`:`${t}${n}`},e=t=>(t=t.toString(16)).padStart(2,"0"),i=function(t,n){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const s=t.replace("#",""),i=s.substring(0,2),u=s.substring(2,4),a=s.substring(4,6),o=parseInt(i,16),g=parseInt(u,16),p=parseInt(a,16);return(r?`rgba(${o},${g},${p},${n<=1?n:n/100})`:`#${i}${u}${a}${e(Math.round(255*(n<=1?n:n/100)))}`).toLowerCase()},u=(t,n,r,s)=>`#${e(t)}${e(n)}${e(r)}${e(Math.round(255*(s<=1?s:s/100)))}`,a=function(t,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;0===t.indexOf("#")&&(t=t.substr(1)),0===n.indexOf("#")&&(n=n.substr(1));const s=Math.ceil(parseInt(n.substring(0,2),16)*r+parseInt(t.substring(0,2),16)*(1-r)),i=Math.ceil(parseInt(n.substring(2,4),16)*r+parseInt(t.substring(2,4),16)*(1-r)),u=Math.ceil(parseInt(n.substring(4,6),16)*r+parseInt(t.substring(4,6),16)*(1-r));return`#${e(s)+e(i)+e(u)}`},o=function(t,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;const s=r/(r+1)/r,e=[];let i=s;for(;r--;)e.push(i),i+=s;return e.map((r=>a(t,n,r)))};export{o as calculateColors,a as calculatePercColor,i as convertHex,u as convertRGB,t as defaultFontSize,r as pxToRem,s as resolveStyleValue,n as setDefaultFontSize,e as toHex};
+let $ = 16;
+const p = (t) => {
+  $ = t;
+}, f = (t) => t / $, I = (t, s = "rem") => typeof t == "string" ? t : s === "px" ? `${f(t)}rem` : `${t}${s}`, r = (t) => (t = t.toString(16), t.padStart(2, "0")), h = (t, s, e = !1) => {
+  const n = t.replace("#", ""), c = n.substring(0, 2), u = n.substring(2, 4), a = n.substring(4, 6), b = parseInt(c, 16), g = parseInt(u, 16), i = parseInt(a, 16), o = s <= 1 ? s : s / 100;
+  return (e ? `rgba(${b},${g},${i},${o})` : `#${c}${u}${a}${r(Math.round((s <= 1 ? s : s / 100) * 255))}`).toLowerCase();
+}, x = (t, s, e, n) => `#${r(t)}${r(s)}${r(e)}${r(Math.round((n <= 1 ? n : n / 100) * 255))}`, l = (t, s, e = 0.5) => {
+  t.indexOf("#") === 0 && (t = t.substr(1)), s.indexOf("#") === 0 && (s = s.substr(1));
+  const n = Math.ceil(parseInt(s.substring(0, 2), 16) * e + parseInt(t.substring(0, 2), 16) * (1 - e)), c = Math.ceil(parseInt(s.substring(2, 4), 16) * e + parseInt(t.substring(2, 4), 16) * (1 - e)), u = Math.ceil(parseInt(s.substring(4, 6), 16) * e + parseInt(t.substring(4, 6), 16) * (1 - e));
+  return `#${r(n) + r(c) + r(u)}`;
+}, M = (t, s, e = 10) => {
+  const n = e / (e + 1) / e, c = [];
+  let u = n;
+  for (; e--; )
+    c.push(u), u += n;
+  return c.map((a) => l(t, s, a));
+};
+export {
+  M as calculateColors,
+  l as calculatePercColor,
+  h as convertHex,
+  x as convertRGB,
+  $ as defaultFontSize,
+  f as pxToRem,
+  I as resolveStyleValue,
+  p as setDefaultFontSize,
+  r as toHex
+};
 //# sourceMappingURL=style.js.map

package/dist/lib/esm/src/core/ui/utils/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../../../../src/core/ui/utils/style.ts"],"sourcesContent":["// eslint-disable-next-line import/no-mutable-exports\nexport let defaultFontSize = 16\nexport const setDefaultFontSize = (fontSize: number): void => {\n  defaultFontSize = fontSize\n}\n\nexport const pxToRem = (px: number): number => px / defaultFontSize\n\nexport const resolveStyleValue = (\n  value: string | number,\n  units = 'rem',\n): string => {\n  if (typeof value === 'string') {\n    return value as string\n  }\n\n  if (units === 'px') {\n    return `${pxToRem(value)}rem`\n  }\n\n  return `${value}${units}`\n}\n\n/* eslint-disable no-param-reassign */\nexport const toHex = (x: number | string): string => {\n  x = x.toString(16)\n  return x.padStart(2, '0')\n}\n\nexport const convertHex = (hex: string, opacity: number, rgba = false): string => {\n  const hexValue = hex.replace('#', '')\n  const rValue = hexValue.substring(0, 2)\n  const gValue = hexValue.substring(2, 4)\n  const bValue = hexValue.substring(4, 6)\n  const r = parseInt(rValue, 16)\n  const g = parseInt(gValue, 16)\n  const b = parseInt(bValue, 16)\n\n  const a = opacity <= 1 ? opacity : (opacity / 100)\n\n  return (rgba\n    ? `rgba(${r},${g},${b},${a})`\n    : `#${rValue}${gValue}${bValue}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`)\n    .toLowerCase()\n}\n\nexport const convertRGB = (\n  r: number, g: number, b: number, opacity: number,\n): string => `#${toHex(r)}${toHex(g)}${toHex(b)}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`\n\nexport const calculatePercColor = (startColor: string, endColor: string, ratio = 0.5): string => {\n  if (startColor.indexOf('#') === 0) {\n    startColor = startColor.substr(1)\n  }\n  if (endColor.indexOf('#') === 0) {\n    endColor = endColor.substr(1)\n  }\n\n  const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio\n    + parseInt(startColor.substring(0, 2), 16) * (1 - ratio))\n  const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio\n    + parseInt(startColor.substring(2, 4), 16) * (1 - ratio))\n  const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio\n    + parseInt(startColor.substring(4, 6), 16) * (1 - ratio))\n\n  return `#${toHex(r) + toHex(g) + toHex(b)}`\n}\n\nexport const calculateColors = (startColor: string, endColor: string, num = 10): string[] => {\n  const ratioIterator = (num / (num + 1)) / num\n  const ratios = []\n  let ratio = ratioIterator\n\n  // eslint-disable-next-line no-plusplus\n  while (num--) {\n    ratios.push(ratio)\n    ratio += ratioIterator\n  }\n\n  return ratios.map((rat) => calculatePercColor(startColor, endColor, rat))\n}\n"],"names":["defaultFontSize","setDefaultFontSize","fontSize","pxToRem","px","resolveStyleValue","value","units","arguments","length","undefined","toHex","x","toString","padStart","convertHex","hex","opacity","rgba","hexValue","replace","rValue","substring","gValue","bValue","r","parseInt","g","b","Math","round","toLowerCase","convertRGB","calculatePercColor","startColor","endColor","ratio","indexOf","substr","ceil","calculateColors","num","ratioIterator","ratios","push","map","rat"],"mappings":"AACO,IAAIA,EAAkB,GACtB,MAAMC,EAAsBC,IACjCF,EAAkBE,CAAQ,EAGfC,EAAWC,GAAuBA,EAAKJ,EAEvCK,EAAoB,SAC/BC,GAEW,IADXC,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAER,MAAqB,iBAAVF,EACFA,EAGK,OAAVC,EACK,GAAGJ,EAAQG,QAGb,GAAGA,IAAQC,GACpB,EAGaI,EAASC,IACpBA,EAAIA,EAAEC,SAAS,KACNC,SAAS,EAAG,KAGVC,EAAa,SAACC,EAAaC,GAA0C,IAAzBC,EAAIV,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC3D,MAAMW,EAAWH,EAAII,QAAQ,IAAK,IAC5BC,EAASF,EAASG,UAAU,EAAG,GAC/BC,EAASJ,EAASG,UAAU,EAAG,GAC/BE,EAASL,EAASG,UAAU,EAAG,GAC/BG,EAAIC,SAASL,EAAQ,IACrBM,EAAID,SAASH,EAAQ,IACrBK,EAAIF,SAASF,EAAQ,IAI3B,OAAQN,EACJ,QAAQO,KAAKE,KAAKC,KAHZX,GAAW,EAAIA,EAAWA,EAAU,OAI1C,IAAII,IAASE,IAASC,IAASb,EAAMkB,KAAKC,MAAmD,KAA5Cb,GAAW,EAAIA,EAAWA,EAAU,UACtFc,aACL,EAEaC,EAAaA,CACxBP,EAAWE,EAAWC,EAAWX,IACtB,IAAIN,EAAMc,KAAKd,EAAMgB,KAAKhB,EAAMiB,KAAKjB,EAAMkB,KAAKC,MAAmD,KAA5Cb,GAAW,EAAIA,EAAWA,EAAU,SAE3FgB,EAAqB,SAACC,EAAoBC,GAA0C,IAAxBC,EAAK5B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC/C,IAA5B0B,EAAWG,QAAQ,OACrBH,EAAaA,EAAWI,OAAO,IAEH,IAA1BH,EAASE,QAAQ,OACnBF,EAAWA,EAASG,OAAO,IAG7B,MAAMb,EAAII,KAAKU,KAAKb,SAASS,EAASb,UAAU,EAAG,GAAI,IAAMc,EACzDV,SAASQ,EAAWZ,UAAU,EAAG,GAAI,KAAO,EAAIc,IAC9CT,EAAIE,KAAKU,KAAKb,SAASS,EAASb,UAAU,EAAG,GAAI,IAAMc,EACzDV,SAASQ,EAAWZ,UAAU,EAAG,GAAI,KAAO,EAAIc,IAC9CR,EAAIC,KAAKU,KAAKb,SAASS,EAASb,UAAU,EAAG,GAAI,IAAMc,EACzDV,SAASQ,EAAWZ,UAAU,EAAG,GAAI,KAAO,EAAIc,IAEpD,MAAO,IAAIzB,EAAMc,GAAKd,EAAMgB,GAAKhB,EAAMiB,IACzC,EAEaY,EAAkB,SAACN,EAAoBC,GAAyC,IAAvBM,EAAGjC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC1E,MAAMkC,EAAiBD,GAAOA,EAAM,GAAMA,EACpCE,EAAS,GACf,IAAIP,EAAQM,EAGZ,KAAOD,KACLE,EAAOC,KAAKR,GACZA,GAASM,EAGX,OAAOC,EAAOE,KAAKC,GAAQb,EAAmBC,EAAYC,EAAUW,IACtE"}
+{"version":3,"file":"style.js","sources":["../../../../../../../src/core/ui/utils/style.ts"],"sourcesContent":["// eslint-disable-next-line import/no-mutable-exports\nexport let defaultFontSize = 16\nexport const setDefaultFontSize = (fontSize: number): void => {\n  defaultFontSize = fontSize\n}\n\nexport const pxToRem = (px: number): number => px / defaultFontSize\n\nexport const resolveStyleValue = (\n  value: string | number,\n  units = 'rem',\n): string => {\n  if (typeof value === 'string') {\n    return value as string\n  }\n\n  if (units === 'px') {\n    return `${pxToRem(value)}rem`\n  }\n\n  return `${value}${units}`\n}\n\n/* eslint-disable no-param-reassign */\nexport const toHex = (x: number | string): string => {\n  x = x.toString(16)\n  return x.padStart(2, '0')\n}\n\nexport const convertHex = (hex: string, opacity: number, rgba = false): string => {\n  const hexValue = hex.replace('#', '')\n  const rValue = hexValue.substring(0, 2)\n  const gValue = hexValue.substring(2, 4)\n  const bValue = hexValue.substring(4, 6)\n  const r = parseInt(rValue, 16)\n  const g = parseInt(gValue, 16)\n  const b = parseInt(bValue, 16)\n\n  const a = opacity <= 1 ? opacity : (opacity / 100)\n\n  return (rgba\n    ? `rgba(${r},${g},${b},${a})`\n    : `#${rValue}${gValue}${bValue}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`)\n    .toLowerCase()\n}\n\nexport const convertRGB = (\n  r: number, g: number, b: number, opacity: number,\n): string => `#${toHex(r)}${toHex(g)}${toHex(b)}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`\n\nexport const calculatePercColor = (startColor: string, endColor: string, ratio = 0.5): string => {\n  if (startColor.indexOf('#') === 0) {\n    startColor = startColor.substr(1)\n  }\n  if (endColor.indexOf('#') === 0) {\n    endColor = endColor.substr(1)\n  }\n\n  const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio\n    + parseInt(startColor.substring(0, 2), 16) * (1 - ratio))\n  const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio\n    + parseInt(startColor.substring(2, 4), 16) * (1 - ratio))\n  const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio\n    + parseInt(startColor.substring(4, 6), 16) * (1 - ratio))\n\n  return `#${toHex(r) + toHex(g) + toHex(b)}`\n}\n\nexport const calculateColors = (startColor: string, endColor: string, num = 10): string[] => {\n  const ratioIterator = (num / (num + 1)) / num\n  const ratios = []\n  let ratio = ratioIterator\n\n  // eslint-disable-next-line no-plusplus\n  while (num--) {\n    ratios.push(ratio)\n    ratio += ratioIterator\n  }\n\n  return ratios.map((rat) => calculatePercColor(startColor, endColor, rat))\n}\n"],"names":["defaultFontSize","setDefaultFontSize","fontSize","pxToRem","px","resolveStyleValue","value","units","toHex","x","convertHex","hex","opacity","rgba","hexValue","rValue","gValue","bValue","r","b","a","convertRGB","g","calculatePercColor","startColor","endColor","ratio","calculateColors","num","ratioIterator","ratios","rat"],"mappings":"AACO,IAAIA,IAAkB;AACtB,MAAMC,IAAqB,CAACC,MAA2B;AAC5D,EAAAF,IAAkBE;AACpB,GAEaC,IAAU,CAACC,MAAuBA,IAAKJ,GAEvCK,IAAoB,CAC/BC,GACAC,IAAQ,UAEJ,OAAOD,KAAU,WACZA,IAGLC,MAAU,OACL,GAAGJ,EAAQG,CAAK,CAAC,QAGnB,GAAGA,CAAK,GAAGC,CAAK,IAIZC,IAAQ,CAACC,OACpBA,IAAIA,EAAE,SAAS,EAAE,GACVA,EAAE,SAAS,GAAG,GAAG,IAGbC,IAAa,CAACC,GAAaC,GAAiBC,IAAO,OAAkB;AAChF,QAAMC,IAAWH,EAAI,QAAQ,KAAK,EAAE,GAC9BI,IAASD,EAAS,UAAU,GAAG,CAAC,GAChCE,IAASF,EAAS,UAAU,GAAG,CAAC,GAChCG,IAASH,EAAS,UAAU,GAAG,CAAC,GAChCI,IAAI,SAASH,GAAQ,EAAE,GACvB,IAAI,SAASC,GAAQ,EAAE,GACvBG,IAAI,SAASF,GAAQ,EAAE,GAEvBG,IAAIR,KAAW,IAAIA,IAAWA,IAAU;AAE9C,UAAQC,IACJ,QAAQK,CAAC,IAAI,CAAC,IAAIC,CAAC,IAAIC,CAAC,MACxB,IAAIL,CAAM,GAAGC,CAAM,GAAGC,CAAM,GAAGT,EAAM,KAAK,OAAOI,KAAW,IAAIA,IAAWA,IAAU,OAAQ,GAAG,CAAC,CAAC,IACnG,YAAA;AACL,GAEaS,IAAa,CACxBH,GAAWI,GAAWH,GAAWP,MACtB,IAAIJ,EAAMU,CAAC,CAAC,GAAGV,EAAMc,CAAC,CAAC,GAAGd,EAAMW,CAAC,CAAC,GAAGX,EAAM,KAAK,OAAOI,KAAW,IAAIA,IAAWA,IAAU,OAAQ,GAAG,CAAC,CAAC,IAExGW,IAAqB,CAACC,GAAoBC,GAAkBC,IAAQ,QAAgB;AAC/F,EAAIF,EAAW,QAAQ,GAAG,MAAM,MAC9BA,IAAaA,EAAW,OAAO,CAAC,IAE9BC,EAAS,QAAQ,GAAG,MAAM,MAC5BA,IAAWA,EAAS,OAAO,CAAC;AAG9B,QAAMP,IAAI,KAAK,KAAK,SAASO,EAAS,UAAU,GAAG,CAAC,GAAG,EAAE,IAAIC,IACzD,SAASF,EAAW,UAAU,GAAG,CAAC,GAAG,EAAE,KAAK,IAAIE,EAAM,GACpDJ,IAAI,KAAK,KAAK,SAASG,EAAS,UAAU,GAAG,CAAC,GAAG,EAAE,IAAIC,IACzD,SAASF,EAAW,UAAU,GAAG,CAAC,GAAG,EAAE,KAAK,IAAIE,EAAM,GACpDP,IAAI,KAAK,KAAK,SAASM,EAAS,UAAU,GAAG,CAAC,GAAG,EAAE,IAAIC,IACzD,SAASF,EAAW,UAAU,GAAG,CAAC,GAAG,EAAE,KAAK,IAAIE,EAAM;AAE1D,SAAO,IAAIlB,EAAMU,CAAC,IAAIV,EAAMc,CAAC,IAAId,EAAMW,CAAC,CAAC;AAC3C,GAEaQ,IAAkB,CAACH,GAAoBC,GAAkBG,IAAM,OAAiB;AAC3F,QAAMC,IAAiBD,KAAOA,IAAM,KAAMA,GACpCE,IAAS,CAAA;AACf,MAAIJ,IAAQG;AAGZ,SAAOD;AACL,IAAAE,EAAO,KAAKJ,CAAK,GACjBA,KAASG;AAGX,SAAOC,EAAO,IAAI,CAACC,MAAQR,EAAmBC,GAAYC,GAAUM,CAAG,CAAC;AAC1E;"}

package/dist/lib/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.js

@@ -1,2 +1,224 @@
-import"../../../../../node_modules/core-js/modules/es.array.includes.js";import{NON_EXISTENT_CHANNEL as e}from"./peregrineMQ.types.js";import t from"../../../../../node_modules/uuid/dist/esm-browser/v4.js";class s extends Error{constructor(){super("Clearing PeregrineMQ is not allowed. Please read the documentation for more information."),this.name="PeregrineMQClearError"}}class n{constructor(n,r){this.id=void 0,this.config={allowAutoPrune:!1,pruneInterval:1e4,allowClear:!1},this.channels=new Map,this.listeners=new Map,this.addListener=(e,t)=>{const s=this.listeners.get(e),n=this.channels.get(t);n&&(s?s.push(n):this.listeners.set(e,[n]))},this.removeListener=e=>{const t=this.listeners.get(e);let s=!0;for(const n of t||[])if(s=!n.has(e),!s)break;s&&this.listeners.delete(e)},this.publishToChannel=(t,s,n)=>{const r=this.channels.get(t);if(!r)return e;const i=r[Symbol.iterator]();let l=i.next().value;const h=[];for(;l;)h.push(l(t,n)),l=i.next().value;return 1===h?.length?h[0]:h},this.configure=e=>{this.config=e;const{allowAutoPrune:t,pruneInterval:s}=e;let n;t&&(n=setInterval((()=>{this.prune()}),s));const r=this;return{...t?{clearPruneInterval:()=>{clearInterval(n)},restartPruneInterval:()=>{clearInterval(n),n=setInterval((()=>{r.prune()}),s)}}:{}}},this.getChannels=()=>[...this.channels.keys()],this.prune=()=>{const e=this.channels[Symbol.iterator]();let t=e.next().value;const s=[];for(;t;)0===t[1]?.size&&(s.push(t[0]),this.channels.delete(t[0])),t=e.next().value;return s},this.removeChannel=e=>{const t=this.channels.get(e);if(t&&t.size>0){const e=[...t||[]];t.clear();let s=e.length;for(;s--;)this.removeListener(e[s])}return this.channels.delete(e)},this.publish=(e,t)=>{if(e.includes(".")){const s=e.split(".");let{length:n}=s,r=0;const i=[];for(;n--;){const e=this.publishToChannel(s.slice(0,r+1).join("."),n!==s.length-1,t);r+=1,i.push(e)}return i}return this.publishToChannel(e,!1,t)},this.subscribe=(e,t)=>{const s=this.channels.get(e);return s?s.add(t):this.channels.set(e,new Set([t])),this.addListener(t,e),()=>this.unsubscribe(t,{channel:e,prune:!0})},this.unsubscribe=(e,t)=>{const{channel:s,prune:n}=t||{};let r=!1;if(s){const t=this.channels.get(s);return r=!!t&&t.delete(e),n&&0===t?.size&&this.channels.delete(s),this.removeListener(e),r}const i=this.listeners.get(e)||[];for(const t of i)r=t.delete(e),n&&0===t.size&&this.prune();return this.listeners.delete(e),r},this.isSubscribed=(e,t)=>{if(t){const s=this.channels.get(t);return!!s&&s.has(e)}return this.listeners.has(e)},this.clear=()=>{if(!this.config.allowClear)throw new s;this.channels.clear(),this.listeners.clear()},this.getId=()=>this.id,this.id=n||t(),this.configure(r||{})}get length(){return[...this.channels.values()].reduce(((e,t)=>e+t.size),0)}}export{n as PeregrineMQ,s as PeregrineMQClearError};
+var u = Object.defineProperty;
+var a = (o, e, s) => e in o ? u(o, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[e] = s;
+var n = (o, e, s) => a(o, typeof e != "symbol" ? e + "" : e, s);
+import { NON_EXISTENT_CHANNEL as c } from "./peregrineMQ.types.js";
+class f extends Error {
+  constructor() {
+    super("Clearing PeregrineMQ is not allowed. Please read the documentation for more information."), this.name = "PeregrineMQClearError";
+  }
+}
+class g {
+  /**
+   * Creates a new instance of PeregrineMQ.
+   * @param id Specific instance of PeregrineMQ identifier
+   * @param config The configuration options for PeregrineMQ.
+   */
+  constructor(e, s) {
+    n(this, "id");
+    n(this, "config", {
+      allowAutoPrune: !1,
+      pruneInterval: 1e4,
+      allowClear: !1
+    });
+    /**
+     * The map of channels and their subscribers sets.
+     */
+    n(this, "channels", /* @__PURE__ */ new Map());
+    /**
+     * The map of listeners and their subscribed channels.
+     */
+    n(this, "listeners", /* @__PURE__ */ new Map());
+    /**
+     * Adds a callback as a listener to a channel.
+     * @param callback The callback function to add as a listener.
+     * @param channel The channel to add the listener to.
+     */
+    n(this, "addListener", (e, s) => {
+      const t = this.listeners.get(e), r = this.channels.get(s);
+      r && (t ? t.push(r) : this.listeners.set(e, [r]));
+    });
+    /**
+     * Removes the callback from the listeners collection if it is not subscribed to any channels.
+     * @description Removes the callback only when it is not present in any other subscriberSet
+     * (Ref to Map<string, SubscribersSet>).
+     * @param callback The callback to remove from listeners.
+     */
+    n(this, "removeListener", (e) => {
+      const s = this.listeners.get(e);
+      let t = !0;
+      for (const r of s || [])
+        if (t = !r.has(e), !t)
+          break;
+      t && this.listeners.delete(e);
+    });
+    /**
+     * Publishes data to a channel.
+     * @param channel The channel to publish the data to.
+     * @param isParent Indicates if the channel is a parent channel.
+     * @param data The data to publish.
+     * @returns A boolean indicating if the publication was successful.
+     */
+    n(this, "publishToChannel", (e, s, t) => {
+      const r = this.channels.get(e);
+      if (!r)
+        return c;
+      const l = r[Symbol.iterator]();
+      let h = l.next().value;
+      const i = [];
+      for (; h; )
+        i.push(h(e, t)), h = l.next().value;
+      return (i == null ? void 0 : i.length) === 1 ? i[0] : i;
+    });
+    /**
+     * Configures PeregrineMQ with the specified options.
+     * @param config The configuration options for PeregrineMQ.
+     * @returns An object containing the prune interval handler (if auto prune is enabled).
+     */
+    n(this, "configure", (e) => {
+      this.config = e;
+      const { allowAutoPrune: s, pruneInterval: t } = e;
+      let r;
+      s && (r = setInterval(() => {
+        this.prune();
+      }, t));
+      const l = this;
+      return {
+        ...s ? {
+          clearPruneInterval: () => {
+            clearInterval(r);
+          },
+          restartPruneInterval: () => {
+            clearInterval(r), r = setInterval(() => {
+              l.prune();
+            }, t);
+          }
+        } : {}
+      };
+    });
+    /**
+     * Gets an array of all channels.
+     * @returns An array of channel names.
+     */
+    n(this, "getChannels", () => [...this.channels.keys()]);
+    /**
+     * Prunes the channels with no subscribers.
+     * @returns An array of pruned channel names.
+     */
+    n(this, "prune", () => {
+      var r;
+      const e = this.channels[Symbol.iterator]();
+      let s = e.next().value;
+      const t = [];
+      for (; s; )
+        ((r = s[1]) == null ? void 0 : r.size) === 0 && (t.push(s[0]), this.channels.delete(s[0])), s = e.next().value;
+      return t;
+    });
+    /**
+     * Removes a channel and its subscribers.
+     * @param channel The channel to remove.
+     * @returns A boolean indicating if the channel was successfully removed.
+     */
+    n(this, "removeChannel", (e) => {
+      const s = this.channels.get(e);
+      if (s && s.size > 0) {
+        const t = [...s || []];
+        s.clear();
+        let r = t.length;
+        for (; r--; )
+          this.removeListener(t[r]);
+      }
+      return this.channels.delete(e);
+    });
+    /**
+     * Publishes data to a channel.
+     * @param channel The channel to publish the data to.
+     * @param data The data to publish.
+     * @returns A boolean indicating if the publication was successful.
+     */
+    n(this, "publish", (e, s) => {
+      if (e.includes(".")) {
+        const t = e.split(".");
+        let { length: r } = t, l = 0;
+        const h = [];
+        for (; r--; ) {
+          const i = this.publishToChannel(
+            t.slice(0, l + 1).join("."),
+            r !== t.length - 1,
+            s
+          );
+          l += 1, h.push(i);
+        }
+        return h;
+      }
+      return this.publishToChannel(e, !1, s);
+    });
+    /**
+     * Subscribes a callback to a channel.
+     * @param channel The channel to subscribe to.
+     * @param callback The callback function to subscribe.
+     * @returns A function to unsubscribe the callback.
+     */
+    n(this, "subscribe", (e, s) => {
+      const t = this.channels.get(e);
+      return t ? t.add(s) : this.channels.set(e, /* @__PURE__ */ new Set([s])), this.addListener(s, e), () => this.unsubscribe(s, { channel: e, prune: !0 });
+    });
+    /**
+     * Unsubscribes a callback from a channel or all channels.
+     * @param callback The callback function to unsubscribe.
+     * @param options Optional unsubscribe options.
+     * @returns A boolean indicating if the callback was successfully unsubscribed.
+     */
+    n(this, "unsubscribe", (e, s) => {
+      const { channel: t, prune: r } = s || {};
+      let l = !1;
+      if (t) {
+        const i = this.channels.get(t);
+        return l = i ? i.delete(e) : !1, r && (i == null ? void 0 : i.size) === 0 && this.channels.delete(t), this.removeListener(e), l;
+      }
+      const h = this.listeners.get(e) || [];
+      for (const i of h)
+        l = i.delete(e), r && i.size === 0 && this.prune();
+      return this.listeners.delete(e), l;
+    });
+    /**
+     * Checks if a callback is subscribed to a specific channel or any channel.
+     * @param callback The callback function to check.
+     * @param channel Optional channel name to check subscription for.
+     * @returns A boolean indicating if the callback is subscribed.
+     */
+    n(this, "isSubscribed", (e, s) => {
+      if (s) {
+        const t = this.channels.get(s);
+        return t ? t.has(e) : !1;
+      }
+      return this.listeners.has(e);
+    });
+    /**
+     * Clears all channels and listeners.
+     * @throws {Error} If clearing PeregrineMQ is not allowed.
+     */
+    n(this, "clear", () => {
+      if (this.config.allowClear)
+        this.channels.clear(), this.listeners.clear();
+      else
+        throw new f();
+    });
+    /**
+     * Returns the specific instance of PeregrineMQ.
+     * @returns A string identifier of the specific instance of PeregrineMQ.
+     */
+    n(this, "getId", () => this.id);
+    this.id = e || (typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2)}`), this.configure(s || {});
+  }
+  /**
+   * Gets the total number of subscribers across all channels.
+   */
+  get length() {
+    return [...this.channels.values()].reduce((e, s) => e + s.size, 0);
+  }
+}
+export {
+  g as PeregrineMQ,
+  f as PeregrineMQClearError
+};
 //# sourceMappingURL=peregrineMQ.js.map