Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
selecto - npm Package Compare versions
Comparing version 0.0.23 to 0.0.24
@@ -7,3 +7,3 @@ /* | ||
| repository: git+https://github.com/daybrush/selecto.git | ||
| version: 0.0.23 | ||
| version: 0.0.24 | ||
| */ | ||
@@ -10,0 +10,0 @@ 'use strict'; |
@@ -7,3 +7,3 @@ /* | ||
| repository: git+https://github.com/daybrush/selecto.git | ||
| version: 0.0.23 | ||
| version: 0.0.24 | ||
| */ | ||
@@ -10,0 +10,0 @@ import Component from '@egjs/component'; |
@@ -7,3 +7,3 @@ /* | ||
| repository: git+https://github.com/daybrush/selecto.git | ||
| version: 0.0.23 | ||
| version: 0.0.24 | ||
| */ | ||
@@ -10,0 +10,0 @@ (function (global, factory) { |
@@ -7,5 +7,5 @@ /* | ||
| repository: git+https://github.com/daybrush/selecto.git | ||
| version: 0.0.23 | ||
| version: 0.0.24 | ||
| */ | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("@egjs/component"),require("@daybrush/drag"),require("framework-utils"),require("@daybrush/utils"),require("@egjs/children-differ"),require("keycon"),require("css-styled")):"function"==typeof define&&define.amd?define(["@egjs/component","@daybrush/drag","framework-utils","@daybrush/utils","@egjs/children-differ","keycon","css-styled"],t):(e=e||self).Selecto=t(e.Component,e.Dragger,e.frameworkUtils,e.utils,e.ChildrenDiffer,e.KeyController,e.styled)}(this,function(e,s,a,f,y,l,t){"use strict";var c=function(e,t){return(c=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};var u=function(){return(u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function d(e,t){for(var n=[],r=2;r<arguments.length;r++)n[r-2]=arguments[r];var o=t||{},i=o.className,s=o.style;return{tag:e,className:void 0===i?"":i,style:void 0===s?{}:s,attributes:function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(o,["className","style"]),children:n}}function g(e,t,n){e!==t&&n(e,t)}var h=t("\n:host {\n position: fixed;\n display: none;\n border: 1px solid #4af;\n background: rgba(68, 170, 255, 0.5);\n z-index: 100;\n}\n"),p="selecto-selection "+h.className,n={target:null,container:null,dragContainer:null,selectableTargets:Array,selectByClick:Boolean,selectFromInside:Boolean,continueSelect:Boolean,toggleContinueSelect:Array,keyContainer:null,hitRate:Number},m=["selectableTargets","selectByClick","selectFromInside","continueSelect","toggleContinueSelect","keyContainer","hitRate"],r=function(t){function e(){this.constructor=n}var n,r;function o(e){void 0===e&&(e={});var p=t.call(this)||this;return p.selectedTargets=[],p.differ=new y,p.onDragStart=function(e,t){var n=e.datas,r=e.clientX,o=e.clientY,i=e.inputEvent,s=p.options,a=s.continueSelect,l=s.selectFromInside,c=p.getSelectableTargets(),u=c.map(function(e){var t=e.getBoundingClientRect(),n=t.left,r=t.top;return{left:n,top:r,right:n+t.width,bottom:r+t.height}});n.selectableTargets=c,n.selectableRects=u,n.startSelectedTargets=p.selectedTargets;var d=t||document.elementFromPoint(r,o),g=p.hitTest({left:r,top:o,right:r,bottom:o},r,o,c,u).filter(function(e){return e===d||e.contains(d)}),f=0<g.length;a?g=p.getSelectedTargets(g):p.selectedTargets=[];var h=i.type;return!(("mousedown"===h||"touchstart"===h)&&!p.trigger("dragStart",e))&&(p.select(g,i,!0),n.startX=r,n.startY=o,n.selectedTargets=g,p.target.style.cssText+="left:"+r+"px;top:"+o+"px",!(!l&&f)||(p.onDragEnd(e),i.preventDefault(),!1))},p.onDrag=function(e){var t=e.distX,n=e.distY,r=e.datas,o=e.inputEvent,i=r.startX,s=r.startY,a=Math.min(0,t),l=Math.min(0,n),c=Math.abs(t),u=Math.abs(n);p.target.style.cssText+="display: block;transform: translate("+a+"px, "+l+"px);width:"+c+"px;height:"+u+"px;";var d=i+a,g=s+l,f=p.hitTest({left:d,top:g,right:d+c,bottom:g+u},r.startX,r.startY,r.selectableTargets,r.selectableRects),h=p.getSelectedTargets(f);p.select(h,o),r.selectedTargets=h},p.onDragEnd=function(e){var t=e.datas,n=e.inputEvent;p.target.style.cssText+="display: none;",p.selecteEnd(t.startSelectedTargets,t.selectedTargets,n),p.selectedTargets=t.selectedTargets},p.onKeyDown=function(e){p.sameCombiKey(e)&&(p.continueSelect=!0,p.trigger("keydown",{}))},p.onKeyUp=function(e){p.sameCombiKey(e)&&(p.continueSelect=!1,p.trigger("keyup",{}))},p.onBlur=function(){p.toggleContinueSelect&&p.continueSelect&&p.trigger("keyup",{})},p.onDocumentSelectStart=function(e){if(p.dragger.isFlag()){var t=p.dragContainer;t===window&&(t=document.documentElement),t!==e.target&&!t.contains(e.target)||e.preventDefault()}},p.target=e.target,p.container=e.container,p.options=u({target:null,container:null,dragContainer:null,selectableTargets:[],selectByClick:!0,selectFromInside:!0,hitRate:100,continueSelect:!1,toggleContinueSelect:null,keyContainer:null},e),p.initElement(),p.setKeyController(),p}c(n=o,r=t),n.prototype=null===r?Object.create(r):(e.prototype=r.prototype,new e);var i=o.prototype;return i.setSelectedTargets=function(e){this.selectedTargets=e,this.differ=new y(e)},i.setKeyContainer=function(e){var t=this,n=this.options;g(n.keyContainer,e,function(){n.keyContainer=e,t.setKeyController()})},i.setToggleContinueSelect=function(e){var t=this,n=this.options;g(n.toggleContinueSelect,e,function(){n.toggleContinueSelect=e,t.setKeyEvent()})},i.destroy=function(){this.off(),this.keycon&&this.keycon.destroy(),this.dragger.unset(),this.injectResult.destroy(),f.removeEvent(document,"selectstart",this.onDocumentSelectStart),this.keycon=null,this.dragger=null,this.injectResult=null,this.target=null,this.container=null,this.options=null},i.click=function(e,t){var n=function(e){if("touches"in e){var t=e.touches[0];return{clientX:t.clientX,clientY:t.clientY}}return{clientX:e.clientX,clientY:e.clientY}}(e),r={datas:{},clientX:n.clientX,clientY:n.clientY,inputEvent:e};this.onDragStart(r,t)&&this.onDragEnd(r)},i.setKeyController=function(){var e=this.options,t=e.keyContainer,n=e.toggleContinueSelect;this.keycon&&(this.keycon.destroy(),this.keycon=null),n&&(this.keycon=new l(t||window),this.keycon.keydown(this.onKeyDown).keyup(this.onKeyUp).on("blur",this.onBlur))},i.setKeyEvent=function(){this.options.toggleContinueSelect&&!this.keycon&&this.setKeyController()},i.initElement=function(){this.target=function n(e,t,r){var o=e.tag,i=e.children,s=e.attributes,a=e.className,l=e.style,c=t||document.createElement(o);for(var u in s)c.setAttribute(u,s[u]);var d=c.children;if(i.forEach(function(e,t){n(e,d[t],c)}),a&&a.split(" ").forEach(function(e){f.hasClass(c,e)||f.addClass(c,e)}),l){var g=c.style;for(var u in l)g[u]=l[u]}return!t&&r&&r.appendChild(c),c}(d("div",{className:p}),this.target,this.container);var e=this.target;this.dragContainer=this.options.dragContainer||this.target.parentNode,this.dragger=new s(this.dragContainer,{container:window,preventDefault:!1,dragstart:this.onDragStart,drag:this.onDrag,dragend:this.onDragEnd}),f.addEvent(document,"selectstart",this.onDocumentSelectStart),this.injectResult=h.inject(e)},i.hitTest=function(e,f,h,p,t){var n=this.options,y=n.hitRate,m=n.selectByClick,v=e.left,b=e.top,S=e.right,C=e.bottom,T=[];return t.forEach(function(e,t){var n=e.left,r=e.top,o=e.right,i=e.bottom,s=n<=f&&f<=o&&r<=h&&h<=i,a=(o-n)*(i-r),l=Math.max(n,v),c=Math.min(o,S),u=Math.max(r,b),d=Math.min(i,C);if(m&&s)T.push(p[t]);else if(!(c<l||d<u)){var g=Math.round((c-l)*(d-u)/a*100);y<=g&&T.push(p[t])}}),T},i.getSelectableTargets=function(){var t=[];return this.options.selectableTargets.forEach(function(e){f.isObject(e)?t.push(e):[].slice.call(document.querySelectorAll(e)).forEach(function(e){t.push(e)})}),t},i.getSelectedTargets=function(e){var t=y.diff(this.selectedTargets,e),n=t.list,r=t.prevList,o=t.added,i=t.removed;return o.map(function(e){return n[e]}).concat(i.map(function(e){return r[e]}))},i.select=function(e,t,n){var r=this.differ.update(e),o=r.added,i=r.removed,s=r.prevList,a=r.list;n&&this.trigger("selectStart",{selected:e,added:o.map(function(e){return a[e]}),removed:i.map(function(e){return s[e]}),inputEvent:t}),(o.length||i.length)&&this.trigger("select",{selected:e,added:o.map(function(e){return a[e]}),removed:i.map(function(e){return s[e]}),inputEvent:t})},i.selecteEnd=function(e,t,n){var r=y.diff(e,t),o=r.added,i=r.removed,s=r.prevList,a=r.list,l=y.diff(this.selectedTargets,t),c=l.added,u=l.removed,d=l.prevList,g=l.list,f=n.type,h="mousedown"===f||"touchstart"===f;this.trigger("selectEnd",{selected:t,added:o.map(function(e){return a[e]}),removed:i.map(function(e){return s[e]}),afterAdded:c.map(function(e){return g[e]}),afterRemoved:u.map(function(e){return d[e]}),isDragStart:h,inputEvent:n})},i.sameCombiKey=function(e){var t=[].concat(this.options.toggleContinueSelect),n=l.getCombi(e.inputEvent,e.key);return t.every(function(e){return-1<n.indexOf(e)})},o=function(e,t,n,r){var o,i=arguments.length,s=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,r);else for(var a=e.length-1;0<=a;a--)(o=e[a])&&(s=(i<3?o(s):3<i?o(t,n,s):o(t,n))||s);return 3<i&&s&&Object.defineProperty(t,n,s),s}([a.Properties(m,function(e,t){var n={enumerable:!0,configurable:!0,get:function(){return this.options[t]}},r=f.camelize("set "+t);e[r]?n.set=function(e){this[r](e)}:n.set=function(e){this.options[t]=e},Object.defineProperty(e,t,n)})],o)}(e),o={__proto__:null,default:r,OPTIONS:["dragContainer","selectableTargets","selectByClick","selectFromInside","continueSelect","toggleContinueSelect","keyContainer","hitRate"],OPTION_TYPES:n,PROPERTIES:m,EVENTS:["dragStart","selectStart","select","selectEnd","keydown","keyup"],METHODS:["click","setSelectedTargets"],CLASS_NAME:p};for(var i in o)r[i]=o[i];return r}); | ||
| //# sourceMappingURL=selecto.min.js.map |
@@ -7,5 +7,5 @@ /* | ||
| repository: git+https://github.com/daybrush/selecto.git | ||
| version: 0.0.23 | ||
| version: 0.0.24 | ||
| */ | ||
| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Selecto=e()}(this,function(){"use strict";var c=function(t,e){return(c=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};var l=function(){return(l=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function a(t){return void 0===t}var t=function(){var t=function(){function t(){this._eventHandler={},this.options={}}var e=t.prototype;return e.trigger=function(t,e){void 0===e&&(e={});var n=this._eventHandler[t]||[];if(!(0<n.length))return!0;n=n.concat(),e.eventType=t;var i=!1,r=[e],o=0;e.stop=function(){i=!0},e.currentTarget=this;for(var s=arguments.length,a=new Array(2<s?s-2:0),c=2;c<s;c++)a[c-2]=arguments[c];for(1<=a.length&&(r=r.concat(a)),o=0;n[o];o++)n[o].apply(this,r);return!i},e.once=function(r,o){if("object"==typeof r&&a(o)){var t,e=r;for(t in e)this.once(t,e[t]);return this}if("string"==typeof r&&"function"==typeof o){var s=this;this.on(r,function t(){for(var e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];o.apply(s,n),s.off(r,t)})}return this},e.hasOn=function(t){return!!this._eventHandler[t]},e.on=function(t,e){if("object"==typeof t&&a(e)){var n,i=t;for(n in i)this.on(n,i[n]);return this}if("string"==typeof t&&"function"==typeof e){var r=this._eventHandler[t];a(r)&&(this._eventHandler[t]=[],r=this._eventHandler[t]),r.push(e)}return this},e.off=function(t,e){if(a(t))return this._eventHandler={},this;if(a(e)){if("string"==typeof t)return this._eventHandler[t]=void 0,this;var n,i=t;for(n in i)this.off(n,i[n]);return this}var r,o,s=this._eventHandler[t];if(s)for(r=0;void 0!==(o=s[r]);r++)if(o===e){s=s.splice(r,1);break}return this},t}();return t.VERSION="2.1.2",t}();function u(t,e,n,i){t.addEventListener(e,n,i)}function h(t,e,n){t.removeEventListener(e,n)}var f=function(){return(f=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function d(t,e,n,i){var r=C(t),o=C(e),s=C(i);return g(b(i[0],E(r,s)),b(i[0],E(o,s)),n[0])}function p(t){return t.touches?m(t.touches):[r(t)]}function g(t,e,n){var i=t.clientX,r=t.clientY;return{clientX:i,clientY:r,deltaX:i-e.clientX,deltaY:r-e.clientY,distX:i-n.clientX,distY:r-n.clientY}}function v(t){return Math.sqrt(Math.pow(t[0].clientX-t[1].clientX,2)+Math.pow(t[0].clientY-t[1].clientY,2))}function y(t,n,i){return t.map(function(t,e){return g(t,n[e],i[e])})}function m(t){for(var e=Math.min(t.length,2),n=[],i=0;i<e;++i)n.push(r(t[i]));return n}function r(t){return{clientX:t.clientX,clientY:t.clientY}}function C(t){return{clientX:(t[0].clientX+t[1].clientX)/2,clientY:(t[0].clientY+t[1].clientY)/2}}function b(t,e){return{clientX:t.clientX+e.clientX,clientY:t.clientY+e.clientY}}function E(t,e){return{clientX:t.clientX-e.clientX,clientY:t.clientY-e.clientY}}var k=function(){function t(t,e){var c=this;void 0===e&&(e={}),this.el=t,this.options={},this.flag=!1,this.pinchFlag=!1,this.datas={},this.isDrag=!1,this.isPinch=!1,this.isMouse=!1,this.isTouch=!1,this.prevClients=[],this.startClients=[],this.movement=0,this.startPinchClients=[],this.startDistance=0,this.customDist=[0,0],this.onDragStart=function(t){if(c.flag||!1!==t.cancelable){if((e=t).touches&&2<=e.touches.length){if(!c.flag&&t.touches.length!==t.changedTouches.length)return;c.pinchFlag||c.onPinchStart(t)}var e;if(!c.flag){var n=c.startClients[0]?c.startClients:p(t);c.customDist=[0,0],c.flag=!0,c.isDrag=!1,c.startClients=n,c.prevClients=n,c.datas={};var i=g(n[c.movement=0],c.prevClients[0],c.startClients[0]),r=c.options,o=r.dragstart,s=r.preventRightClick,a=r.preventDefault;(s&&3===t.which||!1===(o&&o(f({datas:c.datas,inputEvent:t},i))))&&(c.startClients=[],c.prevClients=[],c.flag=!1),c.flag&&a&&t.preventDefault()}}},this.onDrag=function(t,e){if(c.flag){var n=p(t);c.pinchFlag&&c.onPinch(t,n);var i=c.move([0,0],t,n);if(i&&(i.deltaX||i.deltaY)){var r=c.options.drag;r&&r(f({},i,{isScroll:!!e,inputEvent:t}))}}},this.onDragEnd=function(t){if(c.flag){c.pinchFlag&&c.onPinchEnd(t),c.flag=!1;var e=c.options.dragend,n=c.prevClients,i=c.startClients,r=c.pinchFlag?d(n,n,i,c.startPinchClients):g(n[0],n[0],i[0]);c.startClients=[],c.prevClients=[],e&&e(f({datas:c.datas,isDrag:c.isDrag,inputEvent:t},r))}},this.options=f({container:t,preventRightClick:!0,preventDefault:!0,pinchThreshold:0,events:["touch","mouse"]},e);var n=this.options,i=n.container,r=n.events;if(this.isTouch=-1<r.indexOf("touch"),this.isMouse=-1<r.indexOf("mouse"),this.customDist=[0,0],this.isMouse&&(u(t,"mousedown",this.onDragStart),u(i,"mousemove",this.onDrag),u(i,"mouseup",this.onDragEnd)),this.isTouch){var o={passive:!1};u(t,"touchstart",this.onDragStart,o),u(i,"touchmove",this.onDrag,o),u(i,"touchend",this.onDragEnd,o)}}var e=t.prototype;return e.isDragging=function(){return this.isDrag},e.isFlag=function(){return this.flag},e.isPinching=function(){return this.isPinch},e.scrollBy=function(e,n,t,i){void 0===i&&(i=!0),this.flag&&(this.startClients.forEach(function(t){t.clientX-=e,t.clientY-=n}),this.prevClients.forEach(function(t){t.clientX-=e,t.clientY-=n}),i&&this.onDrag(t,!0))},e.move=function(t,e,n){var i=t[0],r=t[1];void 0===n&&(n=this.prevClients);var o=this.customDist,s=this.prevClients,a=this.startClients,c=this.pinchFlag?d(n,s,a,this.startPinchClients):g(n[0],s[0],a[0]);o[0]+=i,o[1]+=r,c.deltaX+=i,c.deltaY+=r;var l=c.deltaX,u=c.deltaY;return c.distX+=o[0],c.distY+=o[1],this.movement+=Math.sqrt(l*l+u*u),this.prevClients=n,this.isDrag=!0,f({datas:this.datas},c,{isScroll:!1,inputEvent:e})},e.onPinchStart=function(t){var e,n,i=this.options,r=i.pinchstart,o=i.pinchThreshold;if(!(this.isDrag&&this.movement>o)){var s=m(t.changedTouches);if(this.pinchFlag=!0,(e=this.startClients).push.apply(e,s),(n=this.prevClients).push.apply(n,s),this.startDistance=v(this.prevClients),this.startPinchClients=this.prevClients.slice(),r){var a=this.prevClients,c=C(a),l=g(c,c,c);r(f({datas:this.datas,touches:y(a,a,a)},l,{inputEvent:t}))}}},e.onPinch=function(t,e){if(this.flag&&this.pinchFlag){this.isPinch=!0;var n=this.options.pinch;if(n){var i=this.prevClients,r=this.startClients,o=g(C(e),C(i),C(r)),s=v(e);n(f({datas:this.datas,touches:y(e,i,r),scale:s/this.startDistance,distance:s},o,{inputEvent:t}))}}},e.onPinchEnd=function(t){if(this.flag&&this.pinchFlag){var e=this.isPinch;this.isPinch=!1,this.pinchFlag=!1;var n=this.options.pinchend;if(n){var i=this.prevClients,r=this.startClients,o=g(C(i),C(i),C(r));n(f({datas:this.datas,isPinch:e,touches:y(i,i,r)},o,{inputEvent:t})),this.isPinch=!1,this.pinchFlag=!1}}},e.unset=function(){var t=this.el,e=this.options.container;this.isMouse&&(h(t,"mousedown",this.onDragStart),h(e,"mousemove",this.onDrag),h(e,"mouseup",this.onDragEnd)),this.isTouch&&(h(t,"touchstart",this.onDragStart),h(e,"touchmove",this.onDrag),h(e,"touchend",this.onDragEnd))},t}();var S=function(){function t(){this.keys=[],this.values=[]}var e=t.prototype;return e.get=function(t){return this.values[this.keys.indexOf(t)]},e.set=function(t,e){var n=this.keys,i=this.values,r=n.indexOf(t),o=-1===r?n.length:r;n[o]=t,i[o]=e},t}(),w=function(){function t(){this.object={}}var e=t.prototype;return e.get=function(t){return this.object[t]},e.set=function(t,e){this.object[t]=e},t}(),D="function"==typeof Map,o=function(){function t(){}var e=t.prototype;return e.connect=function(t,e){this.prev=t,this.next=e,t&&(t.next=this),e&&(e.prev=this)},e.disconnect=function(){var t=this.prev,e=this.next;t&&(t.next=e),e&&(e.prev=t)},e.getIndex=function(){for(var t=this,e=-1;t;)t=t.prev,++e;return e},t}();var O=function(){function t(t,e,n,i,r,o,s,a){this.prevList=t,this.list=e,this.added=n,this.removed=i,this.changed=r,this.maintained=o,this.changedBeforeAdded=s,this.fixed=a}var e=t.prototype;return Object.defineProperty(e,"ordered",{get:function(){return this.cacheOrdered||this.caculateOrdered(),this.cacheOrdered},enumerable:!0,configurable:!0}),Object.defineProperty(e,"pureChanged",{get:function(){return this.cachePureChanged||this.caculateOrdered(),this.cachePureChanged},enumerable:!0,configurable:!0}),e.caculateOrdered=function(){var t,n,a,c,e=(t=this.changedBeforeAdded,n=this.fixed,a=[],c=[],t.forEach(function(t){var e=t[0],n=t[1],i=new o;a[e]=i,c[n]=i}),a.forEach(function(t,e){t.connect(a[e-1])}),t.filter(function(t,e){return!n[e]}).map(function(t,e){var n=t[0],i=t[1];if(n===i)return[0,0];var r=a[n],o=c[i-1],s=r.getIndex();return r.disconnect(),o?r.connect(o,o.next):r.connect(void 0,a[0]),[s,r.getIndex()]})),l=this.changed,u=[];this.cacheOrdered=e.filter(function(t,e){var n=t[0],i=t[1],r=l[e],o=r[0],s=r[1];if(n!==i)return u.push([o,s]),!0}),this.cachePureChanged=u},t}();function i(t,e,n){var i=D?Map:n?w:S,r=n||function(t){return t},o=[],s=[],a=[],c=t.map(r),l=e.map(r),u=new i,h=new i,f=[],d=[],p={},g=[],v=0,y=0;return c.forEach(function(t,e){u.set(t,e)}),l.forEach(function(t,e){h.set(t,e)}),c.forEach(function(t,e){var n=h.get(t);void 0===n?(++y,s.push(e)):p[n]=y}),l.forEach(function(t,e){var n=u.get(t);void 0===n?(o.push(e),++v):(a.push([n,e]),y=p[e]||0,f.push([n-y,e-v]),d.push(e===n),n!==e&&g.push([n,e]))}),s.reverse(),new O(t,e,o,s,g,a,f,d)}var s=function(t,e){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};var e,T="function"==typeof Map?void 0:(e=0,function(t){return t.__DIFF_KEY__||(t.__DIFF_KEY__=++e)}),_=function(e){function t(){this.constructor=n}var n,i;function r(t){return void 0===t&&(t=[]),e.call(this,t,T)||this}return s(n=r,i=e),n.prototype=null===i?Object.create(i):(t.prototype=i.prototype,new t),r}(function(){function t(t,e){void 0===t&&(t=[]),this.findKeyCallback=e,this.list=[].slice.call(t)}return t.prototype.update=function(t){var e=[].slice.call(t),n=i(this.list,e,this.findKeyCallback);return this.list=e,n},t}());function K(t,e){return i(t,e,T)}var P=function(t,e){return(P=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};var n,x=(function(t,e){function n(t){if(t&&"object"==typeof t){var e=t.which||t.keyCode||t.charCode;e&&(t=e)}if("number"==typeof t)return s[t];var n,i=String(t);return(n=r[i.toLowerCase()])?n:(n=o[i.toLowerCase()])||(1===i.length?i.charCodeAt(0):void 0)}n.isEventKey=function(t,e){if(t&&"object"==typeof t){var n=t.which||t.keyCode||t.charCode;if(null==n)return!1;if("string"==typeof e){var i;if(i=r[e.toLowerCase()])return i===n;if(i=o[e.toLowerCase()])return i===n}else if("number"==typeof e)return e===n;return!1}};var r=(e=t.exports=n).code=e.codes={backspace:8,tab:9,enter:13,shift:16,ctrl:17,alt:18,"pause/break":19,"caps lock":20,esc:27,space:32,"page up":33,"page down":34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,command:91,"left command":91,"right command":93,"numpad *":106,"numpad +":107,"numpad -":109,"numpad .":110,"numpad /":111,"num lock":144,"scroll lock":145,"my computer":182,"my calculator":183,";":186,"=":187,",":188,"-":189,".":190,"/":191,"`":192,"[":219,"\\":220,"]":221,"'":222},o=e.aliases={windows:91,"⇧":16,"⌥":18,"⌃":17,"⌘":91,ctl:17,control:17,option:18,pause:19,break:19,caps:20,return:13,escape:27,spc:32,spacebar:32,pgup:33,pgdn:34,ins:45,del:46,cmd:91};for(i=97;i<123;i++)r[String.fromCharCode(i)]=i-32;for(var i=48;i<58;i++)r[i-48]=i;for(i=1;i<13;i++)r["f"+i]=i+111;for(i=0;i<10;i++)r["numpad "+i]=i+96;var s=e.names=e.title={};for(i in r)s[r[i]]=i;for(var a in o)r[a]=o[a]}(n={exports:{}},n.exports),n.exports),j=(x.code,x.codes,x.aliases,x.names);x.title;function Y(t){return Array.isArray(t)}function X(t){return"string"==typeof t}function M(t,e,n,i){t.addEventListener(e,n,i)}function F(t,e,n){t.removeEventListener(e,n)}var R,A={"+":"plus","left command":"meta","right command":"meta"},L={shift:1,ctrl:2,alt:3,meta:4};function N(t){var e=j[t]||"";for(var n in A)e=e.replace(n,A[n]);return e.replace(/\s/g,"")}function B(t,e){void 0===e&&(e=N(t.keyCode));var n=[t.shiftKey&&"shift",t.ctrlKey&&"ctrl",t.altKey&&"alt",t.metaKey&&"meta"];return-1===n.indexOf(e)&&n.push(e),n.filter(Boolean)}function I(t){var e=t.slice();return e.sort(function(t,e){return(L[t]||5)-(L[e]||5)}),e}var H=function(n){function t(){this.constructor=e}var e,i;function r(t){void 0===t&&(t=window);var e=n.call(this)||this;return e.container=t,e.ctrlKey=!1,e.altKey=!1,e.shiftKey=!1,e.metaKey=!1,e.clear=function(){return e.ctrlKey=!1,e.altKey=!1,e.shiftKey=!1,e.metaKey=!1,e},e.keydownEvent=function(t){e.triggerEvent("keydown",t)},e.keyupEvent=function(t){e.triggerEvent("keyup",t)},e.blur=function(){e.clear(),e.trigger("blur")},M(t,"blur",e.blur),M(t,"keydown",e.keydownEvent),M(t,"keyup",e.keyupEvent),e}P(e=r,i=n),e.prototype=null===i?Object.create(i):(t.prototype=i.prototype,new t);var o=r.prototype;return Object.defineProperty(r,"global",{get:function(){return R=R||new r},enumerable:!0,configurable:!0}),r.setGlobal=function(){return this.global},o.destroy=function(){var t=this.container;this.clear(),this.off(),F(t,"blur",this.blur),F(t,"keydown",this.keydownEvent),F(t,"keyup",this.keyupEvent)},o.keydown=function(t,e){return this.addEvent("keydown",t,e)},o.offKeydown=function(t,e){return this.removeEvent("keydown",t,e)},o.offKeyup=function(t,e){return this.removeEvent("keyup",t,e)},o.keyup=function(t,e){return this.addEvent("keyup",t,e)},o.addEvent=function(t,e,n){return Y(e)?this.on(t+"."+I(e).join("."),n):X(e)?this.on(t+"."+e,n):this.on(t,e),this},o.removeEvent=function(t,e,n){return Y(e)?this.off(t+"."+I(e).join("."),n):X(e)?this.off(t+"."+e,n):this.off(t,e),this},o.triggerEvent=function(t,e){this.ctrlKey=e.ctrlKey,this.shiftKey=e.shiftKey,this.altKey=e.altKey,this.metaKey=e.metaKey;var n=N(e.keyCode),i={key:n,isToggle:"ctrl"===n||"shift"===n||"meta"===n||"alt"===n,inputEvent:e,keyCode:e.keyCode,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey,metaKey:e.metaKey};this.trigger(t,i),this.trigger(t+"."+n,i);var r=B(e,n);1<r.length&&this.trigger(t+"."+r.join("."),i)},r}(t);function q(t,e,n){var i=t.tag,r=t.children,o=t.attributes,s=t.className,a=t.style,c=e||document.createElement(i);for(var l in o)c.setAttribute(l,o[l]);var u=c.children;if(r.forEach(function(t,e){q(t,u[e],c)}),s&&s.split(" ").forEach(function(t){var e,n,i,r;r=t,((i=c).classList?i.classList.contains(r):i.className.match(new RegExp("(\\s|^)"+r+"(\\s|$)")))||(n=t,(e=c).classList?e.classList.add(n):e.className+=" "+n)}),a){var h=c.style;for(var l in a)h[l]=a[l]}return!e&&n&&n.appendChild(c),c}function U(t,e){for(var n=[],i=2;i<arguments.length;i++)n[i-2]=arguments[i];var r=e||{},o=r.className,s=r.style;return{tag:t,className:void 0===o?"":o,style:void 0===s?{}:s,attributes:function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(n[i[r]]=t[i[r]])}return n}(r,["className","style"]),children:n}}function z(t,e,n){t!==e&&n(t,e)}function V(i,t,e){var n=document.createElement("style");return n.setAttribute("type","text/css"),n.innerHTML=t.replace(/([^}{]*){/gm,function(t,e){return((n=e.match(/("[^"]*"|'[^']*'|[^,\s()]*\((?:[^()]*|\([^()]*\))*\)[^,\s()]*|[^,])+/g))?n.map(function(t){return t.trim()}):[]).map(function(t){return-1<t.indexOf(":global")?t.replace(/\:global/g,""):-1<t.indexOf(":host")?""+t.replace(/\:host/g,"."+i):"."+i+" "+t}).join(", ")+"{";var n}),(e||document.head||document.body).appendChild(n),n}var G,$,J,Q,W=(J="rCS"+function(t){for(var e=5381,n=t.length;n;)e=33*e^t.charCodeAt(--n);return e>>>0}(G="\n:host {\n position: fixed;\n display: none;\n border: 1px solid #4af;\n background: rgba(68, 170, 255, 0.5);\n z-index: 100;\n}\n").toString(36),Q=0,{className:J,inject:function(t){var e,n=function(t){if(t.getRootNode){var e=t.getRootNode();if(11===e.nodeType)return e}}(t),i=0===Q;return(n||i)&&(e=V(J,G,n)),i&&($=e),n||++Q,{destroy:function(){n?(t.removeChild(e),e=null):(0<Q&&--Q,0===Q&&$&&($.parentNode.removeChild($),$=null))}}}}),Z="selecto-selection "+W.className,tt={target:null,container:null,dragContainer:null,selectableTargets:Array,selectByClick:Boolean,selectFromInside:Boolean,continueSelect:Boolean,toggleContinueSelect:Array,keyContainer:null,hitRate:Number},et=["selectableTargets","selectByClick","selectFromInside","continueSelect","toggleContinueSelect","keyContainer","hitRate"],nt=function(e){function t(){this.constructor=n}var n,i;function r(t){void 0===t&&(t={});var g=e.call(this)||this;return g.selectedTargets=[],g.differ=new _,g.onDragStart=function(t,e){var n=t.datas,i=t.clientX,r=t.clientY,o=t.inputEvent,s=g.options,a=s.continueSelect,c=s.selectFromInside,l=g.getSelectableTargets(),u=l.map(function(t){var e=t.getBoundingClientRect(),n=e.left,i=e.top;return{left:n,top:i,right:n+e.width,bottom:i+e.height}});n.selectableTargets=l,n.selectableRects=u,n.startSelectedTargets=g.selectedTargets;var h=e||document.elementFromPoint(i,r),f=g.hitTest({left:i,top:r,right:i,bottom:r},i,r,l,u).filter(function(t){return t===h||t.contains(h)}),d=0<f.length;a?f=g.getSelectedTargets(f):g.selectedTargets=[];var p=o.type;return!(("mousedown"===p||"touchstart"===p)&&!g.trigger("dragStart",t))&&(g.select(f,o,!0),n.startX=i,n.startY=r,n.selectedTargets=f,g.target.style.cssText+="left:"+i+"px;top:"+r+"px",!(!c&&d)||(g.onDragEnd(t),o.preventDefault(),!1))},g.onDrag=function(t){var e=t.distX,n=t.distY,i=t.datas,r=t.inputEvent,o=i.startX,s=i.startY,a=Math.min(0,e),c=Math.min(0,n),l=Math.abs(e),u=Math.abs(n);g.target.style.cssText+="display: block;transform: translate("+a+"px, "+c+"px);width:"+l+"px;height:"+u+"px;";var h=o+a,f=s+c,d=g.hitTest({left:h,top:f,right:h+l,bottom:f+u},i.startX,i.startY,i.selectableTargets,i.selectableRects),p=g.getSelectedTargets(d);g.select(p,r),i.selectedTargets=p},g.onDragEnd=function(t){var e=t.datas,n=t.inputEvent;g.target.style.cssText+="display: none;",g.selecteEnd(e.startSelectedTargets,e.selectedTargets,n),g.selectedTargets=e.selectedTargets},g.onKeyDown=function(t){g.sameCombiKey(t)&&(g.continueSelect=!0,g.trigger("keydown",{}))},g.onKeyUp=function(t){g.sameCombiKey(t)&&(g.continueSelect=!1,g.trigger("keyup",{}))},g.onBlur=function(){g.toggleContinueSelect&&g.continueSelect&&g.trigger("keyup",{})},g.onDocumentSelectStart=function(t){if(g.dragger.isFlag()){var e=g.dragContainer;e===window&&(e=document.documentElement),e!==t.target&&!e.contains(t.target)||t.preventDefault()}},g.target=t.target,g.container=t.container,g.options=l({target:null,container:null,dragContainer:null,selectableTargets:[],selectByClick:!0,selectFromInside:!0,hitRate:100,continueSelect:!1,toggleContinueSelect:null,keyContainer:null},t),g.initElement(),g.setKeyController(),g}c(n=r,i=e),n.prototype=null===i?Object.create(i):(t.prototype=i.prototype,new t);var o,s,a=r.prototype;return a.setSelectedTargets=function(t){this.selectedTargets=t,this.differ=new _(t)},a.setKeyContainer=function(t){var e=this,n=this.options;z(n.keyContainer,t,function(){n.keyContainer=t,e.setKeyController()})},a.setToggleContinueSelect=function(t){var e=this,n=this.options;z(n.toggleContinueSelect,t,function(){n.toggleContinueSelect=t,e.setKeyEvent()})},a.destroy=function(){this.off(),this.keycon&&this.keycon.destroy(),this.dragger.unset(),this.injectResult.destroy(),h(document,"selectstart",this.onDocumentSelectStart),this.keycon=null,this.dragger=null,this.injectResult=null,this.target=null,this.container=null,this.options=null},a.click=function(t,e){var n=function(t){if("touches"in t){var e=t.touches[0];return{clientX:e.clientX,clientY:e.clientY}}return{clientX:t.clientX,clientY:t.clientY}}(t),i={datas:{},clientX:n.clientX,clientY:n.clientY,inputEvent:t};this.onDragStart(i,e)&&this.onDragEnd(i)},a.setKeyController=function(){var t=this.options,e=t.keyContainer,n=t.toggleContinueSelect;this.keycon&&(this.keycon.destroy(),this.keycon=null),n&&(this.keycon=new H(e||window),this.keycon.keydown(this.onKeyDown).keyup(this.onKeyUp).on("blur",this.onBlur))},a.setKeyEvent=function(){this.options.toggleContinueSelect&&!this.keycon&&this.setKeyController()},a.initElement=function(){this.target=q(U("div",{className:Z}),this.target,this.container);var t=this.target;this.dragContainer=this.options.dragContainer||this.target.parentNode,this.dragger=new k(this.dragContainer,{container:window,preventDefault:!1,dragstart:this.onDragStart,drag:this.onDrag,dragend:this.onDragEnd}),u(document,"selectstart",this.onDocumentSelectStart),this.injectResult=W.inject(t)},a.hitTest=function(t,d,p,g,e){var n=this.options,v=n.hitRate,y=n.selectByClick,m=t.left,C=t.top,b=t.right,E=t.bottom,k=[];return e.forEach(function(t,e){var n=t.left,i=t.top,r=t.right,o=t.bottom,s=n<=d&&d<=r&&i<=p&&p<=o,a=(r-n)*(o-i),c=Math.max(n,m),l=Math.min(r,b),u=Math.max(i,C),h=Math.min(o,E);if(y&&s)k.push(g[e]);else if(!(l<c||h<u)){var f=Math.round((l-c)*(h-u)/a*100);v<=f&&k.push(g[e])}}),k},a.getSelectableTargets=function(){var n=[];return this.options.selectableTargets.forEach(function(t){var e;(e=t)&&"object"==typeof e?n.push(t):[].slice.call(document.querySelectorAll(t)).forEach(function(t){n.push(t)})}),n},a.getSelectedTargets=function(t){var e=K(this.selectedTargets,t),n=e.list,i=e.prevList,r=e.added,o=e.removed;return r.map(function(t){return n[t]}).concat(o.map(function(t){return i[t]}))},a.select=function(t,e,n){var i=this.differ.update(t),r=i.added,o=i.removed,s=i.prevList,a=i.list;n&&this.trigger("selectStart",{selected:t,added:r.map(function(t){return a[t]}),removed:o.map(function(t){return s[t]}),inputEvent:e}),(r.length||o.length)&&this.trigger("select",{selected:t,added:r.map(function(t){return a[t]}),removed:o.map(function(t){return s[t]}),inputEvent:e})},a.selecteEnd=function(t,e,n){var i=K(t,e),r=i.added,o=i.removed,s=i.prevList,a=i.list,c=K(this.selectedTargets,e),l=c.added,u=c.removed,h=c.prevList,f=c.list,d=n.type,p="mousedown"===d||"touchstart"===d;this.trigger("selectEnd",{selected:e,added:r.map(function(t){return a[t]}),removed:o.map(function(t){return s[t]}),afterAdded:l.map(function(t){return f[t]}),afterRemoved:u.map(function(t){return h[t]}),isDragStart:p,inputEvent:n})},a.sameCombiKey=function(t){var e=[].concat(this.options.toggleContinueSelect),n=B(t.inputEvent,t.key);return e.every(function(t){return-1<n.indexOf(t)})},r=function(t,e,n,i){var r,o=arguments.length,s=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,i);else for(var a=t.length-1;0<=a;a--)(r=t[a])&&(s=(o<3?r(s):3<o?r(e,n,s):r(e,n))||s);return 3<o&&s&&Object.defineProperty(e,n,s),s}([(o=et,s=function(t,e){var n={enumerable:!0,configurable:!0,get:function(){return this.options[e]}},i=("set "+e).replace(/[\s-_]([a-z])/g,function(t,e){return e.toUpperCase()});t[i]?n.set=function(t){this[i](t)}:n.set=function(t){this.options[e]=t},Object.defineProperty(t,e,n)},function(t){var e=t.prototype;o.forEach(function(t){s(e,t)})})],r)}(t),it={__proto__:null,default:nt,OPTIONS:["dragContainer","selectableTargets","selectByClick","selectFromInside","continueSelect","toggleContinueSelect","keyContainer","hitRate"],OPTION_TYPES:tt,PROPERTIES:et,EVENTS:["dragStart","selectStart","select","selectEnd","keydown","keyup"],METHODS:["click","setSelectedTargets"],CLASS_NAME:Z};for(var rt in it)nt[rt]=it[rt];return nt}); | ||
| //# sourceMappingURL=selecto.pkgd.min.js.map |
| { | ||
| "name": "selecto", | ||
| "version": "0.0.23", | ||
| "version": "0.0.24", | ||
| "description": "Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.", | ||
@@ -17,3 +17,6 @@ "main": "./dist/selecto.cjs.js", | ||
| "release:init": "npm run build && npm run doc && release -i --dirs=dist,doc", | ||
| "packages": "pvu --path=packages --packages=react-selecto,ngx-selecto/projects/ngx-selecto,svelte-selecto,lit-selecto" | ||
| "packages": "npm run packages:update && npm run packages:build && npm run packages:publish", | ||
| "packages:update": "pvu --update=react-selecto,ngx-selecto/projects/ngx-selecto,svelte-selecto,lit-selecto", | ||
| "packages:build": "pvu --build=react-selecto,ngx-selecto,svelte-selecto,lit-selecto", | ||
| "packages:publish": "pvu --publish=react-selecto,ngx-selecto/dist/ngx-selecto,svelte-selecto,lit-selecto" | ||
| }, | ||
@@ -43,5 +46,11 @@ "keywords": [ | ||
| "css-styled": "^0.1.7", | ||
| "framework-utils": "^0.3.0", | ||
| "framework-utils": "^0.3.4", | ||
| "keycon": "^0.8.0" | ||
| }, | ||
| "peerDependencies": { | ||
| "framework-utils": ">=0.3.3", | ||
| "keycon": ">=0.8.0", | ||
| "css-styled": ">=0.1.7", | ||
| "@daybrush/drag": ">=0.12.0" | ||
| }, | ||
| "devDependencies": { | ||
@@ -55,3 +64,3 @@ "@daybrush/builder": "^0.1.2", | ||
| "print-sizes": "^0.1.0", | ||
| "pvu": "^0.1.3", | ||
| "pvu": "^0.3.1", | ||
| "tslint": "^5.20.1", | ||
@@ -58,0 +67,0 @@ "typescript": "^3.7.4" |
| <p align="middle" >Logo</p> | ||
| <p align="middle" ><img src="./demo/images/logo.png" /></p> | ||
| <h2 align="middle">Selecto.js</h2> | ||
@@ -8,7 +8,22 @@ <p align="middle"> | ||
| <a href="https://github.com/daybrush/selecto/blob/master/LICENSE" target="_blank"><img src="https://img.shields.io/github/license/daybrush/selecto.svg?style=flat-square&label=license&color=08CE5D"/></a> | ||
| <a href="https://github.com/daybrush/selecto/tree/master/packages/react-selecto" target="_blank"><img alt="React" src="https://img.shields.io/static/v1.svg?label=&message=React&style=flat-square&color=61daeb"></a> | ||
| <a href="https://github.com/daybrush/selecto/tree/master/packages/preact-selecto" target="_blank"><img alt="Preact" src="https://img.shields.io/static/v1.svg?label=&message=Preact&style=flat-square&color=673ab8"></a> | ||
| <a href="https://github.com/daybrush/selecto/tree/master/packages/ngx-selecto" target="_blank"><img alt="Angular" src="https://img.shields.io/static/v1.svg?label=&message=Angular&style=flat-square&color=C82B38"></a> | ||
| <a href="https://github.com/daybrush/selecto/tree/master/packages/vue-selecto" target="_blank"><img | ||
| alt="Vue" | ||
| src="https://img.shields.io/static/v1.svg?label=&message=Vue&style=flat-square&color=3fb984"></a> | ||
| <a href="https://github.com/daybrush/selecto/tree/master/packages/svelte-selecto" target="_blank"><img | ||
| alt="Svelte" | ||
| src="https://img.shields.io/static/v1.svg?label=&message=Svelte&style=flat-square&color=C82B38"></a> | ||
| <a href="https://github.com/daybrush/selecto/tree/master/packages/lit-selecto" target="_blank"><img | ||
| alt="Lit" | ||
| src="https://img.shields.io/static/v1.svg?label=&message=Lit&style=flat-square&color=4E8EE0"></a> | ||
| </p> | ||
| <p align="middle">Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.</p> | ||
| ## 📄 API Documents | ||
| * [API documentation](https://daybrush.com/selecto/release/latest/doc/) | ||
| <p align="middle"> | ||
| <a href="https://daybrush.com/selecto" target="_blank"><strong>Demo</strong></a> / | ||
| <a href="https://daybrush.com/selecto/release/latest/doc/" target="_blank"><strong>API</strong></a> / | ||
| <a href="https://github.com/daybrush/scenejs-editor" target="_blank"><strong>Main Project</strong></a> | ||
| </p> | ||
@@ -49,3 +64,3 @@ ## ⚙️ Installation | ||
| // The rate at which the target overlaps the drag area to be selected. (default: 100) | ||
| hitRate: number; | ||
| hitRate: 100; | ||
| }); | ||
@@ -63,2 +78,13 @@ | ||
| ## 📦 Packages | ||
| |Package Name| Version |Description| | ||
| |---|---|---| | ||
| |[**react-selecto**](https://github.com/daybrush/selecto/tree/master/packages/react-selecto)|[](https://npmjs.com/package/react-selecto)|A React Selecto Component that allows you to select elements in the drag area using the mouse or touch.| | ||
| |[**ngx-selecto**](https://github.com/daybrush/selecto/tree/master/packages/ngx-selecto)|[](https://npmjs.com/package/ngx-selecto)|An Angular Selecto Component that allows you to select elements in the drag area using the mouse or touch.| | ||
| |[**vue-selecto**](https://github.com/daybrush/selecto/tree/master/packages/vue-selecto)|[](https://npmjs.com/package/vue-selecto)|A Vue Selecto Component that allows you to select elements in the drag area using the mouse or touch.| | ||
| |[**preact-selecto**](https://github.com/daybrush/selecto/tree/master/packages/preact-selecto)|[](https://npmjs.com/package/preact-selecto)|A Preact Selecto Component that allows you to select elements in the drag area using the mouse or touch.| | ||
| |[**svelte-selecto**](https://github.com/daybrush/selecto/tree/master/packages/svelte-selecto)|[](https://npmjs.com/package/svelte-selecto)|A Svelte Selecto Component that allows you to select elements in the drag area using the mouse or touch.| | ||
| |[**lit-selecto**](https://github.com/daybrush/selecto/tree/master/packages/lit-selecto)|[](https://npmjs.com/package/lit-selecto)|A Lit Selecto Component that allows you to select elements in the drag area using the mouse or touch.| | ||
| ## ⭐️ Show Your Support | ||
@@ -65,0 +91,0 @@ Please give a ⭐️ if this project helped you! |
Sorry, the diff of this file is too big to display
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.86%
481684
- Number of package files
- increased by2.94%
35
- Number of lines in readme file
- increased by26.26%
125
Worsened metrics
- Dependency count
- increased by57.14%
11
Dependency changes
Updatedframework-utils@^0.3.4