npm - @e1011/es-kit - Versions diffs - 1.1.72 → 1.1.75 - Mend

@e1011/es-kit 1.1.72 → 1.1.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3885) hide show

package/dist/lib/cjs/src/core/ui/components/icon/IconWC.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t,i=require("../../../utils/webComponents/webComponent.utils.js"),e=require("./icon.module.scss.js");const s=document.createElement("template");s.innerHTML='<span class="icon-base"></span>';let n=i.ced("icon-base")(t=class t extends HTMLElement{constructor(){super(...arguments),this.content=void 0,this.mainElement=void 0,this.iconUrl=void 0,this.minWidth=void 0,this.minHeight=void 0,this.width=void 0,this.height=void 0,this.size=void 0,this.fontSize=void 0,this.color=void 0,this.render=()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(e.default["icon-base-parent"]),this.mainElement.classList.add(e.default["icon-base"]);const t={"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem",...this.fontSize?{"font-size":this.fontSize||"unset"}:{},...this.iconUrl?{"--icon-url":`url(${this.iconUrl})`}:{},...this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color}};this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(t).map((t=>{let[i,e]=t;return`${i}: ${e};`})).join(" "))}}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=s.innerHTML,i.resolveAttributes(this,t.observedAttributes),this.render()}attributeChangedCallback(t,i,e){"className"!==t&&"classname"!==t&&"class"!==t||"string"==typeof e&&(this.classList.remove(e),this.classList.add(e)),this.color||(this.color="currentColor"),this[t]=e||"",this.render()}})||t;const o={ESIconBase:n};exports.ESIcon=n,exports.ESIconBase=o;
+"use strict";var t=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var i,e=require("../../../utils/webComponents/webComponent.utils.js"),s=require("./icon.module.scss.js");const n=document.createElement("template");n.innerHTML='<span class="icon-base"></span>';let o=e.ced("icon-base")(i=class i extends HTMLElement{constructor(){super(...arguments),this.content=void 0,this.mainElement=void 0,this.iconUrl=void 0,this.minWidth=void 0,this.minHeight=void 0,this.width=void 0,this.height=void 0,this.size=void 0,this.fontSize=void 0,this.color=void 0,this.render=()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(s.default["icon-base-parent"]),this.mainElement.classList.add(s.default["icon-base"]);const i=t.objectSpread2(t.objectSpread2(t.objectSpread2({"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem"},this.fontSize?{"font-size":this.fontSize||"unset"}:{}),this.iconUrl?{"--icon-url":"url(".concat(this.iconUrl,")")}:{}),this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color});this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(i).map((t=>{let[i,e]=t;return"".concat(i,": ").concat(e,";")})).join(" "))}}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=n.innerHTML,e.resolveAttributes(this,i.observedAttributes),this.render()}attributeChangedCallback(t,i,e){"className"!==t&&"classname"!==t&&"class"!==t||"string"==typeof e&&(this.classList.remove(e),this.classList.add(e)),this.color||(this.color="currentColor"),this[t]=e||"",this.render()}})||i;const r={ESIconBase:o};exports.ESIcon=o,exports.ESIconBase=r;
 //# sourceMappingURL=IconWC.js.map

package/dist/lib/cjs/src/core/ui/components/icon/IconWC.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n}\n\n@ced('icon-base')\nexport class ESIcon extends HTMLElement {\n content: string \| null\n\n mainElement: HTMLElement\n\n iconUrl?: string \| null\n\n minWidth?: string \| null\n\n minHeight?: string \| null\n\n width?: string \| null\n\n height?: string \| null\n\n size?: string \| null\n\n fontSize?: string \| null\n\n color?: string \| null\n\n static get observedAttributes(): string[] {\n return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n }\n\n connectedCallback(): void {\n if (this.content \|\| this.innerHTML) {\n this.content = this.content \|\| this.innerHTML \|\| this.getAttribute('content')\n }\n\n this.innerHTML = template.innerHTML\n\n resolveAttributes(this, ESIcon.observedAttributes)\n\n this.render()\n }\n\n attributeChangedCallback(attrName: string, oldVal: string \| number \| null, newVal: string \| number \| null): void {\n if (attrName === 'className' \|\| attrName === 'classname' \|\| attrName === 'class') {\n if (typeof newVal === 'string') {\n this.classList.remove(newVal as string)\n this.classList.add(newVal as string)\n }\n }\n if (!this.color) {\n this.color = 'currentColor'\n }\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this[attrName] = (newVal as string) \|\| ''\n this.render()\n }\n\n render = (): void => {\n this.mainElement = this.mainElement \|\| this.querySelector('.icon-base') as HTMLElement\n if (!this.mainElement) {\n return\n }\n this.classList.add(classes['icon-base-parent'])\n this.mainElement.classList.add(classes['icon-base'])\n\n const styles = {\n '--min-width': this.minWidth \|\| this.size \|\| this.width \|\| 'auto',\n '--min-height': this.minHeight \|\| this.size \|\| this.height \|\| 'auto',\n '--width': this.size \|\| this.width \|\| '1rem',\n '--height': this.size \|\| this.height \|\| '1rem',\n ...(this.fontSize ? { 'font-size': this.fontSize \|\| 'unset' } : {}),\n ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n }\n\n this.mainElement.innerHTML = this.iconUrl ? '' : (this.content \|\| '')\n\n this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n }\n}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n interface IntrinsicElements {\n 'icon-base': any\n }\n }\n}\n\nexport const ESIconBase = {\n ESIconBase: ESIcon,\n}\n"],"names":["template","document","createElement","innerHTML","ESIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","this","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","default","styles","setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","attributeChangedCallback","attrName","oldVal","newVal","remove","ESIconBase"],"mappings":"~~sHAKA~~,MAAMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAAA,IAAI,YAAYC,CAAAC,EAAjB,MACaH,UAAeI,YAAYC,WAAAA,GAAAC,SAAAC,WAAAC,KACtCC,aAAO,EAAAD,KAEPE,iBAAW,EAAAF,KAEXG,aAAO,EAAAH,KAEPI,cAAQ,EAAAJ,KAERK,eAAS,EAAAL,KAETM,WAAK,EAAAN,KAELO,YAAM,EAAAP,KAENQ,UAAI,EAAAR,KAEJS,cAAQ,EAAAT,KAERU,WAAK,EAAAV,KAkCLW,OAAS,KAEP,GADAX,KAAKE,YAAcF,KAAKE,aAAeF,KAAKY,cAAc,eACrDZ,KAAKE,YACR,OAEFF,KAAKa,UAAUC,IAAIC,~~EAAAA~~,~~QAAQ~~,~~qBAC3Bf~~,KAAKE,YAAYW,UAAUC,IAAIC,EAAOC,QAAC,cAEvC,MAAMC,~~EAAS~~,~~CACb~~,~~cAAejB~~,KAAKI,UAAYJ,KAAKQ,MAAQR,KAAKM,OAAS,OAC3D,eAAgBN,KAAKK,WAAaL,KAAKQ,MAAQR,KAAKO,QAAU,OAC9D,UAAWP,KAAKQ,MAAQR,KAAKM,OAAS,OACtC,WAAYN,KAAKQ,MAAQR,KAAKO,QAAU,~~UACpCP~~,KAAKS,SAAW,CAAE,YAAaT,KAAKS,UAAY,SAAY,~~MAC5DT~~,KAAKG,QAAU,CAAE,~~aAAc~~,~~OAAOH~~,KAAKG,~~YAAe~~,~~MAC1DH~~,KAAKG,QAAU,CAAE,eAAgBH,KAAKU,OAAU,CAAE,uBAAwBV,KAAKU,QAGrFV,KAAKE,YAAYX,UAAYS,KAAKG,QAAU,GAAMH,KAAKC,SAAW,GAElED,KAAKE,~~YAAYgB~~,aAAa,QAASC,OAAOC,~~QAAQH~~,~~GAAQI~~,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,~~MAAK~~,~~GAAGC~~,~~MAAQC~~,~~IAAQ~~,~~IAAEC~~,KAAK,KAAK,CACpH,CArDD,6BAAWC,GACT,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,iBAAAA,~~IACM3B~~,KAAKC,SAAWD,KAAKT,aACvBS,KAAKC,QAAUD,KAAKC,SAAWD,KAAKT,WAAaS,~~KAAK4B~~,aAAa,~~YAGrE5B~~,KAAKT,UAAYH,EAASG,~~UAE1BsC~~,~~EAAAA~~,~~kBAAkB7B,~~KAAMR,~~EAAOkC~~,oBAE/~~B1B~~,KAAKW,QACP,~~CAEAmB~~,wBAAAA,CAAyBC,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,~~IACTjC~~,KAAKa,~~UAAUqB~~,OAAOD,~~GACtBjC~~,KAAKa,UAAUC,~~IAAImB~~,~~IAGlBjC~~,KAAKU,QACRV,KAAKU,MAAQ,gBAIfV,~~KAAK+B~~,GAAaE,GAAqB,~~GACvCjC~~,KAAKW,QACP,KAwBDhB,EAWM,~~MAAMwC~~,EAAa,CACxBA,~~WAAY3C~~"}
1	+ {"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n}\n\n@ced('icon-base')\nexport class ESIcon extends HTMLElement {\n content: string \| null\n\n mainElement: HTMLElement\n\n iconUrl?: string \| null\n\n minWidth?: string \| null\n\n minHeight?: string \| null\n\n width?: string \| null\n\n height?: string \| null\n\n size?: string \| null\n\n fontSize?: string \| null\n\n color?: string \| null\n\n static get observedAttributes(): string[] {\n return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n }\n\n connectedCallback(): void {\n if (this.content \|\| this.innerHTML) {\n this.content = this.content \|\| this.innerHTML \|\| this.getAttribute('content')\n }\n\n this.innerHTML = template.innerHTML\n\n resolveAttributes(this, ESIcon.observedAttributes)\n\n this.render()\n }\n\n attributeChangedCallback(attrName: string, oldVal: string \| number \| null, newVal: string \| number \| null): void {\n if (attrName === 'className' \|\| attrName === 'classname' \|\| attrName === 'class') {\n if (typeof newVal === 'string') {\n this.classList.remove(newVal as string)\n this.classList.add(newVal as string)\n }\n }\n if (!this.color) {\n this.color = 'currentColor'\n }\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this[attrName] = (newVal as string) \|\| ''\n this.render()\n }\n\n render = (): void => {\n this.mainElement = this.mainElement \|\| this.querySelector('.icon-base') as HTMLElement\n if (!this.mainElement) {\n return\n }\n this.classList.add(classes['icon-base-parent'])\n this.mainElement.classList.add(classes['icon-base'])\n\n const styles = {\n '--min-width': this.minWidth \|\| this.size \|\| this.width \|\| 'auto',\n '--min-height': this.minHeight \|\| this.size \|\| this.height \|\| 'auto',\n '--width': this.size \|\| this.width \|\| '1rem',\n '--height': this.size \|\| this.height \|\| '1rem',\n ...(this.fontSize ? { 'font-size': this.fontSize \|\| 'unset' } : {}),\n ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n }\n\n this.mainElement.innerHTML = this.iconUrl ? '' : (this.content \|\| '')\n\n this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n }\n}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n interface IntrinsicElements {\n 'icon-base': any\n }\n }\n}\n\nexport const ESIconBase = {\n ESIconBase: ESIcon,\n}\n"],"names":["template","document","createElement","innerHTML","ESIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","this","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","default","styles","_objectSpread","objectSpread2","concat","setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","attributeChangedCallback","attrName","oldVal","newVal","remove","ESIconBase"],"mappings":"mRAKA,MAAMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAAA,IAAI,YAAYC,CAAAC,EAAjB,MACaH,UAAeI,YAAYC,WAAAA,GAAAC,SAAAC,WAAAC,KACtCC,aAAO,EAAAD,KAEPE,iBAAW,EAAAF,KAEXG,aAAO,EAAAH,KAEPI,cAAQ,EAAAJ,KAERK,eAAS,EAAAL,KAETM,WAAK,EAAAN,KAELO,YAAM,EAAAP,KAENQ,UAAI,EAAAR,KAEJS,cAAQ,EAAAT,KAERU,WAAK,EAAAV,KAkCLW,OAAS,KAEP,GADAX,KAAKE,YAAcF,KAAKE,aAAeF,KAAKY,cAAc,eACrDZ,KAAKE,YACR,OAEFF,KAAKa,UAAUC,IAAIC,EAAOC,QAAC,qBAC3BhB,KAAKE,YAAYW,UAAUC,IAAIC,EAAOC,QAAC,cAEvC,MAAMC,EAAMC,EAAAA,cAAAA,EAAAC,cAAAD,gBAAA,CACV,cAAelB,KAAKI,UAAYJ,KAAKQ,MAAQR,KAAKM,OAAS,OAC3D,eAAgBN,KAAKK,WAAaL,KAAKQ,MAAQR,KAAKO,QAAU,OAC9D,UAAWP,KAAKQ,MAAQR,KAAKM,OAAS,OACtC,WAAYN,KAAKQ,MAAQR,KAAKO,QAAU,QACpCP,KAAKS,SAAW,CAAE,YAAaT,KAAKS,UAAY,SAAY,CAAE,GAC9DT,KAAKG,QAAU,CAAE,aAAYiB,OAAAA,OAASpB,KAAKG,QAAO,MAAQ,CAAE,GAC5DH,KAAKG,QAAU,CAAE,eAAgBH,KAAKU,OAAU,CAAE,uBAAwBV,KAAKU,QAGrFV,KAAKE,YAAYX,UAAYS,KAAKG,QAAU,GAAMH,KAAKC,SAAW,GAElED,KAAKE,YAAYmB,aAAa,QAASC,OAAOC,QAAQN,GAAQO,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,MAAA,GAAAL,OAAQM,EAAGN,MAAAA,OAAKO,EAAK,IAAA,IAAKC,KAAK,KAAK,CACpH,CArDD,6BAAWC,GACT,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,iBAAAA,IACM9B,KAAKC,SAAWD,KAAKT,aACvBS,KAAKC,QAAUD,KAAKC,SAAWD,KAAKT,WAAaS,KAAK+B,aAAa,YAGrE/B,KAAKT,UAAYH,EAASG,UAE1ByC,oBAAkBhC,KAAMR,EAAOqC,oBAE/B7B,KAAKW,QACP,CAEAsB,wBAAAA,CAAyBC,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,IACTpC,KAAKa,UAAUwB,OAAOD,GACtBpC,KAAKa,UAAUC,IAAIsB,IAGlBpC,KAAKU,QACRV,KAAKU,MAAQ,gBAIfV,KAAKkC,GAAaE,GAAqB,GACvCpC,KAAKW,QACP,KAwBDhB,EAWM,MAAM2C,EAAa,CACxBA,WAAY9C"}

package/dist/lib/cjs/src/core/ui/components/icon/unifyIconUrl.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("ramda");exports.unifyIconUrl=l=>{if(!l||!e.is(String,l)||!l||l?.includes(".svg")||l?.includes("data:image/svg+xml;base64"))return l;const a=l?.replaceAll("/\\s+/g"," ").replaceAll("'",'"').replaceAll("%25","%").replaceAll("%23","#").replaceAll("%3c","<").replaceAll("%3e",">").replaceAll("%20"," ").replaceAll("data:image/svg+xml,","");return`data:image/svg+xml;base64,${btoa(a)}`};
+"use strict";require("../../../../../node_modules/core-js/modules/es.regexp.exec.js"),require("../../../../../node_modules/core-js/modules/es.string.replace.js"),require("../../../../../node_modules/core-js/modules/es.string.replace-all.js");var e=require("../../../../../node_modules/ramda/es/is.js");exports.unifyIconUrl=l=>{if(!l||!e.default(String,l)||!l||null!=l&&l.includes(".svg")||null!=l&&l.includes("data:image/svg+xml;base64"))return l;const r=null==l?void 0:l.replaceAll("/\\s+/g"," ").replaceAll("'",'"').replaceAll("%25","%").replaceAll("%23","#").replaceAll("%3c","<").replaceAll("%3e",">").replaceAll("%20"," ").replaceAll("data:image/svg+xml,","");return"data:image/svg+xml;base64,".concat(btoa(r))};
 //# sourceMappingURL=unifyIconUrl.js.map

package/dist/lib/cjs/src/core/ui/components/icon/unifyIconUrl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"unifyIconUrl.js","sources":["../../../../../../../../src/core/ui/components/icon/unifyIconUrl.ts"],"sourcesContent":["import { is } from 'ramda'\n\n// fix of Vite 5 new way of handling assets\n// https://github.com/vitejs/vite/pull/2909\n// https://github.com/vitejs/vite/blob/77d5165e2f252bfecbb0eebccc6f04dc8be0c5ba/packages/vite/src/node/plugins/asset.ts#L419\nexport const unifyIconUrl = (iconUrl: string): string => {\n if (!iconUrl \|\| !is(String, iconUrl) \|\| !iconUrl\n \|\| iconUrl?.includes('.svg') \|\| iconUrl?.includes('data:image/svg+xml;base64')) {\n return iconUrl\n }\n\n const unifiedIconUrl = iconUrl?.replaceAll('/\\\\s+/g', ' ')\n .replaceAll('\\'', '\"')\n .replaceAll('%25', '%')\n .replaceAll('%23', '#')\n .replaceAll('%3c', '<')\n .replaceAll('%3e', '>')\n .replaceAll('%20', ' ')\n .replaceAll('data:image/svg+xml,', '')\n\n return `data:image/svg+xml;base64,${btoa(unifiedIconUrl)}`\n}\n"],"names":["iconUrl","is","String","includes","unifiedIconUrl","replaceAll","btoa"],"mappings":"~~yDAK6BA~~,IAC3B,IAAKA,IAAYC,~~EAAAA~~,~~GAAGC~~,~~OAAQF~~,KAAaA,GACtCA,~~GAASG~~,SAAS,~~SAAWH~~,~~GAASG~~,SAAS,6BAChD,~~OAAOH~~,EAGT,~~MAAMI~~,~~EAAiBJ~~,~~GAASK~~,WAAW,UAAW,KACnDA,WAAW,IAAM,KACjBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,sBAAuB,IAErC,~~MAAO~~,~~6BAA6BC~~,~~KAAKF~~,~~IAAiB~~"}
1	+ {"version":3,"file":"unifyIconUrl.js","sources":["../../../../../../../../src/core/ui/components/icon/unifyIconUrl.ts"],"sourcesContent":["import { is } from 'ramda'\n\n// fix of Vite 5 new way of handling assets\n// https://github.com/vitejs/vite/pull/2909\n// https://github.com/vitejs/vite/blob/77d5165e2f252bfecbb0eebccc6f04dc8be0c5ba/packages/vite/src/node/plugins/asset.ts#L419\nexport const unifyIconUrl = (iconUrl: string): string => {\n if (!iconUrl \|\| !is(String, iconUrl) \|\| !iconUrl\n \|\| iconUrl?.includes('.svg') \|\| iconUrl?.includes('data:image/svg+xml;base64')) {\n return iconUrl\n }\n\n const unifiedIconUrl = iconUrl?.replaceAll('/\\\\s+/g', ' ')\n .replaceAll('\\'', '\"')\n .replaceAll('%25', '%')\n .replaceAll('%23', '#')\n .replaceAll('%3c', '<')\n .replaceAll('%3e', '>')\n .replaceAll('%20', ' ')\n .replaceAll('data:image/svg+xml,', '')\n\n return `data:image/svg+xml;base64,${btoa(unifiedIconUrl)}`\n}\n"],"names":["iconUrl","is","default","String","includes","unifiedIconUrl","replaceAll","concat","btoa"],"mappings":"mUAK6BA,IAC3B,IAAKA,IAAYC,EAAEC,QAACC,OAAQH,KAAaA,GACtCA,SAAAA,EAASI,SAAS,SAAWJ,SAAAA,EAASI,SAAS,6BAChD,OAAOJ,EAGT,MAAMK,EAAiBL,aAAO,EAAPA,EAASM,WAAW,UAAW,KACnDA,WAAW,IAAM,KACjBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,sBAAuB,IAErC,MAAA,6BAAAC,OAAoCC,KAAKH,GAAe"}

package/dist/lib/cjs/src/core/ui/components/molecules/layouts/FlowLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("./flowLayout.module.scss.js"),l=require("../../container/layoutBox/LayoutBox.js"),o=require("../../../../utils/helpers/ui.js");const r=t.memo((r=>{let{itemDTOs:s,containerProps:n={},defaultItemLayoutProps:u={},numColumns:c=1,className:m="",beforeContent:i,afterContent:d,...p}=r;const y=t.useMemo((()=>c>0?{display:"grid",gridTemplateColumns:`${"1fr ".repeat(c)}`,width:"100%",height:"unset"}:{display:"flex"}),[c]);return React.createElement(l.LayoutBox,e.extends({width:"100%",column:!0,className:o.classNames(a.default.flowLayout,m)},p),i&&React.createElement("span",{className:a.default.beforeContent,tabIndex:-1},i),React.createElement(l.LayoutBox,e.extends({flexWrap:"wrap",gap:"1rem",style:y,width:"100%"},n),s.map((t=>{let{id:a,spanColumn:o,Component:r,layoutProps:s,...n}=t;return React.createElement(l.LayoutBox,e.extends({key:a},u,s,o?{style:{width:`calc(${Math.round(100*o)}% - ${16*o}px)`}}:{}),React.createElement(r,n))}))),d&&React.createElement("span",{className:a.default.afterContent,tabIndex:-1},d))}));r.displayName="FlowLayout",exports.FlowLayout=r;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("../../../../../../node_modules/react/index.js"),a=require("./flowLayout.module.scss.js"),o=require("../../container/layoutBox/LayoutBox.js"),r=require("../../../../utils/helpers/ui.js");const s=["itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent"],n=["id","spanColumn","Component","layoutProps"],l=t.reactExports.memo((l=>{let{itemDTOs:u,containerProps:c={},defaultItemLayoutProps:m={},numColumns:i=1,className:p="",beforeContent:d,afterContent:y}=l,x=e.objectWithoutProperties(l,s);const f=t.reactExports.useMemo((()=>i>0?{display:"grid",gridTemplateColumns:"".concat("1fr ".repeat(i)),width:"100%",height:"unset"}:{display:"flex"}),[i]);return React.createElement(o.LayoutBox,e.extends({width:"100%",column:!0,className:r.classNames(a.default.flowLayout,p)},x),d&&React.createElement("span",{className:a.default.beforeContent,tabIndex:-1},d),React.createElement(o.LayoutBox,e.extends({flexWrap:"wrap",gap:"1rem",style:f,width:"100%"},c),u.map((t=>{let{id:a,spanColumn:r,Component:s,layoutProps:l}=t,u=e.objectWithoutProperties(t,n);return React.createElement(o.LayoutBox,e.extends({key:a},m,l,r?{style:{width:"calc(".concat(Math.round(100*r),"% - ").concat(16*r,"px)")}}:{}),React.createElement(s,u))}))),y&&React.createElement("span",{className:a.default.afterContent,tabIndex:-1},y))}));l.displayName="FlowLayout",exports.FlowLayout=l;
 //# sourceMappingURL=FlowLayout.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/layouts/FlowLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowLayout.js","sources":["../../../../../../../../../src/core/ui/components/molecules/layouts/FlowLayout.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { LayoutBox } from '../../container'\nimport { classNames } from '../../../../utils'\n\nimport type { FlowLayoutProps, ItemDTOType } from './flowLayout.types'\nimport classes from './flowLayout.module.scss'\n\n\n/*\n Renders a flexible flow layout that automatically arranges child components based on specified columns and spacing.\n * This component is highly customizable through its props,\n * allowing for dynamic layouts responsive to the content and screen size.\n \n Utilizes a grid layout by default, falling back to flex layout\n * if `numColumns` is not greater than 0. Each item's width\n * and placement can be controlled via `spanColumn` on\n * individual items, with additional layout props provided for fine-tuning.\n \n @param {FlowLayoutProps} props The properties to configure the FlowLayout.\n * @param {ItemDTOType[]} props.itemDTOs Array of item DTOs defining the\n * components to render and their layout properties.\n * @param {Partial<LayoutBoxProps>} [props.containerProps={}] Optional.\n * Props to be spread onto the container `LayoutBox`, allowing for custom styles and behaviors.\n * @param {Partial<LayoutBoxProps>} [props.defaultItemLayoutProps={}] Optional.\n * Default layout properties applied to each item, unless overridden by item-specific props.\n * @param {number} [props.numColumns=1] Optional.\n * Defines the number of columns in the grid. Affects item distribution and layout.\n * @param {string} [props.className=''] Optional.\n * Additional CSS class names to apply to the layout container for custom styling.\n * @param {ReactNode} [props.beforeContent] Optional.\n * Content to render before the main items. Useful for titles, descriptions, or custom components.\n * @param {ReactNode} [props.afterContent] Optional.\n Content to render after the main items. Can be used for additional information or actions related to the items.\n * @returns {React.ReactElement} The rendered FlowLayout component.\n /\nexport const FlowLayout: FC<FlowLayoutProps> = memo<FlowLayoutProps>(({\n itemDTOs,\n containerProps = {},\n defaultItemLayoutProps = {},\n numColumns = 1,\n className = '',\n beforeContent,\n afterContent,\n ...props\n}: FlowLayoutProps) => {\n // Calculation for column styles based on the number of columns specified.\n const columnStyles = useMemo(() => (numColumns > 0\n ? {\n display: 'grid',\n gridTemplateColumns: `${'1fr '.repeat(numColumns)}`,\n width: '100%',\n height: 'unset',\n }\n : {\n display: 'flex',\n }\n ), [numColumns])\n\n return (\n <LayoutBox\n width='100%'\n column\n className={classNames(classes.flowLayout, className)}\n {...props}\n >\n {beforeContent && (\n <span className={classes.beforeContent} tabIndex={-1}>\n {beforeContent}\n </span>\n )}\n <LayoutBox\n flexWrap='wrap'\n gap='1rem'\n style={columnStyles}\n width='100%'\n {...containerProps}\n >\n {itemDTOs.map(({ id, spanColumn, Component, layoutProps, ...props }: ItemDTOType) => (\n <LayoutBox\n key={id}\n {...defaultItemLayoutProps}\n {...layoutProps}\n {...(spanColumn\n ? { style: { width: `calc(${Math.round(spanColumn 100)}% - ${spanColumn * 16}px)` } }\n : {})}\n >\n <Component {...props} />\n </LayoutBox>\n ))}\n </LayoutBox>\n {afterContent && (\n <span className={classes.afterContent} tabIndex={-1}>\n {afterContent}\n </span>\n )}\n </LayoutBox>\n )\n})\n\nexport type FlowLayoutType = typeof FlowLayout;\n\n// Set display name for the component.\nFlowLayout.displayName = 'FlowLayout'\n"],"names":["FlowLayout","memo","_ref","itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent","props","columnStyles","useMemo","display","gridTemplateColumns","repeat","width","height","React","createElement","LayoutBox","_extends","column","classNames","classes","flowLayout","default","tabIndex","flexWrap","gap","style","map","_ref2","id","spanColumn","Component","layoutProps","key","Math","round","displayName"],"mappings":"~~yPAoCaA~~,EAAkCC,~~EAAIA~~,~~MAAkBC~~,IAS9C,IAT+CC,SACpEA,EAAQC,eACRA,EAAiB,CAAE,EAAAC,uBACnBA,EAAyB,CAAE,EAAAC,WAC3BA,EAAa,EAACC,UACdA,EAAY,GAAEC,cACdA,EAAaC,aACbA,~~KACGC~~,~~GACaR~~,~~EAEhB~~,~~MAAMS~~,EAAeC,EAAAA,SAAQ,~~IAAON~~,EAAa,EAC7C,~~CACAO~~,QAAS,OACTC,~~oBAAqB~~,~~GAAG~~,OAAOC,~~OAAOT~~,~~KACtCU~~,MAAO,OACPC,OAAQ,SAER,~~CACAJ~~,QAAS,SAEV,~~CAACP~~,IAEJ,~~OACEY~~,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRL,MAAM,OACNM,QAAM,~~EACNf~~,~~UAAWgB~~,EAAUA,WAACC,UAAQC,~~WAAYlB~~,IACtCG,GAEHF,~~GACCU~~,MAAAC,cAAA,OAAA,~~CAAMZ~~,~~UAAWiB~~,EAAOE,~~QAAClB~~,~~cAAemB~~,UAAW,~~GAChDnB~~,~~GAGLU~~,MAAAC,cAACC,EAAAA,UAASC,EAAAA,QAAA,CACRO,SAAS,OACTC,IAAI,OACJC,~~MAAOnB~~,~~EACPK~~,MAAM,~~QACFZ~~,GAEHD,~~EAAS4B~~,KAAIC,IAAA,IAACC,GAAEA,EAAEC,WAAEA,EAAUC,UAAEA,EAASC,YAAEA,~~KAAgB1B~~,~~GAAoBsB~~,~~EAAA~~,~~OAC9Ed~~,MAAAC,cAACC,EAASA,UAAAC,UAAA,~~CACRgB~~,~~IAAKJ~~,~~GACD5B,EACA+~~B,EACCF,EACD,CAAEJ,MAAO,CAAEd,~~MAAO~~,~~QAAQsB~~,KAAKC,MAAmB,~~IAAbL~~,~~SAAqC~~,~~GAAbA~~,~~SAC7D~~,CAAA,GAEJhB,MAAAC,cAACgB,~~EAAczB~~,GACL,KAGfD,~~GACCS~~,MAAAC,cAAA,OAAA,~~CAAMZ~~,~~UAAWiB~~,EAAOE,~~QAACjB~~,~~aAAckB~~,UAAW,GAC/~~ClB~~,GAGK,~~IAOhBT~~,~~EAAWwC~~,YAAc"}
1	+ {"version":3,"file":"FlowLayout.js","sources":["../../../../../../../../../src/core/ui/components/molecules/layouts/FlowLayout.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { LayoutBox } from '../../container'\nimport { classNames } from '../../../../utils'\n\nimport type { FlowLayoutProps, ItemDTOType } from './flowLayout.types'\nimport classes from './flowLayout.module.scss'\n\n\n/*\n Renders a flexible flow layout that automatically arranges child components based on specified columns and spacing.\n * This component is highly customizable through its props,\n * allowing for dynamic layouts responsive to the content and screen size.\n \n Utilizes a grid layout by default, falling back to flex layout\n * if `numColumns` is not greater than 0. Each item's width\n * and placement can be controlled via `spanColumn` on\n * individual items, with additional layout props provided for fine-tuning.\n \n @param {FlowLayoutProps} props The properties to configure the FlowLayout.\n * @param {ItemDTOType[]} props.itemDTOs Array of item DTOs defining the\n * components to render and their layout properties.\n * @param {Partial<LayoutBoxProps>} [props.containerProps={}] Optional.\n * Props to be spread onto the container `LayoutBox`, allowing for custom styles and behaviors.\n * @param {Partial<LayoutBoxProps>} [props.defaultItemLayoutProps={}] Optional.\n * Default layout properties applied to each item, unless overridden by item-specific props.\n * @param {number} [props.numColumns=1] Optional.\n * Defines the number of columns in the grid. Affects item distribution and layout.\n * @param {string} [props.className=''] Optional.\n * Additional CSS class names to apply to the layout container for custom styling.\n * @param {ReactNode} [props.beforeContent] Optional.\n * Content to render before the main items. Useful for titles, descriptions, or custom components.\n * @param {ReactNode} [props.afterContent] Optional.\n Content to render after the main items. Can be used for additional information or actions related to the items.\n * @returns {React.ReactElement} The rendered FlowLayout component.\n /\nexport const FlowLayout: FC<FlowLayoutProps> = memo<FlowLayoutProps>(({\n itemDTOs,\n containerProps = {},\n defaultItemLayoutProps = {},\n numColumns = 1,\n className = '',\n beforeContent,\n afterContent,\n ...props\n}: FlowLayoutProps) => {\n // Calculation for column styles based on the number of columns specified.\n const columnStyles = useMemo(() => (numColumns > 0\n ? {\n display: 'grid',\n gridTemplateColumns: `${'1fr '.repeat(numColumns)}`,\n width: '100%',\n height: 'unset',\n }\n : {\n display: 'flex',\n }\n ), [numColumns])\n\n return (\n <LayoutBox\n width='100%'\n column\n className={classNames(classes.flowLayout, className)}\n {...props}\n >\n {beforeContent && (\n <span className={classes.beforeContent} tabIndex={-1}>\n {beforeContent}\n </span>\n )}\n <LayoutBox\n flexWrap='wrap'\n gap='1rem'\n style={columnStyles}\n width='100%'\n {...containerProps}\n >\n {itemDTOs.map(({ id, spanColumn, Component, layoutProps, ...props }: ItemDTOType) => (\n <LayoutBox\n key={id}\n {...defaultItemLayoutProps}\n {...layoutProps}\n {...(spanColumn\n ? { style: { width: `calc(${Math.round(spanColumn 100)}% - ${spanColumn * 16}px)` } }\n : {})}\n >\n <Component {...props} />\n </LayoutBox>\n ))}\n </LayoutBox>\n {afterContent && (\n <span className={classes.afterContent} tabIndex={-1}>\n {afterContent}\n </span>\n )}\n </LayoutBox>\n )\n})\n\nexport type FlowLayoutType = typeof FlowLayout;\n\n// Set display name for the component.\nFlowLayout.displayName = 'FlowLayout'\n"],"names":["FlowLayout","memo","reactExports","_ref","itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent","props","_objectWithoutProperties","_excluded","columnStyles","useMemo","display","gridTemplateColumns","concat","repeat","width","height","React","createElement","LayoutBox","_extends","column","classNames","classes","flowLayout","default","tabIndex","flexWrap","gap","style","map","_ref2","id","spanColumn","Component","layoutProps","_excluded2","key","Math","round","displayName"],"mappings":"kcAoCaA,EAAkCC,EAAIC,aAAAD,MAAkBE,IAS9C,IAT+CC,SACpEA,EAAQC,eACRA,EAAiB,CAAE,EAAAC,uBACnBA,EAAyB,CAAE,EAAAC,WAC3BA,EAAa,EAACC,UACdA,EAAY,GAAEC,cACdA,EAAaC,aACbA,GAEgBP,EADbQ,EAAKC,EAAAA,wBAAAT,EAAAU,GAGR,MAAMC,EAAeC,EAAAA,aAAAA,SAAQ,IAAOR,EAAa,EAC7C,CACAS,QAAS,OACTC,oBAAmB,GAAAC,OAAK,OAAOC,OAAOZ,IACtCa,MAAO,OACPC,OAAQ,SAER,CACAL,QAAS,SAEV,CAACT,IAEJ,OACEe,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRL,MAAM,OACNM,QAAM,EACNlB,UAAWmB,EAAUA,WAACC,UAAQC,WAAYrB,IACtCG,GAEHF,GACCa,MAAAC,cAAA,OAAA,CAAMf,UAAWoB,EAAOE,QAACrB,cAAesB,UAAW,GAChDtB,GAGLa,MAAAC,cAACC,EAAAA,UAASC,EAAAA,QAAA,CACRO,SAAS,OACTC,IAAI,OACJC,MAAOpB,EACPM,MAAM,QACFf,GAEHD,EAAS+B,KAAIC,IAAA,IAACC,GAAEA,EAAEC,WAAEA,EAAUC,UAAEA,EAASC,YAAEA,GAAoCJ,EAApBzB,EAAKC,EAAAA,wBAAAwB,EAAAK,GAAA,OAC/DnB,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRiB,IAAKL,GACD/B,EACAkC,EACCF,EACD,CAAEJ,MAAO,CAAEd,cAAKF,OAAUyB,KAAKC,MAAmB,IAAbN,GAAiBpB,QAAAA,OAAoB,GAAboB,EAAe,SAC5E,CAAA,GAEJhB,MAAAC,cAACgB,EAAc5B,GACL,KAGfD,GACCY,MAAAC,cAAA,OAAA,CAAMf,UAAWoB,EAAOE,QAACpB,aAAcqB,UAAW,GAC/CrB,GAGK,IAOhBV,EAAW6C,YAAc"}

package/dist/lib/cjs/src/core/ui/components/molecules/popover/PopoverLite.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),n=require("../../../../../../node_modules/@popperjs/core/lib/popper.js"),r=require("../../../../utils/helpers/cancelableDelayedFunction.js"),s=require("../../../../hooks/useOutsideClick.js"),a=require("../../../../constants/ui.constants.js");function o(e){return e&&e.__esModule?e:{default:e}}var u=o(t);const l={modal:{zIndex:1,position:"fixed",width:"100%",height:"100%",top:"0",left:"0",background:"rgba(0 0 0 / 70%)",pointerEvents:"all",userSelect:"none",visibility:"hidden"}},i=t.memo((o=>{let{children:i,components:c,placement:d="bottom",modifiers:p,data:f,hoverable:m,clickable:v,onOpen:E,onHide:h,isOpen:y,hideOnContentClick:b=!1,hideOnClickOutside:C=!0,hideTimeout:w=150,isPopup:k=!1,isModal:N=!1,modalOverlayClassName:g,modalContainer:M,targetRef:L,hideOnEscape:R,...O}=o;const[j,x]=t.useState(null),[q,H]=t.useState(L?.current??null);t.useEffect((()=>{L?.current&&H(L?.current)}),[L]);const{ContentComponent:P,...T}=c||{},_=t.useRef(null),A=t.useMemo((()=>{const e=p?{modifiers:p,placement:d}:{placement:d};return e.modifiers=e.modifiers||[],k&&(e.modifiers=[...e.modifiers,{name:"centering",phase:"beforeWrite",enabled:!0,fn:e=>{let{state:t}=e;const n=M?.getBoundingClientRect(),{width:r,height:s,left:a,top:o}=n||{width:window.innerWidth,height:window.innerHeight,left:0,top:0},u=a+(r-t.elements.popper.clientWidth)/2,l=o+(s-t.elements.popper.clientHeight)/2;return{...t,styles:{...t.styles,popper:{...t.styles.popper,left:`${u}px`,top:`${l}px`,transform:"none"}}}}}]),e}),[p,d,k,M]),S=t.useRef();t.useEffect((()=>{let e;return _?.current?.destroy(),q&&j&&(e=n.createPopper(q,j,{...A}),_.current=e),()=>{e?.destroy(),_.current=null}}),[j,q,A]);const D=t.useRef(),K=t.useRef(-1),W=t.useCallback((()=>{j&&delete j.dataset.show,N&&V?.current&&(V.current.style.visibility="hidden",delete V.current.dataset.show),_?.current?.update(),h?.(),D?.current?.(),clearTimeout(K.current)}),[j,N,h]),z=t.useCallback((()=>{S.current&&S.current(),S.current=r.cancelableSetTimeout(W,w)}),[W,w]),B=t.useCallback((()=>{S.current&&S.current()}),[]),F=t.useCallback((e=>{("true"===j?.dataset?.show&&C&&!j?.contains(e)||j?.contains(e)&&b)&&W()}),[W,j,b,C]),I=t.useCallback((()=>{j&&(j.dataset.show="true"),_?.current?.update(),N&&V?.current&&(V.current.style.visibility="visible",V.current.dataset.show="true"),E?.(),D?.current?.(),clearTimeout(K.current),K.current=setTimeout((()=>{D.current=s.outsideClickHandler(q,F)}),250)}),[j,F,N,E,q]),$=t.useCallback((()=>{"true"===j?.dataset?.show?W():I()}),[j,W,I]),G=t.useCallback((e=>{R&&e.keyCode===a.KeyCode.Escape&&W()}),[R,W]);t.useEffect((()=>{const e=q?.addEventListener?.bind(q),t=j?.addEventListener?.bind(j);return t&&e&&(m&&(e(a.EventName.MouseEnter,I),t(a.EventName.MouseEnter,B),e(a.EventName.MouseLeave,z),t(a.EventName.MouseLeave,W)),v&&e(a.EventName.Click,$)),R&&document.addEventListener(a.EventName.KeyDown,G),()=>{const e=q?.removeEventListener?.bind(q),t=j?.removeEventListener?.bind(j);document.removeEventListener(a.EventName.KeyDown,G),S.current&&S.current(),e&&(e(a.EventName.Click,$),e(a.EventName.MouseEnter,I),e(a.EventName.MouseLeave,z)),t&&(t(a.EventName.MouseLeave,W),t(a.EventName.MouseEnter,B))}}),[q,j,v,m,I,W,$,z,B,R,G]),t.useEffect((()=>(!0===y&&I(),!1===y&&W(),D?.current)),[W,y,I]);const J="function"==typeof i,Q="function"!=typeof i&&!Array.isArray(i),U="function"!=typeof i&&Array.isArray(i)&&2===i.filter((e=>!!e)).length,V=t.useRef(null);return t.useEffect((()=>{N&&j&&(j.style.zIndex="2")}),[j,N]),u.default.createElement(u.default.Fragment,null,N&&u.default.createElement("span",{ref:V,style:l.modal,className:g}),!L&&J&&i?.({forwardedRef:H,data:f}),!L&&Q&&u.default.createElement("span",{ref:H},i),!U&&P&&u.default.createElement(P,e.extends({placement:d,forwardedRef:x,ref:"function"!=typeof P?x:null,data:f,hide:W,components:T},O)),!L&&U&&u.default.createElement("span",{ref:H},i[0]),U&&i?.[1]&&"object"==typeof i?.[1]&&u.default.cloneElement(i[1],{...i?.[1]?.props,placement:d,forwardedRef:x,ref:x,data:f,hide:W,components:T,...O}))}));i.displayName="Popover",exports.Popover=i;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var t=require("../../../../../../node_modules/react/index.js"),n=require("../../../../../../node_modules/@popperjs/core/lib/popper.js"),r=require("../../../../utils/helpers/cancelableDelayedFunction.js"),l=require("../../../../hooks/useOutsideClick.js"),o=require("../../../../constants/ui.constants.js");const a=["children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape"],s=["ContentComponent"],i={modal:{zIndex:1,position:"fixed",width:"100%",height:"100%",top:"0",left:"0",background:"rgba(0 0 0 / 70%)",pointerEvents:"all",userSelect:"none",visibility:"hidden"}},u=t.reactExports.memo((u=>{var c,d;let{children:p,components:v,placement:m="bottom",modifiers:f,data:E,hoverable:b,clickable:h,onOpen:x,onHide:y,isOpen:C,hideOnContentClick:j=!1,hideOnClickOutside:k=!0,hideTimeout:w=150,isPopup:N=!1,isModal:g=!1,modalOverlayClassName:O,modalContainer:S,targetRef:M,hideOnEscape:R}=u,L=e.objectWithoutProperties(u,a);const[P,q]=t.reactExports.useState(null),[H,T]=t.reactExports.useState(null!==(c=null==M?void 0:M.current)&&void 0!==c?c:null);t.reactExports.useEffect((()=>{null!=M&&M.current&&T(null==M?void 0:M.current)}),[M]);const W=v||{},{ContentComponent:_}=W,A=e.objectWithoutProperties(W,s),D=t.reactExports.useRef(null),K=t.reactExports.useMemo((()=>{const t=f?{modifiers:f,placement:m}:{placement:m};return t.modifiers=t.modifiers||[],N&&(t.modifiers=[...t.modifiers,{name:"centering",phase:"beforeWrite",enabled:!0,fn:t=>{let{state:n}=t;const r=null==S?void 0:S.getBoundingClientRect(),{width:l,height:o,left:a,top:s}=r||{width:window.innerWidth,height:window.innerHeight,left:0,top:0},i=a+(l-n.elements.popper.clientWidth)/2,u=s+(o-n.elements.popper.clientHeight)/2;return e.objectSpread2(e.objectSpread2({},n),{},{styles:e.objectSpread2(e.objectSpread2({},n.styles),{},{popper:e.objectSpread2(e.objectSpread2({},n.styles.popper),{},{left:"".concat(i,"px"),top:"".concat(u,"px"),transform:"none"})})})}}]),t}),[f,m,N,S]),z=t.reactExports.useRef();t.reactExports.useEffect((()=>{var t;let r;return null==D||null===(t=D.current)||void 0===t||t.destroy(),H&&P&&(r=n.createPopper(H,P,e.objectSpread2({},K)),D.current=r),()=>{var e;null===(e=r)||void 0===e||e.destroy(),D.current=null}}),[P,H,K]);const B=t.reactExports.useRef(),F=t.reactExports.useRef(-1),I=t.reactExports.useCallback((()=>{var e,t;P&&delete P.dataset.show,g&&null!=ee&&ee.current&&(ee.current.style.visibility="hidden",delete ee.current.dataset.show),null==D||null===(e=D.current)||void 0===e||e.update(),null==y||y(),null==B||null===(t=B.current)||void 0===t||t.call(B),clearTimeout(F.current)}),[P,g,y]),G=t.reactExports.useCallback((()=>{z.current&&z.current(),z.current=r.cancelableSetTimeout(I,w)}),[I,w]),J=t.reactExports.useCallback((()=>{z.current&&z.current()}),[]),Q=t.reactExports.useCallback((e=>{var t;("true"===(null==P||null===(t=P.dataset)||void 0===t?void 0:t.show)&&k&&(null==P||!P.contains(e))||null!=P&&P.contains(e)&&j)&&I()}),[I,P,j,k]),U=t.reactExports.useCallback((()=>{var e,t;P&&(P.dataset.show="true"),null==D||null===(e=D.current)||void 0===e||e.update(),g&&null!=ee&&ee.current&&(ee.current.style.visibility="visible",ee.current.dataset.show="true"),null==x||x(),null==B||null===(t=B.current)||void 0===t||t.call(B),clearTimeout(F.current),F.current=setTimeout((()=>{B.current=l.outsideClickHandler(H,Q)}),250)}),[P,Q,g,x,H]),V=t.reactExports.useCallback((()=>{var e;"true"===(null==P||null===(e=P.dataset)||void 0===e?void 0:e.show)?I():U()}),[P,I,U]),X=t.reactExports.useCallback((e=>{R&&e.keyCode===o.KeyCode.Escape&&I()}),[R,I]);t.reactExports.useEffect((()=>{var e,t;const n=null==H||null===(e=H.addEventListener)||void 0===e?void 0:e.bind(H),r=null==P||null===(t=P.addEventListener)||void 0===t?void 0:t.bind(P);return r&&n&&(b&&(n(o.EventName.MouseEnter,U),r(o.EventName.MouseEnter,J),n(o.EventName.MouseLeave,G),r(o.EventName.MouseLeave,I)),h&&n(o.EventName.Click,V)),R&&document.addEventListener(o.EventName.KeyDown,X),()=>{var e,t;const n=null==H||null===(e=H.removeEventListener)||void 0===e?void 0:e.bind(H),r=null==P||null===(t=P.removeEventListener)||void 0===t?void 0:t.bind(P);document.removeEventListener(o.EventName.KeyDown,X),z.current&&z.current(),n&&(n(o.EventName.Click,V),n(o.EventName.MouseEnter,U),n(o.EventName.MouseLeave,G)),r&&(r(o.EventName.MouseLeave,I),r(o.EventName.MouseEnter,J))}}),[H,P,h,b,U,I,V,G,J,R,X]),t.reactExports.useEffect((()=>(!0===C&&U(),!1===C&&I(),null==B?void 0:B.current)),[I,C,U]);const Y="function"==typeof p,Z="function"!=typeof p&&!Array.isArray(p),$="function"!=typeof p&&Array.isArray(p)&&2===p.filter((e=>!!e)).length,ee=t.reactExports.useRef(null);return t.reactExports.useEffect((()=>{g&&P&&(P.style.zIndex="2")}),[P,g]),t.default.createElement(t.default.Fragment,null,g&&t.default.createElement("span",{ref:ee,style:i.modal,className:O}),!M&&Y&&(null==p?void 0:p({forwardedRef:T,data:E})),!M&&Z&&t.default.createElement("span",{ref:T},p),!$&&_&&t.default.createElement(_,e.extends({placement:m,forwardedRef:q,ref:"function"!=typeof _?q:null,data:E,hide:I,components:A},L)),!M&&$&&t.default.createElement("span",{ref:T},p[0]),$&&(null==p?void 0:p[1])&&"object"==typeof(null==p?void 0:p[1])&&t.default.cloneElement(p[1],e.objectSpread2(e.objectSpread2({},null==p||null===(d=p[1])||void 0===d?void 0:d.props),{},{placement:m,forwardedRef:q,ref:q,data:E,hide:I,components:A},L)))}));u.displayName="Popover",exports.Popover=u;
 //# sourceMappingURL=PopoverLite.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popover/PopoverLite.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverLite.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/PopoverLite.tsx"],"sourcesContent":["\nimport React, { FC, memo, useRef, useEffect, useState, useCallback, useMemo,\n CSSProperties, ReactNode, ReactElement } from 'react'\nimport { createPopper, Instance, ModifierArguments } from '@popperjs/core'\n\nimport { EventName, KeyCode } from '../../../../constants'\nimport { cancelableSetTimeout } from '../../../../utils'\nimport { outsideClickHandler } from '../../../../hooks'\n\nimport { PopoverProps } from './popover.types'\n\n\nconst styles: Record<string, Partial<CSSProperties>> = {\n modal: {\n zIndex: 1,\n position: 'fixed',\n width: '100%',\n height: '100%',\n top: '0',\n left: '0',\n background: 'rgba(0 0 0 / 70%)',\n pointerEvents: 'all',\n userSelect: 'none',\n visibility: 'hidden',\n },\n}\n\nexport const Popover: FC<PopoverProps> = memo<PopoverProps>(\n ({\n children,\n components,\n placement = 'bottom',\n modifiers,\n data,\n hoverable,\n clickable,\n onOpen,\n onHide,\n isOpen,\n hideOnContentClick = false,\n hideOnClickOutside = true,\n hideTimeout = 150,\n isPopup = false,\n isModal = false,\n modalOverlayClassName,\n modalContainer,\n targetRef,\n hideOnEscape,\n ...props\n }: PopoverProps) => {\n const [content, setContent] = useState<HTMLElement \| null>(null)\n const [target, setTarget] = useState<HTMLElement \| null>(targetRef?.current ?? null)\n\n useEffect(() => {\n if (targetRef?.current) {\n setTarget(targetRef?.current)\n }\n }, [targetRef])\n\n const { ContentComponent, ...contentComponents } = components \|\| {}\n\n const popperInstanceRef = useRef<Instance \| null>(null)\n\n const options = useMemo(() => {\n const options = (modifiers ? { modifiers, placement } : { placement })\n\n options.modifiers = options.modifiers \|\| []\n\n if (isPopup) {\n options.modifiers = [\n ...options.modifiers,\n {\n name: 'centering',\n phase: 'beforeWrite',\n enabled: true,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n fn: ({ state }): Partial<ModifierArguments> => {\n const mcBoundRect = modalContainer?.getBoundingClientRect()\n\n const { width, height, left, top } = mcBoundRect \|\| {\n width: window.innerWidth,\n height: window.innerHeight,\n left: 0,\n top: 0,\n }\n\n const xpos = left + (width - state.elements.popper.clientWidth) / 2\n const ypos = top + (height - state.elements.popper.clientHeight) / 2\n\n return {\n ...state,\n styles: {\n ...state.styles,\n popper: {\n ...state.styles.popper,\n left: `${xpos}px`,\n top: `${ypos}px`,\n transform: 'none',\n },\n },\n }\n },\n },\n ] as PopoverProps['modifiers']\n }\n\n return options\n }, [modifiers, placement, isPopup, modalContainer])\n\n // to save cancelable setTimout\n const pendingHideRef = useRef<(() => void)>()\n\n useEffect(() => {\n popperInstanceRef?.current?.destroy()\n let popperInstance: ReturnType<typeof createPopper>\n\n if (target && content) {\n popperInstance = createPopper(target, content, { ...options })\n\n popperInstanceRef.current = popperInstance\n }\n\n return (): void => {\n popperInstance?.destroy()\n popperInstanceRef.current = null\n }\n }, [content, target, options])\n\n\n const outsideClickUnsubscriber = useRef<() => void \| null>()\n const outsideClickUnsubscriberTimeout = useRef<any>(-1)\n\n const hide = useCallback(() => {\n if (content) {\n delete content.dataset.show\n }\n\n if (isModal && modalRef?.current) {\n modalRef.current.style.visibility = 'hidden'\n delete modalRef.current.dataset.show\n }\n\n popperInstanceRef?.current?.update()\n onHide?.()\n outsideClickUnsubscriber?.current?.()\n clearTimeout(outsideClickUnsubscriberTimeout.current)\n }, [content, isModal, onHide])\n\n\n const delayedHide = useCallback(() => {\n pendingHideRef.current && pendingHideRef.current()\n pendingHideRef.current = cancelableSetTimeout(hide, hideTimeout)\n }, [hide, hideTimeout])\n\n const cancelDelayedHide = useCallback(() => {\n pendingHideRef.current && pendingHideRef.current()\n }, [])\n\n const handleOutsideClick = useCallback((eventTarget: HTMLElement \| null) => {\n if ((content?.dataset?.show === 'true' && hideOnClickOutside && !content?.contains(eventTarget))\n \|\| (content?.contains(eventTarget) && hideOnContentClick)) {\n hide()\n }\n }, [hide, content, hideOnContentClick, hideOnClickOutside])\n\n const open = useCallback(() => {\n if (content) {\n content.dataset.show = 'true'\n }\n\n popperInstanceRef?.current?.update()\n\n if (isModal && modalRef?.current) {\n modalRef.current.style.visibility = 'visible'\n modalRef.current.dataset.show = 'true'\n }\n\n onOpen?.()\n\n outsideClickUnsubscriber?.current?.()\n clearTimeout(outsideClickUnsubscriberTimeout.current)\n outsideClickUnsubscriberTimeout.current = setTimeout(() => {\n outsideClickUnsubscriber.current = outsideClickHandler(target, handleOutsideClick)\n }, 250)\n }, [content, handleOutsideClick, isModal, onOpen, target])\n\n const toggleOpen = useCallback(() => {\n content?.dataset?.show === 'true' ? hide() : open()\n }, [content, hide, open])\n\n const keydownHandler = useCallback((event: Event) => {\n if (hideOnEscape && (event as unknown as KeyboardEvent).keyCode === KeyCode.Escape) {\n hide()\n }\n }, [hideOnEscape, hide])\n\n useEffect(() => {\n if (!hoverable && !clickable) {\n console.error('Popover component should have at least one of props [\"hoverable\", \"clickable\"]')\n }\n\n const targetAddListener = target?.addEventListener?.bind(target)\n const contentAddListener = content?.addEventListener?.bind(content)\n\n if (contentAddListener && targetAddListener) {\n if (hoverable) {\n targetAddListener(EventName.MouseEnter, open)\n contentAddListener(EventName.MouseEnter, cancelDelayedHide)\n targetAddListener(EventName.MouseLeave, delayedHide)\n contentAddListener(EventName.MouseLeave, hide)\n }\n\n if (clickable) {\n targetAddListener(EventName.Click, toggleOpen)\n }\n }\n\n if (hideOnEscape) {\n document.addEventListener(EventName.KeyDown, keydownHandler)\n }\n\n return (): void => {\n const targetRemoveListener = target?.removeEventListener?.bind(target)\n const contentRemoveListener = content?.removeEventListener?.bind(content)\n\n document.removeEventListener(EventName.KeyDown, keydownHandler)\n\n pendingHideRef.current && pendingHideRef.current()\n\n if (targetRemoveListener) {\n targetRemoveListener(EventName.Click, toggleOpen)\n targetRemoveListener(EventName.MouseEnter, open)\n targetRemoveListener(EventName.MouseLeave, delayedHide)\n }\n if (contentRemoveListener) {\n contentRemoveListener(EventName.MouseLeave, hide)\n contentRemoveListener(EventName.MouseEnter, cancelDelayedHide)\n }\n }\n }, [target, content, clickable, hoverable,\n open, hide, toggleOpen, delayedHide, cancelDelayedHide, hideOnEscape, keydownHandler])\n\n // open, hide based on external isOpen\n useEffect(() => {\n if (isOpen === true) {\n open()\n }\n if (isOpen === false) {\n hide()\n }\n return outsideClickUnsubscriber?.current as () => void\n }, [hide, isOpen, open])\n\n const childrenIsFunction = typeof children === 'function'\n const childrenIsElement = typeof children !== 'function' && !Array.isArray(children)\n const childrenAreElements = typeof children !== 'function' && Array.isArray(children)\n && children.filter((child: ReactNode) => !!child).length === 2\n\n // modal\n const modalRef = useRef<HTMLDivElement \| null>(null)\n\n useEffect(() => {\n if (isModal && content) {\n content.style.zIndex = '2'\n }\n }, [content, isModal])\n\n return (\n <>\n {isModal && <span ref={modalRef} style={styles.modal} className={modalOverlayClassName} />}\n {(!targetRef && childrenIsFunction) && children?.({ forwardedRef: setTarget, data })}\n {(!targetRef && childrenIsElement) && <span ref={setTarget}>{children}</span>}\n {!childrenAreElements && ContentComponent && (\n <ContentComponent\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n placement={placement}\n forwardedRef={setContent}\n ref={typeof ContentComponent !== 'function' ? setContent : null}\n data={data}\n hide={hide}\n components={contentComponents as { [key: string]: FC \| React.Component<any> }}\n {...props}\n />\n )}\n {(!targetRef && childrenAreElements) && <span ref={setTarget}>{children[0]}</span>}\n {(childrenAreElements && children?.[1] && typeof children?.[1] === 'object')\n && React.cloneElement(children[1] as ReactElement, {\n ...((children?.[1] as ReactElement)?.props),\n placement,\n forwardedRef: setContent,\n // ...(typeof children[1] !== 'function' ? { ref: setContent } : {}),\n ref: setContent,\n data,\n hide,\n components: contentComponents as { [key: string]: FC \| React.Component<any> },\n ...props,\n })}\n </>\n )\n },\n)\n\nPopover.displayName = 'Popover'\n"],"names":["styles","modal","zIndex","position","width","height","top","left","background","pointerEvents","userSelect","visibility","Popover","memo","_ref","children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape","props","content","setContent","useState","target","setTarget","current","useEffect","ContentComponent","contentComponents","popperInstanceRef","useRef","options","useMemo","name","phase","enabled","fn","_ref2","state","mcBoundRect","getBoundingClientRect","window","innerWidth","innerHeight","xpos","elements","popper","clientWidth","ypos","clientHeight","transform","pendingHideRef","popperInstance","destroy","createPopper","outsideClickUnsubscriber","outsideClickUnsubscriberTimeout","hide","useCallback","dataset","show","modalRef","style","update","clearTimeout","delayedHide","cancelableSetTimeout","cancelDelayedHide","handleOutsideClick","eventTarget","contains","open","setTimeout","outsideClickHandler","toggleOpen","keydownHandler","event","keyCode","KeyCode","Escape","targetAddListener","addEventListener","bind","contentAddListener","EventName","MouseEnter","MouseLeave","Click","document","KeyDown","targetRemoveListener","removeEventListener","contentRemoveListener","childrenIsFunction","childrenIsElement","Array","isArray","childrenAreElements","filter","child","length","React","default","createElement","Fragment","ref","className","forwardedRef","_extends","cloneElement","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"PopoverLite.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/PopoverLite.tsx"],"sourcesContent":["\nimport React, { FC, memo, useRef, useEffect, useState, useCallback, useMemo,\n CSSProperties, ReactNode, ReactElement } from 'react'\nimport { createPopper, Instance, ModifierArguments } from '@popperjs/core'\n\nimport { EventName, KeyCode } from '../../../../constants'\nimport { cancelableSetTimeout } from '../../../../utils'\nimport { outsideClickHandler } from '../../../../hooks'\n\nimport { PopoverProps } from './popover.types'\n\n\nconst styles: Record<string, Partial<CSSProperties>> = {\n modal: {\n zIndex: 1,\n position: 'fixed',\n width: '100%',\n height: '100%',\n top: '0',\n left: '0',\n background: 'rgba(0 0 0 / 70%)',\n pointerEvents: 'all',\n userSelect: 'none',\n visibility: 'hidden',\n },\n}\n\nexport const Popover: FC<PopoverProps> = memo<PopoverProps>(\n ({\n children,\n components,\n placement = 'bottom',\n modifiers,\n data,\n hoverable,\n clickable,\n onOpen,\n onHide,\n isOpen,\n hideOnContentClick = false,\n hideOnClickOutside = true,\n hideTimeout = 150,\n isPopup = false,\n isModal = false,\n modalOverlayClassName,\n modalContainer,\n targetRef,\n hideOnEscape,\n ...props\n }: PopoverProps) => {\n const [content, setContent] = useState<HTMLElement \| null>(null)\n const [target, setTarget] = useState<HTMLElement \| null>(targetRef?.current ?? null)\n\n useEffect(() => {\n if (targetRef?.current) {\n setTarget(targetRef?.current)\n }\n }, [targetRef])\n\n const { ContentComponent, ...contentComponents } = components \|\| {}\n\n const popperInstanceRef = useRef<Instance \| null>(null)\n\n const options = useMemo(() => {\n const options = (modifiers ? { modifiers, placement } : { placement })\n\n options.modifiers = options.modifiers \|\| []\n\n if (isPopup) {\n options.modifiers = [\n ...options.modifiers,\n {\n name: 'centering',\n phase: 'beforeWrite',\n enabled: true,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n fn: ({ state }): Partial<ModifierArguments> => {\n const mcBoundRect = modalContainer?.getBoundingClientRect()\n\n const { width, height, left, top } = mcBoundRect \|\| {\n width: window.innerWidth,\n height: window.innerHeight,\n left: 0,\n top: 0,\n }\n\n const xpos = left + (width - state.elements.popper.clientWidth) / 2\n const ypos = top + (height - state.elements.popper.clientHeight) / 2\n\n return {\n ...state,\n styles: {\n ...state.styles,\n popper: {\n ...state.styles.popper,\n left: `${xpos}px`,\n top: `${ypos}px`,\n transform: 'none',\n },\n },\n }\n },\n },\n ] as PopoverProps['modifiers']\n }\n\n return options\n }, [modifiers, placement, isPopup, modalContainer])\n\n // to save cancelable setTimout\n const pendingHideRef = useRef<(() => void)>()\n\n useEffect(() => {\n popperInstanceRef?.current?.destroy()\n let popperInstance: ReturnType<typeof createPopper>\n\n if (target && content) {\n popperInstance = createPopper(target, content, { ...options })\n\n popperInstanceRef.current = popperInstance\n }\n\n return (): void => {\n popperInstance?.destroy()\n popperInstanceRef.current = null\n }\n }, [content, target, options])\n\n\n const outsideClickUnsubscriber = useRef<() => void \| null>()\n const outsideClickUnsubscriberTimeout = useRef<any>(-1)\n\n const hide = useCallback(() => {\n if (content) {\n delete content.dataset.show\n }\n\n if (isModal && modalRef?.current) {\n modalRef.current.style.visibility = 'hidden'\n delete modalRef.current.dataset.show\n }\n\n popperInstanceRef?.current?.update()\n onHide?.()\n outsideClickUnsubscriber?.current?.()\n clearTimeout(outsideClickUnsubscriberTimeout.current)\n }, [content, isModal, onHide])\n\n\n const delayedHide = useCallback(() => {\n pendingHideRef.current && pendingHideRef.current()\n pendingHideRef.current = cancelableSetTimeout(hide, hideTimeout)\n }, [hide, hideTimeout])\n\n const cancelDelayedHide = useCallback(() => {\n pendingHideRef.current && pendingHideRef.current()\n }, [])\n\n const handleOutsideClick = useCallback((eventTarget: HTMLElement \| null) => {\n if ((content?.dataset?.show === 'true' && hideOnClickOutside && !content?.contains(eventTarget))\n \|\| (content?.contains(eventTarget) && hideOnContentClick)) {\n hide()\n }\n }, [hide, content, hideOnContentClick, hideOnClickOutside])\n\n const open = useCallback(() => {\n if (content) {\n content.dataset.show = 'true'\n }\n\n popperInstanceRef?.current?.update()\n\n if (isModal && modalRef?.current) {\n modalRef.current.style.visibility = 'visible'\n modalRef.current.dataset.show = 'true'\n }\n\n onOpen?.()\n\n outsideClickUnsubscriber?.current?.()\n clearTimeout(outsideClickUnsubscriberTimeout.current)\n outsideClickUnsubscriberTimeout.current = setTimeout(() => {\n outsideClickUnsubscriber.current = outsideClickHandler(target, handleOutsideClick)\n }, 250)\n }, [content, handleOutsideClick, isModal, onOpen, target])\n\n const toggleOpen = useCallback(() => {\n content?.dataset?.show === 'true' ? hide() : open()\n }, [content, hide, open])\n\n const keydownHandler = useCallback((event: Event) => {\n if (hideOnEscape && (event as unknown as KeyboardEvent).keyCode === KeyCode.Escape) {\n hide()\n }\n }, [hideOnEscape, hide])\n\n useEffect(() => {\n if (!hoverable && !clickable) {\n console.error('Popover component should have at least one of props [\"hoverable\", \"clickable\"]')\n }\n\n const targetAddListener = target?.addEventListener?.bind(target)\n const contentAddListener = content?.addEventListener?.bind(content)\n\n if (contentAddListener && targetAddListener) {\n if (hoverable) {\n targetAddListener(EventName.MouseEnter, open)\n contentAddListener(EventName.MouseEnter, cancelDelayedHide)\n targetAddListener(EventName.MouseLeave, delayedHide)\n contentAddListener(EventName.MouseLeave, hide)\n }\n\n if (clickable) {\n targetAddListener(EventName.Click, toggleOpen)\n }\n }\n\n if (hideOnEscape) {\n document.addEventListener(EventName.KeyDown, keydownHandler)\n }\n\n return (): void => {\n const targetRemoveListener = target?.removeEventListener?.bind(target)\n const contentRemoveListener = content?.removeEventListener?.bind(content)\n\n document.removeEventListener(EventName.KeyDown, keydownHandler)\n\n pendingHideRef.current && pendingHideRef.current()\n\n if (targetRemoveListener) {\n targetRemoveListener(EventName.Click, toggleOpen)\n targetRemoveListener(EventName.MouseEnter, open)\n targetRemoveListener(EventName.MouseLeave, delayedHide)\n }\n if (contentRemoveListener) {\n contentRemoveListener(EventName.MouseLeave, hide)\n contentRemoveListener(EventName.MouseEnter, cancelDelayedHide)\n }\n }\n }, [target, content, clickable, hoverable,\n open, hide, toggleOpen, delayedHide, cancelDelayedHide, hideOnEscape, keydownHandler])\n\n // open, hide based on external isOpen\n useEffect(() => {\n if (isOpen === true) {\n open()\n }\n if (isOpen === false) {\n hide()\n }\n return outsideClickUnsubscriber?.current as () => void\n }, [hide, isOpen, open])\n\n const childrenIsFunction = typeof children === 'function'\n const childrenIsElement = typeof children !== 'function' && !Array.isArray(children)\n const childrenAreElements = typeof children !== 'function' && Array.isArray(children)\n && children.filter((child: ReactNode) => !!child).length === 2\n\n // modal\n const modalRef = useRef<HTMLDivElement \| null>(null)\n\n useEffect(() => {\n if (isModal && content) {\n content.style.zIndex = '2'\n }\n }, [content, isModal])\n\n return (\n <>\n {isModal && <span ref={modalRef} style={styles.modal} className={modalOverlayClassName} />}\n {(!targetRef && childrenIsFunction) && children?.({ forwardedRef: setTarget, data })}\n {(!targetRef && childrenIsElement) && <span ref={setTarget}>{children}</span>}\n {!childrenAreElements && ContentComponent && (\n <ContentComponent\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n placement={placement}\n forwardedRef={setContent}\n ref={typeof ContentComponent !== 'function' ? setContent : null}\n data={data}\n hide={hide}\n components={contentComponents as { [key: string]: FC \| React.Component<any> }}\n {...props}\n />\n )}\n {(!targetRef && childrenAreElements) && <span ref={setTarget}>{children[0]}</span>}\n {(childrenAreElements && children?.[1] && typeof children?.[1] === 'object')\n && React.cloneElement(children[1] as ReactElement, {\n ...((children?.[1] as ReactElement)?.props),\n placement,\n forwardedRef: setContent,\n // ...(typeof children[1] !== 'function' ? { ref: setContent } : {}),\n ref: setContent,\n data,\n hide,\n components: contentComponents as { [key: string]: FC \| React.Component<any> },\n ...props,\n })}\n </>\n )\n },\n)\n\nPopover.displayName = 'Popover'\n"],"names":["styles","modal","zIndex","position","width","height","top","left","background","pointerEvents","userSelect","visibility","Popover","memo","reactExports","_ref","_targetRef$current","_children$","children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape","props","_objectWithoutProperties","_excluded","content","setContent","useState","target","setTarget","current","useEffect","_ref2","ContentComponent","contentComponents","_excluded2","popperInstanceRef","useRef","options","useMemo","name","phase","enabled","fn","_ref3","state","mcBoundRect","getBoundingClientRect","window","innerWidth","innerHeight","xpos","elements","popper","clientWidth","ypos","clientHeight","_objectSpread","objectSpread2","concat","transform","pendingHideRef","_popperInstanceRef$cu","popperInstance","destroy","createPopper","_popperInstance","outsideClickUnsubscriber","outsideClickUnsubscriberTimeout","hide","useCallback","_popperInstanceRef$cu2","_outsideClickUnsubscr","dataset","show","modalRef","style","update","call","clearTimeout","delayedHide","cancelableSetTimeout","cancelDelayedHide","handleOutsideClick","eventTarget","_content$dataset","contains","open","_popperInstanceRef$cu3","_outsideClickUnsubscr2","setTimeout","outsideClickHandler","toggleOpen","_content$dataset2","keydownHandler","event","keyCode","KeyCode","Escape","_target$addEventListe","_content$addEventList","targetAddListener","addEventListener","bind","contentAddListener","EventName","MouseEnter","MouseLeave","Click","document","KeyDown","_target$removeEventLi","_content$removeEventL","targetRemoveListener","removeEventListener","contentRemoveListener","childrenIsFunction","childrenIsElement","Array","isArray","childrenAreElements","filter","child","length","React","default","createElement","Fragment","ref","className","forwardedRef","_extends","cloneElement","displayName"],"mappings":"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"}

package/dist/lib/cjs/src/core/ui/components/molecules/popover/Tooltip.js CHANGED Viewed

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

package/dist/lib/cjs/src/core/ui/components/molecules/popover/Tooltip.js.map CHANGED Viewed

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

package/dist/lib/cjs/src/core/ui/components/molecules/popup/Popup.js CHANGED Viewed

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

package/dist/lib/cjs/src/core/ui/components/molecules/popup/Popup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popup.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/Popup.tsx"],"sourcesContent":["import {\n cloneElement, memo, PropsWithChildren, FC, ReactNode, CSSProperties, useMemo, ReactElement,\n} from 'react'\n\nimport { Popover as PopoverLite } from '../popover/PopoverLite'\nimport { HeadlineTertiary as H3 } from '../../atoms/text'\nimport { IconBase } from '../../icon'\nimport { DividerLine } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { closeIconJSX } from '../../atoms/icons'\n\nimport classes from './popup.module.scss'\nimport classesOverlay from './popup.overlay.module.scss'\nimport { PopupAnimateVariant, PopupProps } from './popup.types'\n\n\n/*\n Styles for the Popup component.\n \n @typedef {Object} PopupStyles\n * @property {Object} inner - The inner styles for the popup.\n * @property {CSSProperties} content - The styles for the popup content.\n /\n\nconst styles: {\n popup: {\n inner: Record<string, Record<string, string>>\n }\n\n} = {\n popup: {\n inner: {\n [PopupAnimateVariant.SLIDE_DOWN]: { '--slideYFrom': '-48px' },\n [PopupAnimateVariant.SLIDE_UP]: { '--slideYFrom': '48px' },\n [PopupAnimateVariant.SLIDE_RIGHT]: { '--slideXFrom': '-64px' },\n [PopupAnimateVariant.SLIDE_LEFT]: { '--slideXFrom': '64px' },\n },\n },\n}\n\n/\n Popup component.\n \n @type {React.FC<PopupProps>}\n * @returns {React.ReactElement} The Popup.\n /\nexport const Popup: FC<PopupProps> = memo<PopupProps>(({\n title = 'Popup\\'s title',\n children,\n components = {},\n isModal = true,\n hideOnClickOutside = false,\n hideOnContentClick = false,\n animateVariant = PopupAnimateVariant.SLIDE_UP,\n hasHeader = true,\n hasCloseIcon = true,\n width,\n height,\n style,\n ...props\n}: PopupProps) => {\n /\n The ContentComponent to render.\n \n @type {ComponentType}\n /\n const ContentComponent = components?.ContentComponent\n\n /\n The popup styles.\n \n @type {CSSProperties}\n /\n const styles = useMemo(() => ({\n ...(width ? { '--popup-width': width } : {}),\n ...(height ? { '--popup-height': height } : {}),\n ...style,\n }), [height, style, width])\n\n return (\n <PopoverLite\n clickable\n isPopup\n isModal={isModal}\n hideOnContentClick={hideOnContentClick}\n hideOnClickOutside={hideOnClickOutside}\n modalOverlayClassName={classesOverlay['popup-modal-overlay']}\n {...props}\n >\n <p>{/ Placeholder element to avoid error with no children /}</p>\n <PopupContent\n title={title}\n hasHeader={hasHeader}\n hasCloseIcon={hasCloseIcon}\n animateVariant={animateVariant}\n popupStyle={styles}\n >\n {/ Render children if ContentComponent is not provided /}\n {(!ContentComponent && children) && children}\n {/ Render ContentComponent if children are not provided /}\n {(!children && ContentComponent) && <ContentComponent />}\n </PopupContent>\n </PopoverLite>\n )\n})\n\n/\n The display name of the Popup component.\n \n @type {string}\n /\nPopup.displayName = 'Popup'\n\ntype PopupContentProps = PropsWithChildren<unknown> & {\n title?: string\n forwardedRef?: ForwardedRef['forwardedRef']\n animateVariant?: PopupProps['animateVariant']\n popupStyle?: CSSProperties\n hasHeader?: boolean\n hasCloseIcon?: boolean\n closeIconURL?: string\n hide?: () => void\n}\n\n/\n The PopupContent component.\n \n @param {PopupContentProps} props The props for the PopupContent component.\n * @returns {React.ReactElement} The PopupContent.\n /\nconst PopupContent = memo(({\n title,\n forwardedRef,\n hide,\n children,\n animateVariant,\n popupStyle,\n hasHeader = true,\n hasCloseIcon = true,\n closeIconURL,\n ...props\n}: PopupContentProps) => {\n /\n The ContentRemapped element.\n \n @type {React.ReactElement[] \| React.ReactElement}\n /\n const ContentRemapped = children && Array.isArray(children)\n ? children.filter((child: ReactNode \| ReactElement) => !!child)\n .map((child: ReactElement, index: number) => cloneElement(\n // eslint-disable-next-line react/no-array-index-key\n child, { key: index, ...child.props, hide, ...props },\n ))\n : <div>Pseudo Content</div>\n\n return (\n <div className={`${classes['popup-container']}`} ref={forwardedRef} style={popupStyle}>\n <LayoutBox\n className={`${classes['popup-container-inner']}`}\n style={animateVariant ? styles.popup.inner[animateVariant] : null}\n >\n {hasHeader && (\n <>\n <LayoutBox justify='space-between' align='start' width='100%' padding='20px 20px 16px 20px'>\n <H3>{title}</H3>\n {hasCloseIcon && (\n <div\n onClick={hide}\n onKeyDown={hide}\n role='button'\n tabIndex={-1}\n className={classes['close-button']}\n >\n {closeIconURL && <IconBase iconUrl={closeIconURL} />}\n {!closeIconURL && (\n <IconBase>\n {closeIconJSX}\n </IconBase>\n )}\n </div>\n )}\n </LayoutBox>\n <DividerLine length='100%' />\n </>\n )}\n <div className={classes['popup-container-inner-div']}>\n {ContentRemapped && ContentRemapped}\n </div>\n </LayoutBox>\n </div>\n )\n})\n\n/\n The display name of the PopupContent component.\n \n @type {string}\n */\nPopupContent.displayName = 'PopupContent'\n"],"names":["styles","popup","inner","PopupAnimateVariant","SLIDE_DOWN","SLIDE_UP","SLIDE_RIGHT","SLIDE_LEFT","Popup","memo","_ref","title","children","components","isModal","hideOnClickOutside","hideOnContentClick","animateVariant","hasHeader","hasCloseIcon","width","height","style","props","ContentComponent","useMemo","React","createElement","PopoverLite","Popover","_extends","clickable","isPopup","modalOverlayClassName","classesOverlay","default","PopupContent","popupStyle","displayName","_ref2","forwardedRef","hide","closeIconURL","ContentRemapped","Array","isArray","filter","child","map","index","cloneElement","key","className","classes","ref","LayoutBox","Fragment","justify","align","padding","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","closeIconJSX","DividerLine","length"],"mappings":"~~6cAwBA~~,~~MAAMA,~~EAKF,CACFC,MAAO,CACLC,MAAO,CACL,CAACC,EAAAA,oBAAoBC,YAAa,CAAE,eAAgB,SACpD,CAACD,EAAAA,oBAAoBE,UAAW,CAAE,eAAgB,QAClD,CAACF,EAAAA,oBAAoBG,aAAc,CAAE,eAAgB,SACrD,CAACH,EAAAA,oBAAoBI,YAAa,CAAE,eAAgB,WAW7CC,EAAwBC,~~EAAIA~~,~~MAAaC~~,IAcpC,IAdqCC,MACrDA,EAAQ,gBAAgBC,SACxBA,EAAQC,WACRA,EAAa,CAAE,EAAAC,QACfA,GAAU,EAAIC,mBACdA,GAAqB,EAAKC,mBAC1BA,GAAqB,EAAKC,eAC1BA,~~EAAiBd~~,EAAmBA,oBAACE,~~SAAQa~~,UAC7CA,GAAY,EAAIC,aAChBA,GAAe,EAAIC,MACnBA,EAAKC,OACLA,EAAMC,MACNA,~~KACGC~~,~~GACQb~~,~~EAMX~~,~~MAAMc~~,~~EAAmBX~~,~~GAAYW~~,iBAO/~~BxB~~,~~EAASyB~~,EAAAA,SAAQ,~~KAAO~~,~~IACxBL~~,EAAQ,CAAE,gBAAiBA,GAAU,~~MACrCC~~,EAAS,CAAE,iBAAkBA,GAAW,~~MACzCC~~,~~KACD~~,CAACD,EAAQC,EAAOF,IAEpB,~~OACEM~~,MAAAC,cAACC,EAAWC,QAAAC,UAAA,CACVC,WAAS,EACTC,SAAO,~~EACPlB~~,QAASA,EACTE,mBAAoBA,EACpBD,mBAAoBA,~~EACpBkB~~,sBAAuBC,EAAcC,QAAC,~~wBAClCZ~~,~~GAEJG~~,MAAAC,cAAA,IAAA,MACAD,MAAAC,cAACS,EAAY,~~CACXzB~~,MAAOA,EACPO,UAAWA,EACXC,aAAcA,EACdF,eAAgBA,~~EAChBoB~~,~~WAAYrC~~,~~IAGTwB~~,~~GAAoBZ~~,GAAaA,GAEjCA,~~GAAYY~~,~~GAAqBE~~,MAAAC,~~cAACH~~,EAAkB,OAE7C,~~IASlBhB~~,~~EAAM8B~~,YAAc,QAmBpB,MAAMF,~~EAAe3B~~,~~EAAIA~~,~~MAAC8B~~,IAWD,~~IAXE5B~~,MACzBA,~~EAAK6B~~,aACLA,EAAYC,KACZA,~~EAAI7B~~,SACJA,EAAQK,eACRA,~~EAAcoB~~,WACdA,~~EAAUnB~~,UACVA,GAAY,EAAIC,aAChBA,GAAe,~~EAAIuB~~,aACnBA,~~KACGnB~~,~~GACegB~~,~~EAMlB~~,~~MAAMI~~,~~EAAkB/B~~,~~GAAYgC~~,MAAMC,~~QAAQjC~~,GAC9CA,~~EAASkC~~,QAAQC,KAAsCA,IACtDC,KAAI,CAACD,EAAqBE,IAAkBC,~~EAAYA~~,aAEvDH,~~EAAO~~,~~CAAEI~~,IAAKF,~~KAAUF~~,~~EAAMxB~~,~~MAAOkB~~,~~UAASlB~~,~~MAEhDG~~,MAAAC,~~cAAA~~,MAAA,~~KAAK~~,kBAET,OACED,MAAAC,cAAA,MAAA,~~CAAKyB~~,~~UAAW~~,~~GAAGC~~,~~UAAQ~~,~~qBAAsBC~~,~~IAAKd~~,~~EAAclB~~,~~MAAOe~~,GACzEX,MAAAC,~~cAAC4B~~,YAAS,~~CACRH~~,~~UAAW~~,~~GAAGC~~,~~UAAQ~~,~~2BACtB/B~~,MAAOL,~~EAAiBjB~~,EAAOC,MAAMC,~~MAAMe~~,GAAkB,MAE5DC,~~GACCQ~~,MAAAC,cAAAD,~~MAAA8B~~,~~SACE9B~~,KAAAA,MAAAC,~~cAAC4B~~,YAAS,CAACE,QAAQ,gBAAgBC,MAAM,~~QAAQtC~~,MAAM,~~OAAOuC~~,QAAQ,~~uBACpEjC~~,MAAAC,~~cAACiC~~,EAAAA,iBAAE,~~KAAEjD~~,GACJQ,~~GACCO~~,MAAAC,cAAA,MAAA,~~CACEkC~~,~~QAASpB~~,~~EACTqB~~,~~UAAWrB~~,~~EACXsB~~,KAAK,SACLC,UAAW,~~EACXZ~~,~~UAAWC~~,~~EAAOlB~~,QAAC,iBAElBO,GAAgBhB,MAAAC,~~cAACsC~~,WAAQ,CAACC,~~QAASxB~~,KAClCA,GACAhB,MAAAC,~~cAACsC~~,EAAQA,cACNE,EAAAA,~~gBAMXzC~~,MAAAC,~~cAACyC~~,EAAAA,YAAW,CAACC,OAAO,~~UAGxB3C~~,MAAAC,cAAA,MAAA,~~CAAKyB~~,~~UAAWC~~,~~EAAOlB~~,QAAC,~~8BACrBQ~~,GAAmBA,IAGpB,~~IASVP~~,EAAaE,YAAc"}
1	+ {"version":3,"file":"Popup.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/Popup.tsx"],"sourcesContent":["import {\n cloneElement, memo, PropsWithChildren, FC, ReactNode, CSSProperties, useMemo, ReactElement,\n} from 'react'\n\nimport { Popover as PopoverLite } from '../popover/PopoverLite'\nimport { HeadlineTertiary as H3 } from '../../atoms/text'\nimport { IconBase } from '../../icon'\nimport { DividerLine } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { closeIconJSX } from '../../atoms/icons'\n\nimport classes from './popup.module.scss'\nimport classesOverlay from './popup.overlay.module.scss'\nimport { PopupAnimateVariant, PopupProps } from './popup.types'\n\n\n/*\n Styles for the Popup component.\n \n @typedef {Object} PopupStyles\n * @property {Object} inner - The inner styles for the popup.\n * @property {CSSProperties} content - The styles for the popup content.\n /\n\nconst styles: {\n popup: {\n inner: Record<string, Record<string, string>>\n }\n\n} = {\n popup: {\n inner: {\n [PopupAnimateVariant.SLIDE_DOWN]: { '--slideYFrom': '-48px' },\n [PopupAnimateVariant.SLIDE_UP]: { '--slideYFrom': '48px' },\n [PopupAnimateVariant.SLIDE_RIGHT]: { '--slideXFrom': '-64px' },\n [PopupAnimateVariant.SLIDE_LEFT]: { '--slideXFrom': '64px' },\n },\n },\n}\n\n/\n Popup component.\n \n @type {React.FC<PopupProps>}\n * @returns {React.ReactElement} The Popup.\n /\nexport const Popup: FC<PopupProps> = memo<PopupProps>(({\n title = 'Popup\\'s title',\n children,\n components = {},\n isModal = true,\n hideOnClickOutside = false,\n hideOnContentClick = false,\n animateVariant = PopupAnimateVariant.SLIDE_UP,\n hasHeader = true,\n hasCloseIcon = true,\n width,\n height,\n style,\n ...props\n}: PopupProps) => {\n /\n The ContentComponent to render.\n \n @type {ComponentType}\n /\n const ContentComponent = components?.ContentComponent\n\n /\n The popup styles.\n \n @type {CSSProperties}\n /\n const styles = useMemo(() => ({\n ...(width ? { '--popup-width': width } : {}),\n ...(height ? { '--popup-height': height } : {}),\n ...style,\n }), [height, style, width])\n\n return (\n <PopoverLite\n clickable\n isPopup\n isModal={isModal}\n hideOnContentClick={hideOnContentClick}\n hideOnClickOutside={hideOnClickOutside}\n modalOverlayClassName={classesOverlay['popup-modal-overlay']}\n {...props}\n >\n <p>{/ Placeholder element to avoid error with no children /}</p>\n <PopupContent\n title={title}\n hasHeader={hasHeader}\n hasCloseIcon={hasCloseIcon}\n animateVariant={animateVariant}\n popupStyle={styles}\n >\n {/ Render children if ContentComponent is not provided /}\n {(!ContentComponent && children) && children}\n {/ Render ContentComponent if children are not provided /}\n {(!children && ContentComponent) && <ContentComponent />}\n </PopupContent>\n </PopoverLite>\n )\n})\n\n/\n The display name of the Popup component.\n \n @type {string}\n /\nPopup.displayName = 'Popup'\n\ntype PopupContentProps = PropsWithChildren<unknown> & {\n title?: string\n forwardedRef?: ForwardedRef['forwardedRef']\n animateVariant?: PopupProps['animateVariant']\n popupStyle?: CSSProperties\n hasHeader?: boolean\n hasCloseIcon?: boolean\n closeIconURL?: string\n hide?: () => void\n}\n\n/\n The PopupContent component.\n \n @param {PopupContentProps} props The props for the PopupContent component.\n * @returns {React.ReactElement} The PopupContent.\n /\nconst PopupContent = memo(({\n title,\n forwardedRef,\n hide,\n children,\n animateVariant,\n popupStyle,\n hasHeader = true,\n hasCloseIcon = true,\n closeIconURL,\n ...props\n}: PopupContentProps) => {\n /\n The ContentRemapped element.\n \n @type {React.ReactElement[] \| React.ReactElement}\n /\n const ContentRemapped = children && Array.isArray(children)\n ? children.filter((child: ReactNode \| ReactElement) => !!child)\n .map((child: ReactElement, index: number) => cloneElement(\n // eslint-disable-next-line react/no-array-index-key\n child, { key: index, ...child.props, hide, ...props },\n ))\n : <div>Pseudo Content</div>\n\n return (\n <div className={`${classes['popup-container']}`} ref={forwardedRef} style={popupStyle}>\n <LayoutBox\n className={`${classes['popup-container-inner']}`}\n style={animateVariant ? styles.popup.inner[animateVariant] : null}\n >\n {hasHeader && (\n <>\n <LayoutBox justify='space-between' align='start' width='100%' padding='20px 20px 16px 20px'>\n <H3>{title}</H3>\n {hasCloseIcon && (\n <div\n onClick={hide}\n onKeyDown={hide}\n role='button'\n tabIndex={-1}\n className={classes['close-button']}\n >\n {closeIconURL && <IconBase iconUrl={closeIconURL} />}\n {!closeIconURL && (\n <IconBase>\n {closeIconJSX}\n </IconBase>\n )}\n </div>\n )}\n </LayoutBox>\n <DividerLine length='100%' />\n </>\n )}\n <div className={classes['popup-container-inner-div']}>\n {ContentRemapped && ContentRemapped}\n </div>\n </LayoutBox>\n </div>\n )\n})\n\n/\n The display name of the PopupContent component.\n \n @type {string}\n */\nPopupContent.displayName = 'PopupContent'\n"],"names":["styles","popup","inner","PopupAnimateVariant","SLIDE_DOWN","SLIDE_UP","SLIDE_RIGHT","SLIDE_LEFT","Popup","memo","reactExports","_ref","title","children","components","isModal","hideOnClickOutside","hideOnContentClick","animateVariant","hasHeader","hasCloseIcon","width","height","style","props","_objectWithoutProperties","_excluded","ContentComponent","useMemo","_objectSpread","objectSpread2","React","createElement","PopoverLite","Popover","_extends","clickable","isPopup","modalOverlayClassName","classesOverlay","default","PopupContent","popupStyle","displayName","_ref2","forwardedRef","hide","closeIconURL","_excluded2","ContentRemapped","Array","isArray","filter","child","map","index","cloneElement","key","className","concat","classes","ref","LayoutBox","Fragment","justify","align","padding","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","closeIconJSX","DividerLine","length"],"mappings":"6wBAwBMA,EAKF,CACFC,MAAO,CACLC,MAAO,CACL,CAACC,EAAAA,oBAAoBC,YAAa,CAAE,eAAgB,SACpD,CAACD,EAAAA,oBAAoBE,UAAW,CAAE,eAAgB,QAClD,CAACF,EAAAA,oBAAoBG,aAAc,CAAE,eAAgB,SACrD,CAACH,EAAAA,oBAAoBI,YAAa,CAAE,eAAgB,WAW7CC,EAAwBC,EAAIC,aAAAD,MAAaE,IAcpC,IAdqCC,MACrDA,EAAQ,gBAAgBC,SACxBA,EAAQC,WACRA,EAAa,CAAE,EAAAC,QACfA,GAAU,EAAIC,mBACdA,GAAqB,EAAKC,mBAC1BA,GAAqB,EAAKC,eAC1BA,EAAiBf,EAAmBA,oBAACE,SAAQc,UAC7CA,GAAY,EAAIC,aAChBA,GAAe,EAAIC,MACnBA,EAAKC,OACLA,EAAMC,MACNA,GAEWZ,EADRa,EAAKC,EAAAA,wBAAAd,EAAAe,GAOR,MAAMC,EAAmBb,aAAAA,EAAAA,EAAYa,iBAO/B3B,EAAS4B,EAAAA,aAAAA,SAAQ,IAAAC,EAAAA,cAAAA,EAAAA,cAAAA,EAAAC,cACjBT,CAAAA,EAAAA,EAAQ,CAAE,gBAAiBA,GAAU,CAAA,GACrCC,EAAS,CAAE,iBAAkBA,GAAW,CAAA,GACzCC,IACD,CAACD,EAAQC,EAAOF,IAEpB,OACEU,MAAAC,cAACC,EAAWC,QAAAC,UAAA,CACVC,WAAS,EACTC,SAAO,EACPtB,QAASA,EACTE,mBAAoBA,EACpBD,mBAAoBA,EACpBsB,sBAAuBC,EAAcC,QAAC,wBAClChB,GAEJO,MAAAC,cAAA,IAAA,MACAD,MAAAC,cAACS,EAAY,CACX7B,MAAOA,EACPO,UAAWA,EACXC,aAAcA,EACdF,eAAgBA,EAChBwB,WAAY1C,IAGT2B,GAAoBd,GAAaA,GAEjCA,GAAYc,GAAqBI,MAAAC,cAACL,EAAkB,OAE7C,IASlBnB,EAAMmC,YAAc,QAmBpB,MAAMF,EAAehC,EAAIC,aAAAD,MAACmC,IAWD,IAXEhC,MACzBA,EAAKiC,aACLA,EAAYC,KACZA,EAAIjC,SACJA,EAAQK,eACRA,EAAcwB,WACdA,EAAUvB,UACVA,GAAY,EAAIC,aAChBA,GAAe,EAAI2B,aACnBA,GAEkBH,EADfpB,EAAKC,EAAAA,wBAAAmB,EAAAI,GAOR,MAAMC,EAAkBpC,GAAYqC,MAAMC,QAAQtC,GAC9CA,EAASuC,QAAQC,KAAsCA,IACtDC,KAAI,CAACD,EAAqBE,IAAkBC,EAAY9C,aAAA8C,aAEvDH,EAAKxB,EAAAC,cAAAD,gBAAA,CAAI4B,IAAKF,GAAUF,EAAM7B,OAAK,GAAA,CAAEsB,QAAStB,MAEhDO,MAAAC,cAAK,MAAA,KAAA,kBAET,OACED,MAAAC,cAAA,MAAA,CAAK0B,aAASC,OAAKC,EAAOpB,QAAC,oBAAsBqB,IAAKhB,EAActB,MAAOmB,GACzEX,MAAAC,cAAC8B,YAAS,CACRJ,aAASC,OAAKC,EAAOpB,QAAC,0BACtBjB,MAAOL,EAAiBlB,EAAOC,MAAMC,MAAMgB,GAAkB,MAE5DC,GACCY,MAAAC,cAAAD,MAAAgC,SACEhC,KAAAA,MAAAC,cAAC8B,YAAS,CAACE,QAAQ,gBAAgBC,MAAM,QAAQ5C,MAAM,OAAO6C,QAAQ,uBACpEnC,MAAAC,cAACmC,EAAAA,iBAAE,KAAEvD,GACJQ,GACCW,MAAAC,cAAA,MAAA,CACEoC,QAAStB,EACTuB,UAAWvB,EACXwB,KAAK,SACLC,UAAW,EACXb,UAAWE,EAAOpB,QAAC,iBAElBO,GAAgBhB,MAAAC,cAACwC,WAAQ,CAACC,QAAS1B,KAClCA,GACAhB,MAAAC,cAACwC,EAAQA,cACNE,EAAAA,gBAMX3C,MAAAC,cAAC2C,EAAAA,YAAW,CAACC,OAAO,UAGxB7C,MAAAC,cAAA,MAAA,CAAK0B,UAAWE,EAAOpB,QAAC,8BACrBS,GAAmBA,IAGpB,IASVR,EAAaE,YAAc"}

package/dist/lib/cjs/src/core/ui/components/molecules/popup/popup.types.js.map CHANGED Viewed

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

package/dist/lib/cjs/src/core/ui/utils/clickOutside.js CHANGED Viewed

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

package/dist/lib/cjs/src/core/ui/utils/clickOutside.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clickOutside.js","sources":["../../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement \| null \| (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement \| null) => void\n\nexport const handleClickOutside = (\n element: Element,\n callback?: CallbackFunction,\n) => (event: MouseEvent): void => {\n const target = event.target as HTMLElement \| null\n const resolvedElement:HTMLElement \| null = typeof element === 'function' ? element() : element\n\n if (resolvedElement && !resolvedElement.contains(target)) {\n callback?.(target)\n }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement","contains"],"mappings":"wCAGkCA,CAChCC,EACAC,IACIC,IACJ,MAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,~~IAC~~/CF,~~IAAWE~~,~~EACb~~"}
1	+ {"version":3,"file":"clickOutside.js","sources":["../../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement \| null \| (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement \| null) => void\n\nexport const handleClickOutside = (\n element: Element,\n callback?: CallbackFunction,\n) => (event: MouseEvent): void => {\n const target = event.target as HTMLElement \| null\n const resolvedElement:HTMLElement \| null = typeof element === 'function' ? element() : element\n\n if (resolvedElement && !resolvedElement.contains(target)) {\n callback?.(target)\n }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement","contains"],"mappings":"wCAGkCA,CAChCC,EACAC,IACIC,IACJ,MAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,KAC/CF,SAAAA,EAAWE,GACb"}

package/dist/lib/cjs/src/core/ui/utils/style.js CHANGED Viewed

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

package/dist/lib/cjs/src/core/ui/utils/style.js.map CHANGED Viewed

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

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/peregrineMQ.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("./peregrineMQ.types.js"),t=require("../../../../../node_modules/uuid/dist/esm-browser/v4.js");class s extends Error{constructor(){super("Clearing PeregrineMQ is not allowed. Please read the documentation for more information."),this.name="PeregrineMQClearError"}}exports.PeregrineMQ=class{constructor(n,r){this.id=void 0,this.config={allowAutoPrune:!1,pruneInterval:1e4,allowClear:!1},this.channels=new Map,this.listeners=new Map,this.addListener=(e,t)=>{const s=this.listeners.get(e),n=this.channels.get(t);n&&(s?s.push(n):this.listeners.set(e,[n]))},this.removeListener=e=>{const t=this.listeners.get(e);let s=!0;for(const n of t||[])if(s=!n.has(e),!s)break;s&&this.listeners.delete(e)},this.publishToChannel=(t,s,n)=>{const r=this.channels.get(t);if(!r)return e.NON_EXISTENT_CHANNEL;const i=r[Symbol.iterator]();let l=i.next().value;const h=[];for(;l;)h.push(l(t,n)),l=i.next().value;return 1===h?.length?h[0]:h},this.configure=e=>{this.config=e;const{allowAutoPrune:t,pruneInterval:s}=e;let n;t&&(n=setInterval((()=>{this.prune()}),s));const r=this;return{...t?{clearPruneInterval:()=>{clearInterval(n)},restartPruneInterval:()=>{clearInterval(n),n=setInterval((()=>{r.prune()}),s)}}:{}}},this.getChannels=()=>[...this.channels.keys()],this.prune=()=>{const e=this.channels[Symbol.iterator]();let t=e.next().value;const s=[];for(;t;)0===t[1]?.size&&(s.push(t[0]),this.channels.delete(t[0])),t=e.next().value;return s},this.removeChannel=e=>{const t=this.channels.get(e);if(t&&t.size>0){const e=[...t||[]];t.clear();let s=e.length;for(;s--;)this.removeListener(e[s])}return this.channels.delete(e)},this.publish=(e,t)=>{if(e.includes(".")){const s=e.split(".");let{length:n}=s,r=0;const i=[];for(;n--;){const e=this.publishToChannel(s.slice(0,r+1).join("."),n!==s.length-1,t);r+=1,i.push(e)}return i}return this.publishToChannel(e,!1,t)},this.subscribe=(e,t)=>{const s=this.channels.get(e);return s?s.add(t):this.channels.set(e,new Set([t])),this.addListener(t,e),()=>this.unsubscribe(t,{channel:e,prune:!0})},this.unsubscribe=(e,t)=>{const{channel:s,prune:n}=t||{};let r=!1;if(s){const t=this.channels.get(s);return r=!!t&&t.delete(e),n&&0===t?.size&&this.channels.delete(s),this.removeListener(e),r}const i=this.listeners.get(e)||[];for(const t of i)r=t.delete(e),n&&0===t.size&&this.prune();return this.listeners.delete(e),r},this.isSubscribed=(e,t)=>{if(t){const s=this.channels.get(t);return!!s&&s.has(e)}return this.listeners.has(e)},this.clear=()=>{if(!this.config.allowClear)throw new s;this.channels.clear(),this.listeners.clear()},this.getId=()=>this.id,this.id=n||t.default(),this.configure(r||{})}get length(){return[...this.channels.values()].reduce(((e,t)=>e+t.size),0)}},exports.PeregrineMQClearError=s;
+"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var t=require("./peregrineMQ.types.js"),s=require("../../../../../node_modules/uuid/dist/esm-browser/v4.js");class n extends Error{constructor(){super("Clearing PeregrineMQ is not allowed. Please read the documentation for more information."),this.name="PeregrineMQClearError"}}exports.PeregrineMQ=class{constructor(r,i){this.id=void 0,this.config={allowAutoPrune:!1,pruneInterval:1e4,allowClear:!1},this.channels=new Map,this.listeners=new Map,this.addListener=(e,t)=>{const s=this.listeners.get(e),n=this.channels.get(t);n&&(s?s.push(n):this.listeners.set(e,[n]))},this.removeListener=e=>{const t=this.listeners.get(e);let s=!0;for(const n of t||[])if(s=!n.has(e),!s)break;s&&this.listeners.delete(e)},this.publishToChannel=(e,s,n)=>{const r=this.channels.get(e);if(!r)return t.NON_EXISTENT_CHANNEL;const i=r[Symbol.iterator]();let l=i.next().value;const h=[];for(;l;)h.push(l(e,n)),l=i.next().value;return 1===(null==h?void 0:h.length)?h[0]:h},this.configure=t=>{this.config=t;const{allowAutoPrune:s,pruneInterval:n}=t;let r;s&&(r=setInterval((()=>{this.prune()}),n));const i=this;return e.objectSpread2({},s?{clearPruneInterval:()=>{clearInterval(r)},restartPruneInterval:()=>{clearInterval(r),r=setInterval((()=>{i.prune()}),n)}}:{})},this.getChannels=()=>[...this.channels.keys()],this.prune=()=>{const e=this.channels[Symbol.iterator]();let t=e.next().value;const s=[];for(;t;){var n;0===(null===(n=t[1])||void 0===n?void 0:n.size)&&(s.push(t[0]),this.channels.delete(t[0])),t=e.next().value}return s},this.removeChannel=e=>{const t=this.channels.get(e);if(t&&t.size>0){const e=[...t||[]];t.clear();let s=e.length;for(;s--;)this.removeListener(e[s])}return this.channels.delete(e)},this.publish=(e,t)=>{if(e.includes(".")){const s=e.split(".");let{length:n}=s,r=0;const i=[];for(;n--;){const e=this.publishToChannel(s.slice(0,r+1).join("."),n!==s.length-1,t);r+=1,i.push(e)}return i}return this.publishToChannel(e,!1,t)},this.subscribe=(e,t)=>{const s=this.channels.get(e);return s?s.add(t):this.channels.set(e,new Set([t])),this.addListener(t,e),()=>this.unsubscribe(t,{channel:e,prune:!0})},this.unsubscribe=(e,t)=>{const{channel:s,prune:n}=t||{};let r=!1;if(s){const t=this.channels.get(s);return r=!!t&&t.delete(e),n&&0===(null==t?void 0:t.size)&&this.channels.delete(s),this.removeListener(e),r}const i=this.listeners.get(e)||[];for(const t of i)r=t.delete(e),n&&0===t.size&&this.prune();return this.listeners.delete(e),r},this.isSubscribed=(e,t)=>{if(t){const s=this.channels.get(t);return!!s&&s.has(e)}return this.listeners.has(e)},this.clear=()=>{if(!this.config.allowClear)throw new n;this.channels.clear(),this.listeners.clear()},this.getId=()=>this.id,this.id=r||s.default(),this.configure(i||{})}get length(){return[...this.channels.values()].reduce(((e,t)=>e+t.size),0)}},exports.PeregrineMQClearError=n;
 //# sourceMappingURL=peregrineMQ.js.map