chronocraft-scroller-vue - npm Package Compare versions

Comparing version 0.1.21 to 0.1.22

dist/chronocraftscrollervue-browser.min.js

@@ -1,1 +0,1 @@
-var chronocraftscrollervue=function(e,t){"use strict";function n(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l=t.defineComponent({name:"VScrollerScrollBar",components:{},props:{modelValue:{type:Array,default:function(){return[]}},active:{type:Boolean,default:!0},viewportId:{type:String,default:""},orientation:{type:String,default:"vertical"},mode:{type:String,default:"normal"},trackWidth:{type:Number,default:12}},setup:function(e,n){var r,o,l,i,a,c,s,d,u,p=null,f=!1,h=-1e5,v=Math.floor(999999*Math.random())+1e6,m=0,g=t.ref(0),b=t.ref("scrollbar_"+v);function w(e){var t,r=Math.max(d,Math.min(e,u));g.value=r,t=g.value-d,m=100*t/(u-d),n.emit("on-change",m)}function y(e){m=e,g.value=m*(u-d)/100,h=-1e5,n.emit("on-change",m)}return t.onMounted((function(){p=document.querySelector("#"+e.viewportId),e.active&&""!==e.viewportId&&(document.querySelector("#"+b.value),o=document.querySelector("#"+b.value+" .scroller-scrollbar-track"),l=document.querySelector("#"+b.value+" .scroller-scrollbar-thumb"),i=document.querySelector("#"+b.value+" .scroller-scrollbar-up"),r=o.clientWidth,a=o.clientHeight,c=l.clientHeight,s=i.clientHeight,"horizontal"===e.orientation?(a=o.clientWidth,c=l.clientWidth,s=i.clientWidth,r=o.clientHeight,p.style.height="calc(100% - "+r+"px)"):p.style.width="calc(100% - "+r+"px)",d=s,u=a-s-c,g.value=s,"infinite"===e.mode&&y(50),l.addEventListener("mousedown",(function(e){f=!0})),document.addEventListener("mousemove",(function(t){if(f){if(t.preventDefault(),-1e5!==h){var n=t.clientY-h;"horizontal"===e.orientation?(n=t.clientX-h,w(g.value-n)):w(g.value+n)}h=t.clientY,"horizontal"===e.orientation&&(h=t.clientX)}})),document.addEventListener("mouseup",(function(t){f=!1,"infinite"===e.mode&&y(50)})))})),{scrollbarId:b,scrollbarThumbPosition:g,ScrollBackwardsClicked:function(){n.emit("on-backwards-clicked"),e.mode},ScrollForwardClicked:function(){n.emit("on-forward-clicked"),e.mode}}}}),i=["id"];function a(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}a(".scroller {\r\n    height: 100%;\n}\n.scroller-viewport {\r\n    height: 100%;\r\n    margin: 0px auto;\r\n    overflow-y: hidden;\r\n    overflow-x: hidden;\r\n    border: 0px solid #bdbdbd;\r\n    position: relative;\r\n    margin: 0px;\n}\n.scroller-container {\r\n    width: 100%;\r\n    display: -webkit-flex;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-justify-content: start;\r\n        -ms-flex-pack: start;\r\n            justify-content: start;\r\n    -webkit-flex-direction: row;\r\n        -ms-flex-direction: row;\r\n            flex-direction: row;\r\n    -webkit-flex-wrap: wrap;\r\n        -ms-flex-wrap: wrap;\r\n            flex-wrap: wrap;    \r\n    /* transition: transform 100ms ease-out; */\r\n    will-change: transform, opacity;\r\n    position: relative;\n}\n/* Only For Firefox */\n@supports (-moz-appearance:none) {\n.scroller-container {\r\n        transition: -webkit-transform 0ms ease-out;\r\n        transition: transform 0ms ease-out;\r\n        transition: transform 0ms ease-out, -webkit-transform 0ms ease-out;\r\n        will-change: transform, opacity;\r\n\r\n        transition-timing-function: linear;\r\n        -moz-transition-timing-function: linear; /* Firefox 4 */\r\n        -moz-transition-delay: 0ms; /* Firefox 4 */\n}\n}\n/* Microsoft Edge Browser 12-18 */\n@supports (-ms-ime-align:auto) {\n.scroller-container {\r\n        transition: -webkit-transform 0ms ease-out;\r\n        transition: transform 0ms ease-out;\r\n        transition: transform 0ms ease-out, -webkit-transform 0ms ease-out;\r\n        will-change: transform, opacity;\n}\n}\n.scroller-row-v {\r\n    position: absolute;\r\n    width: 100%;\r\n    -webkit-flex: 1 1 auto;\r\n        -ms-flex: 1 1 auto;\r\n            flex: 1 1 auto;\r\n    display: -webkit-flex;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -ms-flex-line-pack: stretch;\r\n            -webkit-align-content: stretch;\r\n            align-content: stretch;\r\n    -webkit-align-items: stretch;\r\n        -ms-flex-align: stretch;\r\n            align-items: stretch;\r\n    -webkit-justify-content: space-evenly;\r\n        -ms-flex-pack: space-evenly;\r\n            justify-content: space-evenly;\n}\n.scroller-cell-v {\r\n    background-color: #9abacc;    \r\n    text-align: center;\r\n    line-height: 40px;\r\n    font-size: 9pt;\r\n    font-family: Arial;\r\n    color: #ffffff;\r\n    width: auto;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n   height: -webkit-fit-content;\r\n   height: -moz-fit-content;\r\n   height: fit-content;\r\n    padding: 4px;\r\n    margin: 3px;\n}\n.noselect {\r\n    -webkit-touch-callout: none;\r\n    /* iOS Safari */\r\n    -webkit-user-select: none;\r\n    /* Safari */\r\n    /* Konqueror HTML */\r\n    /* Old versions of Firefox */\r\n    -ms-user-select: none;\r\n    /* Internet Explorer/Edge */\r\n    user-select: none;\r\n    /* Non-prefixed version, currently\r\n                                    supported by Chrome, Edge, Opera and Firefox */\n}\n.scroller-scrollbar {\r\n    font-family: verdana;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0px;\r\n    right: 0px;\r\n    width: 12px;\n}\n.scroller-scrollbar-down {\r\n    background-color: #33ccaa;\r\n    bottom: 0;\r\n    cursor: pointer;\r\n    position: absolute;\r\n    right: 0;\r\n    border-radius: 10px;\r\n    width: 100%;\n}\n.scroller-scrollbar-thumb {\r\n    background-color: #22aabb;\r\n    cursor: pointer;\r\n    position: absolute;\r\n    right: 0;\r\n    border-radius: 10px;\r\n    width: 100%;\r\n    height: 30px;\n}\n.scroller-scrollbar-thumb-down {\r\n    background-color: #1199aa;\n}\n.scroller-scrollbar-thumb-over {\r\n    background-color: #33bbcc;\n}\n.scroller-scrollbar-track {\r\n    background-color: #dedede;\r\n    cursor: pointer;\r\n    height: 100%;\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    width: 100%;\n}\n.scroller-scrollbar-up {\r\n    background-color: #33ccaa;\r\n    cursor: pointer;\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    border-radius: 10px;\r\n    width: 100%;\n}\r\n"),l.render=function(e,n,r,o,l,a){return e.active?(t.openBlock(),t.createElementBlock("div",{key:0,id:e.scrollbarId,class:"scroller-scrollbar",style:t.normalizeStyle(["vertical"===e.orientation?{width:e.trackWidth+"px",height:"100%",top:"0px",right:"0px"}:{width:"100%",height:e.trackWidth+"px",bottom:"0px",right:"0px",top:"unset"}])},[t.createElementVNode("div",{class:"scroller-scrollbar-track",style:t.normalizeStyle(["vertical"===e.orientation?{width:e.trackWidth+"px",height:"100%",top:"0px",right:"0px"}:{width:"100%",height:e.trackWidth+"px",bottom:"0px",right:"0px",top:"unset"}])},null,4),t.createElementVNode("div",{class:"scroller-scrollbar-thumb",style:t.normalizeStyle(["vertical"===e.orientation?{width:"100%",height:"30px",top:e.scrollbarThumbPosition+"px",right:"0px"}:{width:"30px",height:"100%",bottom:"0px",right:e.scrollbarThumbPosition+"px",top:"unset"}])},null,4),t.createElementVNode("div",{class:"scroller-scrollbar-up",onClick:n[0]||(n[0]=function(t){return e.ScrollBackwardsClicked()}),style:t.normalizeStyle(["vertical"===e.orientation?{height:e.trackWidth+"px",width:"100%",top:"0px",right:"0px"}:{width:e.trackWidth+"px",height:"100%",bottom:"0px",top:"unset",left:"0px",right:"unset"}])},null,4),t.createElementVNode("div",{class:"scroller-scrollbar-down",onClick:n[1]||(n[1]=function(t){return e.ScrollForwardClicked()}),style:t.normalizeStyle(["vertical"===e.orientation?{height:e.trackWidth+"px",width:"100%"}:{width:e.trackWidth+"px",height:"100%"}])},null,4)],12,i)):t.createCommentVNode("",!0)};var c=t.defineComponent({name:"VScrollerRow",props:{gap:{type:Number,default:0},calculatedRowSize:{type:Number,default:0},orientation:{type:String,default:"vertical"},row:{type:Object,default:function(){return{cells:{},index:0,top:"0px",left:"0px",width:"0px"}}}},setup:function(e,n){var r=Math.floor(999999*Math.random())+1e6,o=t.ref("row_"+r),l=t.ref("row");return"horizontal"===e.orientation&&(l.value="column"),t.onMounted((function(){var e=document.getElementById(o.value);n.emit("on-rendered",e.clientHeight)})),{rowId:o,flexDirection:l}}}),s=["id"],d=["id"];c.render=function(e,n,r,o,l,i){return t.openBlock(),t.createElementBlock("div",{class:"scroller-row-v",id:e.rowId,style:t.normalizeStyle([{"margin-left":e.gap+"px"},{"background-color":"#eaeaea"},{top:e.row.top,left:e.row.left,width:e.row.width,height:e.row.height,"flex-direction":e.flexDirection}])},[t.renderSlot(e.$slots,"row",{data:e.row},(function(){return[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.row.cells,(function(n,r){return t.openBlock(),t.createElementBlock("div",{class:"scroller-cell-v",key:r,id:"item"+n.id,style:t.normalizeStyle([{left:n.left,top:n.top,"flex-basis":n.flexbasis}])},[t.renderSlot(e.$slots,"cell",{data:n},(function(){return[t.createElementVNode("span",null,t.toDisplayString(n.index),1)]}))],12,d)})),128))]}))],12,s)};var u=t.defineComponent({name:"VScroller",components:{VScrollerScrollBar:l,VScrollerRow:c},props:{modelValue:{type:Object,default:function(){return{}}},height:{type:Number,default:-1},orientation:{type:String,default:"vertical"},numberOfColumns:{type:Number,default:5},numberOfRows:{type:Number,default:5},sidegap:{type:Number,default:5},cellHeight:{type:Number,default:50},cellWidth:{type:Number,default:50},cellSquared:{type:Boolean,default:!1},scrollSpeed:{type:Number,default:6},isInfinite:{type:Boolean,default:!1},hasScrollbar:{type:Boolean,default:!0}},setup:function(e,n){var o=Math.floor(999999*Math.random())+1e6,l=t.ref("scroller_"+o),i=t.ref("container_"+o),a=t.ref("viewport_"+o),c=t.ref(e.cellWidth),s=t.ref(e.cellHeight),d=t.ref(0),u=t.ref({}),p=t.ref([]),f=t.ref([]),h=t.ref(0),v=t.ref({}),m=t.ref(e.cellHeight),g=d.value,b=1,w=0,y=0,x=0,k=0,S=0,O=0,z=0,B=0,I=0,j="",E=0,C=.95,V=0,M=null,N=null,W="Y",F=!1;d.value;var H=d.value,P=null,q=0,L=0,D=e.scrollSpeed,_={},R=s.value,T=0,Y=50,A=null,X={},K=null;function G(){var e=q*D,t=d.value;d.value+=-e,E=d.value-t}function $(){M&&(M.style.transform="translate"+W+"("+d.value+"px)",d.value==g?L=1:d.value>g&&(L=-1),function(t){if(N){var n=N.clientHeight,r=R+2*e.sidegap;"horizontal"===e.orientation&&(n=N.clientWidth),r=m.value;var o=0;if(0===t&&0!==L&&(t=L),-1===t)o=-x*r-d.value-n,I*r+d.value+parseInt(Y/T)>-parseInt(Y/T)*r&&U(t),o<-r&&J(t,R);else if(1===t){o=(y-1)*r+d.value-n,B*r+d.value-n+parseInt(Y/T)<parseInt(Y/T)*r+n&&U(t),o<0&&J(t,R)}}}(q),g=d.value)}function U(e){1===e?n.emit("on-update-data-next",(function(e){Y=Object.keys(e).length,O+=Object.keys(e).length,B+=parseInt(Object.keys(e).length/T);for(var t=0;t<Math.abs(w-z);t++)_[z+t]&&delete _[z+t];z=w,I=x,_=r(r({},e),_)}),w,O):n.emit("on-update-data-previous",(function(e){Y=Object.keys(e).length,z-=Object.keys(e).length,I-=parseInt(Object.keys(e).length/T);for(var t=0;t<Math.abs(b-O);t++)_[O+t]&&delete _[O+t];O=b,B=y,_=r(r({},e),_)}),z,b)}function J(t,n){if(Object.keys(_).length>0)if(1===t){for(var r=[],o=T-k,l=0;l<o;l++){_[b+l]&&_[b+l]&&r.push({id:_[b+l].id,item:null,index:b+l})}if(r.length>0)for(l=0;l<r.length;l++){0===k&&y++;var i=0,a=y*m.value,c=l*(n+2*e.sidegap),s=0;"horizontal"===e.orientation&&(i=y*m.value,a=0,c=0,s=l*(n+2*e.sidegap)),0===k&&Q(a,i,y);var d=r[l].index;u.value[d]={id:r[l].id};var p=ee();if(p&&(p.cells[d]||Z(s,c,d)),k++,b++,k>T-1){k=0;var f=!1;for(l=0;l<r.length;l++)delete u.value[w],w++,z++,f||(v.value[x]&&delete v.value[x],f=!0);x++,I++}}else 0===q&&0!==L&&(L=0);for(l=0;l<r.length;l++)delete _[r[l].index];r=[]}else{var h=T-S;for(r=[],l=1;l<=h;l++){null!=_[w-l]&&_[w-l]&&r.push({id:_[w-l].id,item:null,index:w-l})}if(r.length>0)for(l=0;l<r.length;l++){0===S&&x--;i=0;var g=x*m.value,j=(c=(T-1-S)*(n+2*e.sidegap),0);"horizontal"===e.orientation&&(i=x*m.value,g=0,c=0,j=(T-1-S)*(n+2*e.sidegap)),0===S&&Q(g,i,x);var E=r[l].index;u.value[E]={id:r[l].id};var C=ee();if(C&&(C.cells[E]||Z(j,c,E)),w--,++S>T-1){S=0;var V=!1;for(l=0;l<r.length;l++)u.value[b-1],delete u.value[b-1],b--,O--,V||(v.value[y]&&delete v.value[y],V=!0);y--,B--}}else 0===q&&0!==L&&(L=0);for(l=0;l<r.length;l++)r[l]&&delete _[r[l].index];r=[]}}function Q(t,n,r,o){var l=parseInt(R+2*e.sidegap)+"px",i="calc(100% - "+2*e.sidegap+"px)";"horizontal"===e.orientation&&(l="calc(100% - "+2*e.sidegap+"px)",i=parseInt(R+2*e.sidegap)+"px"),v.value[r]={index:r,top:t+"px",left:n+"px",width:i,height:l,cells:{}},K=v.value[r]}function Z(e,t,n){var r=e,o=t;ee().cells[n]={index:n,id:"item"+u.value[n].id,left:o+"px",flexbasis:100/T+"%",top:r+"px"}}function ee(){return K}function te(){cancelAnimationFrame(j),j=requestAnimationFrame(ne)}function ne(){d.value+=E,"horizontal"===e.orientation&&(C=.9),E*=C,Math.abs(E)>.5&&(j=requestAnimationFrame(ne))}return"horizontal"===e.orientation&&(W="X",m.value=e.cellWidth),window.addEventListener("wheel",(function(t){var n=Date.now()-V;D=2*e.scrollSpeed,n<10&&(D=6*e.scrollSpeed);var r=Math.sign(t.deltaY)*D,o=d.value;d.value+=-r,E=d.value-o,te(),V=Date.now()})),window.addEventListener("resize",(function(t){e.cellSquared&&(Object.keys(v.value).length>0&&(X=Object.assign({},v.value)),v.value={},m.value=N.clientWidth/T,"horizontal"===e.orientation&&(m.value=N.clientHeight/T),clearTimeout(A),A=setTimeout((function(){v.value=X}),500))})),t.watch((function(){return e.modelValue}),(function(t,n){0===Object.keys(u.value).length&&Object.keys(t).length>0&&(u.value=t,function(){b=Object.keys(u.value).reduce((function(e,t){return u.value[t]<u.value[e]?t:e})),w=b,y=-1,x=0,k=0,S=0,R=s.value,T=e.numberOfColumns,e.cellSquared&&(m.value=N.clientWidth/T),"horizontal"===e.orientation&&(R=c.value,T=e.numberOfRows,e.cellSquared&&(m.value=N.clientHeight/T));var t=parseInt(parseInt(Object.keys(u.value).length/2)/T)*(R+2*e.sidegap);for(var n in d.value-=t,u.value){0===k&&y++;var r=0,o=y*m.value,l=k*(R+2*e.sidegap),i=0;"horizontal"===e.orientation&&(r=y*m.value,o=0,l=0,i=k*(R+2*e.sidegap)),0===k&&Q(o,r,y);var a=ee();a&&(a.cells[n]||Z(i,l,n)),b++,++k>T-1&&(k=0)}O=b,z=w,B=y,I=x,M.style.transform="translate"+W+"("+d.value+"px) "}())}),{deep:!0}),t.onMounted((function(){console.log("onMounted"),M=document.getElementById(i.value),(N=document.getElementById(a.value)).addEventListener("mousedown",(function(t){F=!0,H=t.pageY,"horizontal"===e.orientation&&(H=t.pageX)})),document.addEventListener("mouseup",(function(e){F=!1,Math.abs(E)>30&&(E=30*Math.sign(E)),te()})),document.addEventListener("mousemove",(function(t){if(F){t.preventDefault();var n=t.pageY-H;"horizontal"===e.orientation?(n=t.pageX-H,H=t.pageX):H=t.pageY,E=n,d.value+=1*n}})),N.addEventListener("mouseleave",(function(e){F=!1})),setInterval((function(){$()}),5),n.emit("on-initilized")})),t.onBeforeUpdate((function(){f.value=[]})),{scrollerId:l,containerId:i,viewportId:a,cellWidthVal:c,cellHeightVal:s,translatePosition:d,cellsdata:u,alldata:v,cells:p,divs:f,scrollbarPosition:h,calculatedRowSize:m,renderKey:0,GetContainerHeight:function(){var t=e.height+"px";return-1===e.height&&(t="100%"),t},OnScrollBarChanged:function(t){D=e.scrollSpeed,(t<=30||t>70)&&(D=3*e.scrollSpeed),q=0,t<50?(q=-1,L=-1,"horizontal"===e.orientation&&(q=1,L=1)):t>50&&(q=1,L=1,"horizontal"===e.orientation&&(q=-1,L=-1)),0!==q?null===P&&(P=setInterval((function(){G()}),10)):(clearInterval(P),P=null)},onBackwardsClicked:function(){q=-1,L=-1,D=3*e.scrollSpeed,G(),te(),q=0,D=e.scrollSpeed},onForwardClicked:function(){q=1,L=1,D=3*e.scrollSpeed,G(),te(),q=0,D=e.scrollSpeed}}}}),p=["id"],f=["id"],h=["id"];a('\r\n/* @import "./scroller.css"; */\r\n'),u.render=function(e,n,r,o,l,i){var a=t.resolveComponent("VScrollerRow"),c=t.resolveComponent("VScrollerScrollBar");return t.openBlock(),t.createElementBlock("div",{id:e.scrollerId,class:"scroller noselect"},[t.createElementVNode("div",{id:e.viewportId,class:"scroller-viewport"},[(t.openBlock(),t.createElementBlock("div",{id:e.containerId,key:e.renderKey,class:"scroller-container",style:t.normalizeStyle([{height:e.GetContainerHeight()}])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.alldata,(function(n,r){return t.openBlock(),t.createBlock(a,{key:r,calculatedRowSize:e.calculatedRowSize,sidegap:e.sidegap,row:n,orientation:e.orientation},null,8,["calculatedRowSize","sidegap","row","orientation"])})),128))],12,h))],8,f),t.createVNode(c,{active:e.hasScrollbar,orientation:e.orientation,mode:e.isInfinite?"infinite":"normal",onOnChange:e.OnScrollBarChanged,onOnBackwardsClicked:e.onBackwardsClicked,onOnForwardClicked:e.onForwardClicked,viewportId:e.viewportId},null,8,["active","orientation","mode","onOnChange","onOnBackwardsClicked","onOnForwardClicked","viewportId"])],8,p)};var v={VScroller:u},m=Object.freeze({__proto__:null,default:v});const g={install(e){Object.entries(m).forEach((([t,n])=>{e.component(t,n)}))}};return e.default=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},Vue);
+var chronocraftscrollervue=function(e,t){"use strict";function n(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l=t.defineComponent({name:"VScrollerScrollBar",components:{},props:{modelValue:{type:Array,default:function(){return[]}},active:{type:Boolean,default:!0},viewportId:{type:String,default:""},orientation:{type:String,default:"vertical"},mode:{type:String,default:"normal"},trackWidth:{type:Number,default:12}},setup:function(e,n){var r,o,l,i,a,c,s,d,u,p=null,f=!1,h=-1e5,v=Math.floor(999999*Math.random())+1e6,m=0,g=t.ref(0),b=t.ref("scrollbar_"+v);function w(e){var t,r=Math.max(d,Math.min(e,u));g.value=r,t=g.value-d,m=100*t/(u-d),n.emit("on-change",m)}function y(e){m=e,g.value=m*(u-d)/100,h=-1e5,n.emit("on-change",m)}return t.onMounted((function(){p=document.querySelector("#"+e.viewportId),e.active&&""!==e.viewportId&&(document.querySelector("#"+b.value),o=document.querySelector("#"+b.value+" .scroller-scrollbar-track"),l=document.querySelector("#"+b.value+" .scroller-scrollbar-thumb"),i=document.querySelector("#"+b.value+" .scroller-scrollbar-up"),r=o.clientWidth,a=o.clientHeight,c=l.clientHeight,s=i.clientHeight,"horizontal"===e.orientation?(a=o.clientWidth,c=l.clientWidth,s=i.clientWidth,r=o.clientHeight,p.style.height="calc(100% - "+r+"px)"):p.style.width="calc(100% - "+r+"px)",d=s,u=a-s-c,g.value=s,"infinite"===e.mode&&y(50),l.addEventListener("mousedown",(function(e){f=!0})),document.addEventListener("mousemove",(function(t){if(f){if(t.preventDefault(),-1e5!==h){var n=t.clientY-h;"horizontal"===e.orientation?(n=t.clientX-h,w(g.value-n)):w(g.value+n)}h=t.clientY,"horizontal"===e.orientation&&(h=t.clientX)}})),document.addEventListener("mouseup",(function(t){f=!1,"infinite"===e.mode&&y(50)})))})),{scrollbarId:b,scrollbarThumbPosition:g,ScrollBackwardsClicked:function(){n.emit("on-backwards-clicked"),e.mode},ScrollForwardClicked:function(){n.emit("on-forward-clicked"),e.mode}}}}),i=["id"];function a(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}a(".scroller {\r\n    height: 100%;\n}\n.scroller-viewport {\r\n    height: 100%;\r\n    margin: 0px auto;\r\n    overflow-y: hidden;\r\n    overflow-x: hidden;\r\n    border: 0px solid #bdbdbd;\r\n    position: relative;\r\n    margin: 0px;\n}\n.scroller-container {\r\n    width: 100%;\r\n    display: -webkit-flex;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-justify-content: start;\r\n        -ms-flex-pack: start;\r\n            justify-content: start;\r\n    -webkit-flex-direction: row;\r\n        -ms-flex-direction: row;\r\n            flex-direction: row;\r\n    -webkit-flex-wrap: wrap;\r\n        -ms-flex-wrap: wrap;\r\n            flex-wrap: wrap;    \r\n    /* transition: transform 100ms ease-out; */\r\n    will-change: transform, opacity;\r\n    position: relative;\n}\n/* Only For Firefox */\n@supports (-moz-appearance:none) {\n.scroller-container {\r\n        transition: -webkit-transform 0ms ease-out;\r\n        transition: transform 0ms ease-out;\r\n        transition: transform 0ms ease-out, -webkit-transform 0ms ease-out;\r\n        will-change: transform, opacity;\r\n\r\n        transition-timing-function: linear;\r\n        -moz-transition-timing-function: linear; /* Firefox 4 */\r\n        -moz-transition-delay: 0ms; /* Firefox 4 */\n}\n}\n/* Microsoft Edge Browser 12-18 */\n@supports (-ms-ime-align:auto) {\n.scroller-container {\r\n        transition: -webkit-transform 0ms ease-out;\r\n        transition: transform 0ms ease-out;\r\n        transition: transform 0ms ease-out, -webkit-transform 0ms ease-out;\r\n        will-change: transform, opacity;\n}\n}\n.scroller-row-v {\r\n    position: absolute;\r\n    width: 100%;\r\n    -webkit-flex: 1 1 auto;\r\n        -ms-flex: 1 1 auto;\r\n            flex: 1 1 auto;\r\n    display: -webkit-flex;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -ms-flex-line-pack: stretch;\r\n            -webkit-align-content: stretch;\r\n            align-content: stretch;\r\n    -webkit-align-items: stretch;\r\n        -ms-flex-align: stretch;\r\n            align-items: stretch;\r\n    -webkit-justify-content: space-evenly;\r\n        -ms-flex-pack: space-evenly;\r\n            justify-content: space-evenly;\n}\n.scroller-cell-v {\r\n    background-color: #9abacc;    \r\n    text-align: center;\r\n    line-height: 40px;\r\n    font-size: 9pt;\r\n    font-family: Arial;\r\n    color: #ffffff;\r\n    width: auto;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n   height: -webkit-fit-content;\r\n   height: -moz-fit-content;\r\n   height: fit-content;\r\n    padding: 4px;\r\n    margin: 3px;\n}\n.noselect {\r\n    -webkit-touch-callout: none;\r\n    /* iOS Safari */\r\n    -webkit-user-select: none;\r\n    /* Safari */\r\n    /* Konqueror HTML */\r\n    /* Old versions of Firefox */\r\n    -ms-user-select: none;\r\n    /* Internet Explorer/Edge */\r\n    user-select: none;\r\n    /* Non-prefixed version, currently\r\n                                    supported by Chrome, Edge, Opera and Firefox */\n}\n.scroller-scrollbar {\r\n    font-family: verdana;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0px;\r\n    right: 0px;\r\n    width: 12px;\n}\n.scroller-scrollbar-down {\r\n    background-color: #33ccaa;\r\n    bottom: 0;\r\n    cursor: pointer;\r\n    position: absolute;\r\n    right: 0;\r\n    border-radius: 10px;\r\n    width: 100%;\n}\n.scroller-scrollbar-thumb {\r\n    background-color: #22aabb;\r\n    cursor: pointer;\r\n    position: absolute;\r\n    right: 0;\r\n    border-radius: 10px;\r\n    width: 100%;\r\n    height: 30px;\n}\n.scroller-scrollbar-thumb-down {\r\n    background-color: #1199aa;\n}\n.scroller-scrollbar-thumb-over {\r\n    background-color: #33bbcc;\n}\n.scroller-scrollbar-track {\r\n    background-color: #dedede;\r\n    cursor: pointer;\r\n    height: 100%;\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    width: 100%;\n}\n.scroller-scrollbar-up {\r\n    background-color: #33ccaa;\r\n    cursor: pointer;\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    border-radius: 10px;\r\n    width: 100%;\n}\r\n"),l.render=function(e,n,r,o,l,a){return e.active?(t.openBlock(),t.createElementBlock("div",{key:0,id:e.scrollbarId,class:"scroller-scrollbar",style:t.normalizeStyle(["vertical"===e.orientation?{width:e.trackWidth+"px",height:"100%",top:"0px",right:"0px"}:{width:"100%",height:e.trackWidth+"px",bottom:"0px",right:"0px",top:"unset"}])},[t.createElementVNode("div",{class:"scroller-scrollbar-track",style:t.normalizeStyle(["vertical"===e.orientation?{width:e.trackWidth+"px",height:"100%",top:"0px",right:"0px"}:{width:"100%",height:e.trackWidth+"px",bottom:"0px",right:"0px",top:"unset"}])},null,4),t.createElementVNode("div",{class:"scroller-scrollbar-thumb",style:t.normalizeStyle(["vertical"===e.orientation?{width:"100%",height:"30px",top:e.scrollbarThumbPosition+"px",right:"0px"}:{width:"30px",height:"100%",bottom:"0px",right:e.scrollbarThumbPosition+"px",top:"unset"}])},null,4),t.createElementVNode("div",{class:"scroller-scrollbar-up",onClick:n[0]||(n[0]=function(t){return e.ScrollBackwardsClicked()}),style:t.normalizeStyle(["vertical"===e.orientation?{height:e.trackWidth+"px",width:"100%",top:"0px",right:"0px"}:{width:e.trackWidth+"px",height:"100%",bottom:"0px",top:"unset",left:"0px",right:"unset"}])},null,4),t.createElementVNode("div",{class:"scroller-scrollbar-down",onClick:n[1]||(n[1]=function(t){return e.ScrollForwardClicked()}),style:t.normalizeStyle(["vertical"===e.orientation?{height:e.trackWidth+"px",width:"100%"}:{width:e.trackWidth+"px",height:"100%"}])},null,4)],12,i)):t.createCommentVNode("",!0)};var c=t.defineComponent({name:"VScrollerRow",props:{gap:{type:Number,default:0},calculatedRowSize:{type:Number,default:0},orientation:{type:String,default:"vertical"},row:{type:Object,default:function(){return{cells:{},index:0,top:"0px",left:"0px",width:"0px"}}}},setup:function(e,n){var r=Math.floor(999999*Math.random())+1e6,o=t.ref("row_"+r),l=t.ref("row");return"horizontal"===e.orientation&&(l.value="column"),t.onMounted((function(){var e=document.getElementById(o.value);n.emit("on-rendered",e.clientHeight)})),{rowId:o,flexDirection:l}}}),s=["id"],d=["id"];c.render=function(e,n,r,o,l,i){return t.openBlock(),t.createElementBlock("div",{class:"scroller-row-v",id:e.rowId,style:t.normalizeStyle([{"margin-left":e.gap+"px"},{"background-color":"#eaeaea"},{top:e.row.top,left:e.row.left,width:e.row.width,height:e.row.height,"flex-direction":e.flexDirection}])},[t.renderSlot(e.$slots,"row",{data:e.row},(function(){return[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.row.cells,(function(n,r){return t.openBlock(),t.createElementBlock("div",{class:"scroller-cell-v",key:r,id:"item"+n.id,style:t.normalizeStyle([{left:n.left,top:n.top,"flex-basis":n.flexbasis}])},[t.renderSlot(e.$slots,"cell",{data:n},(function(){return[t.createElementVNode("span",null,t.toDisplayString(n.index),1)]}))],12,d)})),128))]}))],12,s)};var u=t.defineComponent({name:"VScroller",components:{VScrollerScrollBar:l,VScrollerRow:c},props:{modelValue:{type:Object,default:function(){return{}}},height:{type:Number,default:-1},orientation:{type:String,default:"vertical"},numberOfColumns:{type:Number,default:5},numberOfRows:{type:Number,default:5},sidegap:{type:Number,default:5},cellHeight:{type:Number,default:50},cellWidth:{type:Number,default:50},cellSquared:{type:Boolean,default:!1},scrollSpeed:{type:Number,default:6},isInfinite:{type:Boolean,default:!1},hasScrollbar:{type:Boolean,default:!0}},setup:function(e,n){var o=Math.floor(999999*Math.random())+1e6,l=t.ref("scroller_"+o),i=t.ref("container_"+o),a=t.ref("viewport_"+o),c=t.ref(e.cellWidth),s=t.ref(e.cellHeight),d=t.ref(0),u=t.ref({}),p=t.ref([]),f=t.ref([]),h=t.ref(0),v=t.ref({}),m=t.ref(e.cellHeight),g=d.value,b=1,w=0,y=0,x=0,k=0,S=0,O=0,z=0,B=0,I=0,j="",E=0,C=.95,V=0,M=null,N=null,W="Y",F=!1;d.value;var H=d.value,P=null,q=0,L=0,D=e.scrollSpeed,_={},R=s.value,T=0,Y=50,A=null,X={},K=null;function G(){var e=q*D,t=d.value;d.value+=-e,E=d.value-t}function $(){M&&(M.style.transform="translate"+W+"("+d.value+"px)",d.value==g?L=1:d.value>g&&(L=-1),function(t){if(N){var n=N.clientHeight,r=R+2*e.sidegap;"horizontal"===e.orientation&&(n=N.clientWidth),r=m.value;var o=0;if(0===t&&0!==L&&(t=L),-1===t)o=-x*r-d.value-n,I*r+d.value+parseInt(Y/T)>-parseInt(Y/T)*r&&U(t),o<-r&&J(t,R);else if(1===t){o=(y-1)*r+d.value-n,B*r+d.value-n+parseInt(Y/T)<parseInt(Y/T)*r+n&&U(t),o<0&&J(t,R)}}}(q),g=d.value)}function U(e){1===e?n.emit("on-update-data-next",(function(e){Y=Object.keys(e).length,O+=Object.keys(e).length,B+=parseInt(Object.keys(e).length/T);for(var t=0;t<Math.abs(w-z);t++)_[z+t]&&delete _[z+t];z=w,I=x,_=r(r({},e),_)}),w,O):n.emit("on-update-data-previous",(function(e){Y=Object.keys(e).length,z-=Object.keys(e).length,I-=parseInt(Object.keys(e).length/T);for(var t=0;t<Math.abs(b-O);t++)_[O+t]&&delete _[O+t];O=b,B=y,_=r(r({},e),_)}),z,b)}function J(t,n){if(Object.keys(_).length>0)if(1===t){for(var r=[],o=T-k,l=0;l<o;l++){_[b+l]&&_[b+l]&&r.push({id:_[b+l].id,item:null,index:b+l})}if(r.length>0)for(l=0;l<r.length;l++){0===k&&y++;var i=0,a=y*m.value,c=l*(n+2*e.sidegap),s=0;"horizontal"===e.orientation&&(i=y*m.value,a=0,c=0,s=l*(n+2*e.sidegap)),0===k&&Q(a,i,y);var d=r[l].index;u.value[d]={id:r[l].id};var p=ee();if(p&&(p.cells[d]||Z(s,c,d)),k++,b++,k>T-1){k=0;var f=!1;for(l=0;l<r.length;l++)delete u.value[w],w++,z++,f||(v.value[x]&&delete v.value[x],f=!0);x++,I++}}else 0===q&&0!==L&&(L=0);for(l=0;l<r.length;l++)delete _[r[l].index];r=[]}else{var h=T-S;for(r=[],l=1;l<=h;l++){null!=_[w-l]&&_[w-l]&&r.push({id:_[w-l].id,item:null,index:w-l})}if(r.length>0)for(l=0;l<r.length;l++){0===S&&x--;i=0;var g=x*m.value,j=(c=(T-1-S)*(n+2*e.sidegap),0);"horizontal"===e.orientation&&(i=x*m.value,g=0,c=0,j=(T-1-S)*(n+2*e.sidegap)),0===S&&Q(g,i,x);var E=r[l].index;u.value[E]={id:r[l].id};var C=ee();if(C&&(C.cells[E]||Z(j,c,E)),w--,++S>T-1){S=0;var V=!1;for(l=0;l<r.length;l++)u.value[b-1],delete u.value[b-1],b--,O--,V||(v.value[y]&&delete v.value[y],V=!0);y--,B--}}else 0===q&&0!==L&&(L=0);for(l=0;l<r.length;l++)r[l]&&delete _[r[l].index];r=[]}}function Q(t,n,r,o){var l=parseInt(R+2*e.sidegap)+"px",i="calc(100% - "+2*e.sidegap+"px)";"horizontal"===e.orientation&&(l="calc(100% - "+2*e.sidegap+"px)",i=parseInt(R+2*e.sidegap)+"px"),v.value[r]={index:r,top:t+"px",left:n+"px",width:i,height:l,cells:{}},K=v.value[r]}function Z(e,t,n){var r=e,o=t;ee().cells[n]={index:n,id:"item"+u.value[n].id,left:o+"px",flexbasis:100/T+"%",top:r+"px"}}function ee(){return K}function te(){cancelAnimationFrame(j),j=requestAnimationFrame(ne)}function ne(){d.value+=E,"horizontal"===e.orientation&&(C=.9),E*=C,Math.abs(E)>.5&&(j=requestAnimationFrame(ne))}return"horizontal"===e.orientation&&(W="X",m.value=e.cellWidth),window.addEventListener("wheel",(function(t){var n=Date.now()-V;D=2*e.scrollSpeed,n<10&&(D=6*e.scrollSpeed);var r=Math.sign(t.deltaY)*D,o=d.value;d.value+=-r,E=d.value-o,te(),V=Date.now()})),window.addEventListener("resize",(function(t){e.cellSquared&&(Object.keys(v.value).length>0&&(X=Object.assign({},v.value)),v.value={},m.value=N.clientWidth/T,"horizontal"===e.orientation&&(m.value=N.clientHeight/T),clearTimeout(A),A=setTimeout((function(){v.value=X}),500))})),t.watch((function(){return e.modelValue}),(function(t,n){0===Object.keys(u.value).length&&Object.keys(t).length>0&&(u.value=t,function(){b=Object.keys(u.value).reduce((function(e,t){return u.value[t]<u.value[e]?t:e})),w=b,y=-1,x=0,k=0,S=0,R=s.value,T=e.numberOfColumns,e.cellSquared&&(m.value=N.clientWidth/T),"horizontal"===e.orientation&&(R=c.value,T=e.numberOfRows,e.cellSquared&&(m.value=N.clientHeight/T));var t=parseInt(parseInt(Object.keys(u.value).length/2)/T)*(R+2*e.sidegap);for(var n in d.value-=t,u.value){0===k&&y++;var r=0,o=y*m.value,l=k*(R+2*e.sidegap),i=0;"horizontal"===e.orientation&&(r=y*m.value,o=0,l=0,i=k*(R+2*e.sidegap)),0===k&&Q(o,r,y);var a=ee();a&&(a.cells[n]||Z(i,l,n)),b++,++k>T-1&&(k=0)}O=b,z=w,B=y,I=x,M.style.transform="translate"+W+"("+d.value+"px) "}())}),{deep:!0}),t.onMounted((function(){console.log("onMounted"),M=document.getElementById(i.value),(N=document.getElementById(a.value)).addEventListener("mousedown",(function(t){F=!0,H=t.pageY,"horizontal"===e.orientation&&(H=t.pageX)})),document.addEventListener("mouseup",(function(e){F=!1,Math.abs(E)>30&&(E=30*Math.sign(E)),te()})),document.addEventListener("mousemove",(function(t){if(F){t.preventDefault();var n=t.pageY-H;"horizontal"===e.orientation?(n=t.pageX-H,H=t.pageX):H=t.pageY,E=n,d.value+=1*n}})),N.addEventListener("mouseleave",(function(e){F=!1})),setInterval((function(){$()}),5),n.emit("on-initilized")})),t.onBeforeUpdate((function(){f.value=[]})),{scrollerId:l,containerId:i,viewportId:a,cellWidthVal:c,cellHeightVal:s,translatePosition:d,cellsdata:u,alldata:v,cells:p,divs:f,scrollbarPosition:h,calculatedRowSize:m,renderKey:0,GetContainerHeight:function(){var t=e.height+"px";return-1===e.height&&(t="100%"),t},OnScrollBarChanged:function(t){D=e.scrollSpeed,(t<=30||t>70)&&(D=3*e.scrollSpeed),q=0,t<50?(q=-1,L=-1,"horizontal"===e.orientation&&(q=1,L=1)):t>50&&(q=1,L=1,"horizontal"===e.orientation&&(q=-1,L=-1)),0!==q?null===P&&(P=setInterval((function(){G()}),10)):(clearInterval(P),P=null)},onBackwardsClicked:function(){q=-1,L=-1,D=3*e.scrollSpeed,G(),te(),q=0,D=e.scrollSpeed},onForwardClicked:function(){q=1,L=1,D=3*e.scrollSpeed,G(),te(),q=0,D=e.scrollSpeed}}}}),p=["id"],f=["id"],h=["id"];a('\r\n/* @import "./scroller.css"; */\r\n'),u.render=function(e,n,r,o,l,i){var a=t.resolveComponent("VScrollerRow"),c=t.resolveComponent("VScrollerScrollBar");return t.openBlock(),t.createElementBlock("div",{id:e.scrollerId,class:"scroller noselect"},[t.createElementVNode("div",{id:e.viewportId,class:"scroller-viewport"},[(t.openBlock(),t.createElementBlock("div",{id:e.containerId,key:e.renderKey,class:"scroller-container",style:t.normalizeStyle([{height:e.GetContainerHeight()}])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.alldata,(function(n,r){return t.openBlock(),t.createBlock(a,{key:r,calculatedRowSize:e.calculatedRowSize,sidegap:e.sidegap,row:n,orientation:e.orientation},null,8,["calculatedRowSize","sidegap","row","orientation"])})),128))],12,h))],8,f),t.createVNode(c,{active:e.hasScrollbar,orientation:e.orientation,mode:e.isInfinite?"infinite":"normal",onOnChange:e.OnScrollBarChanged,onOnBackwardsClicked:e.onBackwardsClicked,onOnForwardClicked:e.onForwardClicked,viewportId:e.viewportId},null,8,["active","orientation","mode","onOnChange","onOnBackwardsClicked","onOnForwardClicked","viewportId"])],8,p)};var v=Object.freeze({__proto__:null,VScroller:u});const m={install(e){Object.entries(v).forEach((([t,n])=>{e.component(t,n)}))}};return e.VScroller=u,e.default=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},Vue);

dist/chronocraftscrollervue.esm.js

@@ -5,3 +5,3 @@
  // https://github.com/yannisraft/chronocraft-scroller-vue.git
- // v0.1.21
+ // v0.1.22
  // MIT License
@@ -1206,9 +1206,11 @@
 
-/* export { default as Scroller } from "./Scroller";
-export { default as VScroller } from "./VScroller";
-export { default as VScrollerScrollBar } from "./VScroller"; */
+//export { default as Scroller } from "./Scroller";
+//export { default as VScrollerRow } from "./VScroller";
+//export { default as VScrollerScrollBar } from "./VScroller";
+//import Scroller from './Scroller'
+//import VScroller from './VScroller'
 /* import VScrollerScrollBar from './VScroller'
 import VScrollerRow from './VScroller' */
 //export default { VScroller, VScrollerScrollBar, VScrollerRow };
-var index = { VScroller: script };
+//export default { VScroller };
 //export default { Scroller, VScroller };
@@ -1218,3 +1220,3 @@
   __proto__: null,
-  'default': index
+  VScroller: script
 });
@@ -1230,2 +1232,2 @@
 
-export { Plugin as default };
+export { script as VScroller, Plugin as default };

dist/cjs/index.js

@@ -5,14 +5,16 @@
  // https://github.com/yannisraft/chronocraft-scroller-vue.git
- // v0.1.21
+ // v0.1.22
  // MIT License
 
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var VScroller=require('./VScroller-0974144a.js');require('./style-inject.es-8d973ce5.js'),require('vue');/* export { default as Scroller } from "./Scroller";
-export { default as VScroller } from "./VScroller";
-export { default as VScrollerScrollBar } from "./VScroller"; */
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var VScroller=require('./VScroller-679ab22e.js');require('./style-inject.es-28cb9079.js'),require('vue');//export { default as Scroller } from "./Scroller";
+//export { default as VScrollerRow } from "./VScroller";
+//export { default as VScrollerScrollBar } from "./VScroller";
+//import Scroller from './Scroller'
+//import VScroller from './VScroller'
 /* import VScrollerScrollBar from './VScroller'
 import VScrollerRow from './VScroller' */
 //export default { VScroller, VScrollerScrollBar, VScrollerRow };
-var index = { VScroller: VScroller.s };
+//export default { VScroller };
 //export default { Scroller, VScroller };
-var components=/*#__PURE__*/Object.freeze({__proto__:null,'default':index});const Plugin = {
+var components=/*#__PURE__*/Object.freeze({__proto__:null,VScroller:VScroller.s});const Plugin = {
     install(app) {
@@ -23,2 +25,2 @@ Object.entries(components).forEach(([componentName, component]) => {
     }
-};exports["default"]=Plugin;
+};exports.VScroller=VScroller.s;exports["default"]=Plugin;

dist/cjs/VScroller.js

@@ -5,5 +5,5 @@
  // https://github.com/yannisraft/chronocraft-scroller-vue.git
- // v0.1.21
+ // v0.1.22
  // MIT License
 
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var VScroller=require('./VScroller-0974144a.js');require('./style-inject.es-8d973ce5.js'),require('vue');exports["default"]=VScroller.s;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var VScroller=require('./VScroller-679ab22e.js');require('./style-inject.es-28cb9079.js'),require('vue');exports["default"]=VScroller.s;

dist/components/VScroller/index.ts

@@ -5,3 +5,3 @@
  // https://github.com/yannisraft/chronocraft-scroller-vue.git
- // v0.1.21
+ // v0.1.22
  // MIT License
@@ -8,0 +8,0 @@

dist/esm/index.js

@@ -5,16 +5,19 @@
  // https://github.com/yannisraft/chronocraft-scroller-vue.git
- // v0.1.21
+ // v0.1.22
  // MIT License
 
-import { s as script } from './VScroller-2fffca4e.js';
-import './style-inject.es-b5ebe01c.js';
+import { s as script } from './VScroller-21749cc9.js';
+export { s as VScroller } from './VScroller-21749cc9.js';
+import './style-inject.es-019cb77d.js';
 import 'vue';
 
-/* export { default as Scroller } from "./Scroller";
-export { default as VScroller } from "./VScroller";
-export { default as VScrollerScrollBar } from "./VScroller"; */
+//export { default as Scroller } from "./Scroller";
+//export { default as VScrollerRow } from "./VScroller";
+//export { default as VScrollerScrollBar } from "./VScroller";
+//import Scroller from './Scroller'
+//import VScroller from './VScroller'
 /* import VScrollerScrollBar from './VScroller'
 import VScrollerRow from './VScroller' */
 //export default { VScroller, VScrollerScrollBar, VScrollerRow };
-var index = { VScroller: script };
+//export default { VScroller };
 //export default { Scroller, VScroller };
@@ -24,3 +27,3 @@
   __proto__: null,
-  'default': index
+  VScroller: script
 });
@@ -27,0 +30,0 @@

dist/esm/VScroller.js

@@ -5,8 +5,8 @@
  // https://github.com/yannisraft/chronocraft-scroller-vue.git
- // v0.1.21
+ // v0.1.22
  // MIT License
 
-import { s as script } from './VScroller-2fffca4e.js';
-export { s as default } from './VScroller-2fffca4e.js';
-import './style-inject.es-b5ebe01c.js';
+import { s as script } from './VScroller-21749cc9.js';
+export { s as default } from './VScroller-21749cc9.js';
+import './style-inject.es-019cb77d.js';
 import 'vue';

package.json

 {
   "name": "chronocraft-scroller-vue",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "private": false,
@@ -5,0 +5,0 @@ "description": "A Vue 3 Dynamic and Versatile High Performance Infinite Scroller Component",

src/components/index.ts

@@ -1,6 +0,7 @@
-/* export { default as Scroller } from "./Scroller";
+//export { default as Scroller } from "./Scroller";
 export { default as VScroller } from "./VScroller";
-export { default as VScrollerScrollBar } from "./VScroller"; */
+//export { default as VScrollerRow } from "./VScroller";
+//export { default as VScrollerScrollBar } from "./VScroller";
 //import Scroller from './Scroller'
-import VScroller from './VScroller'
+//import VScroller from './VScroller'
 /* import VScrollerScrollBar from './VScroller'
@@ -10,3 +11,3 @@ import VScrollerRow from './VScroller' */
 //export default { VScroller, VScrollerScrollBar, VScrollerRow };
-export default { VScroller };
+//export default { VScroller };
 //export default { Scroller, VScroller };

No alert changes

Improved metrics

Total package byte prevSize

2544494

increased by3.66%

Number of package files

105

increased by3.96%

Lines of code

38115

increased by6.19%

Worsened metrics

Number of low supply chain risk alerts

42

increased by5%

No dependency changes