@e1011/es-kit 1.4.0 → 1.5.2

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;"}

package/dist/ui/esm/style.css

@@ -0,0 +1 @@
+._overflow-hidden_4rzb0_5,._text-truncate_4rzb0_5{overflow:hidden!important}._text-nowrap_4rzb0_9,._text-truncate_4rzb0_5{white-space:nowrap!important}._text-ellipsis_4rzb0_13,._text-truncate_4rzb0_5{text-overflow:ellipsis!important}._headline_4rzb0_17{font-size:28px;line-height:32px}._headlineSecondary_4rzb0_22{font-size:24px;line-height:28px}._headlineTertiary_4rzb0_27{font-size:18px;line-height:24x}._paragraph_4rzb0_32,._paragraphBold_4rzb0_32,._paragraphBoldSmall_4rzb0_32,._paragraphSmall_4rzb0_32{font-size:14px;line-height:18px;font-weight:300}._paragraphSmall_4rzb0_32,._paragraphBoldSmall_4rzb0_32{font-size:12px}._paragraphBold_4rzb0_32,._paragraphBoldSmall_4rzb0_32{font-weight:600}._link_4rzb0_46{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;text-decoration:none;color:#65c5f6;display:inline;gap:4px;flex-grow:0;max-width:400px;position:relative;vertical-align:center}._link_4rzb0_46:hover:not(._disabled_4rzb0_59){text-decoration:underline;color:#65c5f6}._link_4rzb0_46._disabled_4rzb0_59{pointer-events:none;opacity:.6}._overflow-hidden_1x8yn_5,._text-truncate_1x8yn_5{overflow:hidden!important}._text-nowrap_1x8yn_9,._text-truncate_1x8yn_5{white-space:nowrap!important}._text-ellipsis_1x8yn_13,._text-truncate_1x8yn_5{text-overflow:ellipsis!important}._anchorLink_1x8yn_17{text-decoration:none;color:#65c5f6;font-size:.875rem}._anchorLink_1x8yn_17:hover:not(._disabled_1x8yn_22){text-decoration:underline;color:#65c5f6}._anchorLink_1x8yn_17._disabled_1x8yn_22{pointer-events:none;opacity:.6}._anchorLink_1x8yn_17,._anchorLink_1x8yn_17 span{display:inline-flex}._anchorLink_1x8yn_17{gap:.4rem}._layout-box_nidhu_1{display:flex;position:relative;flex-direction:row;flex:0;flex-grow:0;flex-shrink:0;flex-basis:auto;flex-wrap:nowrap;gap:0;text-align:left;justify-content:flex-start;align-items:flex-start;align-self:auto;margin:0;padding:0;width:auto;height:auto;max-width:none;max-height:none;min-width:0;min-height:0;border-radius:initial}._overflow-hidden_1k822_5,._text-truncate_1k822_5{overflow:hidden!important}._text-nowrap_1k822_9,._text-truncate_1k822_5{white-space:nowrap!important}._text-ellipsis_1k822_13,._text-truncate_1k822_5{text-overflow:ellipsis!important}._button_1k822_17{border:none;color:#090a0a;padding:.5rem 1rem;text-align:center;text-decoration:none;font-size:1rem}._button_1k822_17>span{overflow:hidden;white-space:nowrap;display:inline-block}._button_1k822_17{overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:"auto";width:"auto"}._button_1k822_17._info_1k822_38{background-color:#2d8eff}._button_1k822_17._info_1k822_38._transparent_1k822_41{border:1px solid #2D8EFF!important}._button_1k822_17._success_1k822_44{background-color:#13ce66}._button_1k822_17._success_1k822_44._transparent_1k822_41{border:1px solid #13CE66!important}._button_1k822_17._error_1k822_50{background-color:#ff4949}._button_1k822_17._error_1k822_50._transparent_1k822_41{border:1px solid #FF4949!important}._button_1k822_17._warning_1k822_56{background-color:#ffcc3d}._button_1k822_17._warning_1k822_56._transparent_1k822_41{border:1px solid #FFCC3D!important}._button_1k822_17._link_1k822_62{border:none!important;background-color:transparent!important;background:transparent!important}._button_1k822_17._link_1k822_62:hover *{text-decoration:underline!important}._button_1k822_17._link_1k822_62:hover,._button_1k822_17._transparent_1k822_41{border:none!important;background-color:transparent!important;background:transparent!important}._button_1k822_17._tiny_1k822_80{height:1.4rem;min-width:1.5rem;width:1.5rem;padding:.2rem;font-size:.8rem}._button_1k822_17._fluid_1k822_87{width:100%}._button_1k822_17._truncate_1k822_90>span{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}._button_1k822_17._animated_1k822_95{transition:transform .25s ease-out}._button_1k822_17._hasShadow_1k822_98{box-shadow:0 5px 15px #1c25271a,0 0 2px #0000001a}._button_1k822_17._hasIcon_1k822_101{padding:.4rem;border:none!important;line-height:1px}._button_1k822_17._hasIcon_1k822_101._tiny_1k822_80{padding:0}._button_1k822_17:hover._animated_1k822_95{transform:scale(1.2)}._button_1k822_17:hover{background-color:#c5c5c5!important}._button_1k822_17:hover._transparent_1k822_41{background-color:#c5c5c520!important}._button_1k822_17{-webkit-user-select:all;user-select:all;pointer-events:auto;cursor:pointer}._button_1k822_17._disabled_1k822_123{-webkit-user-select:none;user-select:none;pointer-events:none;cursor:not-allowed}.cui-theme-dark ._button_1k822_17{color:#f4f4f4}.cui-theme-light ._button_1k822_17{color:#090a0a}._icon-base-parent_adz8c_1{line-height:1px!important}._icon-base_adz8c_1{min-width:var(--min-width);min-height:var(--min-height);width:var(--width)!important;height:var(--height)!important;line-height:1px!important;background-color:var(--icon-color);color:var(--icon-content-color);background-repeat:no-repeat;mask-image:var(--icon-url);-webkit-mask-image:var(--icon-url);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;display:inline-block;will-change:transform;transform:translateZ(0)}._icon-base_adz8c_1 svg{fill:var(--icon-content-color);width:var(--height);height:var(--width)}._collapsible-container_h8vq7_1{transform-origin:0% 0%;opacity:0;overflow:clip}._collapsible-container_h8vq7_1._vertical_h8vq7_6{transition:opacity .2s ease-in-out,height .2s ease-in-out,max-height .2s ease-in-out;will-change:opacity,height,max-height}._collapsible-container_h8vq7_1._vertical_h8vq7_6._collapsed_h8vq7_10{height:0;max-height:0;opacity:0}._collapsible-container_h8vq7_1._vertical_h8vq7_6._expanded_h8vq7_15{height:var(--prop-value);max-height:var(--prop-value);opacity:1}._collapsible-container_h8vq7_1._horizontal_h8vq7_20{transition:opacity .2s ease-in-out,width .2s ease-in-out,max-width .2s ease-in-out;will-change:opacity,width,max-width}._collapsible-container_h8vq7_1._horizontal_h8vq7_20._collapsed_h8vq7_10{width:0;max-width:0;opacity:0}._collapsible-container_h8vq7_1._horizontal_h8vq7_20._expanded_h8vq7_15{width:var(--prop-value);max-width:var(--prop-value);opacity:1}._errorBoundary_18k1r_1{background:#efefef;width:100%;height:100%}._StyledIcon_18k1r_7{margin-right:10px}._divider-line_3ogx1_1{position:relative;display:block;transition:opacity,width,height .25s ease-in-out;background-color:var(--color);opacity:var(--opacity)}._divider-line_3ogx1_1._vertical_3ogx1_8{height:var(--length);left:var(--left);width:var(--width);margin:var(--margin)}._divider-line_3ogx1_1._horizontal_3ogx1_14{width:var(--length);left:var(--left);height:var(--height);margin:var(--margin)}._field_1utkt_1{opacity:1;pointer-events:auto}._field_1utkt_1._disabled_1utkt_5{opacity:.5;pointer-events:none}._field_1utkt_1{flex:1 1 auto;width:100%}@media (min-width: 400px){._field_1utkt_1{flex:1}}._field_1utkt_1 ._label_1utkt_18{font-size:.8rem!important;font-weight:400}._field_1utkt_1 ._help_1utkt_22{text-align:left}._field_1utkt_1 ._mainControl_1utkt_25{flex:1;border-radius:6px;box-shadow:0 0 6px 1px #0000000f;will-change:box-shadow;transition:box-shadow .25s ease-in-out}._field_1utkt_1 ._mainControl_1utkt_25:hover,._field_1utkt_1 button{box-shadow:0 0 8px 2px #0000001a}._field_1utkt_1 ._select_1utkt_38{width:100%;flex:1}._field_1utkt_1 ._select_1utkt_38:after{border-color:#000!important}._field_1utkt_1 ._icon_1utkt_45._is-action_1utkt_45{cursor:pointer;pointer-events:initial!important}._field_1utkt_1 input::-webkit-outer-spin-button,._field_1utkt_1 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._field_1utkt_1 input[type=number]{-moz-appearance:textfield}._field_1utkt_1 ._input_1utkt_63[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer}._field_1utkt_1 textarea{resize:none}._field_1utkt_1 label{text-align:left}._flowLayout_ouzwi_1{overflow:auto}._flowLayout_ouzwi_1 ._beforeContent_ouzwi_4,._flowLayout_ouzwi_1 ._afterContent_ouzwi_9{display:flex;width:100%;min-width:0}._loader_syett_1{position:relative;width:100px;height:100px;display:grid;place-items:center}._loader_syett_1 .spinner{animation:rotate 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;display:grid;place-items:center}._loader_syett_1 .spinner .path{stroke:#0970d7;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}._overflow-hidden_dgf80_5,._text-truncate_dgf80_5{overflow:hidden!important}._text-nowrap_dgf80_9,._text-truncate_dgf80_5{white-space:nowrap!important}._text-ellipsis_dgf80_13,._text-truncate_dgf80_5{text-overflow:ellipsis!important}._popup-container_dgf80_17{--popup-width: 60vw;--popup-height: 50vh;position:fixed;width:var(--popup-width);height:var(--popup-height);--slideXFrom: 0;--slideYFrom: 0}._popup-container_dgf80_17 ._popup-container-inner_dgf80_26{position:relative;flex-direction:column;align-items:start;width:100%;height:100%;overflow-x:clip;background-color:#090a0a;border-radius:4px;box-shadow:0 10px 20px 4px #00000026;transition:transform .35s ease-out;will-change:transform;transform:translate(var(--slideXFrom)) translateY(var(--slideYFrom))}._popup-container_dgf80_17 ._popup-container-inner_dgf80_26 button{margin-bottom:0}._popup-container_dgf80_17 ._popup-container-inner_dgf80_26 ._close-button_dgf80_43{cursor:pointer;line-height:1px;background-color:#fff0}._popup-container_dgf80_17 ._popup-container-inner_dgf80_26 ._close-button_dgf80_43 .icon-base{background-color:#fdda0d;width:9px!important;height:9px!important;line-height:1px!important}._popup-container_dgf80_17 ._popup-container-inner_dgf80_26 ._close-button_dgf80_43:hover .icon-base{background-color:#ffea00}._popup-container_dgf80_17 ._popup-container-inner_dgf80_26 ._popup-container-inner-div_dgf80_57{width:100%;height:100%;padding:24px;overflow-y:auto;display:flex}._popup-container_dgf80_17 ._popup-container-inner_dgf80_26 ._popup-container-inner-div_dgf80_57>*{overflow-y:auto}._popup-container_dgf80_17{will-change:opacity;transition:opacity .3s ease-in-out;opacity:0;visibility:hidden;pointer-events:none}._popup-container_dgf80_17[data-show]{opacity:1;visibility:visible;pointer-events:all}._popup-container_dgf80_17[data-show] ._popup-container-inner_dgf80_26{transform:translate(0) translateY(0)}._popup-container_dgf80_17[data-show=false]{opacity:0;visibility:hidden;pointer-events:none}._popup-container_dgf80_17[data-show=false] ._popup-container-inner_dgf80_26{transform:translate(var(--slideXFrom)) translateY(var(--slideYFrom))}.cui-theme-dark ._popup-container-inner_dgf80_26,.cui-theme-light ._popup-container-inner_dgf80_26{background-color:#090a0a;color:#f4f4f4}._popup-modal-overlay_f50w0_1{z-index:1;position:fixed;width:100%;height:100%;top:0;left:0;background:#285078cc!important;pointer-events:all;-webkit-user-select:none;user-select:none;will-change:opacity;transition:opacity .45s ease-in-out;opacity:0;visibility:hidden}._popup-modal-overlay_f50w0_1[data-show]{opacity:1;visibility:visible}._popup-modal-overlay_f50w0_1[data-show=false]{opacity:0;visibility:hidden}._textAndContent_g8kx0_1{align-items:baseline;flex-shrink:1;gap:8px}._overflow-hidden_1jijw_5,._text-truncate_1jijw_5{overflow:hidden!important}._text-nowrap_1jijw_9,._text-truncate_1jijw_5{white-space:nowrap!important}._text-ellipsis_1jijw_13,._text-truncate_1jijw_5{text-overflow:ellipsis!important}._tag_1jijw_17{display:inline-flex;flex-direction:row;flex-shrink:1;padding:4px 8px;gap:4px;min-height:18px;border-radius:4px;border-width:1px;border-style:solid;align-items:center}._tag_1jijw_17 .icon-base{color:#e2e369!important}._tag_1jijw_17 ._text_1jijw_5{white-space:nowrap}._tag_1jijw_17._in-table_1jijw_35{justify-content:center;align-items:center;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}._tag_1jijw_17._default_1jijw_42{background-color:#434747;border-color:#515757;color:#f4f4f4}._tag_1jijw_17._clickable_1jijw_47{cursor:pointer;transition:background-color .25s ease}._tag_1jijw_17._clickable_1jijw_47._default_1jijw_42:hover{background-color:#515757}.cui-theme-dark ._tag_1jijw_17._info_1jijw_55{background-color:#203439;border-color:#80d9f3;color:#80d9f3}.cui-theme-dark ._tag_1jijw_17._very-low_1jijw_60{background-color:#212a04;border-color:#b1e02c;color:#b1e02c}.cui-theme-dark ._tag_1jijw_17._low_1jijw_65{background-color:#353505;border-color:#e2e369;color:#e2e369}.cui-theme-dark ._tag_1jijw_17._medium_1jijw_70{background-color:#632e03;border-color:#fd8f3e;color:#fd8f3e}.cui-theme-dark ._tag_1jijw_17._high_1jijw_75{background-color:#371a1a;border-color:#fd553e;color:#fd553e}.cui-theme-dark ._tag_1jijw_17._critical_1jijw_80{background-color:#311616;border-color:#ec515b;color:#ec515b}.cui-theme-dark ._tag_1jijw_17._information_1jijw_85{background-color:#203439;border-color:#02b3e6;color:#02b3e6}.cui-theme-dark ._tag_1jijw_17._success_1jijw_90{background-color:#212a04;border-color:#30d136;color:#30d136}.cui-theme-dark ._tag_1jijw_17._alert_1jijw_95,.cui-theme-dark ._tag_1jijw_17._error_1jijw_100{background-color:#311616;border-color:#fd553e;color:#fd553e}.cui-theme-dark ._tag_1jijw_17._warning_1jijw_105{background-color:#632e03;border-color:#fd8f3e;color:#fd8f3e}.cui-theme-light ._tag_1jijw_17._info_1jijw_55{background-color:#80d9f3;border-color:#80d9f3;color:#203439}.cui-theme-light ._tag_1jijw_17._very-low_1jijw_60{background-color:#b1e02c;border-color:#b1e02c;color:#212a04}.cui-theme-light ._tag_1jijw_17._low_1jijw_65{background-color:#e2e369;border-color:#e2e369;color:#353505}.cui-theme-light ._tag_1jijw_17._medium_1jijw_70{background-color:#fd8f3e;border-color:#fd8f3e;color:#632e03}.cui-theme-light ._tag_1jijw_17._high_1jijw_75{background-color:#fd553e;border-color:#fd553e;color:#371a1a}.cui-theme-light ._tag_1jijw_17._critical_1jijw_80{background-color:#ec515b;border-color:#ec515b;color:#311616}.cui-theme-light ._tag_1jijw_17._information_1jijw_85{background-color:#02b3e6;border-color:#02b3e6;color:#203439}.cui-theme-light ._tag_1jijw_17._success_1jijw_90{background-color:#30d136;border-color:#30d136;color:#212a04}.cui-theme-light ._tag_1jijw_17._alert_1jijw_95,.cui-theme-light ._tag_1jijw_17._error_1jijw_100{background-color:#fd553e;border-color:#fd553e;color:#311616}.cui-theme-light ._tag_1jijw_17._warning_1jijw_105{background-color:#fd8f3e;border-color:#fd8f3e;color:#632e03}._overflow-hidden_l4it1_5,._text-truncate_l4it1_5{overflow:hidden!important}._text-nowrap_l4it1_9,._text-truncate_l4it1_5{white-space:nowrap!important}._text-ellipsis_l4it1_13,._text-truncate_l4it1_5{text-overflow:ellipsis!important}._popover-tooltip_l4it1_17{position:fixed;z-index:999;will-change:opacity;transition:opacity .45s ease;opacity:0;visibility:hidden}._popover-tooltip_l4it1_17 span,._popover-tooltip_l4it1_17 p,._popover-tooltip_l4it1_17 h3{margin:0;padding:0}._popover-tooltip_l4it1_17 p{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:0;width:100%;white-space:normal;overflow:auto}._popover-tooltip_l4it1_17[data-show]{opacity:1;visibility:visible}._popover-tooltip_l4it1_17[data-show=false]{opacity:0;visibility:hidden}._popover-tooltip_l4it1_17[data-popper-placement^=top] ._arrow_l4it1_47{bottom:-16px}._popover-tooltip_l4it1_17[data-popper-placement^=top] ._arrow_l4it1_47 ._arrow-inner_l4it1_50{transform:rotate(0)}._popover-tooltip_l4it1_17[data-popper-placement^=bottom] ._arrow_l4it1_47{top:-16px}._popover-tooltip_l4it1_17[data-popper-placement^=bottom] ._arrow_l4it1_47 ._arrow-inner_l4it1_50{transform:rotate(180deg)}._popover-tooltip_l4it1_17[data-popper-placement^=left] ._arrow_l4it1_47{right:-16px}._popover-tooltip_l4it1_17[data-popper-placement^=left] ._arrow_l4it1_47 ._arrow-inner_l4it1_50{transform:rotate(-90deg)}._popover-tooltip_l4it1_17[data-popper-placement^=right] ._arrow_l4it1_47{left:-16px}._popover-tooltip_l4it1_17[data-popper-placement^=right] ._arrow_l4it1_47 ._arrow-inner_l4it1_50{transform:rotate(90deg)}._popover-tooltip_l4it1_17{border-radius:4px;background-color:#1b1d1d;box-shadow:0 4px 4px #00000029}._popover-tooltip_l4it1_17 ._arrow_l4it1_47{position:absolute}._popover-tooltip_l4it1_17 ._arrow_l4it1_47 ._arrow-inner_l4it1_50{content:"";border-width:8px;border-style:solid;border-color:#1B1D1D transparent transparent transparent}._close-button_l4it1_86{cursor:pointer;line-height:1px;background-color:#fff0}._close-button_l4it1_86 .icon-base{background-color:#fdda0d;width:9px!important;height:9px!important;line-height:1px!important}._close-button_l4it1_86:hover .icon-base{background-color:#ffea00}.cui-theme-dark ._popover-tooltip_l4it1_17{background-color:#1b1d1d}.cui-theme-dark ._popover-tooltip_l4it1_17 ._arrow-inner_l4it1_50{border-color:#1B1D1D transparent transparent transparent}.cui-theme-dark ._popover-tooltip_l4it1_17{color:#f4f4f4}.cui-theme-light ._popover-tooltip_l4it1_17{background-color:#515757}.cui-theme-light ._popover-tooltip_l4it1_17 ._arrow-inner_l4it1_50{border-color:#515757 transparent transparent transparent}.cui-theme-light{color:#1b1d1d}:root{--divider-line: #4a4b4b}._overflow-hidden_10kjs_5,._text-truncate_10kjs_5{overflow:hidden!important}._text-nowrap_10kjs_9,._text-truncate_10kjs_5{white-space:nowrap!important}._text-ellipsis_10kjs_13,._text-truncate_10kjs_5{text-overflow:ellipsis!important}._toggle_10kjs_17{display:inline-block;position:relative;max-width:48px;max-height:24px;width:48px;height:24px;border-radius:16px!important}._toggle_10kjs_17 input{opacity:0;width:0;height:0}._toggle_10kjs_17 ._slider_10kjs_31{box-sizing:border-box;position:absolute;cursor:pointer;width:48px;height:24px;top:0;left:0;right:0;bottom:0;background-color:transparent;border:1px solid #F4F4F4;transition:transform,background-color .4s ease;border-radius:16px}._toggle_10kjs_17 ._slider_10kjs_31:before{position:absolute;content:"";height:20px;width:20px;left:1px;bottom:1px;background-color:#f4f4f4;transition:transform .4s ease;border-radius:50%}._toggle_10kjs_17 input:checked+._slider_10kjs_31{background-color:#282a2a;border-color:#282a2a}._toggle_10kjs_17 input:focus+._slider_10kjs_31{box-shadow:0 0 1px 1px #282a2a}._toggle_10kjs_17 input:checked+._slider_10kjs_31:before{transform:translate(24px)}._toggle_10kjs_17._disabled_10kjs_67{opacity:.65}._toggle_10kjs_17._disabled_10kjs_67 input{pointer-events:none}._toggle_10kjs_17._disabled_10kjs_67 ._slider_10kjs_31{cursor:not-allowed}._toggle_10kjs_17._disabled_10kjs_67 ._slider_10kjs_31:after{content:" ";z-index:-1;display:block;position:absolute;height:100%;top:0;left:0;right:0}.cui-theme-dark ._toggle_10kjs_17 input:enabled+._slider_10kjs_31:hover{background-color:#003a4c}.cui-theme-dark ._toggle_10kjs_17 input:checked:enabled+._slider_10kjs_31:hover{background-color:#262828}.cui-theme-light ._toggle_10kjs_17 input+._slider_10kjs_31{border-color:#202929}.cui-theme-light ._toggle_10kjs_17 input+._slider_10kjs_31:hover{background-color:#282a2a0d}.cui-theme-light ._toggle_10kjs_17 input+._slider_10kjs_31:before{background-color:#282a2a}.cui-theme-light ._toggle_10kjs_17 input:checked+._slider_10kjs_31:before{background-color:#f4f4f4}.cui-theme-light ._toggle_10kjs_17 input:checked+._slider_10kjs_31:hover{background-color:#374646}

package/dist/ui/node_modules/@popperjs/core/lib/createPopper.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./dom-utils/getCompositeRect.js"),t=require("./dom-utils/getLayoutRect.js"),r=require("./dom-utils/listScrollParents.js"),o=require("./dom-utils/getOffsetParent.js"),n=require("./utils/orderModifiers.js"),i=require("./utils/debounce.js"),s=require("./utils/mergeByName.js"),f=require("./dom-utils/instanceOf.js"),a={placement:"bottom",modifiers:[],strategy:"absolute"};function u(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}exports.popperGenerator=function(d){void 0===d&&(d={});var c=d,p=c.defaultModifiers,l=void 0===p?[]:p,m=c.defaultOptions,v=void 0===m?a:m;return function(d,c,p){void 0===p&&(p=v);var m={placement:"bottom",orderedModifiers:[],options:Object.assign({},a,v),modifiersData:{},elements:{reference:d,popper:c},attributes:{},styles:{}},g=[],j=!1,y={state:m,setOptions:function(e){var t="function"==typeof e?e(m.options):e;b(),m.options=Object.assign({},v,m.options,t),m.scrollParents={reference:f.isElement(d)?r.default(d):d.contextElement?r.default(d.contextElement):[],popper:r.default(c)};var o=n.default(s.default([].concat(l,m.options.modifiers)));return m.orderedModifiers=o.filter((function(e){return e.enabled})),m.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,o=void 0===r?{}:r,n=e.effect;if("function"==typeof n){var i=n({state:m,name:t,instance:y,options:o}),s=function(){};g.push(i||s)}})),y.update()},forceUpdate:function(){if(!j){var r=m.elements,n=r.reference,i=r.popper;if(u(n,i)){m.rects={reference:e.default(n,o.default(i),"fixed"===m.options.strategy),popper:t.default(i)},m.reset=!1,m.placement=m.options.placement,m.orderedModifiers.forEach((function(e){return m.modifiersData[e.name]=Object.assign({},e.data)}));for(var s=0;s<m.orderedModifiers.length;s++)if(!0!==m.reset){var f=m.orderedModifiers[s],a=f.fn,d=f.options,c=void 0===d?{}:d,p=f.name;"function"==typeof a&&(m=a({state:m,options:c,name:p,instance:y})||m)}else m.reset=!1,s=-1}}},update:i.default((function(){return new Promise((function(e){y.forceUpdate(),e(m)}))})),destroy:function(){b(),j=!0}};if(!u(d,c))return y;function b(){g.forEach((function(e){return e()})),g=[]}return y.setOptions(p).then((function(e){!j&&p.onFirstUpdate&&p.onFirstUpdate(e)})),y}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./dom-utils/getCompositeRect.js"),C=require("./dom-utils/getLayoutRect.js"),E=require("./dom-utils/listScrollParents.js"),R=require("./dom-utils/getOffsetParent.js"),T=require("./utils/orderModifiers.js"),w=require("./utils/debounce.js"),B=require("./utils/mergeByName.js"),G=require("./dom-utils/instanceOf.js");var P={placement:"bottom",modifiers:[],strategy:"absolute"};function U(){for(var f=arguments.length,c=new Array(f),o=0;o<f;o++)c[o]=arguments[o];return!c.some(function(l){return!(l&&typeof l.getBoundingClientRect=="function")})}function L(f){f===void 0&&(f={});var c=f,o=c.defaultModifiers,l=o===void 0?[]:o,M=c.defaultOptions,v=M===void 0?P:M;return function(u,g,d){d===void 0&&(d=v);var e={placement:"bottom",orderedModifiers:[],options:Object.assign({},P,v),modifiersData:{},elements:{reference:u,popper:g},attributes:{},styles:{}},y=[],O=!1,i={state:e,setOptions:function(n){var a=typeof n=="function"?n(e.options):n;q(),e.options=Object.assign({},v,e.options,a),e.scrollParents={reference:G.isElement(u)?E.default(u):u.contextElement?E.default(u.contextElement):[],popper:E.default(g)};var s=T.default(B.default([].concat(l,e.options.modifiers)));return e.orderedModifiers=s.filter(function(r){return r.enabled}),F(),i.update()},forceUpdate:function(){if(!O){var n=e.elements,a=n.reference,s=n.popper;if(U(a,s)){e.rects={reference:S.default(a,R.default(s),e.options.strategy==="fixed"),popper:C.default(s)},e.reset=!1,e.placement=e.options.placement,e.orderedModifiers.forEach(function(h){return e.modifiersData[h.name]=Object.assign({},h.data)});for(var r=0;r<e.orderedModifiers.length;r++){if(e.reset===!0){e.reset=!1,r=-1;continue}var p=e.orderedModifiers[r],m=p.fn,b=p.options,j=b===void 0?{}:b,D=p.name;typeof m=="function"&&(e=m({state:e,options:j,name:D,instance:i})||e)}}}},update:w.default(function(){return new Promise(function(t){i.forceUpdate(),t(e)})}),destroy:function(){q(),O=!0}};if(!U(u,g))return i;i.setOptions(d).then(function(t){!O&&d.onFirstUpdate&&d.onFirstUpdate(t)});function F(){e.orderedModifiers.forEach(function(t){var n=t.name,a=t.options,s=a===void 0?{}:a,r=t.effect;if(typeof r=="function"){var p=r({state:e,name:n,instance:i,options:s}),m=function(){};y.push(p||m)}})}function q(){y.forEach(function(t){return t()}),y=[]}return i}}exports.popperGenerator=L;
 //# sourceMappingURL=createPopper.js.map