aesth-vue-range-input - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

dist/aesth-vue-range-input.esm.js

@@ -1,1 +0,1 @@
-!function(e,r){void 0===r&&(r={});var t=r.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}('\ninput {\n  position: relative;\n  -webkit-appearance: none;\n  margin: 0;\n  padding: 5px 0;\n  height: 19px;\n  width: var(--range-width);\n}\ninput:focus-visible {\n  outline: 2px solid var(--progress-color);\n}\ninput::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: var(--track-color);\n}\ninput::before {\n  position: absolute;\n  content: "";\n  top: 13px;\n  left: 0;\n  width: var(--webkit-progress);\n  height: 3px;\n  background-color: var(--progress-color);\n  cursor: pointer;\n}\ninput::-webkit-slider-thumb {\n  position: relative;\n  -webkit-appearance: none;\n  box-sizing: content-box;\n  border: 1px solid var(--thumb-border-color);\n  height: var(--thumb-size);\n  width: var(--thumb-size);\n  border-radius: var(--thumb-border-radius);\n  background-color: #fff;\n  cursor: pointer;\n  margin: calc((var(--thumb-size) / 2) - var(--thumb-size)) 0 0 0;\n}\ninput:active::-webkit-slider-thumb {\n  transform: scale(1.2);\n  background: var(--thumb-border-color);\n}\ninput::-moz-range-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: var(--track-color);\n}\ninput::-moz-range-progress {\n  height: 3px;\n  background-color: var(--progress-color);\n}\ninput::-moz-focus-outer {\n  border: 0;\n}\ninput::-moz-range-thumb {\n  box-sizing: content-box;\n  border: 1px solid var(--thumb-border-color);\n  height: var(--thumb-size);\n  width: var(--thumb-size);\n  border-radius: var(--thumb-border-radius);\n  background-color: #fff;\n  cursor: pointer;\n}\ninput:active::-moz-range-thumb {\n  transform: scale(1.2);\n  background: var(--thumb-border-color);\n}\n');var e={render:function(){var e=this,r=e.$createElement;return(e._self._c||r)("input",{ref:"range",style:{"--range-width":e.rangeWidth,"--progress-color":e.progressColor,"--track-color":e.buffered?"linear-gradient(90deg, "+e.buffered.color+" "+e.buffered.width+", "+e.trackColor+" "+e.buffered.width+")":e.trackColor,"--thumb-border-radius":e.squaredThumb?"0":"50%","--thumb-border-color":e.thumbBorderColor,"--thumb-size":e.thumbSize},attrs:{type:"range",max:e.max},domProps:{value:e.value},on:{input:function(r){return e.$emit("input",r.target.value)}}})},staticRenderFns:[],props:{value:{type:Number,required:!1,default:0},rangeWidth:{type:String,required:!1,default:"100%"},progressColor:{type:String,required:!1,default:"#000c"},buffered:{type:Object,required:!1},trackColor:{type:String,required:!1,default:"#0003"},squaredThumb:{type:Boolean,required:!1,default:!1},thumbBorderColor:{type:String,required:!1,default:"#000"},thumbSize:{type:String,required:!1,default:"20px"},max:{type:Number,required:!1,default:100}},computed:{updateWebkitProgress:function(){var e=this.value/this.max*100+"%";return this.$refs.range.style.setProperty("--webkit-progress",e)}},mounted:function(){this.updateWebkitProgress},watch:{value:function(){this.updateWebkitProgress}}};function r(t){r.installed||(r.installed=!0,t.component("AesthVueRangeInput",e))}var t={install:r},n=null;"undefined"!=typeof window?n=window.Vue:"undefined"!=typeof global&&(n=global.Vue),n&&n.use(t);export{e as default,r as install};
+!function(r,e){void 0===e&&(e={});var t=e.insertAt;if(r&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=r:o.appendChild(document.createTextNode(r))}}('\r\ninput {\r\n  position: relative;\r\n  -webkit-appearance: none;\r\n  margin: 0;\r\n  padding: 5px 0;\r\n  height: 19px;\r\n  width: var(--range-width);\r\n}\r\ninput:focus-visible {\r\n  outline: 2px solid var(--progress-color);\r\n}\r\ninput::-webkit-slider-runnable-track {\r\n  width: 100%;\r\n  height: 3px;\r\n  cursor: pointer;\r\n  background: var(--track-color);\r\n}\r\ninput::before {\r\n  position: absolute;\r\n  content: "";\r\n  top: 13px;\r\n  left: 0;\r\n  width: var(--webkit-progress);\r\n  height: 3px;\r\n  background-color: var(--progress-color);\r\n  cursor: pointer;\r\n}\r\ninput::-webkit-slider-thumb {\r\n  position: relative;\r\n  -webkit-appearance: none;\r\n  box-sizing: content-box;\r\n  border: 1px solid var(--thumb-border-color);\r\n  height: var(--thumb-size);\r\n  width: var(--thumb-size);\r\n  border-radius: var(--thumb-border-radius);\r\n  background-color: #fff;\r\n  cursor: pointer;\r\n  margin: calc((var(--thumb-size) / 2) - var(--thumb-size)) 0 0 0;\r\n}\r\ninput:active::-webkit-slider-thumb {\r\n  transform: scale(1.2);\r\n  background: var(--thumb-border-color);\r\n}\r\ninput::-moz-range-track {\r\n  width: 100%;\r\n  height: 3px;\r\n  cursor: pointer;\r\n  background: var(--track-color);\r\n}\r\ninput::-moz-range-progress {\r\n  height: 3px;\r\n  background-color: var(--progress-color);\r\n}\r\ninput::-moz-focus-outer {\r\n  border: 0;\r\n}\r\ninput::-moz-range-thumb {\r\n  box-sizing: content-box;\r\n  border: 1px solid var(--thumb-border-color);\r\n  height: var(--thumb-size);\r\n  width: var(--thumb-size);\r\n  border-radius: var(--thumb-border-radius);\r\n  background-color: #fff;\r\n  cursor: pointer;\r\n}\r\ninput:active::-moz-range-thumb {\r\n  transform: scale(1.2);\r\n  background: var(--thumb-border-color);\r\n}\r\n');var r={render:function(){var r=this,e=r.$createElement;return(r._self._c||e)("input",{ref:"range",style:{"--range-width":r.rangeWidth,"--progress-color":r.progressColor,"--track-color":r.buffered?"linear-gradient(90deg, "+r.buffered.color+" "+r.buffered.width+", "+r.trackColor+" "+r.buffered.width+")":r.trackColor,"--thumb-border-radius":r.squaredThumb?"0":"50%","--thumb-border-color":r.thumbBorderColor,"--thumb-size":r.thumbSize},attrs:{type:"range",max:r.max},domProps:{value:r.value},on:{input:function(e){return r.$emit("input",e.target.value)}}})},staticRenderFns:[],props:{value:{type:Number,required:!1,default:0},rangeWidth:{type:String,required:!1,default:"100%"},progressColor:{type:String,required:!1,default:"#000c"},buffered:{type:Object,required:!1},trackColor:{type:String,required:!1,default:"#0003"},squaredThumb:{type:Boolean,required:!1,default:!1},thumbBorderColor:{type:String,required:!1,default:"#000"},thumbSize:{type:String,required:!1,default:"20px"},max:{type:Number,required:!1,default:100}},computed:{updateWebkitProgress:function(){var r=this.value/this.max*100+"%";return this.$refs.range.style.setProperty("--webkit-progress",r)}},mounted:function(){this.updateWebkitProgress},watch:{value:function(){this.updateWebkitProgress}}};function e(t){e.installed||(e.installed=!0,t.component("AesthVueRangeInput",r))}var t={install:e},n=null;"undefined"!=typeof window?n=window.Vue:"undefined"!=typeof global&&(n=global.Vue),n&&n.use(t);export{r as default,e as install};

dist/aesth-vue-range-input.min.js

@@ -1,1 +0,1 @@
-var AesthVueRangeInput=function(e){"use strict";!function(e,r){void 0===r&&(r={});var t=r.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}('\ninput {\n  position: relative;\n  -webkit-appearance: none;\n  margin: 0;\n  padding: 5px 0;\n  height: 19px;\n  width: var(--range-width);\n}\ninput:focus-visible {\n  outline: 2px solid var(--progress-color);\n}\ninput::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: var(--track-color);\n}\ninput::before {\n  position: absolute;\n  content: "";\n  top: 13px;\n  left: 0;\n  width: var(--webkit-progress);\n  height: 3px;\n  background-color: var(--progress-color);\n  cursor: pointer;\n}\ninput::-webkit-slider-thumb {\n  position: relative;\n  -webkit-appearance: none;\n  box-sizing: content-box;\n  border: 1px solid var(--thumb-border-color);\n  height: var(--thumb-size);\n  width: var(--thumb-size);\n  border-radius: var(--thumb-border-radius);\n  background-color: #fff;\n  cursor: pointer;\n  margin: calc((var(--thumb-size) / 2) - var(--thumb-size)) 0 0 0;\n}\ninput:active::-webkit-slider-thumb {\n  transform: scale(1.2);\n  background: var(--thumb-border-color);\n}\ninput::-moz-range-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: var(--track-color);\n}\ninput::-moz-range-progress {\n  height: 3px;\n  background-color: var(--progress-color);\n}\ninput::-moz-focus-outer {\n  border: 0;\n}\ninput::-moz-range-thumb {\n  box-sizing: content-box;\n  border: 1px solid var(--thumb-border-color);\n  height: var(--thumb-size);\n  width: var(--thumb-size);\n  border-radius: var(--thumb-border-radius);\n  background-color: #fff;\n  cursor: pointer;\n}\ninput:active::-moz-range-thumb {\n  transform: scale(1.2);\n  background: var(--thumb-border-color);\n}\n');var r={render:function(){var e=this,r=e.$createElement;return(e._self._c||r)("input",{ref:"range",style:{"--range-width":e.rangeWidth,"--progress-color":e.progressColor,"--track-color":e.buffered?"linear-gradient(90deg, "+e.buffered.color+" "+e.buffered.width+", "+e.trackColor+" "+e.buffered.width+")":e.trackColor,"--thumb-border-radius":e.squaredThumb?"0":"50%","--thumb-border-color":e.thumbBorderColor,"--thumb-size":e.thumbSize},attrs:{type:"range",max:e.max},domProps:{value:e.value},on:{input:function(r){return e.$emit("input",r.target.value)}}})},staticRenderFns:[],props:{value:{type:Number,required:!1,default:0},rangeWidth:{type:String,required:!1,default:"100%"},progressColor:{type:String,required:!1,default:"#000c"},buffered:{type:Object,required:!1},trackColor:{type:String,required:!1,default:"#0003"},squaredThumb:{type:Boolean,required:!1,default:!1},thumbBorderColor:{type:String,required:!1,default:"#000"},thumbSize:{type:String,required:!1,default:"20px"},max:{type:Number,required:!1,default:100}},computed:{updateWebkitProgress:function(){var e=this.value/this.max*100+"%";return this.$refs.range.style.setProperty("--webkit-progress",e)}},mounted:function(){this.updateWebkitProgress},watch:{value:function(){this.updateWebkitProgress}}};function t(e){t.installed||(t.installed=!0,e.component("AesthVueRangeInput",r))}var n={install:t},o=null;return"undefined"!=typeof window?o=window.Vue:"undefined"!=typeof global&&(o=global.Vue),o&&o.use(n),e.default=r,e.install=t,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
+var AesthVueRangeInput=function(r){"use strict";!function(r,e){void 0===e&&(e={});var t=e.insertAt;if(r&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=r:o.appendChild(document.createTextNode(r))}}('\r\ninput {\r\n  position: relative;\r\n  -webkit-appearance: none;\r\n  margin: 0;\r\n  padding: 5px 0;\r\n  height: 19px;\r\n  width: var(--range-width);\r\n}\r\ninput:focus-visible {\r\n  outline: 2px solid var(--progress-color);\r\n}\r\ninput::-webkit-slider-runnable-track {\r\n  width: 100%;\r\n  height: 3px;\r\n  cursor: pointer;\r\n  background: var(--track-color);\r\n}\r\ninput::before {\r\n  position: absolute;\r\n  content: "";\r\n  top: 13px;\r\n  left: 0;\r\n  width: var(--webkit-progress);\r\n  height: 3px;\r\n  background-color: var(--progress-color);\r\n  cursor: pointer;\r\n}\r\ninput::-webkit-slider-thumb {\r\n  position: relative;\r\n  -webkit-appearance: none;\r\n  box-sizing: content-box;\r\n  border: 1px solid var(--thumb-border-color);\r\n  height: var(--thumb-size);\r\n  width: var(--thumb-size);\r\n  border-radius: var(--thumb-border-radius);\r\n  background-color: #fff;\r\n  cursor: pointer;\r\n  margin: calc((var(--thumb-size) / 2) - var(--thumb-size)) 0 0 0;\r\n}\r\ninput:active::-webkit-slider-thumb {\r\n  transform: scale(1.2);\r\n  background: var(--thumb-border-color);\r\n}\r\ninput::-moz-range-track {\r\n  width: 100%;\r\n  height: 3px;\r\n  cursor: pointer;\r\n  background: var(--track-color);\r\n}\r\ninput::-moz-range-progress {\r\n  height: 3px;\r\n  background-color: var(--progress-color);\r\n}\r\ninput::-moz-focus-outer {\r\n  border: 0;\r\n}\r\ninput::-moz-range-thumb {\r\n  box-sizing: content-box;\r\n  border: 1px solid var(--thumb-border-color);\r\n  height: var(--thumb-size);\r\n  width: var(--thumb-size);\r\n  border-radius: var(--thumb-border-radius);\r\n  background-color: #fff;\r\n  cursor: pointer;\r\n}\r\ninput:active::-moz-range-thumb {\r\n  transform: scale(1.2);\r\n  background: var(--thumb-border-color);\r\n}\r\n');var e={render:function(){var r=this,e=r.$createElement;return(r._self._c||e)("input",{ref:"range",style:{"--range-width":r.rangeWidth,"--progress-color":r.progressColor,"--track-color":r.buffered?"linear-gradient(90deg, "+r.buffered.color+" "+r.buffered.width+", "+r.trackColor+" "+r.buffered.width+")":r.trackColor,"--thumb-border-radius":r.squaredThumb?"0":"50%","--thumb-border-color":r.thumbBorderColor,"--thumb-size":r.thumbSize},attrs:{type:"range",max:r.max},domProps:{value:r.value},on:{input:function(e){return r.$emit("input",e.target.value)}}})},staticRenderFns:[],props:{value:{type:Number,required:!1,default:0},rangeWidth:{type:String,required:!1,default:"100%"},progressColor:{type:String,required:!1,default:"#000c"},buffered:{type:Object,required:!1},trackColor:{type:String,required:!1,default:"#0003"},squaredThumb:{type:Boolean,required:!1,default:!1},thumbBorderColor:{type:String,required:!1,default:"#000"},thumbSize:{type:String,required:!1,default:"20px"},max:{type:Number,required:!1,default:100}},computed:{updateWebkitProgress:function(){var r=this.value/this.max*100+"%";return this.$refs.range.style.setProperty("--webkit-progress",r)}},mounted:function(){this.updateWebkitProgress},watch:{value:function(){this.updateWebkitProgress}}};function t(r){t.installed||(t.installed=!0,r.component("AesthVueRangeInput",e))}var n={install:t},o=null;return"undefined"!=typeof window?o=window.Vue:"undefined"!=typeof global&&(o=global.Vue),o&&o.use(n),r.default=e,r.install=t,Object.defineProperty(r,"__esModule",{value:!0}),r}({});

dist/aesth-vue-range-input.umd.js

@@ -1,1 +0,1 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports):"function"==typeof define&&define.amd?define(["exports"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).AesthVueRangeInput={})}(this,(function(e){"use strict";!function(e,r){void 0===r&&(r={});var t=r.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}('\ninput {\n  position: relative;\n  -webkit-appearance: none;\n  margin: 0;\n  padding: 5px 0;\n  height: 19px;\n  width: var(--range-width);\n}\ninput:focus-visible {\n  outline: 2px solid var(--progress-color);\n}\ninput::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: var(--track-color);\n}\ninput::before {\n  position: absolute;\n  content: "";\n  top: 13px;\n  left: 0;\n  width: var(--webkit-progress);\n  height: 3px;\n  background-color: var(--progress-color);\n  cursor: pointer;\n}\ninput::-webkit-slider-thumb {\n  position: relative;\n  -webkit-appearance: none;\n  box-sizing: content-box;\n  border: 1px solid var(--thumb-border-color);\n  height: var(--thumb-size);\n  width: var(--thumb-size);\n  border-radius: var(--thumb-border-radius);\n  background-color: #fff;\n  cursor: pointer;\n  margin: calc((var(--thumb-size) / 2) - var(--thumb-size)) 0 0 0;\n}\ninput:active::-webkit-slider-thumb {\n  transform: scale(1.2);\n  background: var(--thumb-border-color);\n}\ninput::-moz-range-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: var(--track-color);\n}\ninput::-moz-range-progress {\n  height: 3px;\n  background-color: var(--progress-color);\n}\ninput::-moz-focus-outer {\n  border: 0;\n}\ninput::-moz-range-thumb {\n  box-sizing: content-box;\n  border: 1px solid var(--thumb-border-color);\n  height: var(--thumb-size);\n  width: var(--thumb-size);\n  border-radius: var(--thumb-border-radius);\n  background-color: #fff;\n  cursor: pointer;\n}\ninput:active::-moz-range-thumb {\n  transform: scale(1.2);\n  background: var(--thumb-border-color);\n}\n');var r={render:function(){var e=this,r=e.$createElement;return(e._self._c||r)("input",{ref:"range",style:{"--range-width":e.rangeWidth,"--progress-color":e.progressColor,"--track-color":e.buffered?"linear-gradient(90deg, "+e.buffered.color+" "+e.buffered.width+", "+e.trackColor+" "+e.buffered.width+")":e.trackColor,"--thumb-border-radius":e.squaredThumb?"0":"50%","--thumb-border-color":e.thumbBorderColor,"--thumb-size":e.thumbSize},attrs:{type:"range",max:e.max},domProps:{value:e.value},on:{input:function(r){return e.$emit("input",r.target.value)}}})},staticRenderFns:[],props:{value:{type:Number,required:!1,default:0},rangeWidth:{type:String,required:!1,default:"100%"},progressColor:{type:String,required:!1,default:"#000c"},buffered:{type:Object,required:!1},trackColor:{type:String,required:!1,default:"#0003"},squaredThumb:{type:Boolean,required:!1,default:!1},thumbBorderColor:{type:String,required:!1,default:"#000"},thumbSize:{type:String,required:!1,default:"20px"},max:{type:Number,required:!1,default:100}},computed:{updateWebkitProgress:function(){var e=this.value/this.max*100+"%";return this.$refs.range.style.setProperty("--webkit-progress",e)}},mounted:function(){this.updateWebkitProgress},watch:{value:function(){this.updateWebkitProgress}}};function t(e){t.installed||(t.installed=!0,e.component("AesthVueRangeInput",r))}var n={install:t},o=null;"undefined"!=typeof window?o=window.Vue:"undefined"!=typeof global&&(o=global.Vue),o&&o.use(n),e.default=r,e.install=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(r,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((r="undefined"!=typeof globalThis?globalThis:r||self).AesthVueRangeInput={})}(this,(function(r){"use strict";!function(r,e){void 0===e&&(e={});var t=e.insertAt;if(r&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=r:o.appendChild(document.createTextNode(r))}}('\r\ninput {\r\n  position: relative;\r\n  -webkit-appearance: none;\r\n  margin: 0;\r\n  padding: 5px 0;\r\n  height: 19px;\r\n  width: var(--range-width);\r\n}\r\ninput:focus-visible {\r\n  outline: 2px solid var(--progress-color);\r\n}\r\ninput::-webkit-slider-runnable-track {\r\n  width: 100%;\r\n  height: 3px;\r\n  cursor: pointer;\r\n  background: var(--track-color);\r\n}\r\ninput::before {\r\n  position: absolute;\r\n  content: "";\r\n  top: 13px;\r\n  left: 0;\r\n  width: var(--webkit-progress);\r\n  height: 3px;\r\n  background-color: var(--progress-color);\r\n  cursor: pointer;\r\n}\r\ninput::-webkit-slider-thumb {\r\n  position: relative;\r\n  -webkit-appearance: none;\r\n  box-sizing: content-box;\r\n  border: 1px solid var(--thumb-border-color);\r\n  height: var(--thumb-size);\r\n  width: var(--thumb-size);\r\n  border-radius: var(--thumb-border-radius);\r\n  background-color: #fff;\r\n  cursor: pointer;\r\n  margin: calc((var(--thumb-size) / 2) - var(--thumb-size)) 0 0 0;\r\n}\r\ninput:active::-webkit-slider-thumb {\r\n  transform: scale(1.2);\r\n  background: var(--thumb-border-color);\r\n}\r\ninput::-moz-range-track {\r\n  width: 100%;\r\n  height: 3px;\r\n  cursor: pointer;\r\n  background: var(--track-color);\r\n}\r\ninput::-moz-range-progress {\r\n  height: 3px;\r\n  background-color: var(--progress-color);\r\n}\r\ninput::-moz-focus-outer {\r\n  border: 0;\r\n}\r\ninput::-moz-range-thumb {\r\n  box-sizing: content-box;\r\n  border: 1px solid var(--thumb-border-color);\r\n  height: var(--thumb-size);\r\n  width: var(--thumb-size);\r\n  border-radius: var(--thumb-border-radius);\r\n  background-color: #fff;\r\n  cursor: pointer;\r\n}\r\ninput:active::-moz-range-thumb {\r\n  transform: scale(1.2);\r\n  background: var(--thumb-border-color);\r\n}\r\n');var e={render:function(){var r=this,e=r.$createElement;return(r._self._c||e)("input",{ref:"range",style:{"--range-width":r.rangeWidth,"--progress-color":r.progressColor,"--track-color":r.buffered?"linear-gradient(90deg, "+r.buffered.color+" "+r.buffered.width+", "+r.trackColor+" "+r.buffered.width+")":r.trackColor,"--thumb-border-radius":r.squaredThumb?"0":"50%","--thumb-border-color":r.thumbBorderColor,"--thumb-size":r.thumbSize},attrs:{type:"range",max:r.max},domProps:{value:r.value},on:{input:function(e){return r.$emit("input",e.target.value)}}})},staticRenderFns:[],props:{value:{type:Number,required:!1,default:0},rangeWidth:{type:String,required:!1,default:"100%"},progressColor:{type:String,required:!1,default:"#000c"},buffered:{type:Object,required:!1},trackColor:{type:String,required:!1,default:"#0003"},squaredThumb:{type:Boolean,required:!1,default:!1},thumbBorderColor:{type:String,required:!1,default:"#000"},thumbSize:{type:String,required:!1,default:"20px"},max:{type:Number,required:!1,default:100}},computed:{updateWebkitProgress:function(){var r=this.value/this.max*100+"%";return this.$refs.range.style.setProperty("--webkit-progress",r)}},mounted:function(){this.updateWebkitProgress},watch:{value:function(){this.updateWebkitProgress}}};function t(r){t.installed||(t.installed=!0,r.component("AesthVueRangeInput",e))}var n={install:t},o=null;"undefined"!=typeof window?o=window.Vue:"undefined"!=typeof global&&(o=global.Vue),o&&o.use(n),r.default=e,r.install=t,Object.defineProperty(r,"__esModule",{value:!0})}));

package.json

 {
   "name": "aesth-vue-range-input",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "private": false,
-  "description": "a completely customizable and aesthetic range input component for vue 2.",
+  "description": "a completely customizable and aesthetic range input component for vue.",
   "keywords": [
@@ -13,5 +13,5 @@ "vue-range-slider",
   ],
-  "homepage": "https://github.com/idorenyinudoh/aesthetic-vue-range-input#readme",
+  "homepage": "https://github.com/idorenyinudoh/aesth-vue-range-input#readme",
   "bugs": {
-    "url": "https://github.com/idorenyinudoh/aesthetic-vue-range-input/issues"
+    "url": "https://github.com/idorenyinudoh/aesth-vue-range-input/issues"
   },
@@ -18,0 +18,0 @@ "license": "MIT",

README.md

@@ -11,3 +11,3 @@ # aesth-vue-range-input
 
-a completely customizable and aesthetic range input component for vue 2.
+a completely customizable and aesthetic range input component for vue.
 
@@ -30,2 +30,4 @@ ## Table of Contents
 
+For vue 3, include the `@next` tag like this - `...aesth-vue-range-input@next`
+
 ### npm
@@ -80,2 +82,4 @@ ```shell
 
+Include the version number of vue in the value of the script's `src` attribute.
+
 If installed through CDN, in your HTML file,
@@ -82,0 +86,0 @@

New alerts

License Policy Violation

License

This 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

License

This 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

22146

increased by3.43%

Lines of code

43

increased by2.38%

Number of lines in readme file

152

increased by2.7%

No dependency changes