@e1011/es-kit 1.5.0 → 1.5.4

package/dist/ui/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/ui/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":";;;;;;;;;;;AAwBA,MAAMA,IAKF;AAAA,EACF,OAAO;AAAA,IACL,OAAO;AAAA,MACL,CAACC,EAAoB,UAAU,GAAG,EAAE,gBAAgB,QAAA;AAAA,MACpD,CAACA,EAAoB,QAAQ,GAAG,EAAE,gBAAgB,OAAA;AAAA,MAClD,CAACA,EAAoB,WAAW,GAAG,EAAE,gBAAgB,QAAA;AAAA,MACrD,CAACA,EAAoB,UAAU,GAAG,EAAE,gBAAgB,OAAA;AAAA,IAAO;AAAA,EAC7D;AAEJ,GAQaC,IAAwBC,EAAiB,CAAC;AAAA,EACrD,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,YAAAC,IAAa,CAAA;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,oBAAAC,IAAqB;AAAA,EACrB,oBAAAC,IAAqB;AAAA,EACrB,gBAAAC,IAAiBT,EAAoB;AAAA,EACrC,WAAAU,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAkB;AAMhB,QAAMC,IAAmBX,KAAA,gBAAAA,EAAY,kBAO/BN,IAASkB,EAAQ,OAAO;AAAA,IAC5B,GAAIL,IAAQ,EAAE,iBAAiBA,EAAA,IAAU,CAAA;AAAA,IACzC,GAAIC,IAAS,EAAE,kBAAkBA,EAAA,IAAW,CAAA;AAAA,IAC5C,GAAGC;AAAA,EAAA,IACD,CAACD,GAAQC,GAAOF,CAAK,CAAC;AAE1B,SACE,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,SAAO;AAAA,MACP,SAAAb;AAAA,MACA,oBAAAE;AAAA,MACA,oBAAAD;AAAA,MACA,uBAAuBa,EAAe,qBAAqB;AAAA,MAC1D,GAAGL;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAAC,KAAA,EAA6D;AAAA,QAC9D,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAAnB;AAAA,YACA,WAAAO;AAAA,YACA,cAAAC;AAAA,YACA,gBAAAF;AAAA,YACA,YAAYV;AAAAA,YAGV,UAAA;AAAA,cAAA,CAACiB,KAAoBZ,KAAaA;AAAA,cAElC,CAACA,KAAYY,KAAqB,gBAAAK,EAACL,GAAA,CAAA,CAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACxD;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAODf,EAAM,cAAc;AAmBpB,MAAMqB,IAAepB,EAAK,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,cAAAoB;AAAA,EACA,MAAAC;AAAA,EACA,UAAApB;AAAA,EACA,gBAAAK;AAAA,EACA,YAAAgB;AAAA,EACA,WAAAf,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,cAAAe;AAAA,EACA,GAAGX;AACL,MAAyB;AAMvB,QAAMY,IAAkBvB,KAAY,MAAM,QAAQA,CAAQ,IACtDA,EAAS,OAAO,CAACwB,MAAoC,CAAC,CAACA,CAAK,EAC3D,IAAI,CAACA,GAAqBC,MAAkBC;AAAA;AAAA,IAE3CF;AAAA,IAAO,EAAE,KAAKC,GAAO,GAAGD,EAAM,OAAO,MAAAJ,GAAM,GAAGT,EAAA;AAAA,EAAM,CACrD,IACD,gBAAAM,EAAC,OAAA,EAAI,UAAA,iBAAA,CAAc;AAEvB,SACE,gBAAAA,EAAC,OAAA,EAAI,WAAW,GAAGU,EAAQ,iBAAiB,CAAC,IAAI,KAAKR,GAAc,OAAOE,GACzE,UAAA,gBAAAP;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,WAAW,GAAGD,EAAQ,uBAAuB,CAAC;AAAA,MAC9C,OAAOtB,IAAiBV,EAAO,MAAM,MAAMU,CAAc,IAAqB,CAAA;AAAA,MAE7E,UAAA;AAAA,QAAAC,KACC,gBAAAQ,EAAAe,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAf,EAACc,GAAA,EAAU,SAAQ,iBAAgB,OAAM,SAAQ,OAAM,QAAO,SAAQ,uBACpE,UAAA;AAAA,YAAA,gBAAAX,EAACa,KAAI,UAAA/B,EAAA,CAAM;AAAA,YACVQ,KACC,gBAAAO;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAASM;AAAA,gBACT,WAAWA;AAAA,gBACX,MAAK;AAAA,gBACL,UAAU;AAAA,gBACV,WAAWO,EAAQ,cAAc;AAAA,gBAEhC,UAAA;AAAA,kBAAAL,KAAgB,gBAAAL,EAACc,GAAA,EAAS,SAAST,EAAA,CAAc;AAAA,kBACjD,CAACA,KACA,gBAAAL,EAACc,GAAA,EACE,UAAAC,EAAA,CACH;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ,GAEJ;AAAA,UACA,gBAAAf,EAACgB,GAAA,EAAY,QAAO,OAAA,CAAO;AAAA,QAAA,GAC7B;AAAA,0BAED,OAAA,EAAI,WAAWN,EAAQ,2BAA2B,GAChD,eAAmBJ,EAAA,CACtB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ,CAAC;AAODL,EAAa,cAAc;"}

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

@@ -1,2 +1,87 @@
-export{AnchorLink}from"./components/atoms/text/anchor-link/AnchorLink.js";export{BoxLayout,LayoutBox}from"./components/container/layoutBox/LayoutBox.js";export{Button,IconButton,keys}from"./components/atoms/button/Button.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{DefaultErrorComponent,ErrorBoundary}from"./components/error/ErrorBoundary.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{ESIcon,ESIconBase}from"./components/icon/IconWC.js";export{Field,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{FlowLayout}from"./components/molecules/layouts/FlowLayout.js";export{Headline,HeadlineSecondary,HeadlineTertiary}from"./components/atoms/text/Headline.js";export{Icon}from"./components/icon/Icon.js";export{IconBase}from"./components/icon/IconBase.js";export{LayoutDirection}from"./components/container/layoutBox/layoutBox.types.js";export{LazyComponent,PendingBoundary,createLazyModule,createLazyModuleWithStore,wrapPromise}from"./components/container/lazyComponent/LazyComponent.js";export{Link}from"./components/atoms/text/Link.js";export{Paragraph,ParagraphBold,ParagraphBoldSmall,ParagraphSmall}from"./components/atoms/text/Paragraph.js";export{Popover}from"./components/molecules/popover/PopoverLite.js";export{PopoverPlacement}from"./components/molecules/popover/popover.types.js";export{Popup}from"./components/molecules/popup/Popup.js";export{PopupAnimateVariant}from"./components/molecules/popup/popup.types.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{Tag}from"./components/atoms/tag/Tag.js";export{TagVariant}from"./components/atoms/tag/tag.types.js";export{Text}from"./components/atoms/text/Text.js";export{TextAndContent,TextAndIcons}from"./components/atoms/textAndContent/TextAndContent.js";export{Toggle}from"./components/atoms/toggle/Toggle.js";export{Tooltip}from"./components/molecules/popover/Tooltip.js";export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";
+import { AnchorLink as e } from "./components/atoms/text/anchor-link/AnchorLink.js";
+import { BoxLayout as a, LayoutBox as n } from "./components/container/layoutBox/LayoutBox.js";
+import { Button as m, IconButton as l, keys as x } from "./components/atoms/button/Button.js";
+import { CollapsibleContainer as i } from "./components/container/CollapsibleContainer.js";
+import { DefaultErrorComponent as d, ErrorBoundary as u } from "./components/error/ErrorBoundary.js";
+import { DividerHorizontal as s, DividerLine as P, DividerVertical as B } from "./components/dividers/DividerLine.js";
+import { ESIcon as L, ESIconBase as S } from "./components/icon/IconWC.js";
+import { Field as T, Select as v, setIconColor as I, setIconComponent as z } from "./components/field/Field.js";
+import { FlowLayout as D } from "./components/molecules/layouts/FlowLayout.js";
+import { Headline as A, HeadlineSecondary as E, HeadlineTertiary as F } from "./components/atoms/text/Headline.js";
+import { Icon as k } from "./components/icon/Icon.js";
+import { IconBase as b } from "./components/icon/IconBase.js";
+import { LayoutDirection as M } from "./components/container/layoutBox/layoutBox.types.js";
+import { LazyComponent as W, PendingBoundary as j, createLazyModule as q, createLazyModuleWithStore as J, wrapPromise as K } from "./components/container/lazyComponent/LazyComponent.js";
+import { Link as O } from "./components/atoms/text/Link.js";
+import { Paragraph as U, ParagraphBold as X, ParagraphBoldSmall as Y, ParagraphSmall as Z } from "./components/atoms/text/Paragraph.js";
+import { Popover as $ } from "./components/molecules/popover/PopoverLite.js";
+import { PopoverPlacement as ro } from "./components/molecules/popover/popover.types.js";
+import { Popup as to } from "./components/molecules/popup/Popup.js";
+import { PopupAnimateVariant as no } from "./components/molecules/popup/popup.types.js";
+import { ResizableContainer as mo } from "./components/container/ResizableContainer.js";
+import { Tag as xo } from "./components/atoms/tag/Tag.js";
+import { TagVariant as io } from "./components/atoms/tag/tag.types.js";
+import { Text as uo } from "./components/atoms/text/Text.js";
+import { TextAndContent as so, TextAndIcons as Po } from "./components/atoms/textAndContent/TextAndContent.js";
+import { Toggle as Co } from "./components/atoms/toggle/Toggle.js";
+import { Tooltip as So } from "./components/molecules/popover/Tooltip.js";
+import { calculateColors as To, calculatePercColor as vo, convertHex as Io, convertRGB as zo, defaultFontSize as ho, pxToRem as Do, resolveStyleValue as Ho, setDefaultFontSize as Ao, toHex as Eo } from "./utils/style.js";
+export {
+  e as AnchorLink,
+  a as BoxLayout,
+  m as Button,
+  i as CollapsibleContainer,
+  d as DefaultErrorComponent,
+  s as DividerHorizontal,
+  P as DividerLine,
+  B as DividerVertical,
+  L as ESIcon,
+  S as ESIconBase,
+  u as ErrorBoundary,
+  T as Field,
+  D as FlowLayout,
+  A as Headline,
+  E as HeadlineSecondary,
+  F as HeadlineTertiary,
+  k as Icon,
+  b as IconBase,
+  l as IconButton,
+  n as LayoutBox,
+  M as LayoutDirection,
+  W as LazyComponent,
+  O as Link,
+  U as Paragraph,
+  X as ParagraphBold,
+  Y as ParagraphBoldSmall,
+  Z as ParagraphSmall,
+  j as PendingBoundary,
+  $ as Popover,
+  ro as PopoverPlacement,
+  to as Popup,
+  no as PopupAnimateVariant,
+  mo as ResizableContainer,
+  v as Select,
+  xo as Tag,
+  io as TagVariant,
+  uo as Text,
+  so as TextAndContent,
+  Po as TextAndIcons,
+  Co as Toggle,
+  So as Tooltip,
+  To as calculateColors,
+  vo as calculatePercColor,
+  Io as convertHex,
+  zo as convertRGB,
+  q as createLazyModule,
+  J as createLazyModuleWithStore,
+  ho as defaultFontSize,
+  x as keys,
+  Do as pxToRem,
+  Ho as resolveStyleValue,
+  Ao as setDefaultFontSize,
+  I as setIconColor,
+  z as setIconComponent,
+  Eo as toHex,
+  K as wrapPromise
+};
 //# sourceMappingURL=index.js.map

package/dist/ui/esm/src/core/ui/index.js.map

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

package/dist/ui/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/ui/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/ui/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/ui/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/ui/esm/src/core/utils/helpers/cancelableDelayedFunction.js

@@ -1,2 +1,8 @@
-const t=function(t){const e=setTimeout(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:100);return()=>clearTimeout(e)};export{t as cancelableSetTimeout};
+const c = (e, t = 100) => {
+  const o = setTimeout(e, t);
+  return () => clearTimeout(o);
+};
+export {
+  c as cancelableSetTimeout
+};
 //# sourceMappingURL=cancelableDelayedFunction.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"cancelableDelayedFunction.js","sources":["../../../../../../../src/core/utils/helpers/cancelableDelayedFunction.ts"],"sourcesContent":["export const cancelableSetInterval = (func: () => void, delay = 100): () => void => {\n  const timeoutInterval = setInterval(func, delay)\n\n  return (): void => clearInterval(timeoutInterval)\n}\n\nexport const cancelableSetTimeout = (func: () => void, delay = 100): () => void => {\n  const timeoutInterval = setTimeout(func, delay)\n\n  return (): void => clearTimeout(timeoutInterval)\n}\n"],"names":["cancelableSetTimeout","func","timeoutInterval","setTimeout","arguments","length","undefined","clearTimeout"],"mappings":"MAMaA,EAAuB,SAACC,GACnC,MAAMC,EAAkBC,WAAWF,EADuBG,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,KAG7D,MAAO,IAAYG,aAAaL,EAClC"}
+{"version":3,"file":"cancelableDelayedFunction.js","sources":["../../../../../../../src/core/utils/helpers/cancelableDelayedFunction.ts"],"sourcesContent":["export const cancelableSetInterval = (func: () => void, delay = 100): () => void => {\n  const timeoutInterval = setInterval(func, delay)\n\n  return (): void => clearInterval(timeoutInterval)\n}\n\nexport const cancelableSetTimeout = (func: () => void, delay = 100): () => void => {\n  const timeoutInterval = setTimeout(func, delay)\n\n  return (): void => clearTimeout(timeoutInterval)\n}\n"],"names":["cancelableSetTimeout","func","delay","timeoutInterval"],"mappings":"AAMO,MAAMA,IAAuB,CAACC,GAAkBC,IAAQ,QAAoB;AACjF,QAAMC,IAAkB,WAAWF,GAAMC,CAAK;AAE9C,SAAO,MAAY,aAAaC,CAAe;AACjD;"}

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

@@ -1,2 +1,9 @@
-import"sanitize-html";const e=e=>e?.toLowerCase?.()?.replace(/\s+/g,"-");export{e as composeId};
+import "sanitize-html";
+const c = (o) => {
+  var p, r;
+  return (r = (p = o == null ? void 0 : o.toLowerCase) == null ? void 0 : p.call(o)) == null ? void 0 : r.replace(/\s+/g, "-");
+};
+export {
+  c as composeId
+};
 //# sourceMappingURL=text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../../../../src/core/utils/helpers/text.ts"],"sourcesContent":["import _sanitize from 'sanitize-html'\n\nexport const defaultSanitizeConfig = {\n  allowedTags: ['b', 'i', 'em', 'strong', 'a', 'p', 'span', 'li', 'ul', 'div', 'h1', 'h2', 'h3', 'h4', 'img'],\n  allowedAttributes: {\n    a: ['href', 'target', 'style', 'class', 'onclick'],\n    '*': ['href', 'target', 'style', 'align', 'alt', 'center', 'bgcolor', 'style', 'src'],\n  },\n}\n\nexport const sanitizeHtml\n  = (\n    text: string,\n    sanitizeConfig?: typeof defaultSanitizeConfig,\n  ): ReturnType<typeof _sanitize> => _sanitize(text, sanitizeConfig || defaultSanitizeConfig)\n\nexport const composeId = (text: string): string => text?.toLowerCase?.()?.replace(/\\s+/g, '-')\n"],"names":["composeId","text","toLowerCase","replace"],"mappings":"4BAgBaA,EAAaC,GAAyBA,GAAMC,iBAAiBC,QAAQ,OAAQ"}
+{"version":3,"file":"text.js","sources":["../../../../../../../src/core/utils/helpers/text.ts"],"sourcesContent":["import _sanitize from 'sanitize-html'\n\nexport const defaultSanitizeConfig = {\n  allowedTags: ['b', 'i', 'em', 'strong', 'a', 'p', 'span', 'li', 'ul', 'div', 'h1', 'h2', 'h3', 'h4', 'img'],\n  allowedAttributes: {\n    a: ['href', 'target', 'style', 'class', 'onclick'],\n    '*': ['href', 'target', 'style', 'align', 'alt', 'center', 'bgcolor', 'style', 'src'],\n  },\n}\n\nexport const sanitizeHtml\n  = (\n    text: string,\n    sanitizeConfig?: typeof defaultSanitizeConfig,\n  ): ReturnType<typeof _sanitize> => _sanitize(text, sanitizeConfig || defaultSanitizeConfig)\n\nexport const composeId = (text: string): string => text?.toLowerCase?.()?.replace(/\\s+/g, '-')\n"],"names":["composeId","text","_b","_a"],"mappings":";AAgBO,MAAMA,IAAY,CAACC;;AAAyB,UAAAC,KAAAC,IAAAF,KAAA,gBAAAA,EAAM,gBAAN,gBAAAE,EAAA,KAAAF,OAAA,gBAAAC,EAAuB,QAAQ,QAAQ;AAAA;"}

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

@@ -1,2 +1,15 @@
-const t=function(){for(var t=arguments.length,r=new Array(t),e=0;e<t;e++)r[e]=arguments[e];return r.filter((t=>"string"==typeof t&&null!=t)).filter(Boolean).join(" ")},r=t=>{const r={},e={};return Object.entries(t).forEach((t=>{let[o,a]=t;"data-"===o.substr(0,5)||"data"===o.substr(0,4)?r[o]=a:e[o]=a})),{dataProps:r,restProps:e}},e=t=>{t?.preventDefault?.(),t?.stopPropagation?.(),t?.stopImmediatePropagation?.()};export{t as classNames,e as noop,r as parseProps};
+const i = (...o) => o.filter((r) => typeof r == "string" && r !== void 0 && r !== null).filter(Boolean).join(" "), c = (o) => {
+  const r = {}, a = {};
+  return Object.entries(o).forEach(([s, p]) => {
+    s.substr(0, 5) === "data-" || s.substr(0, 4) === "data" ? r[s] = p : a[s] = p;
+  }), { dataProps: r, restProps: a };
+}, f = (o) => {
+  var r, a, s;
+  (r = o == null ? void 0 : o.preventDefault) == null || r.call(o), (a = o == null ? void 0 : o.stopPropagation) == null || a.call(o), (s = o == null ? void 0 : o.stopImmediatePropagation) == null || s.call(o);
+};
+export {
+  i as classNames,
+  f as noop,
+  c as parseProps
+};
 //# sourceMappingURL=ui.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sources":["../../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\n}\n\n/**\n * Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n */\nexport type ThemeMap = {\n  dark: string\n  light: string\n}\n\nconst THEME_PROP = '__eskit_themes__'\n\nconst defaultThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Reads the theme config stored on the given element.\n * Falls back to defaultThemes when no config has been set.\n * Scoping to the element means different microfrontends (different roots) are isolated,\n * while all bundles targeting the same element share one config.\n * @param {HTMLElement} [element] - The element to read from. Defaults to document.body.\n * @returns {ThemeMap} The current base themes for the element.\n */\nexport const getBaseThemes = (element?: HTMLElement): ThemeMap => {\n  const el = element ?? document.body\n\n  return (el as unknown as Record<string, unknown>)[THEME_PROP] as ThemeMap ?? defaultThemes\n}\n\n/**\n * Sets the base theme class names on the given element.\n * @param {ThemeMap} themes - CSS classes for dark and light themes.\n * @param {HTMLElement} [element] - The element to store config on. Defaults to document.body.\n */\nexport const setThemeClassNames = (themes: ThemeMap, element?: HTMLElement): void => {\n  const el = element ?? document.body\n  const store = el as unknown as Record<string, unknown>\n\n  store[THEME_PROP] = themes\n}\n\n/**\n * Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n */\nexport const switchColorTheme = (\n  isDark: boolean, htmlElement?: HTMLElement, findShadows = true,\n): void => {\n  const themes = getBaseThemes(htmlElement)\n  const oldClass = isDark ? themes.light : themes.dark\n  const newClass = isDark ? themes.dark : themes.light\n\n  if (htmlElement) {\n    htmlElement.classList.remove(oldClass)\n    htmlElement.classList.remove(newClass)\n    htmlElement.classList.add(newClass)\n  }\n\n  if (typeof document !== 'undefined') {\n    document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n      element.classList.add(`.${newClass}`)\n      element.classList.remove(`.${oldClass}`)\n    })\n\n    if (findShadows) {\n      document.querySelectorAll('.shadow-div').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n      })\n\n      document.querySelectorAll('esmf-wrapper').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n        const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n        if (firstChild) {\n          firstChild.classList.add(newClass)\n          firstChild.classList.remove(oldClass)\n        }\n      })\n    }\n  }\n}\n\n/**\n * Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n  const el = htmlElement || document.body\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(getBaseThemes(el).dark)\n  }\n  switchColorTheme(resolvedIsDark, el)\n}\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/**\n * Observes the user's theme preference and applies the appropriate theme.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n * @returns {() => void} Function to stop observing the theme preference.\n */\nexport const observeThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n  const switchColorThemeHandler = (isDark: boolean): void => {\n    const htmlElement = getHtmlElement()\n\n    switchColorTheme?.(isDark, htmlElement)\n    switchCallback?.(isDark)\n  }\n\n  const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(event.matches)\n  }\n\n  const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(!event.matches)\n  }\n\n  const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n  try {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  } catch (error) {\n    console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n  }\n\n  switchColorThemeHandler(isDark?.matches)\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n    windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n  )\n  window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n    windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n  )\n\n  return () => {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  }\n}\n"],"names":["classNames","_len","arguments","length","classes","Array","_key","filter","className","Boolean","join","parseProps","props","dataProps","restProps","Object","entries","forEach","_ref","key","value","substr","noop","event","preventDefault","stopPropagation","stopImmediatePropagation"],"mappings":"AAYO,MAAMA,EAAa,WAAA,IAAA,IAAAC,EAAAC,UAAAC,OAAIC,EAAO,IAAAC,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAPF,EAAOE,GAAAJ,UAAAI,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,EAQfC,EAAcC,IACzB,MAAMC,EAAqC,CAAA,EACrCC,EAAqC,CAAA,EAS3C,OAPAC,OAAOC,QAAQJ,GAAOK,SAAQC,IAAkB,IAAhBC,EAAKC,GAAMF,EAChB,UAArBC,EAAIE,OAAO,EAAG,IAAuC,SAArBF,EAAIE,OAAO,EAAG,GAChDR,EAAUM,GAAOC,EAEjBN,EAAUK,GAAOC,CACnB,IAEK,CAAEP,YAAWC,YAAW,EAoEpBQ,EAAQC,IACnBA,GAAOC,mBACPD,GAAOE,oBACPF,GAAOG,4BAA4B"}
+{"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","classes","className","parseProps","props","dataProps","restProps","key","value","noop","event","_a","_b","_c"],"mappings":"AAYO,MAAMA,IAAa,IAAIC,MAAkCA,EAC7D,OAAO,CAACC,MAA2B,OAAOA,KAAc,YAAYA,MAAc,UAAaA,MAAc,IAAK,EAClH,OAAO,OAAO,EAAE,KAAK,GAAG,GAQdC,IAAa,CAACC,MAAuD;AAChF,QAAMC,IAAqC,CAAA,GACrCC,IAAqC,CAAA;AAE3C,gBAAO,QAAQF,CAAK,EAAE,QAAQ,CAAC,CAACG,GAAKC,CAAK,MAAM;AAC9C,IAAID,EAAI,OAAO,GAAG,CAAC,MAAM,WAAWA,EAAI,OAAO,GAAG,CAAC,MAAM,SACvDF,EAAUE,CAAG,IAAIC,IAEjBF,EAAUC,CAAG,IAAIC;AAAA,EAErB,CAAC,GACM,EAAE,WAAAH,GAAW,WAAAC,EAAA;AACtB,GAmEaG,IAAO,CAACC,MAA4B;AAzF1C,MAAAC,GAAAC,GAAAC;AA0FL,GAAAF,IAAAD,KAAA,gBAAAA,EAAO,mBAAP,QAAAC,EAAA,KAAAD,KACAE,IAAAF,KAAA,gBAAAA,EAAO,oBAAP,QAAAE,EAAA,KAAAF,KACAG,IAAAH,KAAA,gBAAAA,EAAO,6BAAP,QAAAG,EAAA,KAAAH;AACF;"}

package/dist/ui/esm/src/core/utils/webComponents/webComponent.utils.js

@@ -1,2 +1,22 @@
-const e=e=>t=>{customElements.get(e)||customElements.define(e,t)},t=e=>function(t){let o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2?arguments[2]:void 0;const i=e.getAttribute(t),s=void 0!==i;return o&&s&&void 0===e[t]&&(e[t]=n?n(i):i),s},o=(e,o)=>{const n=t(e);o.forEach((e=>{if("string"==typeof e)n(e);else{const{name:t,override:o,valueMap:i}=e;n(t,o,i)}}))};export{e as ced,t as createResolveAttribute,o as resolveAttributes};
+const i = (e) => (t) => {
+  customElements.get(e) || customElements.define(e, t);
+}, l = (e) => (t, r = !0, s) => {
+  const o = e.getAttribute(t), c = o !== void 0;
+  return r && c && e[t] === void 0 && (e[t] = s ? s(o) : o), c;
+}, d = (e, t) => {
+  const r = l(e);
+  t.forEach((s) => {
+    if (typeof s == "string")
+      r(s);
+    else {
+      const { name: o, override: c, valueMap: n } = s;
+      r(o, c, n);
+    }
+  });
+};
+export {
+  i as ced,
+  l as createResolveAttribute,
+  d as resolveAttributes
+};
 //# sourceMappingURL=webComponent.utils.js.map

package/dist/ui/esm/src/core/utils/webComponents/webComponent.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"webComponent.utils.js","sources":["../../../../../../../src/core/utils/webComponents/webComponent.utils.ts"],"sourcesContent":["/* custom elements define */\nexport const ced = (name: string): (componentClass: typeof HTMLElement) => void => (\n  componentClass: typeof HTMLElement,\n) => {\n  customElements.get(name) || customElements.define(name, componentClass)\n}\n\nexport const customElementDefine = ced\n\n\n\nexport const createResolveAttribute = (\n  component: Element & Record<string, any>,\n) => (\n  attributeName: string,\n  // eslint-disable-next-line default-param-last\n  overrideProperty = true,\n  valueMap?: (value: unknown) => unknown,\n): boolean => {\n  const attrValue = component.getAttribute(attributeName)\n  const attrValueDefined = attrValue !== undefined\n\n  if (overrideProperty && attrValueDefined && component[attributeName] === undefined) {\n    // eslint-disable-next-line no-param-reassign\n    component[attributeName] = valueMap ? valueMap(attrValue) : attrValue\n  }\n\n  return attrValueDefined\n}\n\nexport const resolveAttributes = (\n  component: Element & Record<string, any>,\n  attributes: ({ name: string; override: boolean; valueMap?: (value: unknown) => unknown } | string)[],\n): void => {\n  const resolver = createResolveAttribute(component)\n\n  attributes.forEach((attribute) => {\n    if (typeof attribute === 'string') {\n      resolver(attribute)\n    } else {\n      const { name, override, valueMap } = attribute\n\n      resolver(name, override, valueMap)\n    }\n  })\n}\n"],"names":["ced","name","componentClass","customElements","get","define","createResolveAttribute","component","attributeName","overrideProperty","arguments","length","undefined","valueMap","attrValue","getAttribute","attrValueDefined","resolveAttributes","attributes","resolver","forEach","attribute","override"],"mappings":"MACaA,EAAOC,GAClBC,IAEAC,eAAeC,IAAIH,IAASE,eAAeE,OAAOJ,EAAMC,EAAe,EAO5DI,EACXC,GACG,SACHC,GAIY,IAFZC,IAAgBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAChBG,EAAsCH,UAAAC,OAAA,EAAAD,kBAAAE,EAEtC,MAAME,EAAYP,EAAUQ,aAAaP,GACnCQ,OAAiCJ,IAAdE,EAOzB,OALIL,GAAoBO,QAAiDJ,IAA7BL,EAAUC,KAEpDD,EAAUC,GAAiBK,EAAWA,EAASC,GAAaA,GAGvDE,CACT,EAEaC,EAAoBA,CAC/BV,EACAW,KAEA,MAAMC,EAAWb,EAAuBC,GAExCW,EAAWE,SAASC,IAClB,GAAyB,iBAAdA,EACTF,EAASE,OACJ,CACL,MAAMpB,KAAEA,EAAIqB,SAAEA,EAAQT,SAAEA,GAAaQ,EAErCF,EAASlB,EAAMqB,EAAUT,EAC3B,IACA"}
+{"version":3,"file":"webComponent.utils.js","sources":["../../../../../../../src/core/utils/webComponents/webComponent.utils.ts"],"sourcesContent":["/* custom elements define */\nexport const ced = (name: string): (componentClass: typeof HTMLElement) => void => (\n  componentClass: typeof HTMLElement,\n) => {\n  customElements.get(name) || customElements.define(name, componentClass)\n}\n\nexport const customElementDefine = ced\n\n\n\nexport const createResolveAttribute = (\n  component: Element & Record<string, any>,\n) => (\n  attributeName: string,\n  // eslint-disable-next-line default-param-last\n  overrideProperty = true,\n  valueMap?: (value: unknown) => unknown,\n): boolean => {\n  const attrValue = component.getAttribute(attributeName)\n  const attrValueDefined = attrValue !== undefined\n\n  if (overrideProperty && attrValueDefined && component[attributeName] === undefined) {\n    // eslint-disable-next-line no-param-reassign\n    component[attributeName] = valueMap ? valueMap(attrValue) : attrValue\n  }\n\n  return attrValueDefined\n}\n\nexport const resolveAttributes = (\n  component: Element & Record<string, any>,\n  attributes: ({ name: string; override: boolean; valueMap?: (value: unknown) => unknown } | string)[],\n): void => {\n  const resolver = createResolveAttribute(component)\n\n  attributes.forEach((attribute) => {\n    if (typeof attribute === 'string') {\n      resolver(attribute)\n    } else {\n      const { name, override, valueMap } = attribute\n\n      resolver(name, override, valueMap)\n    }\n  })\n}\n"],"names":["ced","name","componentClass","createResolveAttribute","component","attributeName","overrideProperty","valueMap","attrValue","attrValueDefined","resolveAttributes","attributes","resolver","attribute","override"],"mappings":"AACO,MAAMA,IAAM,CAACC,MAA+D,CACjFC,MACG;AACH,iBAAe,IAAID,CAAI,KAAK,eAAe,OAAOA,GAAMC,CAAc;AACxE,GAMaC,IAAyB,CACpCC,MACG,CACHC,GAEAC,IAAmB,IACnBC,MACY;AACZ,QAAMC,IAAYJ,EAAU,aAAaC,CAAa,GAChDI,IAAmBD,MAAc;AAEvC,SAAIF,KAAoBG,KAAoBL,EAAUC,CAAa,MAAM,WAEvED,EAAUC,CAAa,IAAIE,IAAWA,EAASC,CAAS,IAAIA,IAGvDC;AACT,GAEaC,IAAoB,CAC/BN,GACAO,MACS;AACT,QAAMC,IAAWT,EAAuBC,CAAS;AAEjD,EAAAO,EAAW,QAAQ,CAACE,MAAc;AAChC,QAAI,OAAOA,KAAc;AACvB,MAAAD,EAASC,CAAS;AAAA,SACb;AACL,YAAM,EAAE,MAAAZ,GAAM,UAAAa,GAAU,UAAAP,EAAA,IAAaM;AAErC,MAAAD,EAASX,GAAMa,GAAUP,CAAQ;AAAA,IACnC;AAAA,EACF,CAAC;AACH;"}