{"version":3,"sources":["js/index.js"],"names":["window","addEventListener","searchButtonClick","luckyButtonClick","SEARCH_DATA","name","text","img","IMG_BUSY","IMG_BROKEN","IMG_NOTCAT","IMG_HUMANCAT","IMG_LAZY","imgLoading","IMG_LOADING","IMG_GRINS","IMG_SMART","IMG_HAPPY","searchCount","document","getElementById","search","querySelector","innerHTML","renderResult","getSearchData","searchData","searchInput","loadFakeSearch","renderFakeSearch","value","length","searchName","searchForm","buttons","querySelectorAll","classList","toggle","forEach","button","setTimeout","resultText","remove","luckyButtonApply","flipCardInner"],"mappings":";;;;;;;;;;;;;;;;;;;AA4HA,aAvHA,IAAA,EAAA,EAAA,QAAA,oBACA,EAAA,EAAA,QAAA,sBACA,EAAA,EAAA,QAAA,yBACA,EAAA,EAAA,QAAA,oBACA,EAAA,EAAA,QAAA,wBACA,EAAA,EAAA,QAAA,qBACA,EAAA,EAAA,QAAA,qBACA,EAAA,EAAA,QAAA,qBACA,EAAA,EAAA,QAAA,uBA+GA,SAAA,EAAA,GAAA,OAAA,GAAA,EAAA,WAAA,EAAA,CAAA,QAAA,GA5HAA,OAAOC,iBAAiB,mBAAoB,WACxCC,IACAC,MAaJ,IAAMC,EAAc,CAChB,CACIC,KAAM,OACNC,KAAM,8DACNC,IAAKC,EAAAA,SAET,CACIH,KAAM,SACNC,KAAM,yDACNC,IAAKE,EAAAA,SAET,CACIJ,KAAM,eACNC,KAAM,mDACNC,IAAKG,EAAAA,SAET,CACIL,KAAM,WACNC,KAAM,oCACNC,IAAKI,EAAAA,SAET,CACIN,KAAM,OACNC,KAAM,mCACNC,IAAKK,EAAAA,SAET,CACIP,KAAM,OACNC,KAAM,+CACNO,WAAYC,EAHhB,QAIIP,IAAKQ,EAAAA,SAET,CACIV,KAAM,cACNC,KAFJ,8iBAQIC,IAAKS,EAAAA,SAET,CACIX,KAAM,eACNC,KAAM,6CACNC,IAAKU,EAAAA,UAITC,GAAe,EAEbhB,EAAoB,WACDiB,SAASC,eAAe,iBAChCnB,iBAAiB,QAASoB,IAGrCA,EAAS,WACUF,SAASG,cAAc,kBAC/BC,UAAYC,EAAaC,MAGpCD,EAAe,SAACE,GACZC,IAAAA,EAAcR,SAASC,eAAe,UACxCQ,OAAAA,EAAeF,EAAWrB,MAAcwB,EAAiBH,IAC7DC,EAAYG,MAAQJ,EAAWrB,KACIqB,4BAAAA,OAAAA,EAAWpB,KAEtBoB,4EAAAA,OAAAA,EAAWnB,IAFnC,2CAMEkB,EAAgB,WAIXrB,OAHHc,IAAgBd,EAAY2B,OAAS,IAAGb,GAAe,GAGpDd,IAFPc,IAKEU,EAAiB,SAACI,GAChBA,MAAe,SAAfA,GAIFH,EAAmB,SAACH,GAChBO,IAAAA,EAAad,SAASG,cAAc,gBACpCY,EAAUf,SAASgB,iBAAiB,kBAaUT,OAZpDO,EAAWG,UAAUC,OAAO,oBAC5BH,EAAQI,QAAQ,SAAAC,GAAUA,OAAAA,EAAOH,UAAUC,OAAO,0BAClDG,WAAW,WACDjC,IAAAA,EAAMY,SAASG,cAAc,eAC7BmB,EAAatB,SAASG,cAAc,gBACpCK,EAAcR,SAASC,eAAe,UAC5Ca,EAAWG,UAAUC,OAAO,oBAC5BI,EAAWL,UAAUM,OAAO,oBAC5BR,EAAQI,QAAQ,SAAAC,GAAUA,OAAAA,EAAOH,UAAUC,OAAO,0BAClDV,EAAYG,MAAQJ,EAAWrB,KAC/BE,EAAIgB,UAAyBG,aAAAA,OAAAA,EAAWnB,IAAxC,sBACD,MACiDmB,6CAAAA,OAAAA,EAAWpB,KAEvCoB,4EAAAA,OAAAA,EAAWb,WAFnC,0CAMEV,EAAmB,WACDgB,SAASG,cAAc,iBAC/BrB,iBAAiB,QAAS0C,IAGpCA,EAAmB,WACfC,IAAAA,EAAgBzB,SAASG,cAAc,oBAC7CsB,EAAcR,UAAUC,OAAO,wBAC/BG,WAAW,WACPI,EAAcR,UAAUC,OAAO,yBAChC","file":"js.11308c7e.map","sourceRoot":"..\\src","sourcesContent":["window.addEventListener('DOMContentLoaded', () => { \r\n    searchButtonClick();\r\n    luckyButtonClick();\r\n});\r\n\r\nimport IMG_BUSY from '../img/busy.gif';\r\nimport IMG_BROKEN from '../img/broken.gif';\r\nimport IMG_NOTCAT from '../img/not_a_cat.gif';\r\nimport IMG_LAZY from '../img/lazy.gif';\r\nimport IMG_HUMANCAT from '../img/humancat.gif';\r\nimport IMG_SMART from '../img/smart.gif';\r\nimport IMG_HAPPY from '../img/happy.gif';\r\nimport IMG_GRINS from '../img/grins.jpg';\r\nimport IMG_LOADING from '../img/loading.gif';\r\n\r\nconst SEARCH_DATA = [\r\n    {\r\n        name: 'Busy',\r\n        text: 'Sorry, but the Kottan is busy right now. Please, try again.',\r\n        img: IMG_BUSY\r\n    },\r\n    {\r\n        name: 'Broken',\r\n        text: 'Oops, you have got a broken Kottan. Please, try again.',\r\n        img: IMG_BROKEN\r\n    },\r\n    {\r\n        name: 'Not a Kottan',\r\n        text: 'Looks like it\\'s not a Kottan. Please, try again.',\r\n        img: IMG_NOTCAT\r\n    },\r\n    {\r\n        name: 'Humancat',\r\n        text: 'Experimental beta version Kottan.',\r\n        img: IMG_HUMANCAT\r\n    },\r\n    {\r\n        name: 'Lazy',\r\n        text: 'The lazy one. Don\\'t stop trying.',\r\n        img: IMG_LAZY\r\n    },\r\n    {\r\n        name: 'Liar',\r\n        text: 'Congratulations! You found a mocking Kottan.',\r\n        imgLoading: IMG_LOADING,\r\n        img: IMG_GRINS\r\n    },\r\n    {\r\n        name: 'Wise Kottan',\r\n        text: `<p class=\"text-left\">Your time is limited, so don't waste it living someone else's life.<br>\r\n                Don't be trapped by dogma -<br>which is living with the results of other people's thinking.<br>\r\n                Don't let the noise of others opinions drown out your own inner voice.<br> \r\n                And most important, have the courage to follow your heart and intuition.<br> \r\n                They somehow already know what you truly want to become. <br>\r\n                Everything else is secondary.<br>Stay hungry, stay foolish.</p>`,\r\n        img: IMG_SMART\r\n    },\r\n    {\r\n        name: 'Happy Kottan',\r\n        text: 'This was the last Kottan. Come back later!',\r\n        img: IMG_HAPPY\r\n    },\r\n]\r\n\r\nlet searchCount = -1;\r\n\r\nconst searchButtonClick = () => {\r\n    const searchButton = document.getElementById('search-button');\r\n    searchButton.addEventListener('click', search);\r\n}\r\n\r\nconst search = () => {\r\n    const searchResult = document.querySelector('.search-result');\r\n    searchResult.innerHTML = renderResult(getSearchData());\r\n}\r\n\r\nconst renderResult = (searchData) => {\r\n    const searchInput = document.getElementById('search');\r\n    if (loadFakeSearch(searchData.name)) return renderFakeSearch(searchData);\r\n    searchInput.value = searchData.name;\r\n    return `<div class=\"result-text\">${searchData.text}</div>\r\n            <div class=\"result-img\">\r\n                <img src=\"${searchData.img}\" height=\"400px\">\r\n            </div>`\r\n}\r\n\r\nconst getSearchData = () => {\r\n    if (searchCount === SEARCH_DATA.length - 1) searchCount = -1;\r\n    searchCount++\r\n    let i = searchCount;\r\n    return SEARCH_DATA[i];\r\n}\r\n\r\nconst loadFakeSearch = (searchName) => {\r\n    if (searchName === 'Liar') return true;\r\n    return false;\r\n}\r\n\r\nconst renderFakeSearch = (searchData) => {\r\n    const searchForm = document.querySelector('.search-form');\r\n    const buttons = document.querySelectorAll('.search-button');\r\n    searchForm.classList.toggle('search-form-fake');\r\n    buttons.forEach(button => button.classList.toggle('searching-input-fake'));\r\n    setTimeout(() => {\r\n        const img = document.querySelector('.result-img');\r\n        const resultText = document.querySelector('.result-text');\r\n        const searchInput = document.getElementById('search');\r\n        searchForm.classList.toggle('search-form-fake');\r\n        resultText.classList.remove('result-text-hide');\r\n        buttons.forEach(button => button.classList.toggle('searching-input-fake'));\r\n        searchInput.value = searchData.name;\r\n        img.innerHTML = `<img src=\"${searchData.img}\" height=\"400px\">`;\r\n    }, 1800);\r\n    return `<div class=\"result-text result-text-hide\">${searchData.text}</div>\r\n            <div class=\"result-img\">\r\n                <img src=\"${searchData.imgLoading}\" height=\"100px\">\r\n            </div>`\r\n}\r\n\r\nconst luckyButtonClick = () => {\r\n    const luckyButton = document.querySelector('#lucky-button');\r\n    luckyButton.addEventListener('click', luckyButtonApply);\r\n}\r\n\r\nconst luckyButtonApply = () => {\r\n    const flipCardInner = document.querySelector('.flip-card-inner');\r\n    flipCardInner.classList.toggle('flip-card-inner-show');\r\n    setTimeout(() => {\r\n        flipCardInner.classList.toggle('flip-card-inner-show');        \r\n    }, 2000);\r\n}\r\n"]}