{"version":3,"file":"972.main.js","mappings":"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","sources":["webpack://Oakville.web/./wwwroot/scripts/src/navbar/navbar.js"],"sourcesContent":["import React, { Component } from \"react\";\r\n\r\nexport default class Navbar extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            firtsLevel: '',\r\n            secondLevel: '',\r\n            thirdLevel: '',\r\n            fourthLevel: '', \r\n            isVisible: false,\r\n            initialHeightNavbar: 0,\r\n            heightFixedHeader: 0,\r\n            indexMeganav: 0,\r\n            neddScrollMeganav: false,\r\n            firstHeightMeganav: 0,\r\n            secondHeightMeganav: 0,\r\n            transitionDurationMeganav: '',\r\n            heightMeganavFlex: 0,\r\n            seeAllLabel: \"See All \",\r\n        }\r\n        this.escFunction = this.escFunction.bind(this);\r\n        this.wrapperRef = React.createRef();\r\n        this.handleClickOutside = this.handleClickOutside.bind(this);\r\n        this.handleScroll = this.handleScroll.bind(this);\r\n    }\r\n\r\n    componentDidMount() {\r\n        document.addEventListener(\"mousedown\", this.handleClickOutside);\r\n        document.addEventListener(\"keydown\", this.escFunction, false);\r\n        window.addEventListener('scroll', this.handleScroll, { passive: true });\r\n\r\n        let element = document.getElementById(\"navbarNav\");\r\n        if (element) {\r\n            element.remove();\r\n        } \r\n\r\n        const elementNav = document.querySelectorAll(`[id^=\"Navbar\"]`);\r\n        $(elementNav).addClass(\"w-100\");\r\n\r\n        let meganav = document.querySelectorAll(`[id^=\"meganav\"]`);\r\n        let heightMeganav = 0;\r\n        if (meganav && meganav.length > 0) { heightMeganav = meganav[0].offsetHeight; }\r\n        this.setState({ initialHeightNavbar: heightMeganav });\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        document.removeEventListener(\"mousedown\", this.handleClickOutside);\r\n        document.removeEventListener(\"keydown\", this.escFunction, false);\r\n        window.removeEventListener('scroll', this.handleScroll);\r\n    };\r\n\r\n    handleScroll(event) {\r\n        const { heightFixedHeader, isVisible, indexMeganav, heightMeganavFlex } = this.state;\r\n        const headerInside = document.getElementById(\"header-inside\");\r\n        const headerHome = document.getElementById(\"header-home\");\r\n        if (heightFixedHeader == 0) {\r\n            if (headerHome != null && headerHome.classList.contains(\"fixed-top\")) {\r\n                this.setState({ heightFixedHeader: headerHome.offsetHeight });\r\n                if (this.state.isVisible) {\r\n                    this.checkVisibilityMeganav(indexMeganav, headerHome.offsetHeight, heightMeganavFlex);\r\n                }\r\n            }\r\n\r\n            if (headerInside != null && headerInside.classList.contains(\"fixed-top\")) {\r\n                this.setState({ heightFixedHeader: headerInside.offsetHeight });\r\n                if (isVisible) {\r\n                    this.checkVisibilityMeganav(indexMeganav, headerInside.offsetHeight, heightMeganavFlex);\r\n                }\r\n            }\r\n        }\r\n        else if (headerInside != null && headerInside.classList.contains(\"fixed-top\") && heightFixedHeader > headerInside.offsetHeight) {\r\n            this.setState({ heightFixedHeader: headerInside.offsetHeight });\r\n        }\r\n        else if (headerHome != null && headerHome.classList.contains(\"fixed-top\") && heightFixedHeader > headerHome.offsetHeight) {\r\n            this.setState({ heightFixedHeader: headerHome.offsetHeight });\r\n        }\r\n    }\r\n    \r\n    handleClickOutside(event) {\r\n        if (this.wrapperRef && !this.wrapperRef.current.contains(event.target)) {\r\n            this.setState({\r\n                isVisible: false,\r\n                firtsLevel: '',\r\n                secondLevel: '',\r\n                thirdLevel: '',\r\n                fourthLevel: '',\r\n            });\r\n        }\r\n    }\r\n\r\n    escFunction(event) {\r\n        if (event.keyCode === 27) {\r\n            this.setState({\r\n                isVisible: false,\r\n                firtsLevel: '',\r\n                secondLevel: '',\r\n                thirdLevel: '',\r\n                fourthLevel: '',\r\n            });\r\n        }\r\n    }\r\n\r\n    setActiveFirstLevel(item, index) {\r\n        this.setState({ indexMeganav: index});\r\n        let firstLevel = document.getElementById(\"firstLevel\"+index);\r\n        let heightFirstLevel = 0;\r\n        let heightMeg = 0;\r\n        if (firstLevel) { heightFirstLevel = firstLevel.offsetHeight; }\r\n        if ((this.state.initialHeightNavbar - 60) < heightFirstLevel) {\r\n            heightMeg = heightFirstLevel + 60;\r\n            this.setState({\r\n                heightMeganavFlex: heightMeg,\r\n                firstHeightMeganav: heightMeg\r\n            });\r\n            setTimeout(() => {\r\n                if (this.state.firtsLevel == item.Title) {\r\n                    this.setState({ firtsLevel: '', secondLevel: '', thirdLevel: '', fourthLevel: '', isVisible: false });\r\n                }\r\n                else {\r\n                    this.setState({ firtsLevel: item.Title, secondLevel: '', thirdLevel: '', fourthLevel: '', isVisible: true });\r\n                }\r\n            }, 200);\r\n        }\r\n        else {\r\n            heightMeg = this.state.initialHeightNavbar;\r\n            this.setState({\r\n                heightMeganavFlex: this.state.initialHeightNavbar,\r\n                firstHeightMeganav: this.state.initialHeightNavbar\r\n            });\r\n            if (this.state.firtsLevel == item.Title) {\r\n                this.setState({ firtsLevel: '', secondLevel: '', thirdLevel: '', fourthLevel: '', isVisible: false });\r\n            }\r\n            else {\r\n                this.setState({ firtsLevel: item.Title, secondLevel: '', thirdLevel: '', fourthLevel: '', isVisible: true });\r\n            }\r\n        }\r\n        setTimeout(() => {\r\n            const headerInside = document.getElementById(\"header-inside\");\r\n            const headerHome = document.getElementById(\"header-home\");\r\n            let heightTop = 0;\r\n            if (headerHome) {\r\n                heightTop = headerHome.offsetHeight;\r\n            }\r\n            else if (headerInside) {\r\n                heightTop = headerInside.offsetHeight;\r\n            }\r\n            this.checkVisibilityMeganav(index, heightTop, heightMeg);\r\n        }, 240);\r\n    }\r\n\r\n    setActiveSecondLevel(secondKey, hasChildren, index, findex) {\r\n        let secondLevel = document.getElementById(\"secondLevel\" + index + findex);\r\n        let heightSecondLevel = 0;\r\n        let heightMeg = 0;\r\n        if (secondLevel) { heightSecondLevel = secondLevel.offsetHeight; }\r\n\r\n        if ((this.state.firstHeightMeganav - 60) < heightSecondLevel) {\r\n            heightMeg = heightSecondLevel + 60;\r\n\r\n            let timeOutNav = heightMeg < this.state.heightMeganavFlex ? 300 : 1;\r\n            let timeOutContent = heightMeg >= this.state.heightMeganavFlex ? 300 : 1;\r\n\r\n            setTimeout(() => {\r\n                    this.setState({\r\n                        heightMeganavFlex: heightMeg,\r\n                        transitionDurationMeganav: '200ms',\r\n                        secondHeightMeganav: heightMeg\r\n                    });\r\n            }, timeOutNav);\r\n            \r\n            setTimeout(() => {\r\n                if (this.state.secondLevel != secondKey && hasChildren) {\r\n                    this.setState({ secondLevel: secondKey, thirdLevel: '', fourthLevel: '' });\r\n                }\r\n            }, timeOutContent);\r\n\r\n            setTimeout(() => {\r\n                this.setState({\r\n                    transitionDurationMeganav: '',\r\n                });\r\n            }, 301);\r\n\r\n        }\r\n        else {\r\n\r\n            if (this.state.secondLevel != secondKey && hasChildren) {\r\n                this.setState({ secondLevel: secondKey, thirdLevel: '', fourthLevel: '' });\r\n            }\r\n            heightMeg = this.state.firstHeightMeganav;\r\n            setTimeout(() => {\r\n                this.setState({\r\n                    heightMeganavFlex: this.state.firstHeightMeganav,\r\n                    secondHeightMeganav: this.state.firstHeightMeganav,\r\n                    transitionDurationMeganav: ''\r\n                });\r\n            }, 300);\r\n        }\r\n        setTimeout(() => {\r\n            this.checkVisibilityMeganav(index, 0, heightMeg);\r\n        }, 302);\r\n    }\r\n\r\n    setActiveThirdLevel(thirdKey, hasChildren, index, findex, sindex) {\r\n        let thirdLevel = document.getElementById(\"thirdLevel\" + index + findex + sindex);\r\n        let heightThirdLevel = 0;\r\n        let heightMeg = 0;\r\n        if (thirdLevel) { heightThirdLevel = thirdLevel.offsetHeight; }\r\n\r\n        if ((this.state.secondHeightMeganav - 60) < heightThirdLevel) {\r\n            heightMeg = heightThirdLevel + 60;\r\n\r\n            let timeOutNav = heightMeg < this.state.heightMeganavFlex ? 300 : 1;\r\n            let timeOutContent = heightMeg >= this.state.heightMeganavFlex ? 300 : 1;\r\n\r\n            setTimeout(() => {\r\n                this.setState({\r\n                    heightMeganavFlex: heightMeg,\r\n                    transitionDurationMeganav: '200ms',\r\n                });\r\n            }, timeOutNav);\r\n\r\n            setTimeout(() => {\r\n                if (this.state.thirdLevel != thirdKey && hasChildren) {\r\n                    this.setState({ thirdLevel: thirdKey, fourthLevel: '' });\r\n                }\r\n            }, timeOutContent);\r\n\r\n            setTimeout(() => {\r\n                this.setState({\r\n                    transitionDurationMeganav: '',\r\n                });\r\n            }, 301);\r\n\r\n        }\r\n        else {\r\n\r\n            if (this.state.thirdLevel != thirdKey && hasChildren) {\r\n                this.setState({ thirdLevel: thirdKey, fourthLevel: '' });\r\n            }\r\n            heightMeg = this.state.secondHeightMeganav;\r\n            setTimeout(() => {\r\n                this.setState({\r\n                    heightMeganavFlex: this.state.secondHeightMeganav,\r\n                    transitionDurationMeganav: ''\r\n                });\r\n            }, 300);\r\n        }\r\n        setTimeout(() => {\r\n            this.checkVisibilityMeganav(index, 0, heightMeg);\r\n        }, 302);\r\n    }\r\n\r\n    setActiveFourthLevel(fourthKey) {\r\n        if (this.state.fourthLevel == fourthKey) {\r\n            this.setState({ fourthLevel: '' });\r\n        }\r\n        else {\r\n            this.setState({ fourthLevel: fourthKey });\r\n        }\r\n    }\r\n\r\n    checkVisibilityMeganav(index, heightHeader, heightMeg) {\r\n        const { isVisible, heightFixedHeader } = this.state;\r\n        let referenceHeightHeader = heightFixedHeader > 0 ? heightFixedHeader : heightHeader;\r\n        let heightPage = 0;\r\n        if (isVisible && referenceHeightHeader > 0) {\r\n            heightPage += referenceHeightHeader;\r\n            heightPage += heightMeg;\r\n            if (heightPage > window.innerHeight) {\r\n                this.setState({ neddScrollMeganav: true });\r\n            }\r\n            else {\r\n                this.setState({ neddScrollMeganav: false });\r\n            }\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const { mainNavItem, removeMeganavDropdown } = this.props;\r\n        const { firtsLevel, secondLevel, thirdLevel, isVisible, neddScrollMeganav, seeAllLabel } = this.state;\r\n        return (\r\n            <div id=\"navbarNavReact\" className=\"collapse navbar-collapse main-nav w-100\" ref={this.wrapperRef}>\r\n                <ul className=\"navbar-nav primary-nav d-flex w-100 justify-content-between\">\r\n                    {mainNavItem && mainNavItem.map((item, index) => {\r\n                        return (\r\n                            <React.Fragment key={index}>\r\n                                <li className={'nav-item  d-flex align-items-center' + ((item.Title === firtsLevel) ? \" active\" : \"\")}>\r\n                                    {item.Items.length > 0 && !removeMeganavDropdown &&\r\n                                        <button className={\"nav-link \" + ((item.Items.length > 0) ? 'has-child' : '')} title={item.Title + \" Title\"} onClick={this.setActiveFirstLevel.bind(this, item, index)}>\r\n                                            {item.Title}\r\n                                            <i className={'fa-solid fa-angle-down opacity-' + ((item.Items && item.Items.length > 0) ? '1' : '0')}></i>\r\n                                        </button>\r\n                                    }\r\n                                    {((item.Items.length > 0 && removeMeganavDropdown) || item.Items.length <= 0) &&\r\n                                        <a href={item.Link} className={\"nav-link \" + ((item.Items.length > 0 && removeMeganavDropdown) ? 'has-child' : '')} title={item.Title + \" Title\"} target={item.OpenInNewWindow ? \"_blank\" : \"\"} onClick={!removeMeganavDropdown ? this.setActiveFirstLevel.bind(this, item, index) : () => null }>\r\n                                            {item.Title}\r\n                                            <i className={'fa-solid fa-angle-down opacity-' + ((item.Items && item.Items.length > 0 && !removeMeganavDropdown) ? '1' : '0')}></i>\r\n                                        </a>}\r\n                                    {item.Items && item.Items.length > 0 &&\r\n                                        <div className={(((item.Title == firtsLevel) && isVisible) ? \"meganav active\" : \"meganav\")} id={\"meganav\" + index} style={{ height: this.state.heightMeganavFlex, transitionDuration: this.state.transitionDurationMeganav }} >\r\n                                            <div className={\"d-flex w-100\" + (neddScrollMeganav ? \" meganav-scroll\" : \"\")}>\r\n                                                <div className=\"close\" ><button className=\"close-menu\" onClick={this.setActiveFirstLevel.bind(this, item, index)}><i className=\"fa-solid fa-xmark\"></i> Close menu</button></div>\r\n                                                <div className=\"item-title mt-2\">\r\n                                                    <a href={item.Link} >\r\n                                                        <h2 className=\"text-white\">{item.Title} </h2>\r\n                                                    </a>\r\n                                                </div>\r\n                                                <div className=\"menu-wrapper\">\r\n                                                    <ul className=\"first-level\" id={\"firstLevel\" + index}>\r\n                                                        {this.props.mainMenuDuplicateFirstLevelLink == true && <li className=\"nav-link\"><a href={item.Link} dangerouslySetInnerHTML={{ __html: item.Title }}></a></li>}\r\n\r\n                                                        {item.Items && item.Items.length > 0 && item.Items.map((first, findex) => {\r\n                                                            let secondKey = item.Title + first.Title;\r\n                                                            let firstHasChildren = first.Items && first.Items.length > 0;\r\n                                                            return (\r\n                                                                <li className={\"nav-link \" + ((secondKey == secondLevel) ? \"active\" : \"\")} key={findex} onClick={(e) => {\r\n                                                                    e.stopPropagation()\r\n                                                                    this.setActiveSecondLevel(secondKey, firstHasChildren, index, findex)\r\n                                                                }} >\r\n                                                                    {first.Items && first.Items.length == 0 &&\r\n                                                                        <a href={first.Link} title={first.Title + \" Title\"} target={first.OpenInNewWindow ? \"_blank\" : \"\"}>{first.Title}</a>\r\n                                                                    }\r\n                                                                    {first.Items && first.Items.length > 0 &&\r\n                                                                        <button title={first.Title + \" Title\"}>{first.Title}\r\n                                                                            <i className=\"fas fa-arrow-right\"></i>\r\n                                                                        </button>\r\n                                                                    }\r\n                                                                    <ul className={\"second-level \" + ((secondKey == secondLevel) ? \"active\" : \"\")} id={'secondLevel' + index + findex} >\r\n                                                                        {first.Link !== \"/\" && \r\n                                                                            <li className=\"nav-link\">\r\n                                                                                <a href={first.Link} title={seeAllLabel + first.Title + \" Title\"} className=\"fw-bold\">{seeAllLabel + first.Title}</a>\r\n                                                                            </li>\r\n                                                                        }\r\n                                                                        {first.Items && first.Items.length > 0 && first.Items.map((second, sindex) => {\r\n                                                                            let thirdKey = item.Title + first.Title + second.Title;\r\n                                                                            let secondHasChildren = second.Items && second.Items.length > 0;\r\n                                                                            return (\r\n                                                                                <li className={\"nav-link \" + ((thirdKey == thirdLevel) ? \"active\" : \"\")} key={sindex} onClick={(e) => {\r\n                                                                                    e.stopPropagation()\r\n                                                                                    this.setActiveThirdLevel(thirdKey, secondHasChildren, index, findex, sindex)\r\n                                                                                }} >\r\n                                                                                    {second.Items && second.Items.length == 0 &&\r\n                                                                                        <a href={second.Link} title={second.Title + \" Title\"} >{second.Title}</a>\r\n                                                                                    }\r\n                                                                                    {second.Items && second.Items.length > 0 &&\r\n                                                                                        <button title={second.Title + \" Title\"} >{second.Title}\r\n                                                                                            <i className=\"fas fa-arrow-right\"></i>\r\n                                                                                        </button>\r\n                                                                                    }\r\n                                                                                    <ul className={\"third-level \" + ((thirdKey == thirdLevel) ? \"active\" : \"\")} id={'thirdLevel' + + index + findex + sindex}>\r\n                                                                                        {second.Link !== \"/\" &&\r\n                                                                                            <li className=\"nav-link\">\r\n                                                                                                <a href={second.Link} title={seeAllLabel + second.Title + \" Title\"} className=\"fw-bold\">{seeAllLabel + second.Title}</a>\r\n                                                                                            </li>\r\n                                                                                        }\r\n                                                                                        {second.Items && second.Items.length > 0 && second.Items.map((third, tindex) => {\r\n                                                                                            return (\r\n                                                                                                <li className=\"nav-link\" key={tindex}>\r\n                                                                                                    <a href={third.Link} title={third.Title + \" Title\"} >{third.Title}</a>\r\n                                                                                                </li>\r\n                                                                                            );\r\n                                                                                        })}\r\n                                                                                    </ul>\r\n\r\n                                                                                </li>\r\n                                                                            );\r\n                                                                        })}\r\n                                                                    </ul>\r\n                                                                </li>\r\n                                                            );\r\n                                                        })}\r\n                                                    </ul>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    }\r\n\r\n                                </li>\r\n                                \r\n                            </React.Fragment>\r\n                        );\r\n                    })}\r\n                    \r\n                    </ul>\r\n                </div>\r\n        );\r\n    }\r\n}"],"names":["Navbar","props","state","firtsLevel","secondLevel","thirdLevel","fourthLevel","isVisible","initialHeightNavbar","heightFixedHeader","indexMeganav","neddScrollMeganav","firstHeightMeganav","secondHeightMeganav","transitionDurationMeganav","heightMeganavFlex","seeAllLabel","escFunction","bind","wrapperRef","React","handleClickOutside","handleScroll","document","addEventListener","this","window","passive","element","getElementById","remove","elementNav","querySelectorAll","$","addClass","meganav","heightMeganav","length","offsetHeight","setState","removeEventListener","event","headerInside","headerHome","classList","contains","checkVisibilityMeganav","current","target","keyCode","item","index","firstLevel","heightFirstLevel","heightMeg","setTimeout","Title","heightTop","secondKey","hasChildren","findex","heightSecondLevel","timeOutNav","timeOutContent","thirdKey","sindex","heightThirdLevel","fourthKey","heightHeader","referenceHeightHeader","heightPage","innerHeight","mainNavItem","removeMeganavDropdown","id","className","ref","map","key","Items","title","onClick","setActiveFirstLevel","href","Link","OpenInNewWindow","style","height","transitionDuration","mainMenuDuplicateFirstLevelLink","dangerouslySetInnerHTML","__html","first","firstHasChildren","e","stopPropagation","setActiveSecondLevel","second","secondHasChildren","setActiveThirdLevel","third","tindex"],"sourceRoot":""}