{"version":3,"file":"js/hub-9e63c8628dde3c6414b6.js","mappings":"0FAAe,SAASA,IACpB,MAAMC,EAAWC,SAASC,cAAc,yCAK5C,SAAyCF,GACrCA,EAASG,iBAAiB,cAAcC,SAASC,IACzCA,EAAKC,OAASC,OAAOC,SAASF,MAC9BD,EAAKI,UAAUC,OAAO,WAC1B,GAER,CAVIC,CAAgCX,GAYpC,SAAqCA,GACjCA,EAASE,cAAc,WAAWU,iBAAiB,SAAS,KACxD,MAAMC,EAAUb,EAASS,UACzBI,EAAQH,OAAO,aAEXG,EAAQC,SAAS,aACjBb,SAASc,OAAS,oBAElBd,SAASc,OAAS,UACtB,GAER,CAtBIC,CAA4BhB,EAChC,CCAAO,OAAOK,iBAAiB,QAAQ,WAC9Bb,ICLa,WACX,MAAMkB,EAAehB,SAASiB,eAAe,iBAC7C,IAAIC,EAAgBlB,SAASiB,eAAe,kBAExCD,GAIJA,EAAaL,iBAAiB,SAAS,SAASQ,GAC5CA,EAAEC,iBAEF,MAAMC,EAAQrB,SAASiB,eAAe,SAChCK,EAAYtB,SAASiB,eAAe,mBAG1C,IAAIM,EAAWC,SAASH,EAAMI,QAAQF,SAAU,IAIhD,SAASG,EAAoBL,EAAOC,GAChC,GAAID,EAAMM,aAAeN,EAAMO,cAAe,CAC1C,IAAIC,EAAYP,EAAUQ,YAAcT,EAAMO,cAAgB,GAAGN,EAAUQ,gBAAkB,OAC7FT,EAAMU,MAAMC,MAAQ,OACpBX,EAAMU,MAAME,OAASJ,CACzB,KAAO,CACH,IAAIK,EAAWZ,EAAUa,aAAed,EAAMM,aAAe,GAAGL,EAAUa,iBAAmB,OAC7Fd,EAAMU,MAAMC,MAAQE,EACpBb,EAAMU,MAAME,OAAS,MACzB,CACJ,CAbAV,GAAY,GACZL,EAAckB,MAAQb,EAejBA,EAAW,KAAQ,IAEpBG,EAAoBL,EAAOC,GAC3BD,EAAMU,MAAMM,UAAY,cAAchB,EAAMY,oBAAoBV,QAChEF,EAAMU,MAAMO,gBAAkB,YACtBf,EAAW,KAAQ,KAE3BG,EAAoBL,EAAOC,GAC3BD,EAAMU,MAAMM,UAAY,cAAchB,EAAMW,mBAAmBT,QAC/DF,EAAMU,MAAMO,gBAAkB,aAE9BjB,EAAMU,MAAMM,UAAY,UAAUd,QAClCF,EAAMU,MAAMO,gBAAkB,SAC9BjB,EAAMU,MAAMC,MAAQ,OACpBX,EAAMU,MAAME,OAAS,QAIzBZ,EAAMI,QAAQF,SAAWA,CAC7B,GACJ,CD9CEgB,EACF,G","sources":["webpack://app/./app/javascript/hub/MainMenuComponent.js","webpack://app/./app/javascript/packs/hub.js","webpack://app/./app/javascript/hub/image_rotate.js"],"sourcesContent":["export default function MainMenuComponent() {\n    const mainMenu = document.querySelector('[data-component=\"MainMenuComponent\"]');\n    highlightSelectedPageNavigation(mainMenu);\n    toggleSidebarExpandCollapse(mainMenu);\n}\n\nfunction highlightSelectedPageNavigation(mainMenu) {\n    mainMenu.querySelectorAll('.menu-item').forEach((item) => {\n        if (item.href === window.location.href) {\n            item.classList.toggle('selected');\n        }\n    });\n}\n\nfunction toggleSidebarExpandCollapse(mainMenu) {\n    mainMenu.querySelector('.toggle').addEventListener(\"click\", () => {\n        const classes = mainMenu.classList;\n        classes.toggle(\"collapsed\");\n\n        if (classes.contains(\"collapsed\")) {\n            document.cookie = \"sidebar=collapsed\";\n        } else {\n            document.cookie = \"sidebar=\";\n        }\n    });\n}\n","// See `app/javascript/hub/README.md`\nimport MainMenuComponent from \"../hub/MainMenuComponent\";\nimport imageRotate from \"../hub/image_rotate\";\n\nwindow.addEventListener(\"load\", function() {\n  MainMenuComponent();\n  imageRotate();\n})\n","export default function imageRotate() {\n    const rotateButton = document.getElementById(\"rotate-button\");\n    let rotationAngle = document.getElementById(\"rotation-angle\");\n\n    if(!rotateButton) {\n        return\n    }\n\n    rotateButton.addEventListener(\"click\", function(e) {\n        e.preventDefault();\n        // Get the image element\n        const image = document.getElementById(\"image\");\n        const container = document.getElementById(\"image-container\");\n\n        // Increment the rotation angle by 90 degrees\n        let rotation = parseInt(image.dataset.rotation, 10);\n        rotation += 90;\n        rotationAngle.value = rotation;\n\n        function fitImageForRotation(image, container) {\n            if (image.naturalWidth < image.naturalHeight) {\n                let newHeight = container.offsetWidth < image.naturalHeight ? `${container.offsetWidth}px` : 'auto';\n                image.style.width = `auto`;\n                image.style.height = newHeight;\n            } else {\n                let newWidth = container.offsetHeight < image.naturalWidth ? `${container.offsetHeight}px` : 'auto';\n                image.style.width = newWidth;\n                image.style.height = `auto`;\n            }\n        }\n\n        // // Apply the rotation using CSS transform\n        if ((rotation % 360) == 90) {\n            // For a 90 degree rotation, choose top left rotation corner, push left by the image's height (which becomes its width after rotation), rotate\n            fitImageForRotation(image, container);\n            image.style.transform = `translateX(${image.height}px) rotate(${rotation}deg)`;\n            image.style.transformOrigin = `top left`;\n        } else if ((rotation % 360) == 270) {\n            // For a 270 degree rotation, choose top left rotation corner, push down by the image's width (which becomes its height after rotation), rotate\n            fitImageForRotation(image, container);\n            image.style.transform = `translateY(${image.width}px) rotate(${rotation}deg)`;\n            image.style.transformOrigin = `top left`;\n        } else {\n            image.style.transform = `rotate(${rotation}deg)`;\n            image.style.transformOrigin = `center`;\n            image.style.width = 'auto';\n            image.style.height = 'auto';\n        }\n\n        // Update the rotation angle in the dataset attribute\n        image.dataset.rotation = rotation;\n    });\n};"],"names":["MainMenuComponent","mainMenu","document","querySelector","querySelectorAll","forEach","item","href","window","location","classList","toggle","highlightSelectedPageNavigation","addEventListener","classes","contains","cookie","toggleSidebarExpandCollapse","rotateButton","getElementById","rotationAngle","e","preventDefault","image","container","rotation","parseInt","dataset","fitImageForRotation","naturalWidth","naturalHeight","newHeight","offsetWidth","style","width","height","newWidth","offsetHeight","value","transform","transformOrigin","imageRotate"],"sourceRoot":""}