{"version":3,"file":"403.main.js","mappings":"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","sources":["webpack://Oakville.web/./wwwroot/scripts/src/navbar/mobileNavbar.js"],"sourcesContent":["import * as React from \"react\";\r\n\r\nexport default class MobileNavbar extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            firstLevelItems: [],\r\n            secondLevelItems: [],\r\n            thirdLevelItems: [],\r\n            backHomeLabel: \"Back to Home\",\r\n        }\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.setState({\r\n            firstLevelItems: this.props.mainNavItem\r\n        });\r\n    }\r\n\r\n    nextLevel(item, level) {\r\n        if (level == 1) { this.setState({ firstLevelItems: item.Items }); }\r\n        else if (level == 2) { this.setState({ secondLevelItems: item.Items }); }\r\n        else if (level == 3) { this.setState({ thirdLevelItems: item.Items }); }\r\n    }\r\n\r\n    previousLevel(level) {\r\n        if (level == 1) { this.setState({ firstLevelItems: this.props.mainNavItem }); }\r\n        else if (level == 2) { this.setState({ secondLevelItems: [] }); }\r\n        else if (level == 3) { this.setState({ thirdLevelItems: [] }); }\r\n        \r\n    }\r\n\r\n    render() {\r\n        const { mainNavItem } = this.props;\r\n        const { firstLevelItems, secondLevelItems, thirdLevelItems, backHomeLabel } = this.state;\r\n        let backTo = \"Back to \";\r\n        return (\r\n            <div id=\"mobileNavbarReact\" className=\"navbar-nav primary-nav d-flex w-100 justify-content-between\">\r\n                <ul className={\"navbar-items\" + (mainNavItem == firstLevelItems ? \" active\" : \"\")}>\r\n                    {mainNavItem && mainNavItem.map((item, index) => {\r\n                        return (\r\n                            <li className=\"nav-item\" key={index}>\r\n                                {item.Items && item.Items.length > 0 &&\r\n                                    <a className={\"nav-link \" + ((item.Items.length > 0) ? 'has-child' : '')} title={item.Title} onClick={this.nextLevel.bind(this, item, 1)} >\r\n                                        {item.Title}\r\n                                        <i className=\"fa-solid fa-angle-right\"></i>\r\n                                    </a>\r\n                                }\r\n                                {item.Items && item.Items.length == 0 &&\r\n                                    <a href={item.Link} className=\"nav-link\" title={item.Title}>{item.Title}</a>\r\n                                }\r\n                                <ul className={\"first-level\" + ((item.Items == firstLevelItems) ? \" active\" : \"\")}>\r\n                                    {item.Items && item.Items.length > 0 &&\r\n                                        <React.Fragment>\r\n                                            <div className=\"back\">\r\n                                                <span className=\"back-label\" onClick={this.previousLevel.bind(this, 1)}>\r\n                                                    <i className=\"fa-solid fa-angle-left\"></i>{backHomeLabel}</span>\r\n                                            </div>\r\n                                            <li className=\"nav-item\">\r\n                                                <a className=\"nav-link\" href={item.Link} title={item.Title}>{item.Title}</a>\r\n                                            </li>\r\n                                        </React.Fragment>\r\n                                    }\r\n                                    {item.Items && item.Items.map((first, findex) => {\r\n                                        return (\r\n                                            <li className=\"nav-item\" key={findex}>\r\n                                                {first.Items && first.Items.length > 0 &&\r\n                                                    <a className={\"nav-link \" + ((first.Items.length > 0) ? 'has-child' : '')} title={first.Title} onClick={this.nextLevel.bind(this, first, 2)}>\r\n                                                        {first.Title}\r\n                                                        <i className=\"fa-solid fa-angle-right\"></i>\r\n                                                    </a>\r\n                                                }\r\n                                                {first.Items && first.Items.length == 0 &&\r\n                                                    <a href={first.Link} className=\"nav-link\" title={first.Title}>{first.Title}</a>\r\n                                                }\r\n                                                <ul className={\"second-level h-100\" + ((first.Items == secondLevelItems) ? \" active\" : \"\")}>\r\n                                                    {first.Items && first.Items.length > 0 &&\r\n                                                        <React.Fragment>\r\n                                                            <div className=\"back\"> \r\n                                                                <span className=\"back-label\" onClick={this.previousLevel.bind(this, 2)} title={first.Title}><i className=\"fa-solid fa-angle-left\"></i>{backTo}{first.Title}</span>\r\n                                                            </div>\r\n                                                            <li className=\"nav-item\">\r\n                                                                <a className=\"nav-link\" href={first.Link} title={first.Title}>{first.Title}</a>\r\n                                                            </li>\r\n                                                        </React.Fragment>\r\n                                                    }\r\n                                                    {first.Items && first.Items.map((second, sindex) => {\r\n                                                        return (\r\n                                                            <li className=\"nav-item\" key={sindex}>\r\n                                                                {second.Items && second.Items.length > 0 &&\r\n                                                                    <a className={\"nav-link \" + ((second.Items.length > 0) ? 'has-child' : '')} title={second.Title} onClick={this.nextLevel.bind(this, second, 3)}>\r\n                                                                        {second.Title}\r\n                                                                        <i className=\"fa-solid fa-angle-right\"></i>\r\n                                                                    </a>\r\n                                                                }\r\n                                                                {second.Items && second.Items.length == 0 &&\r\n                                                                    <a href={second.Link} className=\"nav-link\" title={second.Title}>{second.Title}</a>\r\n                                                                }\r\n                                                                <ul className={\"second-level h-100\" + ((second.Items == thirdLevelItems) ? \" active\" : \"\")}>\r\n                                                                    {second.Items && second.Items.length > 0 &&\r\n                                                                        <React.Fragment>\r\n                                                                            <div className=\"back\"> \r\n                                                                                <span className=\"back-label\" onClick={this.previousLevel.bind(this, 3)} title={second.Title}><i className=\"fa-solid fa-angle-left\"></i>{backTo}{second.Title}</span>\r\n                                                                            </div>\r\n                                                                            <li className=\"nav-item\">\r\n                                                                                <a className=\"nav-link\" href={second.Link} title={second.Title}>{second.Title}</a>\r\n                                                                            </li>\r\n                                                                        </React.Fragment>\r\n                                                                    }\r\n                                                                    {second.Items && second.Items.map((third, tindex) => {\r\n                                                                        return (\r\n                                                                            <li className=\"nav-item\" key={tindex}>\r\n                                                                                <a href={third.Link} className=\"nav-link\" title={third.Title}>{third.Title}</a>\r\n                                                                            </li>\r\n                                                                        );\r\n                                                                    })}\r\n                                                                </ul>\r\n                                                            </li>\r\n                                                        );\r\n                                                    })}\r\n                                                </ul>\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        );\r\n    }\r\n}"],"names":["MobileNavbar","props","state","firstLevelItems","secondLevelItems","thirdLevelItems","backHomeLabel","this","setState","mainNavItem","item","level","Items","backTo","id","className","map","index","key","length","title","Title","onClick","nextLevel","bind","href","Link","previousLevel","first","findex","second","sindex","third","tindex","React"],"sourceRoot":""}