{"version":3,"file":"5.33178ebacc185a9f23c8.js","mappings":"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","sources":["webpack://iflyworld.web/./wwwroot/app/src/js/global.js","webpack://iflyworld.web/./wwwroot/app/src/js/header-search.js"],"sourcesContent":["// ***********************************\r\n// *****  global site variables  *****\r\n// ***********************************\r\n\r\nconst detectReducedMotionPref = window.matchMedia('(prefers-reduced-motion: reduce)');\r\nlet settingsLinksAdded = false,\r\n    settingsModalContent = null;\r\n\r\n// site settings\r\n\r\nconst addSettingsLinks = () => {\r\n    // utility bar link?\r\n    let utilityBar = document.body.querySelector('.header--utility-bar--links ul');\r\n    if(utilityBar != null) {\r\n        let li = document.createElement('li');\r\n        li.classList.add('list-inline-item','ms-2');\r\n        li.innerHTML = '<button class=\"btn btn-link p-0 ml-3 site-settings-toggle\" data-bs-toggle=\"modal\" data-bs-target=\"#site-settings\"><i class=\"fas fa-cog\" aria-hidden=\"true\" title=\"Site settings\"></i><span class=\"visually-hidden\">Site settings</span></button>';\r\n        utilityBar.appendChild(li);\r\n    }\r\n    // update state\r\n    settingsLinksAdded = true;\r\n};\r\n\r\nconst refreshModalContent = () => {\r\n    if(!settingsModalContent) {\r\n        let settingsModal = document.createElement('div');\r\n        settingsModal.setAttribute('id','site-settings');\r\n        settingsModal.setAttribute('class','modal fade');\r\n        settingsModal.setAttribute('data-bs-backdrop','static');\r\n        settingsModal.setAttribute('data-bs-keyboard','false');\r\n        settingsModal.setAttribute('tabindex','-1');\r\n        settingsModal.setAttribute('aria-hidden','true');\r\n        settingsModal.innerHTML = '<div class=\"modal-dialog\"><div class=\"modal-content\"><div class=\"modal-header\"><h1 class=\"modal-title h5 m-0\">Site Settings</h1><button type=\"button\" class=\"btn btn-link p-0\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><i class=\"fas fa-times\" aria-hidden=\"true\" title=\"Close\"></i></button></div><div class=\"modal-body\"></div></div>';\r\n        document.body.appendChild(settingsModal);\r\n        settingsModalContent = document.body.querySelector('#site-settings .modal-body');\r\n    }\r\n    let content = '';\r\n    if(siteSettings.fx.length > 0) {\r\n        settingsModalContent.innerHTML = '<p>Manage the visual effects on this site:</p>';\r\n        siteSettings.fx.forEach(i => {\r\n            settingsModalContent.appendChild(i.controller);\r\n        });\r\n    }\r\n}\r\n\r\nexport const siteSettings = {\r\n    reducedMotionPref: detectReducedMotionPref.matches,\r\n    fx: [],\r\n    fxAdd: (fxType, fxEnable, fxCallback = null) => {\r\n        let exists = false;\r\n        siteSettings.fx.forEach(i => {\r\n            if(i.type == fxType) exists = true;\r\n        });\r\n        if(!exists) {\r\n            siteSettings.fx.push({\r\n                type: fxType,\r\n                enabled: fxEnable,\r\n                callback: fxCallback,\r\n                controller: document.createElement('div')\r\n            });\r\n            let thisIndex = siteSettings.fx.length - 1,\r\n                thisFX = siteSettings.fx[thisIndex];\r\n            thisFX.controller.setAttribute('class','form-check form-switch');\r\n            let checkbox = document.createElement('input');\r\n            checkbox.setAttribute('id',`site-settings--fx--${thisIndex}`);\r\n            checkbox.setAttribute('class','form-check-input');\r\n            checkbox.setAttribute('type','checkbox');\r\n            checkbox.setAttribute('role','switch');\r\n            if(fxEnable) checkbox.setAttribute('checked',true);\r\n            checkbox.addEventListener('click',() => {\r\n                siteSettings.fxToggle(thisFX.type,checkbox.checked);\r\n            });\r\n            thisFX.controller.appendChild(checkbox);\r\n            let label = document.createElement('label');\r\n            label.setAttribute('for',`site-settings--fx--${thisIndex}`);\r\n            label.setAttribute('class','form-check-label');\r\n            label.innerHTML = thisFX.type;\r\n            thisFX.controller.appendChild(label);\r\n        }\r\n        if(fxCallback) fxCallback(fxEnable);\r\n        // add settings links if not already added\r\n        if(!settingsLinksAdded) addSettingsLinks();\r\n        // refresh modal content\r\n        refreshModalContent();\r\n    },\r\n    fxToggle: (fxType, mode) => {\r\n        siteSettings.fx.forEach(i => {\r\n            if(i.type == fxType) {\r\n                i.enabled = mode;\r\n                if(i.callback) i.callback(mode);\r\n            }\r\n        });\r\n    }\r\n};\r\n\r\n// viewport size\r\n\r\nexport const viewport = {\r\n    vw: 0,\r\n    vh: 0,\r\n    setVw: (val) => {\r\n        viewport.vw = val;\r\n    },\r\n    setVh: (val) => {\r\n        viewport.vh = val;\r\n    }\r\n};\r\n\r\n// component states\r\n\r\nexport const mainNavigation = {\r\n    mobileActive: false,\r\n    setMobileActive: (mode) => {\r\n        mainNavigation.mobileActive = mode;\r\n    },\r\n    desktopActive: false,\r\n    setDesktopActive: (mode) => {\r\n        mainNavigation.desktopActive = mode;\r\n    }\r\n};\r\n\r\nexport const headerSearch = {\r\n    active: false,\r\n    setActive: (mode) => {\r\n        headerSearch.active = mode;\r\n    }\r\n};","// ***************************\r\n// *****  Header search  *****\r\n// ***************************\r\n\r\nimport { headerSearch } from './global';\r\n\r\nheaderSearch.setActive(false);\r\n\r\nclass HeaderSearchSystem {\r\n\r\n    constructor(showBtn, wrapper, closeBtn, searchField) {\r\n        this.showBtn = showBtn;\r\n        this.wrapper = wrapper;\r\n        this.closeBtn = closeBtn;\r\n        this.searchField = searchField;\r\n        this.active = false;\r\n        // remove 'hidden' attribute\r\n        this.wrapper.removeAttribute('hidden');\r\n        // triggers\r\n        this.showBtn.onclick = () => {\r\n            if(!this.active) this.show();\r\n        };\r\n        this.closeBtn.onclick = () => {\r\n            if(this.active) this.hide();\r\n        };\r\n        // ESC key closes search\r\n        this.wrapper.addEventListener('keydown', (e) => {\r\n            switch (e.key) {\r\n                // ESCAPE jumps out a level\r\n                case 'Escape':\r\n                    if(this.active) {\r\n                        e.preventDefault();\r\n                        this.hide(true);\r\n                    }\r\n                    break;\r\n            }\r\n        });\r\n        // loop the tabbing if search area is active\r\n        this.closeBtn.addEventListener('keydown', (e) => {\r\n            switch (e.key) {\r\n                // TAB\r\n                case 'Tab':\r\n                    if(this.active) {\r\n                        e.preventDefault();\r\n                        this.searchField.focus();\r\n                    }\r\n                    break;\r\n            }\r\n        });\r\n    }\r\n\r\n    show() {\r\n        this.wrapper.ontransitionend = null;\r\n        this.wrapper.setAttribute('aria-hidden', false);\r\n        this.showBtn.setAttribute('aria-expanded', true);\r\n        this.active = true;\r\n        headerSearch.setActive(true);\r\n        window.requestAnimationFrame(() => {\r\n            this.wrapper.classList.add('search-form--active');\r\n            this.searchField.focus();\r\n        });\r\n    }\r\n\r\n    hide(doFocus = false) {\r\n        this.showBtn.setAttribute('aria-expanded', false);\r\n        this.active = false;\r\n        headerSearch.setActive(false);\r\n        this.wrapper.classList.remove('search-form--active');\r\n        this.wrapper.ontransitionend = (e) => {\r\n            if(e.target == this.wrapper) this.transitionEnd(doFocus);\r\n        };\r\n    }\r\n\r\n    transitionEnd(doFocus = false) {\r\n        this.wrapper.setAttribute('aria-hidden', true);\r\n        this.wrapper.ontransitionend = null;\r\n        if(doFocus) this.showBtn.focus();\r\n    }\r\n}\r\n\r\nconst headerSearchShownBtn = document.querySelector('#header--search-show-btn'),\r\n    headerSearchWrapper = document.querySelector('#header--search-wrapper'),\r\n    headerSearchCloseBtn = document.querySelector('#header--search-close-btn'),\r\n    headerSearchField = headerSearchWrapper !== null ? headerSearchWrapper.querySelector('input[type=\"search\"]') : null;\r\n\r\nif(headerSearchShownBtn != null && headerSearchWrapper != null && headerSearchCloseBtn != null && headerSearchField != null) {\r\n    new HeaderSearchSystem(headerSearchShownBtn, headerSearchWrapper, headerSearchCloseBtn, headerSearchField);\r\n}"],"names":["detectReducedMotionPref","window","matchMedia","settingsLinksAdded","settingsModalContent","siteSettings","reducedMotionPref","matches","fx","fxAdd","fxType","fxEnable","fxCallback","exists","forEach","i","type","push","enabled","callback","controller","document","createElement","thisIndex","length","thisFX","setAttribute","checkbox","addEventListener","fxToggle","checked","appendChild","label","innerHTML","utilityBar","body","querySelector","li","classList","add","addSettingsLinks","settingsModal","refreshModalContent","mode","viewport","vw","vh","setVw","val","setVh","mainNavigation","mobileActive","setMobileActive","desktopActive","setDesktopActive","headerSearch","active","setActive","HeaderSearchSystem","constructor","showBtn","wrapper","closeBtn","searchField","this","removeAttribute","onclick","show","hide","e","key","preventDefault","focus","ontransitionend","requestAnimationFrame","doFocus","remove","target","transitionEnd","headerSearchShownBtn","headerSearchWrapper","headerSearchCloseBtn","headerSearchField"],"sourceRoot":""}