@hhgtech/hhg-components 1.26.58 → 1.26.59

package/build/screenSizeContext-3e28ff7d.js

@@ -1,81 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("react"),r=require("lodash/throttle"),s=require("./utils-789e0471.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t),o=i(r);const a=e.keyframes`
-from {
-  transform: translate3d(0, 100%, 0);
-  visibility: visible;
-}
-
-to {
-  transform: translate3d(0, 0, 0);
-}
-`,d=e.keyframes`
-from {
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,l=e.keyframes`
- from {
-    transform: translate3d(-100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,f=e.keyframes`
- from {
-    transform: translate3d(100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,m=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(0, 100%, 0);
-}
-`,p=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(-100%, 0, 0);
-}
-`,u=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(100%, 0, 0);
-}
-`,y=e.keyframes`
- from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    transform: translate3d(0, -100%, 0);
-  }
-`,B=e.keyframes`
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-`,c=t.createContext({isInit:!0}),v=e=>{const t=(e=>"number"==typeof e?e:"undefined"!=typeof window&&window.innerWidth||0)(e);return{smallMobile:t<s.Breakpoints.BREAK_POINT_SMALL_MOBILE,mobile:t>=s.Breakpoints.BREAK_POINT_SMALL_MOBILE&&t<s.Breakpoints.BREAK_POINT_MOBILE,tablet:t>=s.Breakpoints.BREAK_POINT_MOBILE&&t<s.Breakpoints.BREAK_POINT_TABLET,pc:t>=s.Breakpoints.BREAK_POINT_TABLET&&t<s.Breakpoints.BREAK_POINT_PC,xl:t>=s.Breakpoints.BREAK_POINT_PC}};exports.ScreenSizeContext=c,exports.ScreenSizeContextProvider=({children:e})=>{const[r,s]=t.useState((()=>({isInit:!0})));t.useEffect((()=>{const e=o.default((()=>{s({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const i=t.useMemo((()=>v(r.width)),[r.width]);return n.default.createElement(c.Provider,{value:Object.assign(Object.assign({},r),{sizeGroups:i})},e)},exports.fadeIn=B,exports.getWindowSizeGroups=v,exports.slideInDown=d,exports.slideInLeft=l,exports.slideInRight=f,exports.slideInUp=a,exports.slideOutDown=m,exports.slideOutLeft=p,exports.slideOutRight=u,exports.slideOutUp=y;