\n\t\t\t\t\n\t\t\t\t\t${item.title}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t${item.format}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tКод продукта: ${item.skuId}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tЦена: ${item.price}\n\t\t\t\t\n\t\t\t\t${item.packing}\n\t\t\t
\n\t\t\n\t\t\t\t${params.messages.description}\n\t\t\t
\n\t\t\t\n\t\t\t${params.messages.description}\n\t\t
\n\t\t\n\t\t\n\t`;\n\n return form;\n}\n","/**\n * Фиксирует страницу, так что бы нельзя было скролить.\n * @type {() => void}\n * @see unlockBody\n */\nexport const lockBody = () => {\n const scrollPosition = window.scrollY;\n\n document.body.dataset.scrollPosition = scrollPosition;\n document.body.dataset.lock = \"1\";\n\n Object.assign(document.body.style, {\n left: 0,\n position: \"fixed\",\n top: `-${scrollPosition}px`,\n paddingRight: \"var(--scroll-w, 0)\",\n });\n};\n\n/**\n * Убирает фиксирование страницы, сделанное с помощью хелпера lockBody\n * @type {() => void}\n * @see lockBody\n */\nexport const unlockBody = () => {\n const scrollPosition = parseInt(document.body.dataset.scrollPosition);\n\n document.body.dataset.lock = \"0\";\n\n document.body.removeAttribute(\"style\");\n\n window.scrollTo({\n left: 0,\n top: scrollPosition,\n behavior: \"instant\",\n });\n};\n\n/**\n * Получить cookie по имени\n *\n * @param name\n * @returns {string|null}\n * @type {(name: string) => string|null}\n */\nexport const getCookie = (name) => {\n const matches = document.cookie.match(\n new RegExp(\n \"(?:^|; )\" + name.replace(/([$?*|{}\\]\\\\^])/g, \"\\\\$1\") + \"=([^;]*)\",\n ),\n );\n\n return matches ? decodeURIComponent(matches[1]) : null;\n};\n\n/**\n * Установить cookie\n *\n * @param data\n * @type {(data: {age: string|int|null|undefined, path: string|null|undefined, name: string, value: string}) => void}\n */\nexport const setCookie = (data) => {\n if (!data.age) {\n data.age = \"2419200\"; // 4 недели\n }\n\n if (!data.path) {\n data.path = \"/\";\n }\n\n document.cookie = `${data.name}=${data.value}; max-age=${data.age}; path=${data.path};`;\n};\n\n/**\n * Декторатор для отложенного вызова функции полсе последнего вызова,\n * Функция выполняется только после времени, прошедшего с последнего вызова\n *\n * @param callback\n * @param time - время после вызова, через которое функция должна выполниться\n * @returns {(function(...[*]): void)|*}\n */\nexport const debounce = (callback, time) => {\n let timerID = 0;\n\n return function (...args) {\n clearTimeout(timerID);\n timerID = setTimeout(() => callback(...args), time);\n };\n};\n\n/**\n * Начинает загрузку файла по переаднной ссылке\n *\n * @param fileUrl\n * @type {(fileUrl: string) => void}\n */\nexport const downloadFile = (fileUrl) => {\n const a = document.createElement(\"a\");\n\n a.setAttribute(\"download\", \"\");\n a.href = fileUrl;\n a.click();\n};\n\nexport const array_chunk = (array, chunks) => {\n const res = [];\n\n for (let i = 0; i < array.length; i += chunks) {\n res.push(array.slice(i, i + chunks));\n }\n\n return res;\n};\n\nexport const scrollToTop = () => {\n window.scrollTo({\n top: 0,\n behavior: \"smooth\",\n });\n};\n","import { BaseModal } from \"../UI/modal\";\n\nexport const modalFactory = (\n _params,\n createImmediately = false,\n modalContainer = null,\n) => {\n let modal = null;\n let stage = null;\n\n let params = {\n modalClass: \"b-modal\",\n modalContainerClass: `b-modal__container`,\n modalOpenClass: `b-modal--open`,\n closeBtnClass: `b-modal__close`,\n contentClass: `b-modal__content`,\n needCreate: modalContainer === null,\n };\n\n Object.assign(params, _params);\n\n const create = () => {\n if (stage === 1) {\n return;\n }\n\n stage = 1;\n modal = new BaseModal(modalContainer, params);\n\n if (!modalContainer) {\n modal.create();\n }\n };\n\n const open = () => {\n if (!modal) {\n create();\n }\n\n modal.open();\n };\n\n const close = () => {\n if (!modal) {\n create();\n }\n\n modal.close();\n };\n\n const get = () => {\n return modal;\n };\n\n const getContent = () => {\n return modal.content;\n };\n\n if (createImmediately) {\n create();\n }\n\n return { get, getContent, open, close, create };\n};\n","export class AjaxFilter {\n constructor(params) {\n this.form = params.form;\n this.updateUrl = params.updateUrl ?? true;\n this.method = params.method ?? (this.form.method?.toUpperCase() || \"GET\");\n\n this.baseUrl = new URL(\n params.baseUrl ?? (this.form.action || window.location.pathname),\n window.location.origin,\n );\n\n this.onBeforeFilterFetch = params.onBeforeFilterFetch ?? (() => {});\n this.onAfterFilterFetch = params.onAfterFilterFetch ?? (() => {});\n\n this.filter = this.filter.bind(this);\n this.clear = this.clear.bind(this);\n\n this.setEvents();\n }\n\n setEvents() {\n this.form.addEventListener(\"change\", this.filter);\n document.addEventListener(\"clear-filter\", this.clear);\n }\n\n async filter() {\n const url = this.makeUrl();\n\n this.fetch(url);\n }\n\n async clear() {\n this.fetch(this.baseUrl);\n }\n\n async fetch(url) {\n this.onBeforeFilterFetch(url, this);\n this.dispatchEvent(\"before-filter-fetch\", { url });\n\n const data = await this.getHtml(url);\n\n if (this.updateUrl) {\n url.searchParams.delete(\"ajax\");\n history.pushState(null, null, url);\n }\n\n this.onAfterFilterFetch(data, url, this);\n this.dispatchEvent(\"after-filter-fetch\", data);\n }\n\n makeUrl() {\n if (this.method === \"GET\") {\n return this.makeUrlForGet();\n }\n }\n\n makeUrlForGet() {\n const values = [...this.getSelectsValues(), ...this.getInputValues()];\n\n const urlParams = new URLSearchParams(window.location.search);\n\n values.forEach((value) => {\n urlParams.set(value.name, value.value);\n });\n\n urlParams.set(\"ajax\", \"Y\");\n\n return new URL(\n `${window.location.pathname}?${urlParams}`,\n window.location.origin,\n );\n }\n\n getInputValues() {\n return [...this.form.querySelectorAll(\"input\")].map((input) => {\n return {\n name: input.name,\n value: input.value,\n };\n });\n }\n\n getSelectsValues() {\n return [...this.form.querySelectorAll(\"select\")].map((select) => ({\n name: select.name,\n value: select.value,\n }));\n }\n\n async getHtml(url) {\n const el = document.createElement(\"div\");\n\n const res = await fetch(url);\n el.innerHTML = await res.text();\n\n return el;\n }\n\n dispatchEvent(name, data) {\n document.dispatchEvent(\n new CustomEvent(name, {\n detail: {\n data,\n ctx: this,\n },\n }),\n );\n }\n}\n","export function initMobilePopup(block, className) {\n const filterWrapper = block.querySelector(`.${className}__wrapper`);\n const filterShowButton = block.querySelector(`.${className}__open`);\n const filterHideButton = block.querySelector(`.${className}__close`);\n const filterAcceptButton = block.querySelector(\".b-button--filter-accept\");\n const filterClearButton = block.querySelector(\".b-button--filter-clear\");\n\n /**\n * Медиа запрос на мобильный формат фильтра\n * \n * @var {MediaQueryList}\n */\n const breakpoint = window.matchMedia('(width < 1024px)');\n\n /**\n * Правки скачков анимаций, возникающих из-за не совсем правильных анимаций\n * \n * @return {void}\n */\n const manageAnimation = () => {\n if (!filterWrapper) {\n return;\n }\n\n if (breakpoint.matches) {\n filterWrapper.classList.add('inited');\n return;\n }\n\n filterWrapper.classList.remove('inited');\n };\n\n const showFilter = () => {\n filterWrapper.classList.add(\"show\");\n };\n\n const hideFilter = () => {\n filterWrapper.classList.remove(\"show\");\n };\n\n filterShowButton.addEventListener(\"click\", showFilter);\n filterHideButton.addEventListener(\"click\", hideFilter);\n filterAcceptButton.addEventListener(\"click\", hideFilter);\n filterClearButton.addEventListener(\"click\", () => {\n hideFilter();\n document.dispatchEvent(new CustomEvent(\"clear-filter\"));\n });\n\n window.addEventListener('resize', manageAnimation);\n manageAnimation();\n}\n","/* globals ymaps */\n\nexport class YMap {\n constructor(id, items, params = {}) {\n this.id = id;\n this.items = items;\n\n this.detailInfoUrl = new URL(params.detailInfoUrl, window.location.origin);\n this.popup = params.popup;\n\n this.initialZoom = params.initialZoom ?? 7;\n this.initialCoords = params.initialCoords ?? [55.7483068, 37.624025];\n this.detailZoom = params.detailZoom ?? 17;\n this.maxZoom = params.maxZoom ?? 19;\n\n this.placeMarkOptions = params.placeMarkOptions ?? {\n iconLayout: \"default#pieChart\",\n iconPieChartRadius: 16,\n iconPieChartCoreRadius: 12,\n iconPieChartCoreFillStyle: \"#ffffff\",\n iconPieChartStrokeWidth: 0,\n };\n\n this.clusterOptions = params.clusterOptions ?? {\n preset: \"islands#nightClusterIcons\",\n hasHint: false,\n maxZoom: 14,\n minClusterSize: 2,\n showInAlphabeticalOrder: false,\n hideIconOnBalloonOpen: false,\n openHintOnHover: false,\n clusterOpenBalloonOnClick: false,\n gridSize: 80,\n };\n\n this.afterInit = params.afterInit ?? (() => {});\n this.pointClickEvent = params.pointClickEvent ?? (() => {});\n\n this.mapElement = document.getElementById(this.id);\n this.map = null;\n this.cluster = null;\n this.prevPoint = null;\n this.points = [];\n\n ymaps.ready(() => {\n this.init();\n });\n }\n\n init() {\n this.map = new ymaps.Map(\n this.mapElement,\n {\n center: this.initialCoords,\n zoom: this.initialZoom,\n controls: [\"zoomControl\"],\n },\n {\n maxZoom: this.maxZoom,\n },\n );\n\n if (this.items.length) {\n this.showMarks();\n }\n\n this.afterInit(this);\n }\n\n setItems(items) {\n this.items = items;\n }\n\n showMarks() {\n this.createPoints();\n this.createCluster();\n this.setClusterToMap();\n }\n\n createPoints() {\n this.points = this.items.map((point) => this.createMarkByPoint(point));\n }\n\n createCluster() {\n this.cluster = new ymaps.Clusterer(this.clusterOptions);\n\n if (this.points.length) {\n this.cluster.add(this.points);\n }\n }\n\n setClusterToMap() {\n this.map.geoObjects.removeAll();\n\n if (this.points.length) {\n this.map.geoObjects.add(this.cluster);\n this.map.setBounds(this.cluster.getBounds());\n }\n }\n\n createMarkByPoint(point) {\n const mapPoint = new ymaps.Placemark(\n point.coords,\n {\n id: point.id,\n data: [{ weight: 1, color: \"#003057\" }],\n params: point.params,\n },\n this.placeMarkOptions,\n );\n\n mapPoint.events.add([\"click\"], (e) => {\n this.pointClickEvent(e, this);\n });\n\n return mapPoint;\n }\n\n getPointById(id) {\n return this.points.find((p) => p.properties._data.id === id);\n }\n\n zoomToPoint(point) {\n if (!point) return;\n\n this.map\n .panTo(point.geometry.getCoordinates(), {\n duration: 300,\n useMapMargin: false,\n timingFunction: \"ease-out\",\n checkZoomrange: true,\n })\n .then(() => {\n this.setZoom(this.detailZoom);\n point.events.fire(\"click\");\n });\n }\n\n setZoom(zoom) {\n this.map.setZoom(zoom);\n }\n}\n","export class DetailPopup {\n constructor() {\n this.popup = document.getElementById(\"shops-map-detail\");\n this.distance = document.getElementById(\"shop-distance\");\n this.name = document.getElementById(\"shop-name\");\n this.address = document.getElementById(\"shop-address\");\n this.workTime = document.getElementById(\"shop-work-time\");\n this.rating = document.getElementById(\"shop-rating\");\n this.delivery = document.getElementById(\"shop-delivery\");\n this.price = document.getElementById(\"shop-price\");\n this.button = document.getElementById(\"shop-basket-add\");\n this.link = document.getElementById(\"shop-url\");\n\n this.isOpen = false;\n this.setEvents();\n }\n\n setEvents() {\n document.addEventListener(\"click\", (e) => {\n if (\n !e.target.closest(`.b-shops-map__popup`) &&\n !e.target.closest(\".b-shops-map__map\")\n ) {\n this.hide();\n }\n });\n\n document.addEventListener(\"keyup\", (e) => {\n if (e.code === \"Escape\") {\n this.hide();\n }\n });\n\n this.popup\n .querySelector(\".b-shops-map__close\")\n .addEventListener(\"click\", () => {\n this.hide();\n });\n }\n\n setDataAndShow(data) {\n this.setData(data);\n this.show();\n }\n\n show() {\n this.popup.classList.add(\"show\");\n this.isOpen = true;\n }\n\n hide() {\n this.popup.classList.remove(\"show\");\n this.isOpen = false;\n }\n\n setData(data) {\n this.distance.innerHTML = data.distance || \"\";\n this.name.innerHTML = data.name || \"\";\n this.address.innerHTML = data.address || \"\";\n this.workTime.innerHTML = data.workTime || \"\";\n this.delivery.innerHTML = data.delivery || \"\";\n this.price.innerHTML = data.price || \"\";\n this.rating.innerHTML = data.rating || \"\";\n\n this.link.href = data.url || \"\";\n\n if (this.button) {\n this.button.dataset.offerId = data.offerId;\n this.button.dataset.price = data.price;\n this.button.dataset.packing = data.packing;\n }\n }\n}\n","const coof = Math.PI / 180;\n\nexport const degToRad = (deg) => {\n\treturn deg * coof;\n};","const coof = 180 / Math.PI;\n\nexport const radToDeg = (rad) => {\n\treturn rad * coof;\n};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// Blocks\nimport \"block/catalog/shops-page/shops-page.scss\";\nimport \"block/catalog/shops-page-tabs/shops-page-tabs\";\nimport \"block/catalog/shops-page-tabs/shops-page-tabs.scss\";\nimport \"block/catalog/shops-table/shops-table\";\nimport \"block/catalog/shops-table/shops-table.scss\";\nimport \"block/catalog/shops-map/shops-map\";\nimport \"block/catalog/shops-map/shops-map.scss\";\nimport \"block/basket/basket-add-modal/basket-add-modal.scss\";\n\n//Filter\nimport \"block/filters/shops-filters/shops-filters\";\nimport \"block/filters/shops-filters/shops-filters.scss\";\n\n// Shared\nimport \"block/shared/rating/rating.scss\";\n"],"names":["YMap","DetailPopup","window","addEventListener","mainMapId","mapElement","document","getElementById","tableBlock","querySelector","coords","JSON","parse","dataset","detailPopup","getPoints","pointIds","querySelectorAll","selector","map","block","offerId","storeMode","url","URL","location","origin","fetchParams","length","searchParams","URLSearchParams","set","join","console","log","method","body","toString","headers","latitude","longitude","fetch","then","r","json","response","filter","item","id","row","distance","name","address","workTime","delivery","price","rating","button","coordinates","lat","lng","params","originalItem","textContent","replace","href","innerHTML","initialCoords","initialZoom","zoom","afterInit","ctx","items","setItems","showMarks","pointClickEvent","e","setDataAndShow","originalEvent","target","properties","_data","detail","tabs","activeTabId","setZoom","Tabs","className","btnChildClass","contentChildClass","onSwitch","dispatchEvent","CustomEvent","initAddToBasketButtons","initAddToBasketModal","degToRad","radToDeg","setItemsCount","initProductModal","initDistance","rows","navigator","geolocation","getCurrentPosition","position","formatOutput","number","Intl","NumberFormat","maximumFractionDigits","format","calculateDistance","storeCoord","userCoord","unitRaw","statuteMileNauticalMileCof","minutesInDegree","kmMileCoof","feetMileCoof","yardsFeetCoof","mKmCoof","theta","long","miles","Math","acos","sin","cos","userLat","userLong","forEach","distanceElement","distanceLabel","distanceUnitRaw","distanceUnit","classList","contains","innerText","add","countBlock","header","AjaxFilter","initMobilePopup","initFilter","itemContainerClass","form","itemsContainer","updateTable","itemsHtml","updateCountBlock","data","selects","updateUrl","onAfterFilterFetch","tableItems","lockBody","unlockBody","BaseModal","constructor","modal","modalClass","modalContainerClass","modalOpenClass","closeBtnClass","contentClass","modalClassAdditional","modalCloseZIndex","modalOpenZIndex","title","openTimeout","closeTimeout","needCreate","onBeforeOpen","onBeforeClose","onBeforeCreate","onAfterOpen","onAfterClose","onAfterCreate","isOpen","created","currentEvent","close","bind","setModalElements","setEvents","closeBtn","content","setModalEvents","setOtherEvents","closest","stopPropagation","create","open","code","callEvents","prevent","style","zIndex","setTimeout","setAttribute","remove","createElement","append","setTitle","_title","container","nav","initialTabId","buttonClass","buttonClassActive","contentClassActive","Map","activeTab","getAttribute","switch","setContentsMap","size","getInitialTab","getTabFromUrl","search","get","getFirstTabId","Array","from","keys","changeUrlByTab","tabId","baseUrl","pathname","history","pushState","triggerEvent","tab","key","firstElementChild","buttons","text","event","createCartLink","anchor","offerID","parent","parentElement","replaceChild","modalFactory","BASKET_ITEM_ADD_EVENT","BASKET_ITEM_UPDATE_EVENT","BASKET_ITEM_DELETE_EVENT","BASKET_PROPERTY_CHANGE_EVENT","toBasketRequest","result","eventName","addToBasket","updateToBasket","deleteBasketItem","changeBasketProperties","initDeleteBasketItemModal","_params","formMessageBlock","Object","assign","messages","successAdd","description","submit","cancel","formSubmitHandler","FormData","success","errors","renderButtonsModal","preventDefault","cancelButton","value","initUpdateBasketItemModal","disableSubmit","renderItemForm","field","toggleAttribute","rawValue","ratio","actualQuantity","ceil","round","packing","quantity","editBasketItem","renderFormProductInfo","renderFormFields","image","skuId","unit","scrollPosition","scrollY","lock","left","top","paddingRight","parseInt","removeAttribute","scrollTo","behavior","getCookie","matches","cookie","match","RegExp","decodeURIComponent","setCookie","age","path","debounce","callback","time","timerID","args","clearTimeout","downloadFile","fileUrl","a","click","array_chunk","array","chunks","res","i","push","slice","scrollToTop","createImmediately","modalContainer","stage","getContent","toUpperCase","action","onBeforeFilterFetch","clear","makeUrl","getHtml","delete","makeUrlForGet","values","getSelectsValues","getInputValues","urlParams","input","select","el","filterWrapper","filterShowButton","filterHideButton","filterAcceptButton","filterClearButton","breakpoint","matchMedia","manageAnimation","showFilter","hideFilter","detailInfoUrl","popup","detailZoom","maxZoom","placeMarkOptions","iconLayout","iconPieChartRadius","iconPieChartCoreRadius","iconPieChartCoreFillStyle","iconPieChartStrokeWidth","clusterOptions","preset","hasHint","minClusterSize","showInAlphabeticalOrder","hideIconOnBalloonOpen","openHintOnHover","clusterOpenBalloonOnClick","gridSize","cluster","prevPoint","points","ymaps","ready","init","center","controls","createPoints","createCluster","setClusterToMap","point","createMarkByPoint","Clusterer","geoObjects","removeAll","setBounds","getBounds","mapPoint","Placemark","weight","color","events","getPointById","find","p","zoomToPoint","panTo","geometry","getCoordinates","duration","useMapMargin","timingFunction","checkZoomrange","fire","link","hide","setData","show","coof","PI","deg","rad"],"sourceRoot":""}