@e1011/es-kit 1.0.46 → 1.0.50

package/dist/types/src/core/ui/components/container/FBox.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, CSSProperties } from 'react';
+import { FC, PropsWithChildren, CSSProperties } from 'react';
 export type FBoxProps = PropsWithChildren<any> & {
     flex?: string;
     flexGrow?: string | number;
@@ -24,5 +24,5 @@ export type FBoxProps = PropsWithChildren<any> & {
     style?: CSSProperties;
     className?: string;
 };
-export declare const FBox: import("react").MemoExoticComponent<any>;
+export declare const FBox: FC<FBoxProps>;
 //# sourceMappingURL=FBox.d.ts.map

package/dist/types/src/core/ui/components/container/FBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FBox.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/FBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,iBAAiB,EAAW,aAAa,EAAyB,MAAM,OAAO,CAAA;AAM9F,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAE;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAuCD,eAAO,MAAM,IAAI,0CAAoC,CAAA"}
+{"version":3,"file":"FBox.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/FBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,EAAE,EAAE,iBAAiB,EAAW,aAAa,EAAyB,MAAM,OAAO,CAAA;AAMlG,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAE;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAuDD,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAAqC,CAAA"}

package/dist/types/src/core/ui/components/container/Flex.d.ts

@@ -45,7 +45,7 @@ export declare const FlexWrapper: import("react").MemoExoticComponent<import("st
     gap?: string | undefined;
     css?: string | undefined;
     borderRadius?: string | undefined;
-}, "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "justify" | "align" | "alignSelf" | "margin" | "padding" | "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius">>;
+}, "width" | "height" | "align" | "justify" | "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "alignSelf" | "margin" | "padding" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius">>;
 export declare const FlexTight: import("react").MemoExoticComponent<import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("styled-components").StyledComponent<"div", any, FlexProps, never>>, any, {
     flex?: string | undefined;
     flexGrow?: string | number | undefined;
@@ -68,7 +68,7 @@ export declare const FlexTight: import("react").MemoExoticComponent<import("styl
     gap?: string | undefined;
     css?: string | undefined;
     borderRadius?: string | undefined;
-}, "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "justify" | "align" | "alignSelf" | "margin" | "padding" | "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius">>;
+}, "width" | "height" | "align" | "justify" | "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "alignSelf" | "margin" | "padding" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius">>;
 export declare const FlexTightStyled: import("react").MemoExoticComponent<import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("styled-components").StyledComponent<"div", any, FlexProps, never>>, any, {
     flex?: string | undefined;
     flexGrow?: string | number | undefined;
@@ -96,5 +96,5 @@ export declare const FlexTightStyled: import("react").MemoExoticComponent<import
         padding: string;
         border: string;
     };
-}, "style" | "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "justify" | "align" | "alignSelf" | "margin" | "padding" | "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius">>;
+}, "width" | "height" | "style" | "align" | "justify" | "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "alignSelf" | "margin" | "padding" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius">>;
 //# sourceMappingURL=Flex.d.ts.map

package/dist/types/src/core/utils/test/testRenderer.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+import { RenderOptions, RenderResult } from '@testing-library/react';
+declare const customRender: (ui: ReactElement, options?: RenderOptions) => RenderResult;
+export * from '@testing-library/react';
+export { customRender as render };
+//# sourceMappingURL=testRenderer.d.ts.map

package/dist/types/src/core/utils/test/testRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/core/utils/test/testRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAU,aAAa,EAAE,YAAY,EAAa,MAAM,wBAAwB,CAAA;AAYvF,QAAA,MAAM,YAAY,OACZ,YAAY,YAAY,aAAa,KACxC,YAAoE,CAAA;AAGvE,cAAc,wBAAwB,CAAA;AAKtC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,CAAA"}

package/dist/ui/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({},n),u),u.align?{alignItems:i(u.align)}:{}),u.justify?{justifyContent:i(u.justify)}:{}),u.direction?{flexDirection:u.direction}:{})}),[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/ui/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      ...style,\n      ...props,\n      ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n      ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n      ...(props.direction ? { flexDirection: props.direction } : {}),\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,EAAA,GAEhBV,GACAK,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,EAAA,GAE9D,CAACV,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}\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      console.log('key', key, 'value', 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,EAU1C,OARAC,OAAOC,QAAQR,GAAOS,SAAQ,SAAAC,GAAkB,IAAAC,EAAAC,EAAAF,EAAA,GAAhBG,EAAGF,EAAA,GAAErB,EAAKqB,EAAA,GAEf,SAArBE,EAAIC,OAAO,EAAG,GAChBT,EAAUQ,GAAOvB,EAEjBgB,EAASO,GAAOvB,CAEpB,IACO,CAACe,EAAWC,EACrB,GAAG,CAACN,IAAOe,EAAAH,EAAAT,EAAA,GAbJE,EAASU,EAAA,GAAET,EAAQS,EAAA,GAepBC,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/ui/esm/src/core/ui/components/dividers/DividerLine.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as t,useMemo as i}from"react";import r from"./divider.module.scss.js";var a=t((function(e){var t=e.orientation,a=e.vertical,o=e.color,n=void 0===o?"#999999":o,l=e.opacity,c=e.length,d=void 0===c?"80%":c,s=e.left,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/ui/esm/src/core/ui/components/dividers/DividerLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\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/ui/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({},n),f),f.align?{alignItems:s(f.align)}:{}),f.justify?{justifyContent:s(f.justify)}:{}),f.direction?{flexDirection:f.direction}:{})}),[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/ui/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      ...style,\n      ...props,\n      ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n      ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n      ...(props.direction ? { flexDirection: props.direction } : {}),\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,gBAAAA,EAAAA,cAAAA,EAAAC,cAAAD,EAAAC,cAAAD,EAAAC,cAAA,GAEhBZ,GACAK,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,EAAA,GAE9D,CAACZ,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}\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      console.log('key', key, 'value', 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,EAU1C,OARAC,OAAOC,QAAQT,GAAOU,SAAQ,SAAAC,GAAkB,IAAAC,EAAAC,EAAAA,cAAAF,EAAA,GAAhBG,EAAGF,EAAA,GAAEtB,EAAKsB,EAAA,GAEf,SAArBE,EAAIC,OAAO,EAAG,GAChBT,EAAUQ,GAAOxB,EAEjBiB,EAASO,GAAOxB,CAEpB,IACO,CAACgB,EAAWC,EACrB,GAAG,CAACP,IAAOgB,EAAAH,EAAAA,cAAAT,EAAA,GAbJE,EAASU,EAAA,GAAET,EAAQS,EAAA,GAepBC,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/ui/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/ui/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/utils/esm/index.css

@@ -1,46 +1,3 @@
-.fbox-module_flexible-box__rLJ93 {
-  display: flex;
-  position: relative;
-  flex-direction: row;
-  flex: 0;
-  flex-grow: 0;
-  flex-shrink: 0;
-  flex-basis: auto;
-  flex-wrap: nowrap;
-  gap: 0;
-  text-align: left;
-  justify-content: flex-start;
-  align-items: flex-start;
-  align-self: auto;
-  margin: 0;
-  padding: 0;
-  width: auto;
-  height: auto;
-  max-width: none;
-  max-height: none;
-  min-width: 0;
-  min-height: 0;
-  border-radius: initial;
-}
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .icon-module_icon-base-parent__nOMvW {
   line-height: 1px !important;
 }
@@ -70,4 +27,47 @@
   fill: var(--icon-content-color);
   width: var(--height);
   height: var(--width);
+}
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
+.fbox-module_flexible-box__rLJ93 {
+  display: flex;
+  position: relative;
+  flex-direction: row;
+  flex: 0;
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: auto;
+  flex-wrap: nowrap;
+  gap: 0;
+  text-align: left;
+  justify-content: flex-start;
+  align-items: flex-start;
+  align-self: auto;
+  margin: 0;
+  padding: 0;
+  width: auto;
+  height: auto;
+  max-width: none;
+  max-height: none;
+  min-width: 0;
+  min-height: 0;
+  border-radius: initial;
 }

package/dist/utils/index.css

@@ -1,46 +1,3 @@
-.fbox-module_flexible-box__rLJ93 {
-  display: flex;
-  position: relative;
-  flex-direction: row;
-  flex: 0;
-  flex-grow: 0;
-  flex-shrink: 0;
-  flex-basis: auto;
-  flex-wrap: nowrap;
-  gap: 0;
-  text-align: left;
-  justify-content: flex-start;
-  align-items: flex-start;
-  align-self: auto;
-  margin: 0;
-  padding: 0;
-  width: auto;
-  height: auto;
-  max-width: none;
-  max-height: none;
-  min-width: 0;
-  min-height: 0;
-  border-radius: initial;
-}
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .icon-module_icon-base-parent__nOMvW {
   line-height: 1px !important;
 }
@@ -70,4 +27,47 @@
   fill: var(--icon-content-color);
   width: var(--height);
   height: var(--width);
+}
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
+.fbox-module_flexible-box__rLJ93 {
+  display: flex;
+  position: relative;
+  flex-direction: row;
+  flex: 0;
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: auto;
+  flex-wrap: nowrap;
+  gap: 0;
+  text-align: left;
+  justify-content: flex-start;
+  align-items: flex-start;
+  align-self: auto;
+  margin: 0;
+  padding: 0;
+  width: auto;
+  height: auto;
+  max-width: none;
+  max-height: none;
+  min-width: 0;
+  min-height: 0;
+  border-radius: initial;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@e1011/es-kit",
-  "version": "1.0.46",
+  "version": "1.0.50",
   "main": "dist/lib/cjs/src/index.js",
   "module": "dist/lib/esm/src/index.js",
   "sideEffects": false,
@@ -49,8 +49,8 @@
     "lint:quiet:watch": "nodemon --watch './src/**/*' --exec yarn lint:ts:quiet",
     "lint:fix": "yarn lint -- --fix",
     "test": "jest ./src --verbose",
-    "test:coverage": "jest --coverage",
-    "test:watch": "jest --watch",
+    "test:coverage": "jest ./src --coverage  --verbose",
+    "test:watch": "jest ./src --watch  --verbose",
     "tsc": "tsc",
     "prepush": "yarn lint && yarn test && yarn tsc"
   },
@@ -90,11 +90,14 @@
     "babel-plugin-transform-remove-console": "^6.9.4",
     "babel-plugin-transform-typescript-metadata": "^0.3.2",
     "husky": "^7.0.4",
-    "jest": "^27.3.1",
-    "jsdom": "^21.1.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.3.1",
+    "jest-environment-jsdom": "^29.3.1",
     "prettier": "^2.7.1",
     "prettier-eslint": "^15.0.1",
     "prettier-eslint-cli": "^7.1.0",
+    "pretty-format": "^29.5.0",
+    "react-dom": "^17.0.2 || ^18.2.0",
     "reflect-metadata": "^0.1.13",
     "rollup": "^2.60.1",
     "rollup-plugin-postcss": "^4.0.2",

package/dist/lib/cjs/src/core/utils/web-components/coreElements/coreElements.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=function(e){return function(t){customElements.get(e)||customElements.define(e,t)}},t=e;exports.ced=e,exports.createResolveAttribute=function(e){return function(t){var r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2?arguments[2]:void 0,u=e.getAttribute(t);"true"!==u&&"false"!==u||(u="true"===u);var s=null!=u;return s&&(r||void 0===e[t]||null===e[t])&&(e[t]=n?n(u):u),s}},exports.customElementDefine=t,exports.stringArrayParser=function(e){return JSON.parse(e)},exports.stringObjectParser=function(e){return JSON.parse(e)};
-//# sourceMappingURL=coreElements.js.map

package/dist/lib/cjs/src/core/utils/web-components/coreElements/coreElements.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"coreElements.js","sources":["../../../../../../../../src/core/utils/web-components/coreElements/coreElements.ts"],"sourcesContent":["\n\n/* custom elements define */\nexport const ced = (name: string) => (\n  componentClass: typeof HTMLElement,\n) => {\n  customElements.get(name) || customElements.define(name, componentClass)\n}\n\nexport const customElementDefine = ced\n\n\nexport const createResolveAttribute = (\n  component: Element & Record<string, any>,\n) => (\n  attributeName: string,\n  // eslint-disable-next-line default-param-last\n  overrideProperty = true,\n  valueMap?: (value: unknown) => unknown,\n): boolean => {\n  const attrValue = component.getAttribute(attributeName)\n  let resolvedAttrValue: string | boolean | null = attrValue\n\n  if (resolvedAttrValue === 'true' || resolvedAttrValue === 'false') {\n    resolvedAttrValue = resolvedAttrValue === 'true'\n  }\n\n  const attrValueDefined = (resolvedAttrValue !== undefined && resolvedAttrValue !== null)\n\n  if (attrValueDefined && (\n    overrideProperty || component[attributeName] === undefined || component[attributeName] === null\n  )) {\n    // eslint-disable-next-line no-param-reassign\n    component[attributeName] = valueMap ? valueMap(resolvedAttrValue) : resolvedAttrValue\n  }\n\n  return attrValueDefined\n}\n\n\nexport const stringArrayParser = (value: string) => JSON.parse(value) as string[]\n\nexport const stringObjectParser = (value: string) => JSON.parse(value) as Record<string, unknown>\n"],"names":["ced","name","componentClass","customElements","get","define","customElementDefine","component","attributeName","overrideProperty","arguments","length","undefined","valueMap","resolvedAttrValue","getAttribute","attrValueDefined","value","JSON","parse"],"mappings":"wEAGaA,EAAM,SAACC,GAAY,OAAK,SACnCC,GAEAC,eAAeC,IAAIH,IAASE,eAAeE,OAAOJ,EAAMC,GACzD,EAEYI,EAAsBN,+CAGG,SACpCO,GAAwC,OACrC,SACHC,GAIY,IAFZC,IAAgBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAChBG,EAAsCH,UAAAC,OAAAD,EAAAA,kBAAAE,EAGlCE,EADcP,EAAUQ,aAAaP,GAGf,SAAtBM,GAAsD,UAAtBA,IAClCA,EAA0C,SAAtBA,GAGtB,IAAME,EAAoBF,QAS1B,OAPIE,IACFP,QAAiDG,IAA7BL,EAAUC,IAA6D,OAA7BD,EAAUC,MAGxED,EAAUC,GAAiBK,EAAWA,EAASC,GAAqBA,GAG/DE,EACR,0DAGgC,SAACC,GAAa,OAAKC,KAAKC,MAAMF,EAAM,6BAEnC,SAACA,GAAa,OAAKC,KAAKC,MAAMF,EAAM"}

package/dist/lib/esm/src/core/utils/web-components/coreElements/coreElements.js

@@ -1,2 +0,0 @@
-var t=function(t){return function(n){customElements.get(t)||customElements.define(t,n)}},n=t,e=function(t){return function(n){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=arguments.length>2?arguments[2]:void 0,u=t.getAttribute(n);"true"!==u&&"false"!==u||(u="true"===u);var o=null!=u;return o&&(e||void 0===t[n]||null===t[n])&&(t[n]=r?r(u):u),o}},r=function(t){return JSON.parse(t)},u=function(t){return JSON.parse(t)};export{t as ced,e as createResolveAttribute,n as customElementDefine,r as stringArrayParser,u as stringObjectParser};
-//# sourceMappingURL=coreElements.js.map

package/dist/lib/esm/src/core/utils/web-components/coreElements/coreElements.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"coreElements.js","sources":["../../../../../../../../src/core/utils/web-components/coreElements/coreElements.ts"],"sourcesContent":["\n\n/* custom elements define */\nexport const ced = (name: string) => (\n  componentClass: typeof HTMLElement,\n) => {\n  customElements.get(name) || customElements.define(name, componentClass)\n}\n\nexport const customElementDefine = ced\n\n\nexport const createResolveAttribute = (\n  component: Element & Record<string, any>,\n) => (\n  attributeName: string,\n  // eslint-disable-next-line default-param-last\n  overrideProperty = true,\n  valueMap?: (value: unknown) => unknown,\n): boolean => {\n  const attrValue = component.getAttribute(attributeName)\n  let resolvedAttrValue: string | boolean | null = attrValue\n\n  if (resolvedAttrValue === 'true' || resolvedAttrValue === 'false') {\n    resolvedAttrValue = resolvedAttrValue === 'true'\n  }\n\n  const attrValueDefined = (resolvedAttrValue !== undefined && resolvedAttrValue !== null)\n\n  if (attrValueDefined && (\n    overrideProperty || component[attributeName] === undefined || component[attributeName] === null\n  )) {\n    // eslint-disable-next-line no-param-reassign\n    component[attributeName] = valueMap ? valueMap(resolvedAttrValue) : resolvedAttrValue\n  }\n\n  return attrValueDefined\n}\n\n\nexport const stringArrayParser = (value: string) => JSON.parse(value) as string[]\n\nexport const stringObjectParser = (value: string) => JSON.parse(value) as Record<string, unknown>\n"],"names":["ced","name","componentClass","customElements","get","define","customElementDefine","createResolveAttribute","component","attributeName","overrideProperty","arguments","length","undefined","valueMap","resolvedAttrValue","getAttribute","attrValueDefined","stringArrayParser","value","JSON","parse","stringObjectParser"],"mappings":"IAGaA,EAAM,SAACC,GAAY,OAAK,SACnCC,GAEAC,eAAeC,IAAIH,IAASE,eAAeE,OAAOJ,EAAMC,GACzD,EAEYI,EAAsBN,EAGtBO,EAAyB,SACpCC,GAAwC,OACrC,SACHC,GAIY,IAFZC,IAAgBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAChBG,EAAsCH,UAAAC,OAAAD,EAAAA,kBAAAE,EAGlCE,EADcP,EAAUQ,aAAaP,GAGf,SAAtBM,GAAsD,UAAtBA,IAClCA,EAA0C,SAAtBA,GAGtB,IAAME,EAAoBF,QAS1B,OAPIE,IACFP,QAAiDG,IAA7BL,EAAUC,IAA6D,OAA7BD,EAAUC,MAGxED,EAAUC,GAAiBK,EAAWA,EAASC,GAAqBA,GAG/DE,EACR,EAGYC,EAAoB,SAACC,GAAa,OAAKC,KAAKC,MAAMF,EAAM,EAExDG,EAAqB,SAACH,GAAa,OAAKC,KAAKC,MAAMF,EAAM"}

package/dist/lib/src/core/utils/web-components/coreElements/coreElements.js

@@ -1,23 +0,0 @@
-/* custom elements define */
-export const ced = (name) => (componentClass) => {
-    customElements.get(name) || customElements.define(name, componentClass);
-};
-export const customElementDefine = ced;
-export const createResolveAttribute = (component) => (attributeName, 
-// eslint-disable-next-line default-param-last
-overrideProperty = true, valueMap) => {
-    const attrValue = component.getAttribute(attributeName);
-    let resolvedAttrValue = attrValue;
-    if (resolvedAttrValue === 'true' || resolvedAttrValue === 'false') {
-        resolvedAttrValue = resolvedAttrValue === 'true';
-    }
-    const attrValueDefined = (resolvedAttrValue !== undefined && resolvedAttrValue !== null);
-    if (attrValueDefined && (overrideProperty || component[attributeName] === undefined || component[attributeName] === null)) {
-        // eslint-disable-next-line no-param-reassign
-        component[attributeName] = valueMap ? valueMap(resolvedAttrValue) : resolvedAttrValue;
-    }
-    return attrValueDefined;
-};
-export const stringArrayParser = (value) => JSON.parse(value);
-export const stringObjectParser = (value) => JSON.parse(value);
-//# sourceMappingURL=coreElements.js.map

package/dist/lib/src/core/utils/web-components/coreElements/coreElements.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"coreElements.js","sourceRoot":"","sources":["../../../../../../../src/core/utils/web-components/coreElements/coreElements.ts"],"names":[],"mappings":"AAEA,4BAA4B;AAC5B,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,CACnC,cAAkC,EAClC,EAAE;IACF,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,cAAc,CAAC,CAAA;AACzE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;AAGtC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,SAAwC,EACxC,EAAE,CAAC,CACH,aAAqB;AACrB,8CAA8C;AAC9C,gBAAgB,GAAG,IAAI,EACvB,QAAsC,EAC7B,EAAE;IACX,MAAM,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC,aAAa,CAAC,CAAA;IACvD,IAAI,iBAAiB,GAA4B,SAAS,CAAA;IAE1D,IAAI,iBAAiB,KAAK,MAAM,IAAI,iBAAiB,KAAK,OAAO,EAAE;QACjE,iBAAiB,GAAG,iBAAiB,KAAK,MAAM,CAAA;KACjD;IAED,MAAM,gBAAgB,GAAG,CAAC,iBAAiB,KAAK,SAAS,IAAI,iBAAiB,KAAK,IAAI,CAAC,CAAA;IAExF,IAAI,gBAAgB,IAAI,CACtB,gBAAgB,IAAI,SAAS,CAAC,aAAa,CAAC,KAAK,SAAS,IAAI,SAAS,CAAC,aAAa,CAAC,KAAK,IAAI,CAChG,EAAE;QACD,6CAA6C;QAC7C,SAAS,CAAC,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAA;KACtF;IAED,OAAO,gBAAgB,CAAA;AACzB,CAAC,CAAA;AAGD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAa,CAAA;AAEjF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAA4B,CAAA"}

package/dist/lib/src/core/utils/web-components/coreElements/exampleCustomElement.js

@@ -1,41 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { ced } from './coreElements';
-let CustomTitle = class CustomTitle extends HTMLElement {
-    static get observedAttributes() {
-        return ['text'];
-    }
-    constructor() {
-        super();
-        this.attachShadow({ mode: 'open' });
-        this.shadowRoot.innerHTML = '<div class=\'title\'><b>Title</b><i><slot id=\'subtitle\'></slot></i></div>';
-    }
-    attributeChangedCallback(attrName, oldVal, newVal) {
-        switch (attrName) {
-            case 'text': {
-                this.text = newVal;
-                const mainElement = this.shadowRoot?.querySelector('b');
-                if (mainElement) {
-                    mainElement.innerText = newVal;
-                }
-                break;
-            }
-            default: {
-                break;
-            }
-        }
-    }
-};
-CustomTitle = __decorate([
-    ced('custom-title'),
-    __metadata("design:paramtypes", [])
-], CustomTitle);
-export { CustomTitle };
-//# sourceMappingURL=exampleCustomElement.js.map

package/dist/lib/src/core/utils/web-components/coreElements/exampleCustomElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"exampleCustomElement.js","sourceRoot":"","sources":["../../../../../../../src/core/utils/web-components/coreElements/exampleCustomElement.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAG7B,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAG1C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,MAAM,CAAC,CAAA;IACjB,CAAC;IAED;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;QACnC,IAAI,CAAC,UAAW,CAAC,SAAS,GAAG,6EAA6E,CAAA;IAC5G,CAAC;IAED,wBAAwB,CAAC,QAAgB,EAAE,MAAc,EAAE,MAAc;QACvE,QAAQ,QAAQ,EAAE;YAChB,KAAK,MAAM,CAAC,CAAC;gBACX,IAAI,CAAC,IAAI,GAAG,MAAM,CAAA;gBAClB,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,CAAgB,CAAA;gBAEtE,IAAI,WAAW,EAAE;oBACf,WAAW,CAAC,SAAS,GAAG,MAAM,CAAA;iBAC/B;gBACD,MAAK;aACN;YACD,OAAO,CAAC,CAAC;gBACP,MAAK;aACN;SACF;IACH,CAAC;CACF,CAAA;AA7BY,WAAW;IADvB,GAAG,CAAC,cAAc,CAAC;;GACP,WAAW,CA6BvB;SA7BY,WAAW"}

package/dist/lib/src/core/utils/web-components/coreElements/index.js

@@ -1,2 +0,0 @@
-export * from './coreElements';
-//# sourceMappingURL=index.js.map

package/dist/lib/src/core/utils/web-components/coreElements/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/utils/web-components/coreElements/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/lib/src/core/utils/web-components/index.js

@@ -1,2 +0,0 @@
-export * from './coreElements';
-//# sourceMappingURL=index.js.map

package/dist/lib/src/core/utils/web-components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/core/utils/web-components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/types/src/core/utils/web-components/coreElements/coreElements.d.ts

@@ -1,6 +0,0 @@
-export declare const ced: (name: string) => (componentClass: typeof HTMLElement) => void;
-export declare const customElementDefine: (name: string) => (componentClass: typeof HTMLElement) => void;
-export declare const createResolveAttribute: (component: Element & Record<string, any>) => (attributeName: string, overrideProperty?: boolean, valueMap?: ((value: unknown) => unknown) | undefined) => boolean;
-export declare const stringArrayParser: (value: string) => string[];
-export declare const stringObjectParser: (value: string) => Record<string, unknown>;
-//# sourceMappingURL=coreElements.d.ts.map

package/dist/types/src/core/utils/web-components/coreElements/coreElements.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"coreElements.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/web-components/coreElements/coreElements.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG,SAAU,MAAM,sBACd,kBAAkB,SAGnC,CAAA;AAED,eAAO,MAAM,mBAAmB,SANN,MAAM,sBACd,kBAAkB,SAKE,CAAA;AAGtC,eAAO,MAAM,sBAAsB,cACtB,OAAO,GAAG,OAAO,MAAM,EAAE,GAAG,CAAC,qBAEzB,MAAM,kDAGF,OAAO,KAAK,OAAO,kBACrC,OAkBF,CAAA;AAGD,eAAO,MAAM,iBAAiB,UAAW,MAAM,aAAkC,CAAA;AAEjF,eAAO,MAAM,kBAAkB,UAAW,MAAM,4BAAiD,CAAA"}

package/dist/types/src/core/utils/web-components/coreElements/exampleCustomElement.d.ts

@@ -1,7 +0,0 @@
-export declare class CustomTitle extends HTMLElement {
-    text: string;
-    static get observedAttributes(): string[];
-    constructor();
-    attributeChangedCallback(attrName: string, oldVal: string, newVal: string): void;
-}
-//# sourceMappingURL=exampleCustomElement.d.ts.map

package/dist/types/src/core/utils/web-components/coreElements/exampleCustomElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"exampleCustomElement.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/web-components/coreElements/exampleCustomElement.ts"],"names":[],"mappings":"AAEA,qBACa,WAAY,SAAQ,WAAW;IAC1C,IAAI,EAAE,MAAM,CAAA;IAEZ,MAAM,KAAK,kBAAkB,aAE5B;;IAQD,wBAAwB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAgB1E"}

package/dist/types/src/core/utils/web-components/coreElements/index.d.ts

@@ -1,2 +0,0 @@
-export * from './coreElements';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/core/utils/web-components/coreElements/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/web-components/coreElements/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/types/src/core/utils/web-components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './coreElements';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/core/utils/web-components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/utils/web-components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}