@e1011/es-kit 1.0.48 → 1.0.52

package/dist/hooks/esm/index.css

@@ -1,33 +1,3 @@
-.icon-module_icon-base-parent__nOMvW {
-  line-height: 1px !important;
-}
-
-.icon-module_icon-base__S0tHf {
-  min-width: var(--min-width);
-  min-height: var(--min-height);
-  width: var(--width);
-  height: var(--height);
-  line-height: var(--height);
-  background-color: var(--icon-color);
-  color: var(--icon-content-color);
-  background-repeat: no-repeat;
-  mask-image: var(--icon-url);
-  -webkit-mask-image: var(--icon-url);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-size: contain;
-  mask-position: center;
-  -webkit-mask-position: center;
-  display: inline-block;
-  will-change: transform;
-  transform: translate3d(0, 0, 0);
-}
-.icon-module_icon-base__S0tHf svg {
-  fill: var(--icon-content-color);
-  width: var(--height);
-  height: var(--width);
-}
 .fbox-module_flexible-box__rLJ93 {
   display: flex;
   position: relative;
@@ -70,4 +40,34 @@
   left: var(--left);
   height: var(--height);
   margin: var(--margin);
+}
+.icon-module_icon-base-parent__nOMvW {
+  line-height: 1px !important;
+}
+
+.icon-module_icon-base__S0tHf {
+  min-width: var(--min-width);
+  min-height: var(--min-height);
+  width: var(--width);
+  height: var(--height);
+  line-height: var(--height);
+  background-color: var(--icon-color);
+  color: var(--icon-content-color);
+  background-repeat: no-repeat;
+  mask-image: var(--icon-url);
+  -webkit-mask-image: var(--icon-url);
+  mask-repeat: no-repeat;
+  -webkit-mask-repeat: no-repeat;
+  mask-size: contain;
+  -webkit-mask-size: contain;
+  mask-position: center;
+  -webkit-mask-position: center;
+  display: inline-block;
+  will-change: transform;
+  transform: translate3d(0, 0, 0);
+}
+.icon-module_icon-base__S0tHf svg {
+  fill: var(--icon-content-color);
+  width: var(--height);
+  height: var(--width);
 }

package/dist/hooks/index.css

@@ -1,33 +1,3 @@
-.icon-module_icon-base-parent__nOMvW {
-  line-height: 1px !important;
-}
-
-.icon-module_icon-base__S0tHf {
-  min-width: var(--min-width);
-  min-height: var(--min-height);
-  width: var(--width);
-  height: var(--height);
-  line-height: var(--height);
-  background-color: var(--icon-color);
-  color: var(--icon-content-color);
-  background-repeat: no-repeat;
-  mask-image: var(--icon-url);
-  -webkit-mask-image: var(--icon-url);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-size: contain;
-  mask-position: center;
-  -webkit-mask-position: center;
-  display: inline-block;
-  will-change: transform;
-  transform: translate3d(0, 0, 0);
-}
-.icon-module_icon-base__S0tHf svg {
-  fill: var(--icon-content-color);
-  width: var(--height);
-  height: var(--width);
-}
 .fbox-module_flexible-box__rLJ93 {
   display: flex;
   position: relative;
@@ -70,4 +40,34 @@
   left: var(--left);
   height: var(--height);
   margin: var(--margin);
+}
+.icon-module_icon-base-parent__nOMvW {
+  line-height: 1px !important;
+}
+
+.icon-module_icon-base__S0tHf {
+  min-width: var(--min-width);
+  min-height: var(--min-height);
+  width: var(--width);
+  height: var(--height);
+  line-height: var(--height);
+  background-color: var(--icon-color);
+  color: var(--icon-content-color);
+  background-repeat: no-repeat;
+  mask-image: var(--icon-url);
+  -webkit-mask-image: var(--icon-url);
+  mask-repeat: no-repeat;
+  -webkit-mask-repeat: no-repeat;
+  mask-size: contain;
+  -webkit-mask-size: contain;
+  mask-position: center;
+  -webkit-mask-position: center;
+  display: inline-block;
+  will-change: transform;
+  transform: translate3d(0, 0, 0);
+}
+.icon-module_icon-base__S0tHf svg {
+  fill: var(--icon-content-color);
+  width: var(--height);
+  height: var(--width);
 }

package/dist/lib/cjs/src/core/ui/components/container/FBox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var r=require("react"),t=require("./fbox.module.scss.js"),a=["style","children","tabIndex","className"],o={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},s=function(e){return e&&o[e]||e},l=r.forwardRef((function(o,l){var n=o.style,i=o.children,c=o.tabIndex,d=o.className,u=void 0===d?"":d,f=e.objectWithoutProperties(o,a),x=r.useMemo((function(){return e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2({},f),f.align?{alignItems:s(f.align)}:{}),f.justify?{justifyContent:s(f.justify)}:{}),f.direction?{flexDirection:f.direction}:{}),n)}),[f,n]);return React.createElement("div",{ref:l,tabIndex:c,className:"".concat(t["flexible-box"]," ").concat(u),style:x},i)}));l.displayName="FBoxRefForwarded";var n=r.memo(l);n.displayName="FBox",exports.FBox=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.object.to-string.js"),require("../../../../../node_modules/core-js/modules/web.dom-collections.for-each.js"),require("../../../../../node_modules/core-js/modules/es.object.entries.js"),require("../../../../../node_modules/core-js/modules/es.array.concat.js");var r=require("react"),t=require("./fbox.module.scss.js"),o=["style","children","tabIndex","className"],s={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},a=function(e){return e&&s[e]||e},n=r.forwardRef((function(s,n){var c=s.style,l=s.children,d=s.tabIndex,i=s.className,u=void 0===i?"":i,f=e.objectWithoutProperties(s,o),j=r.useMemo((function(){var r={},t={};return Object.entries(f).forEach((function(o){var s=e.slicedToArray(o,2),a=s[0],n=s[1];"data"===a.substr(0,4)?r[a]=n:t[a]=n})),[r,t]}),[f]),m=e.slicedToArray(j,2),b=m[0],x=m[1],p=r.useMemo((function(){return e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2({},x),x.align?{alignItems:a(x.align)}:{}),x.justify?{justifyContent:a(x.justify)}:{}),x.direction?{flexDirection:x.direction}:{}),c)}),[x,c]);return React.createElement("div",e.extends({ref:n,tabIndex:d,className:"".concat(t["flexible-box"]," ").concat(u),style:p},b),l)}));n.displayName="FBoxRefForwarded";var c=r.memo(n);c.displayName="FBox",exports.FBox=c;
 //# sourceMappingURL=FBox.js.map

package/dist/lib/cjs/src/core/ui/components/container/FBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FBox.js","sources":["../../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\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  style?: CSSProperties\n  className?: 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\n\nconst FBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const styles = useMemo(() => (\n    {\n      ...props,\n      ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n      ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n      ...(props.direction ? { flexDirection: props.direction } : {}),\n      ...style,\n    }\n  ), [props, 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    >\n      {children}\n    </div>\n  )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\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","FBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","_ref$className","className","props","_objectWithoutProperties","objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","objectSpread2","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","concat","classes","displayName","FBox","memo"],"mappings":"4TAgCMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,EAAUA,YAAC,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAC,wBAAAT,EAAAU,GAE7CC,EAASC,EAAAA,SAAQ,WAAA,OAAAC,EAAAC,cAAAD,gBAAAA,EAAAA,cAAAA,EAAAC,cAAAD,mBAEhBN,GACCA,EAAMQ,MAAQ,CAAEC,WAAYpB,EAAiBW,EAAMQ,QAAW,CAAE,GAChER,EAAMU,QAAU,CAAEC,eAAgBtB,EAAiBW,EAAMU,UAAa,CAAE,GACxEV,EAAMY,UAAY,CAAEC,cAAeb,EAAMY,WAAc,CAAE,GAC1DjB,EAAK,GAET,CAACK,EAAOL,IAEX,OACEmB,MAAAC,cAAA,MAAA,CACErB,IAAKA,EACLG,SAAUA,EACVE,UAAS,GAAAiB,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIjB,GAClDJ,MAAOS,GAENR,EAGP,IAEAL,EAAiB2B,YAAc,uBAElBC,EAAOC,EAAIA,KAAY7B,GAGpC4B,EAAKD,YAAc"}
+{"version":3,"file":"FBox.js","sources":["../../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, FC, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\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  style?: CSSProperties\n  className?: string\n} & CSSProperties\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 FBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const [restProps, cssProps] = useMemo(() => {\n    const restProps: Record<string, unknown> = {}\n    const cssProps: Record<string, unknown> = {}\n\n    Object.entries(props).forEach(([key, value]) => {\n      if (key.substr(0, 4) === 'data') {\n        restProps[key] = value\n      } else {\n        cssProps[key] = value\n      }\n    })\n    return [restProps, cssProps]\n  }, [props])\n\n  const styles = useMemo(() => (\n    {\n      ...cssProps,\n      ...(cssProps.align ? { alignItems: resolveFlexProps(cssProps.align as string) } : {}),\n      ...(cssProps.justify ? { justifyContent: resolveFlexProps(cssProps.justify as string) } : {}),\n      ...(cssProps.direction ? { flexDirection: cssProps.direction } : {}),\n      ...style,\n    }\n  ), [cssProps, 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      {...restProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox: FC<FBoxProps> = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\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","FBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","_ref$className","className","props","_objectWithoutProperties","objectWithoutProperties","_excluded","_useMemo","useMemo","restProps","cssProps","Object","entries","forEach","_ref2","_ref3","_slicedToArray","key","substr","_useMemo2","styles","_objectSpread","objectSpread2","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","FBox","memo"],"mappings":"6iBAgCMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,EAAUA,YAAC,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAC,wBAAAT,EAAAU,GAEnDC,EAA8BC,EAAAA,SAAQ,WACpC,IAAMC,EAAqC,CAAA,EACrCC,EAAoC,CAAA,EAS1C,OAPAC,OAAOC,QAAQT,GAAOU,SAAQ,SAAAC,GAAkB,IAAAC,EAAAC,EAAAA,cAAAF,EAAA,GAAhBG,EAAGF,EAAA,GAAEtB,EAAKsB,EAAA,GACf,SAArBE,EAAIC,OAAO,EAAG,GAChBT,EAAUQ,GAAOxB,EAEjBiB,EAASO,GAAOxB,CAEpB,IACO,CAACgB,EAAWC,EACrB,GAAG,CAACP,IAAOgB,EAAAH,EAAAA,cAAAT,EAAA,GAZJE,EAASU,EAAA,GAAET,EAAQS,EAAA,GAcpBC,EAASZ,EAAAA,SAAQ,WAAA,OAAAa,EAAAC,cAAAD,gBAAAA,EAAAA,cAAAA,EAAAC,cAAAD,mBAEhBX,GACCA,EAASa,MAAQ,CAAEC,WAAYhC,EAAiBkB,EAASa,QAAqB,CAAE,GAChFb,EAASe,QAAU,CAAEC,eAAgBlC,EAAiBkB,EAASe,UAAuB,CAAE,GACxFf,EAASiB,UAAY,CAAEC,cAAelB,EAASiB,WAAc,CAAE,GAChE7B,EAAK,GAET,CAACY,EAAUZ,IAEd,OACE+B,MAAAC,cAAA,MAAAC,UAAA,CACElC,IAAKA,EACLG,SAAUA,EACVE,UAAS,GAAA8B,OAAMC,EAAgB,gBAAeD,KAAAA,OAAI9B,GAClDJ,MAAOsB,GACHX,GAEHV,EAGP,IAEAL,EAAiBwC,YAAc,uBAElBC,EAAsBC,EAAIA,KAAY1C,GAGnDyC,EAAKD,YAAc"}

package/dist/lib/cjs/src/core/ui/components/dividers/DividerLine.js

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

package/dist/lib/cjs/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\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","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"iRAkBaA,EAAgCC,EAAAA,MAAmB,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,OACAC,EAASf,EAATe,UAEMC,EAAaC,EAAAA,SAAQ,WAAA,MAAsB,aAAhBhB,IAA2C,IAAbC,CAAiB,GAAE,CAACD,EAAaC,IAE1FgB,EAASD,EAAAA,SAAQ,WAAA,MACrB,CACE,UAAWN,EACX,WAAYE,EACZ,WAAYN,EACZ,YAAaF,EACb,UAAWD,EACX,SAAUK,EACV,WAAYK,IAAWE,EAAa,SAAW,UAChD,GACA,CAACL,EAAOE,EAAQN,EAAQF,EAASD,EAAOK,EAAMK,EAAQE,IAEnDG,EAAcH,EAAaI,EAAQlB,SAAWkB,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAASS,GAAAA,OAAMJ,EAAgB,gBAAeI,KAAAA,OAAIL,EAAW,KAAAK,OAAIT,GACjEU,MAAOP,GAGb,IAEApB,EAAY4B,YAAc,kBAEbC,EACT5B,EAAAA,MAAK,SAAC6B,GAAK,OAAKN,MAAAC,cAACzB,EAAW+B,UAAA,CAAC3B,UAAQ,EAACK,OAAO,QAAWqB,GAAS,IACrED,EAAgBD,YAAc,sBAEjBI,EACT/B,EAAAA,MAAK,SAAC6B,GAAK,OAAKN,MAAAC,cAACzB,EAAW+B,UAAA,CAACtB,OAAO,QAAWqB,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\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":"iRAkBaA,EAAgCC,EAAAA,MAAmB,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,EAAAA,SAAQ,WAAA,MAAsB,aAAhBjB,IAA2C,IAAbC,CAAiB,GAAE,CAACD,EAAaC,IAE1FiB,EAASD,EAAAA,SAAQ,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,EAAAA,MAAK,SAAC8B,GAAK,OAAKN,MAAAC,cAAC1B,EAAWgC,UAAA,CAAC5B,UAAQ,EAACK,OAAO,QAAWsB,GAAS,IACrED,EAAgBD,YAAc,sBAEjBI,EACThC,EAAAA,MAAK,SAAC8B,GAAK,OAAKN,MAAAC,cAAC1B,EAAWgC,UAAA,CAACvB,OAAO,QAAWsB,GAAS,IAC5DE,EAAkBJ,YAAc"}

package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var o=require("react"),r=require("./icon.module.scss.js"),i=o.memo((function(i){var t=i.iconUrl,c=i.minWidth,n=void 0===c?"1rem":c,a=i.minHeight,s=void 0===a?"1rem":a,l=i.size,u=i.fontSize,d=i.width,m=i.height,h=i.color,p=void 0===h?"currentColor":h,v=i.className,j=void 0===v?"":v,b=i.children,f=o.useMemo((function(){return e.objectSpread2(e.objectSpread2(e.objectSpread2({"--min-width":Math.min(n,l||d),"--min-height":Math.min(s,l||m),"--width":l||d,"--height":l||m},u?{fontSize:u}:{}),t?{"--icon-url":"url(".concat(t,")")}:{}),t?{"--icon-color":p}:{"--icon-content-color":p})}),[n,s,l,d,m,u,t,p]);return React.createElement("span",{className:"".concat(r["icon-base"]," icon-base ").concat(j),style:f},!t&&b&&b)}));i.displayName="IconBase",exports.IconBase=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var o=require("react"),r=require("./icon.module.scss.js"),i=o.memo((function(i){var t=i.iconUrl,c=i.minWidth,n=void 0===c?"1rem":c,a=i.minHeight,s=void 0===a?"1rem":a,l=i.size,u=i.fontSize,d=i.width,m=i.height,h=i.color,p=void 0===h?"currentColor":h,v=i.className,j=void 0===v?"":v,b=i.children,f=o.useMemo((function(){return e.objectSpread2(e.objectSpread2(e.objectSpread2({"--min-width":n||"auto","--min-height":s||"auto","--width":l||d,"--height":l||m},u?{fontSize:u}:{}),t?{"--icon-url":"url(".concat(t,")")}:{}),t?{"--icon-color":p}:{"--icon-content-color":p})}),[n,s,l,d,m,u,t,p]);return React.createElement("span",{className:"".concat(r["icon-base"]," icon-base ").concat(j),style:f},!t&&b&&b)}));i.displayName="IconBase",exports.IconBase=i;
 //# sourceMappingURL=IconBase.js.map

package/dist/lib/cjs/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, PropsWithChildren } from 'react'\n\nimport classes from './icon.module.scss'\n\nexport type IconBaseType = PropsWithChildren<any> & {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem',\n  size, fontSize, width, height, color = 'currentColor', className = '', children,\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': Math.min(minWidth, size || width),\n      '--min-height': Math.min(minHeight, size || height),\n      '--width': size || width,\n      '--height': size || height,\n      ...(fontSize ? { fontSize } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n    }\n  ), [minWidth, minHeight, size, width, height, fontSize, iconUrl, color])\n\n  return (\n    <span\n      className={`${(classes as any)['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","_ref$minWidth","minWidth","_ref$minHeight","minHeight","size","fontSize","width","height","_ref$color","color","_ref$className","className","children","styles","useMemo","_objectSpread","objectSpread2","Math","min","concat","React","createElement","classes","style","displayName"],"mappings":"8QAgBaA,EAAWC,EAAAA,MAAmB,SAAAC,GAGvB,IAFlBC,EAAOD,EAAPC,QAAOC,EAAAF,EAAEG,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAC9CE,EAAIN,EAAJM,KAAMC,EAAQP,EAARO,SAAUC,EAAKR,EAALQ,MAAOC,EAAMT,EAANS,OAAMC,EAAAV,EAAEW,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAAE,EAAAZ,EAAEa,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAEE,EAAQd,EAARc,SAEjEC,EAASC,EAAAA,SAAQ,WAAA,OAAAC,EAAAC,cAAAD,EAAAC,cAAAD,gBAAA,CAEnB,cAAeE,KAAKC,IAAIjB,EAAUG,GAAQE,GAC1C,eAAgBW,KAAKC,IAAIf,EAAWC,GAAQG,GAC5C,UAAWH,GAAQE,EACnB,WAAYF,GAAQG,GAChBF,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAC1BN,EAAU,CAAE,aAAY,OAAAoB,OAASpB,EAAO,MAAQ,CAAA,GAChDA,EAAU,CAAE,eAAgBU,GAAU,CAAE,uBAAwBA,GAAO,GAE5E,CAACR,EAAUE,EAAWC,EAAME,EAAOC,EAAQF,EAAUN,EAASU,IAEjE,OACEW,MAAAC,cAAA,OAAA,CACEV,UAAS,GAAAQ,OAAMG,EAAgB,aAAYH,eAAAA,OAAcR,GACzDY,MAAOV,IAEJd,GAAWa,GAAaA,EAGjC,IAEAhB,EAAS4B,YAAc"}
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, PropsWithChildren } from 'react'\n\nimport classes from './icon.module.scss'\n\nexport type IconBaseType = PropsWithChildren<any> & {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem', size,\n  fontSize, width, height, color = 'currentColor', className = '', children,\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || 'auto',\n      '--min-height': minHeight || 'auto',\n      '--width': size || width,\n      '--height': size || height,\n      ...(fontSize ? { fontSize } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n    }\n  ), [minWidth, minHeight, size, width, height, fontSize, iconUrl, color])\n\n  return (\n    <span\n      className={`${(classes as any)['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","_ref$minWidth","minWidth","_ref$minHeight","minHeight","size","fontSize","width","height","_ref$color","color","_ref$className","className","children","styles","useMemo","_objectSpread","objectSpread2","concat","React","createElement","classes","style","displayName"],"mappings":"8QAgBaA,EAAWC,EAAAA,MAAmB,SAAAC,GAGvB,IAFlBC,EAAOD,EAAPC,QAAOC,EAAAF,EAAEG,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAEE,EAAIN,EAAJM,KAChDC,EAAQP,EAARO,SAAUC,EAAKR,EAALQ,MAAOC,EAAMT,EAANS,OAAMC,EAAAV,EAAEW,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAAE,EAAAZ,EAAEa,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAEE,EAAQd,EAARc,SAE3DC,EAASC,EAAAA,SAAQ,WAAA,OAAAC,EAAAC,cAAAD,EAAAC,cAAAD,gBAAA,CAEnB,cAAed,GAAY,OAC3B,eAAgBE,GAAa,OAC7B,UAAWC,GAAQE,EACnB,WAAYF,GAAQG,GAChBF,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAC1BN,EAAU,CAAE,aAAY,OAAAkB,OAASlB,EAAO,MAAQ,CAAA,GAChDA,EAAU,CAAE,eAAgBU,GAAU,CAAE,uBAAwBA,GAAO,GAE5E,CAACR,EAAUE,EAAWC,EAAME,EAAOC,EAAQF,EAAUN,EAASU,IAEjE,OACES,MAAAC,cAAA,OAAA,CACER,UAAS,GAAAM,OAAMG,EAAgB,aAAYH,eAAAA,OAAcN,GACzDU,MAAOR,IAEJd,GAAWa,GAAaA,EAGjC,IAEAhB,EAAS0B,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js"),require("../../../../../node_modules/core-js/modules/es.number.constructor.js"),require("../../../../../node_modules/core-js/modules/es.array.map.js"),require("../../../../../node_modules/core-js/modules/es.object.entries.js");var t,i=require("../../../utils/webComponents/webComponent.utils.js"),n=require("./icon.module.scss.js"),s=document.createElement("template");s.innerHTML='<span class="icon-base"></span>';var r=i.ced("icon-base")(t=function(t){e.inherits(o,t);var r=e.createSuper(o);function o(){var t;e.classCallCheck(this,o);for(var i=arguments.length,s=new Array(i),a=0;a<i;a++)s[a]=arguments[a];return(t=r.call.apply(r,[this].concat(s))).content=void 0,t.mainElement=void 0,t.iconUrl=void 0,t.minWidth=void 0,t.minHeight=void 0,t.width=void 0,t.height=void 0,t.size=void 0,t.fontSize=void 0,t.color=void 0,t.render=function(){if(t.mainElement=t.mainElement||t.querySelector(".icon-base"),t.mainElement){t.classList.add(n["icon-base-parent"]),t.mainElement.classList.add(n["icon-base"]);var i=e.objectSpread2(e.objectSpread2(e.objectSpread2({"--min-width":Math.min(Number(t.minWidth),Number(t.size||t.width))||"unset","--min-height":Math.min(Number(t.minHeight),Number(t.size||t.height))||"unset","--width":t.size||t.width||"unset","--height":t.size||t.height||"unset"},t.fontSize?{"font-size":t.fontSize||"unset"}:{}),t.iconUrl?{"--icon-url":"url(".concat(t.iconUrl,")")}:{}),t.iconUrl?{"--icon-color":t.color}:{"--icon-content-color":t.color});t.mainElement.innerHTML=t.iconUrl?"":t.content||"",t.mainElement.setAttribute("style",Object.entries(i).map((function(t){var i=e.slicedToArray(t,2),n=i[0],s=i[1];return"".concat(n,": ").concat(s,";")})).join(" "))}},t}return e.createClass(o,[{key:"connectedCallback",value:function(){this.innerHTML&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=s.innerHTML,i.resolveAttributes(this,o.observedAttributes),this.render()}},{key:"attributeChangedCallback",value:function(e,t,i){if("className"===e)return this.className=i||"",void(this.className&&(this.classList.remove(this.className),this.classList.add(this.className)));this[e]=i,this.render()}}],[{key:"observedAttributes",get:function(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}}]),o}(e.wrapNativeSuper(HTMLElement)))||t,o={IconBaseWC:r};exports.IconBaseWC=o,exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js"),require("../../../../../node_modules/core-js/modules/es.array.map.js"),require("../../../../../node_modules/core-js/modules/es.object.entries.js");var t,i=require("../../../utils/webComponents/webComponent.utils.js"),n=require("./icon.module.scss.js"),s=document.createElement("template");s.innerHTML='<span class="icon-base"></span>';var o=i.ced("icon-base")(t=function(t){e.inherits(r,t);var o=e.createSuper(r);function r(){var t;e.classCallCheck(this,r);for(var i=arguments.length,s=new Array(i),a=0;a<i;a++)s[a]=arguments[a];return(t=o.call.apply(o,[this].concat(s))).content=void 0,t.mainElement=void 0,t.iconUrl=void 0,t.minWidth=void 0,t.minHeight=void 0,t.width=void 0,t.height=void 0,t.size=void 0,t.fontSize=void 0,t.color=void 0,t.render=function(){if(t.mainElement=t.mainElement||t.querySelector(".icon-base"),t.mainElement){t.classList.add(n["icon-base-parent"]),t.mainElement.classList.add(n["icon-base"]);var i=e.objectSpread2(e.objectSpread2(e.objectSpread2({"--min-width":t.minWidth||"auto","--min-height":t.minHeight||"auto","--width":t.size||t.width,"--height":t.size||t.height},t.fontSize?{"font-size":t.fontSize||"unset"}:{}),t.iconUrl?{"--icon-url":"url(".concat(t.iconUrl,")")}:{}),t.iconUrl?{"--icon-color":t.color}:{"--icon-content-color":t.color});t.mainElement.innerHTML=t.iconUrl?"":t.content||"",t.mainElement.setAttribute("style",Object.entries(i).map((function(t){var i=e.slicedToArray(t,2),n=i[0],s=i[1];return"".concat(n,": ").concat(s,";")})).join(" "))}},t}return e.createClass(r,[{key:"connectedCallback",value:function(){this.innerHTML&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=s.innerHTML,i.resolveAttributes(this,r.observedAttributes),this.render()}},{key:"attributeChangedCallback",value:function(e,t,i){"className"===e&&(this.className=i||"",this.className&&(this.classList.remove(this.className),this.classList.add(this.className))),this[e]=i,this.render()}}],[{key:"observedAttributes",get:function(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}}]),r}(e.wrapNativeSuper(HTMLElement)))||t,r={IconBaseWC:o};exports.IconBaseWC=r,exports.default=o;
 //# sourceMappingURL=IconWC.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\n@ced('icon-base')\nexport default class IconBase extends HTMLElement {\n  content: string | null\n\n  mainElement: HTMLElement\n\n  iconUrl?: string | null\n\n  minWidth?: string | null\n\n  minHeight?: string | null\n\n  width?: string | null\n\n  height?: string | null\n\n  size?: string | null\n\n  fontSize?: string | null\n\n  color?: string | null\n\n  static get observedAttributes() {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback() {\n    if (this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, IconBase.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null) {\n    if (attrName === 'className') {\n      this.className = (newVal as string) || ''\n      if (this.className) {\n        this.classList.remove(this.className)\n        this.classList.add(this.className)\n      }\n      return\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = newVal\n    this.render()\n  }\n\n  render = () => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n    this.classList.add(classes['icon-base-parent'])\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': Math.min(Number(this.minWidth), Number(this.size || this.width)) || 'unset',\n      '--min-height': Math.min(Number(this.minHeight), Number(this.size || this.height)) || 'unset',\n      '--width': this.size || this.width || 'unset',\n      '--height': this.size || this.height || 'unset',\n      ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n      ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n      ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n    }\n\n    this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n    this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'icon-base': any\n    }\n  }\n}\n\nexport const IconBaseWC = {\n  IconBaseWC: IconBase,\n}\n"],"names":["template","document","createElement","innerHTML","IconBase","ced","_dec","_class","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","this","concat","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","_objectSpread","objectSpread2","Math","min","Number","setAttribute","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","join","_createClass","createClass","getAttribute","resolveAttributes","observedAttributes","attrName","oldVal","newVal","className","remove","get","_wrapNativeSuper","HTMLElement","IconBaseWC"],"mappings":"giBAMMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAAiC,IAejCC,EADpBC,MAAI,YAAYC,CAAAC,WAAAC,GAAAC,WAAAL,EAAAI,GAAA,IAAAE,EAAAC,cAAAP,GAAA,SAAAA,IAAA,IAAAQ,EAAAC,sBAAAT,GAAA,IAAA,IAAAU,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GA0Ed,OA1EcP,EAAAF,EAAAU,KAAAC,MAAAX,EAAA,CAAAY,MAAAC,OAAAN,KAEfO,aAAO,EAAAZ,EAEPa,iBAAW,EAAAb,EAEXc,aAAO,EAAAd,EAEPe,cAAQ,EAAAf,EAERgB,eAAS,EAAAhB,EAETiB,WAAK,EAAAjB,EAELkB,YAAM,EAAAlB,EAENmB,UAAI,EAAAnB,EAEJoB,cAAQ,EAAApB,EAERqB,WAAK,EAAArB,EAiCLsB,OAAS,WAEP,GADAtB,EAAKa,YAAcb,EAAKa,aAAeb,EAAKuB,cAAc,cACrDvB,EAAKa,YAAV,CAGAb,EAAKwB,UAAUC,IAAIC,EAAQ,qBAC3B1B,EAAKa,YAAYW,UAAUC,IAAIC,EAAQ,cAEvC,IAAMC,EAAMC,EAAAA,cAAAA,EAAAC,cAAAD,gBAAA,CACV,cAAeE,KAAKC,IAAIC,OAAOhC,EAAKe,UAAWiB,OAAOhC,EAAKmB,MAAQnB,EAAKiB,SAAW,QACnF,eAAgBa,KAAKC,IAAIC,OAAOhC,EAAKgB,WAAYgB,OAAOhC,EAAKmB,MAAQnB,EAAKkB,UAAY,QACtF,UAAWlB,EAAKmB,MAAQnB,EAAKiB,OAAS,QACtC,WAAYjB,EAAKmB,MAAQnB,EAAKkB,QAAU,SACpClB,EAAKoB,SAAW,CAAE,YAAapB,EAAKoB,UAAY,SAAY,CAAE,GAC9DpB,EAAKc,QAAU,CAAE,aAAYH,OAAAA,OAASX,EAAKc,QAAO,MAAQ,CAAE,GAC5Dd,EAAKc,QAAU,CAAE,eAAgBd,EAAKqB,OAAU,CAAE,uBAAwBrB,EAAKqB,QAGrFrB,EAAKa,YAAYtB,UAAYS,EAAKc,QAAU,GAAMd,EAAKY,SAAW,GAElEZ,EAAKa,YAAYoB,aAAa,QAASC,OAAOC,QAAQR,GAAQS,KAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAA,cAAAF,EAAA,GAAEG,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAAA,MAAA,GAAA3B,OAAS6B,EAAG7B,MAAAA,OAAK8B,EAAK,IAAA,IAAKC,KAAK,KAhB9G,GAiBD1C,CAAA,CAlDA,OAkDA2C,EAAAC,YAAApD,EAAA,CAAA,CAAAgD,IAAA,oBAAAC,MAhDD,WACM/B,KAAKnB,YACPmB,KAAKE,QAAUF,KAAKE,SAAWF,KAAKnB,WAAamB,KAAKmC,aAAa,YAGrEnC,KAAKnB,UAAYH,EAASG,UAE1BuD,EAAAA,kBAAkBpC,KAAMlB,EAASuD,oBAEjCrC,KAAKY,QACP,GAAC,CAAAkB,IAAA,2BAAAC,MAED,SAAyBO,EAAkBC,EAAgCC,GACzE,GAAiB,cAAbF,EAMF,OALAtC,KAAKyC,UAAaD,GAAqB,QACnCxC,KAAKyC,YACPzC,KAAKc,UAAU4B,OAAO1C,KAAKyC,WAC3BzC,KAAKc,UAAUC,IAAIf,KAAKyC,aAM5BzC,KAAKsC,GAAYE,EACjBxC,KAAKY,QACP,IAAC,CAAA,CAAAkB,IAAA,qBAAAa,IA7BD,WACE,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,KAAC7D,CAAA,EAAA8D,kBAvBmCC,gBAAW5D,EAqFpC6D,EAAa,CACxBA,WAAYhE"}
+{"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\n@ced('icon-base')\nexport default class IconBase extends HTMLElement {\n  content: string | null\n\n  mainElement: HTMLElement\n\n  iconUrl?: string | null\n\n  minWidth?: string | null\n\n  minHeight?: string | null\n\n  width?: string | null\n\n  height?: string | null\n\n  size?: string | null\n\n  fontSize?: string | null\n\n  color?: string | null\n\n  static get observedAttributes() {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback() {\n    if (this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, IconBase.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null) {\n    if (attrName === 'className') {\n      this.className = (newVal as string) || ''\n      if (this.className) {\n        this.classList.remove(this.className)\n        this.classList.add(this.className)\n      }\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = newVal\n    this.render()\n  }\n\n  render = () => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n    this.classList.add(classes['icon-base-parent'])\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': this.minWidth || 'auto',\n      '--min-height': this.minHeight || 'auto',\n      '--width': this.size || this.width,\n      '--height': this.size || this.height,\n      ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n      ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n      ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n    }\n\n    this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n    this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'icon-base': any\n    }\n  }\n}\n\nexport const IconBaseWC = {\n  IconBaseWC: IconBase,\n}\n"],"names":["template","document","createElement","innerHTML","IconBase","ced","_dec","_class","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","this","concat","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","_objectSpread","objectSpread2","setAttribute","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","join","_createClass","createClass","getAttribute","resolveAttributes","observedAttributes","attrName","oldVal","newVal","className","remove","get","_wrapNativeSuper","HTMLElement","IconBaseWC"],"mappings":"gdAMMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAAiC,IAejCC,EADpBC,MAAI,YAAYC,CAAAC,WAAAC,GAAAC,WAAAL,EAAAI,GAAA,IAAAE,EAAAC,cAAAP,GAAA,SAAAA,IAAA,IAAAQ,EAAAC,sBAAAT,GAAA,IAAA,IAAAU,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAyEd,OAzEcP,EAAAF,EAAAU,KAAAC,MAAAX,EAAA,CAAAY,MAAAC,OAAAN,KAEfO,aAAO,EAAAZ,EAEPa,iBAAW,EAAAb,EAEXc,aAAO,EAAAd,EAEPe,cAAQ,EAAAf,EAERgB,eAAS,EAAAhB,EAETiB,WAAK,EAAAjB,EAELkB,YAAM,EAAAlB,EAENmB,UAAI,EAAAnB,EAEJoB,cAAQ,EAAApB,EAERqB,WAAK,EAAArB,EAgCLsB,OAAS,WAEP,GADAtB,EAAKa,YAAcb,EAAKa,aAAeb,EAAKuB,cAAc,cACrDvB,EAAKa,YAAV,CAGAb,EAAKwB,UAAUC,IAAIC,EAAQ,qBAC3B1B,EAAKa,YAAYW,UAAUC,IAAIC,EAAQ,cAEvC,IAAMC,EAAMC,EAAAA,cAAAA,EAAAC,cAAAD,gBAAA,CACV,cAAe5B,EAAKe,UAAY,OAChC,eAAgBf,EAAKgB,WAAa,OAClC,UAAWhB,EAAKmB,MAAQnB,EAAKiB,MAC7B,WAAYjB,EAAKmB,MAAQnB,EAAKkB,QAC1BlB,EAAKoB,SAAW,CAAE,YAAapB,EAAKoB,UAAY,SAAY,CAAE,GAC9DpB,EAAKc,QAAU,CAAE,aAAYH,OAAAA,OAASX,EAAKc,QAAO,MAAQ,CAAE,GAC5Dd,EAAKc,QAAU,CAAE,eAAgBd,EAAKqB,OAAU,CAAE,uBAAwBrB,EAAKqB,QAGrFrB,EAAKa,YAAYtB,UAAYS,EAAKc,QAAU,GAAMd,EAAKY,SAAW,GAElEZ,EAAKa,YAAYiB,aAAa,QAASC,OAAOC,QAAQL,GAAQM,KAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAA,cAAAF,EAAA,GAAEG,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAAA,MAAA,GAAAxB,OAAS0B,EAAG1B,MAAAA,OAAK2B,EAAK,IAAA,IAAKC,KAAK,KAhB9G,GAiBDvC,CAAA,CAjDA,OAiDAwC,EAAAC,YAAAjD,EAAA,CAAA,CAAA6C,IAAA,oBAAAC,MA/CD,WACM5B,KAAKnB,YACPmB,KAAKE,QAAUF,KAAKE,SAAWF,KAAKnB,WAAamB,KAAKgC,aAAa,YAGrEhC,KAAKnB,UAAYH,EAASG,UAE1BoD,EAAAA,kBAAkBjC,KAAMlB,EAASoD,oBAEjClC,KAAKY,QACP,GAAC,CAAAe,IAAA,2BAAAC,MAED,SAAyBO,EAAkBC,EAAgCC,GACxD,cAAbF,IACFnC,KAAKsC,UAAaD,GAAqB,GACnCrC,KAAKsC,YACPtC,KAAKc,UAAUyB,OAAOvC,KAAKsC,WAC3BtC,KAAKc,UAAUC,IAAIf,KAAKsC,aAK5BtC,KAAKmC,GAAYE,EACjBrC,KAAKY,QACP,IAAC,CAAA,CAAAe,IAAA,qBAAAa,IA5BD,WACE,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,KAAC1D,CAAA,EAAA2D,kBAvBmCC,gBAAWzD,EAoFpC0D,EAAa,CACxBA,WAAY7D"}

package/dist/lib/cjs/src/core/utils/helpers/objectOperations.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../node_modules/core-js/modules/es.array.iterator.js"),require("../../../../node_modules/core-js/modules/es.object.to-string.js"),require("../../../../node_modules/core-js/modules/es.set.constructor.js"),require("../../../../node_modules/core-js/modules/es.string.iterator.js"),require("../../../../node_modules/core-js/modules/web.dom-collections.iterator.js"),require("../../../../node_modules/core-js/modules/es.array.from.js"),require("../../../../node_modules/core-js/modules/web.dom-collections.for-each.js"),require("../../../../node_modules/core-js/modules/es.object.entries.js"),require("../../../../node_modules/core-js/modules/es.array.map.js"),require("../../../../node_modules/core-js/modules/es.array.concat.js"),require("../../../../node_modules/core-js/modules/es.array.slice.js"),require("../../../../node_modules/core-js/modules/es.array.reduce.js");var r=["graphQL"],o=function(e){return"".concat(e)};exports.arrayToObjectTree=function(r){var o;return function r(t){return t.reduce((function(t,s,n,u){var i=e.objectSpread2({},t);if("string"==typeof s&&(i[s]={name:s},o||(o=i[s]),0===n&&Array.isArray(u[1])&&(o=i[s])),Array.isArray(s)){var a=o;n>1?(i[s[0]]=i[s[0]]||{name:s[0]},a=i[s[0]],i=e.objectSpread2(e.objectSpread2({},i),r(s))):a.children=r(s)}return i}),{})}(r)},exports.chunkArray=function(e){for(var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,o=[],t=e.length,s=0;s<t;s+=r){var n=e.slice(s,s+r);o.push(n)}return o},exports.duplicatesInArray=function(e){var r=new Set(e);if(Array.from(r).length!==e.length){var o={},t={};return e.forEach((function(e){void 0!==t[String(e)]?(o[String(e)]=t[String(e)]+1,t[String(e)]+=1):t[String(e)]=1})),o}return null},exports.formatJsonString=function o(t,s,n){var u=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=u.graphQL,a=e.objectWithoutProperties(u,r);if(!i)return JSON.stringify(t,s,n);var c=[];return Object.entries(t).forEach((function(r){var t=e.slicedToArray(r,2),u=t[0],d=t[1],l="".concat(u,": ");"object"!==e.typeof(d)||Array.isArray(d)?l+=JSON.stringify(d):l+="".concat(o(d,s,n,e.objectSpread2({graphQL:i},a))),c.push(l)})),"{".concat(c.join(", "),"}")},exports.formatObj=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:", ",s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:o;return"object"===e.typeof(r)?Object.entries(r).map((function(r){var o=e.slicedToArray(r,2),t=o[0],u=o[1];return"".concat(n(t),": ").concat(s(u))})).join(t):""};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../node_modules/core-js/modules/es.array.iterator.js"),require("../../../../node_modules/core-js/modules/es.object.to-string.js"),require("../../../../node_modules/core-js/modules/es.set.constructor.js"),require("../../../../node_modules/core-js/modules/es.string.iterator.js"),require("../../../../node_modules/core-js/modules/web.dom-collections.iterator.js"),require("../../../../node_modules/core-js/modules/es.array.from.js"),require("../../../../node_modules/core-js/modules/web.dom-collections.for-each.js"),require("../../../../node_modules/core-js/modules/es.object.entries.js"),require("../../../../node_modules/core-js/modules/es.array.map.js"),require("../../../../node_modules/core-js/modules/es.array.concat.js"),require("../../../../node_modules/core-js/modules/es.array.slice.js"),require("../../../../node_modules/core-js/modules/es.array.reduce.js");var r=["graphQL"],o=function(e){return"".concat(e)};exports.arrayToObjectTree=function(r){var o;return function r(t){return t.reduce((function(t,n,s,c){var i=e.objectSpread2({},t);if("string"==typeof n&&(i[n]={name:n},o||(o=i[n]),0===s&&Array.isArray(c[1])&&(o=i[n])),Array.isArray(n)){var a=o;s>1?(i[n[0]]=i[n[0]]||{name:n[0]},a=i[n[0]],i=e.objectSpread2(e.objectSpread2({},i),r(n))):a.children=r(n)}return i}),{})}(r)},exports.chunkArray=function(e){for(var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,o=[],t=e.length,n=0;n<t;n+=r){var s=e.slice(n,n+r);o.push(s)}return o},exports.duplicatesInArray=function(e){var r=new Set(e);if(Array.from(r).length!==e.length){var o={},t={};return e.forEach((function(e){void 0!==t[String(e)]?(o[String(e)]=t[String(e)]+1,t[String(e)]+=1):t[String(e)]=1})),o}return null},exports.formatJsonString=function o(t,n,s){var c=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=c.graphQL,a=e.objectWithoutProperties(c,r);if(!i)return JSON.stringify(t,n,s);var u=[];return Object.entries(t).forEach((function(r){var t=e.slicedToArray(r,2),c=t[0],d=t[1],l="".concat(c,": ");"object"!==e.typeof(d)||Array.isArray(d)?l+=JSON.stringify(d):l+="".concat(o(d,n,s,e.objectSpread2({graphQL:i},a))),u.push(l)})),"{".concat(u.join(", "),"}")},exports.formatObj=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:", ",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:o;return"object"===e.typeof(r)?Object.entries(r).map((function(r){var o=e.slicedToArray(r,2),t=o[0],c=o[1];return"".concat(s(t),": ").concat(n(c))})).join(t):""},exports.formatObj2=function r(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:", ",s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o,c=arguments.length>3&&void 0!==arguments[3]?arguments[3]:o;return"object"===e.typeof(t)&&Array.isArray(t)?t.map((function(e){return r(e,n,s,c)})).join(n):"object"===e.typeof(t)?Object.entries(t).map((function(o){var t=e.slicedToArray(o,2),n=t[0],i=t[1],a=c(n),u=s("object"===e.typeof(i)?r(i):i);return"".concat(a?"".concat(a,": "):"").concat(u)})).join(n):""};
 //# sourceMappingURL=objectOperations.js.map

package/dist/lib/cjs/src/core/utils/helpers/objectOperations.js.map

@@ -1 +1 @@
-{"version":3,"file":"objectOperations.js","sources":["../../../../../../../src/core/utils/helpers/objectOperations.ts"],"sourcesContent":["export const duplicatesInArray = (arr: unknown[]): null | Record<string, number> => {\n  const setFromArr = new Set(arr)\n\n  if (Array.from(setFromArr).length !== arr.length) {\n    const foundDuplicates: Record<string, number> = {}\n    const itemsMap: Record<string, number> = {}\n\n    arr.forEach((item: unknown) => {\n      if (itemsMap[String(item)] !== undefined) {\n        foundDuplicates[String(item)] = itemsMap[String(item)] + 1\n        itemsMap[String(item)] += 1\n      } else {\n        itemsMap[String(item)] = 1\n      }\n    })\n    return foundDuplicates\n  }\n  return null\n}\n\ntype Replacer = ((this: any, key: string, value: any) => any) | undefined\ntype Options = {\n  graphQL?: boolean\n  [key: string]: any\n}\n\nexport const formatJsonString = (\n  value: any,\n  replacer?: Replacer | undefined,\n  space?: string | number | undefined,\n  { graphQL, ...options }: Options = {},\n): string => {\n  if (!graphQL) {\n    return JSON.stringify(value, replacer, space)\n  }\n  const strValues: string[] = []\n\n  Object.entries(value).forEach(([key, value]) => {\n    let str = `${key}: `\n\n    if (typeof value === 'object' && !Array.isArray(value)) {\n      str += `${formatJsonString(value, replacer, space, { graphQL, ...options })}`\n    } else {\n      str += JSON.stringify(value)\n    }\n    strValues.push(str)\n  })\n  return `{${strValues.join(', ')}}`\n}\n\nconst simpleIdentiy = (value: string | number) => `${value}`\n\nexport const formatObj = (\n  obj: Record<string, string | number>,\n  delimiter = ', ',\n  mapValue: ((value: string | number) => string) = simpleIdentiy,\n  mapKey: ((value: string | number) => string) = simpleIdentiy,\n): string => (typeof obj === 'object'\n  ? Object.entries(obj).map(([key, value]) => `${mapKey(key)}: ${mapValue(value)}`).join(delimiter)\n  : '')\n\nexport const chunkArray = (dataArray: any[], chunkSize = 100): (any[])[] => {\n  const result = []\n\n  const len = dataArray.length\n\n  for (let i = 0; i < len; i += chunkSize) {\n    const chunk = dataArray.slice(i, i + chunkSize)\n\n    result.push(chunk)\n  }\n  return result\n}\n\nexport type TreeNodeStr = (string | TreeNodeStr)[]\n\ntype TreeNode = {\n  name: string\n  children?: Record<string, TreeNode>\n}\n\n// ['app', ['user', 'dashboard', ['ui', ['header', 'footer', 'menu'], 'realTime']]]\n\nexport const arrayToObjectTree = (itemsInTree: TreeNodeStr[]) => {\n  let previousParent: TreeNode\n\n  const innerMake = (items: TreeNodeStr[]): Record<string, TreeNode> => {\n    const treeObject: Record<string, TreeNode> = items.reduce((tree: Record<string, TreeNode>, item, index, array) => {\n      let resolvedTree: Record<string, TreeNode> = { ...tree }\n\n      if (typeof item === 'string') {\n        resolvedTree[item] = { name: item }\n        if (!previousParent) {\n          previousParent = resolvedTree[item]\n        }\n\n        if (index === 0 && Array.isArray(array[1])) {\n          previousParent = resolvedTree[item]\n        }\n      }\n      if (Array.isArray(item)) {\n        let parent = previousParent\n\n        if (index > 1) {\n          resolvedTree[item[0] as string] = resolvedTree[item[0] as string] || { name: item[0] }\n          parent = resolvedTree[item[0] as string]\n\n          resolvedTree = { ...resolvedTree, ...innerMake(item as TreeNodeStr[]) }\n        } else {\n          parent.children = innerMake(item as TreeNodeStr[])\n        }\n      }\n      return resolvedTree\n    }, {})\n\n    return treeObject\n  }\n\n  return innerMake(itemsInTree)\n}\n"],"names":["simpleIdentiy","value","concat","itemsInTree","previousParent","innerMake","items","reduce","tree","item","index","array","resolvedTree","_objectSpread","name","Array","isArray","parent","children","dataArray","chunkSize","arguments","length","undefined","result","len","i","chunk","slice","push","arr","setFromArr","Set","from","foundDuplicates","itemsMap","forEach","String","formatJsonString","replacer","space","_ref","graphQL","options","_objectWithoutProperties","objectWithoutProperties","_excluded","JSON","stringify","strValues","Object","entries","_ref2","_ref3","_slicedToArray","key","str","_typeof","join","obj","delimiter","mapValue","mapKey","map","_ref4","_ref5"],"mappings":"+gCAkDMA,EAAgB,SAACC,GAAsB,MAAAC,GAAAA,OAAQD,EAAK,4BAiCzB,SAACE,GAChC,IAAIC,EAkCJ,OAhCkB,SAAZC,EAAaC,GA6BjB,OA5B6CA,EAAMC,QAAO,SAACC,EAAgCC,EAAMC,EAAOC,GACtG,IAAIC,EAAsCC,EAAAA,cAAA,CAAA,EAAQL,GAYlD,GAVoB,iBAATC,IACTG,EAAaH,GAAQ,CAAEK,KAAML,GACxBL,IACHA,EAAiBQ,EAAaH,IAGlB,IAAVC,GAAeK,MAAMC,QAAQL,EAAM,MACrCP,EAAiBQ,EAAaH,KAG9BM,MAAMC,QAAQP,GAAO,CACvB,IAAIQ,EAASb,EAETM,EAAQ,GACVE,EAAaH,EAAK,IAAgBG,EAAaH,EAAK,KAAiB,CAAEK,KAAML,EAAK,IAClFQ,EAASL,EAAaH,EAAK,IAE3BG,EAAYC,EAAAA,cAAAA,EAAAA,cAAA,CAAA,EAAQD,GAAiBP,EAAUI,KAE/CQ,EAAOC,SAAWb,EAAUI,EAEhC,CACA,OAAOG,CACR,GAAE,CAAE,GAKAP,CAAUF,EACnB,qBA1D0B,SAACgB,GAKzB,IAL0E,IAA/BC,EAASC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IACjDG,EAAS,GAETC,EAAMN,EAAUG,OAEbI,EAAI,EAAGA,EAAID,EAAKC,GAAKN,EAAW,CACvC,IAAMO,EAAQR,EAAUS,MAAMF,EAAGA,EAAIN,GAErCI,EAAOK,KAAKF,EACd,CACA,OAAOH,CACT,4BAxEiC,SAACM,GAChC,IAAMC,EAAa,IAAIC,IAAIF,GAE3B,GAAIf,MAAMkB,KAAKF,GAAYT,SAAWQ,EAAIR,OAAQ,CAChD,IAAMY,EAA0C,CAAA,EAC1CC,EAAmC,CAAA,EAUzC,OARAL,EAAIM,SAAQ,SAAC3B,QACoBc,IAA3BY,EAASE,OAAO5B,KAClByB,EAAgBG,OAAO5B,IAAS0B,EAASE,OAAO5B,IAAS,EACzD0B,EAASE,OAAO5B,KAAU,GAE1B0B,EAASE,OAAO5B,IAAS,CAE7B,IACOyB,CACT,CACA,OAAO,IACT,2BAQgC,SAAnBI,EACXrC,EACAsC,EACAC,GAEW,IAAAC,EAAApB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GADwB,CAAE,EAAnCqB,EAAOD,EAAPC,QAAYC,EAAOC,EAAAC,wBAAAJ,EAAAK,GAErB,IAAKJ,EACH,OAAOK,KAAKC,UAAU/C,EAAOsC,EAAUC,GAEzC,IAAMS,EAAsB,GAY5B,OAVAC,OAAOC,QAAQlD,GAAOmC,SAAQ,SAAAgB,GAAkB,IAAAC,EAAAC,EAAAA,cAAAF,EAAA,GAAhBG,EAAGF,EAAA,GAAEpD,EAAKoD,EAAA,GACpCG,EAAG,GAAAtD,OAAMqD,EAAO,MAEC,WAAjBE,EAAAA,OAAOxD,IAAuBc,MAAMC,QAAQf,GAG9CuD,GAAOT,KAAKC,UAAU/C,GAFtBuD,GAAG,GAAAtD,OAAOoC,EAAiBrC,EAAOsC,EAAUC,EAAK3B,gBAAA,CAAI6B,QAAAA,GAAYC,KAInEM,EAAUpB,KAAK2B,EACjB,IACA,IAAAtD,OAAW+C,EAAUS,KAAK,MAAK,IACjC,oBAIyB,SACvBC,GAAoC,IACpCC,EAASvC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,KACZwC,EAA8CxC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGrB,EACjD8D,EAA4CzC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGrB,EAAa,MACjC,WAAfyD,EAAA,OAAOE,GACjBT,OAAOC,QAAQQ,GAAKI,KAAI,SAAAC,GAAA,IAAAC,EAAAX,EAAAA,cAAAU,EAAA,GAAET,EAAGU,EAAA,GAAEhE,EAAKgE,EAAA,GAAA,MAAA,GAAA/D,OAAS4D,EAAOP,GAAIrD,MAAAA,OAAK2D,EAAS5D,GAAQ,IAAEyD,KAAKE,GACrF,EAAE"}
+{"version":3,"file":"objectOperations.js","sources":["../../../../../../../src/core/utils/helpers/objectOperations.ts"],"sourcesContent":["export const duplicatesInArray = (arr: unknown[]): null | Record<string, number> => {\n  const setFromArr = new Set(arr)\n\n  if (Array.from(setFromArr).length !== arr.length) {\n    const foundDuplicates: Record<string, number> = {}\n    const itemsMap: Record<string, number> = {}\n\n    arr.forEach((item: unknown) => {\n      if (itemsMap[String(item)] !== undefined) {\n        foundDuplicates[String(item)] = itemsMap[String(item)] + 1\n        itemsMap[String(item)] += 1\n      } else {\n        itemsMap[String(item)] = 1\n      }\n    })\n    return foundDuplicates\n  }\n  return null\n}\n\ntype Replacer = ((this: any, key: string, value: any) => any) | undefined\ntype Options = {\n  graphQL?: boolean\n  [key: string]: any\n}\n\nexport const formatJsonString = (\n  value: any,\n  replacer?: Replacer | undefined,\n  space?: string | number | undefined,\n  { graphQL, ...options }: Options = {},\n): string => {\n  if (!graphQL) {\n    return JSON.stringify(value, replacer, space)\n  }\n  const strValues: string[] = []\n\n  Object.entries(value).forEach(([key, value]) => {\n    let str = `${key}: `\n\n    if (typeof value === 'object' && !Array.isArray(value)) {\n      str += `${formatJsonString(value, replacer, space, { graphQL, ...options })}`\n    } else {\n      str += JSON.stringify(value)\n    }\n    strValues.push(str)\n  })\n  return `{${strValues.join(', ')}}`\n}\n\nconst simpleIdentiy = (value: string | number) => `${value}`\n\nexport const formatObj = (\n  obj: Record<string, string | number>,\n  delimiter = ', ',\n  mapValue: ((value: string | number) => string) = simpleIdentiy,\n  mapKey: ((value: string | number) => string) = simpleIdentiy,\n): string => (typeof obj === 'object'\n  ? Object.entries(obj).map(([key, value]) => `${mapKey(key)}: ${mapValue(value)}`).join(delimiter)\n  : '')\n\n\nexport const formatObj2 = (\n  obj: Record<string, string | number>,\n  delimiter = ', ',\n  mapValue: ((value: string | number) => string) = simpleIdentiy,\n  mapKey: ((value: string | number) => string) = simpleIdentiy,\n): string => {\n  if (typeof obj === 'object' && Array.isArray(obj)) {\n    return obj\n      .map((objValue) => formatObj2(objValue, delimiter, mapValue, mapKey))\n      .join(delimiter)\n  }\n\n  if (typeof obj === 'object') {\n    return Object.entries(obj)\n      .map(([key, value]) => {\n        const mappedKey = mapKey(key)\n        const mappedValue = mapValue(typeof value === 'object' ? formatObj2(value) : value)\n\n        return `${mappedKey ? `${mappedKey}: ` : ''}${mappedValue}`\n      })\n      .join(delimiter)\n  }\n  return ''\n}\n\n\n\n\n\nexport const chunkArray = (dataArray: any[], chunkSize = 100): (any[])[] => {\n  const result = []\n\n  const len = dataArray.length\n\n  for (let i = 0; i < len; i += chunkSize) {\n    const chunk = dataArray.slice(i, i + chunkSize)\n\n    result.push(chunk)\n  }\n  return result\n}\n\nexport type TreeNodeStr = (string | TreeNodeStr)[]\n\ntype TreeNode = {\n  name: string\n  children?: Record<string, TreeNode>\n}\n\n// ['app', ['user', 'dashboard', ['ui', ['header', 'footer', 'menu'], 'realTime']]]\n\nexport const arrayToObjectTree = (itemsInTree: TreeNodeStr[]) => {\n  let previousParent: TreeNode\n\n  const innerMake = (items: TreeNodeStr[]): Record<string, TreeNode> => {\n    const treeObject: Record<string, TreeNode> = items.reduce((tree: Record<string, TreeNode>, item, index, array) => {\n      let resolvedTree: Record<string, TreeNode> = { ...tree }\n\n      if (typeof item === 'string') {\n        resolvedTree[item] = { name: item }\n        if (!previousParent) {\n          previousParent = resolvedTree[item]\n        }\n\n        if (index === 0 && Array.isArray(array[1])) {\n          previousParent = resolvedTree[item]\n        }\n      }\n      if (Array.isArray(item)) {\n        let parent = previousParent\n\n        if (index > 1) {\n          resolvedTree[item[0] as string] = resolvedTree[item[0] as string] || { name: item[0] }\n          parent = resolvedTree[item[0] as string]\n\n          resolvedTree = { ...resolvedTree, ...innerMake(item as TreeNodeStr[]) }\n        } else {\n          parent.children = innerMake(item as TreeNodeStr[])\n        }\n      }\n      return resolvedTree\n    }, {})\n\n    return treeObject\n  }\n\n  return innerMake(itemsInTree)\n}\n"],"names":["simpleIdentiy","value","concat","itemsInTree","previousParent","innerMake","items","reduce","tree","item","index","array","resolvedTree","_objectSpread","name","Array","isArray","parent","children","dataArray","chunkSize","arguments","length","undefined","result","len","i","chunk","slice","push","arr","setFromArr","Set","from","foundDuplicates","itemsMap","forEach","String","formatJsonString","replacer","space","_ref","graphQL","options","_objectWithoutProperties","objectWithoutProperties","_excluded","JSON","stringify","strValues","Object","entries","_ref2","_ref3","_slicedToArray","key","str","_typeof","join","obj","delimiter","mapValue","mapKey","map","_ref4","_ref5","formatObj2","objValue","_ref6","_ref7","mappedKey","mappedValue"],"mappings":"+gCAkDMA,EAAgB,SAACC,GAAsB,MAAAC,GAAAA,OAAQD,EAAK,4BA+DzB,SAACE,GAChC,IAAIC,EAkCJ,OAhCkB,SAAZC,EAAaC,GA6BjB,OA5B6CA,EAAMC,QAAO,SAACC,EAAgCC,EAAMC,EAAOC,GACtG,IAAIC,EAAsCC,EAAAA,cAAA,CAAA,EAAQL,GAYlD,GAVoB,iBAATC,IACTG,EAAaH,GAAQ,CAAEK,KAAML,GACxBL,IACHA,EAAiBQ,EAAaH,IAGlB,IAAVC,GAAeK,MAAMC,QAAQL,EAAM,MACrCP,EAAiBQ,EAAaH,KAG9BM,MAAMC,QAAQP,GAAO,CACvB,IAAIQ,EAASb,EAETM,EAAQ,GACVE,EAAaH,EAAK,IAAgBG,EAAaH,EAAK,KAAiB,CAAEK,KAAML,EAAK,IAClFQ,EAASL,EAAaH,EAAK,IAE3BG,EAAYC,EAAAA,cAAAA,EAAAA,cAAA,CAAA,EAAQD,GAAiBP,EAAUI,KAE/CQ,EAAOC,SAAWb,EAAUI,EAEhC,CACA,OAAOG,CACR,GAAE,CAAE,GAKAP,CAAUF,EACnB,qBA1D0B,SAACgB,GAKzB,IAL0E,IAA/BC,EAASC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IACjDG,EAAS,GAETC,EAAMN,EAAUG,OAEbI,EAAI,EAAGA,EAAID,EAAKC,GAAKN,EAAW,CACvC,IAAMO,EAAQR,EAAUS,MAAMF,EAAGA,EAAIN,GAErCI,EAAOK,KAAKF,EACd,CACA,OAAOH,CACT,4BAtGiC,SAACM,GAChC,IAAMC,EAAa,IAAIC,IAAIF,GAE3B,GAAIf,MAAMkB,KAAKF,GAAYT,SAAWQ,EAAIR,OAAQ,CAChD,IAAMY,EAA0C,CAAA,EAC1CC,EAAmC,CAAA,EAUzC,OARAL,EAAIM,SAAQ,SAAC3B,QACoBc,IAA3BY,EAASE,OAAO5B,KAClByB,EAAgBG,OAAO5B,IAAS0B,EAASE,OAAO5B,IAAS,EACzD0B,EAASE,OAAO5B,KAAU,GAE1B0B,EAASE,OAAO5B,IAAS,CAE7B,IACOyB,CACT,CACA,OAAO,IACT,2BAQgC,SAAnBI,EACXrC,EACAsC,EACAC,GAEW,IAAAC,EAAApB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GADwB,CAAE,EAAnCqB,EAAOD,EAAPC,QAAYC,EAAOC,EAAAC,wBAAAJ,EAAAK,GAErB,IAAKJ,EACH,OAAOK,KAAKC,UAAU/C,EAAOsC,EAAUC,GAEzC,IAAMS,EAAsB,GAY5B,OAVAC,OAAOC,QAAQlD,GAAOmC,SAAQ,SAAAgB,GAAkB,IAAAC,EAAAC,EAAAA,cAAAF,EAAA,GAAhBG,EAAGF,EAAA,GAAEpD,EAAKoD,EAAA,GACpCG,EAAG,GAAAtD,OAAMqD,EAAO,MAEC,WAAjBE,EAAAA,OAAOxD,IAAuBc,MAAMC,QAAQf,GAG9CuD,GAAOT,KAAKC,UAAU/C,GAFtBuD,GAAG,GAAAtD,OAAOoC,EAAiBrC,EAAOsC,EAAUC,EAAK3B,gBAAA,CAAI6B,QAAAA,GAAYC,KAInEM,EAAUpB,KAAK2B,EACjB,IACA,IAAAtD,OAAW+C,EAAUS,KAAK,MAAK,IACjC,oBAIyB,SACvBC,GAAoC,IACpCC,EAASvC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,KACZwC,EAA8CxC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGrB,EACjD8D,EAA4CzC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGrB,EAAa,MACjC,WAAfyD,EAAA,OAAOE,GACjBT,OAAOC,QAAQQ,GAAKI,KAAI,SAAAC,GAAA,IAAAC,EAAAX,EAAAA,cAAAU,EAAA,GAAET,EAAGU,EAAA,GAAEhE,EAAKgE,EAAA,GAAA,MAAA,GAAA/D,OAAS4D,EAAOP,GAAIrD,MAAAA,OAAK2D,EAAS5D,GAAQ,IAAEyD,KAAKE,GACrF,EAAE,qBAGoB,SAAbM,EACXP,GAIW,IAHXC,EAASvC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,KACZwC,EAA8CxC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGrB,EACjD8D,EAA4CzC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGrB,EAE/C,MAAmB,WAAfyD,EAAAA,OAAOE,IAAoB5C,MAAMC,QAAQ2C,GACpCA,EACJI,KAAI,SAACI,GAAQ,OAAKD,EAAWC,EAAUP,EAAWC,EAAUC,EAAO,IACnEJ,KAAKE,GAGS,WAAfH,EAAA,OAAOE,GACFT,OAAOC,QAAQQ,GACnBI,KAAI,SAAAK,GAAkB,IAAAC,EAAAf,EAAAA,cAAAc,EAAA,GAAhBb,EAAGc,EAAA,GAAEpE,EAAKoE,EAAA,GACTC,EAAYR,EAAOP,GACnBgB,EAAcV,EAA0B,WAAjBJ,EAAAA,OAAOxD,GAAqBiE,EAAWjE,GAASA,GAE7E,MAAA,GAAAC,OAAUoE,EAAS,GAAApE,OAAMoE,EAAS,MAAO,IAAEpE,OAAGqE,EAChD,IACCb,KAAKE,GAEH,EACT"}

package/dist/lib/cjs/src/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./core/hooks/useApi.js"),r=require("./core/hooks/useToggle.js"),t=require("./core/hooks/useTranslations.js"),o=require("./core/hooks/useOutsideClick.js"),s=require("./core/hooks/useResize.js"),i=require("./core/utils/helpers/birthnumber.validator.js"),a=require("./core/utils/helpers/birthnumberCZSKvalidator.js"),n=require("./core/utils/helpers/fileValidator.js"),l=require("./core/utils/helpers/date.js"),p=require("./core/utils/helpers/deviceInfo.js"),c=require("./core/utils/helpers/emailMatcher.js"),u=require("./core/utils/helpers/file.js"),x=require("./core/utils/helpers/objectOperations.js"),m=require("./core/utils/helpers/other.js"),d=require("./core/utils/helpers/textValueOperations.js"),T=require("./core/utils/helpers/valueOperations.js"),v=require("./core/utils/keyExtractor.js"),g=require("./core/utils/date.js"),h=require("./core/utils/webComponents/webComponent.utils.js"),F=require("./core/ui/utils/style.js"),C=require("./core/ui/components/container/FBox.js"),j=require("./core/ui/components/container/Flex.js"),b=require("./core/ui/components/container/Placeholder.js"),f=require("./core/ui/components/container/Container.js"),q=require("./core/ui/components/container/ResizableContainer.js"),S=require("./core/ui/components/field/Field.js"),I=require("./core/ui/components/dividers/DividerLine.js"),D=require("./core/ui/components/icon/IconBase.js"),y=require("./core/ui/components/icon/Icon.js"),z=require("./core/ui/components/icon/IconWC.js"),O=require("./core/constants/ui.constants.js");exports.useApi=e.useApi,exports.useToggle=r.useToggle,exports.createSafeT=t.createSafeT,exports.setUseTranslation=t.setUseTranslation,exports.useTranslations=t.useTranslations,exports.useOutsideClick=o.useOutsideClick,exports.useResize=s.useResize,exports.isBirthNumberValid=i.isBirthNumberValid,exports.getMatch=a.getMatch,exports.isValidFormat=a.isValidFormat,exports.isValidModulo11=a.isValidModulo11,exports.parse=a.parse,exports.regex=a.regex,exports.parseCSVdata=n.parseCSVdata,exports.validateCSVFile=n.validateCSVFile,exports.validateCSVlines=n.validateCSVlines,exports.validateJSONFile=n.validateJSONFile,exports.validateLineCellTrimmed=n.validateLineCellTrimmed,exports.validateLineNumColumns=n.validateLineNumColumns,exports.validateSDFFile=n.validateSDFFile,exports.DATE_FORMAT=l.DATE_FORMAT,exports.formatDateToTimestamp=l.formatDateToTimestamp,exports.getDate=l.getDate,exports.getDeviceId=p.getDeviceId,exports.emailMatch=c.emailMatch,exports.emailMatcher=c.emailMatcher,exports.regexBuilder=c.regexBuilder,exports.cleanCsvLines=u.cleanCsvLines,exports.formatFilePath=u.formatFilePath,exports.arrayToObjectTree=x.arrayToObjectTree,exports.chunkArray=x.chunkArray,exports.duplicatesInArray=x.duplicatesInArray,exports.formatJsonString=x.formatJsonString,exports.formatObj=x.formatObj,exports.debounce=m.debounce,exports.delay=m.delay,exports.memoize=m.memoize,exports.memoizeComplex=m.memoizeComplex,exports.memoizer=m.memoizer,exports.nestedTernary=m.nestedTernary,exports.escapeRegExp=d.escapeRegExp,exports.fileNameExt=d.fileNameExt,exports.findStringInText=d.findStringInText,exports.normalizeString=d.normalizeString,exports.removeWhitespaces=d.removeWhitespaces,exports.sanitizeId=d.sanitizeId,exports.sanitizePathId=d.sanitizePathId,exports.toLowerCase=d.toLowerCase,exports.toUpperCase=d.toUpperCase,exports.truncateText=d.truncateText,Object.defineProperty(exports,"Operation",{enumerable:!0,get:function(){return T.Operation}}),exports.decrementValue=T.decrementValue,exports.incerementValue=T.incerementValue,exports.numberDefined=T.numberDefined,exports.numberOperation=T.numberOperation,exports.restrictNumberInLimits=T.restrictNumberInLimits,exports.setValue=T.setValue,exports.keyExtractor=v.keyExtractor,exports.keyExtractorFunction=v.keyExtractorFunction,exports.dateRangeFormat=g.dateRangeFormat,exports.getDateTime=g.getDateTime,exports.getTimeFromNow=g.getTimeFromNow,exports.getTimeFromNowOriginal=g.getTimeFromNowOriginal,exports.getTimeTo=g.getTimeTo,exports.ced=h.ced,exports.createResolveAttribute=h.createResolveAttribute,exports.customElementDefine=h.customElementDefine,exports.resolveAttributes=h.resolveAttributes,exports.calculateColors=F.calculateColors,exports.calculatePercColor=F.calculatePercColor,exports.convertHex=F.convertHex,exports.convertRGB=F.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return F.defaultFontSize}}),exports.pxToRem=F.pxToRem,exports.resolveStyleValue=F.resolveStyleValue,exports.setDefaultFontSize=F.setDefaultFontSize,exports.toHex=F.toHex,exports.FBox=C.FBox,exports.Flex=j.Flex,exports.FlexTight=j.FlexTight,exports.FlexTightStyled=j.FlexTightStyled,exports.FlexWrapper=j.FlexWrapper,exports.Placeholder=b.Placeholder,exports.Container=f.Container,exports.ResizableContainer=q.ResizableContainer,exports.Field=S.Field,exports.FieldWrapper=S.FieldWrapper,exports.Select=S.Select,exports.setIconColor=S.setIconColor,exports.setIconComponent=S.setIconComponent,exports.DividerHorizontal=I.DividerHorizontal,exports.DividerLine=I.DividerLine,exports.DividerVertical=I.DividerVertical,exports.IconBase=D.IconBase,exports.Icon=y.Icon,exports.IconBaseWC=z.IconBaseWC,Object.defineProperty(exports,"EventName",{enumerable:!0,get:function(){return O.EventName}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./core/hooks/useApi.js"),r=require("./core/hooks/useToggle.js"),t=require("./core/hooks/useTranslations.js"),o=require("./core/hooks/useOutsideClick.js"),s=require("./core/hooks/useResize.js"),i=require("./core/utils/helpers/birthnumber.validator.js"),a=require("./core/utils/helpers/birthnumberCZSKvalidator.js"),n=require("./core/utils/helpers/fileValidator.js"),l=require("./core/utils/helpers/date.js"),p=require("./core/utils/helpers/deviceInfo.js"),c=require("./core/utils/helpers/emailMatcher.js"),u=require("./core/utils/helpers/file.js"),x=require("./core/utils/helpers/objectOperations.js"),m=require("./core/utils/helpers/other.js"),d=require("./core/utils/helpers/textValueOperations.js"),T=require("./core/utils/helpers/valueOperations.js"),v=require("./core/utils/keyExtractor.js"),g=require("./core/utils/date.js"),h=require("./core/utils/webComponents/webComponent.utils.js"),F=require("./core/ui/utils/style.js"),j=require("./core/ui/components/container/FBox.js"),C=require("./core/ui/components/container/Flex.js"),b=require("./core/ui/components/container/Placeholder.js"),f=require("./core/ui/components/container/Container.js"),q=require("./core/ui/components/container/ResizableContainer.js"),S=require("./core/ui/components/field/Field.js"),I=require("./core/ui/components/dividers/DividerLine.js"),O=require("./core/ui/components/icon/IconBase.js"),D=require("./core/ui/components/icon/Icon.js"),y=require("./core/ui/components/icon/IconWC.js"),z=require("./core/constants/ui.constants.js");exports.useApi=e.useApi,exports.useToggle=r.useToggle,exports.createSafeT=t.createSafeT,exports.setUseTranslation=t.setUseTranslation,exports.useTranslations=t.useTranslations,exports.useOutsideClick=o.useOutsideClick,exports.useResize=s.useResize,exports.isBirthNumberValid=i.isBirthNumberValid,exports.getMatch=a.getMatch,exports.isValidFormat=a.isValidFormat,exports.isValidModulo11=a.isValidModulo11,exports.parse=a.parse,exports.regex=a.regex,exports.parseCSVdata=n.parseCSVdata,exports.validateCSVFile=n.validateCSVFile,exports.validateCSVlines=n.validateCSVlines,exports.validateJSONFile=n.validateJSONFile,exports.validateLineCellTrimmed=n.validateLineCellTrimmed,exports.validateLineNumColumns=n.validateLineNumColumns,exports.validateSDFFile=n.validateSDFFile,exports.DATE_FORMAT=l.DATE_FORMAT,exports.formatDateToTimestamp=l.formatDateToTimestamp,exports.getDate=l.getDate,exports.getDeviceId=p.getDeviceId,exports.emailMatch=c.emailMatch,exports.emailMatcher=c.emailMatcher,exports.regexBuilder=c.regexBuilder,exports.cleanCsvLines=u.cleanCsvLines,exports.formatFilePath=u.formatFilePath,exports.arrayToObjectTree=x.arrayToObjectTree,exports.chunkArray=x.chunkArray,exports.duplicatesInArray=x.duplicatesInArray,exports.formatJsonString=x.formatJsonString,exports.formatObj=x.formatObj,exports.formatObj2=x.formatObj2,exports.debounce=m.debounce,exports.delay=m.delay,exports.memoize=m.memoize,exports.memoizeComplex=m.memoizeComplex,exports.memoizer=m.memoizer,exports.nestedTernary=m.nestedTernary,exports.escapeRegExp=d.escapeRegExp,exports.fileNameExt=d.fileNameExt,exports.findStringInText=d.findStringInText,exports.normalizeString=d.normalizeString,exports.removeWhitespaces=d.removeWhitespaces,exports.sanitizeId=d.sanitizeId,exports.sanitizePathId=d.sanitizePathId,exports.toLowerCase=d.toLowerCase,exports.toUpperCase=d.toUpperCase,exports.truncateText=d.truncateText,Object.defineProperty(exports,"Operation",{enumerable:!0,get:function(){return T.Operation}}),exports.decrementValue=T.decrementValue,exports.incerementValue=T.incerementValue,exports.numberDefined=T.numberDefined,exports.numberOperation=T.numberOperation,exports.restrictNumberInLimits=T.restrictNumberInLimits,exports.setValue=T.setValue,exports.keyExtractor=v.keyExtractor,exports.keyExtractorFunction=v.keyExtractorFunction,exports.dateRangeFormat=g.dateRangeFormat,exports.getDateTime=g.getDateTime,exports.getTimeFromNow=g.getTimeFromNow,exports.getTimeFromNowOriginal=g.getTimeFromNowOriginal,exports.getTimeTo=g.getTimeTo,exports.ced=h.ced,exports.createResolveAttribute=h.createResolveAttribute,exports.customElementDefine=h.customElementDefine,exports.resolveAttributes=h.resolveAttributes,exports.calculateColors=F.calculateColors,exports.calculatePercColor=F.calculatePercColor,exports.convertHex=F.convertHex,exports.convertRGB=F.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return F.defaultFontSize}}),exports.pxToRem=F.pxToRem,exports.resolveStyleValue=F.resolveStyleValue,exports.setDefaultFontSize=F.setDefaultFontSize,exports.toHex=F.toHex,exports.FBox=j.FBox,exports.Flex=C.Flex,exports.FlexTight=C.FlexTight,exports.FlexTightStyled=C.FlexTightStyled,exports.FlexWrapper=C.FlexWrapper,exports.Placeholder=b.Placeholder,exports.Container=f.Container,exports.ResizableContainer=q.ResizableContainer,exports.Field=S.Field,exports.FieldWrapper=S.FieldWrapper,exports.Select=S.Select,exports.setIconColor=S.setIconColor,exports.setIconComponent=S.setIconComponent,exports.DividerHorizontal=I.DividerHorizontal,exports.DividerLine=I.DividerLine,exports.DividerVertical=I.DividerVertical,exports.IconBase=O.IconBase,exports.Icon=D.Icon,exports.IconBaseWC=y.IconBaseWC,Object.defineProperty(exports,"EventName",{enumerable:!0,get:function(){return z.EventName}});
 //# sourceMappingURL=index.js.map

package/dist/lib/esm/src/core/ui/components/container/FBox.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as r,forwardRef as a,useMemo as o}from"react";import s from"./fbox.module.scss.js";var l=["style","children","tabIndex","className"],n={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},i=function(e){return e&&n[e]||e},c=a((function(r,a){var n=r.style,c=r.children,d=r.tabIndex,f=r.className,m=void 0===f?"":f,u=e(r,l),x=o((function(){return t(t(t(t(t({},u),u.align?{alignItems:i(u.align)}:{}),u.justify?{justifyContent:i(u.justify)}:{}),u.direction?{flexDirection:u.direction}:{}),n)}),[u,n]);return React.createElement("div",{ref:a,tabIndex:d,className:"".concat(s["flexible-box"]," ").concat(m),style:x},c)}));c.displayName="FBoxRefForwarded";var d=r(c);d.displayName="FBox";export{d as FBox};
+import{objectWithoutProperties as e,slicedToArray as t,objectSpread2 as o,extends as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.object.to-string.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.for-each.js";import"../../../../../node_modules/core-js/modules/es.object.entries.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as s,forwardRef as a,useMemo as n}from"react";import l from"./fbox.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},m=a((function(s,a){var c=s.style,m=s.children,u=s.tabIndex,f=s.className,j=void 0===f?"":f,x=e(s,i),b=n((function(){var e={},o={};return Object.entries(x).forEach((function(r){var s=t(r,2),a=s[0],n=s[1];"data"===a.substr(0,4)?e[a]=n:o[a]=n})),[e,o]}),[x]),p=t(b,2),y=p[0],v=p[1],_=n((function(){return o(o(o(o(o({},v),v.align?{alignItems:d(v.align)}:{}),v.justify?{justifyContent:d(v.justify)}:{}),v.direction?{flexDirection:v.direction}:{}),c)}),[v,c]);return React.createElement("div",r({ref:a,tabIndex:u,className:"".concat(l["flexible-box"]," ").concat(j),style:_},y),m)}));m.displayName="FBoxRefForwarded";var u=s(m);u.displayName="FBox";export{u as FBox};
 //# sourceMappingURL=FBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FBox.js","sources":["../../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\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  style?: CSSProperties\n  className?: 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\n\nconst FBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const styles = useMemo(() => (\n    {\n      ...props,\n      ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n      ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n      ...(props.direction ? { flexDirection: props.direction } : {}),\n      ...style,\n    }\n  ), [props, 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    >\n      {children}\n    </div>\n  )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\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","FBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","_ref$className","className","props","_objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","concat","classes","displayName","FBox","memo"],"mappings":"0UAgCMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,GAAW,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAR,EAAAS,GAE7CC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,KAEhBL,GACCA,EAAMM,MAAQ,CAAEC,WAAYlB,EAAiBW,EAAMM,QAAW,CAAE,GAChEN,EAAMQ,QAAU,CAAEC,eAAgBpB,EAAiBW,EAAMQ,UAAa,CAAE,GACxER,EAAMU,UAAY,CAAEC,cAAeX,EAAMU,WAAc,CAAE,GAC1Df,EAAK,GAET,CAACK,EAAOL,IAEX,OACEiB,MAAAC,cAAA,MAAA,CACEnB,IAAKA,EACLG,SAAUA,EACVE,UAAS,GAAAe,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIf,GAClDJ,MAAOQ,GAENP,EAGP,IAEAL,EAAiByB,YAAc,uBAElBC,EAAOC,EAAgB3B,GAGpC0B,EAAKD,YAAc"}
+{"version":3,"file":"FBox.js","sources":["../../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, FC, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\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  style?: CSSProperties\n  className?: string\n} & CSSProperties\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 FBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const [restProps, cssProps] = useMemo(() => {\n    const restProps: Record<string, unknown> = {}\n    const cssProps: Record<string, unknown> = {}\n\n    Object.entries(props).forEach(([key, value]) => {\n      if (key.substr(0, 4) === 'data') {\n        restProps[key] = value\n      } else {\n        cssProps[key] = value\n      }\n    })\n    return [restProps, cssProps]\n  }, [props])\n\n  const styles = useMemo(() => (\n    {\n      ...cssProps,\n      ...(cssProps.align ? { alignItems: resolveFlexProps(cssProps.align as string) } : {}),\n      ...(cssProps.justify ? { justifyContent: resolveFlexProps(cssProps.justify as string) } : {}),\n      ...(cssProps.direction ? { flexDirection: cssProps.direction } : {}),\n      ...style,\n    }\n  ), [cssProps, 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      {...restProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox: FC<FBoxProps> = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\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","FBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","_ref$className","className","props","_objectWithoutProperties","_excluded","_useMemo","useMemo","restProps","cssProps","Object","entries","forEach","_ref2","_ref3","_slicedToArray","key","substr","_useMemo2","styles","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","FBox","memo"],"mappings":"klBAgCMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,GAAW,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAR,EAAAS,GAEnDC,EAA8BC,GAAQ,WACpC,IAAMC,EAAqC,CAAA,EACrCC,EAAoC,CAAA,EAS1C,OAPAC,OAAOC,QAAQR,GAAOS,SAAQ,SAAAC,GAAkB,IAAAC,EAAAC,EAAAF,EAAA,GAAhBG,EAAGF,EAAA,GAAErB,EAAKqB,EAAA,GACf,SAArBE,EAAIC,OAAO,EAAG,GAChBT,EAAUQ,GAAOvB,EAEjBgB,EAASO,GAAOvB,CAEpB,IACO,CAACe,EAAWC,EACrB,GAAG,CAACN,IAAOe,EAAAH,EAAAT,EAAA,GAZJE,EAASU,EAAA,GAAET,EAAQS,EAAA,GAcpBC,EAASZ,GAAQ,WAAA,OAAAa,EAAAA,EAAAA,EAAAA,EAAAA,KAEhBX,GACCA,EAASY,MAAQ,CAAEC,WAAY9B,EAAiBiB,EAASY,QAAqB,CAAE,GAChFZ,EAASc,QAAU,CAAEC,eAAgBhC,EAAiBiB,EAASc,UAAuB,CAAE,GACxFd,EAASgB,UAAY,CAAEC,cAAejB,EAASgB,WAAc,CAAE,GAChE3B,EAAK,GAET,CAACW,EAAUX,IAEd,OACE6B,MAAAC,cAAA,MAAAC,EAAA,CACEhC,IAAKA,EACLG,SAAUA,EACVE,UAAS,GAAA4B,OAAMC,EAAgB,gBAAeD,KAAAA,OAAI5B,GAClDJ,MAAOqB,GACHX,GAEHT,EAGP,IAEAL,EAAiBsC,YAAc,uBAElBC,EAAsBC,EAAgBxC,GAGnDuC,EAAKD,YAAc"}

package/dist/lib/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,m=void 0===s?"0":s,v=e.width,u=void 0===v?"1px":v,p=e.height,h=void 0===p?"1px":p,f=e.margin,g=e.className,y=i((function(){return"vertical"===t||!0===a}),[t,a]),N=i((function(){return{"--width":u,"--height":h,"--length":d,"--opacity":l,"--color":n,"--left":m,"--margin":f||(y?"auto 0":"0 auto")}}),[u,h,d,l,n,m,f,y]),j=y?r.vertical:r.horizontal;return React.createElement("div",{className:"".concat(r["divider-line"]," ").concat(j," ").concat(g),style:N})}));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"../../../../../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};
 //# sourceMappingURL=DividerLine.js.map

package/dist/lib/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\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","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"4OAkBaA,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,OACAC,EAASf,EAATe,UAEMC,EAAaC,GAAQ,WAAA,MAAsB,aAAhBhB,IAA2C,IAAbC,CAAiB,GAAE,CAACD,EAAaC,IAE1FgB,EAASD,GAAQ,WAAA,MACrB,CACE,UAAWN,EACX,WAAYE,EACZ,WAAYN,EACZ,YAAaF,EACb,UAAWD,EACX,SAAUK,EACV,WAAYK,IAAWE,EAAa,SAAW,UAChD,GACA,CAACL,EAAOE,EAAQN,EAAQF,EAASD,EAAOK,EAAMK,EAAQE,IAEnDG,EAAcH,EAAaI,EAAQlB,SAAWkB,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAASS,GAAAA,OAAMJ,EAAgB,gBAAeI,KAAAA,OAAIL,EAAW,KAAAK,OAAIT,GACjEU,MAAOP,GAGb,IAEApB,EAAY4B,YAAc,kBAEbC,EACT5B,GAAK,SAAC6B,GAAK,OAAKN,MAAAC,cAACzB,EAAW+B,EAAA,CAAC3B,UAAQ,EAACK,OAAO,QAAWqB,GAAS,IACrED,EAAgBD,YAAc,sBAEjBI,EACT/B,GAAK,SAAC6B,GAAK,OAAKN,MAAAC,cAACzB,EAAW+B,EAAA,CAACtB,OAAO,QAAWqB,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\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":"4OAkBaA,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"}

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

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

package/dist/lib/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, PropsWithChildren } from 'react'\n\nimport classes from './icon.module.scss'\n\nexport type IconBaseType = PropsWithChildren<any> & {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem',\n  size, fontSize, width, height, color = 'currentColor', className = '', children,\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': Math.min(minWidth, size || width),\n      '--min-height': Math.min(minHeight, size || height),\n      '--width': size || width,\n      '--height': size || height,\n      ...(fontSize ? { fontSize } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n    }\n  ), [minWidth, minHeight, size, width, height, fontSize, iconUrl, color])\n\n  return (\n    <span\n      className={`${(classes as any)['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","_ref$minWidth","minWidth","_ref$minHeight","minHeight","size","fontSize","width","height","_ref$color","color","_ref$className","className","children","styles","useMemo","_objectSpread","Math","min","concat","React","createElement","classes","style","displayName"],"mappings":"+OAgBaA,EAAWC,GAAmB,SAAAC,GAGvB,IAFlBC,EAAOD,EAAPC,QAAOC,EAAAF,EAAEG,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAC9CE,EAAIN,EAAJM,KAAMC,EAAQP,EAARO,SAAUC,EAAKR,EAALQ,MAAOC,EAAMT,EAANS,OAAMC,EAAAV,EAAEW,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAAE,EAAAZ,EAAEa,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAEE,EAAQd,EAARc,SAEjEC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAA,CAEnB,cAAeC,KAAKC,IAAIhB,EAAUG,GAAQE,GAC1C,eAAgBU,KAAKC,IAAId,EAAWC,GAAQG,GAC5C,UAAWH,GAAQE,EACnB,WAAYF,GAAQG,GAChBF,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAC1BN,EAAU,CAAE,aAAY,OAAAmB,OAASnB,EAAO,MAAQ,CAAA,GAChDA,EAAU,CAAE,eAAgBU,GAAU,CAAE,uBAAwBA,GAAO,GAE5E,CAACR,EAAUE,EAAWC,EAAME,EAAOC,EAAQF,EAAUN,EAASU,IAEjE,OACEU,MAAAC,cAAA,OAAA,CACET,UAAS,GAAAO,OAAMG,EAAgB,aAAYH,eAAAA,OAAcP,GACzDW,MAAOT,IAEJd,GAAWa,GAAaA,EAGjC,IAEAhB,EAAS2B,YAAc"}
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, PropsWithChildren } from 'react'\n\nimport classes from './icon.module.scss'\n\nexport type IconBaseType = PropsWithChildren<any> & {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem', size,\n  fontSize, width, height, color = 'currentColor', className = '', children,\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || 'auto',\n      '--min-height': minHeight || 'auto',\n      '--width': size || width,\n      '--height': size || height,\n      ...(fontSize ? { fontSize } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n    }\n  ), [minWidth, minHeight, size, width, height, fontSize, iconUrl, color])\n\n  return (\n    <span\n      className={`${(classes as any)['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","_ref$minWidth","minWidth","_ref$minHeight","minHeight","size","fontSize","width","height","_ref$color","color","_ref$className","className","children","styles","useMemo","_objectSpread","concat","React","createElement","classes","style","displayName"],"mappings":"+OAgBaA,EAAWC,GAAmB,SAAAC,GAGvB,IAFlBC,EAAOD,EAAPC,QAAOC,EAAAF,EAAEG,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAEE,EAAIN,EAAJM,KAChDC,EAAQP,EAARO,SAAUC,EAAKR,EAALQ,MAAOC,EAAMT,EAANS,OAAMC,EAAAV,EAAEW,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAAE,EAAAZ,EAAEa,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAEE,EAAQd,EAARc,SAE3DC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAA,CAEnB,cAAed,GAAY,OAC3B,eAAgBE,GAAa,OAC7B,UAAWC,GAAQE,EACnB,WAAYF,GAAQG,GAChBF,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAC1BN,EAAU,CAAE,aAAY,OAAAiB,OAASjB,EAAO,MAAQ,CAAA,GAChDA,EAAU,CAAE,eAAgBU,GAAU,CAAE,uBAAwBA,GAAO,GAE5E,CAACR,EAAUE,EAAWC,EAAME,EAAOC,EAAQF,EAAUN,EAASU,IAEjE,OACEQ,MAAAC,cAAA,OAAA,CACEP,UAAS,GAAAK,OAAMG,EAAgB,aAAYH,eAAAA,OAAcL,GACzDS,MAAOP,IAEJd,GAAWa,GAAaA,EAGjC,IAEAhB,EAASyB,YAAc"}

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

@@ -1,2 +1,2 @@
-import{inherits as e,createSuper as t,createClass as i,classCallCheck as n,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.number.constructor.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,u=document.createElement("template");u.innerHTML='<span class="icon-base"></span>';var d=a("icon-base")(m=function(r){e(m,r);var a=t(m);function m(){var e;n(this,m);for(var t=arguments.length,i=new Array(t),r=0;r<t;r++)i[r]=arguments[r];return(e=a.call.apply(a,[this].concat(i))).content=void 0,e.mainElement=void 0,e.iconUrl=void 0,e.minWidth=void 0,e.minHeight=void 0,e.width=void 0,e.height=void 0,e.size=void 0,e.fontSize=void 0,e.color=void 0,e.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":Math.min(Number(e.minWidth),Number(e.size||e.width))||"unset","--min-height":Math.min(Number(e.minHeight),Number(e.size||e.height))||"unset","--width":e.size||e.width||"unset","--height":e.size||e.height||"unset"},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),i=t[0],n=t[1];return"".concat(i,": ").concat(n,";")})).join(" "))}},e}return i(m,[{key:"connectedCallback",value:function(){this.innerHTML&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=u.innerHTML,c(this,m.observedAttributes),this.render()}},{key:"attributeChangedCallback",value:function(e,t,i){if("className"===e)return this.className=i||"",void(this.className&&(this.classList.remove(this.className),this.classList.add(this.className)));this[e]=i,this.render()}}],[{key:"observedAttributes",get:function(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}}]),m}(r(HTMLElement)))||m,h={IconBaseWC:d};export{h as IconBaseWC,d as default};
+import{inherits as e,createSuper as t,createClass as i,classCallCheck as n,objectSpread2 as s,slicedToArray as o,wrapNativeSuper as a}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 r,resolveAttributes as c}from"../../../utils/webComponents/webComponent.utils.js";import l from"./icon.module.scss.js";var m,d=document.createElement("template");d.innerHTML='<span class="icon-base"></span>';var h=r("icon-base")(m=function(a){e(m,a);var r=t(m);function m(){var e;n(this,m);for(var t=arguments.length,i=new Array(t),a=0;a<t;a++)i[a]=arguments[a];return(e=r.call.apply(r,[this].concat(i))).content=void 0,e.mainElement=void 0,e.iconUrl=void 0,e.minWidth=void 0,e.minHeight=void 0,e.width=void 0,e.height=void 0,e.size=void 0,e.fontSize=void 0,e.color=void 0,e.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||"auto","--min-height":e.minHeight||"auto","--width":e.size||e.width,"--height":e.size||e.height},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),i=t[0],n=t[1];return"".concat(i,": ").concat(n,";")})).join(" "))}},e}return i(m,[{key:"connectedCallback",value:function(){this.innerHTML&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=d.innerHTML,c(this,m.observedAttributes),this.render()}},{key:"attributeChangedCallback",value:function(e,t,i){"className"===e&&(this.className=i||"",this.className&&(this.classList.remove(this.className),this.classList.add(this.className))),this[e]=i,this.render()}}],[{key:"observedAttributes",get:function(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}}]),m}(a(HTMLElement)))||m,u={IconBaseWC:h};export{u as IconBaseWC,h as default};
 //# sourceMappingURL=IconWC.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\n@ced('icon-base')\nexport default class IconBase extends HTMLElement {\n  content: string | null\n\n  mainElement: HTMLElement\n\n  iconUrl?: string | null\n\n  minWidth?: string | null\n\n  minHeight?: string | null\n\n  width?: string | null\n\n  height?: string | null\n\n  size?: string | null\n\n  fontSize?: string | null\n\n  color?: string | null\n\n  static get observedAttributes() {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback() {\n    if (this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, IconBase.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null) {\n    if (attrName === 'className') {\n      this.className = (newVal as string) || ''\n      if (this.className) {\n        this.classList.remove(this.className)\n        this.classList.add(this.className)\n      }\n      return\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = newVal\n    this.render()\n  }\n\n  render = () => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n    this.classList.add(classes['icon-base-parent'])\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': Math.min(Number(this.minWidth), Number(this.size || this.width)) || 'unset',\n      '--min-height': Math.min(Number(this.minHeight), Number(this.size || this.height)) || 'unset',\n      '--width': this.size || this.width || 'unset',\n      '--height': this.size || this.height || 'unset',\n      ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n      ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n      ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n    }\n\n    this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n    this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'icon-base': any\n    }\n  }\n}\n\nexport const IconBaseWC = {\n  IconBaseWC: IconBase,\n}\n"],"names":["template","document","createElement","innerHTML","IconBase","ced","_dec","_class","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","this","concat","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","_objectSpread","Math","min","Number","setAttribute","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","join","_createClass","getAttribute","resolveAttributes","observedAttributes","attrName","oldVal","newVal","className","remove","get","_wrapNativeSuper","HTMLElement","IconBaseWC"],"mappings":"6mBAMMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAAiC,IAejCC,EADpBC,EAAI,YAAYC,CAAAC,WAAAC,GAAAC,EAAAL,EAAAI,GAAA,IAAAE,EAAAC,EAAAP,GAAA,SAAAA,IAAA,IAAAQ,EAAAC,OAAAT,GAAA,IAAA,IAAAU,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GA0Ed,OA1EcP,EAAAF,EAAAU,KAAAC,MAAAX,EAAA,CAAAY,MAAAC,OAAAN,KAEfO,aAAO,EAAAZ,EAEPa,iBAAW,EAAAb,EAEXc,aAAO,EAAAd,EAEPe,cAAQ,EAAAf,EAERgB,eAAS,EAAAhB,EAETiB,WAAK,EAAAjB,EAELkB,YAAM,EAAAlB,EAENmB,UAAI,EAAAnB,EAEJoB,cAAQ,EAAApB,EAERqB,WAAK,EAAArB,EAiCLsB,OAAS,WAEP,GADAtB,EAAKa,YAAcb,EAAKa,aAAeb,EAAKuB,cAAc,cACrDvB,EAAKa,YAAV,CAGAb,EAAKwB,UAAUC,IAAIC,EAAQ,qBAC3B1B,EAAKa,YAAYW,UAAUC,IAAIC,EAAQ,cAEvC,IAAMC,EAAMC,EAAAA,EAAAA,EAAA,CACV,cAAeC,KAAKC,IAAIC,OAAO/B,EAAKe,UAAWgB,OAAO/B,EAAKmB,MAAQnB,EAAKiB,SAAW,QACnF,eAAgBY,KAAKC,IAAIC,OAAO/B,EAAKgB,WAAYe,OAAO/B,EAAKmB,MAAQnB,EAAKkB,UAAY,QACtF,UAAWlB,EAAKmB,MAAQnB,EAAKiB,OAAS,QACtC,WAAYjB,EAAKmB,MAAQnB,EAAKkB,QAAU,SACpClB,EAAKoB,SAAW,CAAE,YAAapB,EAAKoB,UAAY,SAAY,CAAE,GAC9DpB,EAAKc,QAAU,CAAE,aAAYH,OAAAA,OAASX,EAAKc,QAAO,MAAQ,CAAE,GAC5Dd,EAAKc,QAAU,CAAE,eAAgBd,EAAKqB,OAAU,CAAE,uBAAwBrB,EAAKqB,QAGrFrB,EAAKa,YAAYtB,UAAYS,EAAKc,QAAU,GAAMd,EAAKY,SAAW,GAElEZ,EAAKa,YAAYmB,aAAa,QAASC,OAAOC,QAAQP,GAAQQ,KAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAF,EAAA,GAAEG,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAAA,MAAA,GAAA1B,OAAS4B,EAAG5B,MAAAA,OAAK6B,EAAK,IAAA,IAAKC,KAAK,KAhB9G,GAiBDzC,CAAA,CAlDA,OAkDA0C,EAAAlD,EAAA,CAAA,CAAA+C,IAAA,oBAAAC,MAhDD,WACM9B,KAAKnB,YACPmB,KAAKE,QAAUF,KAAKE,SAAWF,KAAKnB,WAAamB,KAAKiC,aAAa,YAGrEjC,KAAKnB,UAAYH,EAASG,UAE1BqD,EAAkBlC,KAAMlB,EAASqD,oBAEjCnC,KAAKY,QACP,GAAC,CAAAiB,IAAA,2BAAAC,MAED,SAAyBM,EAAkBC,EAAgCC,GACzE,GAAiB,cAAbF,EAMF,OALApC,KAAKuC,UAAaD,GAAqB,QACnCtC,KAAKuC,YACPvC,KAAKc,UAAU0B,OAAOxC,KAAKuC,WAC3BvC,KAAKc,UAAUC,IAAIf,KAAKuC,aAM5BvC,KAAKoC,GAAYE,EACjBtC,KAAKY,QACP,IAAC,CAAA,CAAAiB,IAAA,qBAAAY,IA7BD,WACE,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,KAAC3D,CAAA,EAAA4D,EAvBmCC,gBAAW1D,EAqFpC2D,EAAa,CACxBA,WAAY9D"}
+{"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\n@ced('icon-base')\nexport default class IconBase extends HTMLElement {\n  content: string | null\n\n  mainElement: HTMLElement\n\n  iconUrl?: string | null\n\n  minWidth?: string | null\n\n  minHeight?: string | null\n\n  width?: string | null\n\n  height?: string | null\n\n  size?: string | null\n\n  fontSize?: string | null\n\n  color?: string | null\n\n  static get observedAttributes() {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback() {\n    if (this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, IconBase.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null) {\n    if (attrName === 'className') {\n      this.className = (newVal as string) || ''\n      if (this.className) {\n        this.classList.remove(this.className)\n        this.classList.add(this.className)\n      }\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = newVal\n    this.render()\n  }\n\n  render = () => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n    this.classList.add(classes['icon-base-parent'])\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': this.minWidth || 'auto',\n      '--min-height': this.minHeight || 'auto',\n      '--width': this.size || this.width,\n      '--height': this.size || this.height,\n      ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n      ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n      ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n    }\n\n    this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n    this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'icon-base': any\n    }\n  }\n}\n\nexport const IconBaseWC = {\n  IconBaseWC: IconBase,\n}\n"],"names":["template","document","createElement","innerHTML","IconBase","ced","_dec","_class","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","this","concat","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","_objectSpread","setAttribute","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","join","_createClass","getAttribute","resolveAttributes","observedAttributes","attrName","oldVal","newVal","className","remove","get","_wrapNativeSuper","HTMLElement","IconBaseWC"],"mappings":"giBAMMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAAiC,IAejCC,EADpBC,EAAI,YAAYC,CAAAC,WAAAC,GAAAC,EAAAL,EAAAI,GAAA,IAAAE,EAAAC,EAAAP,GAAA,SAAAA,IAAA,IAAAQ,EAAAC,OAAAT,GAAA,IAAA,IAAAU,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAyEd,OAzEcP,EAAAF,EAAAU,KAAAC,MAAAX,EAAA,CAAAY,MAAAC,OAAAN,KAEfO,aAAO,EAAAZ,EAEPa,iBAAW,EAAAb,EAEXc,aAAO,EAAAd,EAEPe,cAAQ,EAAAf,EAERgB,eAAS,EAAAhB,EAETiB,WAAK,EAAAjB,EAELkB,YAAM,EAAAlB,EAENmB,UAAI,EAAAnB,EAEJoB,cAAQ,EAAApB,EAERqB,WAAK,EAAArB,EAgCLsB,OAAS,WAEP,GADAtB,EAAKa,YAAcb,EAAKa,aAAeb,EAAKuB,cAAc,cACrDvB,EAAKa,YAAV,CAGAb,EAAKwB,UAAUC,IAAIC,EAAQ,qBAC3B1B,EAAKa,YAAYW,UAAUC,IAAIC,EAAQ,cAEvC,IAAMC,EAAMC,EAAAA,EAAAA,EAAA,CACV,cAAe5B,EAAKe,UAAY,OAChC,eAAgBf,EAAKgB,WAAa,OAClC,UAAWhB,EAAKmB,MAAQnB,EAAKiB,MAC7B,WAAYjB,EAAKmB,MAAQnB,EAAKkB,QAC1BlB,EAAKoB,SAAW,CAAE,YAAapB,EAAKoB,UAAY,SAAY,CAAE,GAC9DpB,EAAKc,QAAU,CAAE,aAAYH,OAAAA,OAASX,EAAKc,QAAO,MAAQ,CAAE,GAC5Dd,EAAKc,QAAU,CAAE,eAAgBd,EAAKqB,OAAU,CAAE,uBAAwBrB,EAAKqB,QAGrFrB,EAAKa,YAAYtB,UAAYS,EAAKc,QAAU,GAAMd,EAAKY,SAAW,GAElEZ,EAAKa,YAAYgB,aAAa,QAASC,OAAOC,QAAQJ,GAAQK,KAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAF,EAAA,GAAEG,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAAA,MAAA,GAAAvB,OAASyB,EAAGzB,MAAAA,OAAK0B,EAAK,IAAA,IAAKC,KAAK,KAhB9G,GAiBDtC,CAAA,CAjDA,OAiDAuC,EAAA/C,EAAA,CAAA,CAAA4C,IAAA,oBAAAC,MA/CD,WACM3B,KAAKnB,YACPmB,KAAKE,QAAUF,KAAKE,SAAWF,KAAKnB,WAAamB,KAAK8B,aAAa,YAGrE9B,KAAKnB,UAAYH,EAASG,UAE1BkD,EAAkB/B,KAAMlB,EAASkD,oBAEjChC,KAAKY,QACP,GAAC,CAAAc,IAAA,2BAAAC,MAED,SAAyBM,EAAkBC,EAAgCC,GACxD,cAAbF,IACFjC,KAAKoC,UAAaD,GAAqB,GACnCnC,KAAKoC,YACPpC,KAAKc,UAAUuB,OAAOrC,KAAKoC,WAC3BpC,KAAKc,UAAUC,IAAIf,KAAKoC,aAK5BpC,KAAKiC,GAAYE,EACjBnC,KAAKY,QACP,IAAC,CAAA,CAAAc,IAAA,qBAAAY,IA5BD,WACE,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,KAACxD,CAAA,EAAAyD,EAvBmCC,gBAAWvD,EAoFpCwD,EAAa,CACxBA,WAAY3D"}