{"version":3,"file":"app_src_js_viewport-size_js.d4d40d97ca10b8963b84.js","mappings":"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","sources":["webpack://WebpackConfig.Web/./app/src/js/viewport-size.js"],"sourcesContent":["import { ResizeObserver as Polyfill } from '@juggle/resize-observer';\r\nconst ResizeObserver = window.ResizeObserver || Polyfill;\r\n\r\n// add element to body for accurately reporting viewport size\r\n\r\nlet $body = document.querySelector('body'),\r\n    vh = 0,\r\n    vw = 0,\r\n    vih = 0,\r\n    vihChangeThreshold = 90, // value larger than IOS Safari viewport height change on scroll\r\n    timeoutDelay = 0;\r\n\r\nconst evt = new CustomEvent(\"window-resize\", {detail: {w: () => vw, h: () => vh}});\r\n\r\nconst vpSizeCheck = (w,h) => {\r\n    if(w != vw || h != vh) {\r\n        window.requestAnimationFrame(() => {\r\n            // only change --vpInitialHeight if the width has changed or the height difference > 40px;\r\n            if(w != vw || (w == vw && Math.abs(h - vih) > vihChangeThreshold)) {\r\n                vih = h;\r\n                document.documentElement.style.setProperty('--vpInitialHeight', `${vih}px`);\r\n            }\r\n            // vw\r\n            if(w != vw) {\r\n                vw = w;\r\n                document.documentElement.style.setProperty('--vpWidth', `${vw}px`);\r\n            }\r\n            // vh\r\n            if(h != vh) {\r\n                vh = h;\r\n                document.documentElement.style.setProperty('--vpHeight', `${vh}px`);\r\n            }\r\n            window.dispatchEvent(evt);\r\n        });\r\n    }\r\n};\r\n\r\n// add element to body\r\n\r\nconst vpSizer = document.createElement('div');\r\nvpSizer.setAttribute('id','vp-sizer');\r\nvpSizer.setAttribute('aria-hidden','true');\r\nvpSizer.setAttribute('style','position:fixed;z-index:-1;top:0;left:0;bottom:0;right:0;pointer-events:none');\r\n$body.appendChild(vpSizer);\r\n\r\nlet t = null;\r\n\r\n// add resize observer\r\n\r\nconst vpSizerResizeObserver = new ResizeObserver(entries => {\r\n    for (let entry of entries) {\r\n        const cr = entry.contentRect;\r\n        clearTimeout(t);\r\n        t = setTimeout(() => {\r\n            vpSizeCheck(cr.width,cr.height);\r\n        }, timeoutDelay);\r\n        timeoutDelay = 20;\r\n    }\r\n});\r\n\r\nvpSizerResizeObserver.observe(vpSizer);"],"names":["ResizeObserver","Polyfill","window","$body","document","querySelector","vh","vw","vih","vihChangeThreshold","timeoutDelay","evt","CustomEvent","detail","w","h","vpSizeCheck","requestAnimationFrame","Math","abs","documentElement","style","setProperty","concat","dispatchEvent","vpSizer","createElement","setAttribute","appendChild","t","vpSizerResizeObserver","entries","_iterator","_createForOfIteratorHelper","_step","_loop","entry","value","cr","contentRect","clearTimeout","setTimeout","width","height","s","n","done","err","e","f","observe"],"sourceRoot":""}