@perevorot/shop 2.0.7 → 2.0.8

package/dist/components/shop/compare/Comparsion.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("vue"),t=require("simplebar"),n=require("click-and-drag");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t),i=o(n),l=e.defineComponent({setup:function(){window.addEventListener("DOMContentLoaded",(function(){var e=document.getElementById("comparsion"),t=e.querySelector("table"),n=document.getElementById("comparsion-header"),o=new r.default(e);i.default({element:e});var l=n.querySelector("thead").cloneNode(!0),s=t.cloneNode();s.appendChild(l),s.removeAttribute("id"),s.classList.remove("original"),s.classList.add("corner"),n.querySelector(".switcher").remove(),n.querySelector(".comparsion-navigation").remove(),e.parentNode.insertBefore(s,e);var c,d=0,a=!1,u=!1;function m(e){e&&(s.style.left=e.x+d+"px",s.style.top=e.y+"px",s.style.display="block")}o.getScrollElement().addEventListener("scroll",(function(e){d=o.getScrollElement().scrollLeft,a||(window.requestAnimationFrame((function(){var e;e=d,n.style.transform="translateX(-"+e+"px)",t.classList[e>0?"add":"remove"]("shadow"),s.classList[e>0?"add":"remove"]("shadow"),w(),a=!1})),a=!0)}),{passive:!0}),document.addEventListener("scroll",(function(e){c=n.getBoundingClientRect(),u||(window.requestAnimationFrame((function(){m(c),u=!1})),u=!0)}),{passive:!0}),setTimeout((function(){m(n.getBoundingClientRect())}),300);var v=t.querySelectorAll("tbody tr:not(.row-title-mobile)"),f=[],L=n.querySelectorAll("th");v.forEach((function(e,t){var n=e.querySelectorAll("td");n.forEach((function(e,t){e.addEventListener("mouseover",(function(e){L.forEach((function(e){e.classList.remove("is-hovered")})),L[t].classList.add("is-hovered"),f.forEach((function(e){e.forEach((function(e){e.classList.remove("is-hovered")})),t>0&&e[t].classList.add("is-hovered")}))}))})),f.push(n)})),document.getElementById("comparsion-show").addEventListener("click",(function(){t.classList.toggle("only-difference")}));var h=document.getElementById("comparsion-next"),E=document.getElementById("comparsion-prev"),g=parseInt(t.querySelector("tr:not(.row-title-mobile) td").offsetWidth);h.addEventListener("click",(function(){p(d,d+g,300)})),E.addEventListener("click",(function(){p(d,d-g,300)}));var p=function(e,t,n){var r=(new Date).getTime(),i=setInterval((function(){var l,s,c,d=(new Date).getTime()-r,a=(l=d,s=e,c=t-e,(l/=n/2)<1?c/2*l*l*l*l+s:-c/2*((l-=2)*l*l*l-2)+s);o.getScrollElement().scrollLeft=a,d>=n&&clearInterval(i)}),1e3/60)};var y=o.getScrollElement().scrollWidth-o.getScrollElement().clientWidth;window.addEventListener("resize",(function(){y=o.getScrollElement().scrollWidth-o.getScrollElement().clientWidth,w()}));var w=function(){E.classList.remove("is-disabled"),h.classList.remove("is-disabled"),E.classList.remove("is-hidden"),h.classList.remove("is-hidden"),0==y&&(E.classList.add("is-hidden"),h.classList.add("is-hidden")),0==o.getScrollElement().scrollLeft&&E.classList.add("is-disabled"),o.getScrollElement().scrollLeft==y&&h.classList.add("is-disabled")};w()}))}});l.render=function(e,t,n,o,r,i){return null},module.exports=l;
+"use strict";var e=require("vue"),t=require("simplebar"),n=require("dragscroll");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t),l=o(n),i=e.defineComponent({setup:function(){window.addEventListener("DOMContentLoaded",(function(){var e=document.getElementById("comparsion"),t=e.querySelector("table"),n=document.getElementById("comparsion-header"),o=new r.default(e),i=n.querySelector("thead").cloneNode(!0),s=t.cloneNode();s.appendChild(i),s.removeAttribute("id"),s.classList.remove("original"),s.classList.add("corner"),n.querySelector(".switcher").remove(),n.querySelector(".comparsion-navigation").remove(),e.parentNode.insertBefore(s,e);var c,d=0,a=!1,u=!1;function m(e){e&&(s.style.left=e.x+d+"px",s.style.top=e.y+"px",s.style.display="block")}o.getScrollElement().addEventListener("scroll",(function(e){d=o.getScrollElement().scrollLeft,a||(window.requestAnimationFrame((function(){var e;e=d,n.style.transform="translateX(-"+e+"px)",t.classList[e>0?"add":"remove"]("shadow"),s.classList[e>0?"add":"remove"]("shadow"),S(),a=!1})),a=!0)}),{passive:!0}),document.addEventListener("scroll",(function(e){c=n.getBoundingClientRect(),u||(window.requestAnimationFrame((function(){m(c),u=!1})),u=!0)}),{passive:!0}),setTimeout((function(){m(n.getBoundingClientRect())}),300);var f=t.querySelectorAll("tbody tr:not(.row-title-mobile)"),v=[],L=n.querySelectorAll("th");f.forEach((function(e,t){var n=e.querySelectorAll("td");n.forEach((function(e,t){e.addEventListener("mouseover",(function(e){L.forEach((function(e){e.classList.remove("is-hovered")})),L[t].classList.add("is-hovered"),v.forEach((function(e){e.forEach((function(e){e.classList.remove("is-hovered")})),t>0&&e[t].classList.add("is-hovered")}))}))})),v.push(n)})),document.getElementById("comparsion-show").addEventListener("click",(function(){t.classList.toggle("only-difference")}));var E=document.getElementById("comparsion-next"),g=document.getElementById("comparsion-prev"),h=parseInt(t.querySelector("tr:not(.row-title-mobile) td").offsetWidth);E.addEventListener("click",(function(){p(d,d+h,300)})),g.addEventListener("click",(function(){p(d,d-h,300)}));var p=function(e,t,n){var r=(new Date).getTime(),l=setInterval((function(){var i,s,c,d=(new Date).getTime()-r,a=(i=d,s=e,c=t-e,(i/=n/2)<1?c/2*i*i*i*i+s:-c/2*((i-=2)*i*i*i-2)+s);o.getScrollElement().scrollLeft=a,d>=n&&clearInterval(l)}),1e3/60)};var y=o.getScrollElement().scrollWidth-o.getScrollElement().clientWidth;window.addEventListener("resize",(function(){y=o.getScrollElement().scrollWidth-o.getScrollElement().clientWidth,S()}));var S=function(){g.classList.remove("is-disabled"),E.classList.remove("is-disabled"),g.classList.remove("is-hidden"),E.classList.remove("is-hidden"),0==y&&(g.classList.add("is-hidden"),E.classList.add("is-hidden")),0==o.getScrollElement().scrollLeft&&g.classList.add("is-disabled"),o.getScrollElement().scrollLeft==y&&E.classList.add("is-disabled")};S(),o.getScrollElement().classList.add("dragscroll"),l.default.reset()}))}});i.render=function(e,t,n,o,r,l){return null},module.exports=i;
 //# sourceMappingURL=Comparsion.js.map

package/dist/components/shop/compare/Comparsion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Comparsion.js","sources":["../../../../src/components/shop/compare/Comparsion.vue"],"sourcesContent":["<template></template>\n<script>\nimport { defineComponent } from 'vue';\nimport SimpleBar from 'simplebar';\nimport draggable from 'click-and-drag';\n\nexport default /*#__PURE__*/ defineComponent({\n    setup() {\n        window.addEventListener('DOMContentLoaded', () => {\n            const container = document.getElementById('comparsion');\n            const table = container.querySelector('table');\n            const duplicate = document.getElementById('comparsion-header');\n            const simpleBar = new SimpleBar(container);\n\n            draggable({\n                element: container\n            });\n\n            const cornerThead = duplicate.querySelector('thead').cloneNode(true);\n\n            const corner = table.cloneNode();\n\n            corner.appendChild(cornerThead);\n            corner.removeAttribute('id');\n            corner.classList.remove('original');\n            corner.classList.add('corner');\n\n            duplicate.querySelector('.switcher').remove();\n            duplicate.querySelector('.comparsion-navigation').remove();\n\n            container.parentNode.insertBefore(corner, container);\n\n            let lastKnownScrollPosition = 0;\n            let duplicatePosition;\n            let ticking = false;\n            let tickingDocument = false;\n\n            function correctHeader(s) {\n                duplicate.style.transform = 'translateX(-' + s + 'px)';\n\n                table.classList[s > 0 ? 'add' : 'remove']('shadow');\n                corner.classList[s > 0 ? 'add' : 'remove']('shadow');\n\n                correctArrowsVisibility();\n            }\n\n            function correctCorner(s) {\n                if (s) {\n                    corner.style.left = s.x + lastKnownScrollPosition + 'px';\n                    corner.style.top = s.y + 'px';\n                    corner.style.display = 'block';\n                }\n            }\n\n            simpleBar.getScrollElement().addEventListener(\n                'scroll',\n                function (e) {\n                    lastKnownScrollPosition = simpleBar.getScrollElement().scrollLeft;\n\n                    if (!ticking) {\n                        window.requestAnimationFrame(function () {\n                            correctHeader(lastKnownScrollPosition);\n                            ticking = false;\n                        });\n\n                        ticking = true;\n                    }\n                },\n                { passive: true }\n            );\n\n            document.addEventListener(\n                'scroll',\n                function (e) {\n                    duplicatePosition = duplicate.getBoundingClientRect();\n\n                    if (!tickingDocument) {\n                        window.requestAnimationFrame(function () {\n                            correctCorner(duplicatePosition);\n                            tickingDocument = false;\n                        });\n\n                        tickingDocument = true;\n                    }\n                },\n                { passive: true }\n            );\n\n            setTimeout(() => {\n                correctCorner(duplicate.getBoundingClientRect());\n            }, 300);\n\n            let highlight = table.querySelectorAll('tbody tr:not(.row-title-mobile)');\n            let highlightRows = [];\n            let theadTh = duplicate.querySelectorAll('th');\n\n            highlight.forEach((element, index) => {\n                const tds = element.querySelectorAll('td');\n\n                tds.forEach((td, i) => {\n                    td.addEventListener('mouseover', (e) => {\n                        theadTh.forEach((td) => {\n                            td.classList.remove('is-hovered');\n                        });\n\n                        theadTh[i].classList.add('is-hovered');\n\n                        highlightRows.forEach((row) => {\n                            row.forEach((td) => {\n                                td.classList.remove('is-hovered');\n                            });\n\n                            if (i > 0) {\n                                row[i].classList.add('is-hovered');\n                            }\n                        });\n                    });\n                });\n\n                highlightRows.push(tds);\n            });\n\n            document.getElementById('comparsion-show').addEventListener('click', () => {\n                table.classList.toggle('only-difference');\n            });\n\n            let next = document.getElementById('comparsion-next');\n            let prev = document.getElementById('comparsion-prev');\n\n            const width = parseInt(table.querySelector('tr:not(.row-title-mobile) td').offsetWidth);\n\n            next.addEventListener('click', () => {\n                timer(lastKnownScrollPosition, lastKnownScrollPosition + width, 300);\n            });\n\n            prev.addEventListener('click', () => {\n                timer(lastKnownScrollPosition, lastKnownScrollPosition - width, 300);\n            });\n\n            const timer = (from, to, duration) => {\n                let start = new Date().getTime();\n\n                let timer = setInterval(function () {\n                    let time = new Date().getTime() - start;\n                    let s = easeInOutQuart(time, from, to - from, duration);\n\n                    simpleBar.getScrollElement().scrollLeft = s;\n\n                    if (time >= duration) {\n                        clearInterval(timer);\n                    }\n                }, 1000 / 60);\n            };\n\n            function easeInOutQuart(t, b, c, d) {\n                if ((t /= d / 2) < 1) return (c / 2) * t * t * t * t + b;\n                return (-c / 2) * ((t -= 2) * t * t * t - 2) + b;\n            }\n\n            let maxScrollLeft = simpleBar.getScrollElement().scrollWidth - simpleBar.getScrollElement().clientWidth;\n\n            window.addEventListener('resize', () => {\n                maxScrollLeft = simpleBar.getScrollElement().scrollWidth - simpleBar.getScrollElement().clientWidth;\n                correctArrowsVisibility();\n            });\n\n            const correctArrowsVisibility = () => {\n                prev.classList.remove('is-disabled');\n                next.classList.remove('is-disabled');\n                prev.classList.remove('is-hidden');\n                next.classList.remove('is-hidden');\n\n                if (maxScrollLeft == 0) {\n                    prev.classList.add('is-hidden');\n                    next.classList.add('is-hidden');\n                }\n\n                if (simpleBar.getScrollElement().scrollLeft == 0) {\n                    prev.classList.add('is-disabled');\n                }\n\n                if (simpleBar.getScrollElement().scrollLeft == maxScrollLeft) {\n                    next.classList.add('is-disabled');\n                }\n            };\n\n            correctArrowsVisibility();\n        });\n    }\n});\n</script>"],"names":["defineComponent","setup","window","addEventListener","container","document","getElementById","table","querySelector","duplicate","simpleBar","SimpleBar","draggable","element","cornerThead","cloneNode","corner","appendChild","removeAttribute","classList","remove","add","parentNode","insertBefore","duplicatePosition","lastKnownScrollPosition","ticking","tickingDocument","correctCorner","s","style","left","x","top","y","display","getScrollElement","e","scrollLeft","requestAnimationFrame","transform","correctArrowsVisibility","passive","getBoundingClientRect","setTimeout","highlight","querySelectorAll","highlightRows","theadTh","forEach","index","tds","td","i","row","push","toggle","next","prev","width","parseInt","offsetWidth","timer","from","to","duration","start","Date","getTime","setInterval","t","b","c","time","clearInterval","maxScrollLeft","scrollWidth","clientWidth"],"mappings":"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"}
+{"version":3,"file":"Comparsion.js","sources":["../../../../src/components/shop/compare/Comparsion.vue"],"sourcesContent":["<template></template>\n<script>\nimport { defineComponent } from 'vue';\nimport SimpleBar from 'simplebar';\nimport dragscroll from 'dragscroll';\n\nexport default /*#__PURE__*/ defineComponent({\n    setup() {\n        window.addEventListener('DOMContentLoaded', () => {\n            const container = document.getElementById('comparsion');\n            const table = container.querySelector('table');\n            const duplicate = document.getElementById('comparsion-header');\n            const simpleBar = new SimpleBar(container);\n\n            const cornerThead = duplicate.querySelector('thead').cloneNode(true);\n\n            const corner = table.cloneNode();\n\n            corner.appendChild(cornerThead);\n            corner.removeAttribute('id');\n            corner.classList.remove('original');\n            corner.classList.add('corner');\n\n            duplicate.querySelector('.switcher').remove();\n            duplicate.querySelector('.comparsion-navigation').remove();\n\n            container.parentNode.insertBefore(corner, container);\n\n            let lastKnownScrollPosition = 0;\n            let duplicatePosition;\n            let ticking = false;\n            let tickingDocument = false;\n\n            function correctHeader(s) {\n                duplicate.style.transform = 'translateX(-' + s + 'px)';\n\n                table.classList[s > 0 ? 'add' : 'remove']('shadow');\n                corner.classList[s > 0 ? 'add' : 'remove']('shadow');\n\n                correctArrowsVisibility();\n            }\n\n            function correctCorner(s) {\n                if (s) {\n                    corner.style.left = s.x + lastKnownScrollPosition + 'px';\n                    corner.style.top = s.y + 'px';\n                    corner.style.display = 'block';\n                }\n            }\n\n            simpleBar.getScrollElement().addEventListener(\n                'scroll',\n                function (e) {\n                    lastKnownScrollPosition = simpleBar.getScrollElement().scrollLeft;\n\n                    if (!ticking) {\n                        window.requestAnimationFrame(function () {\n                            correctHeader(lastKnownScrollPosition);\n                            ticking = false;\n                        });\n\n                        ticking = true;\n                    }\n                },\n                { passive: true }\n            );\n\n            document.addEventListener(\n                'scroll',\n                function (e) {\n                    duplicatePosition = duplicate.getBoundingClientRect();\n\n                    if (!tickingDocument) {\n                        window.requestAnimationFrame(function () {\n                            correctCorner(duplicatePosition);\n                            tickingDocument = false;\n                        });\n\n                        tickingDocument = true;\n                    }\n                },\n                { passive: true }\n            );\n\n            setTimeout(() => {\n                correctCorner(duplicate.getBoundingClientRect());\n            }, 300);\n\n            let highlight = table.querySelectorAll('tbody tr:not(.row-title-mobile)');\n            let highlightRows = [];\n            let theadTh = duplicate.querySelectorAll('th');\n\n            highlight.forEach((element, index) => {\n                const tds = element.querySelectorAll('td');\n\n                tds.forEach((td, i) => {\n                    td.addEventListener('mouseover', (e) => {\n                        theadTh.forEach((td) => {\n                            td.classList.remove('is-hovered');\n                        });\n\n                        theadTh[i].classList.add('is-hovered');\n\n                        highlightRows.forEach((row) => {\n                            row.forEach((td) => {\n                                td.classList.remove('is-hovered');\n                            });\n\n                            if (i > 0) {\n                                row[i].classList.add('is-hovered');\n                            }\n                        });\n                    });\n                });\n\n                highlightRows.push(tds);\n            });\n\n            document.getElementById('comparsion-show').addEventListener('click', () => {\n                table.classList.toggle('only-difference');\n            });\n\n            let next = document.getElementById('comparsion-next');\n            let prev = document.getElementById('comparsion-prev');\n\n            const width = parseInt(table.querySelector('tr:not(.row-title-mobile) td').offsetWidth);\n\n            next.addEventListener('click', () => {\n                timer(lastKnownScrollPosition, lastKnownScrollPosition + width, 300);\n            });\n\n            prev.addEventListener('click', () => {\n                timer(lastKnownScrollPosition, lastKnownScrollPosition - width, 300);\n            });\n\n            const timer = (from, to, duration) => {\n                let start = new Date().getTime();\n\n                let timer = setInterval(function () {\n                    let time = new Date().getTime() - start;\n                    let s = easeInOutQuart(time, from, to - from, duration);\n\n                    simpleBar.getScrollElement().scrollLeft = s;\n\n                    if (time >= duration) {\n                        clearInterval(timer);\n                    }\n                }, 1000 / 60);\n            };\n\n            function easeInOutQuart(t, b, c, d) {\n                if ((t /= d / 2) < 1) return (c / 2) * t * t * t * t + b;\n                return (-c / 2) * ((t -= 2) * t * t * t - 2) + b;\n            }\n\n            let maxScrollLeft = simpleBar.getScrollElement().scrollWidth - simpleBar.getScrollElement().clientWidth;\n\n            window.addEventListener('resize', () => {\n                maxScrollLeft = simpleBar.getScrollElement().scrollWidth - simpleBar.getScrollElement().clientWidth;\n                correctArrowsVisibility();\n            });\n\n            const correctArrowsVisibility = () => {\n                prev.classList.remove('is-disabled');\n                next.classList.remove('is-disabled');\n                prev.classList.remove('is-hidden');\n                next.classList.remove('is-hidden');\n\n                if (maxScrollLeft == 0) {\n                    prev.classList.add('is-hidden');\n                    next.classList.add('is-hidden');\n                }\n\n                if (simpleBar.getScrollElement().scrollLeft == 0) {\n                    prev.classList.add('is-disabled');\n                }\n\n                if (simpleBar.getScrollElement().scrollLeft == maxScrollLeft) {\n                    next.classList.add('is-disabled');\n                }\n            };\n\n            correctArrowsVisibility();\n\n            // const d = draggable({\n            //     element: simpleBar.getScrollElement(),\n            //     onDragStarted: (event) => console.log(event),\n            //     onDragChanged: (e) => {\n            //         if (e.direction == 'left' || e.direction == 'right') {\n            //             const el = simpleBar.getScrollElement().scrollLeft;\n            //             if (e.direction)\n            //                 el = e.magnitude\n            //         }\n            //     },\n            //     onDragEnded: (event) => console.log(event)\n            // });\n\n            simpleBar.getScrollElement().classList.add('dragscroll');\n\n            dragscroll.reset();\n        });\n    }\n});\n</script>"],"names":["defineComponent","setup","window","addEventListener","container","document","getElementById","table","querySelector","duplicate","simpleBar","SimpleBar","cornerThead","cloneNode","corner","appendChild","removeAttribute","classList","remove","add","parentNode","insertBefore","duplicatePosition","lastKnownScrollPosition","ticking","tickingDocument","correctCorner","s","style","left","x","top","y","display","getScrollElement","e","scrollLeft","requestAnimationFrame","transform","correctArrowsVisibility","passive","getBoundingClientRect","setTimeout","highlight","querySelectorAll","highlightRows","theadTh","forEach","element","index","tds","td","i","row","push","toggle","next","prev","width","parseInt","offsetWidth","timer","from","to","duration","start","Date","getTime","setInterval","t","b","c","time","clearInterval","maxScrollLeft","scrollWidth","clientWidth","dragscroll","reset"],"mappings":"6KAM6BA,kBAAgB,CACzCC,iBACIC,OAAOC,iBAAiB,oBAAoB,eAClCC,EAAYC,SAASC,eAAe,cACpCC,EAAQH,EAAUI,cAAc,SAChCC,EAAYJ,SAASC,eAAe,qBACpCI,EAAY,IAAIC,UAAUP,GAE1BQ,EAAcH,EAAUD,cAAc,SAASK,WAAU,GAEzDC,EAASP,EAAMM,YAErBC,EAAOC,YAAYH,GACnBE,EAAOE,gBAAgB,MACvBF,EAAOG,UAAUC,OAAO,YACxBJ,EAAOG,UAAUE,IAAI,UAErBV,EAAUD,cAAc,aAAaU,SACrCT,EAAUD,cAAc,0BAA0BU,SAElDd,EAAUgB,WAAWC,aAAaP,EAAQV,OAGtCkB,EADAC,EAA0B,EAE1BC,GAAU,EACVC,GAAkB,WAWbC,EAAcC,GACfA,IACAb,EAAOc,MAAMC,KAAOF,EAAEG,EAAIP,EAA0B,KACpDT,EAAOc,MAAMG,IAAMJ,EAAEK,EAAI,KACzBlB,EAAOc,MAAMK,QAAU,SAI/BvB,EAAUwB,mBAAmB/B,iBACzB,UACA,SAAUgC,GACNZ,EAA0Bb,EAAUwB,mBAAmBE,WAElDZ,IACDtB,OAAOmC,uBAAsB,eAvBlBV,EAAAA,EAwBOJ,EAvB1Bd,EAAUmB,MAAMU,UAAY,eAAiBX,EAAI,MAEjDpB,EAAMU,UAAUU,EAAI,EAAI,MAAQ,UAAU,UAC1Cb,EAAOG,UAAUU,EAAI,EAAI,MAAQ,UAAU,UAE3CY,IAmBYf,GAAU,KAGdA,GAAU,KAGlB,CAAEgB,SAAS,IAGfnC,SAASF,iBACL,UACA,SAAUgC,GACNb,EAAoBb,EAAUgC,wBAEzBhB,IACDvB,OAAOmC,uBAAsB,WACzBX,EAAcJ,GACdG,GAAkB,KAGtBA,GAAkB,KAG1B,CAAEe,SAAS,IAGfE,YAAW,WACPhB,EAAcjB,EAAUgC,2BACzB,SAECE,EAAYpC,EAAMqC,iBAAiB,mCACnCC,EAAgB,GAChBC,EAAUrC,EAAUmC,iBAAiB,MAEzCD,EAAUI,SAAQ,SAACC,EAASC,OAClBC,EAAMF,EAAQJ,iBAAiB,MAErCM,EAAIH,SAAQ,SAACI,EAAIC,GACbD,EAAGhD,iBAAiB,aAAa,SAACgC,GAC9BW,EAAQC,SAAQ,SAACI,GACbA,EAAGlC,UAAUC,OAAO,iBAGxB4B,EAAQM,GAAGnC,UAAUE,IAAI,cAEzB0B,EAAcE,SAAQ,SAACM,GACnBA,EAAIN,SAAQ,SAACI,GACTA,EAAGlC,UAAUC,OAAO,iBAGpBkC,EAAI,GACJC,EAAID,GAAGnC,UAAUE,IAAI,uBAMrC0B,EAAcS,KAAKJ,MAGvB7C,SAASC,eAAe,mBAAmBH,iBAAiB,SAAS,WACjEI,EAAMU,UAAUsC,OAAO,0BAGvBC,EAAOnD,SAASC,eAAe,mBAC/BmD,EAAOpD,SAASC,eAAe,mBAE7BoD,EAAQC,SAASpD,EAAMC,cAAc,gCAAgCoD,aAE3EJ,EAAKrD,iBAAiB,SAAS,WAC3B0D,EAAMtC,EAAyBA,EAA0BmC,EAAO,QAGpED,EAAKtD,iBAAiB,SAAS,WAC3B0D,EAAMtC,EAAyBA,EAA0BmC,EAAO,YAG9DG,EAAQ,SAACC,EAAMC,EAAIC,OACjBC,GAAQ,IAAIC,MAAOC,UAEnBN,EAAQO,aAAY,eAYJC,EAAGC,EAAGC,EAXlBC,GAAO,IAAIN,MAAOC,UAAYF,EAC9BtC,GAUY0C,EAVOG,EAUJF,EAVUR,EAUPS,EAVaR,EAAKD,GAWvCO,GAX6CL,EAWpC,GAAK,EAAWO,EAAI,EAAKF,EAAIA,EAAIA,EAAIA,EAAIC,GAC9CC,EAAI,IAAOF,GAAK,GAAKA,EAAIA,EAAIA,EAAI,GAAKC,GAV3C5D,EAAUwB,mBAAmBE,WAAaT,EAEtC6C,GAAQR,GACRS,cAAcZ,KAEnB,IAAO,SAQVa,EAAgBhE,EAAUwB,mBAAmByC,YAAcjE,EAAUwB,mBAAmB0C,YAE5F1E,OAAOC,iBAAiB,UAAU,WAC9BuE,EAAgBhE,EAAUwB,mBAAmByC,YAAcjE,EAAUwB,mBAAmB0C,YACxFrC,WAGEA,EAA0B,WAC5BkB,EAAKxC,UAAUC,OAAO,eACtBsC,EAAKvC,UAAUC,OAAO,eACtBuC,EAAKxC,UAAUC,OAAO,aACtBsC,EAAKvC,UAAUC,OAAO,aAED,GAAjBwD,IACAjB,EAAKxC,UAAUE,IAAI,aACnBqC,EAAKvC,UAAUE,IAAI,cAGwB,GAA3CT,EAAUwB,mBAAmBE,YAC7BqB,EAAKxC,UAAUE,IAAI,eAGnBT,EAAUwB,mBAAmBE,YAAcsC,GAC3ClB,EAAKvC,UAAUE,IAAI,gBAI3BoB,IAeA7B,EAAUwB,mBAAmBjB,UAAUE,IAAI,cAE3C0D,UAAWC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perevorot/shop",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "",
   "files": [
     "dist/*"
@@ -20,10 +20,10 @@
     "bulma": "^0.9.3",
     "bulma-checkradio": "^2.1.2",
     "bulma-switch": "^2.0.0",
-    "click-and-drag": "^1.0.8",
     "copy-to-clipboard": "^3.3.1",
     "countdown.to": "^0.1.6",
     "dayjs": "^1.10.7",
+    "dragscroll": "^0.0.8",
     "formvuelate": "^3.8.1",
     "maska": "^1.5.0",
     "rollup-plugin-vue": "^6.0.0",