@e1011/es-kit 1.1.12 → 1.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"LazyComponent.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAwB,aAAa,EAAE,iBAAiB,EAAmB,MAAM,OAAO,CAAA;AAWnG,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAG;IACxD,iBAAiB,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK;IAAE,IAAI,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;CAAE,CAAA;AAEhH,eAAO,MAAM,WAAW,EAAE,eA0BzB,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAkB/C,CAAA;AAIF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG;IACrD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IAC1B,cAAc,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAenD,CAAA;AAKF,eAAO,MAAM,gBAAgB,iBACb,MAAM,QAAQ,WAAW,CAAC,eAC3B,MAAM,iBACL,OAAO,MAAM,EAAE,OAAO,CAAC,KACpC,GAAG,OAAO,CAUZ,CAAA;AAGD,eAAO,MAAM,yBAAyB,mCACtB,CAAC,KAAK,EAAE,CAAC,KAAK,QAAQ,WAAW,CAAC,eACnC,MAAM,gBACL,OAAO,MAAM,EAAE,OAAO,CAAC,KACpC,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,aAAa,CAU9B,CAAA"}
1
+ {"version":3,"file":"LazyComponent.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAwB,aAAa,EAAE,iBAAiB,EAA8B,MAAM,OAAO,CAAA;AAW9G,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAG;IACxD,iBAAiB,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK;IAAE,IAAI,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;CAAE,CAAA;AAEhH,eAAO,MAAM,WAAW,EAAE,eA0BzB,CAAA;AAUD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAQ/C,CAAA;AAIF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG;IACrD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IAC1B,cAAc,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAenD,CAAA;AAKF,eAAO,MAAM,gBAAgB,iBACb,MAAM,QAAQ,WAAW,CAAC,eAC3B,MAAM,iBACL,OAAO,MAAM,EAAE,OAAO,CAAC,KACpC,GAAG,OAAO,CAUZ,CAAA;AAGD,eAAO,MAAM,yBAAyB,mCACtB,CAAC,KAAK,EAAE,CAAC,KAAK,QAAQ,WAAW,CAAC,eACnC,MAAM,gBACL,OAAO,MAAM,EAAE,OAAO,CAAC,KACpC,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,aAAa,CAU9B,CAAA"}
@@ -1,2 +1,2 @@
1
- import{extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as r,Suspense as n,useRef as a,lazy as c}from"react";import{ErrorBoundary as o}from"../../error/ErrorBoundary.js";import l from"./lazyComponent.module.scss.js";const s={},i=e=>{let t,r="pending";const n=("function"==typeof e?e():e).then((e=>{r="success",t=e}),(e=>{r="error",t=e}));return{read(){if("pending"===r)throw n;if("error"===r)throw t;if("success"===r)return t}}},m=t((e=>{let{children:t,Component:a,LoaderJSX:c,...s}=e;const i=r((()=>React.createElement("div",{className:l.loader},React.createElement("svg",{className:"spinner",viewBox:"0 0 50 50"},React.createElement("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))),[]);return React.createElement(o,null,React.createElement(n,{fallback:c||i},a&&React.createElement(a,s),t&&t))}));m.displayName="LazyComponent";const d=t((e=>{let{pendingPromise:t,promise:n,fallback:c,children:o}=e;const l=a(t||n&&i(n)),s=r((()=>e=>{let{children:t}=e;const r=l.current?.read?.();return r?.then?null:t}),[]);return React.createElement(m,{LoaderJSX:c},React.createElement(s,null,o))}));d.displayName="PendingBoundary";const p=function(r,n){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!s[n]){const o=c(r);s[n]=t((t=>React.createElement(m,e({Component:o},a,t)))),s[n].displayName=n}return s[n]},u=(r,n,a)=>o=>{if(!s[n]){const l=c((()=>r(o)));s[n]=t((t=>React.createElement(m,e({Component:l},a,t)))),s[n].displayName=n}return s[n]};export{m as LazyComponent,d as PendingBoundary,p as createLazyModule,u as createLazyModuleWithStore,i as wrapPromise};
1
+ import{extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,Suspense as r,useRef as n,useMemo as a,lazy as c}from"react";import{ErrorBoundary as o}from"../../error/ErrorBoundary.js";import l from"./lazyComponent.module.scss.js";const s={},i=e=>{let t,r="pending";const n=("function"==typeof e?e():e).then((e=>{r="success",t=e}),(e=>{r="error",t=e}));return{read(){if("pending"===r)throw n;if("error"===r)throw t;if("success"===r)return t}}},m=t((e=>{let{children:t,Component:n,LoaderJSX:a,...c}=e;return React.createElement(o,null,React.createElement(r,{fallback:a||React.createElement("div",{className:l.loader},React.createElement("svg",{className:"spinner",viewBox:"0 0 50 50"},React.createElement("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))},n&&React.createElement(n,c),t&&t))}));m.displayName="LazyComponent";const d=t((e=>{let{pendingPromise:t,promise:r,fallback:c,children:o}=e;const l=n(t||r&&i(r)),s=a((()=>e=>{let{children:t}=e;const r=l.current?.read?.();return r?.then?null:t}),[]);return React.createElement(m,{LoaderJSX:c},React.createElement(s,null,o))}));d.displayName="PendingBoundary";const p=function(r,n){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!s[n]){const o=c(r);s[n]=t((t=>React.createElement(m,e({Component:o},a,t)))),s[n].displayName=n}return s[n]},u=(r,n,a)=>o=>{if(!s[n]){const l=c((()=>r(o)));s[n]=t((t=>React.createElement(m,e({Component:l},a,t)))),s[n].displayName=n}return s[n]};export{m as LazyComponent,d as PendingBoundary,p as createLazyModule,u as createLazyModuleWithStore,i as wrapPromise};
2
2
  //# sourceMappingURL=LazyComponent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n PropsWithChildren?: ComponentType<any>\n LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => {\n let status = 'pending'\n let result: any\n const suspend = (typeof promise === 'function' ? promise() : promise).then(\n (res) => {\n status = 'success'\n result = res\n },\n (err) => {\n status = 'error'\n result = err\n },\n )\n\n return {\n // eslint-disable-next-line consistent-return\n read(): any {\n if (status === 'pending') {\n throw suspend\n } else if (status === 'error') {\n throw result\n } else if (status === 'success') {\n return result\n }\n },\n }\n}\n\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => {\n const Loader: React.ReactNode = useMemo(() => (\n <div className={classes.loader}>\n <svg className='spinner' viewBox='0 0 50 50'>\n <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n </svg>\n </div>\n ), [])\n\n return (\n <ErrorBoundary>\n <Suspense fallback={LoaderJSX || Loader}>\n {Component && <Component {...props} />}\n {children && children}\n </Suspense>\n </ErrorBoundary>\n )\n})\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n fallback?: JSX.Element\n promise?: Promise<unknown>\n pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n const wrappedPromiseRef = useRef(pendingPromise || (promise && wrapPromise(promise)))\n\n const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n const innerPromise = wrappedPromiseRef.current?.read?.()\n\n return innerPromise?.then ? null : children\n }, [])\n\n return (\n <LazyComponent LoaderJSX={fallback}>\n <InnerComponent>{children}</InnerComponent>\n </LazyComponent>\n )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n lazyResolver: () => Promise<ReactModule>,\n displayName: string,\n defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n if (!map[displayName]) {\n const Component = lazy(lazyResolver)\n\n // eslint-disable-next-line react/display-name\n map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n map[displayName].displayName = displayName\n }\n\n return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n lazyResolver: (store: T) => Promise<ReactModule>,\n displayName: string,\n defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n if (!map[displayName]) {\n const Component = lazy(() => lazyResolver(store))\n\n // eslint-disable-next-line react/display-name\n map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n map[displayName].displayName = displayName\n }\n\n return map[displayName]\n }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","Loader","useMemo","React","createElement","className","classes","loader","viewBox","cx","cy","r","fill","strokeWidth","ErrorBoundary","Suspense","fallback","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","_ref3","innerPromise","current","createLazyModule","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"2QAUA,MAAMA,EAA+B,CAAA,EAaxBC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAIUO,EACXC,GAAyBC,IAAsE,IAArEC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,KAAcC,GAA2BJ,EAC1F,MAAMK,EAA0BC,GAAQ,IACtCC,MAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAQC,QACtBJ,MAAAC,cAAA,MAAA,CAAKC,UAAU,UAAUG,QAAQ,aAC/BL,MAAAC,cAAA,SAAA,CAAQC,UAAU,OAAOI,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SAG3E,IAEH,OACEV,MAAAC,cAACU,OACCX,MAAAC,cAACW,EAAQ,CAACC,SAAUjB,GAAaE,GAC9BH,GAAaK,MAAAC,cAACN,EAAcE,GAC5BH,GAAYA,GAED,IAIpBH,EAAcuB,YAAc,sBAQfC,EACXvB,GAA2BwB,IAA2E,IAA1EC,eAAEA,EAAclC,QAAEA,EAAO8B,SAAEA,EAAQnB,SAAEA,GAAgCsB,EACjG,MAAME,EAAoBC,EAAOF,GAAmBlC,GAAWD,EAAYC,IAErEqC,EAA6CrB,GAAQ,IAAMsB,IAA0C,IAAzC3B,SAAEA,GAAkC2B,EACpG,MAAMC,EAAeJ,EAAkBK,SAASjC,SAEhD,OAAOgC,GAAcnC,KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEM,MAAAC,cAACV,EAAa,CAACK,UAAWiB,GACxBb,MAAAC,cAACmB,EAAgB1B,KAAAA,GACH,IAIpBqB,EAAgBD,YAAc,kBAGvB,MAAMU,EAAmB,SAC9BC,EACAX,GAEgB,IADhBY,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAExC,IAAK9C,EAAIiC,GAAc,CACrB,MAAMnB,EAAYmC,EAAKL,GAGvB5C,EAAIiC,GAAetB,GAAMK,GAAWG,MAAAC,cAACV,EAAawC,EAAA,CAACpC,UAAWA,GAAe+B,EAAkB7B,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EACb,EAGakB,EAA4BA,CACvCP,EACAX,EACAY,IACqCO,IACnC,IAAKpD,EAAIiC,GAAc,CACrB,MAAMnB,EAAYmC,GAAK,IAAML,EAAaQ,KAG1CpD,EAAIiC,GAAetB,GAAMK,GAAWG,MAAAC,cAACV,EAAawC,EAAA,CAACpC,UAAWA,GAAe+B,EAAkB7B,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EAAY"}
1
+ {"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo, ReactNode } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n PropsWithChildren?: ComponentType<any>\n LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => {\n let status = 'pending'\n let result: any\n const suspend = (typeof promise === 'function' ? promise() : promise).then(\n (res) => {\n status = 'success'\n result = res\n },\n (err) => {\n status = 'error'\n result = err\n },\n )\n\n return {\n // eslint-disable-next-line consistent-return\n read(): any {\n if (status === 'pending') {\n throw suspend\n } else if (status === 'error') {\n throw result\n } else if (status === 'success') {\n return result\n }\n },\n }\n}\n\nconst getDefaultLoader = (): ReactNode => (\n <div className={classes.loader}>\n <svg className='spinner' viewBox='0 0 50 50'>\n <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n </svg>\n </div>\n)\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => (\n <ErrorBoundary>\n <Suspense fallback={LoaderJSX || getDefaultLoader()}>\n {Component && <Component {...props} />}\n {children && children}\n </Suspense>\n </ErrorBoundary>\n))\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n fallback?: JSX.Element\n promise?: Promise<unknown>\n pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n const wrappedPromiseRef = useRef(pendingPromise || (promise && wrapPromise(promise)))\n\n const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n const innerPromise = wrappedPromiseRef.current?.read?.()\n\n return innerPromise?.then ? null : children\n }, [])\n\n return (\n <LazyComponent LoaderJSX={fallback}>\n <InnerComponent>{children}</InnerComponent>\n </LazyComponent>\n )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n lazyResolver: () => Promise<ReactModule>,\n displayName: string,\n defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n if (!map[displayName]) {\n const Component = lazy(lazyResolver)\n\n // eslint-disable-next-line react/display-name\n map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n map[displayName].displayName = displayName\n }\n\n return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n lazyResolver: (store: T) => Promise<ReactModule>,\n displayName: string,\n defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n if (!map[displayName]) {\n const Component = lazy(() => lazyResolver(store))\n\n // eslint-disable-next-line react/display-name\n map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n map[displayName].displayName = displayName\n }\n\n return map[displayName]\n }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","React","createElement","ErrorBoundary","Suspense","fallback","className","classes","loader","viewBox","cx","cy","r","fill","strokeWidth","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","useMemo","_ref3","innerPromise","current","createLazyModule","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"2QAUA,MAAMA,EAA+B,CAAA,EAaxBC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAWUO,EACXC,GAAyBC,IAAA,IAACC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,KAAcC,GAA2BJ,EAAA,OAC1FK,MAAAC,cAACC,OACCF,MAAAC,cAACE,EAAQ,CAACC,SAAUN,GAVtBE,MAAAC,cAAA,MAAA,CAAKI,UAAWC,EAAQC,QACtBP,MAAAC,cAAA,MAAA,CAAKI,UAAU,UAAUG,QAAQ,aAC/BR,MAAAC,cAAA,SAAA,CAAQI,UAAU,OAAOI,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SASvEhB,GAAaG,MAAAC,cAACJ,EAAcE,GAC5BH,GAAYA,GAED,IAGlBH,EAAcqB,YAAc,sBAQfC,EACXrB,GAA2BsB,IAA2E,IAA1EC,eAAEA,EAAchC,QAAEA,EAAOmB,SAAEA,EAAQR,SAAEA,GAAgCoB,EACjG,MAAME,EAAoBC,EAAOF,GAAmBhC,GAAWD,EAAYC,IAErEmC,EAA6CC,GAAQ,IAAMC,IAA0C,IAAzC1B,SAAEA,GAAkC0B,EACpG,MAAMC,EAAeL,EAAkBM,SAAShC,SAEhD,OAAO+B,GAAclC,KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEI,MAAAC,cAACR,EAAa,CAACK,UAAWM,GACxBJ,MAAAC,cAACmB,EAAgBxB,KAAAA,GACH,IAIpBmB,EAAgBD,YAAc,kBAGvB,MAAMW,EAAmB,SAC9BC,EACAZ,GAEgB,IADhBa,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAExC,IAAK7C,EAAI+B,GAAc,CACrB,MAAMjB,EAAYkC,EAAKL,GAGvB3C,EAAI+B,GAAepB,GAAMK,GAAWC,MAAAC,cAACR,EAAauC,EAAA,CAACnC,UAAWA,GAAe8B,EAAkB5B,MAC/FhB,EAAI+B,GAAaA,YAAcA,CACjC,CAEA,OAAO/B,EAAI+B,EACb,EAGamB,EAA4BA,CACvCP,EACAZ,EACAa,IACqCO,IACnC,IAAKnD,EAAI+B,GAAc,CACrB,MAAMjB,EAAYkC,GAAK,IAAML,EAAaQ,KAG1CnD,EAAI+B,GAAepB,GAAMK,GAAWC,MAAAC,cAACR,EAAauC,EAAA,CAACnC,UAAWA,GAAe8B,EAAkB5B,MAC/FhB,EAAI+B,GAAaA,YAAcA,CACjC,CAEA,OAAO/B,EAAI+B,EAAY"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),t=require("../../error/ErrorBoundary.js"),n=require("./lazyComponent.module.scss.js");const a={},o=e=>{let r,t="pending";const n=("function"==typeof e?e():e).then((e=>{t="success",r=e}),(e=>{t="error",r=e}));return{read(){if("pending"===t)throw n;if("error"===t)throw r;if("success"===t)return r}}},l=r.memo((e=>{let{children:a,Component:o,LoaderJSX:l,...c}=e;const s=r.useMemo((()=>React.createElement("div",{className:n.default.loader},React.createElement("svg",{className:"spinner",viewBox:"0 0 50 50"},React.createElement("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))),[]);return React.createElement(t.ErrorBoundary,null,React.createElement(r.Suspense,{fallback:l||s},o&&React.createElement(o,c),a&&a))}));l.displayName="LazyComponent";const c=r.memo((e=>{let{pendingPromise:t,promise:n,fallback:a,children:c}=e;const s=r.useRef(t||n&&o(n)),i=r.useMemo((()=>e=>{let{children:r}=e;const t=s.current?.read?.();return t?.then?null:r}),[]);return React.createElement(l,{LoaderJSX:a},React.createElement(i,null,c))}));c.displayName="PendingBoundary";exports.LazyComponent=l,exports.PendingBoundary=c,exports.createLazyModule=function(t,n){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!a[n]){const c=r.lazy(t);a[n]=r.memo((r=>React.createElement(l,e.extends({Component:c},o,r)))),a[n].displayName=n}return a[n]},exports.createLazyModuleWithStore=(t,n,o)=>c=>{if(!a[n]){const s=r.lazy((()=>t(c)));a[n]=r.memo((r=>React.createElement(l,e.extends({Component:s},o,r)))),a[n].displayName=n}return a[n]},exports.wrapPromise=o;
1
+ "use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),t=require("../../error/ErrorBoundary.js"),n=require("./lazyComponent.module.scss.js");const a={},o=e=>{let r,t="pending";const n=("function"==typeof e?e():e).then((e=>{t="success",r=e}),(e=>{t="error",r=e}));return{read(){if("pending"===t)throw n;if("error"===t)throw r;if("success"===t)return r}}},l=r.memo((e=>{let{children:a,Component:o,LoaderJSX:l,...c}=e;return React.createElement(t.ErrorBoundary,null,React.createElement(r.Suspense,{fallback:l||React.createElement("div",{className:n.default.loader},React.createElement("svg",{className:"spinner",viewBox:"0 0 50 50"},React.createElement("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))},o&&React.createElement(o,c),a&&a))}));l.displayName="LazyComponent";const c=r.memo((e=>{let{pendingPromise:t,promise:n,fallback:a,children:c}=e;const s=r.useRef(t||n&&o(n)),i=r.useMemo((()=>e=>{let{children:r}=e;const t=s.current?.read?.();return t?.then?null:r}),[]);return React.createElement(l,{LoaderJSX:a},React.createElement(i,null,c))}));c.displayName="PendingBoundary";exports.LazyComponent=l,exports.PendingBoundary=c,exports.createLazyModule=function(t,n){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!a[n]){const c=r.lazy(t);a[n]=r.memo((r=>React.createElement(l,e.extends({Component:c},o,r)))),a[n].displayName=n}return a[n]},exports.createLazyModuleWithStore=(t,n,o)=>c=>{if(!a[n]){const s=r.lazy((()=>t(c)));a[n]=r.memo((r=>React.createElement(l,e.extends({Component:s},o,r)))),a[n].displayName=n}return a[n]},exports.wrapPromise=o;
2
2
  //# sourceMappingURL=LazyComponent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n PropsWithChildren?: ComponentType<any>\n LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => {\n let status = 'pending'\n let result: any\n const suspend = (typeof promise === 'function' ? promise() : promise).then(\n (res) => {\n status = 'success'\n result = res\n },\n (err) => {\n status = 'error'\n result = err\n },\n )\n\n return {\n // eslint-disable-next-line consistent-return\n read(): any {\n if (status === 'pending') {\n throw suspend\n } else if (status === 'error') {\n throw result\n } else if (status === 'success') {\n return result\n }\n },\n }\n}\n\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => {\n const Loader: React.ReactNode = useMemo(() => (\n <div className={classes.loader}>\n <svg className='spinner' viewBox='0 0 50 50'>\n <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n </svg>\n </div>\n ), [])\n\n return (\n <ErrorBoundary>\n <Suspense fallback={LoaderJSX || Loader}>\n {Component && <Component {...props} />}\n {children && children}\n </Suspense>\n </ErrorBoundary>\n )\n})\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n fallback?: JSX.Element\n promise?: Promise<unknown>\n pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n const wrappedPromiseRef = useRef(pendingPromise || (promise && wrapPromise(promise)))\n\n const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n const innerPromise = wrappedPromiseRef.current?.read?.()\n\n return innerPromise?.then ? null : children\n }, [])\n\n return (\n <LazyComponent LoaderJSX={fallback}>\n <InnerComponent>{children}</InnerComponent>\n </LazyComponent>\n )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n lazyResolver: () => Promise<ReactModule>,\n displayName: string,\n defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n if (!map[displayName]) {\n const Component = lazy(lazyResolver)\n\n // eslint-disable-next-line react/display-name\n map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n map[displayName].displayName = displayName\n }\n\n return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n lazyResolver: (store: T) => Promise<ReactModule>,\n displayName: string,\n defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n if (!map[displayName]) {\n const Component = lazy(() => lazyResolver(store))\n\n // eslint-disable-next-line react/display-name\n map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n map[displayName].displayName = displayName\n }\n\n return map[displayName]\n }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","Loader","useMemo","React","createElement","className","classes","default","loader","viewBox","cx","cy","r","fill","strokeWidth","ErrorBoundary","Suspense","fallback","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","_ref3","innerPromise","current","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"+LAUA,MAAMA,EAA+B,CAAA,EAaxBC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAIUO,EACXC,EAAIA,MAAqBC,IAAsE,IAArEC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,KAAcC,GAA2BJ,EAC1F,MAAMK,EAA0BC,EAAOA,SAAC,IACtCC,MAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOC,QAACC,QACtBL,MAAAC,cAAA,MAAA,CAAKC,UAAU,UAAUI,QAAQ,aAC/BN,MAAAC,cAAA,SAAA,CAAQC,UAAU,OAAOK,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SAG3E,IAEH,OACEX,MAAAC,cAACW,EAAaA,mBACZZ,MAAAC,cAACY,WAAQ,CAACC,SAAUlB,GAAaE,GAC9BH,GAAaK,MAAAC,cAACN,EAAcE,GAC5BH,GAAYA,GAED,IAIpBH,EAAcwB,YAAc,sBAQfC,EACXxB,EAAIA,MAAuByB,IAA2E,IAA1EC,eAAEA,EAAcnC,QAAEA,EAAO+B,SAAEA,EAAQpB,SAAEA,GAAgCuB,EACjG,MAAME,EAAoBC,EAAAA,OAAOF,GAAmBnC,GAAWD,EAAYC,IAErEsC,EAA6CtB,WAAQ,IAAMuB,IAA0C,IAAzC5B,SAAEA,GAAkC4B,EACpG,MAAMC,EAAeJ,EAAkBK,SAASlC,SAEhD,OAAOiC,GAAcpC,KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEM,MAAAC,cAACV,EAAa,CAACK,UAAWkB,GACxBd,MAAAC,cAACoB,EAAgB3B,KAAAA,GACH,IAIpBsB,EAAgBD,YAAc,6FAGE,SAC9BU,EACAV,GAEgB,IADhBW,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAExC,IAAK9C,EAAIkC,GAAc,CACrB,MAAMpB,EAAYmC,OAAKL,GAGvB5C,EAAIkC,GAAevB,QAAMK,GAAWG,MAAAC,cAACV,EAAawC,UAAA,CAACpC,UAAWA,GAAe+B,EAAkB7B,MAC/FhB,EAAIkC,GAAaA,YAAcA,CACjC,CAEA,OAAOlC,EAAIkC,EACb,oCAGyCiB,CACvCP,EACAV,EACAW,IACqCO,IACnC,IAAKpD,EAAIkC,GAAc,CACrB,MAAMpB,EAAYmC,EAAIA,MAAC,IAAML,EAAaQ,KAG1CpD,EAAIkC,GAAevB,QAAMK,GAAWG,MAAAC,cAACV,EAAawC,UAAA,CAACpC,UAAWA,GAAe+B,EAAkB7B,MAC/FhB,EAAIkC,GAAaA,YAAcA,CACjC,CAEA,OAAOlC,EAAIkC,EAAY"}
1
+ {"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo, ReactNode } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n PropsWithChildren?: ComponentType<any>\n LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => {\n let status = 'pending'\n let result: any\n const suspend = (typeof promise === 'function' ? promise() : promise).then(\n (res) => {\n status = 'success'\n result = res\n },\n (err) => {\n status = 'error'\n result = err\n },\n )\n\n return {\n // eslint-disable-next-line consistent-return\n read(): any {\n if (status === 'pending') {\n throw suspend\n } else if (status === 'error') {\n throw result\n } else if (status === 'success') {\n return result\n }\n },\n }\n}\n\nconst getDefaultLoader = (): ReactNode => (\n <div className={classes.loader}>\n <svg className='spinner' viewBox='0 0 50 50'>\n <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n </svg>\n </div>\n)\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => (\n <ErrorBoundary>\n <Suspense fallback={LoaderJSX || getDefaultLoader()}>\n {Component && <Component {...props} />}\n {children && children}\n </Suspense>\n </ErrorBoundary>\n))\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n fallback?: JSX.Element\n promise?: Promise<unknown>\n pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n const wrappedPromiseRef = useRef(pendingPromise || (promise && wrapPromise(promise)))\n\n const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n const innerPromise = wrappedPromiseRef.current?.read?.()\n\n return innerPromise?.then ? null : children\n }, [])\n\n return (\n <LazyComponent LoaderJSX={fallback}>\n <InnerComponent>{children}</InnerComponent>\n </LazyComponent>\n )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n lazyResolver: () => Promise<ReactModule>,\n displayName: string,\n defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n if (!map[displayName]) {\n const Component = lazy(lazyResolver)\n\n // eslint-disable-next-line react/display-name\n map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n map[displayName].displayName = displayName\n }\n\n return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n lazyResolver: (store: T) => Promise<ReactModule>,\n displayName: string,\n defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n if (!map[displayName]) {\n const Component = lazy(() => lazyResolver(store))\n\n // eslint-disable-next-line react/display-name\n map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n map[displayName].displayName = displayName\n }\n\n return map[displayName]\n }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","React","createElement","ErrorBoundary","Suspense","fallback","className","classes","default","loader","viewBox","cx","cy","r","fill","strokeWidth","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","useMemo","_ref3","innerPromise","current","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"+LAUA,MAAMA,EAA+B,CAAA,EAaxBC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAWUO,EACXC,EAAIA,MAAqBC,IAAA,IAACC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,KAAcC,GAA2BJ,EAAA,OAC1FK,MAAAC,cAACC,EAAaA,mBACZF,MAAAC,cAACE,WAAQ,CAACC,SAAUN,GAVtBE,MAAAC,cAAA,MAAA,CAAKI,UAAWC,EAAOC,QAACC,QACtBR,MAAAC,cAAA,MAAA,CAAKI,UAAU,UAAUI,QAAQ,aAC/BT,MAAAC,cAAA,SAAA,CAAQI,UAAU,OAAOK,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SASvEjB,GAAaG,MAAAC,cAACJ,EAAcE,GAC5BH,GAAYA,GAED,IAGlBH,EAAcsB,YAAc,sBAQfC,EACXtB,EAAIA,MAAuBuB,IAA2E,IAA1EC,eAAEA,EAAcjC,QAAEA,EAAOmB,SAAEA,EAAQR,SAAEA,GAAgCqB,EACjG,MAAME,EAAoBC,EAAAA,OAAOF,GAAmBjC,GAAWD,EAAYC,IAErEoC,EAA6CC,WAAQ,IAAMC,IAA0C,IAAzC3B,SAAEA,GAAkC2B,EACpG,MAAMC,EAAeL,EAAkBM,SAASjC,SAEhD,OAAOgC,GAAcnC,KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEI,MAAAC,cAACR,EAAa,CAACK,UAAWM,GACxBJ,MAAAC,cAACoB,EAAgBzB,KAAAA,GACH,IAIpBoB,EAAgBD,YAAc,6FAGE,SAC9BW,EACAX,GAEgB,IADhBY,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAExC,IAAK7C,EAAIgC,GAAc,CACrB,MAAMlB,EAAYkC,OAAKL,GAGvB3C,EAAIgC,GAAerB,QAAMK,GAAWC,MAAAC,cAACR,EAAauC,UAAA,CAACnC,UAAWA,GAAe8B,EAAkB5B,MAC/FhB,EAAIgC,GAAaA,YAAcA,CACjC,CAEA,OAAOhC,EAAIgC,EACb,oCAGyCkB,CACvCP,EACAX,EACAY,IACqCO,IACnC,IAAKnD,EAAIgC,GAAc,CACrB,MAAMlB,EAAYkC,EAAIA,MAAC,IAAML,EAAaQ,KAG1CnD,EAAIgC,GAAerB,QAAMK,GAAWC,MAAAC,cAACR,EAAauC,UAAA,CAACnC,UAAWA,GAAe8B,EAAkB5B,MAC/FhB,EAAIgC,GAAaA,YAAcA,CACjC,CAEA,OAAOhC,EAAIgC,EAAY"}
@@ -0,0 +1,169 @@
1
+ .animBgr {
2
+ width: 100%;
3
+ opacity: 0;
4
+ animation: grow-animation 450ms ease-in-out forwards;
5
+ animation-delay: calc(var(--animation-delay) * 1ms);
6
+ }
7
+ @keyframes grow-animation {
8
+ 0% {
9
+ width: 0%;
10
+ opacity: 1;
11
+ }
12
+ 100% {
13
+ width: 100%;
14
+ opacity: 1;
15
+ }
16
+ }
17
+
18
+ .animFadeIn {
19
+ opacity: 0;
20
+ animation: fade-in-animation 350ms ease-in-out forwards;
21
+ will-change: opacity;
22
+ }
23
+ @keyframes fade-in-animation {
24
+ 0% {
25
+ opacity: 0;
26
+ }
27
+ 100% {
28
+ opacity: 1;
29
+ }
30
+ }
31
+
32
+ .animSlideDown {
33
+ opacity: 0;
34
+ animation: slide-down-animation 350ms ease-in-out forwards;
35
+ will-change: opacity, transform;
36
+ }
37
+ @keyframes slide-down-animation {
38
+ 0% {
39
+ transform: translateY(-4rem);
40
+ opacity: 0;
41
+ }
42
+ 30% {
43
+ opacity: 0;
44
+ }
45
+ 100% {
46
+ transform: translateY(0rem);
47
+ opacity: 1;
48
+ }
49
+ }
50
+
51
+ .animSlideUp {
52
+ opacity: 0;
53
+ animation: slide-up-animation 350ms ease-in-out forwards;
54
+ will-change: opacity, transform;
55
+ }
56
+ @keyframes slide-up-animation {
57
+ 0% {
58
+ transform: translateY(4rem);
59
+ opacity: 0;
60
+ }
61
+ 30% {
62
+ opacity: 0;
63
+ }
64
+ 100% {
65
+ transform: translateY(0rem);
66
+ opacity: 1;
67
+ }
68
+ }
69
+
70
+ .animSlideRight {
71
+ opacity: 0;
72
+ animation: slide-right-animation 350ms ease-in-out forwards;
73
+ will-change: opacity, transform;
74
+ }
75
+ @keyframes slide-right-animation {
76
+ 0% {
77
+ transform: translateX(-4rem);
78
+ opacity: 0;
79
+ }
80
+ 30% {
81
+ opacity: 0;
82
+ }
83
+ 100% {
84
+ transform: translateX(0rem);
85
+ opacity: 1;
86
+ }
87
+ }
88
+
89
+ .animSlideLeft {
90
+ opacity: 0;
91
+ animation: slide-left-animation 350ms ease-in-out forwards;
92
+ will-change: opacity, transform;
93
+ }
94
+ @keyframes slide-left-animation {
95
+ 0% {
96
+ transform: translateX(4rem);
97
+ opacity: 0;
98
+ }
99
+ 30% {
100
+ opacity: 0;
101
+ }
102
+ 100% {
103
+ transform: translateX(0rem);
104
+ opacity: 1;
105
+ }
106
+ }
107
+
108
+ .animSpin {
109
+ animation: spin-animation 1200ms ease-in-out forwards;
110
+ animation-delay: 400ms;
111
+ will-change: transform, opacity;
112
+ transition: opacity 250ms ease-out;
113
+ }
114
+ .animSpin:hover {
115
+ animation: spin-animation-reset 0ms ease forwards;
116
+ animation-delay: 0ms;
117
+ opacity: 0.5;
118
+ }
119
+ @keyframes spin-animation {
120
+ 0% {
121
+ transform: rotate(0deg);
122
+ }
123
+ 100% {
124
+ transform: rotate(1440deg);
125
+ }
126
+ }
127
+ @-webkit-keyframes spin-animation-reset {
128
+ to {
129
+ transform: rotate(0deg);
130
+ }
131
+ }
132
+
133
+ .animSpinInfinite {
134
+ animation: spin-animation 1200ms ease-in-out infinite;
135
+ animation-delay: 400ms;
136
+ will-change: transform, opacity;
137
+ transition: opacity 250ms ease-out;
138
+ }
139
+ .animSpinInfinite:hover {
140
+ animation: spin-animation-reset 0ms ease forwards;
141
+ animation-delay: 0ms;
142
+ opacity: 0.5;
143
+ }
144
+ @keyframes spin-animation {
145
+ 0% {
146
+ transform: rotate(0deg);
147
+ }
148
+ 100% {
149
+ transform: rotate(1440deg);
150
+ }
151
+ }
152
+ @-webkit-keyframes spin-animation-reset {
153
+ to {
154
+ transform: rotate(0deg);
155
+ }
156
+ }
157
+
158
+ .breathOnHover {
159
+ transform: scale(1);
160
+ box-shadow: 0px 0px 0px 0px rgba(10, 12, 10, 0.27);
161
+ transition: transform 250ms ease-in-out, box-shadow 300ms ease;
162
+ will-change: transform;
163
+ }
164
+ .breathOnHover:hover {
165
+ transform: scale(1.1);
166
+ box-shadow: 0px 0px 20px 0px rgba(10, 12, 10, 0.27);
167
+ }
168
+
169
+ /*# sourceMappingURL=generic.anims.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/core/ui/styles/generic.anims.scss"],"names":[],"mappings":"AACA;EACE;EACA;EACA;EAKA;;AAJA;EACE;IAAK;IAAW;;EAChB;IAAO;IAAa;;;;AAKxB;EACE;EACA;EAKA;;AAJA;EACE;IAAK;;EACL;IAAO;;;;AAKX;EACE;EACA;EAMA;;AALA;EACE;IAAK;IAA8B;;EACnC;IAAM;;EACN;IAAO;IAA6B;;;;AAKxC;EACE;EACA;EAMA;;AALA;EACE;IAAK;IAA6B;;EAClC;IAAM;;EACN;IAAO;IAA6B;;;;AAKxC;EACE;EACA;EAMA;;AALA;EACE;IAAK;IAA8B;;EACnC;IAAM;;EACN;IAAO;IAA6B;;;;AAKxC;EACE;EACA;EAMA;;AALA;EACE;IAAK;IAA6B;;EAClC;IAAM;;EACN;IAAO;IAA6B;;;;AAMxC;EACE;EACA;EAEA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;;;AAIT;EACE;EACA;EAEA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;;;AAIT;EACE;EACA;EACA;EACA;;AACA;EACE;EACA","file":"generic.anims.css"}
@@ -1,33 +1,3 @@
1
- .icon-module_icon-base-parent__nOMvW {
2
- line-height: 1px !important;
3
- }
4
-
5
- .icon-module_icon-base__S0tHf {
6
- min-width: var(--min-width);
7
- min-height: var(--min-height);
8
- width: var(--width) !important;
9
- height: var(--height) !important;
10
- line-height: 1px !important;
11
- background-color: var(--icon-color);
12
- color: var(--icon-content-color);
13
- background-repeat: no-repeat;
14
- mask-image: var(--icon-url);
15
- -webkit-mask-image: var(--icon-url);
16
- mask-repeat: no-repeat;
17
- -webkit-mask-repeat: no-repeat;
18
- mask-size: contain;
19
- -webkit-mask-size: contain;
20
- mask-position: center;
21
- -webkit-mask-position: center;
22
- display: inline-block;
23
- will-change: transform;
24
- transform: translate3d(0, 0, 0);
25
- }
26
- .icon-module_icon-base__S0tHf svg {
27
- fill: var(--icon-content-color);
28
- width: var(--height);
29
- height: var(--width);
30
- }
31
1
  .CollapsibleContainer-module_collapsible-container__u0Jmm {
32
2
  transform-origin: 0% 0%;
33
3
  opacity: 0;
@@ -61,33 +31,35 @@
61
31
  max-width: var(--prop-value);
62
32
  opacity: 1;
63
33
  }
64
- .divider-module_divider-line__6CesR {
65
- position: relative;
66
- display: block;
67
- transition: opacity, width, height 250ms ease-in-out;
68
- background-color: var(--color);
69
- opacity: var(--opacity);
70
- }
71
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
72
- height: var(--length);
73
- left: var(--left);
74
- width: var(--width);
75
- margin: var(--margin);
76
- }
77
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
78
- width: var(--length);
79
- left: var(--left);
80
- height: var(--height);
81
- margin: var(--margin);
82
- }
83
- .errorBoundary-module_errorBoundary__gk9ps {
84
- background: #EFEFEF;
85
- width: 100%;
86
- height: 100%;
34
+ .icon-module_icon-base-parent__nOMvW {
35
+ line-height: 1px !important;
87
36
  }
88
37
 
89
- .errorBoundary-module_StyledIcon__IYHiU {
90
- margin-right: 10px;
38
+ .icon-module_icon-base__S0tHf {
39
+ min-width: var(--min-width);
40
+ min-height: var(--min-height);
41
+ width: var(--width) !important;
42
+ height: var(--height) !important;
43
+ line-height: 1px !important;
44
+ background-color: var(--icon-color);
45
+ color: var(--icon-content-color);
46
+ background-repeat: no-repeat;
47
+ mask-image: var(--icon-url);
48
+ -webkit-mask-image: var(--icon-url);
49
+ mask-repeat: no-repeat;
50
+ -webkit-mask-repeat: no-repeat;
51
+ mask-size: contain;
52
+ -webkit-mask-size: contain;
53
+ mask-position: center;
54
+ -webkit-mask-position: center;
55
+ display: inline-block;
56
+ will-change: transform;
57
+ transform: translate3d(0, 0, 0);
58
+ }
59
+ .icon-module_icon-base__S0tHf svg {
60
+ fill: var(--icon-content-color);
61
+ width: var(--height);
62
+ height: var(--width);
91
63
  }
92
64
  .field-module_field__UfKm3 {
93
65
  opacity: 1;
@@ -163,6 +135,34 @@
163
135
  .field-module_field__UfKm3 label {
164
136
  text-align: left;
165
137
  }
138
+ .errorBoundary-module_errorBoundary__gk9ps {
139
+ background: #EFEFEF;
140
+ width: 100%;
141
+ height: 100%;
142
+ }
143
+
144
+ .errorBoundary-module_StyledIcon__IYHiU {
145
+ margin-right: 10px;
146
+ }
147
+ .divider-module_divider-line__6CesR {
148
+ position: relative;
149
+ display: block;
150
+ transition: opacity, width, height 250ms ease-in-out;
151
+ background-color: var(--color);
152
+ opacity: var(--opacity);
153
+ }
154
+ .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
155
+ height: var(--length);
156
+ left: var(--left);
157
+ width: var(--width);
158
+ margin: var(--margin);
159
+ }
160
+ .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
161
+ width: var(--length);
162
+ left: var(--left);
163
+ height: var(--height);
164
+ margin: var(--margin);
165
+ }
166
166
  .layoutBox-module_layout-box__ZIID8 {
167
167
  display: flex;
168
168
  position: relative;
@@ -1,33 +1,3 @@
1
- .icon-module_icon-base-parent__nOMvW {
2
- line-height: 1px !important;
3
- }
4
-
5
- .icon-module_icon-base__S0tHf {
6
- min-width: var(--min-width);
7
- min-height: var(--min-height);
8
- width: var(--width) !important;
9
- height: var(--height) !important;
10
- line-height: 1px !important;
11
- background-color: var(--icon-color);
12
- color: var(--icon-content-color);
13
- background-repeat: no-repeat;
14
- mask-image: var(--icon-url);
15
- -webkit-mask-image: var(--icon-url);
16
- mask-repeat: no-repeat;
17
- -webkit-mask-repeat: no-repeat;
18
- mask-size: contain;
19
- -webkit-mask-size: contain;
20
- mask-position: center;
21
- -webkit-mask-position: center;
22
- display: inline-block;
23
- will-change: transform;
24
- transform: translate3d(0, 0, 0);
25
- }
26
- .icon-module_icon-base__S0tHf svg {
27
- fill: var(--icon-content-color);
28
- width: var(--height);
29
- height: var(--width);
30
- }
31
1
  .CollapsibleContainer-module_collapsible-container__u0Jmm {
32
2
  transform-origin: 0% 0%;
33
3
  opacity: 0;
@@ -61,33 +31,35 @@
61
31
  max-width: var(--prop-value);
62
32
  opacity: 1;
63
33
  }
64
- .divider-module_divider-line__6CesR {
65
- position: relative;
66
- display: block;
67
- transition: opacity, width, height 250ms ease-in-out;
68
- background-color: var(--color);
69
- opacity: var(--opacity);
70
- }
71
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
72
- height: var(--length);
73
- left: var(--left);
74
- width: var(--width);
75
- margin: var(--margin);
76
- }
77
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
78
- width: var(--length);
79
- left: var(--left);
80
- height: var(--height);
81
- margin: var(--margin);
82
- }
83
- .errorBoundary-module_errorBoundary__gk9ps {
84
- background: #EFEFEF;
85
- width: 100%;
86
- height: 100%;
34
+ .icon-module_icon-base-parent__nOMvW {
35
+ line-height: 1px !important;
87
36
  }
88
37
 
89
- .errorBoundary-module_StyledIcon__IYHiU {
90
- margin-right: 10px;
38
+ .icon-module_icon-base__S0tHf {
39
+ min-width: var(--min-width);
40
+ min-height: var(--min-height);
41
+ width: var(--width) !important;
42
+ height: var(--height) !important;
43
+ line-height: 1px !important;
44
+ background-color: var(--icon-color);
45
+ color: var(--icon-content-color);
46
+ background-repeat: no-repeat;
47
+ mask-image: var(--icon-url);
48
+ -webkit-mask-image: var(--icon-url);
49
+ mask-repeat: no-repeat;
50
+ -webkit-mask-repeat: no-repeat;
51
+ mask-size: contain;
52
+ -webkit-mask-size: contain;
53
+ mask-position: center;
54
+ -webkit-mask-position: center;
55
+ display: inline-block;
56
+ will-change: transform;
57
+ transform: translate3d(0, 0, 0);
58
+ }
59
+ .icon-module_icon-base__S0tHf svg {
60
+ fill: var(--icon-content-color);
61
+ width: var(--height);
62
+ height: var(--width);
91
63
  }
92
64
  .field-module_field__UfKm3 {
93
65
  opacity: 1;
@@ -163,6 +135,34 @@
163
135
  .field-module_field__UfKm3 label {
164
136
  text-align: left;
165
137
  }
138
+ .errorBoundary-module_errorBoundary__gk9ps {
139
+ background: #EFEFEF;
140
+ width: 100%;
141
+ height: 100%;
142
+ }
143
+
144
+ .errorBoundary-module_StyledIcon__IYHiU {
145
+ margin-right: 10px;
146
+ }
147
+ .divider-module_divider-line__6CesR {
148
+ position: relative;
149
+ display: block;
150
+ transition: opacity, width, height 250ms ease-in-out;
151
+ background-color: var(--color);
152
+ opacity: var(--opacity);
153
+ }
154
+ .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
155
+ height: var(--length);
156
+ left: var(--left);
157
+ width: var(--width);
158
+ margin: var(--margin);
159
+ }
160
+ .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
161
+ width: var(--length);
162
+ left: var(--left);
163
+ height: var(--height);
164
+ margin: var(--margin);
165
+ }
166
166
  .layoutBox-module_layout-box__ZIID8 {
167
167
  display: flex;
168
168
  position: relative;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@e1011/es-kit",
3
- "version": "1.1.12",
3
+ "version": "1.1.16",
4
4
  "main": "dist/lib/cjs/src/index.js",
5
5
  "module": "dist/lib/esm/src/index.js",
6
6
  "sideEffects": false,