@e1011/es-kit 1.0.144 → 1.0.148

package/dist/ui/esm/node_modules/core-js/modules/web.dom-collections.iterator.js.map

@@ -1 +1 @@
-{"version":3,"file":"web.dom-collections.iterator.js","sources":["../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js"],"sourcesContent":["var global = require('../internals/global');\nvar DOMIterables = require('../internals/dom-iterables');\nvar DOMTokenListPrototype = require('../internals/dom-token-list-prototype');\nvar ArrayIteratorMethods = require('../modules/es.array.iterator');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar ITERATOR = wellKnownSymbol('iterator');\nvar TO_STRING_TAG = wellKnownSymbol('toStringTag');\nvar ArrayValues = ArrayIteratorMethods.values;\n\nvar handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {\n  if (CollectionPrototype) {\n    // some Chrome versions have non-configurable methods on DOMTokenList\n    if (CollectionPrototype[ITERATOR] !== ArrayValues) try {\n      createNonEnumerableProperty(CollectionPrototype, ITERATOR, ArrayValues);\n    } catch (error) {\n      CollectionPrototype[ITERATOR] = ArrayValues;\n    }\n    if (!CollectionPrototype[TO_STRING_TAG]) {\n      createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG, COLLECTION_NAME);\n    }\n    if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {\n      // some Chrome versions have non-configurable methods on DOMTokenList\n      if (CollectionPrototype[METHOD_NAME] !== ArrayIteratorMethods[METHOD_NAME]) try {\n        createNonEnumerableProperty(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);\n      } catch (error) {\n        CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];\n      }\n    }\n  }\n};\n\nfor (var COLLECTION_NAME in DOMIterables) {\n  handlePrototype(global[COLLECTION_NAME] && global[COLLECTION_NAME].prototype, COLLECTION_NAME);\n}\n\nhandlePrototype(DOMTokenListPrototype, 'DOMTokenList');\n"],"names":["global","require$$0","DOMIterables","require$$1","DOMTokenListPrototype","require$$2","ArrayIteratorMethods","require$$3","createNonEnumerableProperty","require$$4","wellKnownSymbol","require$$5","ITERATOR","TO_STRING_TAG","ArrayValues","values","handlePrototype","CollectionPrototype","COLLECTION_NAME","error","METHOD_NAME","prototype"],"mappings":"8TAAA,IAAIA,EAASC,EACTC,EAAeC,EACfC,EAAwBC,EACxBC,EAAuBC,EACvBC,EAA8BC,EAC9BC,EAAkBC,EAElBC,EAAWF,EAAgB,YAC3BG,EAAgBH,EAAgB,eAChCI,EAAcR,EAAqBS,OAEnCC,EAAkB,SAAUC,EAAqBC,GACnD,GAAID,EAAqB,CAEvB,GAAIA,EAAoBL,KAAcE,EAAa,IACjDN,EAA4BS,EAAqBL,EAAUE,EAC5D,CAAC,MAAOK,GACPF,EAAoBL,GAAYE,CACjC,CAID,GAHKG,EAAoBJ,IACvBL,EAA4BS,EAAqBJ,EAAeK,GAE9DhB,EAAagB,GAAkB,IAAK,IAAIE,KAAed,EAEzD,GAAIW,EAAoBG,KAAiBd,EAAqBc,GAAc,IAC1EZ,EAA4BS,EAAqBG,EAAad,EAAqBc,GACpF,CAAC,MAAOD,GACPF,EAAoBG,GAAed,EAAqBc,EACzD,CAEJ,CACH,EAEA,IAAK,IAAIF,KAAmBhB,EAC1Bc,EAAgBhB,EAAOkB,IAAoBlB,EAAOkB,GAAiBG,UAAWH,GAGhFF,EAAgBZ,EAAuB"}
+{"version":3,"file":"web.dom-collections.iterator.js","sources":["../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js"],"sourcesContent":["'use strict';\nvar global = require('../internals/global');\nvar DOMIterables = require('../internals/dom-iterables');\nvar DOMTokenListPrototype = require('../internals/dom-token-list-prototype');\nvar ArrayIteratorMethods = require('../modules/es.array.iterator');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar ITERATOR = wellKnownSymbol('iterator');\nvar TO_STRING_TAG = wellKnownSymbol('toStringTag');\nvar ArrayValues = ArrayIteratorMethods.values;\n\nvar handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {\n  if (CollectionPrototype) {\n    // some Chrome versions have non-configurable methods on DOMTokenList\n    if (CollectionPrototype[ITERATOR] !== ArrayValues) try {\n      createNonEnumerableProperty(CollectionPrototype, ITERATOR, ArrayValues);\n    } catch (error) {\n      CollectionPrototype[ITERATOR] = ArrayValues;\n    }\n    if (!CollectionPrototype[TO_STRING_TAG]) {\n      createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG, COLLECTION_NAME);\n    }\n    if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {\n      // some Chrome versions have non-configurable methods on DOMTokenList\n      if (CollectionPrototype[METHOD_NAME] !== ArrayIteratorMethods[METHOD_NAME]) try {\n        createNonEnumerableProperty(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);\n      } catch (error) {\n        CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];\n      }\n    }\n  }\n};\n\nfor (var COLLECTION_NAME in DOMIterables) {\n  handlePrototype(global[COLLECTION_NAME] && global[COLLECTION_NAME].prototype, COLLECTION_NAME);\n}\n\nhandlePrototype(DOMTokenListPrototype, 'DOMTokenList');\n"],"names":["global","require$$0","DOMIterables","require$$1","DOMTokenListPrototype","require$$2","ArrayIteratorMethods","require$$3","createNonEnumerableProperty","require$$4","wellKnownSymbol","require$$5","ITERATOR","TO_STRING_TAG","ArrayValues","values","handlePrototype","CollectionPrototype","COLLECTION_NAME","error","METHOD_NAME","prototype"],"mappings":"8TACA,IAAIA,EAASC,EACTC,EAAeC,EACfC,EAAwBC,EACxBC,EAAuBC,EACvBC,EAA8BC,EAC9BC,EAAkBC,EAElBC,EAAWF,EAAgB,YAC3BG,EAAgBH,EAAgB,eAChCI,EAAcR,EAAqBS,OAEnCC,EAAkB,SAAUC,EAAqBC,GACnD,GAAID,EAAqB,CAEvB,GAAIA,EAAoBL,KAAcE,EAAa,IACjDN,EAA4BS,EAAqBL,EAAUE,EAC5D,CAAC,MAAOK,GACPF,EAAoBL,GAAYE,CACjC,CAID,GAHKG,EAAoBJ,IACvBL,EAA4BS,EAAqBJ,EAAeK,GAE9DhB,EAAagB,GAAkB,IAAK,IAAIE,KAAed,EAEzD,GAAIW,EAAoBG,KAAiBd,EAAqBc,GAAc,IAC1EZ,EAA4BS,EAAqBG,EAAad,EAAqBc,GACpF,CAAC,MAAOD,GACPF,EAAoBG,GAAed,EAAqBc,EACzD,CAEJ,CACH,EAEA,IAAK,IAAIF,KAAmBhB,EAC1Bc,EAAgBhB,EAAOkB,IAAoBlB,EAAOkB,GAAiBG,UAAWH,GAGhFF,EAAgBZ,EAAuB"}

package/dist/ui/esm/src/core/hooks/useParseProps.js

@@ -1,2 +1,2 @@
-import{useMemo as r}from"react";import{parseProps as t}from"../utils/helpers/ui.js";var o=function(o){return r((function(){return t(o)}),[o])};export{o as useParseProps};
+import{useMemo as r}from"react";import{parseProps as o}from"../utils/helpers/ui.js";const t=t=>r((()=>o(t)),[t]);export{t as useParseProps};
 //# sourceMappingURL=useParseProps.js.map

package/dist/ui/esm/src/core/hooks/useParseProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useParseProps.js","sources":["../../../../../../src/core/hooks/useParseProps.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { parseProps } from '../utils/helpers/ui'\n\n\nexport const useParseProps = (props: Record<string, unknown>): ReturnType<typeof parseProps> => {\n  const propsCategories = useMemo(() => parseProps(props), [props])\n\n  return propsCategories\n}\n"],"names":["useParseProps","props","useMemo","parseProps"],"mappings":"wFAKaA,EAAgB,SAACC,GAG5B,OAFwBC,GAAQ,WAAA,OAAMC,EAAWF,KAAQ,CAACA,GAG5D"}
+{"version":3,"file":"useParseProps.js","sources":["../../../../../../src/core/hooks/useParseProps.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { parseProps } from '../utils/helpers/ui'\n\n\nexport const useParseProps = (props: Record<string, unknown>): ReturnType<typeof parseProps> => {\n  const propsCategories = useMemo(() => parseProps(props), [props])\n\n  return propsCategories\n}\n"],"names":["useParseProps","props","useMemo","parseProps"],"mappings":"oFAKaA,MAAAA,EAAiBC,GACJC,GAAQ,IAAMC,EAAWF,IAAQ,CAACA"}

package/dist/ui/esm/src/core/ui/components/container/CollapsibleContainer.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,slicedToArray as o,objectSpread2 as r,extends as l}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as a,useRef as t,useState as n,useEffect as s,useLayoutEffect as i,useMemo as c}from"react";import{useParseProps as p}from"../../../hooks/useParseProps.js";import u from"./CollapsibleContainer.module.scss.js";var d=["collapsed","collapseHandler","children","horizontal","className"],h={width:"scrollWidth",height:"scrollHeight"},m=a((function(a){var m=a.collapsed,f=void 0!==m&&m,v=a.collapseHandler,j=a.children,x=a.horizontal,b=void 0!==x&&x,g=a.className,P=void 0===g?"":g,w=e(a,d),y=t(null),C=n(0),H=o(C,2),N=H[0],z=H[1],_=p(w),T=_.dataProps,W=_.restProps,k=!b;s((function(){null==v||v(f)}),[v,f]),i((function(){if(null!=y&&y.current){var e=k?"height":"width";setTimeout((function(){null!=y&&y.current&&z(y.current[h[e]])}),100)}}),[y,k]);var A=c((function(){return r({"--prop-name":k?"height":"width","--prop-max-name":k?"max-height":"max-width","--prop-value":"".concat(N,"px")},W)}),[k,W,N]),B=c((function(){var e=[k?u.vertical:u.horizontal];return f&&N&&null!=N&&e.push(u.collapsed),!f&&N&&null!=N&&e.push(u.expanded),e.join(" ")}),[f,N,k]);return React.createElement("div",l({className:"".concat(u["collapsible-container"]," ").concat(B," ").concat(P," "),ref:y,style:A},T),j)}));m.displayName="CollapsibleContainer";export{m as CollapsibleContainer};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as l,useRef as o,useState as t,useEffect as r,useLayoutEffect as s,useMemo as a}from"react";import{useParseProps as n}from"../../../hooks/useParseProps.js";import c from"./CollapsibleContainer.module.scss.js";const i={width:"scrollWidth",height:"scrollHeight"},p=l((l=>{let{collapsed:p=!1,collapseHandler:m,children:u,horizontal:d=!1,className:h="",...x}=l;const f=o(null),[g,j]=t(0),{dataProps:b,restProps:w}=n(x),P=!d;r((()=>{null==m||m(p)}),[m,p]),s((()=>{if(null!=f&&f.current){const e=P?"height":"width";setTimeout((()=>{null!=f&&f.current&&j(f.current[i[e]])}),100)}}),[f,P]);const v=a((()=>({"--prop-name":P?"height":"width","--prop-max-name":P?"max-height":"max-width","--prop-value":"".concat(g,"px"),...w})),[P,w,g]),C=a((()=>{const e=[P?c.vertical:c.horizontal];return p&&g&&null!=g&&e.push(c.collapsed),!p&&g&&null!=g&&e.push(c.expanded),e.join(" ")}),[p,g,P]);return React.createElement("div",e({className:"".concat(c["collapsible-container"]," ").concat(C," ").concat(h," "),ref:f,style:v},b),u)}));p.displayName="CollapsibleContainer";export{p as CollapsibleContainer};
 //# sourceMappingURL=CollapsibleContainer.js.map

package/dist/ui/esm/src/core/ui/components/container/CollapsibleContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","_ref$collapsed","collapsed","collapseHandler","children","_ref$horizontal","horizontal","_ref$className","className","props","_objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","contentProp","setContentProp","_useParseProps","useParseProps","dataProps","style","restProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","_objectSpread","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"ggBASMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAWGC,EAAsDC,GAAK,SAAAC,GAEvC,IAAAC,EAAAD,EAD/BE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAAAP,EAAEQ,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAV,EAAAW,GAEpFC,EAAeC,EAAuB,MAC5CC,EAAsCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAA1CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAElCI,EAAwCC,EAAcZ,GAA9Ca,EAASF,EAATE,UAAsBC,EAAKH,EAAhBI,UAEbC,GAAYnB,EAElBoB,GAAU,WACRvB,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErByB,GAAgB,WACd,GAAIf,SAAAA,EAAcgB,QAAS,CACzB,IAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,WACLlB,SAAAA,EAAcgB,SAChBT,EAAgBP,EAAagB,QAAgBjC,EAAmBkC,IAEnE,GAAE,IACL,CACF,GAAG,CAACjB,EAAca,IAElB,IAAMM,EAA4BC,GAAQ,WAAA,OAAAC,EAAA,CACxC,cAAeR,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAc,GAAAS,OAAKhB,EAAW,OAC3BK,EACc,GAAE,CAACE,EAAUF,EAAOL,IAEjCiB,EAAaH,GAAQ,WACzB,IAAMG,EAAa,CAACV,EAAWW,EAAQX,SAAWW,EAAQ9B,YAQ1D,OANIJ,GAAagB,GAAbhB,MAA4BgB,GAC9BiB,EAAWE,KAAKD,EAAQlC,YAErBA,GAAagB,GAAd,MAA6BA,GAC/BiB,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IACxB,GAAE,CAACrC,EAAWgB,EAAaO,IAE5B,OACEe,MAAAC,cAAA,MAAAC,EAAA,CACElC,UAAS0B,GAAAA,OAAKE,EAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAI1B,EAAa,KAC7EmC,IAAK/B,EACLW,MAAOQ,GACHT,GAEHlB,EAGP,IAEAN,EAAqB8C,YAAc"}
+{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"gYASA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAWGC,EAAsDC,GAAKC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,MAAOC,GAC3DN,EAC1B,MAAMO,EAAeC,EAAuB,OACrCC,EAAaC,GAAkBC,EAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAcT,GAEhDU,GAAYZ,EAElBa,GAAU,KACRf,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBiB,GAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,QAAgBxB,EAAmByB,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,GAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAcQ,GAAAA,OAAKf,EAAe,SAC/BK,KACgB,CAACE,EAAUF,EAAOL,IAEjCgB,EAAaF,GAAQ,KACzB,MAAME,EAAa,CAACT,EAAWU,EAAQV,SAAWU,EAAQtB,YAQ1D,OANIH,GAAaQ,GAAbR,MAA4BQ,GAC9BgB,EAAWE,KAAKD,EAAQzB,YAErBA,GAAaQ,GAAd,MAA6BA,GAC/BgB,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAC5B,EAAWQ,EAAaO,IAE5B,OACEc,MAAAC,cAAA,MAAAC,EAAA,CACE3B,UAASmB,GAAAA,OAAKE,EAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAInB,EAAa,KAC7E4B,IAAK1B,EACLO,MAAOQ,GACHV,GAEHT,EACG,IAIVL,EAAqBoC,YAAc"}

package/dist/ui/esm/src/core/ui/components/container/CollapsibleContainerS.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,slicedToArray as o,extends as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import a from"styled-components";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as t,useRef as l,useState as r,useEffect as i}from"react";var c=["collapsed","collapseHandler","children","propName","className","css"],s={width:"scrollWidth",height:"scrollHeight"},p=function(e){return e.propName},d=t(a.div.withConfig({displayName:"CollapsibleContainerS__StyledContainer",componentId:"sc-fj3lnl-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],p,p,p,p,p,p,p,(function(e){var o=e.contentProp;return"".concat(o,"px")}),p,(function(e){var o=e.contentProp;return"".concat(o,"px")}))),m=a(d).withConfig({displayName:"CollapsibleContainerS___StyledStyledContainer",componentId:"sc-fj3lnl-1"})(["",""],(function(e){return e.$_css})),u=t((function(a){var t=a.collapsed,p=void 0!==t&&t,d=a.collapseHandler,u=a.children,_=a.propName,f=void 0===_?"height":_,h=a.className,y=a.css,C=e(a,c),v=l(),x=r(0),N=o(x,2),b=N[0],g=N[1];i((function(){null==d||d(p)}),[d,p]),i((function(){null!=v&&v.current&&g(v.current[s[f]])}),[v,f]);var j="";return p&&b&&null!=b&&(j="Collapsible__container__collapsed"),!p&&b&&null!=b&&(j="Collapsible__container__expanded"),React.createElement(m,n({className:"".concat(h," ").concat(j),ref:v,contentProp:b,propName:f},C,{$_css:y}),u)}));u.displayName="ContainerS";export{u as ContainerS};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"styled-components";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as l,useRef as t,useState as n,useEffect as a}from"react";const r={width:"scrollWidth",height:"scrollHeight"},i=e=>{let{propName:o}=e;return o},c=l(o.div.withConfig({displayName:"CollapsibleContainerS__StyledContainer",componentId:"sc-fj3lnl-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],i,i,i,i,i,i,i,(e=>{let{contentProp:o}=e;return"".concat(o,"px")}),i,(e=>{let{contentProp:o}=e;return"".concat(o,"px")})));var s=o(c).withConfig({displayName:"CollapsibleContainerS___StyledStyledContainer",componentId:"sc-fj3lnl-1"})(["",""],(e=>e.$_css));const p=l((o=>{let{collapsed:l=!1,collapseHandler:i,children:c,propName:p="height",className:d,css:m,..._}=o;const u=t(),[C,h]=n(0);a((()=>{null==i||i(l)}),[i,l]),a((()=>{null!=u&&u.current&&h(u.current[r[p]])}),[u,p]);let y="";return l&&C&&null!=C&&(y="Collapsible__container__collapsed"),!l&&C&&null!=C&&(y="Collapsible__container__expanded"),React.createElement(s,e({className:"".concat(d," ").concat(y),ref:u,contentProp:C,propName:p},_,{$_css:m}),c)}));p.displayName="ContainerS";export{p as ContainerS};
 //# sourceMappingURL=CollapsibleContainerS.js.map

package/dist/ui/esm/src/core/ui/components/container/CollapsibleContainerS.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainerS.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainerS.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n  transform-origin: 0% 0%;\n  transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n  will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n  overflow: hidden;\n  opacity: 0;\n\n  &.Collapsible__container__collapsed {\n    ${propNameFunc}: 0;\n    max-${propNameFunc}: 0;\n    opacity: 0;\n  }\n\n  &.Collapsible__container__expanded {\n    ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    opacity: 1;\n  }\n`)\n\nexport type ContainerProps = {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  propName?: string\n  className?: string\n  css?: string\n}\nexport const ContainerS: FC<ContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>()\n  const [contentProp, setContentProp] = useState(0)\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useEffect(() => {\n    if (containerRef?.current) {\n      setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n    }\n  }, [containerRef, propName])\n\n  let resolvedClassName = ''\n\n  if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__collapsed'\n  }\n  if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__expanded'\n  }\n\n  return (\n    <StyledContainer\n      className={`${className} ${resolvedClassName}`}\n      ref={containerRef}\n      contentProp={contentProp}\n      propName={propName}\n      css={css}\n      {...props}\n    >\n      {children}\n    </StyledContainer>\n  )\n})\n\nContainerS.displayName = 'ContainerS'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","ContainerS","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","props","_objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"2XAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,eAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAAF,GAAAI,WAAA,CAAAC,YAAA,gDAAAC,YAAA,eAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAiCb,GAAK,SAAAc,GAE7B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAAQC,EAAKC,EAAAT,EAAAU,GAErFC,EAAeC,IACrBC,EAAsCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAA1CpB,EAAWsB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,GAAU,WACRf,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBgB,GAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBxC,EAAmBK,IAEpE,GAAG,CAAC2B,EAAc3B,IAElB,IAAIoC,EAAoB,GASxB,OAPIlB,GAAaT,GAAbS,MAA4BT,IAC9B2B,EAAoB,sCAEjBlB,GAAaT,GAAd,MAA6BA,IAC/B2B,EAAoB,oCAIpBC,MAAAC,cAAA1B,EAAA2B,EAAA,CACEjB,UAAS,GAAAZ,OAAKY,OAASZ,OAAI0B,GAC3BI,IAAKb,EACLlB,YAAaA,EACbT,SAAUA,GAENwB,EAAK,CAAAV,MADJS,IAGJH,EAGP,IAEAL,EAAWT,YAAc"}
+{"version":3,"file":"CollapsibleContainerS.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainerS.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n  transform-origin: 0% 0%;\n  transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n  will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n  overflow: hidden;\n  opacity: 0;\n\n  &.Collapsible__container__collapsed {\n    ${propNameFunc}: 0;\n    max-${propNameFunc}: 0;\n    opacity: 0;\n  }\n\n  &.Collapsible__container__expanded {\n    ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    opacity: 1;\n  }\n`)\n\nexport type ContainerProps = {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  propName?: string\n  className?: string\n  css?: string\n}\nexport const ContainerS: FC<ContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>()\n  const [contentProp, setContentProp] = useState(0)\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useEffect(() => {\n    if (containerRef?.current) {\n      setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n    }\n  }, [containerRef, propName])\n\n  let resolvedClassName = ''\n\n  if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__collapsed'\n  }\n  if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__expanded'\n  }\n\n  return (\n    <StyledContainer\n      className={`${className} ${resolvedClassName}`}\n      ref={containerRef}\n      contentProp={contentProp}\n      propName={propName}\n      css={css}\n      {...props}\n    >\n      {children}\n    </StyledContainer>\n  )\n})\n\nContainerS.displayName = 'ContainerS'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","ContainerS","_ref4","collapsed","collapseHandler","children","className","css","props","containerRef","useRef","setContentProp","useState","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"0QAKA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAeC,IAAA,IAACC,SAAEA,GAAyDD,EAAA,OAAKC,CAAQ,EAExFC,EAA4CC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,eAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiBU,IAAA,IAACC,YAAEA,GAA4CD,EAAA,MAAAE,GAAAA,OAAQD,EAAW,KAAA,GAC/EX,GAAiBa,IAAA,IAACF,YAAEA,GAA4CE,EAAA,MAAAD,GAAAA,OAAQD,EAAW,KAAA,KAG3F,IAAAG,EAAAT,EAAAF,GAAAI,WAAA,CAAAC,YAAA,gDAAAC,YAAA,eAAAJ,CAAA,CAAA,GAAA,KAAAU,GAAAA,EAAAC,cAUWC,EAAiCb,GAAKc,IAE7B,IAF8BC,UAClDA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQnB,SAAEA,EAAW,SAAQoB,UAAEA,EAASC,IAAEA,KAAQC,GACvEN,EACf,MAAMO,EAAeC,KACdf,EAAagB,GAAkBC,EAAS,GAE/CC,GAAU,KACRT,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBU,GAAU,KACJJ,SAAAA,EAAcK,SAChBH,EAAgBF,EAAaK,QAAgBjC,EAAmBK,IAClE,GACC,CAACuB,EAAcvB,IAElB,IAAI6B,EAAoB,GASxB,OAPIZ,GAAaR,GAAbQ,MAA4BR,IAC9BoB,EAAoB,sCAEjBZ,GAAaR,GAAd,MAA6BA,IAC/BoB,EAAoB,oCAIpBC,MAAAC,cAAAnB,EAAAoB,EAAA,CACEZ,UAAS,GAAAV,OAAKU,OAASV,OAAImB,GAC3BI,IAAKV,EACLd,YAAaA,EACbT,SAAUA,GAENsB,EAAK,CAAAR,MADJO,IAGJF,EACe,IAItBJ,EAAWT,YAAc"}

package/dist/ui/esm/src/core/ui/components/container/Flex.js

@@ -1,2 +1,2 @@
-import{objectSpread2 as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as n}from"react";import i from"styled-components";var e={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},r=function(t){return t&&e[t]||t},o=n(i.div.withConfig({displayName:"Flex",componentId:"sc-19vq3db-0"})(["display:flex;position:relative;flex-direction:",";flex:",";flex-grow:",";flex-shrink:",";flex-basis:",";flex-wrap:",";gap:",";text-align:",";justify-content:",";align-items:",";align-self:",";margin:",";padding:",";width:",";height:",";max-width:",";max-height:",";min-width:",";min-height:",";border-radius:",";"],(function(t){return t.direction||"row"}),(function(t){var n=t.flex;return void 0!==n?n:"0"}),(function(t){var n=t.flexGrow;return void 0!==n?n:"0"}),(function(t){var n=t.flexShrink;return void 0!==n?n:"0"}),(function(t){return t.flexBasis||"auto"}),(function(t){return t.flexWrap||"nowrap"}),(function(t){var n=t.gap;return void 0!==n?n:"0"}),(function(t){return t.alignText||"left"}),(function(t){var n=t.justify;return r(n)||"flex-start"}),(function(t){var n=t.align;return r(n)||"flex-start"}),(function(t){return t.alignSelf||"auto"}),(function(t){return t.margin||"0"}),(function(t){return t.padding||"0"}),(function(t){return t.width||"auto"}),(function(t){return t.height||"auto"}),(function(t){return t.maxWidth||"none"}),(function(t){return t.maxHeight||"none"}),(function(t){var n=t.minWidth;return n||"0"===n?n:"0"}),(function(t){return t.minHeight||"0"}),(function(t){return t.borderRadius||"initial"}))),a=n(i(o).attrs((function(n){return t({width:n.width||"100%",height:n.height||"100%",justify:n.justify||"center",align:n.align||"center"},n)})).withConfig({displayName:"Flex__FlexWrapper",componentId:"sc-19vq3db-1"})([""])),u=n(i(o).attrs((function(n){return t({width:"initial"},n)})).withConfig({displayName:"Flex__FlexTight",componentId:"sc-19vq3db-2"})([""])),f=n(i(o).attrs((function(n){return t({width:"initial",style:{text:"blue",padding:"1rem",border:"1px solid green"}},n)})).withConfig({displayName:"Flex__FlexTightStyled",componentId:"sc-19vq3db-3"})([""]));export{o as Flex,u as FlexTight,f as FlexTightStyled,a as FlexWrapper};
+import{memo as t}from"react";import e from"styled-components";const i={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},r=t=>t&&i[t]||t,n=t(e.div.withConfig({displayName:"Flex",componentId:"sc-19vq3db-0"})(["display:flex;position:relative;flex-direction:",";flex:",";flex-grow:",";flex-shrink:",";flex-basis:",";flex-wrap:",";gap:",";text-align:",";justify-content:",";align-items:",";align-self:",";margin:",";padding:",";width:",";height:",";max-width:",";max-height:",";min-width:",";min-height:",";border-radius:",";"],(t=>{let{direction:e}=t;return e||"row"}),(t=>{let{flex:e}=t;return void 0!==e?e:"0"}),(t=>{let{flexGrow:e}=t;return void 0!==e?e:"0"}),(t=>{let{flexShrink:e}=t;return void 0!==e?e:"0"}),(t=>{let{flexBasis:e}=t;return e||"auto"}),(t=>{let{flexWrap:e}=t;return e||"nowrap"}),(t=>{let{gap:e}=t;return void 0!==e?e:"0"}),(t=>{let{alignText:e}=t;return e||"left"}),(t=>{let{justify:e}=t;return r(e)||"flex-start"}),(t=>{let{align:e}=t;return r(e)||"flex-start"}),(t=>{let{alignSelf:e}=t;return e||"auto"}),(t=>{let{margin:e}=t;return e||"0"}),(t=>{let{padding:e}=t;return e||"0"}),(t=>{let{width:e}=t;return e||"auto"}),(t=>{let{height:e}=t;return e||"auto"}),(t=>{let{maxWidth:e}=t;return e||"none"}),(t=>{let{maxHeight:e}=t;return e||"none"}),(t=>{let{minWidth:e}=t;return e||"0"===e?e:"0"}),(t=>{let{minHeight:e}=t;return e||"0"}),(t=>{let{borderRadius:e}=t;return e||"initial"}))),l=t(e(n).attrs((t=>({width:t.width||"100%",height:t.height||"100%",justify:t.justify||"center",align:t.align||"center",...t}))).withConfig({displayName:"Flex__FlexWrapper",componentId:"sc-19vq3db-1"})([""])),a=t(e(n).attrs((t=>({width:"initial",...t}))).withConfig({displayName:"Flex__FlexTight",componentId:"sc-19vq3db-2"})([""])),d=t(e(n).attrs((t=>({width:"initial",style:{text:"blue",padding:"1rem",border:"1px solid green"},...t}))).withConfig({displayName:"Flex__FlexTightStyled",componentId:"sc-19vq3db-3"})([""]));export{n as Flex,a as FlexTight,d as FlexTightStyled,l as FlexWrapper};
 //# sourceMappingURL=Flex.js.map

package/dist/ui/esm/src/core/ui/components/container/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n  flex?: string\n  flexGrow?: string | number\n  alignText?: 'center' | 'right' | 'left'\n  direction?: string\n  flexShrink?: string | number\n  flexBasis?: string\n  flexWrap?: string\n  justify?: string\n  align?: string\n  alignSelf?: string\n  margin?: string\n  padding?: string\n  width?: string\n  height?: string\n  maxWidth?: string\n  maxHeight?: string\n  minWidth?: string\n  minHeight?: string\n  gap?: string\n  css?: string\n  borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n  {\n    width: props.width || '100%',\n    height: props.height || '100%',\n    justify: props.justify || 'center',\n    align: props.align || 'center',\n    ...props,\n  }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  width: 'initial',\n  ...props,\n}))``)\n\nexport const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  width: 'initial',\n  style: {\n    text: 'blue',\n    padding: '1rem',\n    border: '1px solid green',\n  },\n  ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","withConfig","displayName","componentId","_ref","direction","_ref2","flex","undefined","_ref3","flexGrow","_ref4","flexShrink","_ref5","flexBasis","_ref6","flexWrap","_ref7","gap","_ref8","alignText","_ref9","justify","_ref10","align","_ref11","alignSelf","_ref12","margin","_ref13","padding","_ref14","width","_ref15","height","_ref16","maxWidth","_ref17","maxHeight","_ref18","minWidth","_ref19","minHeight","_ref20","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","FlexTightStyled","style","text","border"],"mappings":"mJA2BA,IAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAEnGC,EAAOC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,OAAAC,YAAA,gBAAVJ,CAAU,CAAA,iDAAA,SAAA,cAAA,gBAAA,eAAA,cAAA,QAAA,eAAA,oBAAA,gBAAA,eAAA,WAAA,YAAA,UAAA,WAAA,cAAA,eAAA,cAAA,eAAA,kBAAA,MAGf,SAAAK,GAAY,OAAAA,EAATC,WAAiD,KAAK,IACnE,SAAAC,GAAA,IAAGC,EAAID,EAAJC,KAAI,YAAqCC,IAATD,EAAqBA,EAAO,GAAG,IAC7D,SAAAE,GAAA,IAAGC,EAAQD,EAARC,SAAQ,YAAyCF,IAAbE,EAAyBA,EAAW,GAAG,IAC5E,SAAAC,GAAA,IAAGC,EAAUD,EAAVC,WAAU,YAA2CJ,IAAfI,EAA2BA,EAAa,GAAG,IACrF,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC3D,SAAAC,GAAW,OAAAA,EAARC,UAA+C,QAAQ,IAChE,SAAAC,GAAA,IAAGC,EAAGD,EAAHC,IAAG,YAAoCV,IAARU,EAAoBA,EAAM,GAAG,IACxD,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IACrD,SAAAC,GAAA,IAAGC,EAAOD,EAAPC,QAAO,OAA2B3B,EAAiB2B,IAAY,YAAY,IAClF,SAAAC,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAA2B7B,EAAiB6B,IAAU,YAAY,IAC3E,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC9D,SAAAC,GAAS,OAAAA,EAANC,QAA2C,GAAG,IAChD,SAAAC,GAAU,OAAAA,EAAPC,SAA6C,GAAG,IACrD,SAAAC,GAAQ,OAAAA,EAALC,OAAyC,MAAM,IACjD,SAAAC,GAAS,OAAAA,EAANC,QAA2C,MAAM,IACjD,SAAAC,GAAW,OAAAA,EAARC,UAA+C,MAAM,IACvD,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC3D,SAAAC,GAAA,IAAGC,EAAQD,EAARC,SAAQ,OAA6BA,GAAyB,MAAbA,EAAoBA,EAAW,GAAG,IACrF,SAAAC,GAAY,OAAAA,EAATC,WAAiD,GAAG,IACpD,SAAAC,GAAe,OAAAA,EAAZC,cAAuD,SAAS,KAIzEC,EAAc/C,EAAKC,EAAOF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,EAAA,CAEzEhB,MAAOe,EAAMf,OAAS,OACtBE,OAAQa,EAAMb,QAAU,OACxBZ,QAASyB,EAAMzB,SAAW,SAC1BE,MAAOuB,EAAMvB,OAAS,UACnBuB,EAAK,IAEV9C,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAR8BJ,CAQ9B,CAAA,MAEWkD,EAAYnD,EAAKC,EAAOF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,EAAA,CACzEhB,MAAO,WACJe,EAAK,IACP9C,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAH2BJ,CAG3B,CAAA,MAEUmD,EAAkBpD,EAAKC,EAAOF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,EAAA,CAC/EhB,MAAO,UACPmB,MAAO,CACLC,KAAM,OACNtB,QAAS,OACTuB,OAAQ,oBAEPN,EAAK,IACP9C,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBARiCJ,CAQjC,CAAA"}
+{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n  flex?: string\n  flexGrow?: string | number\n  alignText?: 'center' | 'right' | 'left'\n  direction?: string\n  flexShrink?: string | number\n  flexBasis?: string\n  flexWrap?: string\n  justify?: string\n  align?: string\n  alignSelf?: string\n  margin?: string\n  padding?: string\n  width?: string\n  height?: string\n  maxWidth?: string\n  maxHeight?: string\n  minWidth?: string\n  minHeight?: string\n  gap?: string\n  css?: string\n  borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n  {\n    width: props.width || '100%',\n    height: props.height || '100%',\n    justify: props.justify || 'center',\n    align: props.align || 'center',\n    ...props,\n  }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  width: 'initial',\n  ...props,\n}))``)\n\nexport const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  width: 'initial',\n  style: {\n    text: 'blue',\n    padding: '1rem',\n    border: '1px solid green',\n  },\n  ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","withConfig","displayName","componentId","_ref","direction","_ref2","flex","undefined","_ref3","flexGrow","_ref4","flexShrink","_ref5","flexBasis","_ref6","flexWrap","_ref7","gap","_ref8","alignText","_ref9","justify","_ref10","align","_ref11","alignSelf","_ref12","margin","_ref13","padding","_ref14","width","_ref15","height","_ref16","maxWidth","_ref17","maxHeight","_ref18","minWidth","_ref19","minHeight","_ref20","borderRadius","FlexWrapper","attrs","props","FlexTight","FlexTightStyled","style","text","border"],"mappings":"8DA2BA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAE9FC,EAAOC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,OAAAC,YAAA,gBAAVJ,CAAU,CAAA,iDAAA,SAAA,cAAA,gBAAA,eAAA,cAAA,QAAA,eAAA,oBAAA,gBAAA,eAAA,WAAA,YAAA,UAAA,WAAA,cAAA,eAAA,cAAA,eAAA,kBAAA,MAGfK,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,KAAK,IACnEC,IAAA,IAACC,KAAEA,GAA0BD,EAAA,YAAeE,IAATD,EAAqBA,EAAO,GAAG,IAC7DE,IAAA,IAACC,SAAEA,GAA8BD,EAAA,YAAmBD,IAAbE,EAAyBA,EAAW,GAAG,IAC5EC,IAAA,IAACC,WAAEA,GAAgCD,EAAA,YAAqBH,IAAfI,EAA2BA,EAAa,GAAG,IACrFC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC3DC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAKC,GAAY,QAAQ,IAChEC,IAAA,IAACC,IAAEA,GAAyBD,EAAA,YAAcT,IAARU,EAAoBA,EAAM,GAAG,IACxDC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IACrDC,IAAA,IAACC,QAAEA,GAA6BD,EAAA,OAAK1B,EAAiB2B,IAAY,YAAY,IAClFC,IAAA,IAACC,MAAEA,GAA2BD,EAAA,OAAK5B,EAAiB6B,IAAU,YAAY,IAC3EC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC9DC,IAAA,IAACC,OAAEA,GAA4BD,EAAA,OAAKC,GAAU,GAAG,IAChDC,IAAA,IAACC,QAAEA,GAA6BD,EAAA,OAAKC,GAAW,GAAG,IACrDC,IAAA,IAACC,MAAEA,GAA2BD,EAAA,OAAKC,GAAS,MAAM,IACjDC,IAAA,IAACC,OAAEA,GAA4BD,EAAA,OAAKC,GAAU,MAAM,IACjDC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAKC,GAAY,MAAM,IACvDC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC3DC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAOC,GAAyB,MAAbA,EAAoBA,EAAW,GAAG,IACrFC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,GAAG,IACpDC,IAAA,IAACC,aAAEA,GAAkCD,EAAA,OAAKC,GAAgB,SAAS,KAIzEC,EAAc/C,EAAKC,EAAOF,GAAMiD,OAAOC,IAClD,CACEf,MAAOe,EAAMf,OAAS,OACtBE,OAAQa,EAAMb,QAAU,OACxBZ,QAASyB,EAAMzB,SAAW,SAC1BE,MAAOuB,EAAMvB,OAAS,YACnBuB,MAEL9C,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAR8BJ,CAQ9B,CAAA,MAEWiD,EAAYlD,EAAKC,EAAOF,GAAMiD,OAAOC,IAA+B,CAC/Ef,MAAO,aACJe,MACF9C,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAH2BJ,CAG3B,CAAA,MAEUkD,EAAkBnD,EAAKC,EAAOF,GAAMiD,OAAOC,IAA+B,CACrFf,MAAO,UACPkB,MAAO,CACLC,KAAM,OACNrB,QAAS,OACTsB,OAAQ,sBAEPL,MACF9C,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBARiCJ,CAQjC,CAAA"}

package/dist/ui/esm/src/core/ui/components/container/LayoutBox.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as t,extends as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as a,forwardRef as o,useMemo as s}from"react";import{useParseProps as l}from"../../../hooks/useParseProps.js";import n from"./layoutBox.module.scss.js";var i=["style","children","tabIndex","className"],c={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},d=function(e){return e&&c[e]||e},f=o((function(a,o){var c=a.style,f=a.children,u=a.tabIndex,m=a.className,x=void 0===m?"":m,p=e(a,i),y=l(p),j=y.dataProps,b=y.restProps,v=s((function(){return t(t(t(t(t({},b),b.align?{alignItems:d(b.align)}:{}),b.justify?{justifyContent:d(b.justify)}:{}),b.direction?{flexDirection:b.direction}:{}),c)}),[b,c]);return React.createElement("div",r({ref:o,tabIndex:u,className:"".concat(n["flexible-box"]," ").concat(x),style:v},j),f)}));f.displayName="LayoutBoxRefForwarded";var u=a(f);u.displayName="LayoutBox";export{u as LayoutBox};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,forwardRef as s,useMemo as o}from"react";import{useParseProps as a}from"../../../hooks/useParseProps.js";import r from"./layoutBox.module.scss.js";const l={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},n=e=>e&&l[e]||e,i=s(((t,s)=>{let{style:l,children:i,tabIndex:c,className:d="",...f}=t;const{dataProps:x,restProps:m}=a(f),p=o((()=>({...m,...m.align?{alignItems:n(m.align)}:{},...m.justify?{justifyContent:n(m.justify)}:{},...m.direction?{flexDirection:m.direction}:{},...l})),[m,l]);return React.createElement("div",e({ref:s,tabIndex:c,className:"".concat(r["flexible-box"]," ").concat(d),style:p},x),i)}));i.displayName="LayoutBoxRefForwarded";const c=t(i);c.displayName="LayoutBox";export{c as LayoutBox};
 //# sourceMappingURL=LayoutBox.js.map

package/dist/ui/esm/src/core/ui/components/container/LayoutBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst LayoutBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction ? { flexDirection: restProps.direction } : {}),\n      ...style,\n    }\n  ), [restProps, style])\n\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\n\nLayoutBox.displayName = 'LayoutBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","_ref$className","className","props","_objectWithoutProperties","_excluded","_useParseProps","useParseProps","dataProps","restProps","styles","useMemo","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","LayoutBox","memo"],"mappings":"4ZAQMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAwBC,GAAW,SAAAC,EAEtBC,GAA+C,IADhEC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAR,EAAAS,GAEnDC,EAAiCC,EAAcJ,GAAvCK,EAASF,EAATE,UAAWC,EAASH,EAATG,UAEbC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,KAEhBH,GACCA,EAAUI,MAAQ,CAAEC,WAAYtB,EAAiBiB,EAAUI,QAAqB,CAAE,GAClFJ,EAAUM,QAAU,CAAEC,eAAgBxB,EAAiBiB,EAAUM,UAAuB,CAAE,GAC1FN,EAAUQ,UAAY,CAAEC,cAAeT,EAAUQ,WAAc,CAAE,GAClEnB,EAAK,GAET,CAACW,EAAWX,IAEf,OACEqB,MAAAC,cAAA,MAAAC,EAAA,CACExB,IAAKA,EACLG,SAAUA,EACVE,UAAS,GAAAoB,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIpB,GAClDJ,MAAOY,GACHF,GAEHT,EAGP,IAEAL,EAAsB8B,YAAc,4BAEvBC,EAAgCC,EAAqBhC,GAGlE+B,EAAUD,YAAc"}
+{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst LayoutBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction ? { flexDirection: restProps.direction } : {}),\n      ...style,\n    }\n  ), [restProps, style])\n\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\n\nLayoutBox.displayName = 'LayoutBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","className","props","dataProps","restProps","useParseProps","styles","useMemo","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","LayoutBox","memo"],"mappings":"mPAQA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAGrGC,EAAwBC,GAAW,CAAAC,EAEtBC,KAA+C,IAFxBC,MACxCA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,MAAOC,GAC/BN,EACf,MAAMO,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GAEzCI,EAASC,GAAQ,KACrB,IACKH,KACCA,EAAUI,MAAQ,CAAEC,WAAYjB,EAAiBY,EAAUI,QAAqB,MAChFJ,EAAUM,QAAU,CAAEC,eAAgBnB,EAAiBY,EAAUM,UAAuB,MACxFN,EAAUQ,UAAY,CAAEC,cAAeT,EAAUQ,WAAc,MAChEd,KAEJ,CAACM,EAAWN,IAEf,OACEgB,MAAAC,cAAA,MAAAC,EAAA,CACEnB,IAAKA,EACLG,SAAUA,EACVC,UAAS,GAAAgB,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIhB,GAClDH,MAAOQ,GACHH,GAEHJ,EACG,IAIVL,EAAsByB,YAAc,8BAEvBC,EAAgCC,EAAqB3B,GAGlE0B,EAAUD,YAAc"}

package/dist/ui/esm/src/core/ui/components/container/Placeholder.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as r,extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"styled-components";import{memo as t}from"react";import{FlexWrapper as c}from"./Flex.js";var n=["title","border","background","onClick","cssProp","children"],l=t((function(o){var t=o.title,c=o.border,l=o.background,i=o.onClick,a=o.cssProp,d=o.children,p=r(o,n);return React.createElement(s,e({onClick:i},p,{$_css:c||"border: 1px solid #999999;",$_css2:l||"background-color: rgba(0, 120, 255, 0.2);",$_css3:a}),t&&React.createElement("h2",null,t),d&&d)}));l.displayName="Placeholder";var s=o(c).withConfig({displayName:"Placeholder___StyledFlexWrapper",componentId:"sc-ozx0bx-0"})([""," "," ",""],(function(r){return r.$_css}),(function(r){return r.$_css2}),(function(r){return r.$_css3}));export{l as Placeholder};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"styled-components";import{memo as o}from"react";import{FlexWrapper as l}from"./Flex.js";const s=o((r=>{let{title:o,border:l,background:s,onClick:t,cssProp:a,children:n,...i}=r;return React.createElement(c,e({onClick:t},i,{$_css:l||"border: 1px solid #999999;",$_css2:s||"background-color: rgba(0, 120, 255, 0.2);",$_css3:a}),o&&React.createElement("h2",null,o),n&&n)}));s.displayName="Placeholder";var c=r(l).withConfig({displayName:"Placeholder___StyledFlexWrapper",componentId:"sc-ozx0bx-0"})([""," "," ",""],(e=>e.$_css),(e=>e.$_css2),(e=>e.$_css3));export{s as Placeholder};
 //# sourceMappingURL=Placeholder.js.map

package/dist/ui/esm/src/core/ui/components/container/Placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","sources":["../../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"sourcesContent":["import { FC, memo, PropsWithChildren } from 'react'\n\nimport { FlexWrapper, FlexProps } from './Flex'\n\nexport type PlaceholderProps = FlexProps & PropsWithChildren<unknown> & {\n  title?: string\n  cssProp?: string\n  background?: string\n  border?: string\n  onClick?: () => void\n}\n\nexport const Placeholder: FC<PlaceholderProps>\n= memo<PlaceholderProps>(({ title, border, background, onClick, cssProp, children, ...props }: PlaceholderProps) => (\n  <FlexWrapper\n    css={`\n      ${border || 'border: 1px solid #999999;'}\n      ${background || 'background-color: rgba(0, 120, 255, 0.2);'}\n      ${cssProp}\n    `}\n    onClick={onClick}\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    {...props}\n  >\n    {title && (<h2>{title}</h2>)}\n    {children && children}\n  </FlexWrapper>\n))\n\nPlaceholder.displayName = 'Placeholder'\n"],"names":["Placeholder","memo","_ref","title","border","background","onClick","cssProp","children","props","_objectWithoutProperties","_excluded","React","createElement","_StyledFlexWrapper","_extends","$_css","$_css2","$_css3","displayName","_styled","FlexWrapper","withConfig","componentId","p"],"mappings":"uRAYaA,EACXC,GAAuB,SAAAC,GAAA,IAAGC,EAAKD,EAALC,MAAOC,EAAMF,EAANE,OAAQC,EAAUH,EAAVG,WAAYC,EAAOJ,EAAPI,QAASC,EAAOL,EAAPK,QAASC,EAAQN,EAARM,SAAaC,EAAKC,EAAAR,EAAAS,GAAA,OACzFC,MAAAC,cAAAC,EAAAC,EAAA,CAMET,QAASA,GAELG,EAAK,CAAAO,MANLZ,GAAU,6BAA4Ba,OACtCZ,GAAc,4CAA2Ca,OACzDX,IAMHJ,GAAUS,MAAAC,cAAA,KAAA,KAAKV,GACfK,GAAYA,EACD,IAGhBR,EAAYmB,YAAc,cAAa,IAAAL,EAAAM,EAAAC,GAAAC,WAAA,CAAAH,YAAA,kCAAAI,YAAA,eAAAH,CAAA,CAAA,GAAA,IAAA,IAAA,KAAA,SAAAI,GAAA,OAAAA,EAAAR,KAAA,IAAA,SAAAQ,GAAA,OAAAA,EAAAP,MAAA,IAAA,SAAAO,GAAA,OAAAA,EAAAN,MAAA"}
+{"version":3,"file":"Placeholder.js","sources":["../../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"sourcesContent":["import { FC, memo, PropsWithChildren } from 'react'\n\nimport { FlexWrapper, FlexProps } from './Flex'\n\nexport type PlaceholderProps = FlexProps & PropsWithChildren<unknown> & {\n  title?: string\n  cssProp?: string\n  background?: string\n  border?: string\n  onClick?: () => void\n}\n\nexport const Placeholder: FC<PlaceholderProps>\n= memo<PlaceholderProps>(({ title, border, background, onClick, cssProp, children, ...props }: PlaceholderProps) => (\n  <FlexWrapper\n    css={`\n      ${border || 'border: 1px solid #999999;'}\n      ${background || 'background-color: rgba(0, 120, 255, 0.2);'}\n      ${cssProp}\n    `}\n    onClick={onClick}\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    {...props}\n  >\n    {title && (<h2>{title}</h2>)}\n    {children && children}\n  </FlexWrapper>\n))\n\nPlaceholder.displayName = 'Placeholder'\n"],"names":["Placeholder","memo","_ref","title","border","background","onClick","cssProp","children","props","React","createElement","_StyledFlexWrapper","_extends","$_css","$_css2","$_css3","displayName","_styled","FlexWrapper","withConfig","componentId","p"],"mappings":"qLAYaA,MAAAA,EACXC,GAAuBC,IAAA,IAACC,MAAEA,EAAKC,OAAEA,EAAMC,WAAEA,EAAUC,QAAEA,EAAOC,QAAEA,EAAOC,SAAEA,KAAaC,GAAyBP,EAAA,OAC7GQ,MAAAC,cAAAC,EAAAC,EAAA,CAMEP,QAASA,GAELG,EAAK,CAAAK,MANLV,GAAU,6BAA4BW,OACtCV,GAAc,4CAA2CW,OACzDT,IAMHJ,GAAUO,MAAAC,cAAA,KAAA,KAAKR,GACfK,GAAYA,EACD,IAGhBR,EAAYiB,YAAc,cAAa,IAAAL,EAAAM,EAAAC,GAAAC,WAAA,CAAAH,YAAA,kCAAAI,YAAA,eAAAH,CAAA,CAAA,GAAA,IAAA,IAAA,KAAAI,GAAAA,EAAAR,QAAAQ,GAAAA,EAAAP,SAAAO,GAAAA,EAAAN"}

package/dist/ui/esm/src/core/ui/components/container/ResizableContainer.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,slicedToArray as t,extends as i}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as n,useRef as l,useState as o,useMemo as r,useLayoutEffect as d}from"react";import h from"../../../../../node_modules/lodash-es/debounce.js";import{LayoutBox as u}from"./LayoutBox.js";var c=["children","debounceDelay"],a={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},v=n((function(n){var v=n.children,s=n.debounceDelay,m=void 0===s?250:s,g=e(n,c),p=l(),w=l({width:0,height:0}),f=o({width:void 0,height:void 0}),b=t(f,2),x=b[0],y=b[1],R=r((function(){return h((function(e){var t,i,n,l,o=e[0].contentRect.width,r=e[0].contentRect.height;(null===(t=w.current)||void 0===t?void 0:t.width)===o&&(null===(i=w.current)||void 0===i?void 0:i.height)===r||(w.current={width:o,height:r},y({width:null==p||null===(n=p.current)||void 0===n?void 0:n.clientWidth,height:null==p||null===(l=p.current)||void 0===l?void 0:l.clientHeight}))}),m)}),[m]);return d((function(){var e,t,i,n;null!=p&&p.current&&(t=null==p?void 0:p.current,(e=new ResizeObserver(R)).observe(t),y({width:null==p||null===(i=p.current)||void 0===i?void 0:i.clientWidth,height:null==p||null===(n=p.current)||void 0===n?void 0:n.clientHeight}));return function(){var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)}}),[R,p]),React.createElement(u,i({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},g),React.createElement(u,{style:a.main,width:"100%",height:"100%",ref:p}),!v&&React.createElement(u,{width:"".concat(Math.max((null==x?void 0:x.width)||200,200)||200,"px"),height:"".concat(Math.max((null==x?void 0:x.height)||200,200)||200,"px"),style:a.empty}),v&&(null==v?void 0:v({height:"".concat((null==x?void 0:x.height)||200,"px"),width:"".concat((null==x?void 0:x.width)||200,"px"),measured:!(null==x||!x.height)})))}));v.displayName="ResizableContainer";export{v as ResizableContainer};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as t,useRef as i,useState as n,useMemo as l,useLayoutEffect as o}from"react";import r from"../../../../../node_modules/lodash-es/debounce.js";import{LayoutBox as d}from"./LayoutBox.js";const h={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},c=t((t=>{let{children:c,debounceDelay:u=250,...a}=t;const s=i(),v=i({width:0,height:0}),[m,g]=n({width:void 0,height:void 0}),p=l((()=>r((e=>{var t,i,n,l;const o=e[0].contentRect.width,r=e[0].contentRect.height;(null===(t=v.current)||void 0===t?void 0:t.width)===o&&(null===(i=v.current)||void 0===i?void 0:i.height)===r||(v.current={width:o,height:r},g({width:null==s||null===(n=s.current)||void 0===n?void 0:n.clientWidth,height:null==s||null===(l=s.current)||void 0===l?void 0:l.clientHeight}))}),u)),[u]);return o((()=>{let e,t;var i,n;null!=s&&s.current&&(t=null==s?void 0:s.current,e=new ResizeObserver(p),e.observe(t),g({width:null==s||null===(i=s.current)||void 0===i?void 0:i.clientWidth,height:null==s||null===(n=s.current)||void 0===n?void 0:n.clientHeight}));return()=>{var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)}}),[p,s]),React.createElement(d,e({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},a),React.createElement(d,{style:h.main,width:"100%",height:"100%",ref:s}),!c&&React.createElement(d,{width:"".concat(Math.max((null==m?void 0:m.width)||200,200)||200,"px"),height:"".concat(Math.max((null==m?void 0:m.height)||200,200)||200,"px"),style:h.empty}),c&&(null==c?void 0:c({height:"".concat((null==m?void 0:m.height)||200,"px"),width:"".concat((null==m?void 0:m.width)||200,"px"),measured:!(null==m||!m.height)})))}));c.displayName="ResizableContainer";export{c as ResizableContainer};
 //# sourceMappingURL=ResizableContainer.js.map

package/dist/ui/esm/src/core/ui/components/container/ResizableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, useState, useRef, useMemo, useLayoutEffect, RefObject, PropsWithChildren } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nimport { LayoutBox } from './LayoutBox'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 111,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const containerRef = useRef<HTMLDivElement>()\n\n    const lastResizeWidthRef = useRef<{ width: number; height: number }>({ width: 0, height: 0 })\n\n    const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n    const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n      const newResizeWidth = entries[0].contentRect.width\n      const newResizeHeight = entries[0].contentRect.height\n\n      if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n        return\n      }\n      lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }, debounceDelay), [debounceDelay])\n\n    useLayoutEffect(() => {\n      let resizeObserver: ResizeObserver\n      let containerElement: HTMLElement\n\n      if (containerRef?.current) {\n        containerElement = containerRef?.current\n        resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n        resizeObserver.observe(containerElement as Element)\n\n        setContainerSize({\n          width: containerRef?.current?.clientWidth,\n          height: containerRef?.current?.clientHeight,\n        })\n      }\n      return () => {\n        resizeObserver?.unobserve?.(containerElement as Element)\n      }\n    }, [debouncedResizeWrapper, containerRef])\n\n    // END RESIZING\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","_ref$debounceDelay","debounceDelay","props","_objectWithoutProperties","_excluded","containerRef","useRef","lastResizeWidthRef","width","height","_useState","useState","undefined","_useState2","_slicedToArray","containerSize","setContainerSize","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","_resizeObserver","_resizeObserver$unobs","unobserve","call","React","createElement","LayoutBox","_extends","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"uWAmBMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,IACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAqBC,GAChC,SAAAC,GAA0E,IAAvEC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAAKE,EAAKC,EAAAL,EAAAM,GAClCC,EAAeC,IAEfC,EAAqBD,EAA0C,CAAEE,MAAO,EAAGC,OAAQ,IAEzFC,EACEC,EAAsB,CAAEH,WAAOI,EAAWH,YAAQG,IAAYC,EAAAC,EAAAJ,EAAA,GADzDK,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAGhCI,EAAyBC,GAAQ,WAAA,OAAMC,GAAS,SAACC,GAAY,IAAAC,EAAAC,EAAAC,EAAAC,EAC3DC,EAAiBL,EAAQ,GAAGM,YAAYlB,MACxCmB,EAAkBP,EAAQ,GAAGM,YAAYjB,QAEjBY,QAA1BA,EAAAd,EAAmBqB,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4Bb,SAAUiB,IACb,QAA1BH,EAAAf,EAAmBqB,eAAO,IAAAN,OAAA,EAA1BA,EAA4Bb,UAAWkB,IAG1CpB,EAAmBqB,QAAU,CAAEpB,MAAOiB,EAAgBhB,OAAQkB,GAE9DX,EAAiB,CACfR,MAAOH,SAAqBkB,QAATA,EAAZlB,EAAcuB,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BpB,OAAQJ,SAAqB,QAATmB,EAAZnB,EAAcuB,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAElC,GAAE7B,KAAgB,CAACA,IAuBpB,OArBA8B,GAAgB,WACd,IAAIC,EACAC,EAEuBC,EAAAC,EAAvB9B,SAAAA,EAAcuB,UAChBK,EAAmB5B,aAAAA,EAAAA,EAAcuB,SACjCI,EAAiB,IAAII,eAAenB,IACrBoB,QAAQJ,GAEvBjB,EAAiB,CACfR,MAAOH,SAAqB6B,QAATA,EAAZ7B,EAAcuB,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BpB,OAAQJ,SAAqB,QAAT8B,EAAZ9B,EAAcuB,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAGnC,OAAO,WAAM,IAAAQ,EAAAC,EACG,QAAdD,EAAAN,SAAcO,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BL,GAEhC,GAAG,CAAChB,EAAwBZ,IAK1BqC,MAAAC,cAACC,EAASC,EAAA,CACRrC,MAAM,OACNC,OAAO,OACPqC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACN9C,GAEJwC,MAAAC,cAACC,EAAS,CACRK,MAAO5D,EAAOC,KACdkB,MAAM,OACNC,OAAO,OACPyC,IAAK7C,KAELN,GACF2C,MAAAC,cAACC,EAAS,CACRpC,MAAK,GAAA2C,OAAKC,KAAKC,KAAItC,eAAAA,EAAeP,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAA0C,OAAKC,KAAKC,KAAItC,eAAAA,EAAeN,SAAU,IAAK,MAAQ,IAAQ,MAClEwC,MAAO5D,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBU,OAAM0C,GAAAA,QAAKpC,aAAa,EAAbA,EAAeN,SAAU,IAAO,MAC3CD,MAAK2C,GAAAA,QAAKpC,aAAa,EAAbA,EAAeP,QAAS,IAAO,MACzC8C,WAAYvC,UAAAA,EAAeN,WAInC,IAGFb,EAAmB2D,YAAc"}
+{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, useState, useRef, useMemo, useLayoutEffect, RefObject, PropsWithChildren } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nimport { LayoutBox } from './LayoutBox'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 111,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const containerRef = useRef<HTMLDivElement>()\n\n    const lastResizeWidthRef = useRef<{ width: number; height: number }>({ width: 0, height: 0 })\n\n    const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n    const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n      const newResizeWidth = entries[0].contentRect.width\n      const newResizeHeight = entries[0].contentRect.height\n\n      if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n        return\n      }\n      lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }, debounceDelay), [debounceDelay])\n\n    useLayoutEffect(() => {\n      let resizeObserver: ResizeObserver\n      let containerElement: HTMLElement\n\n      if (containerRef?.current) {\n        containerElement = containerRef?.current\n        resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n        resizeObserver.observe(containerElement as Element)\n\n        setContainerSize({\n          width: containerRef?.current?.clientWidth,\n          height: containerRef?.current?.clientHeight,\n        })\n      }\n      return () => {\n        resizeObserver?.unobserve?.(containerElement as Element)\n      }\n    }, [debouncedResizeWrapper, containerRef])\n\n    // END RESIZING\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","useRef","lastResizeWidthRef","width","height","containerSize","setContainerSize","useState","undefined","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","_resizeObserver","_resizeObserver$unobs","unobserve","call","React","createElement","LayoutBox","_extends","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"wWAmBA,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,IACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAqBC,GAChCC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAMI,EAAeC,IAEfC,EAAqBD,EAA0C,CAAEE,MAAO,EAAGC,OAAQ,KAElFC,EAAeC,GACpBC,EAAsB,CAAEJ,WAAOK,EAAWJ,YAAQI,IAE9CC,EAAyBC,GAAQ,IAAMC,GAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAX,EAAmBkB,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACb,QAA1BH,EAAAZ,EAAmBkB,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG1CjB,EAAmBkB,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,GAE9Db,EAAiB,CACfH,MAAOH,SAAqBe,QAATA,EAAZf,EAAcoB,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQJ,SAAqB,QAATgB,EAAZhB,EAAcoB,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACDxB,IAAgB,CAACA,IAuBpB,OArBAyB,GAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvB3B,SAAAA,EAAcoB,UAChBK,EAAmBzB,aAAAA,EAAAA,EAAcoB,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,GAEvBnB,EAAiB,CACfH,MAAOH,SAAqB0B,QAATA,EAAZ1B,EAAcoB,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQJ,SAAqB,QAAT2B,EAAZ3B,EAAcoB,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAGnC,MAAO,KAAM,IAAAQ,EAAAC,EACG,QAAdD,EAAAN,SAAcO,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BL,EAA4B,CACzD,GACA,CAAChB,EAAwBT,IAK1BkC,MAAAC,cAACC,EAASC,EAAA,CACRlC,MAAM,OACNC,OAAO,OACPkC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNzC,GAEJmC,MAAAC,cAACC,EAAS,CACRK,MAAOtD,EAAOC,KACde,MAAM,OACNC,OAAO,OACPsC,IAAK1C,KAELH,GACFqC,MAAAC,cAACC,EAAS,CACRjC,MAAK,GAAAwC,OAAKC,KAAKC,KAAIxC,eAAAA,EAAeF,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAuC,OAAKC,KAAKC,KAAIxC,eAAAA,EAAeD,SAAU,IAAK,MAAQ,IAAQ,MAClEqC,MAAOtD,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBO,OAAMuC,GAAAA,QAAKtC,aAAa,EAAbA,EAAeD,SAAU,IAAO,MAC3CD,MAAKwC,GAAAA,QAAKtC,aAAa,EAAbA,EAAeF,QAAS,IAAO,MACzC2C,WAAYzC,UAAAA,EAAeD,WAEnB,IAKlBV,EAAmBqD,YAAc"}

package/dist/ui/esm/src/core/ui/components/dividers/DividerLine.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as t,useMemo as i}from"react";import r from"./divider.module.scss.js";var a=t((function(e){var t=e.orientation,a=e.vertical,o=e.color,n=void 0===o?"#999999":o,l=e.opacity,c=e.length,d=void 0===c?"80%":c,s=e.left,v=void 0===s?"0":s,m=e.width,u=void 0===m?"1px":m,p=e.height,h=void 0===p?"1px":p,f=e.margin,g=e.className,y=void 0===g?"":g,N=i((function(){return"vertical"===t||!0===a}),[t,a]),j=i((function(){return{"--width":u,"--height":h,"--length":d,"--opacity":l,"--color":n,"--left":v,"--margin":f||(N?"auto 0":"0 auto")}}),[u,h,d,l,n,v,f,N]),x=N?r.vertical:r.horizontal;return React.createElement("div",{className:"".concat(r["divider-line"]," ").concat(x," ").concat(y),style:j})}));a.displayName="DividerLine";var o=t((function(t){return React.createElement(a,e({vertical:!0,length:"100%"},t))}));o.displayName="DividerVertical";var n=t((function(t){return React.createElement(a,e({length:"100%"},t))}));n.displayName="DividerHorizontal";export{n as DividerHorizontal,a as DividerLine,o as DividerVertical};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as i}from"react";import a from"./divider.module.scss.js";const l=t((e=>{let{orientation:t,vertical:l,color:r="#999999",opacity:o,length:c="80%",left:n="0",width:s="1px",height:m="1px",margin:d,className:p=""}=e;const h=i((()=>"vertical"===t||!0===l),[t,l]),v=i((()=>({"--width":s,"--height":m,"--length":c,"--opacity":o,"--color":r,"--left":n,"--margin":d||(h?"auto 0":"0 auto")})),[s,m,c,o,r,n,d,h]),g=h?a.vertical:a.horizontal;return React.createElement("div",{className:"".concat(a["divider-line"]," ").concat(g," ").concat(p),style:v})}));l.displayName="DividerLine";const r=t((t=>React.createElement(l,e({vertical:!0,length:"100%"},t))));r.displayName="DividerVertical";const o=t((t=>React.createElement(l,e({length:"100%"},t))));o.displayName="DividerHorizontal";export{o as DividerHorizontal,l as DividerLine,r as DividerVertical};
 //# sourceMappingURL=DividerLine.js.map

package/dist/ui/esm/src/core/ui/components/dividers/DividerLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = '#999999',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className = '',\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","_ref$color","color","opacity","_ref$length","length","_ref$left","left","_ref$width","width","_ref$height","height","margin","_ref$className","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"4OAmBaA,EAAgCC,GAAmB,SAAAC,GAQ5C,IAPlBC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SAAQC,EAAAH,EACrBI,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAOL,EAAPK,QAAOC,EAAAN,EACPO,OAAAA,OAAS,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EAAES,KAAAA,OAAO,IAAHD,EAAG,IAAGA,EAAAE,EAAAV,EAC1BW,MAAAA,OAAQ,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EAAEa,OAAAA,OAAS,IAAHD,EAAG,MAAKA,EAC7BE,EAAMd,EAANc,OAAMC,EAAAf,EACNgB,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAERE,EAAaC,GAAQ,WAAA,MAAsB,aAAhBjB,IAA2C,IAAbC,CAAiB,GAAE,CAACD,EAAaC,IAE1FiB,EAASD,GAAQ,WAAA,MACrB,CACE,UAAWP,EACX,WAAYE,EACZ,WAAYN,EACZ,YAAaF,EACb,UAAWD,EACX,SAAUK,EACV,WAAYK,IAAWG,EAAa,SAAW,UAChD,GACA,CAACN,EAAOE,EAAQN,EAAQF,EAASD,EAAOK,EAAMK,EAAQG,IAEnDG,EAAcH,EAAaI,EAAQnB,SAAWmB,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAASS,GAAAA,OAAMJ,EAAgB,gBAAeI,KAAAA,OAAIL,EAAW,KAAAK,OAAIT,GACjEU,MAAOP,GAGb,IAEArB,EAAY6B,YAAc,kBAEbC,EACT7B,GAAK,SAAC8B,GAAK,OAAKN,MAAAC,cAAC1B,EAAWgC,EAAA,CAAC5B,UAAQ,EAACK,OAAO,QAAWsB,GAAS,IACrED,EAAgBD,YAAc,sBAEjBI,EACThC,GAAK,SAAC8B,GAAK,OAAKN,MAAAC,cAAC1B,EAAWgC,EAAA,CAACvB,OAAO,QAAWsB,GAAS,IAC5DE,EAAkBJ,YAAc"}
+{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = '#999999',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className = '',\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"uKAmBaA,EAAgCC,GAAmBC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,UAASC,QACjBA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,GAAQ,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,GAAQ,KACrB,CACE,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAQb,SAAWa,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAASS,GAAAA,OAAMJ,EAAgB,gBAAeI,KAAAA,OAAIL,EAAW,KAAAK,OAAIT,GACjEU,MAAOP,GACP,IAINf,EAAYuB,YAAc,cAEbC,MAAAA,EACTvB,GAAMwB,GAAUN,MAAAC,cAACpB,EAAW0B,EAAA,CAACtB,UAAQ,EAACG,OAAO,QAAWkB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,EACT1B,GAAMwB,GAAUN,MAAAC,cAACpB,EAAW0B,EAAA,CAACnB,OAAO,QAAWkB,MACnDE,EAAkBJ,YAAc"}

package/dist/ui/esm/src/core/ui/components/field/Field.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,extends as t,typeof as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import a from"styled-components";import"../../../../../node_modules/core-js/modules/es.array.map.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as o,useCallback as i,useMemo as l}from"react";var c=["options","value","inputRef"],r=["label","name","type","value","defaultValue","placeholder","inputRef","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","className","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","options","css"],s=function(){return"#000000"},p=function(e){s=e},d=o((function(){return React.createElement("span",null)})),u=function(e){d=e},m=a.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(function(e){var t=e.disabled,n=e.userDisabled;return t||n?.5:1}),(function(e){var t=e.disabled,n=e.userDisabled;return t||n?"none":"auto"})),f=a(m).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(function(e){return e.$_css})),h=o((function(a){var o=a.options,i=a.value,l=a.inputRef,r=e(a,c);return React.createElement("div",{className:"select"},React.createElement("select",t({},r,{ref:l,defaultValue:i}),null==o?void 0:o.map((function(e){return React.createElement("option",{key:"".concat(JSON.stringify(e)),value:"object"===n(e)?null==e?void 0:e.value:e},"object"===n(e)?null==e?void 0:e.label:e)}))))})),b=a.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),g=a.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),v=a.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),x=o((function(n){var a=n.label,o=n.name,c=n.type,p=void 0===c?"text":c,u=n.value,m=n.defaultValue,x=n.placeholder,y=n.inputRef,w=n.error,C=n.disabled,R=n.userDisabled,N=n.withoutComponent,_=n.helpTextInfo,E=n.helpText,F=n.children,I=n.iconLeft,j=n.iconRight,k=n.addon,D=n.className,B=n.onChange,T=n.onChangeInner,L=n.onBlur,V=n.onFocus,z=n.rightIconClick,S=n.leftIconClick,W=n.options,K=n.css,P=e(n,r),$=b;F||"textarea"!==p||($=g);var A=i((function(e){var t;R?null==e||null===(t=e.preventDefault)||void 0===t||t.call(e):V&&V(e)}),[R,V]),H=i((function(e){R||(T&&null!=e&&e.target?(e.target.value=T(e.target.value),B&&B(e)):B&&B(e))}),[T,B,R]),J=l((function(){return void 0===u?{defaultValue:m}:{value:u}}),[u,m]);return React.createElement(f,{className:"field ".concat(D),error:w,disabled:C,userDisabled:R,$_css:K},React.createElement(v,{htmlFor:o,className:"label"},a),React.createElement("div",{className:"field ".concat(k?"has-addons":"")},React.createElement("div",{className:"control mainControl ".concat(I&&!N?"has-icons-left":""," ").concat(j?"has-icons-right":"")},!N&&(F||"select"!==p&&!W?!F&&React.createElement($,t({name:o,id:o,ref:y,className:"input ".concat(w?"is-danger":""),type:p,placeholder:x},J,{onChange:H,onBlur:L,onFocus:A,onKeyDown:A,autoComplete:"off",disabled:C},P)):React.createElement(h,t({name:o,id:o,inputRef:y,className:"input ".concat(w?"is-danger":""),type:"select",placeholder:x,value:u,options:W,onChange:B,onBlur:L,onFocus:A,onKeyDown:A,autoComplete:"off",disabled:C},P))),I&&!N&&React.createElement("span",{className:"iconLeft icon is-small is-left ".concat(S?"is-action":""),onClick:S},React.createElement(d,{iconName:I,color:s})),j&&React.createElement("span",{className:"iconRight icon is-small is-right ".concat(z?"is-action":""),onClick:z},React.createElement(d,{iconName:j,color:s})),F&&F),k&&k),_&&React.createElement("p",{className:"help"},_),E&&React.createElement("p",{className:"help ".concat(w?"is-danger":"")},E))}));x.displayName="Field";export{x as Field,m as FieldWrapper,h as Select,p as setIconColor,u as setIconComponent};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"styled-components";import{memo as a,useCallback as n,useMemo as o}from"react";let l=()=>"#000000";const i=e=>{l=e};let c=a((function(){return React.createElement("span",null)}));const r=e=>{c=e},s=t.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(e=>{let{disabled:t,userDisabled:a}=e;return t||a?.5:1}),(e=>{let{disabled:t,userDisabled:a}=e;return t||a?"none":"auto"}));var p=t(s).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(e=>e.$_css));const d=a((function(t){let{options:a,value:n,inputRef:o,...l}=t;return React.createElement("div",{className:"select"},React.createElement("select",e({},l,{ref:o,defaultValue:n}),null==a?void 0:a.map((e=>React.createElement("option",{key:"".concat(JSON.stringify(e)),value:"object"==typeof e?null==e?void 0:e.value:e},"object"==typeof e?null==e?void 0:e.label:e)))))})),m=t.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),u=t.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),f=t.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),h=a((t=>{let{label:a,name:i,type:r="text",value:s,defaultValue:h,placeholder:b,inputRef:g,error:x,disabled:y,userDisabled:v,withoutComponent:w,helpTextInfo:N,helpText:R,children:C,iconLeft:E,iconRight:_,addon:F,className:k,onChange:I,onChangeInner:j,onBlur:D,onFocus:B,rightIconClick:z,leftIconClick:L,options:S,css:T,...V}=t,K=m;C||"textarea"!==r||(K=u);const W=n((e=>{var t;v?null==e||null===(t=e.preventDefault)||void 0===t||t.call(e):B&&B(e)}),[v,B]),$=n((e=>{v||(j&&null!=e&&e.target?(e.target.value=j(e.target.value),I&&I(e)):I&&I(e))}),[j,I,v]),A=o((()=>void 0===s?{defaultValue:h}:{value:s}),[s,h]);return React.createElement(p,{className:"field ".concat(k),error:x,disabled:y,userDisabled:v,$_css:T},React.createElement(f,{htmlFor:i,className:"label"},a),React.createElement("div",{className:"field ".concat(F?"has-addons":"")},React.createElement("div",{className:"control mainControl ".concat(E&&!w?"has-icons-left":""," ").concat(_?"has-icons-right":"")},!w&&(C||"select"!==r&&!S?!C&&React.createElement(K,e({name:i,id:i,ref:g,className:"input ".concat(x?"is-danger":""),type:r,placeholder:b},A,{onChange:$,onBlur:D,onFocus:W,onKeyDown:W,autoComplete:"off",disabled:y},V)):React.createElement(d,e({name:i,id:i,inputRef:g,className:"input ".concat(x?"is-danger":""),type:"select",placeholder:b,value:s,options:S,onChange:I,onBlur:D,onFocus:W,onKeyDown:W,autoComplete:"off",disabled:y},V))),E&&!w&&React.createElement("span",{className:"iconLeft icon is-small is-left ".concat(L?"is-action":""),onClick:L},React.createElement(c,{iconName:E,color:l})),_&&React.createElement("span",{className:"iconRight icon is-small is-right ".concat(z?"is-action":""),onClick:z},React.createElement(c,{iconName:_,color:l})),C&&C),F&&F),N&&React.createElement("p",{className:"help"},N),R&&React.createElement("p",{className:"help ".concat(x?"is-danger":"")},R))}));h.displayName="Field";export{h as Field,s as FieldWrapper,d as Select,i as setIconColor,r as setIconComponent};
 //# sourceMappingURL=Field.js.map

package/dist/ui/esm/src/core/ui/components/field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n  opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};\n  pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};\n  flex: 1 1 auto;\n  width: 100%;\n  @media (min-width: 400px) {\n    flex: 1;\n  }\n  .label {\n    font-size: 0.8rem !important;\n    font-weight: normal;\n  }\n\n  .help {\n    text-align: left;\n  }\n\n  .mainControl {\n    flex: 1;\n    border-radius: 6px;\n    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n    will-change: box-shadow;\n    transition: box-shadow 250ms ease-in-out;\n    &:hover {\n      box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n  button {\n    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n  }\n  .select {\n    width: 100%;\n    flex: 1;\n    &::after {\n      border-color: #000000 !important;\n    }\n  }\n\n  .icon {\n    &.is-action {\n      cursor: pointer;\n      pointer-events: initial !important;\n    }\n  }\n\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type=number] {\n    -moz-appearance: textfield;\n  }\n\n  .input[type=date]::-webkit-calendar-picker-indicator {\n    opacity:0;\n    -webkit-appearance: none;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 40px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  textarea {\n    resize: none;\n  }\n`\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  css?: string\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n  text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  css,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <FieldWrapper\n      className={`field ${className}`}\n      error={error}\n      disabled={disabled}\n      userDisabled={userDisabled}\n      css={css}\n    >\n      <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </FieldWrapper>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","p","$_css","Select","_ref3","options","value","inputRef","props","_objectWithoutProperties","_excluded","className","_extends","ref","defaultValue","map","option","key","concat","JSON","stringify","_typeof","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","_ref4$type","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","_excluded2","Component","handleFocus","useCallback","event","_event$preventDefault","preventDefault","call","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"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"}
+{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n  opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};\n  pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};\n  flex: 1 1 auto;\n  width: 100%;\n  @media (min-width: 400px) {\n    flex: 1;\n  }\n  .label {\n    font-size: 0.8rem !important;\n    font-weight: normal;\n  }\n\n  .help {\n    text-align: left;\n  }\n\n  .mainControl {\n    flex: 1;\n    border-radius: 6px;\n    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n    will-change: box-shadow;\n    transition: box-shadow 250ms ease-in-out;\n    &:hover {\n      box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n  button {\n    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n  }\n  .select {\n    width: 100%;\n    flex: 1;\n    &::after {\n      border-color: #000000 !important;\n    }\n  }\n\n  .icon {\n    &.is-action {\n      cursor: pointer;\n      pointer-events: initial !important;\n    }\n  }\n\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type=number] {\n    -moz-appearance: textfield;\n  }\n\n  .input[type=date]::-webkit-calendar-picker-indicator {\n    opacity:0;\n    -webkit-appearance: none;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 40px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  textarea {\n    resize: none;\n  }\n`\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  css?: string\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n  text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  css,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <FieldWrapper\n      className={`field ${className}`}\n      error={error}\n      disabled={disabled}\n      userDisabled={userDisabled}\n      css={css}\n    >\n      <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </FieldWrapper>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","p","$_css","Select","_ref3","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","concat","JSON","stringify","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","_event$preventDefault","preventDefault","call","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"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"}

package/dist/ui/esm/src/core/ui/components/icon/Icon.js

@@ -1,2 +1,2 @@
-import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as a}from"react";var e=a((function(a){var e=a.icon,o=a.className,c=a.color,n=void 0===c?"currentColor":c;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":e.prefix,"data-icon":e.iconName,className:"svg-inline--fa fa-".concat(e.iconName," ").concat(o),role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(e.icon[0]," ").concat(e.icon[1])},React.createElement("path",{fill:n,d:e.icon[4]}))}));e.displayName="Icon";export{e as Icon};
+import{memo as e}from"react";const a=e((e=>{let{icon:a,className:c,color:o="currentColor"}=e;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":a.prefix,"data-icon":a.iconName,className:"svg-inline--fa fa-".concat(a.iconName," ").concat(c),role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(a.icon[0]," ").concat(a.icon[1])},React.createElement("path",{fill:o,d:a.icon[4]}))}));a.displayName="Icon";export{a as Icon};
 //# sourceMappingURL=Icon.js.map

package/dist/ui/esm/src/core/ui/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n  icon: {\n    prefix: string\n    iconName: string\n    icon: any[]\n  }\n  className?: string\n  color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n  <svg\n    aria-hidden='true'\n    focusable='false'\n    data-prefix={icon.prefix}\n    data-icon={icon.iconName}\n    className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n    role='img'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n  >\n    <path\n      fill={color}\n      d={icon.icon[4]}\n    />\n  </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","_ref","icon","className","_ref$color","color","React","createElement","focusable","prefix","iconName","concat","role","xmlns","viewBox","fill","d","displayName"],"mappings":"wGAYaA,EAAOC,GAAe,SAAAC,GAAA,IAAGC,EAAID,EAAJC,KAAMC,EAASF,EAATE,UAASC,EAAAH,EAAEI,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAA,OAC3EE,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaN,EAAKO,OAClB,YAAWP,EAAKQ,SAChBP,UAAS,qBAAAQ,OAAuBT,EAAKQ,SAAQC,KAAAA,OAAIR,GACjDS,KAAK,MACLC,MAAM,6BACNC,eAAOH,OAAST,EAAKA,KAAK,GAAE,KAAAS,OAAIT,EAAKA,KAAK,KAE1CI,MAAAC,cAAA,OAAA,CACEQ,KAAMV,EACNW,EAAGd,EAAKA,KAAK,KAEX,IAGRH,EAAKkB,YAAc"}
+{"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n  icon: {\n    prefix: string\n    iconName: string\n    icon: any[]\n  }\n  className?: string\n  color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n  <svg\n    aria-hidden='true'\n    focusable='false'\n    data-prefix={icon.prefix}\n    data-icon={icon.iconName}\n    className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n    role='img'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n  >\n    <path\n      fill={color}\n      d={icon.icon[4]}\n    />\n  </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","_ref","icon","className","color","React","createElement","focusable","prefix","iconName","concat","role","xmlns","viewBox","fill","d","displayName"],"mappings":"6BAYaA,MAAAA,EAAOC,GAAeC,IAAA,IAACC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAQ,gBAA0BH,EAAA,OACvFI,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaL,EAAKM,OAClB,YAAWN,EAAKO,SAChBN,UAAS,qBAAAO,OAAuBR,EAAKO,SAAQC,KAAAA,OAAIP,GACjDQ,KAAK,MACLC,MAAM,6BACNC,eAAOH,OAASR,EAAKA,KAAK,GAAE,KAAAQ,OAAIR,EAAKA,KAAK,KAE1CG,MAAAC,cAAA,OAAA,CACEQ,KAAMV,EACNW,EAAGb,EAAKA,KAAK,KAEX,IAGRH,EAAKiB,YAAc"}

package/dist/ui/esm/src/core/ui/components/icon/IconBase.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as o,objectSpread2 as e,extends as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as i,useMemo as n}from"react";import r from"./icon.module.scss.js";var c=["iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick"],s=i((function(i){var s=i.iconUrl,a=i.minWidth,l=i.minHeight,m=i.size,u=i.fontSize,h=i.width,d=i.height,p=i.color,f=void 0===p?"currentColor":p,b=i.className,g=void 0===b?"":b,j=i.children,y=i.style,v=i.onClick,w=o(i,c),z=n((function(){return e(e(e(e(e({"--min-width":a||m||h||"auto","--min-height":l||m||d||"auto","--width":m||h||"1rem","--height":m||d||"1rem"},u?{fontSize:u}:{}),s?{"--icon-url":"url(".concat(s,")")}:{}),s?{"--icon-color":f}:{"--icon-content-color":f}),v?{cursor:"pointer"}:{}),y)}),[a,m,h,l,d,u,s,f,v,y]),k=n((function(){return v?{onClick:v,onkeyDown:v,role:"button",tabIndex:-1}:{}}),[v]);return React.createElement("span",t({},w,k,{className:"".concat(r["icon-base"]," icon-base ").concat(g),style:z}),!s&&j&&j)}));s.displayName="IconBase";export{s as IconBase};
+import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useMemo as t}from"react";import n from"./icon.module.scss.js";const i=e((e=>{let{iconUrl:i,minWidth:c,minHeight:r,size:l,fontSize:s,width:a,height:m,color:h="currentColor",className:u="",children:d,style:p,onClick:b,...f}=e;const g=t((()=>({"--min-width":c||l||a||"auto","--min-height":r||l||m||"auto","--width":l||a||"1rem","--height":l||m||"1rem",...s?{fontSize:s}:{},...i?{"--icon-url":"url(".concat(i,")")}:{},...i?{"--icon-color":h}:{"--icon-content-color":h},...b?{cursor:"pointer"}:{},...p})),[c,l,a,r,m,s,i,h,b,p]),w=t((()=>b?{onClick:b,onkeyDown:b,role:"button",tabIndex:-1}:{}),[b]);return React.createElement("span",o({},f,w,{className:"".concat(n["icon-base"]," icon-base ").concat(u),style:g}),!i&&d&&d)}));i.displayName="IconBase";export{i as IconBase};
 //# sourceMappingURL=IconBase.js.map

package/dist/ui/esm/src/core/ui/components/icon/IconBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n  id?: string\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  style?: CSSProperties\n  onClick?: (event?: MouseEvent<HTMLSpanElement> | undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, iconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onkeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!iconUrl && children) && children}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","_ref$color","color","_ref$className","className","children","style","onClick","props","_objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","concat","cursor","onClickProps","onkeyDown","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"kZAoBaA,EAA6BC,GAAmB,SAAAC,GAGzC,IAFlBC,EAAOD,EAAPC,QAASC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAIJ,EAAJI,KAC9BC,EAAQL,EAARK,SAAUC,EAAKN,EAALM,MAAOC,EAAMP,EAANO,OAAMC,EAAAR,EAAES,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAAE,EAAAV,EAAEW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAEE,EAAQZ,EAARY,SAAUC,EAAKb,EAALa,MAAOC,EAAOd,EAAPc,QAAYC,EAAKC,EAAAhB,EAAAiB,GAE7FC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAEnB,cAAelB,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,QAC1BF,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAC1BJ,EAAU,CAAE,aAAY,OAAAoB,OAASpB,EAAO,MAAQ,CAAA,GAChDA,EAAU,CAAE,eAAgBQ,GAAU,CAAE,uBAAwBA,IAChEK,EAAU,CAAEQ,OAAQ,WAAc,CAAE,GACrCT,EAEN,GAAE,CAACX,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUJ,EAASQ,EAAOK,EAASD,IAE3EU,EAAeJ,GAAQ,WAAA,OAAOL,EAAW,CAC7CA,QAAAA,EACAU,UAAWV,EACXW,KAAM,SACNC,UAAW,GACR,EAAE,GAAG,CAACZ,IAEX,OACEa,MAAAC,cAAA,OAAAC,EACMd,CAAAA,EAAAA,EACAQ,EAAY,CAChBZ,UAAS,GAAAU,OAAKS,EAAQ,aAAYT,eAAAA,OAAcV,GAChDE,MAAOK,KAEJjB,GAAWW,GAAaA,EAGjC,IAEAd,EAASiC,YAAc"}
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n  id?: string\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  style?: CSSProperties\n  onClick?: (event?: MouseEvent<HTMLSpanElement> | undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, iconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onkeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!iconUrl && children) && children}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","styles","useMemo","concat","cursor","onClickProps","onkeyDown","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"oKAoBaA,EAA6BC,GAAmBC,IAGzC,IAH0CC,QAC5DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GACjFb,EACb,MAAMc,EAASC,GAAQ,KACrB,CACE,cAAeb,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BJ,EAAU,CAAE,aAAY,OAAAe,OAASf,EAAO,MAAQ,MAChDA,EAAU,CAAE,eAAgBO,GAAU,CAAE,uBAAwBA,MAChEI,EAAU,CAAEK,OAAQ,WAAc,MACnCN,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUJ,EAASO,EAAOI,EAASD,IAE3EO,EAAeH,GAAQ,IAAOH,EAAW,CAC7CA,UACAO,UAAWP,EACXQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EACMX,CAAAA,EAAAA,EACAK,EAAY,CAChBT,UAAS,GAAAO,OAAKS,EAAQ,aAAYT,eAAAA,OAAcP,GAChDE,MAAOG,KAEJb,GAAWS,GAAaA,EACtB,IAIXZ,EAAS4B,YAAc"}

package/dist/ui/esm/src/core/ui/components/icon/IconWC.js

@@ -1,2 +1,2 @@
-import{inherits as e,createSuper as t,createClass as n,classCallCheck as i,objectSpread2 as s,slicedToArray as o,wrapNativeSuper as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import"../../../../../node_modules/core-js/modules/es.array.map.js";import"../../../../../node_modules/core-js/modules/es.object.entries.js";import{ced as a,resolveAttributes as c}from"../../../utils/webComponents/webComponent.utils.js";import l from"./icon.module.scss.js";var m,h=document.createElement("template");h.innerHTML='<span class="icon-base"></span>';var u=a("icon-base")(m=function(r){e(m,r);var a=t(m);function m(){var e;i(this,m);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return(e=a.call.apply(a,[this].concat(n))).render=function(){if(e.mainElement=e.mainElement||e.querySelector(".icon-base"),e.mainElement){e.classList.add(l["icon-base-parent"]),e.mainElement.classList.add(l["icon-base"]);var t=s(s(s({"--min-width":e.minWidth||e.size||e.width||"auto","--min-height":e.minHeight||e.size||e.height||"auto","--width":e.size||e.width||"1rem","--height":e.size||e.height||"1rem"},e.fontSize?{"font-size":e.fontSize||"unset"}:{}),e.iconUrl?{"--icon-url":"url(".concat(e.iconUrl,")")}:{}),e.iconUrl?{"--icon-color":e.color}:{"--icon-content-color":e.color});e.mainElement.innerHTML=e.iconUrl?"":e.content||"",e.mainElement.setAttribute("style",Object.entries(t).map((function(e){var t=o(e,2),n=t[0],i=t[1];return"".concat(n,": ").concat(i,";")})).join(" "))}},e}return n(m,[{key:"connectedCallback",value:function(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=h.innerHTML,c(this,m.observedAttributes),this.render()}},{key:"attributeChangedCallback",value:function(e,t,n){"className"!==e&&"classname"!==e&&"class"!==e||"string"==typeof n&&(this.classList.remove(n),this.classList.add(n)),this.color||(this.color="currentColor"),this[e]=n||"",this.render()}}],[{key:"observedAttributes",get:function(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}}]),m}(r(HTMLElement)))||m,d={VCIconBase:u};export{u as VCIcon,d as VCIconBase};
+import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{ced as t,resolveAttributes as i}from"../../../utils/webComponents/webComponent.utils.js";import e from"./icon.module.scss.js";var s;const n=document.createElement("template");n.innerHTML='<span class="icon-base"></span>';let o=t("icon-base")(s=class t extends HTMLElement{constructor(){super(...arguments),this.render=()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(e["icon-base-parent"]),this.mainElement.classList.add(e["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(".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(t).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,i(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()}})||s;const r={VCIconBase:o};export{o as VCIcon,r as VCIconBase};
 //# sourceMappingURL=IconWC.js.map