@e1011/es-kit 1.1.72 → 1.1.75

package/dist/ui/src/core/ui/components/molecules/popover/Tooltip.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),o=require("../../atoms/icons.js"),r=require("./PopoverLite.js"),a=require("./popover.types.js"),n=require("./tooltip.module.scss.js"),l=require("../../atoms/text/Headline.js"),i=require("../../dividers/DividerLine.js"),c=require("../../atoms/text/Paragraph.js"),s=require("../../icon/IconBase.js"),m=require("../../../../utils/helpers/ui.js"),p=require("../../container/layoutBox/LayoutBox.js");const u=[{name:"offset",options:{offset:[0,10],placement:a.PopoverPlacement.Top}}],d=e=>{let{forwardedRef:t,title:r,text:a,hide:u,showClose:d,closeIconUrl:f,className:v=""}=e;return React.createElement("div",{ref:t,className:m.classNames(n.default["popover-tooltip"],v)},React.createElement("div",{id:"arrow","data-popper-arrow":!0,className:n.default.arrow},React.createElement("div",{className:n.default["arrow-inner"]})),React.createElement(p.LayoutBox,{padding:"1rem",direction:"column",width:"256px",height:"unset",flexGrow:"1"},r&&React.createElement(p.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"0"},React.createElement(l.HeadlineTertiary,null,r),d&&React.createElement("div",{onClick:u,onKeyDown:u,role:"button",tabIndex:-1,className:n.default["close-button"]},f&&React.createElement(s.IconBase,{iconUrl:f}),!f&&React.createElement(s.IconBase,null,o.infoIconJSX))),r&&React.createElement(i.DividerHorizontal,{margin:"8px 0"}),a&&React.createElement(c.ParagraphSmall,{element:"p"},a)))},f=t.memo((a=>{let{tooltipProps:n,components:{ContentComponent:l}={ContentComponent:d},infoIconUrl:i,children:c,infoTip:m,clickable:p=!1,hoverable:f=!0,placement:v="top",modifiers:h,...x}=a;const R=t.useMemo((()=>l?{ContentComponent:l}:void 0),[l]);let E;c&&(E=c),!c&&m&&(E=i?React.createElement(s.IconBase,{iconUrl:i,size:"1rem",color:"#00336640",style:{lineHeight:"1px"}}):React.createElement(s.IconBase,{size:"1rem",color:"#00336640",style:{lineHeight:"1px"}},o.infoIconJSX));const j=t.useMemo((()=>[...u,...h||[]]),[h]);return React.createElement(r.Popover,e.extends({},x,n,{hoverable:f,clickable:p,placement:v,modifiers:j,components:R,showClose:p}),E&&E)}));f.displayName="Tooltip",exports.Tooltip=f;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var t=require("../../../../../../node_modules/react/index.js"),o=require("../../atoms/icons.js"),r=require("./PopoverLite.js"),a=require("./popover.types.js"),n=require("./tooltip.module.scss.js"),l=require("../../atoms/text/Headline.js"),i=require("../../dividers/DividerLine.js"),s=require("../../atoms/text/Paragraph.js"),c=require("../../icon/IconBase.js"),m=require("../../../../utils/helpers/ui.js"),p=require("../../container/layoutBox/LayoutBox.js");const d=["tooltipProps","components","infoIconUrl","children","infoTip","clickable","hoverable","placement","modifiers"],u=[{name:"offset",options:{offset:[0,10],placement:a.PopoverPlacement.Top}}],f=e=>{let{forwardedRef:t,title:r,text:a,hide:d,showClose:u,closeIconUrl:f,className:v=""}=e;return React.createElement("div",{ref:t,className:m.classNames(n.default["popover-tooltip"],v)},React.createElement("div",{id:"arrow","data-popper-arrow":!0,className:n.default.arrow},React.createElement("div",{className:n.default["arrow-inner"]})),React.createElement(p.LayoutBox,{padding:"1rem",direction:"column",width:"256px",height:"unset",flexGrow:"1"},r&&React.createElement(p.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"0"},React.createElement(l.HeadlineTertiary,null,r),u&&React.createElement("div",{onClick:d,onKeyDown:d,role:"button",tabIndex:-1,className:n.default["close-button"]},f&&React.createElement(c.IconBase,{iconUrl:f}),!f&&React.createElement(c.IconBase,null,o.infoIconJSX))),r&&React.createElement(i.DividerHorizontal,{margin:"8px 0"}),a&&React.createElement(s.ParagraphSmall,{element:"p"},a)))},v=t.reactExports.memo((a=>{let{tooltipProps:n,components:{ContentComponent:l}={ContentComponent:f},infoIconUrl:i,children:s,infoTip:m,clickable:p=!1,hoverable:v=!0,placement:x="top",modifiers:h}=a,E=e.objectWithoutProperties(a,d);const j=t.reactExports.useMemo((()=>l?{ContentComponent:l}:void 0),[l]);let R;s&&(R=s),!s&&m&&(R=i?React.createElement(c.IconBase,{iconUrl:i,size:"1rem",color:"#00336640",style:{lineHeight:"1px"}}):React.createElement(c.IconBase,{size:"1rem",color:"#00336640",style:{lineHeight:"1px"}},o.infoIconJSX));const b=t.reactExports.useMemo((()=>[...u,...h||[]]),[h]);return React.createElement(r.Popover,e.extends({},E,n,{hoverable:v,clickable:p,placement:x,modifiers:b,components:j,showClose:p}),R&&R)}));v.displayName="Tooltip",exports.Tooltip=v;
 //# sourceMappingURL=Tooltip.js.map

package/dist/ui/src/core/ui/components/molecules/popover/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../../../../src/core/ui/components/molecules/popover/Tooltip.tsx"],"sourcesContent":["import { memo, FC, useMemo, PropsWithChildren } from 'react'\n// import { DividerHorizontal, LayoutBox, IconBase } from '@e1011/es-kit'\n\n\n\nimport { HeadlineTertiary as H3, ParagraphSmall } from '../../atoms/text'\nimport { DividerHorizontal } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { IconBase } from '../../icon'\nimport { infoIconJSX } from '../../atoms/icons'\nimport { classNames } from '../../../../utils'\n\nimport { Popover } from './PopoverLite'\nimport { PopoverPlacement, PopoverProps } from './popover.types'\nimport classes from './tooltip.module.scss'\n\n\n/**\n\nModifiers for the Popover component used in Tooltip.\n*/\nconst popoverModifiers = [\n  {\n    name: 'offset',\n    options: {\n      offset: [0, 10],\n      placement: PopoverPlacement.Top,\n    },\n  },\n]\n\n/**\n\nProps for the TooltipContent component.\n@typedef {Object} TooltipContentProps\n@property {ForwardedRef} forwardedRef - Forwarded ref of the TooltipContent component.\n@property {string} title - Title of the tooltip.\n@property {string} text - Text content of the tooltip.\n@property {Function} hide - Function to hide the tooltip.\n@property {boolean} showClose - Determines whether to show a close button in the tooltip.\n@extends PropsWithChildren\n*/\ntype TooltipContentProps = PropsWithChildren<any> & {\n  forwardedRef: ForwardedRef\n  closeIconUrl?: string\n  className?: string\n  title?: string\n  text?: string\n  hide: () => void\n  showClose?: boolean\n}\n\n/**\n\n  Tooltip content component used by the Tooltip component.\n  @param {TooltipContentProps} props - Props for the TooltipContent component.\n  @returns {JSX.Element} - Returns the JSX element for the TooltipContent component.\n  */\nconst TooltipContent = ({\n  forwardedRef, title, text, hide, showClose, closeIconUrl, className = '',\n}: TooltipContentProps): JSX.Element => (\n  <div\n    ref={forwardedRef}\n    className={classNames(classes['popover-tooltip'], className)}\n  >\n    <div id='arrow' data-popper-arrow className={classes.arrow}>\n      <div className={classes['arrow-inner']} />\n    </div>\n    <LayoutBox\n      padding='1rem'\n      direction='column'\n      width='256px'\n      height='unset'\n      flexGrow='1'\n    >\n      {title && (\n        <LayoutBox justify='space-between' align='start' width='100%' padding='0'>\n          <H3>{title}</H3>\n          {showClose && (\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                  {infoIconJSX}\n                </IconBase>\n              )}\n            </div>\n          )}\n        </LayoutBox>\n      )}\n      {title && <DividerHorizontal margin='8px 0' />}\n      {text && <ParagraphSmall element='p'>{text}</ParagraphSmall>}\n    </LayoutBox>\n  </div>\n)\n\n\n\n/**\n\nProps for the Tooltip component, extends PopoverProps.\n@typedef {Object} TooltipProps\n@property {Record<string, unknown>} [tooltipProps] - Additional props to be passed to the underlying Popover component.\n@extends PopoverProps\n*/\nexport type TooltipProps = PopoverProps & TooltipContentProps & {\n  tooltipProps?: Record<string, unknown>\n  infoIconUrl?: string\n}\n\n\n/**\n * A tooltip component that displays a short message when the user hovers or clicks on a target element.\n *\n * @param tooltipProps - Optional properties to be passed down to the `Popover` component.\n * @param components - Optional components that can be customized by the consumer.\n * @param children - The target element that the tooltip will be anchored to.\n * @param infoTip - If no `children` prop is passed in, an information icon will be used as the target element.\n * @param clickable - If `true`, the tooltip will be triggered by a click instead of a hover.\n * @param hoverable - If `true`, the tooltip will be triggered by a hover. Defaults to `true`.\n * @param placement - The placement of the tooltip relative to the target element.\n * @param modifiers - Optional modifiers to be passed down to the `Popover` component.\n */\nexport const Tooltip: FC<TooltipProps> = memo<TooltipProps>(({\n  tooltipProps, components: { ContentComponent } = { ContentComponent: TooltipContent },\n  infoIconUrl,\n  children, infoTip, clickable = false, hoverable = true, placement = 'top', modifiers, ...props\n}: TooltipProps) => {\n  const popoverComponents = useMemo(() => (ContentComponent ? {\n    ContentComponent,\n  } : undefined), [ContentComponent])\n\n  let TargetNode: typeof children\n\n  if (children) {\n    TargetNode = children\n  }\n  if (!children && infoTip) {\n    TargetNode = (\n      infoIconUrl\n        ? <IconBase iconUrl={infoIconUrl} size='1rem' color='#00336640' style={{ lineHeight: '1px' }} />\n        : (\n          <IconBase size='1rem' color='#00336640' style={{ lineHeight: '1px' }}>\n            {infoIconJSX}\n          </IconBase>\n        )\n    )\n  }\n\n  const mergedModifiers = useMemo(() => ([...popoverModifiers, ...(modifiers || [])]), [modifiers])\n\n  return (\n    <Popover\n      {...props}\n      {...tooltipProps}\n      hoverable={hoverable}\n      clickable={clickable}\n      placement={placement}\n      modifiers={mergedModifiers}\n      components={popoverComponents}\n      showClose={clickable}\n    >\n      {TargetNode && TargetNode}\n    </Popover>\n  )\n})\n\n/**\n * The display name of the Tooltip component.\n *\n * @type {string}\n */\nTooltip.displayName = 'Tooltip'\n\n"],"names":["popoverModifiers","name","options","offset","placement","PopoverPlacement","Top","TooltipContent","_ref","forwardedRef","title","text","hide","showClose","closeIconUrl","className","React","createElement","ref","classNames","classes","id","default","arrow","LayoutBox","padding","direction","width","height","flexGrow","justify","align","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","infoIconJSX","DividerHorizontal","margin","ParagraphSmall","element","Tooltip","memo","_ref2","tooltipProps","components","ContentComponent","infoIconUrl","children","infoTip","clickable","hoverable","modifiers","props","popoverComponents","useMemo","undefined","TargetNode","size","color","style","lineHeight","mergedModifiers","Popover","_extends","extends","displayName"],"mappings":"ofAqBA,MAAMA,EAAmB,CACvB,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,IACZC,UAAWC,EAAgBA,iBAACC,OAgC5BC,EAAiBC,IAAA,IAACC,aACtBA,EAAYC,MAAEA,EAAKC,KAAEA,EAAIC,KAAEA,EAAIC,UAAEA,EAASC,aAAEA,EAAYC,UAAEA,EAAY,IAClDP,EAAA,OACpBQ,MAAAC,cAAA,MAAA,CACEC,IAAKT,EACLM,UAAWI,EAAAA,WAAWC,EAAAA,QAAQ,mBAAoBL,IAElDC,MAAAC,cAAA,MAAA,CAAKI,GAAG,QAAQ,qBAAiB,EAACN,UAAWK,EAAOE,QAACC,OACnDP,MAAAC,cAAA,MAAA,CAAKF,UAAWK,EAAOE,QAAC,kBAE1BN,MAAAC,cAACO,YAAS,CACRC,QAAQ,OACRC,UAAU,SACVC,MAAM,QACNC,OAAO,QACPC,SAAS,KAERnB,GACCM,MAAAC,cAACO,YAAS,CAACM,QAAQ,gBAAgBC,MAAM,QAAQJ,MAAM,OAAOF,QAAQ,KACpET,MAAAC,cAACe,EAAAA,iBAAE,KAAEtB,GACJG,GACCG,MAAAC,cAAA,MAAA,CACEgB,QAASrB,EACTsB,UAAWtB,EACXuB,KAAK,SACLC,UAAW,EACXrB,UAAWK,EAAOE,QAAC,iBAElBR,GAAgBE,MAAAC,cAACoB,WAAQ,CAACC,QAASxB,KAClCA,GACAE,MAAAC,cAACoB,EAAAA,SAAQ,KACNE,EACOA,eAMnB7B,GAASM,MAAAC,cAACuB,EAAAA,kBAAiB,CAACC,OAAO,UACnC9B,GAAQK,MAAAC,cAACyB,EAAAA,eAAc,CAACC,QAAQ,KAAKhC,IAEpC,EA8BKiC,EAA4BC,EAAIA,MAAeC,IAIxC,IAJyCC,aAC3DA,EAAcC,YAAYC,iBAAEA,GAAqB,CAAEA,iBAAkB1C,GAAgB2C,YACrFA,EAAWC,SACXA,EAAQC,QAAEA,EAAOC,UAAEA,GAAY,EAAKC,UAAEA,GAAY,EAAIlD,UAAEA,EAAY,MAAKmD,UAAEA,KAAcC,GAC5EV,EACb,MAAMW,EAAoBC,WAAQ,IAAOT,EAAmB,CAC1DA,yBACEU,GAAY,CAACV,IAEjB,IAAIW,EAEAT,IACFS,EAAaT,IAEVA,GAAYC,IACfQ,EACEV,EACIlC,MAAAC,cAACoB,EAAAA,SAAQ,CAACC,QAASY,EAAaW,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,SAEnFhD,MAAAC,cAACoB,WAAQ,CAACwB,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,QAC1DzB,EACOA,cAKlB,MAAM0B,EAAkBP,EAAAA,SAAQ,IAAO,IAAI1D,KAAsBuD,GAAa,KAAO,CAACA,IAEtF,OACEvC,MAAAC,cAACiD,EAAOA,QAAAC,EAAAC,QAAA,CAAA,EACFZ,EACAT,EAAY,CAChBO,UAAWA,EACXD,UAAWA,EACXjD,UAAWA,EACXmD,UAAWU,EACXjB,WAAYS,EACZ5C,UAAWwC,IAEVO,GAAcA,EACP,IASdhB,EAAQyB,YAAc"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../../../../src/core/ui/components/molecules/popover/Tooltip.tsx"],"sourcesContent":["import { memo, FC, useMemo, PropsWithChildren } from 'react'\n// import { DividerHorizontal, LayoutBox, IconBase } from '@e1011/es-kit'\n\n\n\nimport { HeadlineTertiary as H3, ParagraphSmall } from '../../atoms/text'\nimport { DividerHorizontal } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { IconBase } from '../../icon'\nimport { infoIconJSX } from '../../atoms/icons'\nimport { classNames } from '../../../../utils'\n\nimport { Popover } from './PopoverLite'\nimport { PopoverPlacement, PopoverProps } from './popover.types'\nimport classes from './tooltip.module.scss'\n\n\n/**\n\nModifiers for the Popover component used in Tooltip.\n*/\nconst popoverModifiers = [\n  {\n    name: 'offset',\n    options: {\n      offset: [0, 10],\n      placement: PopoverPlacement.Top,\n    },\n  },\n]\n\n/**\n\nProps for the TooltipContent component.\n@typedef {Object} TooltipContentProps\n@property {ForwardedRef} forwardedRef - Forwarded ref of the TooltipContent component.\n@property {string} title - Title of the tooltip.\n@property {string} text - Text content of the tooltip.\n@property {Function} hide - Function to hide the tooltip.\n@property {boolean} showClose - Determines whether to show a close button in the tooltip.\n@extends PropsWithChildren\n*/\ntype TooltipContentProps = PropsWithChildren<any> & {\n  forwardedRef: ForwardedRef\n  closeIconUrl?: string\n  className?: string\n  title?: string\n  text?: string\n  hide: () => void\n  showClose?: boolean\n}\n\n/**\n\n  Tooltip content component used by the Tooltip component.\n  @param {TooltipContentProps} props - Props for the TooltipContent component.\n  @returns {JSX.Element} - Returns the JSX element for the TooltipContent component.\n  */\nconst TooltipContent = ({\n  forwardedRef, title, text, hide, showClose, closeIconUrl, className = '',\n}: TooltipContentProps): JSX.Element => (\n  <div\n    ref={forwardedRef}\n    className={classNames(classes['popover-tooltip'], className)}\n  >\n    <div id='arrow' data-popper-arrow className={classes.arrow}>\n      <div className={classes['arrow-inner']} />\n    </div>\n    <LayoutBox\n      padding='1rem'\n      direction='column'\n      width='256px'\n      height='unset'\n      flexGrow='1'\n    >\n      {title && (\n        <LayoutBox justify='space-between' align='start' width='100%' padding='0'>\n          <H3>{title}</H3>\n          {showClose && (\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                  {infoIconJSX}\n                </IconBase>\n              )}\n            </div>\n          )}\n        </LayoutBox>\n      )}\n      {title && <DividerHorizontal margin='8px 0' />}\n      {text && <ParagraphSmall element='p'>{text}</ParagraphSmall>}\n    </LayoutBox>\n  </div>\n)\n\n\n\n/**\n\nProps for the Tooltip component, extends PopoverProps.\n@typedef {Object} TooltipProps\n@property {Record<string, unknown>} [tooltipProps] - Additional props to be passed to the underlying Popover component.\n@extends PopoverProps\n*/\nexport type TooltipProps = PopoverProps & TooltipContentProps & {\n  tooltipProps?: Record<string, unknown>\n  infoIconUrl?: string\n}\n\n\n/**\n * A tooltip component that displays a short message when the user hovers or clicks on a target element.\n *\n * @param tooltipProps - Optional properties to be passed down to the `Popover` component.\n * @param components - Optional components that can be customized by the consumer.\n * @param children - The target element that the tooltip will be anchored to.\n * @param infoTip - If no `children` prop is passed in, an information icon will be used as the target element.\n * @param clickable - If `true`, the tooltip will be triggered by a click instead of a hover.\n * @param hoverable - If `true`, the tooltip will be triggered by a hover. Defaults to `true`.\n * @param placement - The placement of the tooltip relative to the target element.\n * @param modifiers - Optional modifiers to be passed down to the `Popover` component.\n */\nexport const Tooltip: FC<TooltipProps> = memo<TooltipProps>(({\n  tooltipProps, components: { ContentComponent } = { ContentComponent: TooltipContent },\n  infoIconUrl,\n  children, infoTip, clickable = false, hoverable = true, placement = 'top', modifiers, ...props\n}: TooltipProps) => {\n  const popoverComponents = useMemo(() => (ContentComponent ? {\n    ContentComponent,\n  } : undefined), [ContentComponent])\n\n  let TargetNode: typeof children\n\n  if (children) {\n    TargetNode = children\n  }\n  if (!children && infoTip) {\n    TargetNode = (\n      infoIconUrl\n        ? <IconBase iconUrl={infoIconUrl} size='1rem' color='#00336640' style={{ lineHeight: '1px' }} />\n        : (\n          <IconBase size='1rem' color='#00336640' style={{ lineHeight: '1px' }}>\n            {infoIconJSX}\n          </IconBase>\n        )\n    )\n  }\n\n  const mergedModifiers = useMemo(() => ([...popoverModifiers, ...(modifiers || [])]), [modifiers])\n\n  return (\n    <Popover\n      {...props}\n      {...tooltipProps}\n      hoverable={hoverable}\n      clickable={clickable}\n      placement={placement}\n      modifiers={mergedModifiers}\n      components={popoverComponents}\n      showClose={clickable}\n    >\n      {TargetNode && TargetNode}\n    </Popover>\n  )\n})\n\n/**\n * The display name of the Tooltip component.\n *\n * @type {string}\n */\nTooltip.displayName = 'Tooltip'\n\n"],"names":["popoverModifiers","name","options","offset","placement","PopoverPlacement","Top","TooltipContent","_ref","forwardedRef","title","text","hide","showClose","closeIconUrl","className","React","createElement","ref","classNames","classes","id","arrow","default","LayoutBox","padding","direction","width","height","flexGrow","justify","align","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","infoIconJSX","DividerHorizontal","margin","ParagraphSmall","element","Tooltip","memo","reactExports","_ref2","tooltipProps","components","ContentComponent","infoIconUrl","children","infoTip","clickable","hoverable","modifiers","props","_objectWithoutProperties","_excluded","popoverComponents","useMemo","undefined","TargetNode","size","color","style","lineHeight","mergedModifiers","Popover","_extends","extends","displayName"],"mappings":"mvBAqBMA,EAAmB,CACvB,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,IACZC,UAAWC,EAAAA,iBAAiBC,OAgC5BC,EAAiBC,IAAA,IAACC,aACtBA,EAAYC,MAAEA,EAAKC,KAAEA,EAAIC,KAAEA,EAAIC,UAAEA,EAASC,aAAEA,EAAYC,UAAEA,EAAY,IAClDP,EAAA,OACpBQ,MAAAC,cAAA,MAAA,CACEC,IAAKT,EACLM,UAAWI,EAAUA,WAACC,UAAQ,mBAAoBL,IAElDC,MAAAC,cAAA,MAAA,CAAKI,GAAG,QAAQ,qBAAiB,EAACN,UAAWK,EAAAA,QAAQE,OACnDN,MAAAC,cAAA,MAAA,CAAKF,UAAWK,EAAOG,QAAC,kBAE1BP,MAAAC,cAACO,YAAS,CACRC,QAAQ,OACRC,UAAU,SACVC,MAAM,QACNC,OAAO,QACPC,SAAS,KAERnB,GACCM,MAAAC,cAACO,YAAS,CAACM,QAAQ,gBAAgBC,MAAM,QAAQJ,MAAM,OAAOF,QAAQ,KACpET,MAAAC,cAACe,EAAAA,iBAAE,KAAEtB,GACJG,GACCG,MAAAC,cAAA,MAAA,CACEgB,QAASrB,EACTsB,UAAWtB,EACXuB,KAAK,SACLC,UAAW,EACXrB,UAAWK,EAAOG,QAAC,iBAElBT,GAAgBE,MAAAC,cAACoB,WAAQ,CAACC,QAASxB,KAClCA,GACAE,MAAAC,cAACoB,EAAAA,SAAQ,KACNE,EACOA,eAMnB7B,GAASM,MAAAC,cAACuB,EAAAA,kBAAiB,CAACC,OAAO,UACnC9B,GAAQK,MAAAC,cAACyB,EAAAA,eAAc,CAACC,QAAQ,KAAKhC,IAEpC,EA8BKiC,EAA4BC,EAAIC,aAAAD,MAAeE,IAIxC,IAJyCC,aAC3DA,EAAcC,YAAYC,iBAAEA,GAAqB,CAAEA,iBAAkB3C,GAAgB4C,YACrFA,EAAWC,SACXA,EAAQC,QAAEA,EAAOC,UAAEA,GAAY,EAAKC,UAAEA,GAAY,EAAInD,UAAEA,EAAY,MAAKoD,UAAEA,GAC9DT,EAD4EU,EAAKC,EAAAA,wBAAAX,EAAAY,GAE9F,MAAMC,EAAoBC,wBAAQ,IAAOX,EAAmB,CAC1DA,yBACEY,GAAY,CAACZ,IAEjB,IAAIa,EAEAX,IACFW,EAAaX,IAEVA,GAAYC,IACfU,EACEZ,EACInC,MAAAC,cAACoB,EAAAA,SAAQ,CAACC,QAASa,EAAaa,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,SAEnFnD,MAAAC,cAACoB,WAAQ,CAAC2B,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,QAC1D5B,gBAMX,MAAM6B,EAAkBP,EAAAA,aAAAA,SAAQ,IAAO,IAAI7D,KAAsBwD,GAAa,KAAO,CAACA,IAEtF,OACExC,MAAAC,cAACoD,EAAOA,QAAAC,EAAAC,QAAA,CAAA,EACFd,EACAT,EAAY,CAChBO,UAAWA,EACXD,UAAWA,EACXlD,UAAWA,EACXoD,UAAWY,EACXnB,WAAYW,EACZ/C,UAAWyC,IAEVS,GAAcA,EACP,IASdnB,EAAQ4B,YAAc"}

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

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

package/dist/ui/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] : null}\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","Popover","_extends","clickable","isPopup","modalOverlayClassName","classesOverlay","default","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":"6cAwBA,MAAMA,EAKF,CACFC,MAAO,CACLC,MAAO,CACL,CAACC,EAAAA,oBAAoBC,YAAa,CAAE,eAAgB,SACpD,CAACD,EAAAA,oBAAoBE,UAAW,CAAE,eAAgB,QAClD,CAACF,EAAAA,oBAAoBG,aAAc,CAAE,eAAgB,SACrD,CAACH,EAAAA,oBAAoBI,YAAa,CAAE,eAAgB,WAW7CC,EAAwBC,EAAIA,MAAaC,IAcpC,IAdqCC,MACrDA,EAAQ,gBAAgBC,SACxBA,EAAQC,WACRA,EAAa,CAAE,EAAAC,QACfA,GAAU,EAAIC,mBACdA,GAAqB,EAAKC,mBAC1BA,GAAqB,EAAKC,eAC1BA,EAAiBd,EAAmBA,oBAACE,SAAQa,UAC7CA,GAAY,EAAIC,aAChBA,GAAe,EAAIC,MACnBA,EAAKC,OACLA,EAAMC,MACNA,KACGC,GACQb,EAMX,MAAMc,EAAmBX,GAAYW,iBAO/BxB,EAASyB,EAAAA,SAAQ,KAAO,IACxBL,EAAQ,CAAE,gBAAiBA,GAAU,MACrCC,EAAS,CAAE,iBAAkBA,GAAW,MACzCC,KACD,CAACD,EAAQC,EAAOF,IAEpB,OACEM,MAAAC,cAACC,EAAWC,QAAAC,UAAA,CACVC,WAAS,EACTC,SAAO,EACPlB,QAASA,EACTE,mBAAoBA,EACpBD,mBAAoBA,EACpBkB,sBAAuBC,EAAcC,QAAC,wBAClCZ,GAEJG,MAAAC,cAAA,IAAA,MACAD,MAAAC,cAACS,EAAY,CACXzB,MAAOA,EACPO,UAAWA,EACXC,aAAcA,EACdF,eAAgBA,EAChBoB,WAAYrC,IAGTwB,GAAoBZ,GAAaA,GAEjCA,GAAYY,GAAqBE,MAAAC,cAACH,EAAkB,OAE7C,IASlBhB,EAAM8B,YAAc,QAmBpB,MAAMF,EAAe3B,EAAIA,MAAC8B,IAWD,IAXE5B,MACzBA,EAAK6B,aACLA,EAAYC,KACZA,EAAI7B,SACJA,EAAQK,eACRA,EAAcoB,WACdA,EAAUnB,UACVA,GAAY,EAAIC,aAChBA,GAAe,EAAIuB,aACnBA,KACGnB,GACegB,EAMlB,MAAMI,EAAkB/B,GAAYgC,MAAMC,QAAQjC,GAC9CA,EAASkC,QAAQC,KAAsCA,IACtDC,KAAI,CAACD,EAAqBE,IAAkBC,EAAYA,aAEvDH,EAAO,CAAEI,IAAKF,KAAUF,EAAMxB,MAAOkB,UAASlB,MAEhDG,MAAAC,cAAA,MAAA,KAAK,kBAET,OACED,MAAAC,cAAA,MAAA,CAAKyB,UAAW,GAAGC,UAAQ,qBAAsBC,IAAKd,EAAclB,MAAOe,GACzEX,MAAAC,cAAC4B,YAAS,CACRH,UAAW,GAAGC,UAAQ,2BACtB/B,MAAOL,EAAiBjB,EAAOC,MAAMC,MAAMe,GAAkB,MAE5DC,GACCQ,MAAAC,cAAAD,MAAA8B,SACE9B,KAAAA,MAAAC,cAAC4B,YAAS,CAACE,QAAQ,gBAAgBC,MAAM,QAAQtC,MAAM,OAAOuC,QAAQ,uBACpEjC,MAAAC,cAACiC,EAAAA,iBAAE,KAAEjD,GACJQ,GACCO,MAAAC,cAAA,MAAA,CACEkC,QAASpB,EACTqB,UAAWrB,EACXsB,KAAK,SACLC,UAAW,EACXZ,UAAWC,EAAOlB,QAAC,iBAElBO,GAAgBhB,MAAAC,cAACsC,WAAQ,CAACC,QAASxB,KAClCA,GACAhB,MAAAC,cAACsC,EAAQA,cACNE,EAAAA,gBAMXzC,MAAAC,cAACyC,EAAAA,YAAW,CAACC,OAAO,UAGxB3C,MAAAC,cAAA,MAAA,CAAKyB,UAAWC,EAAOlB,QAAC,8BACrBQ,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] : null}\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","reactExports","_ref","title","children","components","isModal","hideOnClickOutside","hideOnContentClick","animateVariant","hasHeader","hasCloseIcon","width","height","style","props","_objectWithoutProperties","_excluded","ContentComponent","useMemo","_objectSpread","objectSpread2","React","createElement","PopoverLite","Popover","_extends","clickable","isPopup","modalOverlayClassName","classesOverlay","default","PopupContent","popupStyle","displayName","_ref2","forwardedRef","hide","closeIconURL","_excluded2","ContentRemapped","Array","isArray","filter","child","map","index","cloneElement","key","className","concat","classes","ref","LayoutBox","Fragment","justify","align","padding","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","closeIconJSX","DividerLine","length"],"mappings":"6wBAwBMA,EAKF,CACFC,MAAO,CACLC,MAAO,CACL,CAACC,EAAAA,oBAAoBC,YAAa,CAAE,eAAgB,SACpD,CAACD,EAAAA,oBAAoBE,UAAW,CAAE,eAAgB,QAClD,CAACF,EAAAA,oBAAoBG,aAAc,CAAE,eAAgB,SACrD,CAACH,EAAAA,oBAAoBI,YAAa,CAAE,eAAgB,WAW7CC,EAAwBC,EAAIC,aAAAD,MAAaE,IAcpC,IAdqCC,MACrDA,EAAQ,gBAAgBC,SACxBA,EAAQC,WACRA,EAAa,CAAE,EAAAC,QACfA,GAAU,EAAIC,mBACdA,GAAqB,EAAKC,mBAC1BA,GAAqB,EAAKC,eAC1BA,EAAiBf,EAAmBA,oBAACE,SAAQc,UAC7CA,GAAY,EAAIC,aAChBA,GAAe,EAAIC,MACnBA,EAAKC,OACLA,EAAMC,MACNA,GAEWZ,EADRa,EAAKC,EAAAA,wBAAAd,EAAAe,GAOR,MAAMC,EAAmBb,aAAAA,EAAAA,EAAYa,iBAO/B3B,EAAS4B,EAAAA,aAAAA,SAAQ,IAAAC,EAAAA,cAAAA,EAAAA,cAAAA,EAAAC,cACjBT,CAAAA,EAAAA,EAAQ,CAAE,gBAAiBA,GAAU,CAAA,GACrCC,EAAS,CAAE,iBAAkBA,GAAW,CAAA,GACzCC,IACD,CAACD,EAAQC,EAAOF,IAEpB,OACEU,MAAAC,cAACC,EAAWC,QAAAC,UAAA,CACVC,WAAS,EACTC,SAAO,EACPtB,QAASA,EACTE,mBAAoBA,EACpBD,mBAAoBA,EACpBsB,sBAAuBC,EAAcC,QAAC,wBAClChB,GAEJO,MAAAC,cAAA,IAAA,MACAD,MAAAC,cAACS,EAAY,CACX7B,MAAOA,EACPO,UAAWA,EACXC,aAAcA,EACdF,eAAgBA,EAChBwB,WAAY1C,IAGT2B,GAAoBd,GAAaA,GAEjCA,GAAYc,GAAqBI,MAAAC,cAACL,EAAkB,OAE7C,IASlBnB,EAAMmC,YAAc,QAmBpB,MAAMF,EAAehC,EAAIC,aAAAD,MAACmC,IAWD,IAXEhC,MACzBA,EAAKiC,aACLA,EAAYC,KACZA,EAAIjC,SACJA,EAAQK,eACRA,EAAcwB,WACdA,EAAUvB,UACVA,GAAY,EAAIC,aAChBA,GAAe,EAAI2B,aACnBA,GAEkBH,EADfpB,EAAKC,EAAAA,wBAAAmB,EAAAI,GAOR,MAAMC,EAAkBpC,GAAYqC,MAAMC,QAAQtC,GAC9CA,EAASuC,QAAQC,KAAsCA,IACtDC,KAAI,CAACD,EAAqBE,IAAkBC,EAAY9C,aAAA8C,aAEvDH,EAAKxB,EAAAC,cAAAD,gBAAA,CAAI4B,IAAKF,GAAUF,EAAM7B,OAAK,GAAA,CAAEsB,QAAStB,MAEhDO,MAAAC,cAAK,MAAA,KAAA,kBAET,OACED,MAAAC,cAAA,MAAA,CAAK0B,aAASC,OAAKC,EAAOpB,QAAC,oBAAsBqB,IAAKhB,EAActB,MAAOmB,GACzEX,MAAAC,cAAC8B,YAAS,CACRJ,aAASC,OAAKC,EAAOpB,QAAC,0BACtBjB,MAAOL,EAAiBlB,EAAOC,MAAMC,MAAMgB,GAAkB,MAE5DC,GACCY,MAAAC,cAAAD,MAAAgC,SACEhC,KAAAA,MAAAC,cAAC8B,YAAS,CAACE,QAAQ,gBAAgBC,MAAM,QAAQ5C,MAAM,OAAO6C,QAAQ,uBACpEnC,MAAAC,cAACmC,EAAAA,iBAAE,KAAEvD,GACJQ,GACCW,MAAAC,cAAA,MAAA,CACEoC,QAAStB,EACTuB,UAAWvB,EACXwB,KAAK,SACLC,UAAW,EACXb,UAAWE,EAAOpB,QAAC,iBAElBO,GAAgBhB,MAAAC,cAACwC,WAAQ,CAACC,QAAS1B,KAClCA,GACAhB,MAAAC,cAACwC,EAAQA,cACNE,EAAAA,gBAMX3C,MAAAC,cAAC2C,EAAAA,YAAW,CAACC,OAAO,UAGxB7C,MAAAC,cAAA,MAAA,CAAK0B,UAAWE,EAAOpB,QAAC,8BACrBS,GAAmBA,IAGpB,IASVR,EAAaE,YAAc"}

package/dist/ui/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":"aAWYA,IAAAA,WAAAA,GAAmB,OAAnBA,EAAmB,WAAA,YAAnBA,EAAmB,SAAA,UAAnBA,EAAmB,YAAA,aAAnBA,EAAmB,WAAA,YAAnBA,CAAmB,EAAA"}
+{"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":"aAWYA,IAAAA,WAAAA,GAAmB,OAAnBA,EAAmB,WAAA,YAAnBA,EAAmB,SAAA,UAAnBA,EAAmB,YAAA,aAAnBA,EAAmB,WAAA,YAAnBA,CAAmB,EAAA,CAAA"}

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

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

package/dist/ui/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":"wCAGkCA,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","contains"],"mappings":"wCAGkCA,CAChCC,EACAC,IACIC,IACJ,MAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,KAC/CF,SAAAA,EAAWE,GACb"}

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

@@ -1,2 +1,2 @@
-"use strict";exports.defaultFontSize=16;const t=t=>t/exports.defaultFontSize,e=t=>(t=t.toString(16)).padStart(2,"0"),r=function(t,r){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;0===t.indexOf("#")&&(t=t.substr(1)),0===r.indexOf("#")&&(r=r.substr(1));const n=Math.ceil(parseInt(r.substring(0,2),16)*s+parseInt(t.substring(0,2),16)*(1-s)),o=Math.ceil(parseInt(r.substring(2,4),16)*s+parseInt(t.substring(2,4),16)*(1-s)),u=Math.ceil(parseInt(r.substring(4,6),16)*s+parseInt(t.substring(4,6),16)*(1-s));return`#${e(n)+e(o)+e(u)}`};exports.calculateColors=function(t,e){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;const n=s/(s+1)/s,o=[];let u=n;for(;s--;)o.push(u),u+=n;return o.map((s=>r(t,e,s)))},exports.calculatePercColor=r,exports.convertHex=function(t,r){let s=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const n=t.replace("#",""),o=n.substring(0,2),u=n.substring(2,4),a=n.substring(4,6),i=parseInt(o,16),p=parseInt(u,16),l=parseInt(a,16);return(s?`rgba(${i},${p},${l},${r<=1?r:r/100})`:`#${o}${u}${a}${e(Math.round(255*(r<=1?r:r/100)))}`).toLowerCase()},exports.convertRGB=(t,r,s,n)=>`#${e(t)}${e(r)}${e(s)}${e(Math.round(255*(n<=1?n:n/100)))}`,exports.pxToRem=t,exports.resolveStyleValue=function(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rem";return"string"==typeof e?e:"px"===r?`${t(e)}rem`:`${e}${r}`},exports.setDefaultFontSize=t=>{exports.defaultFontSize=t},exports.toHex=e;
+"use strict";require("../../../../node_modules/core-js/modules/es.regexp.exec.js"),require("../../../../node_modules/core-js/modules/es.string.replace.js"),exports.defaultFontSize=16;const t=t=>t/exports.defaultFontSize,e=t=>(t=t.toString(16)).padStart(2,"0"),n=function(t,n){let o=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 r=Math.ceil(parseInt(n.substring(0,2),16)*o+parseInt(t.substring(0,2),16)*(1-o)),s=Math.ceil(parseInt(n.substring(2,4),16)*o+parseInt(t.substring(2,4),16)*(1-o)),c=Math.ceil(parseInt(n.substring(4,6),16)*o+parseInt(t.substring(4,6),16)*(1-o));return"#".concat(e(r)+e(s)+e(c))};exports.calculateColors=function(t,e){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;const r=o/(o+1)/o,s=[];let c=r;for(;o--;)s.push(c),c+=r;return s.map((o=>n(t,e,o)))},exports.calculatePercColor=n,exports.convertHex=function(t,n){let o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const r=t.replace("#",""),s=r.substring(0,2),c=r.substring(2,4),a=r.substring(4,6),u=parseInt(s,16),i=parseInt(c,16),l=parseInt(a,16),p=n<=1?n:n/100;return(o?"rgba(".concat(u,",").concat(i,",").concat(l,",").concat(p,")"):"#".concat(s).concat(c).concat(a).concat(e(Math.round(255*(n<=1?n:n/100))))).toLowerCase()},exports.convertRGB=(t,n,o,r)=>"#".concat(e(t)).concat(e(n)).concat(e(o)).concat(e(Math.round(255*(r<=1?r:r/100)))),exports.pxToRem=t,exports.resolveStyleValue=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rem";return"string"==typeof e?e:"px"===n?"".concat(t(e),"rem"):"".concat(e).concat(n)},exports.setDefaultFontSize=t=>{exports.defaultFontSize=t},exports.toHex=e;
 //# sourceMappingURL=style.js.map

package/dist/ui/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","pxToRem","px","toHex","x","toString","padStart","calculatePercColor","startColor","endColor","ratio","arguments","length","undefined","indexOf","substr","r","Math","ceil","parseInt","substring","g","b","num","ratioIterator","ratios","push","map","rat","hex","opacity","rgba","hexValue","replace","rValue","gValue","bValue","round","toLowerCase","convertRGB","value","units","fontSize"],"mappings":"aACWA,QAAAA,gBAAkB,GAChBC,MAIAC,EAAWC,GAAuBA,EAAKH,QAAeA,gBAkBtDI,EAASC,IACpBA,EAAIA,EAAEC,SAAS,KACNC,SAAS,EAAG,KAwBVC,EAAqB,SAACC,EAAoBC,GAA0C,IAAxBC,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC/C,IAA5BH,EAAWM,QAAQ,OACrBN,EAAaA,EAAWO,OAAO,IAEH,IAA1BN,EAASK,QAAQ,OACnBL,EAAWA,EAASM,OAAO,IAG7B,MAAMC,EAAIC,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CW,EAAIJ,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CY,EAAIL,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAEpD,MAAO,IAAIP,EAAMa,GAAKb,EAAMkB,GAAKlB,EAAMmB,IACzC,0BAE+B,SAACd,EAAoBC,GAAyC,IAAvBc,EAAGZ,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC1E,MAAMa,EAAiBD,GAAOA,EAAM,GAAMA,EACpCE,EAAS,GACf,IAAIf,EAAQc,EAGZ,KAAOD,KACLE,EAAOC,KAAKhB,GACZA,GAASc,EAGX,OAAOC,EAAOE,KAAKC,GAAQrB,EAAmBC,EAAYC,EAAUmB,IACtE,kDAnD0B,SAACC,EAAaC,GAA0C,IAAzBC,EAAIpB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC3D,MAAMqB,EAAWH,EAAII,QAAQ,IAAK,IAC5BC,EAASF,EAASZ,UAAU,EAAG,GAC/Be,EAASH,EAASZ,UAAU,EAAG,GAC/BgB,EAASJ,EAASZ,UAAU,EAAG,GAC/BJ,EAAIG,SAASe,EAAQ,IACrBb,EAAIF,SAASgB,EAAQ,IACrBb,EAAIH,SAASiB,EAAQ,IAI3B,OAAQL,EACJ,QAAQf,KAAKK,KAAKC,KAHZQ,GAAW,EAAIA,EAAWA,EAAU,OAI1C,IAAII,IAASC,IAASC,IAASjC,EAAMc,KAAKoB,MAAmD,KAA5CP,GAAW,EAAIA,EAAWA,EAAU,UACtFQ,aACL,qBAE0BC,CACxBvB,EAAWK,EAAWC,EAAWQ,IACtB,IAAI3B,EAAMa,KAAKb,EAAMkB,KAAKlB,EAAMmB,KAAKnB,EAAMc,KAAKoB,MAAmD,KAA5CP,GAAW,EAAIA,EAAWA,EAAU,qDAxCvE,SAC/BU,GAEW,IADXC,EAAK9B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAER,MAAqB,iBAAV6B,EACFA,EAGK,OAAVC,EACK,GAAGxC,EAAQuC,QAGb,GAAGA,IAAQC,GACpB,6BAnBmCC,IACjC3C,QAAAA,gBAAkB2C,CAAQ"}
+{"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","pxToRem","px","toHex","x","toString","padStart","calculatePercColor","startColor","endColor","ratio","arguments","length","undefined","indexOf","substr","r","Math","ceil","parseInt","substring","g","b","concat","num","ratioIterator","ratios","push","map","rat","hex","opacity","rgba","hexValue","replace","rValue","gValue","bValue","a","round","toLowerCase","convertRGB","value","units","fontSize"],"mappings":"4JACWA,QAAAA,gBAAkB,GAChBC,MAIAC,EAAWC,GAAuBA,EAAKH,QAAAA,gBAkBvCI,EAASC,IACpBA,EAAIA,EAAEC,SAAS,KACNC,SAAS,EAAG,KAwBVC,EAAqB,SAACC,EAAoBC,GAA0C,IAAxBC,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC/C,IAA5BH,EAAWM,QAAQ,OACrBN,EAAaA,EAAWO,OAAO,IAEH,IAA1BN,EAASK,QAAQ,OACnBL,EAAWA,EAASM,OAAO,IAG7B,MAAMC,EAAIC,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CW,EAAIJ,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CY,EAAIL,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAEpD,MAAA,IAAAa,OAAWpB,EAAMa,GAAKb,EAAMkB,GAAKlB,EAAMmB,GACzC,0BAE+B,SAACd,EAAoBC,GAAyC,IAAvBe,EAAGb,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC1E,MAAMc,EAAiBD,GAAOA,EAAM,GAAMA,EACpCE,EAAS,GACf,IAAIhB,EAAQe,EAGZ,KAAOD,KACLE,EAAOC,KAAKjB,GACZA,GAASe,EAGX,OAAOC,EAAOE,KAAKC,GAAQtB,EAAmBC,EAAYC,EAAUoB,IACtE,kDAnD0B,SAACC,EAAaC,GAA0C,IAAzBC,EAAIrB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC3D,MAAMsB,EAAWH,EAAII,QAAQ,IAAK,IAC5BC,EAASF,EAASb,UAAU,EAAG,GAC/BgB,EAASH,EAASb,UAAU,EAAG,GAC/BiB,EAASJ,EAASb,UAAU,EAAG,GAC/BJ,EAAIG,SAASgB,EAAQ,IACrBd,EAAIF,SAASiB,EAAQ,IACrBd,EAAIH,SAASkB,EAAQ,IAErBC,EAAIP,GAAW,EAAIA,EAAWA,EAAU,IAE9C,OAAQC,EAAI,QAAAT,OACAP,EAAC,KAAAO,OAAIF,EAAC,KAAAE,OAAID,EAACC,KAAAA,OAAIe,EAACf,KAAAA,IAAAA,OACpBY,GAAMZ,OAAGa,GAAMb,OAAGc,GAAMd,OAAGpB,EAAMc,KAAKsB,MAAmD,KAA5CR,GAAW,EAAIA,EAAWA,EAAU,SACtFS,aACL,qBAE0BC,CACxBzB,EAAWK,EAAWC,EAAWS,IAAe,IAAAR,OACjCpB,EAAMa,IAAEO,OAAGpB,EAAMkB,IAAEE,OAAGpB,EAAMmB,IAAEC,OAAGpB,EAAMc,KAAKsB,MAAmD,KAA5CR,GAAW,EAAIA,EAAWA,EAAU,oDAxCvE,SAC/BW,GAEW,IADXC,EAAKhC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAER,MAAqB,iBAAV+B,EACFA,EAGK,OAAVC,EACF,GAAApB,OAAUtB,EAAQyC,GAAM,OAG1B,GAAAnB,OAAUmB,GAAKnB,OAAGoB,EACpB,6BAnBmCC,IACjC7C,QAAAA,gBAAkB6C,CAAQ"}

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

@@ -1,2 +1,2 @@
-"use strict";require("sanitize-html");exports.composeId=e=>e?.toLowerCase?.()?.replace(/\s+/g,"-");
+"use strict";require("../../../../node_modules/core-js/modules/es.regexp.exec.js"),require("../../../../node_modules/core-js/modules/es.string.replace.js");exports.composeId=e=>{var s;return null==e||null===(s=e.toLowerCase)||void 0===s||null===(s=s.call(e))||void 0===s?void 0:s.replace(/\s+/g,"-")};
 //# sourceMappingURL=text.js.map

package/dist/ui/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":["text","toLowerCase","replace"],"mappings":"wDAgB0BA,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":["text","_text$toLowerCase","toLowerCase","call","replace"],"mappings":"8KAgB0BA,IAAY,IAAAC,EAAA,OAAaD,SAAiB,QAAbC,EAAJD,EAAME,mBAAW,IAAAD,GAAI,QAAJA,EAAjBA,EAAAE,KAAAH,UAAqB,IAAAC,OAAA,EAArBA,EAAuBG,QAAQ,OAAQ,IAAI"}

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

@@ -1,2 +1,2 @@
-"use strict";exports.classNames=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(" ")},exports.noop=t=>{t?.preventDefault?.(),t?.stopPropagation?.(),t?.stopImmediatePropagation?.()},exports.parseProps=t=>{const r={},e={};return Object.entries(t).forEach((t=>{let[o,s]=t;"data-"===o.substr(0,5)||"data"===o.substr(0,4)?r[o]=s:e[o]=s})),{dataProps:r,restProps:e}};
+"use strict";require("../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");exports.classNames=function(){for(var e=arguments.length,o=new Array(e),r=0;r<e;r++)o[r]=arguments[r];return o.filter((e=>"string"==typeof e&&null!=e)).filter(Boolean).join(" ")},exports.noop=e=>{var o,r,t;null==e||null===(o=e.preventDefault)||void 0===o||o.call(e),null==e||null===(r=e.stopPropagation)||void 0===r||r.call(e),null==e||null===(t=e.stopImmediatePropagation)||void 0===t||t.call(e)},exports.parseProps=e=>{const o={},r={};return Object.entries(e).forEach((e=>{let[t,l]=e;"data-"===t.substr(0,5)||"data"===t.substr(0,4)?o[t]=l:r[t]=l})),{dataProps:o,restProps:r}};
 //# sourceMappingURL=ui.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sources":["../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\n}\n"],"names":["_len","arguments","length","classes","Array","_key","filter","className","Boolean","join","event","preventDefault","stopPropagation","stopImmediatePropagation","props","dataProps","restProps","Object","entries","forEach","_ref","key","value","substr"],"mappings":"gCAY0B,WAAA,IAAA,IAAAA,EAAAC,UAAAC,OAAIC,EAAOC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAPF,EAAOE,GAAAJ,UAAAI,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,eAuFPC,IACnBA,GAAOC,mBACPD,GAAOE,oBACPF,GAAOG,4BAA4B,qBAlFVC,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"}
+{"version":3,"file":"ui.js","sources":["../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\n}\n"],"names":["_len","arguments","length","classes","Array","_key","filter","className","Boolean","join","event","_event$preventDefault","_event$stopPropagatio","_event$stopImmediateP","preventDefault","call","stopPropagation","stopImmediatePropagation","props","dataProps","restProps","Object","entries","forEach","_ref","key","value","substr"],"mappings":"oHAY0B,WAAA,IAAA,IAAAA,EAAAC,UAAAC,OAAIC,EAAOC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAPF,EAAOE,GAAAJ,UAAAI,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,eAuFPC,IAA4B,IAAAC,EAAAC,EAAAC,EAC/CH,SAAqBC,QAAhBA,EAALD,EAAOI,0BAAcH,GAArBA,EAAAI,KAAAL,GACAA,SAAsBE,QAAjBA,EAALF,EAAOM,2BAAeJ,GAAtBA,EAAAG,KAAAL,GACAA,SAA+BG,QAA1BA,EAALH,EAAOO,oCAAwBJ,GAA/BA,EAAAE,KAAAL,EAAmC,qBAlFVQ,IACzB,MAAMC,EAAqC,CAAE,EACvCC,EAAqC,CAAE,EAS7C,OAPAC,OAAOC,QAAQJ,GAAOK,SAAQC,IAAkB,IAAhBC,EAAKC,GAAMF,EAChB,UAArBC,EAAIE,OAAO,EAAG,IAAuC,SAArBF,EAAIE,OAAO,EAAG,GAChDR,EAAUM,GAAOC,EAEjBN,EAAUK,GAAOC,CACnB,IAEK,CAAEP,YAAWC,YAAW"}

package/dist/utils/_virtual/Parser.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=Parser.js.map

package/dist/utils/_virtual/Parser.js.map

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

package/dist/utils/_virtual/Tokenizer.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=Tokenizer.js.map

package/dist/utils/_virtual/Tokenizer.js.map

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

package/dist/utils/_virtual/_rollupPluginBabelHelpers.js

@@ -1,2 +1,2 @@
-"use strict";function e(e,t,r,n,o,i,a){try{var s=e[i](a),c=s.value}catch(e){return void r(e)}s.done?t(c):Promise.resolve(c).then(n,o)}var t=0;exports.asyncToGenerator=function(t){return function(){var r=this,n=arguments;return new Promise((function(o,i){var a=t.apply(r,n);function s(t){e(a,o,i,s,c,"next",t)}function c(t){e(a,o,i,s,c,"throw",t)}s(void 0)}))}},exports.classPrivateFieldLooseBase=function(e,t){if(!{}.hasOwnProperty.call(e,t))throw new TypeError("attempted to use private field on non-instance");return e},exports.classPrivateFieldLooseKey=function(e){return"__private_"+t+++"_"+e};
+"use strict";function e(e,r,t,n,o,i,c){try{var u=e[i](c),s=u.value}catch(e){return void t(e)}u.done?r(s):Promise.resolve(s).then(n,o)}var r=0;function t(e,r,t){return(r=c(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function o(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.includes(n))continue;t[n]=e[n]}return t}function i(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function c(e){var r=i(e,"string");return"symbol"==typeof r?r:r+""}exports.asyncToGenerator=function(r){return function(){var t=this,n=arguments;return new Promise((function(o,i){var c=r.apply(t,n);function u(r){e(c,o,i,u,s,"next",r)}function s(r){e(c,o,i,u,s,"throw",r)}u(void 0)}))}},exports.classPrivateFieldLooseBase=function(e,r){if(!{}.hasOwnProperty.call(e,r))throw new TypeError("attempted to use private field on non-instance");return e},exports.classPrivateFieldLooseKey=function(e){return"__private_"+r+++"_"+e},exports.defineProperty=t,exports.objectSpread2=function(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?n(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e},exports.objectWithoutProperties=function(e,r){if(null==e)return{};var t,n,i=o(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i},exports.objectWithoutPropertiesLoose=o,exports.toPrimitive=i,exports.toPropertyKey=c;
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/utils/_virtual/array-set.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=array-set.js.map

package/dist/utils/_virtual/array-set.js.map

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

package/dist/utils/_virtual/base64-vlq.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=base64-vlq.js.map

package/dist/utils/_virtual/base64-vlq.js.map

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

package/dist/utils/_virtual/base64.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=base64.js.map

package/dist/utils/_virtual/base64.js.map

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

package/dist/utils/_virtual/binary-search.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=binary-search.js.map

package/dist/utils/_virtual/binary-search.js.map

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

package/dist/utils/_virtual/dayjs.min.js

@@ -0,0 +1,2 @@
+"use strict";exports.__module={exports:{}};
+//# sourceMappingURL=dayjs.min.js.map

package/dist/utils/_virtual/dayjs.min.js.map

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

package/dist/utils/_virtual/decode-data-html.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=decode-data-html.js.map

package/dist/utils/_virtual/decode-data-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decode-data-html.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/utils/_virtual/decode-data-xml.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=decode-data-xml.js.map

package/dist/utils/_virtual/decode-data-xml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decode-data-xml.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/utils/_virtual/decode.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=decode.js.map

package/dist/utils/_virtual/decode.js.map

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

package/dist/utils/_virtual/decode_codepoint.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=decode_codepoint.js.map

package/dist/utils/_virtual/decode_codepoint.js.map

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

package/dist/utils/_virtual/encode-html.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=encode-html.js.map

package/dist/utils/_virtual/encode-html.js.map

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

package/dist/utils/_virtual/encode.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=encode.js.map

package/dist/utils/_virtual/encode.js.map

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

package/dist/utils/_virtual/escape.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=escape.js.map

package/dist/utils/_virtual/escape.js.map

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

package/dist/utils/_virtual/feeds.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=feeds.js.map

package/dist/utils/_virtual/feeds.js.map

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

package/dist/utils/_virtual/foreignNames.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=foreignNames.js.map

package/dist/utils/_virtual/foreignNames.js.map

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

package/dist/utils/_virtual/helpers.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=helpers.js.map

package/dist/utils/_virtual/helpers.js.map

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

package/dist/utils/_virtual/index.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=index.js.map

package/dist/utils/_virtual/index.js.map

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

package/dist/utils/_virtual/index2.js

@@ -0,0 +1,2 @@
+"use strict";exports.__module={exports:{}};
+//# sourceMappingURL=index2.js.map

package/dist/utils/_virtual/index2.js.map

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

package/dist/utils/_virtual/index3.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=index3.js.map

package/dist/utils/_virtual/index3.js.map

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

package/dist/utils/_virtual/index4.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=index4.js.map

package/dist/utils/_virtual/index4.js.map

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

package/dist/utils/_virtual/index5.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=index5.js.map

package/dist/utils/_virtual/index5.js.map

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

package/dist/utils/_virtual/index6.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=index6.js.map

package/dist/utils/_virtual/index6.js.map

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

package/dist/utils/_virtual/index7.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=index7.js.map

package/dist/utils/_virtual/index7.js.map

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

package/dist/utils/_virtual/index8.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=index8.js.map

package/dist/utils/_virtual/index8.js.map

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

package/dist/utils/_virtual/is-plain-object.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=is-plain-object.js.map

package/dist/utils/_virtual/is-plain-object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-plain-object.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/utils/_virtual/legacy.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=legacy.js.map

package/dist/utils/_virtual/legacy.js.map

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

package/dist/utils/_virtual/make-built-in.js

@@ -0,0 +1,2 @@
+"use strict";exports.__module={exports:{}};
+//# sourceMappingURL=make-built-in.js.map

package/dist/utils/_virtual/make-built-in.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-built-in.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/utils/_virtual/manipulation.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=manipulation.js.map

package/dist/utils/_virtual/manipulation.js.map

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

package/dist/utils/_virtual/mapping-list.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=mapping-list.js.map

package/dist/utils/_virtual/mapping-list.js.map

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

package/dist/utils/_virtual/node.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=node.js.map

package/dist/utils/_virtual/node.js.map

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

package/dist/utils/_virtual/node2.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=node2.js.map

package/dist/utils/_virtual/node2.js.map

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

package/dist/utils/_virtual/object-define-properties.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=object-define-properties.js.map

package/dist/utils/_virtual/object-define-properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object-define-properties.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/utils/_virtual/object-define-property.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=object-define-property.js.map

package/dist/utils/_virtual/object-define-property.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object-define-property.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/utils/_virtual/object-get-own-property-descriptor.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=object-get-own-property-descriptor.js.map

package/dist/utils/_virtual/object-get-own-property-descriptor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object-get-own-property-descriptor.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}