{"version":3,"file":"OptionsCard.bundle.js","sources":["webpack://OptionsCard/./Src/Scripts/index.js"],"sourcesContent":["//  mobile add no scroll class\r\nconst htmlTag = document.getElementsByTagName('html')[0];\r\nconst mobileMenuBtn = document.getElementsByClassName('mobile-menu')[0];\r\n\r\nif (mobileMenuBtn) {\r\n    mobileMenuBtn.addEventListener('click', function handleClick() {\r\n\r\n        if (!htmlTag.classList.contains('no-scroll')) {\r\n            htmlTag.classList.add('no-scroll');\r\n        } else {\r\n            htmlTag.classList.remove('no-scroll');\r\n        }\r\n    });\r\n}\r\n\r\n\r\nif (document.getElementById('catalogue')) {\r\n\r\n    const filterSort = document.querySelector('.filters__sort');\r\n    const sortBtn = document.querySelector('.filters__sort span');\r\n    const input = document.getElementsByName(\"search\")[0];\r\n    // let sortMenu = document.querySelector('.filters__sort ul');\r\n    sortBtn.addEventListener('click', function handleClick() {\r\n        if (!filterSort.classList.contains('open__sort-menu')) {\r\n            filterSort.classList.add('open__sort-menu');\r\n        } else {\r\n            filterSort.classList.remove('open__sort-menu');\r\n        }\r\n    });\r\n\r\n    //  close sort menu\r\n    window.onclick = function (event) {\r\n        if (event.target.parentElement !== filterSort) {\r\n            filterSort.classList.remove('open__sort-menu');\r\n        }\r\n    }\r\n\r\n    //  search and sort\r\n    let options = {\r\n        valueNames: ['brand__name', { name: 'min', attr: 'data-min-price-tag' }, { name: 'max', attr: 'data-max-price-tag' },]\r\n    };\r\n\r\n    let list = new List('catalogue', options);\r\n\r\n    let brandsBtn = document.querySelector('.search-brands');\r\n\r\n\r\n    //enter key search\r\n    // input.addEventListener(\"keyup\", function(event) {\r\n    //   if (event.key === \"Enter\") {\r\n    //     let searchText = document.querySelector(\".search-input\").value;\r\n    //     list.search(searchText);\r\n    //   }\r\n    // });\r\n\r\n    //   //btn click search\r\n    // brandsBtn.addEventListener('click', function handleClick(e) {\r\n    //     let searchText = document.querySelector(\".search-input\").value;\r\n    //     list.search(searchText);\r\n    // });\r\n\r\n}\r\n\r\n\r\n\r\nif (document.getElementById('contact-form')) {\r\n    $(\"#contact-form\").validate();\r\n\r\n    var accept = $(\"#accept\");\r\n    var inital = accept.is(\":checked\");\r\n    var btn_disabled = $(\"#contact-form\").find(\"input[type=submit]\").attr(\"disabled\", !inital);\r\n\r\n    accept.click(function () {\r\n        btn_disabled.attr(\"disabled\", !this.checked);\r\n    });\r\n}\r\n\r\n\r\nif (document.querySelector('input[name=\"send-it__date\"]')) {\r\n\r\n    const elem = document.querySelector('input[name=\"send-it__date\"]');\r\n    const minDate = document.querySelector('input[name=\"send-it__date\"]').getAttribute('data-mindate')\r\n    const datepicker = new Datepicker(elem, {\r\n        format: 'dd MM yyyy',\r\n        minDate: minDate,\r\n        prevArrow: '<svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 11L1 6L6 1\" stroke=\"#111827\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>',\r\n        nextArrow: '<svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L6 6L1 11\" stroke=\"#111827\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>',\r\n    });\r\n\r\n    datepicker.pickerElement.addEventListener('click', (ev) => {\r\n        console.log(ev.target.getAttribute('data-date'));\r\n    });\r\n\r\n\r\n\r\n\r\n}\r\n\r\nif (document.querySelector('.swiper-upload')) {\r\n\r\n    const swiper = new Swiper('.swiper-upload', {\r\n        // Navigation arrows\r\n\r\n        slidesPerView: \"auto\",\r\n        spaceBetween: 6,\r\n        slidesPerGroup: 2,\r\n        grid: {\r\n            rows: 3,\r\n        },\r\n        freeMode: true,\r\n        breakpoints: {\r\n            681: {\r\n                slidesPerView: 3,\r\n                spaceBetween: 6,\r\n                slidesPerGroup: 2,\r\n                freeMode: false,\r\n                grid: {\r\n                    rows: 3,\r\n                },\r\n            },\r\n\r\n\r\n        },\r\n\r\n        navigation: {\r\n            nextEl: '.swiper-button-next',\r\n            prevEl: '.swiper-button-prev',\r\n        },\r\n\r\n    });\r\n\r\n}\r\nif (document.querySelector('.swiper-preview')) {\r\n    const swiper2 = new Swiper('.swiper-preview', {\r\n\r\n        navigation: {\r\n            nextEl: '.swiper-preview-button-next',\r\n            prevEl: '.swiper-preview-button-prev',\r\n        },\r\n\r\n    });\r\n}\r\n\r\nif (document.querySelector('.swiper-gif')) {\r\n    const swiperGif = new Swiper('.swiper-gif', {\r\n        slidesPerView: \"auto\",\r\n        spaceBetween: 0,\r\n        slidesPerGroup: 2,\r\n        grid: {\r\n            rows: 2,\r\n        },\r\n        freeMode: true,\r\n        navigation: {\r\n            nextEl: '.swiper-gif-button-next',\r\n            prevEl: '.swiper-gif-button-prev',\r\n        },\r\n\r\n    });\r\n}\r\n\r\n\r\nlet selectAllOrders = document.querySelector('input[name=select_all]');\r\nif (selectAllOrders) {\r\n    selectAllOrders.addEventListener('click', function handleClick(e) {\r\n        document.querySelectorAll('input[name^=order]').forEach((element) => {\r\n            element.checked = selectAllOrders.checked;\r\n        })\r\n    });\r\n\r\n}\r\n\r\n\r\n\r\n\r\nif (document.getElementById('myorders')) {\r\n    //search and sort\r\n    let options = {\r\n        valueNames: ['order_number', 'order_date', 'order_quantity', 'order_total', 'order_status'],\r\n        page: 8,\r\n        pagination: [{\r\n            name: \"pagination\",\r\n            paginationClass: \"pagination\",\r\n            item: \"<li><span class='page'></span></li>\",\r\n        }]\r\n\r\n    };\r\n\r\n    let list = new List('myorders', options);\r\n\r\n    let brandsBtn = document.querySelector('.search-orders');\r\n    brandsBtn.addEventListener('click', function handleClick(e) {\r\n        let searchText = document.querySelector(\".search-input\").value;\r\n        list.search(searchText);\r\n    });\r\n\r\n    list.on('updated', function () {\r\n        document.querySelectorAll('input[name^=order]').forEach((element) => {\r\n            if (element.checked == false) {\r\n                selectAllOrders.checked = false;\r\n\r\n            } else {\r\n                selectAllOrders.checked = true;\r\n            }\r\n        })\r\n    });\r\n\r\n    document.querySelector('.next').addEventListener('click', function (e) {\r\n        if (document.querySelector('.pagination .active').nextElementSibling != null) {\r\n            document.querySelector('.pagination .active').nextElementSibling.children[0].click();\r\n        }\r\n\r\n    });\r\n    document.querySelector('.prev').addEventListener('click', function (e) {\r\n        if (document.querySelector('.pagination .active').previousElementSibling != null) {\r\n            document.querySelector('.pagination .active').previousElementSibling.children[0].click();\r\n        }\r\n    });\r\n\r\n}\r\n\r\n\r\nif (document.querySelector('.my-balance')) {\r\n    let closeBtn = document.querySelector('.balance svg:last-of-type');\r\n    closeBtn.addEventListener('click', function (e) {\r\n        document.querySelector('.balance').style.display = 'none';\r\n    });\r\n}\r\n\r\n\r\nif (document.querySelector('.recipients__phone input')) {\r\n    let inputPhones = document.querySelectorAll('.recipients__phone input');\r\n    inputPhones.forEach(element => {\r\n        element.addEventListener('input', function (e) {\r\n            e.target.defaultValue = e.target.value;\r\n\r\n        });\r\n    });\r\n}\r\n\r\n\r\n\r\nif (document.getElementById('loader')) {\r\n    // htmlTag.classList.add('no-scroll');\r\n    let promise = new Promise(function (resolve, reject) {\r\n        setTimeout(() => {\r\n            let loader = document.getElementById('loader');\r\n            loader.style = 'opacity:0; visibility: hidden;';\r\n            // htmlTag.classList.remove('no-scroll');\r\n            resolve();\r\n        }, 1000);\r\n    })\r\n    promise.then(function () {\r\n        setTimeout(() => {\r\n            document.getElementById('loader').style = \"display:none;\";\r\n        }, 500);\r\n    });\r\n\r\n}\r\n\r\n\r\n\r\nif (document.querySelector('.post-content')) {\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n        anchor.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n\r\n            document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n                behavior: 'smooth'\r\n            });\r\n        });\r\n    });\r\n}\r\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAKA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAIA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;A","sourceRoot":""}