{"version":3,"sources":["porsgrunn.js"],"names":["kari_config","color","launchtime","holydays","from","to","callback","chatPanel","styleTag","className","cssPrefix","chatWithUs","document","getElementById","cookieElement","cornerKari","head","appendChild","bottom","createElement","innerHTML","concat","style","display","querySelector","addEventListener","parentNode","kariWrapper","removeChild","right"],"mappings":"aAAA,IAAMA,YAAc,CAChBC,MAAO,YADLD,WAAW,kBAEbE,SAAY,CAEZC,MAAU,CACNC,KAAS,mBACCC,GAAA,qBAKdC,SAXgB,SAAAC,GAaZ,IAuGsBC,EAnGNC,EAJVC,EAAY,QA4FdC,EAAaC,SAASC,eAAe,6DACrCC,EAAgBF,SAASC,eAAe,iBACxCE,EAAaH,SAASC,eAAe,iBAEzCD,SAASI,KAAKC,cAOQT,EAAOU,SAASC,cAA1B,UAEXC,UAAA,sBAAAC,OAhFUX,EAgFV,0KAAAW,OAYDX,EAZC,qJAAAW,OArEUX,EAqEV,+JAAAW,OAhEUX,EAgEV,4VAAAW,OAtDUX,EAsDV,6jBAAAW,OAvCUX,EAuCV,qVAAAW,OA7BUX,EA6BV,mMAAAW,OAvBcX,EAuBd,yGAjBUF,IAURM,GAAiD,UAAhCA,EAAcQ,MAAMC,UACpCR,EAAWO,MAAMJ,OAAS,QAE1BJ,EAAcU,cAAc,qBACvBC,iBAAiB,QAAS,WACvBV,EAAWO,MAAMJ,OAAS,UAInCP,IACCA,EACKe,WACAT,cA1GOR,EAAZG,SAA2BF,cAA3B,QACYU,UAAZO,GAAAA,OAAAjB,EAAAiB,QAYAA,EAAAP,UAAA,oCAAAC,OAfJX,EAeI,8EAAAW,OAVsBX,EAUtB,qKAAAW,OAuEAX,EAvEA,6DAAAW,OAGJX,EAHI,sMA+EUO,IAgBVN,EACKe,WACAE,YAAYjB,IAGlBI,IACCA,EAAWO,MAAMO,MAAM","file":"porsgrunn.js","sourcesContent":["const kari_config = {\n    color: \"porsgrunn\",\n    launchtime: \"2018/10/5 10:15\",\n\n    holydays: {\n        \"nisse\": {\n            from: \"2021/12/15 00:01\",\n            to: \"2022/01/01 23:59\"\n        }\n    },\n    \n    callback(chatPanel){\n        \n        const cssPrefix = \"ssp__\";\n        \n        const kariButton = () => {\n            const kariWrapper = document.createElement('div');\n            kariWrapper.className = `${cssPrefix}kari`;\n            kariWrapper.innerHTML = `\n                <button class='${cssPrefix}kari__button start-kari' type=\"button\">\n                    <div class=\"${cssPrefix}kari__button__message\">\n                        Hva kan jeg hjelpe deg med?\n                    </div>\n                    \n                    <div class='${cssPrefix}kari__img-wrapper'>\n                        <img class='${cssPrefix}kari__img' src=\"//prokomresources.prokomcdn.no/client-grunt/bot/design_variations/kari-porsgrunn.svg\" alt=\"kari chat bot\" />\n                    </div>\n                </button>\n            `;\n            \n            return kariWrapper;\n        }\n        \n        const kariButtonCss = () => {\n            \n            const styleTag = document.createElement(\"style\");\n            \n            styleTag.innerHTML = `\n                .${cssPrefix}kari{\n                    position:absolute;\n                    top:85px;\n                    right:133px;\n                }\n                \n                .${cssPrefix}kari__button{\n                    background:transparent;\n                    border:0;\n                }\n                \n                .${cssPrefix}kari__button:hover{\n                    background-color:#fff;\n                    color:#003F72;\n                }\n                \n                .${cssPrefix}kari__button__message{\n                    font-family:Arial;\n                    background:#006b9a;\n                    color:#fff;\n                    padding:20px;\n                    font-size:20px;\n                    font-weight:bold;\n                    border-radius:13px;\n                }\n                \n                .${cssPrefix}kari__button__message::after{\n                    content:\"\";\n                    height:0;\n                    width:0;\n                    display:block;\n                    border-top:20px solid transparent;\n                    border-right:20px solid transparent;\n                    border-bottom: 20px solid transparent;\n                    border-left:20px solid #006b9a;\n                    \n                    position:absolute;\n                    top:12px;\n                    right:-22px;\n                }\n                \n                .${cssPrefix}kari__img-wrapper{\n                    position:absolute;\n                    top:-21px;\n                    right:-104px;\n                    height:90px;\n                    width:90px;\n                    border: 5px solid #006b9a;\n                    border-radius:100%;\n                }\n                \n                .${cssPrefix}kari__img{\n                    height:auto;\n                    width:100%;\n                }\n                \n                @media screen and (min-width:768px){\n                    .${cssPrefix}kari{\n                        display:block;\n                    }\n                }\n            `;\n            \n            return styleTag;\n        };\n        \n        \n        var chatWithUs = document.getElementById(\"ctl00_ContentFullRegion_PageHeaderRegion_PageHeader1_chat\");\n        var cookieElement = document.getElementById(\"cookie-varsel\");\n        var cornerKari = document.getElementById(\"cornered_kari\");\n        \n        document.head.appendChild(kariButtonCss());\n        \n        if(cookieElement && cookieElement.style.display === \"block\"){\n            cornerKari.style.bottom = \"200px\";\n            \n            cookieElement.querySelector(\".btncookie-varsel\")\n                .addEventListener('click', function(){\n                    cornerKari.style.bottom = \"20px\";    \n                });\n        }\n        \n        if(chatWithUs){\n            chatWithUs \n                .parentNode\n                .appendChild(kariButton());\n            \n            chatWithUs\n                .parentNode\n                .removeChild(chatWithUs);\n        }\n        \n        if(cornerKari){\n            cornerKari.style.right=\"80px\";\n        }\n    }\n}\n"]}