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

Comparing version 0.1.0 to 1.0.0

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

@@ -1,1 +0,1 @@
-import{openBlock as r,createElementBlock as e,normalizeStyle as t}from"vue";var n={props:{modelValue:{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.modelValue/this.max*100+"%";return this.$refs.range.style.setProperty("--webkit-progress",r)}},mounted:function(){this.updateWebkitProgress},watch:{modelValue:function(){this.updateWebkitProgress}}},o=["max","value"];function a(r){a.installed||(a.installed=!0,r.component("AesthVueRangeInput",n))}!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))}}('\ninput[data-v-7c3940ae] {\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);\n}\ninput[data-v-7c3940ae]:focus-visible {\r\n  outline: 2px solid var(--progress-color);\n}\ninput[data-v-7c3940ae]::-webkit-slider-runnable-track {\r\n  width: 100%;\r\n  height: 3px;\r\n  cursor: pointer;\r\n  background: var(--track-color);\n}\ninput[data-v-7c3940ae]::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;\n}\ninput[data-v-7c3940ae]::-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;\n}\ninput[data-v-7c3940ae]:active::-webkit-slider-thumb {\r\n  transform: scale(1.2);\r\n  background: var(--thumb-border-color);\n}\ninput[data-v-7c3940ae]::-moz-range-track {\r\n  width: 100%;\r\n  height: 3px;\r\n  cursor: pointer;\r\n  background: var(--track-color);\n}\ninput[data-v-7c3940ae]::-moz-range-progress {\r\n  height: 3px;\r\n  background-color: var(--progress-color);\n}\ninput[data-v-7c3940ae]::-moz-focus-outer {\r\n  border: 0;\n}\ninput[data-v-7c3940ae]::-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;\n}\ninput[data-v-7c3940ae]:active::-moz-range-thumb {\r\n  transform: scale(1.2);\r\n  background: var(--thumb-border-color);\n}\r\n'),n.render=function(n,a,i,u,d,s){return r(),e("input",{type:"range",ref:"range",onInput:a[0]||(a[0]=function(r){return n.$emit("update:modelValue",r.target.value)}),max:i.max,value:i.modelValue,style:t({"--range-width":i.rangeWidth,"--progress-color":i.progressColor,"--track-color":i.buffered?"linear-gradient(90deg, "+i.buffered.color+" "+i.buffered.width+", "+i.trackColor+" "+i.buffered.width+")":i.trackColor,"--thumb-border-radius":i.squaredThumb?"0":"50%","--thumb-border-color":i.thumbBorderColor,"--thumb-size":i.thumbSize})},null,44,o)},n.__scopeId="data-v-7c3940ae",n.__file="src/AesthVueRangeInput.vue";var i={install:a},u=null;"undefined"!=typeof window?u=window.Vue:"undefined"!=typeof global&&(u=global.Vue),u&&u.use(i);export{n as default,a 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(r,e){"use strict";var t={props:{modelValue:{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.modelValue/this.max*100+"%";return this.$refs.range.style.setProperty("--webkit-progress",r)}},mounted:function(){this.updateWebkitProgress},watch:{modelValue:function(){this.updateWebkitProgress}}},n=["max","value"];function o(r){o.installed||(o.installed=!0,r.component("AesthVueRangeInput",t))}!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))}}('\ninput[data-v-7c3940ae] {\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);\n}\ninput[data-v-7c3940ae]:focus-visible {\r\n  outline: 2px solid var(--progress-color);\n}\ninput[data-v-7c3940ae]::-webkit-slider-runnable-track {\r\n  width: 100%;\r\n  height: 3px;\r\n  cursor: pointer;\r\n  background: var(--track-color);\n}\ninput[data-v-7c3940ae]::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;\n}\ninput[data-v-7c3940ae]::-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;\n}\ninput[data-v-7c3940ae]:active::-webkit-slider-thumb {\r\n  transform: scale(1.2);\r\n  background: var(--thumb-border-color);\n}\ninput[data-v-7c3940ae]::-moz-range-track {\r\n  width: 100%;\r\n  height: 3px;\r\n  cursor: pointer;\r\n  background: var(--track-color);\n}\ninput[data-v-7c3940ae]::-moz-range-progress {\r\n  height: 3px;\r\n  background-color: var(--progress-color);\n}\ninput[data-v-7c3940ae]::-moz-focus-outer {\r\n  border: 0;\n}\ninput[data-v-7c3940ae]::-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;\n}\ninput[data-v-7c3940ae]:active::-moz-range-thumb {\r\n  transform: scale(1.2);\r\n  background: var(--thumb-border-color);\n}\r\n'),t.render=function(r,t,o,a,i,u){return e.openBlock(),e.createElementBlock("input",{type:"range",ref:"range",onInput:t[0]||(t[0]=function(e){return r.$emit("update:modelValue",e.target.value)}),max:o.max,value:o.modelValue,style:e.normalizeStyle({"--range-width":o.rangeWidth,"--progress-color":o.progressColor,"--track-color":o.buffered?"linear-gradient(90deg, "+o.buffered.color+" "+o.buffered.width+", "+o.trackColor+" "+o.buffered.width+")":o.trackColor,"--thumb-border-radius":o.squaredThumb?"0":"50%","--thumb-border-color":o.thumbBorderColor,"--thumb-size":o.thumbSize})},null,44,n)},t.__scopeId="data-v-7c3940ae",t.__file="src/AesthVueRangeInput.vue";var a={install:o},i=null;return"undefined"!=typeof window?i=window.Vue:"undefined"!=typeof global&&(i=global.Vue),i&&i.use(a),r.default=t,r.install=o,Object.defineProperty(r,"__esModule",{value:!0}),r}({},vue);
+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,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).AesthVueRangeInput={},e.vue)}(this,(function(e,r){"use strict";var t={props:{modelValue:{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.modelValue/this.max*100+"%";return this.$refs.range.style.setProperty("--webkit-progress",e)}},mounted:function(){this.updateWebkitProgress},watch:{modelValue:function(){this.updateWebkitProgress}}},n=["max","value"];function o(e){o.installed||(o.installed=!0,e.component("AesthVueRangeInput",t))}!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[data-v-7c3940ae] {\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);\n}\ninput[data-v-7c3940ae]:focus-visible {\r\n  outline: 2px solid var(--progress-color);\n}\ninput[data-v-7c3940ae]::-webkit-slider-runnable-track {\r\n  width: 100%;\r\n  height: 3px;\r\n  cursor: pointer;\r\n  background: var(--track-color);\n}\ninput[data-v-7c3940ae]::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;\n}\ninput[data-v-7c3940ae]::-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;\n}\ninput[data-v-7c3940ae]:active::-webkit-slider-thumb {\r\n  transform: scale(1.2);\r\n  background: var(--thumb-border-color);\n}\ninput[data-v-7c3940ae]::-moz-range-track {\r\n  width: 100%;\r\n  height: 3px;\r\n  cursor: pointer;\r\n  background: var(--track-color);\n}\ninput[data-v-7c3940ae]::-moz-range-progress {\r\n  height: 3px;\r\n  background-color: var(--progress-color);\n}\ninput[data-v-7c3940ae]::-moz-focus-outer {\r\n  border: 0;\n}\ninput[data-v-7c3940ae]::-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;\n}\ninput[data-v-7c3940ae]:active::-moz-range-thumb {\r\n  transform: scale(1.2);\r\n  background: var(--thumb-border-color);\n}\r\n'),t.render=function(e,t,o,a,i,u){return r.openBlock(),r.createElementBlock("input",{type:"range",ref:"range",onInput:t[0]||(t[0]=function(r){return e.$emit("update:modelValue",r.target.value)}),max:o.max,value:o.modelValue,style:r.normalizeStyle({"--range-width":o.rangeWidth,"--progress-color":o.progressColor,"--track-color":o.buffered?"linear-gradient(90deg, "+o.buffered.color+" "+o.buffered.width+", "+o.trackColor+" "+o.buffered.width+")":o.trackColor,"--thumb-border-radius":o.squaredThumb?"0":"50%","--thumb-border-color":o.thumbBorderColor,"--thumb-size":o.thumbSize})},null,44,n)},t.__scopeId="data-v-7c3940ae",t.__file="src/AesthVueRangeInput.vue";var a={install:o},i=null;"undefined"!=typeof window?i=window.Vue:"undefined"!=typeof global&&(i=global.Vue),i&&i.use(a),e.default=t,e.install=o,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.1.0",
+  "version": "1.0.0",
   "private": false,
@@ -41,3 +41,3 @@ "description": "a completely customizable and aesthetic range input component for vue.",
     "@rollup/plugin-buble": "^0.21.3",
-    "@rollup/plugin-commonjs": "^20.0.0",
+    "@rollup/plugin-commonjs": "^21.0.0",
     "@vue/cli-plugin-babel": "~4.5.0",
@@ -49,5 +49,5 @@ "@vue/cli-plugin-eslint": "~4.5.0",
     "core-js": "^3.6.5",
-    "eslint": "^6.7.2",
+    "eslint": "^8.0.0",
     "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint-plugin-vue": "^7.19.1",
     "prettier": "^2.2.1",
@@ -57,5 +57,6 @@ "rollup": "^2.57.0",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-vue": "^6.0.0",
-    "vue": "^3.2.19"
+    "rollup-plugin-vue2": "^0.8.1",
+    "vue": "^2.6.11",
+    "vue-template-compiler": "^2.6.11"
   }
 }

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

0

decreased by-100%

Number of low supply chain risk alerts

1

decreased by-66.67%

Worsened metrics

Total package byte prevSize

22147

decreased by-3.69%

Dev dependency count

18

increased by5.88%

Lines of code

43

decreased by-6.52%

No dependency changes