(()=>{"use strict";class t{constructor(t,e){this._inputSelector=t.inputSelector,this._inputErrorClass=t.inputErrorClass,this._errorClass=t.errorClass,this._submitButtonSelector=t.submitButtonSelector,this._inactiveButtonClass=t.inactiveButtonClass,this._formElement=e,this._inputList=Array.from(this._formElement.querySelectorAll(`${this._inputSelector}:not([type="radio"])`)),this._buttonElement=this._formElement.querySelector(this._submitButtonSelector),this._showErrorsAnimationClasses=["translate-x-5","opacity-0"],this._showErrorsTransitionsClasses=["transition-all","duration-300"],Array.from(this._formElement.querySelectorAll(".form__input-error")).map(t=>t.classList.add(...this._showErrorsAnimationClasses,...this._showErrorsTransitionsClasses))}_animateErrMessage(t){t.classList.add(...this._showErrorsAnimationClasses),requestAnimationFrame(()=>{t.classList.add(...this._showErrorsTransitionsClasses),t.classList.remove(...this._showErrorsAnimationClasses);const e=()=>{t.removeEventListener("transitionend",e),t.classList.remove(...this._showErrorsTransitionsClasses)};t.addEventListener("transitionend",e),setTimeout(e,350)})}_showInputError(t,e){const s=this._formElement.querySelector(`.${t.id}-error`);t.classList.add(this._inputErrorClass),s.textContent=e,s.classList.add(this._errorClass),this._animateErrMessage(s)}_hideInputError(t){const e=this._formElement.querySelector(`.${t.id}-error`);t.classList.remove(this._inputErrorClass),e.classList.remove(this._errorClass),e.classList.add(...this._showErrorsAnimationClasses),e.textContent=""}_checkInputValidity(t){t.validity.valid?this._hideInputError(t):this._showInputError(t,t.validationMessage)}_hasInvalidInput(t){return t.some(t=>!t.validity.valid)}_toggleButtonState(t,e){this._hasInvalidInput(t)?(e.classList.add(this._inactiveButtonClass),e.setAttribute("disabled",!0)):(e.classList.remove(this._inactiveButtonClass),e.removeAttribute("disabled"))}_showErrors(t,e){t.forEach(t=>{this._checkInputValidity(t)})}toggleButtonState(){this._toggleButtonState(this._inputList,this._buttonElement)}hasInvalidInput(){return this._hasInvalidInput(this._inputList)}disableSaveButton(){this._buttonElement.classList.add(this._inactiveButtonClass),this._buttonElement.setAttribute("disabled",!0)}cleanAllErrors(){this._inputList.forEach(t=>{this._hideInputError(t)})}showErrors(){this._inputList.forEach(t=>{this._checkInputValidity(t)})}_setEventListeners(){this._inputList.forEach(t=>{let e=null;t.addEventListener("input",()=>{e&&clearTimeout(e),e=setTimeout(()=>{this._checkInputValidity(t)},400)})})}_setStepEventListeners(t){t.forEach(t=>{const e=t.inputs,s=t.button;console.log(`123 ${s}`),e.forEach(t=>{t.addEventListener("input",()=>{this._checkInputValidity(t),this._toggleButtonState(e,s)})})})}checkStep(t){const e=this._sets[t].inputs,s=this._sets[t].button;return!this._hasInvalidInput(e)||(this._showErrors(e,s),this._toggleButtonState(e,s),!1)}enableStepValidation(){this._sets=[];const t=this._formElement.querySelector(".first-step"),e=t.querySelector(".first-step-button"),s=Array.from(t.querySelectorAll(this._inputSelector));this._sets.push({inputs:s,button:e});const o=this._formElement.querySelector(".second-step"),r=o.querySelector(".second-step-button"),i=Array.from(o.querySelectorAll(this._inputSelector));this._sets.push({inputs:i,button:r}),this._setStepEventListeners(this._sets)}enableValidation(){this._formElement.addEventListener("submit",t=>{t.preventDefault()}),this._setEventListeners()}}class e{constructor({baseUrl:t,headers:e}){this._baseUrl=t,this._headers=e}_isResponseOk(t){return t.ok?t.json():Promise.reject(`Ошибка: ${t.status}`)}getDataRequest(t){return fetch(`https://${this._baseUrl}/data/${t}`,{headers:this._headers}).then(t=>this._isResponseOk(t))}getCustomRequest(t){return fetch(`https://${this._baseUrl}/custom/${t}`,{headers:this._headers}).then(t=>this._isResponseOk(t))}getSharedTable(t){return fetch(`https://${this._baseUrl}/${t}`,{headers:this._headers}).then(t=>this._isResponseOk(t))}getReviewRequest(t){return fetch(`https://${this._baseUrl}/reviews/${t}`,{headers:this._headers}).then(t=>this._isResponseOk(t))}sendForm(t,e){return fetch(`https://${this._baseUrl}/forms/${t}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e),isBase64Encoded:!1}).then(t=>(console.log(t),this._isResponseOk(t)))}}class s{constructor({formSubmitHandler:t,formCleanError:e,checherValidation:s},o,r){this._formSubmitHandler=t,this._formCleanError=e,this._formElement=o,this._inputSelector=r,this._checker=s}_getInputValues(){return this._inputList=this._formElement.querySelectorAll(this._inputSelector),this._formValues={},this._inputList.forEach(t=>{"checkbox"===t.type?(this._formValues[t.name]||(this._formValues[t.name]=[]),t.checked&&this._formValues[t.name].push(t.value)):"radio"===t.type?t.checked&&(this._formValues[t.name]=t.value):this._formValues[t.name]=t.value}),localStorage.getItem("clientId")&&(this._formValues.clientId=localStorage.getItem("clientId")),this._formValues.page=window.location.pathname,console.log("Поля формы на отправку",this._formValues),this._formValues}cleanAll(){this._formElement.reset(),this._formCleanError()}setEventListeners(){this._formElement.addEventListener("submit",t=>{t.preventDefault(),this._checker()&&this._formSubmitHandler(this._getInputValues())})}}function o(t,e,s,o,r){switch(t){case"default":default:e.textContent=s;break;case"loading":e.textContent=o;break;case"sended":e.textContent=r}}const r={inputSelector:".form__input",submitButtonSelector:".form__submit-button",inactiveButtonClass:"form__submit-button_disabled",inputErrorClass:"form__input_type_error",errorClass:"form__input-error_visible"};class i{constructor(t,e){this._modal=document.querySelector(t),this._buttonClose=this._modal.querySelector(".popup-button-close"),this._closeButtonSelector=".popup-button-close",this._openedClass="popup_opened",this._handleEscButton=t=>{"Escape"===t.key&&this.close()},this._handleOverlayClick=t=>{t.target.classList.contains("popup_opened")&&this.close()},this._isOpened=!1}open(){this._modal.classList.add(this._openedClass),this._isOpened=!0,this._isEscHandleEnabled&&document.addEventListener("keydown",this._handleEscButton),this._isOverlayEnabled&&this._modal.addEventListener("mousedown",this._handleOverlayClick),this._isBodyFixWhenOpen&&document.querySelector("body").classList.add("body-fixed")}close(){this._modal.classList.remove(this._openedClass),this._isOpened=!1,this._isEscHandleEnabled&&document.removeEventListener("keydown",this._handleEscButton),this._isOverlayEnabled&&this._modal.removeEventListener("mousedown",this._handleOverlayClick),this._isBodyFixWhenOpen&&document.querySelector("body").classList.remove("body-fixed")}setEventListeners({overlay:t=!0,esc:e=!0,bodyfix:s=!0}={}){this._isOverlayEnabled=t,this._isEscHandleEnabled=e,this._isBodyFixWhenOpen=s,this._buttonClose.addEventListener("mousedown",()=>{this.close()})}}class n extends i{constructor({handleClose:i,formConfig:n,headingSelector:a,commentSelector:l,buttonCloseSelector:h},c){super(c),h&&(this._buttonClose=this._modal.querySelector(h)),this._formInstance=function(i){const{formSelector:n,formId:a,handleCloseCallback:l,handleSuccessSendedCallback:h,buttonText:c="Оставить заявку",loadingText:u="Отправляем...",successText:d="Отправлено успешно!",newFormConfig:_,isStepValidation:m=!1,dataTransformCallback:p}=i,f=_||r;console.log("configForm",f);const b=document.querySelector(n);if(!b)return void console.warn(`Форма ${n} не найдена`);const E=b.querySelector(f.submitButtonSelector),S=new e({baseUrl:"api.termoblok.ru",headers:{Accept:"application/json","Content-Type":"application/json;charset=utf-8"}}),v=new t(f,b);m?v.enableStepValidation():v.enableValidation();const C=new s({formSubmitHandler:t=>{let e=t;p&&(e=p(t)),o("loading",E,c,u,d),S.sendForm(a,e).then(e=>{o("sended",E,c,u,d),h?.(e,t)}).catch(t=>console.log(t)).finally(()=>{b.reset(),setTimeout(()=>{o("default",E,c,u,d)},900),l&&l()})},formCleanError:()=>{},checherValidation:t=>!v.hasInvalidInput()||(v.showErrors(),!1)},b,f.inputSelector);return C.setEventListeners(),{form:b,formValidator:v,formStatic:C}}({...n,formSelector:`${c} form`,handleCloseCallback:()=>{this.close()}}),this._formElement=this._formInstance.form,this._formValidator=this._formInstance.formValidator,this._heading=this._modal.querySelector(a),this._comment=this._modal.querySelector(l),i&&(this._handleCloseFunc=i),this._step=0}increaseStep(){this._step=1}decreaseStep(){this._step=0}open(t,e){this._heading&&(this._heading.textContent=t||"Отправить заявку"),this._comment&&(this._comment.textContent=e||""),super.open()}close(){super.close(),this._handleCloseFunc&&this._handleCloseFunc(),this._formElement.reset(),this._formValidator.cleanAllErrors()}setEventListeners(t){super.setEventListeners(t)}setSubmitHandler(t){this._formInstance.formStatic.setSubmitHandler(t)}validate(){return this._formValidator.hasInvalidInput()}}const a=function(t){const{popupSelector:e,buttonOpenSelector:s,formConfig:o,popupConfig:r={}}=t,i=new n({...r,formConfig:{...o,formSelector:`${e} form`}},e),a=document.querySelector(s);return a?(a.addEventListener("click",t=>{t.preventDefault(),i.open(r.heading,r.comment)}),i.setEventListeners({overlay:!1,esc:!1}),i):(console.warn(`Кнопка ${s} не найдена`),i.setEventListeners({overlay:!1,esc:!1}),i)}({popupSelector:".popup-callback",buttonOpenSelector:".popup-callback-button",formConfig:{formId:"small-form",loadingText:"Отправляем заявку в термоблок 2...",newFormConfig:{inputSelector:".raschet-bem__input",submitButtonSelector:".button-bem_submit",inactiveButtonClass:"popup__button-save_disabled",inputErrorClass:"raschet-bem__input_type_error",errorClass:"raschet-bem__input-error_visible"}},popupConfig:{buttonCloseSelector:".popup__button-close",heading:"Заказать обратный звонок ПФФ",comment:"Мы перезвоним в течение 15 минут",headingSelector:".raschet-bem__title",commentSelector:"#comment-free-input",handleClose:()=>{console.log('Попап "Перезвоните мне" закрыт')}}});document.querySelector(".oblasti__button")?.addEventListener("mousedown",()=>{a.open("Проконсультироваться с инженером")})})();