https://www.nivea.co.jp/dist/NiveaX/modules/UvCalculator.6a47e7d2.js

1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[1883,3662,5335,6270],{8414:(t,e,s)=>{s.r(e),s.d(e,{default:()=>l});var i=s(79439),n=s(86969),r=s(98684),a=s(21464);const o='[data-module="UvCalculator"]';class l extends i.default{static setup(t=o){Array.from(document.querySelectorAll(t)).filter(t=>!t.dataset.moduleInitialized).forEach(t=>{new l(t),t.dataset.moduleInitialized="true"})}constructor(t,e={}){super(t),this.element=t,this.indexArray=[],this.options=(0,a.$E)(this.element,Object.assign(this.getDefaultOptions(),e)),this.uvBtn=this.element.querySelector(`.${this.options.ActionButton}`),this.goBackBtn=this.element.querySelector(`.${this.options.ActionLink}`),this.ajaxAddressUrl=this.element.getAttribute(`${this.options.DataAjaxAddressUrl}`),this.ajaxUvIndexUrl=this.element.getAttribute(`${this.options.DataAjaxUvIndexUrl}`),this.inputField=this.element.querySelector(`.${this.options.InputField}`),this.uvHeader=this.element.querySelector(`.${this.options.UvHeader}`),this.resultContainer=this.element.querySelector(`.${this.options.AutoCompleteWrapper}`),this.ucContentWrapper=this.element.querySelector(`.${this.options.UvContentWrapper} > div`),this.addGoBackBtn().creatIndexArray().initEventHandlers(),this.autoComplete=new n.default(t,this.onAutoCompleteItemClicked.bind(this))}initEventHandlers(){const t=(0,a.sg)(t=>this.onTyping(t),300);this.uvBtn.addEventListener("click",()=>this.getLatLon()),this.inputField.addEventListener("keyup",e=>{const s=e.currentTarget;t(s.value),this.onPressEnter(e)}),this.ucContentWrapper.addEventListener("click",t=>this.goBackUvHeader(t))}onAutoCompleteItemClicked(t){const e=t.target;if(e.classList.contains("nx-autocomplete--list-item")){const t=e.getAttribute("data-index"),s=this.addressList[t];this.getUvIndex(s)}}onTyping(t){t.length>=3&&this.getListOfAddress(t)}getListOfAddress(t){const e=`${this.ajaxAddressUrl}?query=${t}`;this.requestUrl(e,this.autoSuggest.bind(this))}autoSuggest(t){this.addressList=JSON.parse(t.responseText);const e=[];this.addressList.forEach(t=>{e.push(`${t.Address.FreeformAddress||t.Address.CountrySubdivision} (${t.Address.Country})`)}),this.autoComplete.showAutoComplete(this.inputField.value,e)}onPressEnter(t){13!=t.which&&13!=t.keyCode||this.getLatLon()}goBackUvHeader(t){t.target.classList.contains("nx-uv-calculator__action-link")&&(this.uvHeader.classList.remove(`${this.options.UvHeader}--hidden`),this.ucContentWrapper.innerHTML="",this.scrollToSection(this.uvHeader))}getLatLon(){const t=this.inputField.value,e=`${this.ajaxAddressUrl}?query=${t}`;this.requestUrl(e,this.onAddressSuccess.bind(this))}onAddressSuccess(t){const e=JSON.parse(t.responseText)[0];if(!e)return this;this.getUvIndex(e)}getUvIndex(t){const e=t.Position.Lat,s=t.Position.Lon;this.currentAddress=t.Address.FreeformAddress||t.Address.CountrySubdivision;const i=`${this.ajaxUvIndexUrl}?query=${e},${s}`;this.requestUrl(i,this.onUVIndexSuccess.bind(this))}onUVIndexSuccess(t){const e=t.responseText,s=this.element.querySelector(`[data-uv-range-upper-limit="${this.getCurrentUvIndex(e)}"]`);this.ucContentWrapper.innerHTML=this.repleceData(s,e),this.cleanUvHeader(),this.uvHeader.classList.add(`${this.options.UvHeader}--hidden`)}repleceData(t,e){let s=t.innerHTML;return s=s.replace(/\[uvIndex\]/g,e),s=s.replace(/\[city\]/g,`<b>${this.currentAddress}</b>`),s}cleanUvHeader(){this.inputField.value="",this.inputField.classList.remove("nx-input-text--focused"),this.inputField.parentElement.classList.remove("nx-input-text__clear-btn--show"),this.resultContainer.classList.remove(`${this.options.AutoCompleteWrapper}--active`)}requestUrl(t,e,s){const i=new XMLHttpRequest;i.onreadystatechange=()=>{4===i.readyState&&(200===i.status?e(i):404!==i.status&&500!==i.status||("function"==typeof s?s(i):console.warn(`Request failed:/\n${i.status}`)))},i.open("Get",t),i.send()}creatIndexArray(){return Array.from(this.element.querySelectorAll("[data-uv-range-upper-limit]")).forEach(t=>{this.indexArray.push(t.getAttribute("data-uv-range-upper-limit"))}),this}addGoBackBtn(){return Array.from(this.element.querySelectorAll("[data-uv-range-upper-limit]")).forEac

1h(t=>{const e=(0,r.Uo)(`<span class="nx-action-link nx-font-text-link-medium nx-font--bold nx-txt-uppercase nx-uv-calculator__action-link">${this.goBackBtn.innerText}</span>`);t.querySelector(".nx-content-zone__placeholder ").append(e)}),this}getCurrentUvIndex(t){let e;for(let s=0;s<=this.indexArray.length-1&&(e=this.indexArray[s],!(parseInt(this.indexArray[s])>=parseInt(t)));s++);return e}scrollToSection(t){t.scrollIntoView();let e=document.body.querySelector(".nx-anchor-navigation"),s=20;e&&(s=e.clientHeight),window.scrollBy({top:-s,left:0,behavior:"auto"})}getDefaultOptions(){return{UvContentWrapper:"nx-uv-calculator--content-wrapper",AutoCompleteWrapper:"nx-autocomplete-result",UvHeader:"nx-uv-calculator__header",InputField:"nx-input-text__field",ActionLink:"nx-action-link",ActionButton:"nx-btn",DataAjaxAddressUrl:"data-ajax-address-url",DataAjaxUvIndexUrl:"data-ajax-uv-index-url"}}}l.setup(o)},31161:(t,e,s)=>{s.r(e),s.d(e,{default:()=>i});const i=s(8414).default},79439:(t,e,s)=>{s.r(e),s.d(e,{DefaultFormElement:()=>a,FormElementNewsletter:()=>o,default:()=>r});var i=s(98684);const n='[data-module="FormElement"]';class r{static setup(t=n){Array.from(document.querySelectorAll(t)).filter(t=>!t.dataset.moduleInitialized).forEach(t=>{new r(t),t.dataset.moduleInitialized="true"})}constructor(t){this.element=t;const e=this.element.dataset.ajaxUrl;e?new o(this.element,e):new a(this.element)}}class a{constructor(t){this.element=t,this.formFieldContainer=this.element.querySelector(".nx-input-text"),this.clearIcon=this.element.querySelector(".nx-input-text__clear-btn"),this.inputText=this.element.querySelector(".nx-input-text__field"),this.formFieldContainer&&this.clearIcon&&this.inputText&&this.init()}init(){return this.checkFocus(),this.inputText.addEventListener("input",()=>this.checkEmpty()),this.clearIcon.addEventListener("click",()=>this.clearInput()),this}checkFocus(){return this.inputText.addEventListener("focus",()=>{this.formFieldContainer.classList.add("nx-input-text--focused")}),this.inputText.addEventListener("blur",()=>{this.formFieldContainer.classList.remove("nx-input-text--focused")}),this}checkEmpty(){return(0,i.p1)(this.formFieldContainer,"nx-input-text__clear-btn--show",this.inputText.value.length>0),this}clearInput(){return this.inputText.value="",this.checkEmpty(),this.inputText.blur(),this}}class o extends a{constructor(t,e){super(t),this.element=t,this.ajaxUrl=e,this.formBtn=this.element.querySelector(".nx-btn"),this.initFormWithParam()}initFormWithParam(){this.formBtn.addEventListener("click",()=>{let t=this.inputText.value,e=~this.ajaxUrl.indexOf("?")?"&":"?";window.NiveaX.layer.openAsync(`${this.ajaxUrl}${e}email=${t}`)})}}r.setup(n)},86969:(t,e,s)=>{s.r(e),s.d(e,{default:()=>n});var i=s(21464);class n{constructor(t,e,s){this.charLength=3,this.element=t,this.options=(0,i.$E)(this.element,Object.assign(this.getDefaultOptions(),s)),this.autocompleteWrapper=t.querySelector(`.${this.options.ContentSelector}`),this.inputField=this.element.querySelector(`.${this.options.InputField}`),this.charLength=this.options.CharLength,this.callBackFn=e,this.initEventHandlers()}initEventHandlers(){document.addEventListener("click",t=>this.documentOnClickHandler(t)),this.inputField.addEventListener("keyup",t=>this.shouldAutoCompleteAppear()),this.autocompleteWrapper.addEventListener("click",t=>this.callBackFn(t))}showAutoComplete(t,e){if(!(e.length>0))return this.autocompleteWrapper.innerHTML="",void this.autocompleteWrapper.classList.remove(`${this.options.ContentSelector}--active`);this.autocompleteWrapper.classList.add(`${this.options.ContentSelector}--active`);let s='<ul class="nx-autocomplete--list">';e.forEach((e,i)=>{s+=`<li class="nx-autocomplete--list-item" data-index="${i}">\n                        ${e.replace(new RegExp(t,"i"),"<strong>$&</strong>")}\n                    </li>`}),s+="</ul>",this.autocompleteWrapper.innerHTML=s}shouldAutoCompleteAppear(){this.inputField.value.length<this.charLength&&this.autocompleteWrapper.classList.contains(`${this.options.ContentSelector}--active`)&&this.autocompleteWrapper.classList.remove(`${this.options.ContentSelector}--active`)}documentOnClickHandler(t){t.target.closest(`.${this.options.ContentSelector}`)||this.autocompleteWrapper.classList.remove(`${this.options.ContentSelector}--active`)}getDefaultOptions(){return{ContentSelector:"nx-autocomplete-result",InputField:"nx-input-text__field",CharLength:3}}}}}]);
2//# sourceMappingURL=/dist/NiveaX/./modules/UvCalculator.6a47e7d2.js.1508ca1e.map