@hhgtech/hhg-components 1.24.21 → 1.24.22

package/build/screenSizeContext-4f7042b6.js

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