@mrxploder/saxvue 0.1.0 → 0.4.0

package/dist/svButton/style.css

@@ -1 +1 @@
-.vs-ripple-content{--sv-color:inherit;border-radius:inherit;height:100px;height:100%;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100px;width:100%;z-index:-1}.vs-ripple-content .vs-ripple{background:radial-gradient(circle,-color(color,.05),-color(color,.6));border-radius:50%;height:0;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.vs-ripple-content .vs-ripple--solid{background:-color(color,1);opacity:1}.vs-ripple-content .vs-ripple-invert{background-image:radial-gradient(circle,-color(color,.5),-color(color,0));border-radius:50%;height:0;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.vs-ripple-content .vs-ripple-cut-1{background-image:linear-gradient(270deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));height:0;opacity:0;position:absolute;transform:translate(-100%,-50%) skew(20deg);transition:all .6s ease;width:0}.vs-ripple-content .vs-ripple-cut-2{background-image:linear-gradient(90deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));height:0;opacity:0;position:absolute;transform:translateY(-50%) skew(20deg);transition:all .6s ease;width:0}.sv-button{--sv-color:"";--sv-color-rotate:var(--sv-primary);--sv-color-darken:var(--sv-primary);--sv-button-padding:8px 12px;--sv-button-margin:5px;--sv-button-border-radius:12px;--sv-button-text-color:#fff;align-items:center;border:0;border-radius:-var(button-border-radius);box-sizing:border-box;display:flex;font-size:.8rem;justify-content:center;margin:-var(button-margin);outline:none;overflow:hidden;padding:0;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.sv-button.sv-component-dark.sv-button--transparent{color:-color("text")!important}.sv-button--fff:focus{color:#1e1e1e!important}.sv-button__content{align-items:center;display:flex;justify-content:center;padding:-var(button-padding);width:100%}.sv-button--active-disabled{opacity:.6;pointer-events:none}.sv-button:disabled{opacity:.35;pointer-events:none}.sv-button.sv-button--animate:not(.sv-button--animate-inactive) .sv-button__content i{font-size:1.15rem}.sv-button.sv-button--animate:not(.sv-button--animate-inactive):hover .sv-button__content{transform:translate(-100%)}.sv-button.sv-button--animate:not(.sv-button--animate-inactive):hover .sv-button__animate{transform:translate(0)}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-vertical:hover .sv-button__content{opacity:0;transform:translateY(-100%)!important}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-vertical:hover .sv-button__animate{transform:translate(0)!important}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-scale:hover .sv-button__content{opacity:0;transform:scale(1.4)!important}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-scale:hover .sv-button__animate{opacity:1;transform:scale(1)}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-rotate:hover .sv-button__content{opacity:0;transform:rotate(180deg)!important}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-rotate:hover .sv-button__animate{opacity:1;transform:rotate(0)}.sv-button.sv-button--animate:not(.sv-button--animate-inactive) .sv-button__content,.sv-button__animate{transition:transform .25s ease}.sv-button__animate{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;transform:translate(100%);width:100%}.sv-button__animate--vertical{transform:translateY(100%)}.sv-button__animate--scale{opacity:0;transform:scale(.5)}.sv-button__animate--rotate{opacity:0;transform:rotate(-180deg)}.sv-button--block{display:block;width:100%}.sv-button--upload:after{animation:btnupload .7s ease infinite;background:-color("color",.4);box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1200}.sv-button--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-button .sv-button__loading{align-items:center;background:-color("color",.8);border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.sv-button .sv-button__loading:after{animation:btnload .6s linear infinite;border:2px solid hsla(0,0%,100%,0);border-left:2px dotted hsla(0,0%,100%,.6);border-radius:50%;box-sizing:border-box;content:"";height:17px;position:absolute;width:17px}.sv-button .sv-button__loading:before{animation:btnload .6s ease infinite;border:2px solid hsla(0,0%,100%,0);border-left-color:#fff;border-radius:50%;box-sizing:border-box;content:"";height:17px;position:absolute;width:17px}.sv-button--size-xl{border-radius:20px}.sv-button--size-xl .sv-button__content{font-size:1.1rem;padding:15px 20px}.sv-button--size-large{border-radius:15px;font-size:1rem}.sv-button--size-large .sv-button__content{padding:10px 15px}.sv-button--size-small{border-radius:9px;font-size:.75rem}.sv-button--size-small .sv-button__content{padding:5px 10px}.sv-button--size-mini{border-radius:7px;font-size:.6rem}.sv-button--size-mini .sv-button__content{padding:3px 8px}.sv-button--circle{border-radius:25px}.sv-button--square{border-radius:0}.sv-button--icon{align-items:center;display:flex;justify-content:center}.sv-button--icon .sv-button__content{padding:8px}.sv-button--icon i{font-size:1.15rem}.sv-button--default{background:-color(color,1);color:#fff}.sv-button--default.sv-button--active,.sv-button--default:hover{box-shadow:0 10px 20px -10px -color(color,1);transform:translateY(-3px)}.sv-button--flat{background:-color(color,.15);color:-color(color,1)}.sv-button--flat.sv-button--dark{color:-color(text,1)}.sv-button--flat:hover{background:-color(color,.25)}.sv-button--flat:focus{transition:all .25s ease,background .25s ease .25s}.sv-button--flat.sv-button--active,.sv-button--flat:focus,.sv-button--floating{background:-color(color,1);color:#fff}.sv-button--floating{box-shadow:0 8px 20px -6px -color(color,1);transform:translateY(-3px)}.sv-button--floating:hover{box-shadow:0 8px 20px -6px -color(color,1);transform:translateY(-6px)}.sv-button--floating.sv-button--active,.sv-button--floating:focus{box-shadow:0 0 0 0 -color(color,1);transform:translate(0)}.sv-button--border{background:-color(color,0);color:-color(color,1)}.sv-button--border:before{background:transparent;border:2px solid -color(color,1);border-radius:inherit;box-sizing:border-box;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .25s ease;width:100%}.sv-button--border:hover:before{border:2px solid -color(color,.5)}.sv-button--border.sv-button--active,.sv-button--border:focus{background:-color(color,1);color:#fff}.sv-button--gradient{background:-color("color");color:#fff;overflow:hidden}.sv-button--gradient.sv-button--primary:before,.sv-button--gradient.sv-button--success:before{filter:hue-rotate(40deg)}.sv-button--gradient:before{background:linear-gradient(30deg,-color("color",0) 33%,-color("color",1));border-radius:inherit;box-sizing:border-box;content:"";filter:hue-rotate(-40deg);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .4s ease;width:100%;z-index:-1}.sv-button--gradient:hover{box-shadow:0 10px 20px -10px -color("color",.7);transform:translateY(-3px)}.sv-button--gradient:hover:before{opacity:0}.sv-button--gradient.sv-button--active{box-shadow:0 10px 20px -10px rgba(0,0,0,.35);transform:translateY(-3px)}.sv-button--relief{background:-color("color");color:#fff;overflow:hidden;transform:translate(0) scale(1)}.sv-button--relief .sv-button__content{transition:all .25s ease}.sv-button--relief.sv-button--icon.sv-button--active{height:auto}.sv-button--relief:before{border-bottom:3px solid -color("color");border-radius:inherit;bottom:0;box-sizing:border-box;content:"";filter:contrast(2) grayscale(.4);height:calc(100% - 3px);left:0;pointer-events:none;position:absolute;transition:all .4s ease;width:100%;z-index:-1}.sv-button--relief:active{transform:translateY(1px)}.sv-button--relief:active .sv-button__content{padding-bottom:6px}.sv-button--relief:active:before{border-bottom:0 solid -color("color")}.sv-button--relief.sv-button--active{transform:translateY(1px)}.sv-button--relief.sv-button--active .sv-button__content{padding-bottom:6px}.sv-button--relief.sv-button--active:before{border-bottom:0 solid -color("color")}.sv-button--transparent{background:transparent;color:-color("color");overflow:hidden}.sv-button--transparent:before{background:-color("color",.1);border-radius:inherit;bottom:0;box-sizing:border-box;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;transform:scale(.5);transition:all .25s ease;width:100%;z-index:-1}.sv-button--transparent:active:not(.sv-button--active):before{transform:scale(.9)!important}.sv-button--transparent:hover:before{opacity:1;transform:scale(1)}.sv-button--transparent.sv-button--active:before{background:-color("color",.2);opacity:1;transform:scale(1)}.sv-button--shadow{background:-color("background");box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));color:-color("text");overflow:hidden}.sv-button--shadow:active:not(.sv-button--active){box-shadow:0 5px 15px 0 -rgba(0,0,0,-var(shadow-opacity))!important;transform:translateY(-1px)}.sv-button--shadow.sv-button--active,.sv-button--shadow:hover{box-shadow:0 8px 25px 0 -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-3px)}@keyframes btnload{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes btnupload{0%{transform:translateY(110%)}to{transform:translateY(-110%)}}
+.vs-ripple-content{--sv-color:inherit;border-radius:inherit;height:100px;height:100%;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100px;width:100%;z-index:-1}.vs-ripple-content .vs-ripple{background:radial-gradient(circle,rgba(var(--sv-color),.05),rgba(var(--sv-color),.6));border-radius:50%;height:0;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.vs-ripple-content .vs-ripple--solid{background:rgba(var(--sv-color),1);opacity:1}.vs-ripple-content .vs-ripple-invert{background-image:radial-gradient(circle,rgba(var(--sv-color),.5),rgba(var(--sv-color),0));border-radius:50%;height:0;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.vs-ripple-content .vs-ripple-cut-1{background-image:linear-gradient(270deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));height:0;opacity:0;position:absolute;transform:translate(-100%,-50%) skew(20deg);transition:all .6s ease;width:0}.vs-ripple-content .vs-ripple-cut-2{background-image:linear-gradient(90deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));height:0;opacity:0;position:absolute;transform:translateY(-50%) skew(20deg);transition:all .6s ease;width:0}.sv-button{--sv-color:"";--sv-color-rotate:var(--sv-primary);--sv-color-darken:var(--sv-primary);--sv-button-padding:8px 12px;--sv-button-margin:5px;--sv-button-border-radius:12px;--sv-button-text-color:#fff;align-items:center;border:0;border-radius:var(--sv-button-border-radius);box-sizing:border-box;display:flex;font-size:.8rem;justify-content:center;margin:var(--sv-button-margin);outline:none;overflow:hidden;padding:0;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.sv-button.sv-component-dark.sv-button--transparent{color:rgba(var(--sv-text),1)!important}.sv-button--fff:focus{color:#1e1e1e!important}.sv-button__content{align-items:center;display:flex;justify-content:center;padding:var(--sv-button-padding);width:100%}.sv-button--active-disabled{opacity:.6;pointer-events:none}.sv-button:disabled{opacity:.35;pointer-events:none}.sv-button.sv-button--animate:not(.sv-button--animate-inactive) .sv-button__content i{font-size:1.15rem}.sv-button.sv-button--animate:not(.sv-button--animate-inactive):hover .sv-button__content{transform:translate(-100%)}.sv-button.sv-button--animate:not(.sv-button--animate-inactive):hover .sv-button__animate{transform:translate(0)}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-vertical:hover .sv-button__content{opacity:0;transform:translateY(-100%)!important}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-vertical:hover .sv-button__animate{transform:translate(0)!important}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-scale:hover .sv-button__content{opacity:0;transform:scale(1.4)!important}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-scale:hover .sv-button__animate{opacity:1;transform:scale(1)}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-rotate:hover .sv-button__content{opacity:0;transform:rotate(180deg)!important}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-rotate:hover .sv-button__animate{opacity:1;transform:rotate(0)}.sv-button.sv-button--animate:not(.sv-button--animate-inactive) .sv-button__content,.sv-button__animate{transition:transform .25s ease}.sv-button__animate{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;transform:translate(100%);width:100%}.sv-button__animate--vertical{transform:translateY(100%)}.sv-button__animate--scale{opacity:0;transform:scale(.5)}.sv-button__animate--rotate{opacity:0;transform:rotate(-180deg)}.sv-button--block{display:block;width:100%}.sv-button--upload:after{animation:btnupload .7s ease infinite;background:rgba(var(--sv-color),.4);box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1200}.sv-button--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-button .sv-button__loading{align-items:center;background:rgba(var(--sv-color),.8);border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.sv-button .sv-button__loading:after{animation:btnload .6s linear infinite;border:2px solid hsla(0,0%,100%,0);border-left:2px dotted hsla(0,0%,100%,.6);border-radius:50%;box-sizing:border-box;content:"";height:17px;position:absolute;width:17px}.sv-button .sv-button__loading:before{animation:btnload .6s ease infinite;border:2px solid hsla(0,0%,100%,0);border-left-color:#fff;border-radius:50%;box-sizing:border-box;content:"";height:17px;position:absolute;width:17px}.sv-button--size-xl{border-radius:20px}.sv-button--size-xl .sv-button__content{font-size:1.1rem;padding:15px 20px}.sv-button--size-large{border-radius:15px;font-size:1rem}.sv-button--size-large .sv-button__content{padding:10px 15px}.sv-button--size-small{border-radius:9px;font-size:.75rem}.sv-button--size-small .sv-button__content{padding:5px 10px}.sv-button--size-mini{border-radius:7px;font-size:.6rem}.sv-button--size-mini .sv-button__content{padding:3px 8px}.sv-button--circle{border-radius:25px}.sv-button--square{border-radius:0}.sv-button--icon{align-items:center;display:flex;justify-content:center}.sv-button--icon .sv-button__content{padding:8px}.sv-button--icon i{font-size:1.15rem}.sv-button--default{background:rgba(var(--sv-color),1);color:#fff}.sv-button--default.sv-button--active,.sv-button--default:hover{box-shadow:0 10px 20px -10px rgba(var(--sv-color),1);transform:translateY(-3px)}.sv-button--flat{background:rgba(var(--sv-color),.15);color:rgba(var(--sv-color),1)}.sv-button--flat.sv-button--dark{color:rgba(var(--sv-text),1)}.sv-button--flat:hover{background:rgba(var(--sv-color),.25)}.sv-button--flat:focus{transition:all .25s ease,background .25s ease .25s}.sv-button--flat.sv-button--active,.sv-button--flat:focus,.sv-button--floating{background:rgba(var(--sv-color),1);color:#fff}.sv-button--floating{transform:translateY(-3px)}.sv-button--floating,.sv-button--floating:hover{box-shadow:0 8px 20px -6px rgba(var(--sv-color),1)}.sv-button--floating:hover{transform:translateY(-6px)}.sv-button--floating.sv-button--active,.sv-button--floating:focus{box-shadow:0 0 0 0 rgba(var(--sv-color),1);transform:translate(0)}.sv-button--border{background:rgba(var(--sv-color),0);color:rgba(var(--sv-color),1)}.sv-button--border:before{background:transparent;border:2px solid rgba(var(--sv-color),1);border-radius:inherit;box-sizing:border-box;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .25s ease;width:100%}.sv-button--border:hover:before{border:2px solid rgba(var(--sv-color),.5)}.sv-button--border.sv-button--active,.sv-button--border:focus,.sv-button--gradient{background:rgba(var(--sv-color),1);color:#fff}.sv-button--gradient{overflow:hidden}.sv-button--gradient.sv-button--primary:before,.sv-button--gradient.sv-button--success:before{filter:hue-rotate(40deg)}.sv-button--gradient:before{background:linear-gradient(30deg,rgba(var(--sv-color),0) 33%,rgba(var(--sv-color),1) 100%);border-radius:inherit;box-sizing:border-box;content:"";filter:hue-rotate(-40deg);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .4s ease;width:100%;z-index:-1}.sv-button--gradient:hover{box-shadow:0 10px 20px -10px rgba(var(--sv-color),.7);transform:translateY(-3px)}.sv-button--gradient:hover:before{opacity:0}.sv-button--gradient.sv-button--active{box-shadow:0 10px 20px -10px rgba(0,0,0,.35);transform:translateY(-3px)}.sv-button--relief{background:rgba(var(--sv-color),1);color:#fff;overflow:hidden;transform:translate(0) scale(1)}.sv-button--relief .sv-button__content{transition:all .25s ease}.sv-button--relief.sv-button--icon.sv-button--active{height:auto}.sv-button--relief:before{border-bottom:3px solid rgba(var(--sv-color),1);border-radius:inherit;bottom:0;box-sizing:border-box;content:"";filter:contrast(2) grayscale(.4);height:calc(100% - 3px);left:0;pointer-events:none;position:absolute;transition:all .4s ease;width:100%;z-index:-1}.sv-button--relief:active{transform:translateY(1px)}.sv-button--relief:active .sv-button__content{padding-bottom:6px}.sv-button--relief:active:before{border-bottom:0 solid rgba(var(--sv-color),1)}.sv-button--relief.sv-button--active{transform:translateY(1px)}.sv-button--relief.sv-button--active .sv-button__content{padding-bottom:6px}.sv-button--relief.sv-button--active:before{border-bottom:0 solid rgba(var(--sv-color),1)}.sv-button--transparent{background:transparent;color:rgba(var(--sv-color),1);overflow:hidden}.sv-button--transparent:before{background:rgba(var(--sv-color),.1);border-radius:inherit;bottom:0;box-sizing:border-box;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;transform:scale(.5);transition:all .25s ease;width:100%;z-index:-1}.sv-button--transparent:active:not(.sv-button--active):before{transform:scale(.9)!important}.sv-button--transparent:hover:before{opacity:1;transform:scale(1)}.sv-button--transparent.sv-button--active:before{background:rgba(var(--sv-color),.2);opacity:1;transform:scale(1)}.sv-button--shadow{background:rgba(var(--sv-background),1);box-shadow:0 0 0 0 rgba(0,0,0,var(--sv-shadow-opacity));color:rgba(var(--sv-text),1);overflow:hidden}.sv-button--shadow:active:not(.sv-button--active){box-shadow:0 5px 15px 0 rgba(0,0,0,var(--sv-shadow-opacity))!important;transform:translateY(-1px)}.sv-button--shadow.sv-button--active,.sv-button--shadow:hover{box-shadow:0 8px 25px 0 rgba(0,0,0,var(--sv-shadow-opacity));transform:translateY(-3px)}@keyframes btnload{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes btnupload{0%{transform:translateY(110%)}to{transform:translateY(-110%)}}

package/dist/svCard/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */

package/dist/svCard/style.css

@@ -1 +1 @@
-.sv-card-content{--sv-color:var(--sv-primary)}.sv-card-content.type-5 .sv-card{align-items:center;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.sv-card-content.type-5 .sv-card:hover .sv-card__interactions{bottom:50px}.sv-card-content.type-5 .sv-card:hover .sv-card__text{box-shadow:0 0 30px 0 -rgba(0,0,0,-var("shadow-opacity"));opacity:1;transform:translate(0)}.sv-card-content.type-5 .sv-card:hover .sv-card__img{border-radius:6px 40px 6px 40px}.sv-card-content.type-5 .sv-card:hover .sv-card__img img{transform:scale(1.1)}.sv-card-content.type-5 .sv-card__img{border-radius:6px 20px 6px 20px}.sv-card-content.type-5 .sv-card__interactions{bottom:6px;transition:all .25s ease;z-index:20}.sv-card-content.type-5 .sv-card__text{background:-color("background",1);border-radius:6px 20px 6px 20px;box-shadow:0 0 0 0 -rgba(0,0,0,-var("shadow-opacity"));margin-top:-50px;opacity:0;padding-top:10px;position:relative;transform:translateY(25px);transition:all .25s ease;width:calc(100% - 30px);z-index:10}.sv-card-content.type-4 .sv-card{box-shadow:none;max-width:300px}.sv-card-content.type-4 .sv-card:hover{transform:translateY(-5px)}.sv-card-content.type-4 .sv-card:hover .sv-card__img img{transform:scale(1)}.sv-card-content.type-4 .sv-card:hover .sv-card__text{padding-bottom:25px;padding-top:15px}.sv-card-content.type-4 .sv-card__img{align-items:center;max-height:600px}.sv-card-content.type-4 .sv-card__img img{transform:scale(1.2)}.sv-card-content.type-4 .sv-card__interactions{bottom:auto;top:0}.sv-card-content.type-4 .sv-card__text{backdrop-filter:saturate(180%) blur(20px);background:-color("background",.8);border-radius:0 0 20px 20px;bottom:0;position:absolute;transition:all .25s ease}.sv-card-content.type-4 .sv-card__text p{opacity:1}.sv-card-content.type-3 .sv-card{display:flex;max-width:400px}.sv-card-content.type-3 .sv-card:hover{transform:scale(1.04)}.sv-card-content.type-3 .sv-card__img img{min-width:200px}.sv-card-content.type-3 .sv-card__text{padding-top:15px}.sv-card-content.type-3 .sv-card__title h2,.sv-card-content.type-3 .sv-card__title h3,.sv-card-content.type-3 .sv-card__title h4,.sv-card-content.type-3 .sv-card__title h5,.sv-card-content.type-3 .sv-card__title h6{padding:0}.sv-card-content.type-2 .sv-card{box-shadow:none;overflow:hidden}.sv-card-content.type-2 .sv-card:hover{transform:scale(.95)}.sv-card-content.type-2 .sv-card:hover .sv-card__img img{transform:scale(1.15)}.sv-card-content.type-2 .sv-card:hover .sv-card__text{color:#fff;opacity:1;transform:translate(0)}.sv-card-content.type-2 .sv-card__interactions{align-items:flex-end;bottom:auto;left:auto;right:0;top:0}.sv-card-content.type-2 .sv-card__title{color:inherit;padding:0;position:relative}.sv-card-content.type-2 .sv-card__title h2,.sv-card-content.type-2 .sv-card__title h3,.sv-card-content.type-2 .sv-card__title h4,.sv-card-content.type-2 .sv-card__title h5,.sv-card-content.type-2 .sv-card__title h6{padding:0 0 5px}.sv-card-content.type-2 .sv-card__text{background:-color("background",.9);background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));border-radius:0 0 20px 20px;bottom:0;color:transparent;font-size:.9rem;padding-top:30px;position:absolute;transform:translateY(45%);transition:all .25s ease}.sv-card-content.type-2 .sv-card__text p{opacity:1}.sv-card-content.type-1 .sv-card:hover{box-shadow:0 0 0 0 -rgba(0,0,0,-var("shadow-opacity"));transform:translateY(5px)}.sv-card-content.type-1 .sv-card:hover .sv-card__img img{transform:scale(1.15)}.sv-card{background:-color("background");border-radius:20px;box-shadow:0 5px 20px 0 -rgba(0,0,0,-var("shadow-opacity"));color:-color("text");cursor:pointer;max-width:350px;position:relative;transition:all .25s ease;width:100%}.sv-card__text{font-size:.85rem;padding:0 15px 15px}.sv-card__text p{font-size:inherit;margin:0;opacity:.8}.sv-card__title{padding-bottom:5px;padding-top:10px}.sv-card__title h2,.sv-card__title h3,.sv-card__title h4,.sv-card__title h5,.sv-card__title h6{font-size:1.1rem;margin:0;padding:0}.sv-card__interactions{align-items:center;bottom:0;display:flex;justify-content:flex-start;left:0;padding:5px 10px;position:absolute}.sv-card__img{align-items:center;display:flex;justify-content:center;max-height:250px;overflow:hidden;position:relative}.sv-card__img,.sv-card__img img{border-radius:20px;transition:all .25s ease}.sv-card__img img{display:block;width:100%}
+.sv-card-content{--sv-color:var(--sv-primary)}.sv-card-content.type-5 .sv-card{align-items:center;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.sv-card-content.type-5 .sv-card:hover .sv-card__interactions{bottom:50px}.sv-card-content.type-5 .sv-card:hover .sv-card__text{box-shadow:0 0 30px 0 rgba(0,0,0,var(--sv-shadow-opacity));opacity:1;transform:translate(0)}.sv-card-content.type-5 .sv-card:hover .sv-card__img{border-radius:6px 40px 6px 40px}.sv-card-content.type-5 .sv-card:hover .sv-card__img img{transform:scale(1.1)}.sv-card-content.type-5 .sv-card__img{border-radius:6px 20px 6px 20px}.sv-card-content.type-5 .sv-card__interactions{bottom:6px;transition:all .25s ease;z-index:20}.sv-card-content.type-5 .sv-card__text{background:rgba(var(--sv-background),1);border-radius:6px 20px 6px 20px;box-shadow:0 0 0 0 rgba(0,0,0,var(--sv-shadow-opacity));margin-top:-50px;opacity:0;padding-top:10px;position:relative;transform:translateY(25px);transition:all .25s ease;width:calc(100% - 30px);z-index:10}.sv-card-content.type-4 .sv-card{box-shadow:none;max-width:300px}.sv-card-content.type-4 .sv-card:hover{transform:translateY(-5px)}.sv-card-content.type-4 .sv-card:hover .sv-card__img img{transform:scale(1)}.sv-card-content.type-4 .sv-card:hover .sv-card__text{padding-bottom:25px;padding-top:15px}.sv-card-content.type-4 .sv-card__img{align-items:center;max-height:600px}.sv-card-content.type-4 .sv-card__img img{transform:scale(1.2)}.sv-card-content.type-4 .sv-card__interactions{bottom:auto;top:0}.sv-card-content.type-4 .sv-card__text{backdrop-filter:saturate(180%) blur(20px);background:rgba(var(--sv-background),.8);border-radius:0 0 20px 20px;bottom:0;position:absolute;transition:all .25s ease}.sv-card-content.type-4 .sv-card__text p{opacity:1}.sv-card-content.type-3 .sv-card{display:flex;max-width:400px}.sv-card-content.type-3 .sv-card:hover{transform:scale(1.04)}.sv-card-content.type-3 .sv-card__img img{min-width:200px}.sv-card-content.type-3 .sv-card__text{padding-top:15px}.sv-card-content.type-3 .sv-card__title h2,.sv-card-content.type-3 .sv-card__title h3,.sv-card-content.type-3 .sv-card__title h4,.sv-card-content.type-3 .sv-card__title h5,.sv-card-content.type-3 .sv-card__title h6{padding:0}.sv-card-content.type-2 .sv-card{box-shadow:none;overflow:hidden}.sv-card-content.type-2 .sv-card:hover{transform:scale(.95)}.sv-card-content.type-2 .sv-card:hover .sv-card__img img{transform:scale(1.15)}.sv-card-content.type-2 .sv-card:hover .sv-card__text{color:#fff;opacity:1;transform:translate(0)}.sv-card-content.type-2 .sv-card__interactions{align-items:flex-end;bottom:auto;left:auto;right:0;top:0}.sv-card-content.type-2 .sv-card__title{color:inherit;padding:0;position:relative}.sv-card-content.type-2 .sv-card__title h2,.sv-card-content.type-2 .sv-card__title h3,.sv-card-content.type-2 .sv-card__title h4,.sv-card-content.type-2 .sv-card__title h5,.sv-card-content.type-2 .sv-card__title h6{padding:0 0 5px}.sv-card-content.type-2 .sv-card__text{background:rgba(var(--sv-background),.9);background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));border-radius:0 0 20px 20px;bottom:0;color:transparent;font-size:.9rem;padding-top:30px;position:absolute;transform:translateY(45%);transition:all .25s ease}.sv-card-content.type-2 .sv-card__text p{opacity:1}.sv-card-content.type-1 .sv-card:hover{box-shadow:0 0 0 0 rgba(0,0,0,var(--sv-shadow-opacity));transform:translateY(5px)}.sv-card-content.type-1 .sv-card:hover .sv-card__img img{transform:scale(1.15)}.sv-card{background:rgba(var(--sv-background),1);border-radius:20px;box-shadow:0 5px 20px 0 rgba(0,0,0,var(--sv-shadow-opacity));color:rgba(var(--sv-text),1);cursor:pointer;position:relative;transition:all .25s ease;width:100%}.sv-card__text{font-size:.85rem;padding:0 15px 15px}.sv-card__text p{font-size:inherit;margin:0;opacity:.8}.sv-card__title{padding-bottom:5px;padding-top:10px}.sv-card__title h2,.sv-card__title h3,.sv-card__title h4,.sv-card__title h5,.sv-card__title h6{font-size:1.1rem;margin:0;padding:0}.sv-card__interactions{align-items:center;bottom:0;display:flex;justify-content:flex-start;left:0;padding:5px 10px;position:absolute}.sv-card__img{align-items:center;display:flex;justify-content:center;max-height:250px;overflow:hidden;position:relative}.sv-card__img,.sv-card__img img{border-radius:20px;transition:all .25s ease}.sv-card__img img{display:block;width:100%}

package/dist/svCardGroup/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */

package/dist/svCardGroup/style.css

@@ -1 +1 @@
-.sv-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-close:before{transform:rotate(-45deg)}.sv-icon-close:after,.sv-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.sv-icon-close:after{transform:rotate(45deg)}.sv-icon-close.sv-icon-hover-less:hover:after,.sv-icon-close.sv-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.sv-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.sv-icon-plus:after,.sv-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.sv-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.sv-icon-plus:hover:not(.less){transform:rotate(-90deg)}.sv-icon-plus.less:hover{transform:scale(.75)}.sv-icon-plus.less:after{transform:rotate(180deg)}.sv-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.sv-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.sv-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.sv-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.sv-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.sv-icon-check.active:before{width:8px}.sv-icon-check.active:after{width:4px}.sv-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.sv-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.sv-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.sv-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.sv-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.sv-icon-arrow:after{height:1px;width:100%}.sv-icon-arrow:after,.sv-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.sv-icon-arrow:before{height:100%;width:1px}.sv-card__group{align-items:center;display:flex;position:relative;width:100%}.sv-card__group-space{height:20px;min-width:20px;position:relative}.sv-card__group .sv-card__group-cards{align-items:center;border-radius:20px;display:flex;justify-content:flex-start;overflow:hidden;overflow-x:auto;padding-bottom:20px;padding-top:20px;position:relative;scroll-behavior:smooth;z-index:1}.sv-card__group .sv-card__group-cards .sv-card-content{margin-left:20px;min-width:350px}.sv-card__group .sv-card__group-prev{align-items:center;background:transparent;border:0;display:flex;height:50px;justify-content:center;left:0;min-width:50px;position:relative;width:50px;z-index:2}.sv-card__group .sv-card__group-prev .sv-icon-arrow{display:block;height:15px;transform:rotate(-45deg);width:15px}.sv-card__group .sv-card__group-prev .sv-icon-arrow:before{width:2px}.sv-card__group .sv-card__group-prev .sv-icon-arrow:after{height:2px}.sv-card__group .sv-card__group-next{align-items:center;background:transparent;border:0;display:flex;height:50px;justify-content:center;left:0;min-width:50px;position:relative;width:50px;z-index:2}.sv-card__group .sv-card__group-next .sv-icon-arrow{display:block;height:15px;transform:rotate(135deg);width:15px}.sv-card__group .sv-card__group-next .sv-icon-arrow:before{width:2px}.sv-card__group .sv-card__group-next .sv-icon-arrow:after{height:2px}
+.sv-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-close:before{transform:rotate(-45deg)}.sv-icon-close:after,.sv-icon-close:before{background:rgba(var(--sv-color),1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.sv-icon-close:after{transform:rotate(45deg)}.sv-icon-close.sv-icon-hover-less:hover:after,.sv-icon-close.sv-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.sv-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.sv-icon-plus:after,.sv-icon-plus:before{background:rgba(var(--sv-color),1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.sv-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.sv-icon-plus:hover:not(.less){transform:rotate(-90deg)}.sv-icon-plus.less:hover{transform:scale(.75)}.sv-icon-plus.less:after{transform:rotate(180deg)}.sv-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.sv-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.sv-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.sv-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.sv-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.sv-icon-check.active:before{width:8px}.sv-icon-check.active:after{width:4px}.sv-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.sv-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.sv-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.sv-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.sv-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.sv-icon-arrow:after{height:1px;width:100%}.sv-icon-arrow:after,.sv-icon-arrow:before{background:rgba(var(--sv-text),1);content:"";display:block;position:absolute;top:0}.sv-icon-arrow:before{height:100%;width:1px}.sv-card__group{align-items:center;display:flex;position:relative;width:100%}.sv-card__group-space{height:20px;min-width:20px;position:relative}.sv-card__group .sv-card__group-cards{align-items:center;border-radius:20px;display:flex;justify-content:flex-start;overflow:hidden;overflow-x:auto;padding-bottom:20px;padding-top:20px;position:relative;scroll-behavior:smooth;z-index:1}.sv-card__group .sv-card__group-cards .sv-card-content{margin-left:20px;min-width:350px}.sv-card__group .sv-card__group-prev{align-items:center;background:transparent;border:0;display:flex;height:50px;justify-content:center;left:0;min-width:50px;position:relative;width:50px;z-index:2}.sv-card__group .sv-card__group-prev .sv-icon-arrow{display:block;height:15px;transform:rotate(-45deg);width:15px}.sv-card__group .sv-card__group-prev .sv-icon-arrow:before{width:2px}.sv-card__group .sv-card__group-prev .sv-icon-arrow:after{height:2px}.sv-card__group .sv-card__group-next{align-items:center;background:transparent;border:0;display:flex;height:50px;justify-content:center;left:0;min-width:50px;position:relative;width:50px;z-index:2}.sv-card__group .sv-card__group-next .sv-icon-arrow{display:block;height:15px;transform:rotate(135deg);width:15px}.sv-card__group .sv-card__group-next .sv-icon-arrow:before{width:2px}.sv-card__group .sv-card__group-next .sv-icon-arrow:after{height:2px}

package/dist/svCheckbox/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */

package/dist/svCheckbox/style.css

@@ -1 +1 @@
-.sv-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-close:before{transform:rotate(-45deg)}.sv-icon-close:after,.sv-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.sv-icon-close:after{transform:rotate(45deg)}.sv-icon-close.sv-icon-hover-less:hover:after,.sv-icon-close.sv-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.sv-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.sv-icon-plus:after,.sv-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.sv-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.sv-icon-plus:hover:not(.less){transform:rotate(-90deg)}.sv-icon-plus.less:hover{transform:scale(.75)}.sv-icon-plus.less:after{transform:rotate(180deg)}.sv-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.sv-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.sv-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.sv-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.sv-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.sv-icon-check.active:before{width:8px}.sv-icon-check.active:after{width:4px}.sv-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.sv-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.sv-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.sv-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.sv-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.sv-icon-arrow:after{height:1px;width:100%}.sv-icon-arrow:after,.sv-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.sv-icon-arrow:before{height:100%;width:1px}.sv-checkbox-content{--sv-color:var(--sv-primary);align-items:center;display:flex;justify-content:flex-start}.sv-checkbox-con{border-radius:9px;height:23px;position:relative;width:23px;z-index:1}.sv-checkbox-mask{align-items:center;border-radius:32%;box-sizing:border-box;cursor:pointer;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;transition:all .25s ease;width:100%;z-index:50;z-index:-1}.sv-checkbox-mask i:not(.sv-icon-check){color:#fff;font-size:1.1em;opacity:0;transform:scale(.5);transition:all .25s ease}.sv-checkbox-mask:after{background:-color("color",1);opacity:0;transform:scale(.5)}.sv-checkbox-mask:after,.sv-checkbox-mask:before{border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:-1}.sv-checkbox-mask:before{border:2px solid -color("gray-4",1);box-sizing:border-box}.sv-checkbox-mask .sv-icon-check{opacity:0;z-index:200}.sv-checkbox{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:100}.sv-checkbox:disabled{opacity:0;pointer-events:none}.sv-checkbox:active~.sv-checkbox-mask{background:-color("gray-4",1)!important}.sv-checkbox:hover~.sv-checkbox-mask{background:-color("gray-3",1)}.sv-checkbox:hover~.sv-checkbox-mask:before{border:2px solid -color("gray-4",0)}.sv-checkbox:checked:hover~.sv-checkbox-mask{box-shadow:0 3px 15px 0 -color("color",.35)}.sv-checkbox:checked~.sv-checkbox-mask{box-shadow:0 0 0 0 -color("color",.35)}.sv-checkbox:checked~.sv-checkbox-mask i:not(.sv-icon-check){opacity:1;transform:scale(1);transition:all .25s ease .15s}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check{opacity:1}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check span .line1:after{transition:all .25s ease .1s;width:100%}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check span .line2:after{height:100%;transition:all .2s ease .3s}.sv-checkbox:checked~.sv-checkbox-mask:after{opacity:1;transform:scale(1)}.sv-checkbox:checked~.sv-checkbox-mask:before{opacity:0;transform:scale(1.2)}.sv-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:7px;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-checkbox-label:before{background:-color("text",.6);content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-checkbox--disabled{pointer-events:none}.sv-checkbox--disabled .sv-checkbox-label{opacity:.5}.sv-checkbox--disabled .sv-checkbox-mask{background:transparent!important;opacity:.6}.sv-checkbox--checked .lineThrough{opacity:.4}.sv-checkbox--checked .lineThrough:before{width:calc(100% - 10px)}.sv-checkbox--loading{pointer-events:none}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask{background:transparent!important}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid -color("color",1)!important;border-radius:50%;border-top-color:transparent!important;opacity:1!important}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask:after{opacity:0;transform:scale(.5)}.sv-checkbox--loading .sv-checkbox-mask{background:transparent!important}.sv-checkbox--loading .sv-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid -color("gray-4",1)!important;border-radius:50%;border-top-color:transparent!important}@keyframes rotateCheckboxLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sv-checkbox--label-before .sv-checkbox-label{order:-1}
+.sv-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-close:before{transform:rotate(-45deg)}.sv-icon-close:after,.sv-icon-close:before{background:rgba(var(--sv-color),1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.sv-icon-close:after{transform:rotate(45deg)}.sv-icon-close.sv-icon-hover-less:hover:after,.sv-icon-close.sv-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.sv-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.sv-icon-plus:after,.sv-icon-plus:before{background:rgba(var(--sv-color),1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.sv-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.sv-icon-plus:hover:not(.less){transform:rotate(-90deg)}.sv-icon-plus.less:hover{transform:scale(.75)}.sv-icon-plus.less:after{transform:rotate(180deg)}.sv-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.sv-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.sv-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.sv-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.sv-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.sv-icon-check.active:before{width:8px}.sv-icon-check.active:after{width:4px}.sv-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.sv-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.sv-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.sv-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.sv-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.sv-icon-arrow:after{height:1px;width:100%}.sv-icon-arrow:after,.sv-icon-arrow:before{background:rgba(var(--sv-text),1);content:"";display:block;position:absolute;top:0}.sv-icon-arrow:before{height:100%;width:1px}.sv-checkbox-content{--sv-color:var(--sv-primary);align-items:center;display:flex;justify-content:flex-start}.sv-checkbox-con{border-radius:9px;height:23px;position:relative;width:23px;z-index:1}.sv-checkbox-mask{align-items:center;border-radius:32%;box-sizing:border-box;cursor:pointer;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;transition:all .25s ease;width:100%;z-index:50;z-index:-1}.sv-checkbox-mask i:not(.sv-icon-check){color:#fff;font-size:1.1em;opacity:0;transform:scale(.5);transition:all .25s ease}.sv-checkbox-mask:after{background:rgba(var(--sv-color),1);opacity:0;transform:scale(.5)}.sv-checkbox-mask:after,.sv-checkbox-mask:before{border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:-1}.sv-checkbox-mask:before{border:2px solid rgba(var(--sv-gray-4),1);box-sizing:border-box}.sv-checkbox-mask .sv-icon-check{opacity:0;z-index:200}.sv-checkbox{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:100}.sv-checkbox:disabled{opacity:0;pointer-events:none}.sv-checkbox:active~.sv-checkbox-mask{background:rgba(var(--sv-gray-4),1)!important}.sv-checkbox:hover~.sv-checkbox-mask{background:rgba(var(--sv-gray-3),1)}.sv-checkbox:hover~.sv-checkbox-mask:before{border:2px solid rgba(var(--sv-gray-4),0)}.sv-checkbox:checked:hover~.sv-checkbox-mask{box-shadow:0 3px 15px 0 rgba(var(--sv-color),.35)}.sv-checkbox:checked~.sv-checkbox-mask{box-shadow:0 0 0 0 rgba(var(--sv-color),.35)}.sv-checkbox:checked~.sv-checkbox-mask i:not(.sv-icon-check){opacity:1;transform:scale(1);transition:all .25s ease .15s}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check{opacity:1}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check span .line1:after{transition:all .25s ease .1s;width:100%}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check span .line2:after{height:100%;transition:all .2s ease .3s}.sv-checkbox:checked~.sv-checkbox-mask:after{opacity:1;transform:scale(1)}.sv-checkbox:checked~.sv-checkbox-mask:before{opacity:0;transform:scale(1.2)}.sv-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:7px;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-checkbox-label:before{background:rgba(var(--sv-text),.6);content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-checkbox--disabled{pointer-events:none}.sv-checkbox--disabled .sv-checkbox-label{opacity:.5}.sv-checkbox--disabled .sv-checkbox-mask{background:transparent!important;opacity:.6}.sv-checkbox--checked .lineThrough{opacity:.4}.sv-checkbox--checked .lineThrough:before{width:calc(100% - 10px)}.sv-checkbox--loading{pointer-events:none}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask{background:transparent!important}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid rgba(var(--sv-color),1)!important;border-radius:50%;border-top:2px solid transparent!important;opacity:1!important}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask:after{opacity:0;transform:scale(.5)}.sv-checkbox--loading .sv-checkbox-mask{background:transparent!important}.sv-checkbox--loading .sv-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid rgba(var(--sv-gray-4),1)!important;border-radius:50%;border-top:2px solid transparent!important}@keyframes rotateCheckboxLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sv-checkbox--label-before .sv-checkbox-label{order:-1}

package/dist/svDialog/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */

package/dist/svDialog/style.css

@@ -1 +1 @@
-.sv-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-close:before{transform:rotate(-45deg)}.sv-icon-close:after,.sv-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.sv-icon-close:after{transform:rotate(45deg)}.sv-icon-close.sv-icon-hover-less:hover:after,.sv-icon-close.sv-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.sv-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.sv-icon-plus:after,.sv-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.sv-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.sv-icon-plus:hover:not(.less){transform:rotate(-90deg)}.sv-icon-plus.less:hover{transform:scale(.75)}.sv-icon-plus.less:after{transform:rotate(180deg)}.sv-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.sv-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.sv-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.sv-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.sv-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.sv-icon-check.active:before{width:8px}.sv-icon-check.active:after{width:4px}.sv-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.sv-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.sv-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.sv-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.sv-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.sv-icon-arrow:after{height:1px;width:100%}.sv-icon-arrow:after,.sv-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.sv-icon-arrow:before{height:100%;width:1px}.sv-dialog-content{--sv-color:var(--sv-primary)}.sv-dialog-enter-active{transition:all .25s ease}.sv-dialog-enter-active .sv-dialog:not(.sv-dialog--fullScreen){animation:rebound .4s}.sv-dialog-leave-active,.sv-dialog-leave-active .sv-dialog{transition:all .15s ease}.sv-dialog-enter,.sv-dialog-leave-to{opacity:0}.sv-dialog-enter .sv-dialog,.sv-dialog-leave-to .sv-dialog{box-shadow:0 0 0 0 -rgba(0,0,0,-var("shadow-opacity"));transform:scale(.7)}.sv-dialog-enter .sv-dialog--fullScreen,.sv-dialog-leave-to .sv-dialog--fullScreen{transform:translateY(8%)!important}@keyframes rebound{0%{transform:scale(.8)}40%{transform:scale(1.08)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes reboundClick{0%{transform:scale(1)}40%{transform:scale(1.05)}80%{transform:scale(.96)}to{transform:scale(1)}}.sv-dialog-content{align-items:flex-start;background:-rgba(0,0,0,-var("background-opacity"));display:flex;height:100%;justify-content:center;left:0;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:80px;padding-top:80px;position:fixed;top:0;width:100%;z-index:-var("zindex-2")}.sv-dialog-content.fullScreen{overflow:hidden;padding:0}.sv-dialog-content.blur{backdrop-filter:saturate(180%) blur(15px)}.sv-dialog{background:-color("background");border-radius:-var("radius");box-shadow:0 5px 30px 0 -rgba(0,0,0,-var("shadow-opacity"));color:-color("text");margin:auto;max-width:800px;min-width:400px;position:relative;transition:all .25s ease}.sv-dialog--notCenter .sv-dialog__header{display:block}.sv-dialog__loading{align-items:center;background:-color("background",.8);border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.sv-dialog__loading:after{animation:loadingDialog .6s ease infinite;border:2px solid -color("color",0);border-radius:inherit;border-right-color:-color("color",1)}.sv-dialog__loading:after,.sv-dialog__loading:before{box-shadow:0 0 0 0 -color("color",1);box-sizing:border-box;content:"";display:block;height:30px;position:absolute;transition:all .25s ease;width:30px}.sv-dialog__loading:before{animation:loadingDialog .6s linear infinite;border:2px solid -color("color",0);border-radius:inherit;border-right:2px dashed -color("color",1)}.sv-dialog--scroll .sv-dialog__content{max-height:calc(80vh - 200px);overflow:auto}.sv-dialog--autoWidth{max-width:auto!important;min-width:auto!important;width:auto!important}.sv-dialog--square,.sv-dialog--square .sv-dialog__close{border-radius:0}.sv-dialog--notPadding .sv-dialog__footer{padding:0}.sv-dialog--notPadding .sv-dialog__content{margin-bottom:0!important;padding:0}.sv-dialog--notPadding .sv-dialog__header{padding:0}.sv-dialog--rebound{animation:reboundClick .3s!important}.sv-dialog--fullScreen{height:calc(100% - 30px)!important;max-height:none!important;max-width:none!important;width:calc(100% - 30px)!important}.sv-dialog__footer{padding:0 16px 10px}.sv-dialog__header{align-items:center;display:flex;justify-content:center;padding:10px 16px}.sv-dialog__content{border-radius:inherit;padding:10px 16px;position:relative;width:100%}.sv-dialog__content.notFooter{margin-bottom:20px}.sv-dialog__close{--sv-color:var(--sv-text);align-items:center;background:inherit;border:0;border-radius:12px;box-shadow:0 5px 20px 0 -rgba(0,0,0,-var("shadow-opacity"));display:flex;justify-content:center;margin:0;padding:0;position:absolute;right:-6px;top:-6px;transition:all .25s ease;z-index:200}.sv-dialog__close i{height:34px;opacity:.7;width:34px}.sv-dialog__close i:after,.sv-dialog__close i:before{width:14px}.sv-dialog__close:hover{box-shadow:0 0 4px 0 -rgba(0,0,0,-var("shadow-opacity"));transform:translate(-2px,2px)}.sv-dialog__close:hover i{opacity:1}@keyframes loadingDialog{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:600px){.sv-dialog{margin:auto 10px;max-width:calc(100vw - 20px);min-width:calc(100vw - 20px)}}
+.sv-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-close:before{transform:rotate(-45deg)}.sv-icon-close:after,.sv-icon-close:before{background:rgba(var(--sv-color),1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.sv-icon-close:after{transform:rotate(45deg)}.sv-icon-close.sv-icon-hover-less:hover:after,.sv-icon-close.sv-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.sv-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.sv-icon-plus:after,.sv-icon-plus:before{background:rgba(var(--sv-color),1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.sv-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.sv-icon-plus:hover:not(.less){transform:rotate(-90deg)}.sv-icon-plus.less:hover{transform:scale(.75)}.sv-icon-plus.less:after{transform:rotate(180deg)}.sv-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.sv-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.sv-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.sv-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.sv-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.sv-icon-check.active:before{width:8px}.sv-icon-check.active:after{width:4px}.sv-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.sv-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.sv-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.sv-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.sv-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.sv-icon-arrow:after{height:1px;width:100%}.sv-icon-arrow:after,.sv-icon-arrow:before{background:rgba(var(--sv-text),1);content:"";display:block;position:absolute;top:0}.sv-icon-arrow:before{height:100%;width:1px}.sv-dialog-content{--sv-color:var(--sv-primary)}.sv-dialog-enter-active{transition:all .25s ease}.sv-dialog-enter-active .sv-dialog:not(.sv-dialog--fullScreen){animation:rebound .4s}.sv-dialog-leave-active,.sv-dialog-leave-active .sv-dialog{transition:all .15s ease}.sv-dialog-enter,.sv-dialog-leave-to{opacity:0}.sv-dialog-enter .sv-dialog,.sv-dialog-leave-to .sv-dialog{box-shadow:0 0 0 0 rgba(0,0,0,var(--sv-shadow-opacity));transform:scale(.7)}.sv-dialog-enter .sv-dialog--fullScreen,.sv-dialog-leave-to .sv-dialog--fullScreen{transform:translateY(8%)!important}@keyframes rebound{0%{transform:scale(.8)}40%{transform:scale(1.08)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes reboundClick{0%{transform:scale(1)}40%{transform:scale(1.05)}80%{transform:scale(.96)}to{transform:scale(1)}}.sv-dialog-content{align-items:flex-start;background:rgba(0,0,0,var(--sv-background-opacity));display:flex;height:100%;justify-content:center;left:0;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:80px;padding-top:80px;position:fixed;top:0;width:100%;z-index:var(--sv-zindex-2)}.sv-dialog-content.fullScreen{overflow:hidden;padding:0}.sv-dialog-content.blur{backdrop-filter:saturate(180%) blur(15px)}.sv-dialog{background:rgba(var(--sv-background),1);border-radius:var(--sv-radius);box-shadow:0 5px 30px 0 rgba(0,0,0,var(--sv-shadow-opacity));color:rgba(var(--sv-text),1);margin:auto;max-width:800px;min-width:400px;position:relative;transition:all .25s ease}.sv-dialog--notCenter .sv-dialog__header{display:block}.sv-dialog__loading{align-items:center;background:rgba(var(--sv-background),.8);border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.sv-dialog__loading:after{animation:loadingDialog .6s ease infinite;border-bottom:2px solid rgba(var(--sv-color),1);border-left:2px solid rgba(var(--sv-color),1);border-radius:inherit;border-top:2px solid rgba(var(--sv-color),1);border:2px solid rgba(var(--sv-color),0);border-right-color:rgba(var(--sv-color),1)}.sv-dialog__loading:after,.sv-dialog__loading:before{box-shadow:0 0 0 0 rgba(var(--sv-color),1);box-sizing:border-box;content:"";display:block;height:30px;position:absolute;transition:all .25s ease;width:30px}.sv-dialog__loading:before{animation:loadingDialog .6s linear infinite;border-bottom:2px dashed rgba(var(--sv-color),1);border-left:2px dashed rgba(var(--sv-color),1);border-radius:inherit;border-top:2px dashed rgba(var(--sv-color),1);border:2px solid rgba(var(--sv-color),0);border-right:2px dashed rgba(var(--sv-color),1)}.sv-dialog--scroll .sv-dialog__content{max-height:calc(80vh - 200px);overflow:auto}.sv-dialog--autoWidth{max-width:auto!important;min-width:auto!important;width:auto!important}.sv-dialog--square,.sv-dialog--square .sv-dialog__close{border-radius:0}.sv-dialog--notPadding .sv-dialog__footer{padding:0}.sv-dialog--notPadding .sv-dialog__content{margin-bottom:0!important;padding:0}.sv-dialog--notPadding .sv-dialog__header{padding:0}.sv-dialog--rebound{animation:reboundClick .3s!important}.sv-dialog--fullScreen{height:calc(100% - 30px)!important;max-height:none!important;max-width:none!important;width:calc(100% - 30px)!important}.sv-dialog__footer{padding:0 16px 10px}.sv-dialog__header{align-items:center;display:flex;justify-content:center;padding:10px 16px}.sv-dialog__content{border-radius:inherit;padding:10px 16px;position:relative;width:100%}.sv-dialog__content.notFooter{margin-bottom:20px}.sv-dialog__close{--sv-color:var(--sv-text);align-items:center;background:inherit;border:0;border-radius:12px;box-shadow:0 5px 20px 0 rgba(0,0,0,var(--sv-shadow-opacity));display:flex;justify-content:center;margin:0;padding:0;position:absolute;right:-6px;top:-6px;transition:all .25s ease;z-index:200}.sv-dialog__close i{height:34px;opacity:.7;width:34px}.sv-dialog__close i:after,.sv-dialog__close i:before{width:14px}.sv-dialog__close:hover{box-shadow:0 0 4px 0 rgba(0,0,0,var(--sv-shadow-opacity));transform:translate(-2px,2px)}.sv-dialog__close:hover i{opacity:1}@keyframes loadingDialog{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:600px){.sv-dialog{margin:auto 10px;max-width:calc(100vw - 20px);min-width:calc(100vw - 20px)}}

package/dist/svInput/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */

package/dist/svInput/style.css

@@ -1 +1 @@
-.sv-input-parent{--sv-color:var(--sv-primary);align-self:center;display:flex;flex-direction:column;justify-content:center;position:relative}.sv-input-parent.square .sv-input-content{border-radius:0!important}.sv-input-parent.textWhite .sv-input{color:#fff}.sv-input-parent.transparent .sv-input{background:transparent!important}.sv-input-parent.block,.sv-input-parent.block .sv-input{width:100%}.sv-input-parent--has-label{margin-top:20px!important}.sv-input-parent--state-success .sv-input{background:-color("success",.1)!important;color:-color("success",1)}.sv-input-parent--state-success .sv-input__label{color:-color("success",1)}.sv-input-parent--state-success .sv-input__icon{background:-color("success",.1);box-shadow:-15px 10px 10px -10px -color("success",.1);color:-color("success",1)}.sv-input-parent--state-danger .sv-input{background:-color("danger",.1)!important;color:-color("danger",1)}.sv-input-parent--state-danger .sv-input__label{color:-color("danger",1)}.sv-input-parent--state-danger .sv-input__icon{background:-color("danger",.1);box-shadow:-15px 10px 10px -10px -color("danger",.1);color:-color("danger",1)}.sv-input-parent--state-warn .sv-input{background:-color("warn",.1)!important;color:-color("warn",1)}.sv-input-parent--state-warn .sv-input__label{color:-color("warn",1)}.sv-input-parent--state-warn .sv-input__icon{background:-color("warn",.1);box-shadow:-15px 10px 10px -10px -color("warn",.1);color:-color("warn",1)}.sv-input-parent--state-dark .sv-input{background:-color("dark",.1)!important;color:-color("dark",1)}.sv-input-parent--state-dark .sv-input__label{color:-color("dark",1)}.sv-input-parent--state-dark .sv-input__icon{background:-color("dark",.1);box-shadow:-15px 10px 10px -10px -color("dark",.1);color:-color("dark",1)}.sv-input-parent--state-primary .sv-input{background:-color("primary",.1)!important;color:-color("primary",1)}.sv-input-parent--state-primary .sv-input__label{color:-color("primary",1)}.sv-input-parent--state-primary .sv-input__icon{background:-color("primary",.1);box-shadow:-15px 10px 10px -10px -color("primary",.1);color:-color("primary",1)}.sv-input-content{align-items:center;border-radius:12px;display:flex;justify-content:flex-start;position:relative}.sv-input-content+.sv-input__message{padding-top:2px}.sv-input-content--has-color .sv-input:focus{border-bottom:2px solid -color("color",1)}.sv-input-content--has-color .sv-input:focus~.sv-input__icon,.sv-input-content--has-color .sv-input:focus~.sv-input__label,.sv-input-content--has-color .sv-input:focus~.sv-input__label--placeholder{color:-color("color",1)}.sv-input{background:-color("gray-2");border:2px solid transparent;border-radius:inherit;color:-color("text");padding:7px 13px 7px 10px;transition:all .25s ease;width:200px}.sv-input:focus{background:-color("gray-3");padding-left:15px}.sv-input:focus.sv-input--has-icon:not(.sv-input--has-icon--after){padding-left:40px}.sv-input:focus.sv-input--has-icon:not(.sv-input--has-icon--after)~.sv-input__icon{box-shadow:15px 10px 10px -10px -rgba(0,0,0,-var(shadow-opacity))}.sv-input:focus.sv-input--has-icon:not(.sv-input--has-icon--after)~.sv-input__label:not(.sv-input__label--placeholder):not(.sv-input__label--label){left:44px}.sv-input:focus~.sv-input__icon{background:-color("gray-1");box-shadow:-15px 10px 10px -10px -rgba(0,0,0,-var(shadow-opacity));transform:translate(-6px,-6px)}.sv-input:focus~.sv-input__icon--after{transform:translate(6px,-6px)}.sv-input:focus~.sv-input__label:not(.sv-input__label--placeholder):not(.sv-input__label--label){left:20px;opacity:0}.sv-input:focus~.sv-input__label--placeholder{font-size:.75rem;opacity:1;pointer-events:auto;transform:translate(-3%,-77%);visibility:visible}.sv-input__label{align-items:center;cursor:text;display:flex;font-size:.8rem;height:100%;justify-content:flex-start;left:13px;opacity:.4;pointer-events:none;position:absolute;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.sv-input__label--hidden{opacity:0;visibility:hidden}.sv-input__label--hidden.sv-input__label--placeholder{font-size:.75rem;opacity:1;pointer-events:auto;transform:translate(-3px,-80%);visibility:visible}.sv-input__label--label{font-size:.75rem;opacity:1;pointer-events:auto;transform:translate(-2px,-77%);visibility:visible}.sv-input--has-icon{padding-left:38px}.sv-input--has-icon~.sv-input__label{left:44px}.sv-input--has-icon--after{padding-left:7px;padding-right:38px}.sv-input--has-icon--after~.sv-input__label{left:13px}.sv-input--has-icon--after.sv-input__label--label{transform:translate(-25px,-80%)!important}.sv-input--has-icon:focus--has-icon--after~.sv-input__label--placeholder{transform:translate(-25px,-80%)!important}.sv-input--has-icon:focus--has-icon--after~.sv-input__label{left:44px}.sv-input__icon{align-items:center;background:-color("gray-2");border-radius:inherit;box-shadow:12px 0 10px -10px -rgba(0,0,0,-var(shadow-opacity));display:flex;height:36px;justify-content:center;left:0;pointer-events:none;position:absolute;right:auto;transition:all .25s ease;width:36px}.sv-input__icon--after{box-shadow:-12px 0 10px -10px -rgba(0,0,0,-var(shadow-opacity));left:auto;right:0}.sv-input__icon--click{cursor:pointer;pointer-events:auto!important}.sv-input__icon--click:hover{background:-color("gray-1");box-shadow:-15px 10px 10px -10px -rgba(0,0,0,-var(shadow-opacity));transform:translate(-6px,-6px)}.sv-input__icon--click:hover.sv-input__icon--after{transform:translate(6px,-6px)}.sv-input__message{font-size:.7rem;overflow:hidden;padding:0 7px;position:relative;transition:all .25s ease}.sv-input__message--success{color:-color("success",1)}.sv-input__message--danger{color:-color("danger",1)}.sv-input__message--warn{color:-color("warn",1)}.sv-input__message--dark{color:-color("dark",1)}.sv-input__message--primary{color:-color("primary",1)}.sv-input__progress{background:-color("gray-2");border-radius:5px;height:2px;left:2.5%;margin-top:5px;overflow:hidden;position:relative;width:95%}.sv-input__progress--danger .sv-input__progress__bar{background:-color("danger",1)}.sv-input__progress--warn .sv-input__progress__bar{background:-color("warn",1)}.sv-input__progress--success .sv-input__progress__bar{background:-color("success",1)}.sv-input__progress__bar{border-radius:5px;height:2px;max-width:100%;transition:all .25s ease;width:32%}.sv-input__loading{background:inherit;border-radius:50%;box-sizing:border-box;cursor:default;height:22px;pointer-events:none;position:absolute;right:7px;width:22px}.sv-input__loading:after{animation:rotateInputLoading .8s ease infinite;border:2px solid transparent;border-bottom-color:-color("primary",1);border-radius:inherit}.sv-input__loading:after,.sv-input__loading:before{box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.sv-input__loading:before{animation:rotateInputLoading .8s linear infinite;border:2px solid transparent;border-bottom:2px dashed -color("primary",1);border-radius:inherit;opacity:.2}.sv-input-parent--border .sv-input__icon{background:transparent!important;box-shadow:none!important}.sv-input-parent--border .sv-input-content{border-radius:0}.sv-input-parent--border .sv-input-content .sv-input__affects{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.sv-input-parent--border .sv-input-content .sv-input__affects__1{border-bottom:2px solid -color("gray-3");bottom:0;height:2px;position:absolute;transition:all .25s ease;width:100%}.sv-input-parent--border .sv-input-content .sv-input__affects__2{border-bottom:2px solid -color("color",1);bottom:0;height:2px;left:50%;position:absolute;transform:translate(-50%);transition:all .25s ease;width:0}.sv-input-parent--border .sv-input-content .sv-input{background:transparent;border-radius:0}.sv-input-parent--border .sv-input-content .sv-input:focus~.sv-input__affects .sv-input__affects__2{width:100%}.sv-input-parent--shadow .sv-input__icon{background:transparent;z-index:100}.sv-input-parent--shadow .sv-input-content .sv-input__affects{border-radius:inherit;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.sv-input-parent--shadow .sv-input-content .sv-input__affects__1{border-radius:inherit;box-shadow:0 6px 25px -6px -rgba(0,0,0,-var(shadow-opacity));height:100%;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:200}.sv-input-parent--shadow .sv-input-content .sv-input{background:transparent;border:2px solid transparent;border-radius:0}.sv-input-parent--shadow .sv-input-content .sv-input:focus{transform:translateY(3px)}.sv-input-parent--shadow .sv-input-content .sv-input:focus~.sv-input__icon{background:-color("background")!important;box-shadow:0 10px 20px -5px -rgba(0,0,0,-var(shadow-opacity))!important;opacity:1}.sv-input-parent--shadow .sv-input-content .sv-input:focus~.sv-input__affects .sv-input__affects__1{box-shadow:0 0 3px 0 -rgba(0,0,0,-var(shadow-opacity));transform:translateY(3px)}@keyframes rotateInputLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+.sv-input-parent{--sv-color:var(--sv-primary);align-self:center;display:flex;flex-direction:column;justify-content:center;position:relative}.sv-input-parent.square .sv-input-content{border-radius:0!important}.sv-input-parent.textWhite .sv-input{color:#fff}.sv-input-parent.transparent .sv-input{background:transparent!important}.sv-input-parent.block,.sv-input-parent.block .sv-input{width:100%}.sv-input-parent--has-label{margin-top:20px!important}.sv-input-parent--state-success .sv-input{background:rgba(var(--sv-success),.1)!important;color:rgba(var(--sv-success),1)}.sv-input-parent--state-success .sv-input__label{color:rgba(var(--sv-success),1)}.sv-input-parent--state-success .sv-input__icon{background:rgba(var(--sv-success),.1);box-shadow:-15px 10px 10px -10px rgba(var(--sv-success),.1);color:rgba(var(--sv-success),1)}.sv-input-parent--state-danger .sv-input{background:rgba(var(--sv-danger),.1)!important;color:rgba(var(--sv-danger),1)}.sv-input-parent--state-danger .sv-input__label{color:rgba(var(--sv-danger),1)}.sv-input-parent--state-danger .sv-input__icon{background:rgba(var(--sv-danger),.1);box-shadow:-15px 10px 10px -10px rgba(var(--sv-danger),.1);color:rgba(var(--sv-danger),1)}.sv-input-parent--state-warn .sv-input{background:rgba(var(--sv-warn),.1)!important;color:rgba(var(--sv-warn),1)}.sv-input-parent--state-warn .sv-input__label{color:rgba(var(--sv-warn),1)}.sv-input-parent--state-warn .sv-input__icon{background:rgba(var(--sv-warn),.1);box-shadow:-15px 10px 10px -10px rgba(var(--sv-warn),.1);color:rgba(var(--sv-warn),1)}.sv-input-parent--state-dark .sv-input{background:rgba(var(--sv-dark),.1)!important;color:rgba(var(--sv-dark),1)}.sv-input-parent--state-dark .sv-input__label{color:rgba(var(--sv-dark),1)}.sv-input-parent--state-dark .sv-input__icon{background:rgba(var(--sv-dark),.1);box-shadow:-15px 10px 10px -10px rgba(var(--sv-dark),.1);color:rgba(var(--sv-dark),1)}.sv-input-parent--state-primary .sv-input{background:rgba(var(--sv-primary),.1)!important;color:rgba(var(--sv-primary),1)}.sv-input-parent--state-primary .sv-input__label{color:rgba(var(--sv-primary),1)}.sv-input-parent--state-primary .sv-input__icon{background:rgba(var(--sv-primary),.1);box-shadow:-15px 10px 10px -10px rgba(var(--sv-primary),.1);color:rgba(var(--sv-primary),1)}.sv-input-content{align-items:center;border-radius:12px;display:flex;justify-content:flex-start;position:relative}.sv-input-content+.sv-input__message{padding-top:2px}.sv-input-content--has-color .sv-input:focus{border-bottom:2px solid rgba(var(--sv-color),1)}.sv-input-content--has-color .sv-input:focus~.sv-input__icon,.sv-input-content--has-color .sv-input:focus~.sv-input__label,.sv-input-content--has-color .sv-input:focus~.sv-input__label--placeholder{color:rgba(var(--sv-color),1)}.sv-input{background:rgba(var(--sv-gray-2),1);border:2px solid transparent;border-radius:inherit;color:rgba(var(--sv-text),1);padding:7px 13px 7px 10px;transition:all .25s ease;width:200px}.sv-input:focus{background:rgba(var(--sv-gray-3),1);padding-left:15px}.sv-input:focus.sv-input--has-icon:not(.sv-input--has-icon--after){padding-left:40px}.sv-input:focus.sv-input--has-icon:not(.sv-input--has-icon--after)~.sv-input__icon{box-shadow:15px 10px 10px -10px rgba(0,0,0,var(--sv-shadow-opacity))}.sv-input:focus.sv-input--has-icon:not(.sv-input--has-icon--after)~.sv-input__label:not(.sv-input__label--placeholder):not(.sv-input__label--label){left:44px}.sv-input:focus~.sv-input__icon{background:rgba(var(--sv-gray-1),1);box-shadow:-15px 10px 10px -10px rgba(0,0,0,var(--sv-shadow-opacity));transform:translate(-6px,-6px)}.sv-input:focus~.sv-input__icon--after{transform:translate(6px,-6px)}.sv-input:focus~.sv-input__label:not(.sv-input__label--placeholder):not(.sv-input__label--label){left:20px;opacity:0}.sv-input:focus~.sv-input__label--placeholder{font-size:.75rem;opacity:1;pointer-events:auto;transform:translate(-3%,-77%);visibility:visible}.sv-input__label{align-items:center;cursor:text;display:flex;font-size:.8rem;height:100%;justify-content:flex-start;left:13px;opacity:.4;pointer-events:none;position:absolute;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.sv-input__label--hidden{opacity:0;visibility:hidden}.sv-input__label--hidden.sv-input__label--placeholder{font-size:.75rem;opacity:1;pointer-events:auto;transform:translate(-3px,-80%);visibility:visible}.sv-input__label--label{font-size:.75rem;opacity:1;pointer-events:auto;transform:translate(-2px,-77%);visibility:visible}.sv-input--has-icon{padding-left:38px}.sv-input--has-icon~.sv-input__label{left:44px}.sv-input--has-icon--after{padding-left:7px;padding-right:38px}.sv-input--has-icon--after~.sv-input__label{left:13px}.sv-input--has-icon--after.sv-input__label--label{transform:translate(-25px,-80%)!important}.sv-input--has-icon:focus--has-icon--after~.sv-input__label--placeholder{transform:translate(-25px,-80%)!important}.sv-input--has-icon:focus--has-icon--after~.sv-input__label{left:44px}.sv-input__icon{align-items:center;background:rgba(var(--sv-gray-2),1);border-radius:inherit;box-shadow:12px 0 10px -10px rgba(0,0,0,var(--sv-shadow-opacity));display:flex;height:36px;justify-content:center;left:0;pointer-events:none;position:absolute;right:auto;transition:all .25s ease;width:36px}.sv-input__icon--after{box-shadow:-12px 0 10px -10px rgba(0,0,0,var(--sv-shadow-opacity));left:auto;right:0}.sv-input__icon--click{cursor:pointer;pointer-events:auto!important}.sv-input__icon--click:hover{background:rgba(var(--sv-gray-1),1);box-shadow:-15px 10px 10px -10px rgba(0,0,0,var(--sv-shadow-opacity));transform:translate(-6px,-6px)}.sv-input__icon--click:hover.sv-input__icon--after{transform:translate(6px,-6px)}.sv-input__message{font-size:.7rem;overflow:hidden;padding:0 7px;position:relative;transition:all .25s ease}.sv-input__message--success{color:rgba(var(--sv-success),1)}.sv-input__message--danger{color:rgba(var(--sv-danger),1)}.sv-input__message--warn{color:rgba(var(--sv-warn),1)}.sv-input__message--dark{color:rgba(var(--sv-dark),1)}.sv-input__message--primary{color:rgba(var(--sv-primary),1)}.sv-input__progress{background:rgba(var(--sv-gray-2),1);border-radius:5px;height:2px;left:2.5%;margin-top:5px;overflow:hidden;position:relative;width:95%}.sv-input__progress--danger .sv-input__progress__bar{background:rgba(var(--sv-danger),1)}.sv-input__progress--warn .sv-input__progress__bar{background:rgba(var(--sv-warn),1)}.sv-input__progress--success .sv-input__progress__bar{background:rgba(var(--sv-success),1)}.sv-input__progress__bar{border-radius:5px;height:2px;max-width:100%;transition:all .25s ease;width:32%}.sv-input__loading{background:inherit;border-radius:50%;box-sizing:border-box;cursor:default;height:22px;pointer-events:none;position:absolute;right:7px;width:22px}.sv-input__loading:after{animation:rotateInputLoading .8s ease infinite;border:2px solid transparent;border-bottom:2px solid rgba(var(--sv-primary),1)}.sv-input__loading:after,.sv-input__loading:before{border-radius:inherit;box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.sv-input__loading:before{animation:rotateInputLoading .8s linear infinite;border:2px solid transparent;border-bottom:2px dashed rgba(var(--sv-primary),1);opacity:.2}.sv-input-parent--border .sv-input__icon{background:transparent!important;box-shadow:none!important}.sv-input-parent--border .sv-input-content{border-radius:0}.sv-input-parent--border .sv-input-content .sv-input__affects{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.sv-input-parent--border .sv-input-content .sv-input__affects__1{border-bottom:2px solid rgba(var(--sv-gray-3),1);bottom:0;height:2px;position:absolute;transition:all .25s ease;width:100%}.sv-input-parent--border .sv-input-content .sv-input__affects__2{border-bottom:2px solid rgba(var(--sv-color),1);bottom:0;height:2px;left:50%;position:absolute;transform:translate(-50%);transition:all .25s ease;width:0}.sv-input-parent--border .sv-input-content .sv-input{background:transparent;border-radius:0}.sv-input-parent--border .sv-input-content .sv-input:focus~.sv-input__affects .sv-input__affects__2{width:100%}.sv-input-parent--shadow .sv-input__icon{background:transparent;z-index:100}.sv-input-parent--shadow .sv-input-content .sv-input__affects{border-radius:inherit;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.sv-input-parent--shadow .sv-input-content .sv-input__affects__1{border-radius:inherit;box-shadow:0 6px 25px -6px rgba(0,0,0,var(--sv-shadow-opacity));height:100%;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:200}.sv-input-parent--shadow .sv-input-content .sv-input{background:transparent;border:2px solid transparent;border-radius:0}.sv-input-parent--shadow .sv-input-content .sv-input:focus{transform:translateY(3px)}.sv-input-parent--shadow .sv-input-content .sv-input:focus~.sv-input__icon{background:rgba(var(--sv-background),1)!important;box-shadow:0 10px 20px -5px rgba(0,0,0,var(--sv-shadow-opacity))!important;opacity:1}.sv-input-parent--shadow .sv-input-content .sv-input:focus~.sv-input__affects .sv-input__affects__1{box-shadow:0 0 3px 0 rgba(0,0,0,var(--sv-shadow-opacity));transform:translateY(3px)}@keyframes rotateInputLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

package/dist/svNavbar/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */

package/dist/svNavbar/style.css

@@ -1 +1 @@
-.sv-navbar-content{--sv-color:var(--sv-background);background:-color("color");border-radius:0 0 15px 15px;color:-color("text");left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:9000}.sv-navbar-content.paddingScroll:not(.paddingScrollActive){padding-bottom:20px;padding-top:20px}.sv-navbar-content.paddingScroll:not(.paddingScrollActive) .sv-navbar__group__items{margin-bottom:-30px}.sv-navbar-content.svNavbarSquare{border-radius:0}.sv-navbar-content.textWhite{color:#fff}.sv-navbar-content.textWhite .sv-navbar__item:before,.sv-navbar-content.textWhite .sv-navbar__line{background:#fff}.sv-navbar-content.fixed{position:fixed!important}.sv-navbar-content.shadow,.sv-navbar-content.shadowActive{box-shadow:0 5px 25px 0 -rgba(0,0,0,-var("shadow-opacity"))}.sv-navbar-content.hidden{transform:translateY(-100%)}.sv-navbar{box-sizing:border-box;justify-content:space-between;min-height:44px;padding:0 15px;position:relative;width:100%}.sv-navbar,.sv-navbar__left{align-items:center;display:flex}.sv-navbar__left{justify-content:flex-start}.sv-navbar__right{align-items:center;display:flex;justify-content:flex-end}.sv-navbar__center{align-items:center;display:flex;justify-content:center}.sv-navbar__line{background:-color("text");bottom:0;height:3px;left:0;position:absolute;transition:all .25s ease;width:100px}.sv-navbar__line.notTransition{transition:none!important}
+.sv-navbar-content{--sv-color:var(--sv-background);background:rgba(var(--sv-color),1);border-radius:0 0 15px 15px;color:rgba(var(--sv-text),1);left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:9000}.sv-navbar-content.paddingScroll:not(.paddingScrollActive){padding-bottom:20px;padding-top:20px}.sv-navbar-content.paddingScroll:not(.paddingScrollActive) .sv-navbar__group__items{margin-bottom:-30px}.sv-navbar-content.svNavbarSquare{border-radius:0}.sv-navbar-content.textWhite{color:#fff}.sv-navbar-content.textWhite .sv-navbar__item:before,.sv-navbar-content.textWhite .sv-navbar__line{background:#fff}.sv-navbar-content.fixed{position:fixed!important}.sv-navbar-content.shadow,.sv-navbar-content.shadowActive{box-shadow:0 5px 25px 0 rgba(0,0,0,var(--sv-shadow-opacity))}.sv-navbar-content.hidden{transform:translateY(-100%)}.sv-navbar{box-sizing:border-box;justify-content:space-between;min-height:44px;padding:0 15px;position:relative;width:100%}.sv-navbar,.sv-navbar__left{align-items:center;display:flex}.sv-navbar__left{justify-content:flex-start}.sv-navbar__right{align-items:center;display:flex;justify-content:flex-end}.sv-navbar__center{align-items:center;display:flex;justify-content:center}.sv-navbar__line{background:rgba(var(--sv-text),1);bottom:0;height:3px;left:0;position:absolute;transition:all .25s ease;width:100px}.sv-navbar__line.notTransition{transition:none!important}

package/dist/svNavbarGroup/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */

package/dist/svNavbarGroup/style.css

@@ -1 +1 @@
-.sv-navbar__group{position:relative}.sv-navbar__group:hover .sv-navbar__group__item{opacity:1}.sv-navbar__group:hover .sv-navbar__group__items{opacity:1;transform:translateY(100%);visibility:visible}.sv-navbar__group__item{background:transparent;border:0;color:inherit;font-weight:700;opacity:.7;padding:10px 15px;transition:all .25s ease,color 0s}.sv-navbar__group__items{align-items:center;background:-color("color");border-radius:5px 18px 18px 18px;bottom:0;box-shadow:0 5px 20px 0 -rgba(0,0,0,-var("shadow-opacity"));color:inherit;display:flex;flex-direction:column;justify-content:center;left:0;margin-bottom:-12px;min-width:160px;opacity:0;padding:10px;position:absolute;transform:translateY(90%);transition:all .25s ease;visibility:hidden}.sv-navbar__group__items:after{background:transparent;content:"";height:14px;left:0;position:absolute;top:-13px;width:100%;z-index:-1}.sv-navbar__group__items .sv-navbar__item{padding:5px 10px;position:relative;text-align:left;width:100%}.sv-navbar__group__items .sv-navbar__item:before{background:-color("text");border-radius:50%;content:"";height:4px;left:0;opacity:0;position:absolute;top:0;top:calc(50% - 2px);transform:translate(-10px);transition:all .25s ease;width:4px}.sv-navbar__group__items .sv-navbar__item.active:before{opacity:1;transform:translate(0)}
+.sv-navbar__group{position:relative}.sv-navbar__group:hover .sv-navbar__group__item{opacity:1}.sv-navbar__group:hover .sv-navbar__group__items{opacity:1;transform:translateY(100%);visibility:visible}.sv-navbar__group__item{background:transparent;border:0;color:inherit;font-weight:700;opacity:.7;padding:10px 15px;transition:all .25s ease,color 0s}.sv-navbar__group__items{align-items:center;background:rgba(var(--sv-color),1);border-radius:5px 18px 18px 18px;bottom:0;box-shadow:0 5px 20px 0 rgba(0,0,0,var(--sv-shadow-opacity));color:inherit;display:flex;flex-direction:column;justify-content:center;left:0;margin-bottom:-12px;min-width:160px;opacity:0;padding:10px;position:absolute;transform:translateY(90%);transition:all .25s ease;visibility:hidden}.sv-navbar__group__items:after{background:transparent;content:"";height:14px;left:0;position:absolute;top:-13px;width:100%;z-index:-1}.sv-navbar__group__items .sv-navbar__item{padding:5px 10px;position:relative;text-align:left;width:100%}.sv-navbar__group__items .sv-navbar__item:before{background:rgba(var(--sv-text),1);border-radius:50%;content:"";height:4px;left:0;opacity:0;position:absolute;top:0;top:calc(50% - 2px);transform:translate(-10px);transition:all .25s ease;width:4px}.sv-navbar__group__items .sv-navbar__item.active:before{opacity:1;transform:translate(0)}

package/dist/svNavbarItem/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */

package/dist/svOption/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */

package/dist/svOption/style.css

@@ -1 +1 @@
-.sv-checkbox-content{--sv-color:var(--sv-primary);align-items:center;display:flex;justify-content:flex-start}.sv-checkbox-con{border-radius:9px;height:23px;position:relative;width:23px;z-index:1}.sv-checkbox-mask{align-items:center;border-radius:32%;box-sizing:border-box;cursor:pointer;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;transition:all .25s ease;width:100%;z-index:50;z-index:-1}.sv-checkbox-mask i:not(.sv-icon-check){color:#fff;font-size:1.1em;opacity:0;transform:scale(.5);transition:all .25s ease}.sv-checkbox-mask:after{background:-color("color",1);opacity:0;transform:scale(.5)}.sv-checkbox-mask:after,.sv-checkbox-mask:before{border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:-1}.sv-checkbox-mask:before{border:2px solid -color("gray-4",1);box-sizing:border-box}.sv-checkbox-mask .sv-icon-check{opacity:0;z-index:200}.sv-checkbox{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:100}.sv-checkbox:disabled{opacity:0;pointer-events:none}.sv-checkbox:active~.sv-checkbox-mask{background:-color("gray-4",1)!important}.sv-checkbox:hover~.sv-checkbox-mask{background:-color("gray-3",1)}.sv-checkbox:hover~.sv-checkbox-mask:before{border:2px solid -color("gray-4",0)}.sv-checkbox:checked:hover~.sv-checkbox-mask{box-shadow:0 3px 15px 0 -color("color",.35)}.sv-checkbox:checked~.sv-checkbox-mask{box-shadow:0 0 0 0 -color("color",.35)}.sv-checkbox:checked~.sv-checkbox-mask i:not(.sv-icon-check){opacity:1;transform:scale(1);transition:all .25s ease .15s}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check{opacity:1}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check span .line1:after{transition:all .25s ease .1s;width:100%}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check span .line2:after{height:100%;transition:all .2s ease .3s}.sv-checkbox:checked~.sv-checkbox-mask:after{opacity:1;transform:scale(1)}.sv-checkbox:checked~.sv-checkbox-mask:before{opacity:0;transform:scale(1.2)}.sv-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:7px;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-checkbox-label:before{background:-color("text",.6);content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-checkbox--disabled{pointer-events:none}.sv-checkbox--disabled .sv-checkbox-label{opacity:.5}.sv-checkbox--disabled .sv-checkbox-mask{background:transparent!important;opacity:.6}.sv-checkbox--checked .lineThrough{opacity:.4}.sv-checkbox--checked .lineThrough:before{width:calc(100% - 10px)}.sv-checkbox--loading{pointer-events:none}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask{background:transparent!important}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid -color("color",1)!important;border-radius:50%;border-top-color:transparent!important;opacity:1!important}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask:after{opacity:0;transform:scale(.5)}.sv-checkbox--loading .sv-checkbox-mask{background:transparent!important}.sv-checkbox--loading .sv-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid -color("gray-4",1)!important;border-radius:50%;border-top-color:transparent!important}@keyframes rotateCheckboxLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sv-checkbox--label-before .sv-checkbox-label{order:-1}.sv-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-close:before{transform:rotate(-45deg)}.sv-icon-close:after,.sv-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.sv-icon-close:after{transform:rotate(45deg)}.sv-icon-close.sv-icon-hover-less:hover:after,.sv-icon-close.sv-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.sv-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.sv-icon-plus:after,.sv-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.sv-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.sv-icon-plus:hover:not(.less){transform:rotate(-90deg)}.sv-icon-plus.less:hover{transform:scale(.75)}.sv-icon-plus.less:after{transform:rotate(180deg)}.sv-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.sv-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.sv-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.sv-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.sv-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.sv-icon-check.active:before{width:8px}.sv-icon-check.active:after{width:4px}.sv-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.sv-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.sv-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.sv-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.sv-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.sv-icon-arrow:after{height:1px;width:100%}.sv-icon-arrow:after,.sv-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.sv-icon-arrow:before{height:100%;width:1px}.sv-select__option{align-items:cneter;background:transparent;border:0;border-radius:5px;box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));color:-color("text");display:flex;justify-content:flex-start;margin:2px 0;max-height:40px;opacity:1;overflow:hidden;padding:6px 10px;text-align:left;transition:all .25s ease;visibility:visible;width:100%}.sv-select__option.hiddenOption{border:0;margin:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.sv-select__option.isMultiple{padding:0 0 0 5px}.sv-select__option.isMultiple .sv-select__option-group{padding-left:0}.sv-select__option.isMultiple.isHover{background:-color("gray-2")!important}.sv-select__option.isMultiple:disabled .sv-checkbox-content{pointer-events:none}.sv-select__option.isMultiple:hover{padding-left:5px!important}.sv-select__option.isMultiple .sv-checkbox-content{pointer-events:none;width:100%}.sv-select__option.isMultiple .sv-checkbox-content .sv-checkbox-con{transform:scale(.85)}.sv-select__option.isMultiple .sv-checkbox-content .sv-checkbox-label{justify-content:flex-start;text-align:left;width:calc(100% - 23px)}.sv-select__option.isMultiple.activeOption{pointer-events:auto!important}.sv-select__option.isHover{background:-color("gray-2")}.sv-select__option.activeOption{background:-color("color",.05);color:-color("color",1);pointer-events:none}.sv-select__option:hover:not(:disabled){color:-color("color");padding-left:14px}
+.sv-checkbox-content{--sv-color:var(--sv-primary);align-items:center;display:flex;justify-content:flex-start}.sv-checkbox-con{border-radius:9px;height:23px;position:relative;width:23px;z-index:1}.sv-checkbox-mask{align-items:center;border-radius:32%;box-sizing:border-box;cursor:pointer;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;transition:all .25s ease;width:100%;z-index:50;z-index:-1}.sv-checkbox-mask i:not(.sv-icon-check){color:#fff;font-size:1.1em;opacity:0;transform:scale(.5);transition:all .25s ease}.sv-checkbox-mask:after{background:rgba(var(--sv-color),1);opacity:0;transform:scale(.5)}.sv-checkbox-mask:after,.sv-checkbox-mask:before{border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:-1}.sv-checkbox-mask:before{border:2px solid rgba(var(--sv-gray-4),1);box-sizing:border-box}.sv-checkbox-mask .sv-icon-check{opacity:0;z-index:200}.sv-checkbox{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:100}.sv-checkbox:disabled{opacity:0;pointer-events:none}.sv-checkbox:active~.sv-checkbox-mask{background:rgba(var(--sv-gray-4),1)!important}.sv-checkbox:hover~.sv-checkbox-mask{background:rgba(var(--sv-gray-3),1)}.sv-checkbox:hover~.sv-checkbox-mask:before{border:2px solid rgba(var(--sv-gray-4),0)}.sv-checkbox:checked:hover~.sv-checkbox-mask{box-shadow:0 3px 15px 0 rgba(var(--sv-color),.35)}.sv-checkbox:checked~.sv-checkbox-mask{box-shadow:0 0 0 0 rgba(var(--sv-color),.35)}.sv-checkbox:checked~.sv-checkbox-mask i:not(.sv-icon-check){opacity:1;transform:scale(1);transition:all .25s ease .15s}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check{opacity:1}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check span .line1:after{transition:all .25s ease .1s;width:100%}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check span .line2:after{height:100%;transition:all .2s ease .3s}.sv-checkbox:checked~.sv-checkbox-mask:after{opacity:1;transform:scale(1)}.sv-checkbox:checked~.sv-checkbox-mask:before{opacity:0;transform:scale(1.2)}.sv-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:7px;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-checkbox-label:before{background:rgba(var(--sv-text),.6);content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-checkbox--disabled{pointer-events:none}.sv-checkbox--disabled .sv-checkbox-label{opacity:.5}.sv-checkbox--disabled .sv-checkbox-mask{background:transparent!important;opacity:.6}.sv-checkbox--checked .lineThrough{opacity:.4}.sv-checkbox--checked .lineThrough:before{width:calc(100% - 10px)}.sv-checkbox--loading{pointer-events:none}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask{background:transparent!important}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid rgba(var(--sv-color),1)!important;border-radius:50%;border-top:2px solid transparent!important;opacity:1!important}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask:after{opacity:0;transform:scale(.5)}.sv-checkbox--loading .sv-checkbox-mask{background:transparent!important}.sv-checkbox--loading .sv-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid rgba(var(--sv-gray-4),1)!important;border-radius:50%;border-top:2px solid transparent!important}@keyframes rotateCheckboxLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sv-checkbox--label-before .sv-checkbox-label{order:-1}.sv-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-close:before{transform:rotate(-45deg)}.sv-icon-close:after,.sv-icon-close:before{background:rgba(var(--sv-color),1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.sv-icon-close:after{transform:rotate(45deg)}.sv-icon-close.sv-icon-hover-less:hover:after,.sv-icon-close.sv-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.sv-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.sv-icon-plus:after,.sv-icon-plus:before{background:rgba(var(--sv-color),1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.sv-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.sv-icon-plus:hover:not(.less){transform:rotate(-90deg)}.sv-icon-plus.less:hover{transform:scale(.75)}.sv-icon-plus.less:after{transform:rotate(180deg)}.sv-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.sv-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.sv-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.sv-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.sv-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.sv-icon-check.active:before{width:8px}.sv-icon-check.active:after{width:4px}.sv-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.sv-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.sv-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.sv-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.sv-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.sv-icon-arrow:after{height:1px;width:100%}.sv-icon-arrow:after,.sv-icon-arrow:before{background:rgba(var(--sv-text),1);content:"";display:block;position:absolute;top:0}.sv-icon-arrow:before{height:100%;width:1px}.sv-select__option{align-items:cneter;background:transparent;border:0;border-radius:5px;box-shadow:0 0 0 0 rgba(0,0,0,var(--sv-shadow-opacity));color:rgba(var(--sv-text),1);display:flex;justify-content:flex-start;margin:2px 0;max-height:40px;opacity:1;overflow:hidden;padding:6px 10px;text-align:left;transition:all .25s ease;visibility:visible;width:100%}.sv-select__option.hiddenOption{border:0;margin:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.sv-select__option.isMultiple{padding:0 0 0 5px}.sv-select__option.isMultiple .sv-select__option-group{padding-left:0}.sv-select__option.isMultiple.isHover{background:rgba(var(--sv-gray-2),1)!important}.sv-select__option.isMultiple:disabled .sv-checkbox-content{pointer-events:none}.sv-select__option.isMultiple:hover{padding-left:5px!important}.sv-select__option.isMultiple .sv-checkbox-content{pointer-events:none;width:100%}.sv-select__option.isMultiple .sv-checkbox-content .sv-checkbox-con{transform:scale(.85)}.sv-select__option.isMultiple .sv-checkbox-content .sv-checkbox-label{justify-content:flex-start;text-align:left;width:calc(100% - 23px)}.sv-select__option.isMultiple.activeOption{pointer-events:auto!important}.sv-select__option.isHover{background:rgba(var(--sv-gray-2),1)}.sv-select__option.activeOption{background:rgba(var(--sv-color),.05);color:rgba(var(--sv-color),1);pointer-events:none}.sv-select__option:hover:not(:disabled){color:rgba(var(--sv-color),1);padding-left:14px}

package/dist/svOptionGroup/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */

package/dist/svOptionGroup/style.css

@@ -1 +1 @@
-.sv-select__option-group{border-bottom:2px solid -color("gray-1");overflow:hidden;padding-left:10px;position:relative;transition:all .25s ease}.sv-select__option-group:last-child{border:0}.sv-select__option-group.hiddenOptionGroup{border-bottom:0 solid -color("gray-1")}.sv-select__option-group.hiddenOptionGroup h5{max-height:0;padding:0}.sv-select__option-group h5{font-size:.7rem;margin:0;max-height:28px;opacity:.5;overflow:hidden;padding:7px 0;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-select__option-group h5 *{pointer-events:none}
+.sv-select__option-group{border-bottom:2px solid rgba(var(--sv-gray-1),1);overflow:hidden;padding-left:10px;position:relative;transition:all .25s ease}.sv-select__option-group:last-child{border:0}.sv-select__option-group.hiddenOptionGroup{border-bottom:0 solid rgba(var(--sv-gray-1),1)}.sv-select__option-group.hiddenOptionGroup h5{max-height:0;padding:0}.sv-select__option-group h5{font-size:.7rem;margin:0;max-height:28px;opacity:.5;overflow:hidden;padding:7px 0;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-select__option-group h5 *{pointer-events:none}

package/dist/svPagination/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */

package/dist/svPagination/style.css

@@ -1 +1 @@
-.sv-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-close:before{transform:rotate(-45deg)}.sv-icon-close:after,.sv-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.sv-icon-close:after{transform:rotate(45deg)}.sv-icon-close.sv-icon-hover-less:hover:after,.sv-icon-close.sv-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.sv-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.sv-icon-plus:after,.sv-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.sv-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.sv-icon-plus:hover:not(.less){transform:rotate(-90deg)}.sv-icon-plus.less:hover{transform:scale(.75)}.sv-icon-plus.less:after{transform:rotate(180deg)}.sv-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.sv-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.sv-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.sv-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.sv-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.sv-icon-check.active:before{width:8px}.sv-icon-check.active:after{width:4px}.sv-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.sv-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.sv-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.sv-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.sv-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.sv-icon-arrow:after{height:1px;width:100%}.sv-icon-arrow:after,.sv-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.sv-icon-arrow:before{height:100%;width:1px}.sv-pagination-content{--sv-color:var(--sv-primary);align-self:center;display:flex;justify-content:center;position:relative}.sv-pagination-content.notMargin .sv-pagination__dotted{background:-color("gray-3");margin:0}.sv-pagination-content.notMargin .sv-pagination__arrow{border-radius:0;margin:0!important}.sv-pagination-content.notMargin .sv-pagination__arrow:first-of-type{border-radius:12px 0 0 12px}.sv-pagination-content.notMargin .sv-pagination__arrow:last-of-type{border-radius:0 12px 12px 0}.sv-pagination-content.notMargin .sv-pagination__button{border-radius:0;margin:0!important}.sv-pagination-content.disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-pagination-content.square .sv-pagination__active,.sv-pagination-content.square .sv-pagination__arrow,.sv-pagination-content.square .sv-pagination__button{border-radius:0}.sv-pagination-content.circle .sv-pagination__active,.sv-pagination-content.circle .sv-pagination__arrow,.sv-pagination-content.circle .sv-pagination__button{border-radius:50%}.sv-pagination-content.buttonsDotted .sv-pagination__arrow{background:transparent;height:12px;min-width:15px;padding:0;width:15px}.sv-pagination-content.buttonsDotted .sv-pagination__arrow i{height:6px;width:6px}.sv-pagination-content.buttonsDotted .sv-pagination__arrow i:before{width:1px}.sv-pagination-content.buttonsDotted .sv-pagination__arrow i:after{height:1px}.sv-pagination-content.buttonsDotted .sv-pagination__dotted{font-size:.9rem;height:12px;letter-spacing:1px;width:12px}.sv-pagination-content.buttonsDotted .sv-pagination__button{height:12px;width:12px}.sv-pagination-content.buttonsDotted .sv-pagination__button.active{transform:scale(1)}.sv-pagination-content.buttonsDotted .sv-pagination__active{box-shadow:0 2px 10px 0 -color("color",.4);height:12px;transform:scale(1);width:12px}.sv-pagination-content.buttonsDotted .sv-pagination__active.move{transform:scale(1.2)}.sv-pagination{align-self:center;display:flex;justify-content:center;position:relative}.sv-pagination__progress{background:-color("gray-3");border-radius:10px;bottom:-8px;height:3px;position:absolute;width:calc(100% - 16px)}.sv-pagination__progress .progress{background:-color("color",1);border-radius:inherit;height:100%;max-width:100%;position:relative;transition:all .25s ease;width:0}.sv-pagination__slot{display:block;min-height:36px}.sv-pagination__arrow,.sv-pagination__slot{align-items:center;display:flex;justify-content:center;min-width:36px;position:relative}.sv-pagination__arrow{background:-color("gray-3");border:0;border-radius:12px;height:36px;margin:0 2px;transition:all .25s ease;width:auto}.sv-pagination__arrow:disabled{opacity:.4;pointer-events:none}.sv-pagination__arrow:hover{background:-color("gray-4")}.sv-pagination__arrow i{display:block;height:10px;margin-left:4px;position:relative;transform:rotate(-45deg) scale(.8);width:10px}.sv-pagination__arrow i:before{width:2px}.sv-pagination__arrow i:after{height:2px}.sv-pagination__arrow.next i{margin-left:-4px;transform:rotate(135deg) scale(.8)}.sv-pagination__active{align-items:center;background:-color("color");border-radius:12px;box-shadow:0 5px 20px 0 -color("color",.3);color:#fff;cursor:default;display:flex;font-size:.9rem;height:36px;justify-content:center;left:50%;position:absolute;top:0;transition:all .25s ease;width:36px;z-index:100}.sv-pagination__active.move{transform:scale(1.1)}.sv-pagination__dotted{align-items:center;cursor:pointer;display:flex;font-size:1.4rem;height:36px;justify-content:center;letter-spacing:2px;margin:0 2px;position:relative;width:36px}.sv-pagination__dotted:hover span.dotted{margin-left:-1px;opacity:0;transition:all .25s ease}.sv-pagination__dotted:hover .con-arrows{margin-left:-1px;opacity:1;transition:all .25s ease}.sv-pagination__dotted.next:hover span.dotted{margin-left:1px;opacity:0;transition:all .25s ease}.sv-pagination__dotted.next:hover .con-arrows{margin-left:1px;opacity:1;transition:all .25s ease}.sv-pagination__dotted span.dotted{margin-right:-2px;text-align:center}.sv-pagination__dotted.next .con-arrows{margin-left:-5px;transform:rotate(180deg)}.sv-pagination__dotted .con-arrows{align-items:center;display:flex;height:10px;justify-content:center;margin-left:5px;opacity:0;position:absolute;transition:all .1s ease;width:10px}.sv-pagination__dotted .con-arrows i{display:block;height:10px;position:relative;transform:rotate(-45deg) scale(.8);width:10px}.sv-pagination__dotted .con-arrows i:before{width:2px}.sv-pagination__dotted .con-arrows i:after{height:2px}.sv-pagination__dotted .con-arrows i:last-child{margin-left:6px;position:absolute;top:0}.sv-pagination__button{align-items:center;background:-color("gray-3");border:0;border-radius:12px;color:-color("text");display:flex;font-size:.9rem;height:36px;justify-content:center;margin:0 2px;padding:0;position:relative;transition:all .25s ease;width:36px}.sv-pagination__button.loading{border-radius:50%;opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-pagination__button.loading:after{animation:loadingPagination .6s ease infinite;border:2px solid -color("background",0);border-radius:50%;border-right-color:-color("color",1)}.sv-pagination__button.loading:after,.sv-pagination__button.loading:before{box-shadow:0 0 0 0 -color("color",1);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.sv-pagination__button.loading:before{animation:loadingPagination .6s linear infinite;border:2px solid -color("background",0);border-radius:50%;border-right:2px dashed -color("color",1)}.sv-pagination__button.disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-pagination__button:hover{background:-color("gray-4")}.sv-pagination__button:active{transform:scale(.9)}@keyframes loadingPagination{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
+.sv-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-close:before{transform:rotate(-45deg)}.sv-icon-close:after,.sv-icon-close:before{background:rgba(var(--sv-color),1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.sv-icon-close:after{transform:rotate(45deg)}.sv-icon-close.sv-icon-hover-less:hover:after,.sv-icon-close.sv-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.sv-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.sv-icon-plus:after,.sv-icon-plus:before{background:rgba(var(--sv-color),1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.sv-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.sv-icon-plus:hover:not(.less){transform:rotate(-90deg)}.sv-icon-plus.less:hover{transform:scale(.75)}.sv-icon-plus.less:after{transform:rotate(180deg)}.sv-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.sv-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.sv-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.sv-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.sv-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.sv-icon-check.active:before{width:8px}.sv-icon-check.active:after{width:4px}.sv-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.sv-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.sv-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.sv-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.sv-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.sv-icon-arrow:after{height:1px;width:100%}.sv-icon-arrow:after,.sv-icon-arrow:before{background:rgba(var(--sv-text),1);content:"";display:block;position:absolute;top:0}.sv-icon-arrow:before{height:100%;width:1px}.sv-pagination-content{--sv-color:var(--sv-primary);align-self:center;display:flex;justify-content:center;position:relative}.sv-pagination-content.notMargin .sv-pagination__dotted{background:rgba(var(--sv-gray-3),1);margin:0}.sv-pagination-content.notMargin .sv-pagination__arrow{border-radius:0;margin:0!important}.sv-pagination-content.notMargin .sv-pagination__arrow:first-of-type{border-radius:12px 0 0 12px}.sv-pagination-content.notMargin .sv-pagination__arrow:last-of-type{border-radius:0 12px 12px 0}.sv-pagination-content.notMargin .sv-pagination__button{border-radius:0;margin:0!important}.sv-pagination-content.disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-pagination-content.square .sv-pagination__active,.sv-pagination-content.square .sv-pagination__arrow,.sv-pagination-content.square .sv-pagination__button{border-radius:0}.sv-pagination-content.circle .sv-pagination__active,.sv-pagination-content.circle .sv-pagination__arrow,.sv-pagination-content.circle .sv-pagination__button{border-radius:50%}.sv-pagination-content.buttonsDotted .sv-pagination__arrow{background:transparent;height:12px;min-width:15px;padding:0;width:15px}.sv-pagination-content.buttonsDotted .sv-pagination__arrow i{height:6px;width:6px}.sv-pagination-content.buttonsDotted .sv-pagination__arrow i:before{width:1px}.sv-pagination-content.buttonsDotted .sv-pagination__arrow i:after{height:1px}.sv-pagination-content.buttonsDotted .sv-pagination__dotted{font-size:.9rem;height:12px;letter-spacing:1px;width:12px}.sv-pagination-content.buttonsDotted .sv-pagination__button{height:12px;width:12px}.sv-pagination-content.buttonsDotted .sv-pagination__button.active{transform:scale(1)}.sv-pagination-content.buttonsDotted .sv-pagination__active{box-shadow:0 2px 10px 0 rgba(var(--sv-color),.4);height:12px;transform:scale(1);width:12px}.sv-pagination-content.buttonsDotted .sv-pagination__active.move{transform:scale(1.2)}.sv-pagination{align-self:center;display:flex;justify-content:center;position:relative}.sv-pagination__progress{background:rgba(var(--sv-gray-3),1);border-radius:10px;bottom:-8px;height:3px;position:absolute;width:calc(100% - 16px)}.sv-pagination__progress .progress{background:rgba(var(--sv-color),1);border-radius:inherit;height:100%;max-width:100%;position:relative;transition:all .25s ease;width:0}.sv-pagination__slot{display:block;min-height:36px}.sv-pagination__arrow,.sv-pagination__slot{align-items:center;display:flex;justify-content:center;min-width:36px;position:relative}.sv-pagination__arrow{background:rgba(var(--sv-gray-3),1);border:0;border-radius:12px;height:36px;margin:0 2px;transition:all .25s ease;width:auto}.sv-pagination__arrow:disabled{opacity:.4;pointer-events:none}.sv-pagination__arrow:hover{background:rgba(var(--sv-gray-4),1)}.sv-pagination__arrow i{display:block;height:10px;margin-left:4px;position:relative;transform:rotate(-45deg) scale(.8);width:10px}.sv-pagination__arrow i:before{width:2px}.sv-pagination__arrow i:after{height:2px}.sv-pagination__arrow.next i{margin-left:-4px;transform:rotate(135deg) scale(.8)}.sv-pagination__active{align-items:center;background:rgba(var(--sv-color),1);border-radius:12px;box-shadow:0 5px 20px 0 rgba(var(--sv-color),.3);color:#fff;cursor:default;display:flex;font-size:.9rem;height:36px;justify-content:center;left:50%;position:absolute;top:0;transition:all .25s ease;width:36px;z-index:100}.sv-pagination__active.move{transform:scale(1.1)}.sv-pagination__dotted{align-items:center;cursor:pointer;display:flex;font-size:1.4rem;height:36px;justify-content:center;letter-spacing:2px;margin:0 2px;position:relative;width:36px}.sv-pagination__dotted:hover span.dotted{margin-left:-1px;opacity:0;transition:all .25s ease}.sv-pagination__dotted:hover .con-arrows{margin-left:-1px;opacity:1;transition:all .25s ease}.sv-pagination__dotted.next:hover span.dotted{margin-left:1px;opacity:0;transition:all .25s ease}.sv-pagination__dotted.next:hover .con-arrows{margin-left:1px;opacity:1;transition:all .25s ease}.sv-pagination__dotted span.dotted{margin-right:-2px;text-align:center}.sv-pagination__dotted.next .con-arrows{margin-left:-5px;transform:rotate(180deg)}.sv-pagination__dotted .con-arrows{align-items:center;display:flex;height:10px;justify-content:center;margin-left:5px;opacity:0;position:absolute;transition:all .1s ease;width:10px}.sv-pagination__dotted .con-arrows i{display:block;height:10px;position:relative;transform:rotate(-45deg) scale(.8);width:10px}.sv-pagination__dotted .con-arrows i:before{width:2px}.sv-pagination__dotted .con-arrows i:after{height:2px}.sv-pagination__dotted .con-arrows i:last-child{margin-left:6px;position:absolute;top:0}.sv-pagination__button{align-items:center;background:rgba(var(--sv-gray-3),1);border:0;border-radius:12px;color:rgba(var(--sv-text),1);display:flex;font-size:.9rem;height:36px;justify-content:center;margin:0 2px;padding:0;position:relative;transition:all .25s ease;width:36px}.sv-pagination__button.loading{border-radius:50%;opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-pagination__button.loading:after{animation:loadingPagination .6s ease infinite;border-bottom:2px solid rgba(var(--sv-color),1);border-left:2px solid rgba(var(--sv-color),1);border-radius:50%;border-top:2px solid rgba(var(--sv-color),1);border:2px solid rgba(var(--sv-background),0);border-right-color:rgba(var(--sv-color),1)}.sv-pagination__button.loading:after,.sv-pagination__button.loading:before{box-shadow:0 0 0 0 rgba(var(--sv-color),1);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.sv-pagination__button.loading:before{animation:loadingPagination .6s linear infinite;border-bottom:2px dashed rgba(var(--sv-color),1);border-left:2px dashed rgba(var(--sv-color),1);border-radius:50%;border-top:2px dashed rgba(var(--sv-color),1);border:2px solid rgba(var(--sv-background),0);border-right:2px dashed rgba(var(--sv-color),1)}.sv-pagination__button.disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-pagination__button:hover{background:rgba(var(--sv-gray-4),1)}.sv-pagination__button:active{transform:scale(.9)}@keyframes loadingPagination{0%{transform:rotate(0)}to{transform:rotate(1turn)}}

package/dist/svRadio/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */

package/dist/svRadio/style.css

@@ -1 +1 @@
-.sv-radio-content{--sv-color:var(--sv-primary);align-items:center;display:flex;justify-content:center;position:relative}.sv-radio-content.active .sv-radio__effect__icon{opacity:0;transform:scale(1.3);transition:all .25s ease}.sv-radio-content.active .sv-radio__effect:after{border:7px solid -color("color",1);box-shadow:0 3px 12px 0 -color("color",.3)}.sv-radio-content:not(.active) .sv-radio input:hover~.sv-radio__effect .sv-radio__effect__icon{opacity:.7}.sv-radio-content:not(.active) .sv-radio input:hover~.sv-radio__effect:after{border:2px solid -color("text",.2)}.sv-radio-content.loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-radio-content.loading .sv-radio__effect:after{opacity:.1}.sv-radio-content.loading .sv-radio__effect__loading{border-radius:inherit;height:100%;position:absolute;width:100%}.sv-radio-content.loading .sv-radio__effect__loading:after{animation:loadingRadio .6s ease infinite;border:2px solid -color("text",0);border-radius:inherit;border-right-color:-color("text",.4)}.sv-radio-content.loading .sv-radio__effect__loading:after,.sv-radio-content.loading .sv-radio__effect__loading:before{box-shadow:0 0 0 0 -color("color",.4);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.sv-radio-content.loading .sv-radio__effect__loading:before{animation:loadingRadio .6s linear infinite;border:2px solid -color("text",0);border-radius:inherit;border-right:2px dashed -color("text",.4)}.sv-radio-content label{cursor:pointer}.sv-radio-content.disabled{opacity:.5;pointer-events:none}.sv-radio-content.disabled .sv-radio__effect{background:-color("gray-3")}.sv-radio-content.disabled label{pointer-events:none}.sv-radio{border-radius:50%;height:20px;margin:0;min-height:20px;min-width:20px;padding:0;position:relative;width:20px;z-index:10}.sv-radio__label{margin:0 6px}.sv-radio__effect{align-items:center;border-radius:inherit;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.sv-radio__effect,.sv-radio__effect__icon{transition:all .25s ease}.sv-radio__effect__icon i{font-size:.75rem}.sv-radio__effect:after{border:2px solid -color("text",.4);border-radius:inherit;box-shadow:0 0 0 0 -color("color",.4);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.sv-radio input{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:100}.sv-radio input:active~.sv-radio__effect:after{transform:scale(.9)}@keyframes loadingRadio{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
+.sv-radio-content{--sv-color:var(--sv-primary);align-items:center;display:flex;justify-content:center;position:relative}.sv-radio-content.active .sv-radio__effect__icon{opacity:0;transform:scale(1.3);transition:all .25s ease}.sv-radio-content.active .sv-radio__effect:after{border:7px solid rgba(var(--sv-color),1);box-shadow:0 3px 12px 0 rgba(var(--sv-color),.3)}.sv-radio-content:not(.active) .sv-radio input:hover~.sv-radio__effect .sv-radio__effect__icon{opacity:.7}.sv-radio-content:not(.active) .sv-radio input:hover~.sv-radio__effect:after{border:2px solid rgba(var(--sv-text),.2)}.sv-radio-content.loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-radio-content.loading .sv-radio__effect:after{opacity:.1}.sv-radio-content.loading .sv-radio__effect__loading{border-radius:inherit;height:100%;position:absolute;width:100%}.sv-radio-content.loading .sv-radio__effect__loading:after{animation:loadingRadio .6s ease infinite;border-bottom:2px solid rgba(var(--sv-text),.4);border-left:2px solid rgba(var(--sv-text),.4);border-radius:inherit;border-top:2px solid rgba(var(--sv-text),.4);border:2px solid rgba(var(--sv-text),0);border-right-color:rgba(var(--sv-text),.4)}.sv-radio-content.loading .sv-radio__effect__loading:after,.sv-radio-content.loading .sv-radio__effect__loading:before{box-shadow:0 0 0 0 rgba(var(--sv-color),.4);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.sv-radio-content.loading .sv-radio__effect__loading:before{animation:loadingRadio .6s linear infinite;border-bottom:2px dashed rgba(var(--sv-text),.4);border-left:2px dashed rgba(var(--sv-text),.4);border-radius:inherit;border-top:2px dashed rgba(var(--sv-text),.4);border:2px solid rgba(var(--sv-text),0);border-right:2px dashed rgba(var(--sv-text),.4)}.sv-radio-content label{cursor:pointer}.sv-radio-content.disabled{opacity:.5;pointer-events:none}.sv-radio-content.disabled .sv-radio__effect{background:rgba(var(--sv-gray-3),1)}.sv-radio-content.disabled label{pointer-events:none}.sv-radio{border-radius:50%;height:20px;margin:0;min-height:20px;min-width:20px;padding:0;position:relative;width:20px;z-index:10}.sv-radio__label{margin:0 6px}.sv-radio__effect{align-items:center;border-radius:inherit;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.sv-radio__effect,.sv-radio__effect__icon{transition:all .25s ease}.sv-radio__effect__icon i{font-size:.75rem}.sv-radio__effect:after{border:2px solid rgba(var(--sv-text),.4);border-radius:inherit;box-shadow:0 0 0 0 rgba(var(--sv-color),.4);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.sv-radio input{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:100}.sv-radio input:active~.sv-radio__effect:after{transform:scale(.9)}@keyframes loadingRadio{0%{transform:rotate(0)}to{transform:rotate(1turn)}}

package/dist/svSelect/index.js

@@ -1,2 +1,2 @@
 /*! For license information please see index.js.LICENSE.txt */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.svSelect=t(require("vue")):e.svSelect=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},l={};function a(e){var r=l[e];if(void 0!==r)return r.exports;var o=l[e]={exports:{}};return t[e](o,o.exports,a),o.exports}a.d=(e,t)=>{for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var r={};function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function n(e){var t=function(e,t){if("object"!=o(e)||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var a=l.call(e,t||"default");if("object"!=o(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==o(t)?t:t+""}function u(e,t,l){return(t=n(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}a.d(r,{default:()=>O});var s=a(594);function i(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}const c=(0,s.defineComponent)({name:"VsIconArrow",props:{less:{type:Boolean,default:!1}},setup:(e,{attrs:t})=>()=>(0,s.h)("i",function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?i(Object(l),!0).forEach(function(t){u(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):i(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({class:["sv-icon-arrow",{less:e.less}]},t))});function v(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}const p=(0,s.defineComponent)({name:"VsIconClose",props:{hover:{type:[String,Boolean],default:null}},setup:(e,{attrs:t})=>()=>(0,s.h)("i",function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?v(Object(l),!0).forEach(function(t){u(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):v(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({class:["sv-icon-close",e.hover?`sv-icon-hover-${e.hover}`:""]},t))}),f=e=>["primary","secondary","success","danger","warning","dark","light","warn","facebook","twitter","youtube","pinterest","linkedin","snapchat","whatsapp","tumblr","reddit","spotify","amazon","medium","vimeo","skype","dribbble","slack","yahoo","twitch","discord","telegram","google-plus","messenger"].includes(e),d=e=>{const t=/^(rgb|rgba)/.test(e),l=/^(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d)$/.test(e),a=/^(#)/.test(e);let r;if(t){const t=e.replace(/[rgba()]/g,"").split(",");r=`${t[0]},${t[1]},${t[2]}`}else if(a){const t=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,l,a)=>t+t+l+l+a+a);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}(e);r=`${t.r},${t.g},${t.b}`}else if(f(e)){r=window.getComputedStyle(document.body).getPropertyValue("--sv-"+e)}else l&&(r=e);return r},y=(e,t)=>{const l=t.getBoundingClientRect(),a=l.x,r=l.y,o=l.width,n=l.height,u=e.style,s=window.pageYOffset,i=e.clientHeight+l.y+s;s+window.innerHeight-i<30?(u.top=r+s-e.clientHeight-4+"px",u.left=`${a}px`,u.width=`${o}px`,e.classList.add("top"),t.classList.add("top")):(u.top=r+s+n-4+"px",u.left=`${a}px`,u.width=`${o}px`,e.classList.remove("top"),t.classList.remove("top"))};const b={color:{type:String,default:null},danger:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warn:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},active:{type:Boolean,default:!1}};function h(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}function m(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?h(Object(l),!0).forEach(function(t){u(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):h(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}const g=(0,s.defineComponent)({name:"SvSelect",props:m(m({},b),{},{value:{default:null},multiple:{type:Boolean,default:!1},filter:{type:Boolean,default:!1},placeholder:{type:String,default:""},labelPlaceholder:{type:String,default:""},label:{type:String,default:""},disabled:{type:Boolean,default:!1},collapseChips:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},state:{type:String,default:null},block:{type:Boolean,default:!1}}),emits:["input","change","blur","focus"],setup(e,{slots:t,attrs:l,emit:a}){const r=(0,s.ref)(!1),o=(0,s.ref)(!1),n=(0,s.ref)(null),u=(0,s.ref)(-1),i=(0,s.ref)([]),v=(0,s.ref)([]),f=(0,s.ref)(!1),b=(0,s.ref)(!1),h=(0,s.ref)(!1),m=(0,s.ref)(!1),g=(0,s.ref)(""),O=((0,s.ref)(0),(0,s.ref)(null)),w=(0,s.ref)(null),_=(0,s.ref)(null),j=(0,s.ref)(null),P=(0,s.ref)(null),x=(0,s.ref)(null),S=(0,s.ref)(null),k=(0,s.getCurrentInstance)(),B=k?k.uid:Math.random().toString(36).slice(2),$=()=>{const e=w.value;e&&(((e,t)=>{const l=t||document.body;l.insertBefore(e,l.lastChild)})(e,document.body),y(e,O.value))},E=(t,l)=>{if(e.multiple){const l=Array.isArray(e.value)?[...e.value]:[],r=l.indexOf(t);-1===r?l.push(t):l.splice(r,1),a("input",l)}else a("input",t),n.value=l;setTimeout(()=>{e.multiple&&o.value&&P.value&&P.value.focus()},10),e.multiple||A()},D=()=>{const t=v.value.filter(t=>"number"==typeof e.value?e.value==t.value:Array.isArray(e.value)&&-1!==e.value.indexOf(t.value)),l=[];t.forEach(e=>{l.push({label:e.label,value:e.value})}),Array.isArray(e.value)&&l.sort((t,l)=>e.value.indexOf(t.value)-e.value.indexOf(l.value)),n.value=l},T=()=>{const e=n.value,t=[];return Array.isArray(e)?(e.forEach(e=>t.push(e.label)),t):e},A=t=>{e.multiple&&t&&t.relatedTarget&&b.value&&(f.value||o.value)||(o.value=!1),e.filter&&(m.value=!1),a("blur")},C=t=>{const l=w.value;if((0,s.nextTick)(()=>{l&&O.value&&y(l,O.value)}),"ArrowDown"==t.code)t.preventDefault(),u.value<v.value.length-1?u.value++:u.value=0;else if("ArrowUp"==t.code)t.preventDefault(),u.value>0?u.value--:u.value=v.value.length-1;else if("Enter"==t.code&&(t.preventDefault(),-1!==u.value)){const t=v.value[u.value];t.disabled||(E(t.value,t.label),!e.multiple&&j.value&&(A(),j.value.blur()))}if(-1!==u.value&&_.value){const e=v.value[u.value],t=e&&e.$el;t&&_.value&&(_.value.scrollTop=t.offsetTop-66)}},L=()=>{const e=t.default?t.default():[],l=[];return e.forEach(e=>{e&&e.type&&l.push(e)}),0==l.length},I=t=>{b.value||A(),e.filter&&!o.value&&(m.value=!1),t.target==j.value&&o.value&&!e.filter&&(A(),setTimeout(()=>{j.value&&j.value.blur()},100))},M=()=>{const e=w.value;e&&(0,s.nextTick)(()=>{e&&O.value&&y(e,O.value)})},H=()=>{const e=w.value;e&&O.value&&y(e,O.value)},N=e=>{e.style.height="0"},V=(e,t)=>{const l=e.scrollHeight;e.style.height=l-1+"px",t()},z=e=>{e.style.minHeight="0px",e.style.height="0px"};(0,s.watch)(g,e=>{e?S.value&&(S.value.style.transition="0s"):S.value&&(S.value.style.transition="")}),(0,s.watch)(()=>e.value,t=>{D(),setTimeout(()=>a("change",t),10),e.multiple&&(0,s.nextTick)(()=>{if(P.value&&j.value){const e=P.value.scrollHeight;j.value.style.height=`${e}px`;const t=w.value;o.value&&t&&O.value&&(0,s.nextTick)(()=>y(t,O.value))}}),t?S.value&&(S.value.style.transition="0s"):S.value&&(S.value.style.transition="")},{immediate:!0}),(0,s.watch)(o,e=>{(0,s.nextTick)(()=>{e&&$()}),i.value=[]}),(0,s.onMounted)(()=>{D(),r.value=!0,window.addEventListener("resize",M),window.addEventListener("scroll",H)}),(0,s.onBeforeUnmount)(()=>{A(),window.removeEventListener("resize",M),window.removeEventListener("scroll",H)});const F=e=>t&&t[`message-${e}`]?(0,s.h)("transition",{onBeforeEnter:N,onEnter:V,onLeave:z},[(0,s.h)("div",{class:["sv-select__message",`sv-select__message--${e}`]},t[`message-${e}`]())]):null,q=()=>{const t=(t,l)=>(0,s.h)("span",{class:"sv-select__chips__chip","data-value":t.value},[t.label,l?null:(0,s.h)("span",{class:"sv-select__chips__chip__close",onMouseenter:()=>{h.value=!0},onMouseleave:()=>{h.value=!1},onClick:()=>{setTimeout(()=>{h.value=!1},100),o.value||(P.value&&P.value.blur(),e.filter&&x.value&&x.value.blur()),E(t.value,t.label)}},[(0,s.h)(p,{hover:"less"})])]);let l=[];return Array.isArray(n.value)&&n.value.forEach(e=>l.push(t(e,!1))),e.collapseChips&&(l=[l[0],l.length>1&&t({label:"+"+(l.length-1),value:null},!0)]),l};return()=>{const l=(0,s.h)("div",{class:"sv-select__options__content",ref:_},[L()?(0,s.h)("div",{class:"sv-select__options__content__not-data"},[t.notData?t.notData():"No data available"]):null,t.default?t.default():null]),r=(0,s.h)("transition",{name:"sv-select"},[o.value?(0,s.h)("div",{class:["sv-select__options"],ref:w,style:{"--sv-color":e.color?d(e.color):""},onMouseleave:()=>{f.value=!1,b.value=!1},onMouseenter:()=>{f.value=!0,b.value=!0}},[l]):null]),n=(0,s.h)("input",{readonly:!e.filter,id:e.multiple?void 0:B,class:["sv-select__input",{multiple:e.multiple,simple:!e.multiple&&!e.filter}],ref:j,value:m.value?g.value:T(),onKeydown:C,onFocus:t=>{o.value=!0,a("focus",t),e.filter&&(m.value=!0),window.addEventListener("mousedown",I)},onInput:e=>{g.value=e.target.value}},t.default?t.default():null),u=(0,s.h)("button",{class:"sv-select__chips",ref:P,onKeydown:C,onFocus:t=>{h.value||(o.value=!0,a("focus",t)),e.filter&&e.multiple&&x.value&&x.value.focus()},onBlur:A},[...q(),e.filter?(0,s.h)("input",{class:"sv-select__chips__input",ref:x,placeholder:e.placeholder,id:B,value:g.value,onFocus:e=>{h.value||(o.value=!0,a("focus",e))},onBlur:A,onInput:e=>{g.value=e.target.value}}):null]),i=(0,s.h)(c,{onClick:()=>{o.value?o.value=!1:j.value&&j.value.focus()}}),v=(0,s.h)("label",{class:"sv-select__label",for:B,className:{"sv-select__label--placeholder":e.labelPlaceholder,"sv-select__label--label":e.label,"sv-select__label--hidden":!!e.value}},[e.labelPlaceholder||e.label]),p=(0,s.h)("label",{class:"sv-select__label",ref:S,for:B,className:{"sv-select__label--hidden":!!e.value||!!g.value}},[e.placeholder]),y=(0,s.h)("div",{class:"sv-select__loading"}),k=F("success"),$=F("danger"),E=F("warn"),D=F("primary"),M=(0,s.h)("div",{class:"sv-select",ref:O,className:{[`sv-select--state-${e.state}`]:!0,"sv-select--disabled":e.disabled,activeOptions:o.value,loading:e.loading},onMouseleave:e=>{e.relatedTarget!==w.value&&(b.value=!1,f.value=!1)},onMouseenter:()=>{b.value=!0}},[n,!e.multiple||e.label?v:null,e.multiple||e.labelPlaceholder?null:p,e.multiple?u:null,r,e.loading?y:null,i]);return(0,s.h)("div",{class:["sv-select-content",{block:e.block,"sv-component--primary":!(e.danger||e.success||e.warn||e.dark||e.color)}],style:{"--sv-color":e.color?d(e.color):""}},[M,k,$,E,D])}}});g.install=e=>{e.component("SvSelect",g)};const O=g;return r=r.default})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.svSelect=t(require("vue")):e.svSelect=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},l={};function a(e){var r=l[e];if(void 0!==r)return r.exports;var o=l[e]={exports:{}};return t[e](o,o.exports,a),o.exports}a.d=(e,t)=>{for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var r={};function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function n(e){var t=function(e,t){if("object"!=o(e)||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var a=l.call(e,t||"default");if("object"!=o(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==o(t)?t:t+""}function u(e,t,l){return(t=n(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}a.d(r,{default:()=>O});var s=a(594);function i(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}const c=(0,s.defineComponent)({name:"VsIconArrow",props:{less:{type:Boolean,default:!1}},setup:(e,{attrs:t})=>()=>(0,s.h)("i",function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?i(Object(l),!0).forEach(function(t){u(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):i(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({class:["sv-icon-arrow",{less:e.less}]},t))});function v(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}const p=(0,s.defineComponent)({name:"VsIconClose",props:{hover:{type:[String,Boolean],default:null}},setup:(e,{attrs:t})=>()=>(0,s.h)("i",function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?v(Object(l),!0).forEach(function(t){u(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):v(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({class:["sv-icon-close",e.hover?`sv-icon-hover-${e.hover}`:""]},t))}),f=e=>["primary","secondary","success","danger","warning","dark","light","warn","facebook","twitter","youtube","pinterest","linkedin","snapchat","whatsapp","tumblr","reddit","spotify","amazon","medium","vimeo","skype","dribbble","slack","yahoo","twitch","discord","telegram","google-plus","messenger"].includes(e),d=e=>{const t=/^(rgb|rgba)/.test(e),l=/^(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d)$/.test(e),a=/^(#)/.test(e);let r;if(t){const t=e.replace(/[rgba()]/g,"").split(",");r=`${t[0]},${t[1]},${t[2]}`}else if(a){const t=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,l,a)=>t+t+l+l+a+a);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}(e);r=`${t.r},${t.g},${t.b}`}else if(f(e)){r=window.getComputedStyle(document.body).getPropertyValue("--sv-"+e)}else l&&(r=e);return r},y=(e,t)=>{const l=t.getBoundingClientRect(),a=l.x,r=l.y,o=l.width,n=l.height,u=e.style,s=window.pageYOffset,i=e.clientHeight+l.y+s;s+window.innerHeight-i<30?(u.top=r+s-e.clientHeight-4+"px",u.left=`${a}px`,u.width=`${o}px`,e.classList.add("top"),t.classList.add("top")):(u.top=r+s+n-4+"px",u.left=`${a}px`,u.width=`${o}px`,e.classList.remove("top"),t.classList.remove("top"))};const b={color:{type:String,default:null},danger:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warn:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},active:{type:Boolean,default:!1}};function h(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}function m(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?h(Object(l),!0).forEach(function(t){u(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):h(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}const g=(0,s.defineComponent)({name:"SvSelect",props:m(m({},b),{},{value:{default:null},multiple:{type:Boolean,default:!1},filter:{type:Boolean,default:!1},placeholder:{type:String,default:""},labelPlaceholder:{type:String,default:""},label:{type:String,default:""},disabled:{type:Boolean,default:!1},collapseChips:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},state:{type:String,default:null},block:{type:Boolean,default:!1}}),emits:["input","change","blur","focus"],setup(e,{slots:t,attrs:l,emit:a}){const r=(0,s.ref)(!1),o=(0,s.ref)(!1),n=(0,s.ref)(null),u=(0,s.ref)(-1),i=(0,s.ref)([]),v=(0,s.ref)([]),f=(0,s.ref)(!1),b=(0,s.ref)(!1),h=(0,s.ref)(!1),m=(0,s.ref)(!1),g=(0,s.ref)(""),O=((0,s.ref)(0),(0,s.ref)(null)),w=(0,s.ref)(null),_=(0,s.ref)(null),j=(0,s.ref)(null),P=(0,s.ref)(null),x=(0,s.ref)(null),S=(0,s.ref)(null),k=(0,s.getCurrentInstance)(),B=k?k.uid:Math.random().toString(36).slice(2),$=()=>{const e=w.value;e&&(((e,t)=>{const l=t||document.body;l.insertBefore(e,l.lastChild)})(e,document.body),y(e,O.value))},E=(t,l)=>{if(e.multiple){const l=Array.isArray(e.value)?[...e.value]:[],r=l.indexOf(t);-1===r?l.push(t):l.splice(r,1),a("input",l)}else a("input",t),n.value=l;setTimeout(()=>{e.multiple&&o.value&&P.value&&P.value.focus()},10),e.multiple||A()},D=()=>{const t=v.value.filter(t=>"number"==typeof e.value?e.value==t.value:Array.isArray(e.value)&&-1!==e.value.indexOf(t.value)),l=[];t.forEach(e=>{l.push({label:e.label,value:e.value})}),Array.isArray(e.value)&&l.sort((t,l)=>e.value.indexOf(t.value)-e.value.indexOf(l.value)),n.value=l},T=()=>{const e=n.value,t=[];return Array.isArray(e)?(e.forEach(e=>t.push(e.label)),t):e},A=t=>{e.multiple&&t&&t.relatedTarget&&b.value&&(f.value||o.value)||(o.value=!1),e.filter&&(m.value=!1),a("blur")},C=t=>{const l=w.value;if((0,s.nextTick)(()=>{l&&O.value&&y(l,O.value)}),"ArrowDown"==t.code)t.preventDefault(),u.value<v.value.length-1?u.value++:u.value=0;else if("ArrowUp"==t.code)t.preventDefault(),u.value>0?u.value--:u.value=v.value.length-1;else if("Enter"==t.code&&(t.preventDefault(),-1!==u.value)){const t=v.value[u.value];t.disabled||(E(t.value,t.label),!e.multiple&&j.value&&(A(),j.value.blur()))}if(-1!==u.value&&_.value){const e=v.value[u.value],t=e&&e.$el;t&&_.value&&(_.value.scrollTop=t.offsetTop-66)}},L=()=>{const e=t.default?t.default():[],l=[];return e.forEach(e=>{e&&e.type&&l.push(e)}),0==l.length},I=t=>{b.value||A(),e.filter&&!o.value&&(m.value=!1),t.target==j.value&&o.value&&!e.filter&&(A(),setTimeout(()=>{j.value&&j.value.blur()},100))},M=()=>{const e=w.value;e&&(0,s.nextTick)(()=>{e&&O.value&&y(e,O.value)})},H=()=>{const e=w.value;e&&O.value&&y(e,O.value)},V=e=>{e.style.height="0"},z=(e,t)=>{const l=e.scrollHeight;e.style.height=l-1+"px",t()},F=e=>{e.style.minHeight="0px",e.style.height="0px"};(0,s.watch)(g,e=>{e?S.value&&(S.value.style.transition="0s"):S.value&&(S.value.style.transition="")}),(0,s.watch)(()=>e.value,t=>{D(),setTimeout(()=>a("change",t),10),e.multiple&&(0,s.nextTick)(()=>{if(P.value&&j.value){const e=P.value.scrollHeight;j.value.style.height=`${e}px`;const t=w.value;o.value&&t&&O.value&&(0,s.nextTick)(()=>y(t,O.value))}}),t?S.value&&(S.value.style.transition="0s"):S.value&&(S.value.style.transition="")},{immediate:!0}),(0,s.watch)(o,e=>{(0,s.nextTick)(()=>{e&&$()}),i.value=[]}),(0,s.onMounted)(()=>{D(),r.value=!0,window.addEventListener("resize",M),window.addEventListener("scroll",H)}),(0,s.onBeforeUnmount)(()=>{A(),window.removeEventListener("resize",M),window.removeEventListener("scroll",H)});const q=e=>t&&t[`message-${e}`]?(0,s.h)("transition",{onBeforeEnter:V,onEnter:z,onLeave:F},[(0,s.h)("div",{class:["sv-select__message",`sv-select__message--${e}`]},t[`message-${e}`]())]):null,K=()=>{const t=(t,l)=>(0,s.h)("span",{class:"sv-select__chips__chip","data-value":t.value},[t.label,l?null:(0,s.h)("span",{class:"sv-select__chips__chip__close",onMouseenter:()=>{h.value=!0},onMouseleave:()=>{h.value=!1},onClick:()=>{setTimeout(()=>{h.value=!1},100),o.value||(P.value&&P.value.blur(),e.filter&&x.value&&x.value.blur()),E(t.value,t.label)}},[(0,s.h)(p,{hover:"less"})])]);let l=[];return Array.isArray(n.value)&&n.value.forEach(e=>l.push(t(e,!1))),e.collapseChips&&(l=[l[0],l.length>1&&t({label:"+"+(l.length-1),value:null},!0)]),l};return()=>{const l=(0,s.h)("div",{class:"sv-select__options__content",ref:_},[L()?(0,s.h)("div",{class:"sv-select__options__content__not-data"},[t.notData?t.notData():"No data available"]):null,t.default?t.default():null]),r=(0,s.h)("transition",{name:"sv-select"},[o.value?(0,s.h)("div",{class:["sv-select__options"],ref:w,style:{"--sv-color":e.color?d(e.color):""},onMouseleave:()=>{f.value=!1,b.value=!1},onMouseenter:()=>{f.value=!0,b.value=!0}},[l]):null]),n=(0,s.h)("input",{readonly:!e.filter,id:e.multiple?void 0:B,class:["sv-select__input",{multiple:e.multiple,simple:!e.multiple&&!e.filter}],ref:j,value:m.value?g.value:T(),onKeydown:C,onFocus:t=>{o.value=!0,a("focus",t),e.filter&&(m.value=!0),window.addEventListener("mousedown",I)},onInput:e=>{g.value=e.target.value}},t.default?t.default():null),u=(0,s.h)("button",{class:"sv-select__chips",ref:P,onKeydown:C,onFocus:t=>{h.value||(o.value=!0,a("focus",t)),e.filter&&e.multiple&&x.value&&x.value.focus()},onBlur:A},[...K(),e.filter?(0,s.h)("input",{class:"sv-select__chips__input",ref:x,placeholder:e.placeholder,id:B,value:g.value,onFocus:e=>{h.value||(o.value=!0,a("focus",e))},onBlur:A,onInput:e=>{g.value=e.target.value}}):null]),i=(0,s.h)(c,{onClick:()=>{o.value?o.value=!1:j.value&&j.value.focus()}}),v=(0,s.h)("label",{class:["sv-select__label",{"sv-select__label--placeholder":e.labelPlaceholder,"sv-select__label--label":e.label,"sv-select__label--hidden":!!e.value}],for:B},[e.labelPlaceholder||e.label]),p=(0,s.h)("label",{class:["sv-select__label",{"sv-select__label--hidden":!!e.value||!!g.value}],ref:S,for:B},[e.placeholder]),y=(0,s.h)("div",{class:"sv-select__loading"}),k=q("success"),$=q("danger"),E=q("warn"),D=q("primary"),M=(0,s.h)("div",{class:["sv-select",{[`sv-select--state-${e.state}`]:!!e.state,"sv-select--disabled":e.disabled,activeOptions:o.value,loading:e.loading}],ref:O,onMouseleave:e=>{e.relatedTarget!==w.value&&(b.value=!1,f.value=!1)},onMouseenter:()=>{b.value=!0}},[n,!e.multiple||e.label?v:null,e.multiple||e.labelPlaceholder?null:p,e.multiple?u:null,r,e.loading?y:null,i]);return(0,s.h)("div",{class:["sv-select-content",{block:e.block,"sv-component--primary":!(e.danger||e.success||e.warn||e.dark||e.color)}],style:{"--sv-color":e.color?d(e.color):""}},[M,k,$,E,D])}}});g.install=e=>{e.component("SvSelect",g)};const O=g;return r=r.default})());

package/dist/svSelect/index.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * SaxVue v0.2.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
   * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
   * Released under the MIT License.
   */