@mrxploder/saxvue 0.1.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +303 -104
- package/dist/base.css +1 -1
- package/dist/base.js.LICENSE.txt +1 -1
- package/dist/base.min.css +1 -1
- package/dist/base.min.js.LICENSE.txt +1 -1
- package/dist/saxvue.css +1 -1
- package/dist/saxvue.js +1 -1
- package/dist/saxvue.js.LICENSE.txt +1 -1
- package/dist/saxvue.min.css +1 -1
- package/dist/saxvue.min.js +1 -1
- package/dist/saxvue.min.js.LICENSE.txt +1 -1
- package/dist/svAlert/index.js.LICENSE.txt +1 -1
- package/dist/svAlert/style.css +1 -1
- package/dist/svAvatar/index.js.LICENSE.txt +1 -1
- package/dist/svAvatar/style.css +1 -1
- package/dist/svAvatarGroup/index.js.LICENSE.txt +1 -1
- package/dist/svAvatarGroup/style.css +1 -1
- package/dist/svButton/index.js.LICENSE.txt +1 -1
- package/dist/svButton/style.css +1 -1
- package/dist/svCard/index.js.LICENSE.txt +1 -1
- package/dist/svCard/style.css +1 -1
- package/dist/svCardGroup/index.js.LICENSE.txt +1 -1
- package/dist/svCardGroup/style.css +1 -1
- package/dist/svCheckbox/index.js.LICENSE.txt +1 -1
- package/dist/svCheckbox/style.css +1 -1
- package/dist/svDialog/index.js.LICENSE.txt +1 -1
- package/dist/svDialog/style.css +1 -1
- package/dist/svInput/index.js.LICENSE.txt +1 -1
- package/dist/svInput/style.css +1 -1
- package/dist/svNavbar/index.js.LICENSE.txt +1 -1
- package/dist/svNavbar/style.css +1 -1
- package/dist/svNavbarGroup/index.js.LICENSE.txt +1 -1
- package/dist/svNavbarGroup/style.css +1 -1
- package/dist/svNavbarItem/index.js.LICENSE.txt +1 -1
- package/dist/svOption/index.js.LICENSE.txt +1 -1
- package/dist/svOption/style.css +1 -1
- package/dist/svOptionGroup/index.js.LICENSE.txt +1 -1
- package/dist/svOptionGroup/style.css +1 -1
- package/dist/svPagination/index.js.LICENSE.txt +1 -1
- package/dist/svPagination/style.css +1 -1
- package/dist/svRadio/index.js.LICENSE.txt +1 -1
- package/dist/svRadio/style.css +1 -1
- package/dist/svSelect/index.js +1 -1
- package/dist/svSelect/index.js.LICENSE.txt +1 -1
- package/dist/svSelect/style.css +1 -1
- package/dist/svSidebar/index.js.LICENSE.txt +1 -1
- package/dist/svSidebar/style.css +1 -1
- package/dist/svSidebarGroup/index.js.LICENSE.txt +1 -1
- package/dist/svSidebarGroup/style.css +1 -1
- package/dist/svSidebarItem/index.js.LICENSE.txt +1 -1
- package/dist/svSidebarItem/style.css +1 -1
- package/dist/svSwitch/index.js.LICENSE.txt +1 -1
- package/dist/svSwitch/style.css +1 -1
- package/dist/svTable/index.js.LICENSE.txt +1 -1
- package/dist/svTable/style.css +1 -1
- package/dist/svTableTd/index.js.LICENSE.txt +1 -1
- package/dist/svTableTh/index.js.LICENSE.txt +1 -1
- package/dist/svTableTh/style.css +1 -1
- package/dist/svTableTr/index.js.LICENSE.txt +1 -1
- package/dist/svTableTr/style.css +1 -1
- package/dist/svTooltip/index.js.LICENSE.txt +1 -1
- package/dist/svTooltip/style.css +1 -1
- package/package.json +11 -32
- package/dist/vsAlert/index.js +0 -2
- package/dist/vsAlert/index.js.LICENSE.txt +0 -5
- package/dist/vsAlert/style.css +0 -1
- package/dist/vsAvatar/index.js +0 -2
- package/dist/vsAvatar/index.js.LICENSE.txt +0 -5
- package/dist/vsAvatar/style.css +0 -1
- package/dist/vsAvatarGroup/index.js +0 -2
- package/dist/vsAvatarGroup/index.js.LICENSE.txt +0 -5
- package/dist/vsAvatarGroup/style.css +0 -1
- package/dist/vsButton/index.js +0 -2
- package/dist/vsButton/index.js.LICENSE.txt +0 -5
- package/dist/vsButton/style.css +0 -1
- package/dist/vsCard/index.js +0 -2
- package/dist/vsCard/index.js.LICENSE.txt +0 -5
- package/dist/vsCard/style.css +0 -1
- package/dist/vsCardGroup/index.js +0 -2
- package/dist/vsCardGroup/index.js.LICENSE.txt +0 -5
- package/dist/vsCardGroup/style.css +0 -1
- package/dist/vsCheckbox/index.js +0 -2
- package/dist/vsCheckbox/index.js.LICENSE.txt +0 -5
- package/dist/vsCheckbox/style.css +0 -1
- package/dist/vsDialog/index.js +0 -2
- package/dist/vsDialog/index.js.LICENSE.txt +0 -5
- package/dist/vsDialog/style.css +0 -1
- package/dist/vsInput/index.js +0 -2
- package/dist/vsInput/index.js.LICENSE.txt +0 -5
- package/dist/vsInput/style.css +0 -1
- package/dist/vsNavbar/index.js +0 -2
- package/dist/vsNavbar/index.js.LICENSE.txt +0 -5
- package/dist/vsNavbar/style.css +0 -1
- package/dist/vsNavbarGroup/index.js +0 -2
- package/dist/vsNavbarGroup/index.js.LICENSE.txt +0 -5
- package/dist/vsNavbarGroup/style.css +0 -1
- package/dist/vsNavbarItem/index.js +0 -2
- package/dist/vsNavbarItem/index.js.LICENSE.txt +0 -5
- package/dist/vsNavbarItem/style.css +0 -1
- package/dist/vsOption/index.js +0 -2
- package/dist/vsOption/index.js.LICENSE.txt +0 -5
- package/dist/vsOption/style.css +0 -1
- package/dist/vsOptionGroup/index.js +0 -2
- package/dist/vsOptionGroup/index.js.LICENSE.txt +0 -5
- package/dist/vsOptionGroup/style.css +0 -1
- package/dist/vsPagination/index.js +0 -2
- package/dist/vsPagination/index.js.LICENSE.txt +0 -5
- package/dist/vsPagination/style.css +0 -1
- package/dist/vsRadio/index.js +0 -2
- package/dist/vsRadio/index.js.LICENSE.txt +0 -5
- package/dist/vsRadio/style.css +0 -1
- package/dist/vsSelect/index.js +0 -2
- package/dist/vsSelect/index.js.LICENSE.txt +0 -5
- package/dist/vsSelect/style.css +0 -1
- package/dist/vsSidebar/index.js +0 -2
- package/dist/vsSidebar/index.js.LICENSE.txt +0 -5
- package/dist/vsSidebar/style.css +0 -1
- package/dist/vsSidebarGroup/index.js +0 -2
- package/dist/vsSidebarGroup/index.js.LICENSE.txt +0 -5
- package/dist/vsSidebarGroup/style.css +0 -1
- package/dist/vsSidebarItem/index.js +0 -2
- package/dist/vsSidebarItem/index.js.LICENSE.txt +0 -5
- package/dist/vsSidebarItem/style.css +0 -1
- package/dist/vsSwitch/index.js +0 -2
- package/dist/vsSwitch/index.js.LICENSE.txt +0 -5
- package/dist/vsSwitch/style.css +0 -1
- package/dist/vsTable/index.js +0 -2
- package/dist/vsTable/index.js.LICENSE.txt +0 -5
- package/dist/vsTable/style.css +0 -1
- package/dist/vsTableTd/index.js +0 -2
- package/dist/vsTableTd/index.js.LICENSE.txt +0 -5
- package/dist/vsTableTd/style.css +0 -1
- package/dist/vsTableTh/index.js +0 -2
- package/dist/vsTableTh/index.js.LICENSE.txt +0 -5
- package/dist/vsTableTh/style.css +0 -1
- package/dist/vsTableTr/index.js +0 -2
- package/dist/vsTableTr/index.js.LICENSE.txt +0 -5
- package/dist/vsTableTr/style.css +0 -1
- package/dist/vsTooltip/index.js +0 -2
- package/dist/vsTooltip/index.js.LICENSE.txt +0 -5
- package/dist/vsTooltip/style.css +0 -1
package/dist/svSelect/style.css
CHANGED
|
@@ -1 +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-select{--sv-color:var(--sv-primary)}.sv-select__options .sv-checkbox-content{--sv-color:inherit}.sv-select-enter,.sv-select-enter-active{transition:all .25s ease}.sv-select-enter{opacity:0;transform:translateY(-10px)}.sv-select-enter,.sv-select-enter:after{box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity))}.sv-select-enter:after{opacity:0!important}.sv-select-leave-active,.sv-select-leave-to{transition:all .25s ease}.sv-select-leave-to{box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));opacity:0;transform:translateY(-10px)}.sv-select-leave-to.top{transform:translateY(10px)!important}.sv-select-leave-to:after{box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));opacity:0!important}.sv-select-content{max-width:200px;width:100%}.sv-select-content.block.block{max-width:100%}.sv-select{align-items:center;display:flex;justify-content:center;min-height:38px;position:relative;width:100%}.sv-select--state-success .sv-select__input{background:-color("success",.05);color:-color("success",1)}.sv-select--state-success .sv-select__input:hover{color:-color("text",1)}.sv-select--state-success .sv-select__chips{background:-color("success",.05);color:-color("success",1)}.sv-select--state-success .sv-select__chips:hover:after{opacity:0}.sv-select--state-success .sv-select__chips:after{border:2px solid -color("success",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-success .sv-select__label{color:-color("success",1)}.sv-select--state-success .sv-select__icon{background:-color("success",.1);box-shadow:-15px 10px 10px -10px -color("success",.1);color:-color("success",1)}.sv-select--state-success .sv-icon-arrow:after,.sv-select--state-success .sv-icon-arrow:before{background:-color("success",1)}.sv-select--state-danger .sv-select__input{background:-color("danger",.05);color:-color("danger",1)}.sv-select--state-danger .sv-select__input:hover{color:-color("text",1)}.sv-select--state-danger .sv-select__chips{background:-color("danger",.05);color:-color("danger",1)}.sv-select--state-danger .sv-select__chips:hover:after{opacity:0}.sv-select--state-danger .sv-select__chips:after{border:2px solid -color("danger",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-danger .sv-select__label{color:-color("danger",1)}.sv-select--state-danger .sv-select__icon{background:-color("danger",.1);box-shadow:-15px 10px 10px -10px -color("danger",.1);color:-color("danger",1)}.sv-select--state-danger .sv-icon-arrow:after,.sv-select--state-danger .sv-icon-arrow:before{background:-color("danger",1)}.sv-select--state-warn .sv-select__input{background:-color("warn",.05);color:-color("warn",1)}.sv-select--state-warn .sv-select__input:hover{color:-color("text",1)}.sv-select--state-warn .sv-select__chips{background:-color("warn",.05);color:-color("warn",1)}.sv-select--state-warn .sv-select__chips:hover:after{opacity:0}.sv-select--state-warn .sv-select__chips:after{border:2px solid -color("warn",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-warn .sv-select__label{color:-color("warn",1)}.sv-select--state-warn .sv-select__icon{background:-color("warn",.1);box-shadow:-15px 10px 10px -10px -color("warn",.1);color:-color("warn",1)}.sv-select--state-warn .sv-icon-arrow:after,.sv-select--state-warn .sv-icon-arrow:before{background:-color("warn",1)}.sv-select--state-dark .sv-select__input{background:-color("dark",.05);color:-color("dark",1)}.sv-select--state-dark .sv-select__input:hover{color:-color("text",1)}.sv-select--state-dark .sv-select__chips{background:-color("dark",.05);color:-color("dark",1)}.sv-select--state-dark .sv-select__chips:hover:after{opacity:0}.sv-select--state-dark .sv-select__chips:after{border:2px solid -color("dark",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-dark .sv-select__label{color:-color("dark",1)}.sv-select--state-dark .sv-select__icon{background:-color("dark",.1);box-shadow:-15px 10px 10px -10px -color("dark",.1);color:-color("dark",1)}.sv-select--state-dark .sv-icon-arrow:after,.sv-select--state-dark .sv-icon-arrow:before{background:-color("dark",1)}.sv-select--state-primary .sv-select__input{background:-color("primary",.05);color:-color("primary",1)}.sv-select--state-primary .sv-select__input:hover{color:-color("text",1)}.sv-select--state-primary .sv-select__chips{background:-color("primary",.05);color:-color("primary",1)}.sv-select--state-primary .sv-select__chips:hover:after{opacity:0}.sv-select--state-primary .sv-select__chips:after{border:2px solid -color("primary",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-primary .sv-select__label{color:-color("primary",1)}.sv-select--state-primary .sv-select__icon{background:-color("primary",.1);box-shadow:-15px 10px 10px -10px -color("primary",.1);color:-color("primary",1)}.sv-select--state-primary .sv-icon-arrow:after,.sv-select--state-primary .sv-icon-arrow:before{background:-color("primary",1)}.sv-select.loading{pointer-events:none}.sv-select.loading :not(.sv-select__loading):not(.sv-select__label){opacity:.6}.sv-select.loading .sv-select__label{pointer-events:none!important}.sv-select.top.activeOptions .sv-select__chips,.sv-select.top.activeOptions .sv-select__input{border-radius:0 0 12px 12px!important;box-shadow:0 -5px 25px -4px -rgba(0,0,0,-var(shadow-opacity))!important}.sv-select--disabled{opacity:.6;pointer-events:none}.sv-select--disabled label{pointer-events:none}.sv-select .sv-icon-arrow{cursor:pointer;margin-top:-2px;pointer-events:auto;position:absolute;right:15px;transition:all .25s ease;z-index:600}.sv-select.activeOptions .sv-icon-arrow{margin-top:-2px!important;transform:rotate(45deg)}.sv-select.activeOptions .sv-select__input{border:2px solid transparent;border-radius:12px 12px 0 0;color:-color("text",1)}.sv-select.activeOptions .sv-select__chips,.sv-select.activeOptions .sv-select__input{background:-color("background");box-shadow:0 5px 25px -4px -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-4px);transition:all .25s ease,height 0s}.sv-select.activeOptions .sv-select__chips{border-radius:12px 12px 0 0}.sv-select.activeOptions .sv-select__chips:after{opacity:0}.sv-select.activeOptions .sv-select__label--placeholder{font-size:.75rem;margin-top:0!important;opacity:1;pointer-events:auto;transform:translate(-3%,-28px)!important;visibility:visible}.sv-select.activeOptions .sv-select__label{margin-top:-4px}.sv-select__input{background:transparent;background:-color("gray-2");border:2px solid transparent;border-radius:12px;color:-color("text");cursor:pointer;min-height:38px;opacity:1;padding:7px 30px 7px 13px;transition:all .25s ease,height 0s;width:100%}.sv-select__input.multiple{background:transparent;color:transparent;pointer-events:none}.sv-select__input.simple{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-select__input:focus{background:-color("background");border-radius:12px 12px 0 0;box-shadow:0 5px 25px -4px -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-4px);transition:all .25s ease}.sv-select__input:focus~.sv-select__label--placeholder{font-size:.75rem;margin-top:0!important;opacity:1;pointer-events:auto;transform:translate(-3%,-28px)!important;visibility:visible}.sv-select__input:hover{background:-color("background");box-shadow:0 5px 25px -4px -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-4px)}.sv-select__input:hover~.sv-select__label{margin-top:-4px}.sv-select__input:hover~.sv-icon-arrow{margin-top:-6px}.sv-select__chips{align-items:flex-start;background:-color("gray-2");border:0;border-radius:12px;display:flex;flex-wrap:wrap;height:auto;justify-content:flex-start;left:0;min-height:38px;padding:5px 26px 5px 5px;position:absolute;transition:all .25s ease,height 0s;width:100%;z-index:300}.sv-select__chips:focus{border-radius:12px 12px 0 0}.sv-select__chips:focus,.sv-select__chips:hover{background:-color("background");box-shadow:0 5px 25px -4px -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-4px);transition:all .25s ease}.sv-select__chips:hover~.sv-icon-arrow{margin-top:-6px;transition:all .25s ease}.sv-select__chips__input{background:transparent;border:0 solid transparent;flex:1;margin:2px 3px;max-width:100%;min-width:0;min-width:30px;position:relative;width:auto}.sv-select__chips__input::-moz-placeholder{color:-color("text",.4)}.sv-select__chips__input::placeholder{color:-color("text",.4)}.sv-select__chips__chip{align-items:center;background:-color("background");border:2px solid -color("gray-2");border-radius:10px;box-sizing:border-box;color:-color("text");display:flex;flex:0 1 auto;font-size:.84rem;justify-content:center;margin:2px 3px;padding:0 10px 0 6px;position:relative}.sv-select__chips__chip.isCollapse{padding-right:6px!important}.sv-select__chips__chip__close{align-items:center;background:-color("gray-4");border-radius:50%;cursor:pointer;display:flex;font-size:.75rem;height:15px;justify-content:center;position:absolute;right:-4px;top:-4px;transition:all .25s ease;width:15px}.sv-select__chips__chip__close:hover{background:-color("danger")}.sv-select__chips__chip__close:hover .sv-icon-close{--sv-color:var(--sv-background)}.sv-select__chips__chip__close:hover .sv-icon-close:after,.sv-select__chips__chip__close:hover .sv-icon-close:before{transform:rotate(180deg);width:12px}.sv-select__chips__chip__close .sv-icon-close{--sv-color:var(--sv-text);transform:scale(.5)}.sv-select__options{--sv-color:var(--sv-primary);background:-color("background");border-radius:0 0 12px 12px;box-shadow:0 10px 20px -5px -rgba(0,0,0,-var(shadow-opacity));overflow:hidden;padding:5px;position:absolute;z-index:99999}.sv-select__options.top{border-radius:12px 12px 0 0;box-shadow:0 -10px 20px -5px -rgba(0,0,0,-var(shadow-opacity))}.sv-select__options.top:after{bottom:-10px;top:auto}.sv-select__options:after{background:-color("background");box-shadow:0 0 20px 0 -rgba(0,0,0,-var(shadow-opacity));content:"";height:10px;left:0;margin-left:10%;opacity:1;position:absolute;top:-10px;transition:all .25s ease .05s;width:80%;z-index:200}.sv-select__options__content{height:auto;max-height:200px;overflow:auto;position:relative;scroll-behavior:smooth;transform:scale(1);transition:all .25s ease;z-index:100}.sv-select__options__content__not-data{font-size:.8rem;padding:6px 10px;text-align:center}.sv-select__options__content::-webkit-scrollbar{background:transparent;display:block;height:5px;width:5px}.sv-select__options__content::-webkit-scrollbar-thumb{background:-color("gray-3");border-radius:5px}.sv-select__label{align-items:center;cursor:text;display:flex;font-size:.8rem;justify-content:flex-start;left:14px;opacity:.4;pointer-events:none;position:absolute;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:500}.sv-select__label--hidden{opacity:0;visibility:hidden}.sv-select__label--hidden.sv-select__label--placeholder,.sv-select__label--label{font-size:.75rem;margin-top:0!important;opacity:1;pointer-events:auto;transform:translate(-3%,-28px)!important;visibility:visible}.sv-select__loading{background:inherit;border-radius:50%;box-sizing:border-box;cursor:default;height:22px;pointer-events:none;position:absolute;right:7px;width:22px;z-index:600}.sv-select__loading:after{animation:rotateInputLoading .8s ease infinite;border:2px solid transparent;border-bottom-color:-color("primary",1);border-radius:inherit}.sv-select__loading:after,.sv-select__loading:before{box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.sv-select__loading:before{animation:rotateInputLoading .8s linear infinite;border:2px solid transparent;border-bottom:2px dashed -color("primary",1);border-radius:inherit;opacity:.2}.sv-select__loading~.sv-icon-arrow{opacity:0!important}.sv-select__message{font-size:.7rem;overflow:hidden;padding:0 7px;position:relative;transition:all .25s ease}.sv-select__message--success{color:-color("success",1)}.sv-select__message--danger{color:-color("danger",1)}.sv-select__message--warn{color:-color("warn",1)}.sv-select__message--dark{color:-color("dark",1)}.sv-select__message--primary{color:-color("primary",1)}.sv-darken .sv-select__options.isColorDark{--sv-color:0,0,0!important}.sv-darken .sv-select__options.isColorDark .sv-select__option:hover{background:-color("color",.2);color:-color("text")}.sv-darken .sv-select__options.isColorDark .activeOption{background:-color("color",.6);color:-color("text")}
|
|
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{--sv-color:var(--sv-primary)}.sv-select__options .sv-checkbox-content{--sv-color:inherit}.sv-select-enter,.sv-select-enter-active{transition:all .25s ease}.sv-select-enter{opacity:0;transform:translateY(-10px)}.sv-select-enter,.sv-select-enter:after{box-shadow:0 0 0 0 rgba(0,0,0,var(--sv-shadow-opacity))}.sv-select-enter:after{opacity:0!important}.sv-select-leave-active,.sv-select-leave-to{transition:all .25s ease}.sv-select-leave-to{box-shadow:0 0 0 0 rgba(0,0,0,var(--sv-shadow-opacity));opacity:0;transform:translateY(-10px)}.sv-select-leave-to.top{transform:translateY(10px)!important}.sv-select-leave-to:after{box-shadow:0 0 0 0 rgba(0,0,0,var(--sv-shadow-opacity));opacity:0!important}.sv-select-content{max-width:200px;width:100%}.sv-select-content.block.block{max-width:100%}.sv-select{align-items:center;display:flex;justify-content:center;min-height:38px;position:relative;width:100%}.sv-select--state-success .sv-select__input{background:rgba(var(--sv-success),.05);color:rgba(var(--sv-success),1)}.sv-select--state-success .sv-select__input:hover{color:rgba(var(--sv-text),1)}.sv-select--state-success .sv-select__chips{background:rgba(var(--sv-success),.05);color:rgba(var(--sv-success),1)}.sv-select--state-success .sv-select__chips:hover:after{opacity:0}.sv-select--state-success .sv-select__chips:after{border:2px solid rgba(var(--sv-success),.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-success .sv-select__label{color:rgba(var(--sv-success),1)}.sv-select--state-success .sv-select__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-select--state-success .sv-icon-arrow:after,.sv-select--state-success .sv-icon-arrow:before{background:rgba(var(--sv-success),1)}.sv-select--state-danger .sv-select__input{background:rgba(var(--sv-danger),.05);color:rgba(var(--sv-danger),1)}.sv-select--state-danger .sv-select__input:hover{color:rgba(var(--sv-text),1)}.sv-select--state-danger .sv-select__chips{background:rgba(var(--sv-danger),.05);color:rgba(var(--sv-danger),1)}.sv-select--state-danger .sv-select__chips:hover:after{opacity:0}.sv-select--state-danger .sv-select__chips:after{border:2px solid rgba(var(--sv-danger),.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-danger .sv-select__label{color:rgba(var(--sv-danger),1)}.sv-select--state-danger .sv-select__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-select--state-danger .sv-icon-arrow:after,.sv-select--state-danger .sv-icon-arrow:before{background:rgba(var(--sv-danger),1)}.sv-select--state-warn .sv-select__input{background:rgba(var(--sv-warn),.05);color:rgba(var(--sv-warn),1)}.sv-select--state-warn .sv-select__input:hover{color:rgba(var(--sv-text),1)}.sv-select--state-warn .sv-select__chips{background:rgba(var(--sv-warn),.05);color:rgba(var(--sv-warn),1)}.sv-select--state-warn .sv-select__chips:hover:after{opacity:0}.sv-select--state-warn .sv-select__chips:after{border:2px solid rgba(var(--sv-warn),.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-warn .sv-select__label{color:rgba(var(--sv-warn),1)}.sv-select--state-warn .sv-select__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-select--state-warn .sv-icon-arrow:after,.sv-select--state-warn .sv-icon-arrow:before{background:rgba(var(--sv-warn),1)}.sv-select--state-dark .sv-select__input{background:rgba(var(--sv-dark),.05);color:rgba(var(--sv-dark),1)}.sv-select--state-dark .sv-select__input:hover{color:rgba(var(--sv-text),1)}.sv-select--state-dark .sv-select__chips{background:rgba(var(--sv-dark),.05);color:rgba(var(--sv-dark),1)}.sv-select--state-dark .sv-select__chips:hover:after{opacity:0}.sv-select--state-dark .sv-select__chips:after{border:2px solid rgba(var(--sv-dark),.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-dark .sv-select__label{color:rgba(var(--sv-dark),1)}.sv-select--state-dark .sv-select__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-select--state-dark .sv-icon-arrow:after,.sv-select--state-dark .sv-icon-arrow:before{background:rgba(var(--sv-dark),1)}.sv-select--state-primary .sv-select__input{background:rgba(var(--sv-primary),.05);color:rgba(var(--sv-primary),1)}.sv-select--state-primary .sv-select__input:hover{color:rgba(var(--sv-text),1)}.sv-select--state-primary .sv-select__chips{background:rgba(var(--sv-primary),.05);color:rgba(var(--sv-primary),1)}.sv-select--state-primary .sv-select__chips:hover:after{opacity:0}.sv-select--state-primary .sv-select__chips:after{border:2px solid rgba(var(--sv-primary),.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-primary .sv-select__label{color:rgba(var(--sv-primary),1)}.sv-select--state-primary .sv-select__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-select--state-primary .sv-icon-arrow:after,.sv-select--state-primary .sv-icon-arrow:before{background:rgba(var(--sv-primary),1)}.sv-select.loading{pointer-events:none}.sv-select.loading :not(.sv-select__loading):not(.sv-select__label){opacity:.6}.sv-select.loading .sv-select__label{pointer-events:none!important}.sv-select.top.activeOptions .sv-select__chips,.sv-select.top.activeOptions .sv-select__input{border-radius:0 0 12px 12px!important;box-shadow:0 -5px 25px -4px rgba(0,0,0,var(--sv-shadow-opacity))!important}.sv-select--disabled{opacity:.6;pointer-events:none}.sv-select--disabled label{pointer-events:none}.sv-select .sv-icon-arrow{cursor:pointer;margin-top:-2px;pointer-events:auto;position:absolute;right:15px;transition:all .25s ease;z-index:600}.sv-select.activeOptions .sv-icon-arrow{margin-top:-2px!important;transform:rotate(45deg)}.sv-select.activeOptions .sv-select__input{border:2px solid transparent;border-radius:12px 12px 0 0;color:rgba(var(--sv-text),1)}.sv-select.activeOptions .sv-select__chips,.sv-select.activeOptions .sv-select__input{background:rgba(var(--sv-background),1);box-shadow:0 5px 25px -4px rgba(0,0,0,var(--sv-shadow-opacity));transform:translateY(-4px);transition:all .25s ease,height 0s}.sv-select.activeOptions .sv-select__chips{border-radius:12px 12px 0 0}.sv-select.activeOptions .sv-select__chips:after{opacity:0}.sv-select.activeOptions .sv-select__label--placeholder{font-size:.75rem;margin-top:0!important;opacity:1;pointer-events:auto;transform:translate(-3%,-28px)!important;visibility:visible}.sv-select.activeOptions .sv-select__label{margin-top:-4px}.sv-select__input{background:transparent;background:rgba(var(--sv-gray-2),1);border:2px solid transparent;border-radius:12px;color:rgba(var(--sv-text),1);cursor:pointer;min-height:38px;opacity:1;padding:7px 30px 7px 13px;transition:all .25s ease,height 0s;width:100%}.sv-select__input.multiple{background:transparent;color:transparent;pointer-events:none}.sv-select__input.simple{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-select__input:focus{background:rgba(var(--sv-background),1);border-radius:12px 12px 0 0;box-shadow:0 5px 25px -4px rgba(0,0,0,var(--sv-shadow-opacity));transform:translateY(-4px);transition:all .25s ease}.sv-select__input:focus~.sv-select__label--placeholder{font-size:.75rem;margin-top:0!important;opacity:1;pointer-events:auto;transform:translate(-3%,-28px)!important;visibility:visible}.sv-select__input:hover{background:rgba(var(--sv-background),1);box-shadow:0 5px 25px -4px rgba(0,0,0,var(--sv-shadow-opacity));transform:translateY(-4px)}.sv-select__input:hover~.sv-select__label{margin-top:-4px}.sv-select__input:hover~.sv-icon-arrow{margin-top:-6px}.sv-select__chips{align-items:flex-start;background:rgba(var(--sv-gray-2),1);border:0;border-radius:12px;display:flex;flex-wrap:wrap;height:auto;justify-content:flex-start;left:0;min-height:38px;padding:5px 26px 5px 5px;position:absolute;transition:all .25s ease,height 0s;width:100%;z-index:300}.sv-select__chips:focus{border-radius:12px 12px 0 0}.sv-select__chips:focus,.sv-select__chips:hover{background:rgba(var(--sv-background),1);box-shadow:0 5px 25px -4px rgba(0,0,0,var(--sv-shadow-opacity));transform:translateY(-4px);transition:all .25s ease}.sv-select__chips:hover~.sv-icon-arrow{margin-top:-6px;transition:all .25s ease}.sv-select__chips__input{background:transparent;border:0 solid transparent;flex:1;margin:2px 3px;max-width:100%;min-width:0;min-width:30px;position:relative;width:auto}.sv-select__chips__input::-moz-placeholder{color:rgba(var(--sv-text),.4)}.sv-select__chips__input::placeholder{color:rgba(var(--sv-text),.4)}.sv-select__chips__chip{align-items:center;background:rgba(var(--sv-background),1);border:2px solid rgba(var(--sv-gray-2),1);border-radius:10px;box-sizing:border-box;color:rgba(var(--sv-text),1);display:flex;flex:0 1 auto;font-size:.84rem;justify-content:center;margin:2px 3px;padding:0 10px 0 6px;position:relative}.sv-select__chips__chip.isCollapse{padding-right:6px!important}.sv-select__chips__chip__close{align-items:center;background:rgba(var(--sv-gray-4),1);border-radius:50%;cursor:pointer;display:flex;font-size:.75rem;height:15px;justify-content:center;position:absolute;right:-4px;top:-4px;transition:all .25s ease;width:15px}.sv-select__chips__chip__close:hover{background:rgba(var(--sv-danger),1)}.sv-select__chips__chip__close:hover .sv-icon-close{--sv-color:var(--sv-background)}.sv-select__chips__chip__close:hover .sv-icon-close:after,.sv-select__chips__chip__close:hover .sv-icon-close:before{transform:rotate(180deg);width:12px}.sv-select__chips__chip__close .sv-icon-close{--sv-color:var(--sv-text);transform:scale(.5)}.sv-select__options{--sv-color:var(--sv-primary);background:rgba(var(--sv-background),1);border-radius:0 0 12px 12px;box-shadow:0 10px 20px -5px rgba(0,0,0,var(--sv-shadow-opacity));overflow:hidden;padding:5px;position:absolute;z-index:99999}.sv-select__options.top{border-radius:12px 12px 0 0;box-shadow:0 -10px 20px -5px rgba(0,0,0,var(--sv-shadow-opacity))}.sv-select__options.top:after{bottom:-10px;top:auto}.sv-select__options:after{background:rgba(var(--sv-background),1);box-shadow:0 0 20px 0 rgba(0,0,0,var(--sv-shadow-opacity));content:"";height:10px;left:0;margin-left:10%;opacity:1;position:absolute;top:-10px;transition:all .25s ease .05s;width:80%;z-index:200}.sv-select__options__content{height:auto;max-height:200px;overflow:auto;position:relative;scroll-behavior:smooth;transform:scale(1);transition:all .25s ease;z-index:100}.sv-select__options__content__not-data{font-size:.8rem;padding:6px 10px;text-align:center}.sv-select__options__content::-webkit-scrollbar{background:transparent;display:block;height:5px;width:5px}.sv-select__options__content::-webkit-scrollbar-thumb{background:rgba(var(--sv-gray-3),1);border-radius:5px}.sv-select__label{align-items:center;cursor:text;display:flex;font-size:.8rem;justify-content:flex-start;left:14px;opacity:.4;pointer-events:none;position:absolute;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:500}.sv-select__label--hidden{opacity:0;visibility:hidden}.sv-select__label--hidden.sv-select__label--placeholder,.sv-select__label--label{font-size:.75rem;margin-top:0!important;opacity:1;pointer-events:auto;transform:translate(-3%,-28px)!important;visibility:visible}.sv-select__loading{background:inherit;border-radius:50%;box-sizing:border-box;cursor:default;height:22px;pointer-events:none;position:absolute;right:7px;width:22px;z-index:600}.sv-select__loading:after{animation:rotateInputLoading .8s ease infinite;border:2px solid transparent;border-bottom:2px solid rgba(var(--sv-primary),1)}.sv-select__loading:after,.sv-select__loading:before{border-radius:inherit;box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.sv-select__loading:before{animation:rotateInputLoading .8s linear infinite;border:2px solid transparent;border-bottom:2px dashed rgba(var(--sv-primary),1);opacity:.2}.sv-select__loading~.sv-icon-arrow{opacity:0!important}.sv-select__message{font-size:.7rem;overflow:hidden;padding:0 7px;position:relative;transition:all .25s ease}.sv-select__message--success{color:rgba(var(--sv-success),1)}.sv-select__message--danger{color:rgba(var(--sv-danger),1)}.sv-select__message--warn{color:rgba(var(--sv-warn),1)}.sv-select__message--dark{color:rgba(var(--sv-dark),1)}.sv-select__message--primary{color:rgba(var(--sv-primary),1)}.sv-darken .sv-select__options.isColorDark{--sv-color:0,0,0!important}.sv-darken .sv-select__options.isColorDark .sv-select__option:hover{background:rgba(var(--sv-color),.2);color:rgba(var(--sv-text),1)}.sv-darken .sv-select__options.isColorDark .activeOption{background:rgba(var(--sv-color),.6);color:rgba(var(--sv-text),1)}
|
package/dist/svSidebar/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sv-sidebar-content{--sv-color:var(--sv-primary)}@keyframes delayOpacity{0%{opacity:0}to{opacity:1}}.sv-sidebar-content{align-items:flex-start;background
|
|
1
|
+
.sv-sidebar-content{--sv-color:var(--sv-primary)}@keyframes delayOpacity{0%{opacity:0}to{opacity:1}}.sv-sidebar-content{align-items:flex-start;background:rgba(var(--sv-background),1);border-radius:0 30px 30px 0;box-shadow:0 0 25px 0 rgba(0,0,0,var(--sv-shadow-opacity));color:rgba(var(--sv-text),1);display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;max-width:260px;position:fixed;top:0;transform:translate(-110%);transition:all .25s ease;width:calc(100% - 50px);z-index:21000}.sv-sidebar-content.right{left:auto;right:0;transform:translate(110%)}.sv-sidebar-content.right.open{transform:translate(0)}.sv-sidebar-content.right.reduce .sv-sidebar__item:hover .sv-sidebar__item__text-tooltip{left:auto!important;opacity:1;right:60px!important}.sv-sidebar-content.absolute{height:100%;position:absolute!important;z-index:9001}.sv-sidebar-content.relative{height:100%;position:relative!important;z-index:9001}.sv-sidebar-content.textWhite .sv-sidebar__group__content:after{background:hsla(0,0%,100%,.4)}.sv-sidebar-content.textWhite .sv-sidebar__item:after{background:#fff!important}.sv-sidebar-content.textWhite .sv-sidebar__item.active{color:#fff!important}.sv-sidebar-content.notShadow{box-shadow:none!important}.sv-sidebar-content.square{border-radius:0}.sv-sidebar-content.notLineActive .sv-sidebar .sv-sidebar__item:after{display:none}.sv-sidebar-content.open{transform:translate(0)}.sv-sidebar-content.reduce .sv-sidebar__footer{padding:10px 0}.sv-sidebar-content.reduce .sv-sidebar__header .sv-avatar-content{height:44px!important;width:44px!important}.sv-sidebar-content.reduce .sv-sidebar__logo img{width:80%}.sv-sidebar-content.reduce .sv-sidebar__item{min-height:47px;padding-left:16px!important}.sv-sidebar-content.reduce .sv-sidebar__item:not(.hasIcon) .sv-sidebar__item__text{font-size:.5rem}.sv-sidebar-content.reduce .sv-sidebar__item.hasIcon .sv-sidebar__item__text{margin-left:-50px;transform:translate(-10px)}.sv-sidebar-content.reduce .sv-sidebar__item__arrow{animation:delayOpacity .6s ease;height:5px;left:36px;position:absolute;top:10px;width:5px}.sv-sidebar-content.reduce .sv-sidebar__item:hover .sv-sidebar__item__text-tooltip{left:60px;opacity:1}.sv-sidebar-content.reduce .sv-sidebar__item.hasIcon{padding:0!important}.sv-sidebar-content.reduce .sv-sidebar__item.hasIcon:after{left:-6px}.sv-sidebar-content .sv-sidebar__logo{align-items:center;display:flex;justify-content:center;min-height:80px;padding:25px 0;width:100%}.sv-sidebar-content .sv-sidebar__logo img{max-height:35px;max-width:120px}.sv-sidebar-content .sv-sidebar{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;overflow-x:hidden;width:100%}.sv-sidebar-content .sv-sidebar::-webkit-scrollbar{width:0}.sv-sidebar-content .sv-sidebar__header{align-items:center;display:flex;justify-content:center;padding:10px;width:100%}.sv-sidebar-content .sv-sidebar__footer{align-items:center;display:flex;justify-self:flex-start;padding:10px;width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.sv-sidebar__group{min-width:260px;padding:0;position:relative;width:100%}.sv-sidebar__group.open .sv-sidebar__group__content:after{opacity:1;transform:translate(0)}.sv-sidebar__group.open>.sv-sidebar__group__header .sv-sidebar__item{opacity:1}.sv-sidebar__group.open>.sv-sidebar__group__header .sv-sidebar__item__arrow{transform:rotate(45deg)!important}.sv-sidebar__group__header{align-items:center;display:flex;justify-content:center}.sv-sidebar__group__content{overflow:hidden;position:relative;transition:all .25s ease}.sv-sidebar__group__content:after{background
|
|
1
|
+
.sv-sidebar__group{min-width:260px;padding:0;position:relative;width:100%}.sv-sidebar__group.open .sv-sidebar__group__content:after{opacity:1;transform:translate(0)}.sv-sidebar__group.open>.sv-sidebar__group__header .sv-sidebar__item{opacity:1}.sv-sidebar__group.open>.sv-sidebar__group__header .sv-sidebar__item__arrow{transform:rotate(45deg)!important}.sv-sidebar__group__header{align-items:center;display:flex;justify-content:center}.sv-sidebar__group__content{overflow:hidden;position:relative;transition:all .25s ease}.sv-sidebar__group__content:after{background:rgba(var(--sv-color),.3);border-radius:0 10px 10px 0;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:translate(-100%);transition:all .25s ease;width:4px;z-index:60}.sv-sidebar__group__content .sv-sidebar__item{background:rgba(var(--sv-background),1)}.sv-sidebar__group>.sv-sidebar__group__header .sv-sidebar__item:hover{padding-left:0}
|
|
@@ -1 +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
|
|
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-sidebar__item{align-items:center;background:transparent;border:0;color:rgba(var(--sv-text),1);display:flex;font-size:1rem;font-weight:700;justify-content:flex-start;opacity:.7;padding:15px 16px 14px;position:relative;text-align:left;transition:all .25s ease;width:100%}.sv-sidebar__item.hasIcon{padding:0}.sv-sidebar__item.hasIcon.active{padding-left:8px}.sv-sidebar__item.hasIcon:hover{opacity:1;padding-left:8px}.sv-sidebar__item:after{background:rgba(var(--sv-color),1);border-radius:0 20px 20px 0;content:"";height:100%;left:-4px;position:absolute;top:0;transform:translate(-6px);transition:all .25s ease;width:10px;z-index:60}.sv-sidebar__item.active:not(.hasIcon){padding-left:25px}.sv-sidebar__item.active{color:rgba(var(--sv-color),1);opacity:1}.sv-sidebar__item.active:after{transform:translate(0)}.sv-sidebar__item__icon{align-items:center;background:rgba(var(--sv-background),1);display:flex;font-size:1.2rem;height:47px;justify-content:center;min-width:50px;z-index:50}.sv-sidebar__item:hover:not(.hasIcon){opacity:1;padding-left:25px}.sv-sidebar__item__text{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;transition:all .25s ease;white-space:nowrap;z-index:10}.sv-sidebar__item__arrow{height:7px;justify-self:flex-end;margin-left:auto;margin-right:15px;position:relative;transform:rotate(-135deg)!important;transition:all .25s ease;width:7px;z-index:80}.sv-sidebar__item__arrow .sv-icon-arrow:before{width:2px}.sv-sidebar__item__arrow .sv-icon-arrow:after{height:2px}.sv-sidebar__item__text-tooltip{font-size:.85rem;left:50px;opacity:0;pointer-events:none;position:fixed;transition:all .25s ease;white-space:nowrap}
|
package/dist/svSwitch/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sv-switch{--sv-color:var(--sv-primary)}@keyframes rotateSwitch{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sv-switch{align-items:center;background
|
|
1
|
+
.sv-switch{--sv-color:var(--sv-primary)}@keyframes rotateSwitch{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sv-switch{align-items:center;background:rgba(var(--sv-gray-3),1);border:0;border-radius:20px;color:#fff;display:flex;height:28px;justify-content:center;min-width:48px;overflow:hidden;padding:5px;position:relative;transition:all .25s ease}.sv-switch--icon .sv-switch__input:checked~.sv-switch__circle{color:#fff!important}.sv-switch--icon .sv-switch__circle{background:transparent!important;box-shadow:none!important}.sv-switch--icon .sv-switch__circle i{font-size:1.3rem;opacity:1}.sv-switch--indeterminate .sv-switch__input{pointer-events:none}.sv-switch--indeterminate .sv-switch__circle{left:50%!important;transform:translate(-50%)}.sv-switch--square{border-radius:5px}.sv-switch--square .sv-switch__background,.sv-switch--square .sv-switch__circle{border-radius:5px!important}.sv-switch:after{animation:rotateSwitch .6s linear .25s infinite;border:3px dashed rgba(var(--sv-color),1);border-radius:50%;border-right:3px solid transparent;border-top:3px solid transparent}.sv-switch:after,.sv-switch:before{content:"";height:calc(100% - 8px);opacity:0;pointer-events:none;position:absolute;transition:all 0s ease 0s;visibility:hidden;width:calc(100% - 8px);z-index:200}.sv-switch:before{animation:rotateSwitch .6s ease .25s infinite;border:3px solid rgba(var(--sv-color),1);border-radius:50%;border-right:3px solid transparent;border-top:3px solid transparent}.sv-switch--loading{border-radius:20px!important;min-width:28px!important;pointer-events:none;width:28px!important}.sv-switch--loading .sv-switch__circle{border-radius:50%!important}.sv-switch--loading .sv-switch__background{opacity:0!important}.sv-switch--loading:after,.sv-switch--loading:before{opacity:1;transition:all .25s ease .3s;visibility:visible}.sv-switch:hover{background:rgba(var(--sv-gray-4),1)}.sv-switch:active{transform:scale(.9)}.sv-switch__background{background:rgba(var(--sv-color),1);border-radius:inherit;border-radius:50%;height:auto;left:-100%;padding-bottom:100%;position:absolute;transform:scale(1);transition:all .25s ease-out;width:100%;z-index:2}.sv-switch__text{align-items:center;color:rgba(var(--sv-text),1);display:flex;font-size:.7rem;justify-content:center;overflow:hidden;padding:5px 5px 5px 25px;position:relative;transition:all .25s ease .05s;white-space:nowrap;z-index:9}.sv-switch__text.on{opacity:0;position:absolute;transform:translate(-100%)}.sv-switch__text i{font-size:1rem;opacity:.7}.sv-switch__circle{align-items:center;background:rgba(var(--sv-background),1);border-radius:20px;color:rgba(var(--sv-text),1);display:flex;height:20px;justify-content:center;left:4px;position:absolute;transition:all .25s ease;width:20px;z-index:10}.sv-switch__circle i{font-size:.8rem}.sv-switch__input{border-radius:inherit;cursor:pointer;height:100%;left:0;margin:0;opacity:0!important;position:absolute;top:0;width:100%;z-index:100}.sv-switch__input:active:checked~.sv-switch__circle{left:calc(100% - 30px)}.sv-switch__input:active~.sv-switch__circle{width:25px}.sv-switch__input:checked~.sv-switch__background{border-radius:50%;left:0;opacity:1;padding-bottom:100%;transform:scale(1);transition:all .25s ease;width:100%}.sv-switch__input:checked~.sv-switch__text{color:#fff;padding-left:5px;padding-right:25px}.sv-switch__input:checked~.sv-switch__text i{opacity:1}.sv-switch__input:checked~.sv-switch__text.on{opacity:1;position:relative;transform:translate(0)}.sv-switch__input:checked~.sv-switch__text.off{opacity:0;position:absolute;transform:translate(100%)}.sv-switch__input:checked~.sv-switch__circle{box-shadow:-5px 0 25px 0 rgba(var(--sv-background),.6);color:rgba(var(--sv-color),1);left:calc(100% - 24px)}
|
package/dist/svTable/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sv-table-content{--sv-color:var(--sv-primary);border-radius:16px;width:100%}.sv-table{font-size:.9rem;margin:0;overflow:auto;width:100%}.sv-table table{border:0;border-collapse:collapse;margin:0;min-width:500px;width:100%}.sv-table.striped .sv-table__tr:nth-child(2n){background
|
|
1
|
+
.sv-table-content{--sv-color:var(--sv-primary);border-radius:16px;width:100%}.sv-table{font-size:.9rem;margin:0;overflow:auto;width:100%}.sv-table table{border:0;border-collapse:collapse;margin:0;min-width:500px;width:100%}.sv-table.striped .sv-table__tr:nth-child(2n){background:rgba(var(--sv-gray-1),1)!important}.sv-table_not-found{display:none;padding:20px;text-align:center;width:100%}.sv-table_not-found tr{text-align:center}.sv-table_not-found tr td{border:0;padding:20px}.sv-table__tbody:empty{background:#000;display:none}.sv-table__tbody:empty~.sv-table_not-found{display:table-row-group}.sv-table.isSelectedValue tr{cursor:pointer}.sv-table__footer{background:rgba(var(--sv-gray-2),1);border-radius:0 0 14px 14px;padding:8px 10px}.sv-table__header{background:rgba(var(--sv-gray-2),1);border-radius:14px 14px 0 0;padding:10px;width:100%}.sv-table__header~.sv-table .sv-table__th:first-child,.sv-table__header~.sv-table .sv-table__th:last-child{border-radius:0}.sv-table__thead{width:100%}.sv-table__thead .sv-table__th{background:rgba(var(--sv-gray-2),1)}.sv-table__thead .sv-table__th:first-child{border-radius:14px 0 0 0}.sv-table__thead .sv-table__th:last-child{border-radius:0 14px 0 0}
|
package/dist/svTableTh/style.css
CHANGED
|
@@ -1 +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
|
|
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-table__th{border:0;font-size:.8rem;padding:10px 12px;text-align:left;transition:all .25s ease}.sv-table__th.sort .sv-table__th__content{pointer-events:none}.sv-table__th.sort:hover{background:rgba(var(--sv-gray-3),1)}.sv-table__th[data-sort-type=asc] .icon-sort-2{margin-top:-7px;transform:rotate(45deg)!important}.sv-table__th[data-sort-type=asc] .icon-sort-1{margin-top:-1px;transform:rotate(45deg)!important}.sv-table__th[data-sort-type=desc] .icon-sort-2{margin-top:-7px}.sv-table__th[data-sort-type=desc] .icon-sort-1{margin-top:-1px;transform:rotate(-135deg)!important}.sv-table__th__content{align-items:center;display:flex;justify-content:flex-start;transition:all .25s ease}.sv-table__th__content__icons{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:7px;transform:scale(.8)}.sv-table__th__content .sv-icon-arrow{display:block;position:relative}.sv-table__th__content .sv-icon-arrow.icon-sort-1{transform:rotate(45deg)}.sv-table__th__content .sv-icon-arrow.icon-sort-2{transform:rotate(-135deg)}
|
package/dist/svTableTr/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.isMultipleSelected .sv-table__tr .sv-table__td{border-radius:0!important}.sv-table__tr{border:0;padding:5px}.sv-table__tr.expand{cursor:pointer}.sv-table__tr.vs-change-color .sv-table__td{background
|
|
1
|
+
.isMultipleSelected .sv-table__tr .sv-table__td{border-radius:0!important}.sv-table__tr{border:0;padding:5px}.sv-table__tr.expand{cursor:pointer}.sv-table__tr.vs-change-color .sv-table__td{background:rgba(var(--sv-color),.1)!important;color:rgba(var(--sv-color),1)!important}.sv-table__tr.vs-change-color .sv-table__td:hover{background:rgba(var(--sv-color),.2)!important}.sv-table__tr:first-of-type .sv-table__td:last-child{border-radius:0 0 15px 0}.sv-table__tr:first-of-type .sv-table__td:first-child{border-radius:0 0 0 15px}.sv-table__tr.isExpand:first-of-type .sv-table__td{background:rgba(var(--sv-gray-1),1)!important;border-radius:0}.sv-table__tr.isExpand:not(:first-of-type) .sv-table__td{background:rgba(var(--sv-gray-1),1)!important}.sv-table__tr.isExpand:not(:first-of-type) .sv-table__td:last-child{border-radius:0 15px 0 0}.sv-table__tr.isExpand:not(:first-of-type) .sv-table__td:first-child{border-radius:15px 0 0 0}.sv-table__tr.isExpand:not(:first-of-type)+.sv-table__tr__expand td{border-radius:0 0 15px 15px!important}.sv-table__tr.selected .sv-table__td{background:rgba(var(--sv-color),.1)!important;color:rgba(var(--sv-color),1)!important}.sv-table__tr .sv-table__td{background:rgba(var(--sv-bg),.1);color:rgba(var(--sv-bg),1)}.sv-table__tr.vs-change-color:hover .sv-table__td{background:rgba(var(--sv-color),.2)!important}.sv-table__tr:hover .sv-table__td{background:rgba(var(--sv-gray-1),1)}.sv-table__tr__expand,.sv-table__tr__expand td{border:0;transition:all .25s ease}.sv-table__tr__expand td{background:rgba(var(--sv-gray-1),1)!important;padding:0}.sv-table__tr__expand td .sv-table__expand__td__content{display:block;overflow:hidden;transition:all .25s ease}.sv-table__tr__expand td .sv-table__expand__td__content__sub{padding:10px 15px;position:relative;z-index:1}.fade-expand-enter-active,.fade-expand-leave-active{transition:all .25s ease}.fade-expand-enter,.fade-expand-leave-to{opacity:0}.fade-expand-enter td .sv-table__expand__td__content,.fade-expand-leave-to td .sv-table__expand__td__content{height:0!important}
|
package/dist/svTooltip/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sv-tooltip{--sv-color:var(--sv-text)}.sv-tooltip-enter-active,.sv-tooltip-leave-active{transition:all .25s ease}.sv-tooltip-enter,.sv-tooltip-leave-to{opacity:0}.sv-tooltip-enter.top,.sv-tooltip-leave-to.top{transform:translateY(5px)}.sv-tooltip-enter.bottom,.sv-tooltip-leave-to.bottom{transform:translateY(-5px)}.sv-tooltip-enter.left,.sv-tooltip-leave-to.left{transform:translate(5px)}.sv-tooltip-enter.right,.sv-tooltip-leave-to.right{transform:translate(-5px)}.darken .sv-tooltip{--sv-color:var(--sv-gray-3);color:#fff}.darken .sv-tooltip:not(.vs-change-color){color:#fff!important}.sv-tooltip{background
|
|
1
|
+
.sv-tooltip{--sv-color:var(--sv-text)}.sv-tooltip-enter-active,.sv-tooltip-leave-active{transition:all .25s ease}.sv-tooltip-enter,.sv-tooltip-leave-to{opacity:0}.sv-tooltip-enter.top,.sv-tooltip-leave-to.top{transform:translateY(5px)}.sv-tooltip-enter.bottom,.sv-tooltip-leave-to.bottom{transform:translateY(-5px)}.sv-tooltip-enter.left,.sv-tooltip-leave-to.left{transform:translate(5px)}.sv-tooltip-enter.right,.sv-tooltip-leave-to.right{transform:translate(-5px)}.darken .sv-tooltip{--sv-color:var(--sv-gray-3);color:#fff}.darken .sv-tooltip:not(.vs-change-color){color:#fff!important}.sv-tooltip{background:rgba(var(--sv-color),1);border-radius:12px;color:rgba(var(--sv-background),1);font-size:.85rem;max-width:350px;min-height:30px;min-width:30px;padding:5px 10px;position:absolute;text-align:center;z-index:1000000}.sv-tooltip.loading{color:rgba(var(--sv-background),.2)}.sv-tooltip.loading *{opacity:.5;pointer-events:none}.sv-tooltip__loading{border-radius:50%;display:block;height:22px;left:50%;opacity:1!important;position:absolute;top:50%;transform:translate(-50%,-50%);width:22px}.sv-tooltip__loading:after{animation:loadingTooltip .6s ease infinite;border-bottom:2px solid rgba(var(--sv-background),1);border-left:2px solid rgba(var(--sv-background),1);border-radius:inherit;border-top:2px solid rgba(var(--sv-background),1);border:2px solid rgba(var(--sv-background),0);border-right-color:rgba(var(--sv-background),1)}.sv-tooltip__loading:after,.sv-tooltip__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-tooltip__loading:before{animation:loadingTooltip .6s linear infinite;border-bottom:2px dashed rgba(var(--sv-background),1);border-left:2px dashed rgba(var(--sv-background),1);border-radius:inherit;border-top:2px dashed rgba(var(--sv-background),1);border:2px solid rgba(var(--sv-background),0);border-right:2px dashed rgba(var(--sv-background),1)}.sv-tooltip.borderThick{background:rgba(var(--sv-background),1);box-shadow:0 2px 10px 0 rgba(0,0,0,var(--sv-shadow-opacity));color:rgba(var(--sv-color),1)}.sv-tooltip.borderThick.top{border-bottom:4px solid rgba(var(--sv-color),1)}.sv-tooltip.borderThick.top:after{bottom:-7px}.sv-tooltip.borderThick.left{border-right:4px solid rgba(var(--sv-color),1)}.sv-tooltip.borderThick.left:after{right:-7px}.sv-tooltip.borderThick.right{border-left:4px solid rgba(var(--sv-color),1)}.sv-tooltip.borderThick.right:after{left:-7px}.sv-tooltip.borderThick.bottom{border-top:4px solid rgba(var(--sv-color),1)}.sv-tooltip.borderThick.bottom:after{top:-7px}.sv-tooltip.borderThick:before{background:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.sv-tooltip.borderThick:after{background:rgba(var(--sv-color),1)!important}.sv-tooltip.border{background:rgba(var(--sv-background),1);border:2px solid rgba(var(--sv-color),1);color:rgba(var(--sv-color),1)}.sv-tooltip.border:before{background:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.sv-tooltip.border:after{border:2px solid rgba(var(--sv-color),1);height:12px!important;width:12px!important}.sv-tooltip.circle{border-radius:20px}.sv-tooltip.square{border-radius:0}.sv-tooltip.notArrow:after{display:none}.sv-tooltip.shadow{background:rgba(var(--sv-background),1);box-shadow:0 2px 10px 0 rgba(0,0,0,var(--sv-shadow-opacity));color:rgba(var(--sv-color),1)}.sv-tooltip.shadow:before{background:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.sv-tooltip.shadow:after{box-shadow:0 2px 10px 0 rgba(0,0,0,var(--sv-shadow-opacity))}.sv-tooltip.isDark{--sv-color:var(--sv-gray-3);color:#fff}.sv-tooltip.top:after{border-radius:0 0 2px 0;bottom:-3px}.sv-tooltip.bottom:after,.sv-tooltip.top:after{background:inherit;content:"";height:10px;left:50%;position:absolute;transform:translate(-50%) rotate(45deg);width:10px;z-index:-2}.sv-tooltip.bottom:after{border-radius:2px 0 0 0;top:-3px}.sv-tooltip.left:after{border-radius:0 2px 0 0;right:-3px}.sv-tooltip.left:after,.sv-tooltip.right:after{background:inherit;content:"";height:10px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;z-index:-2}.sv-tooltip.right:after{border-radius:0 0 0 2px;left:-3px}@keyframes loadingTooltip{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mrxploder/saxvue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "Framework components for Vue 3",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"vue",
|
|
@@ -22,6 +22,9 @@
|
|
|
22
22
|
},
|
|
23
23
|
"./dist/*": "./dist/*"
|
|
24
24
|
},
|
|
25
|
+
"publishConfig": {
|
|
26
|
+
"access": "public"
|
|
27
|
+
},
|
|
25
28
|
"sideEffects": [
|
|
26
29
|
"*.scss",
|
|
27
30
|
"*.css"
|
|
@@ -37,19 +40,15 @@
|
|
|
37
40
|
},
|
|
38
41
|
"scripts": {
|
|
39
42
|
"build": "node build/index.js",
|
|
40
|
-
"
|
|
43
|
+
"docs:dev": "vitepress dev docs",
|
|
44
|
+
"docs:build": "vitepress build docs",
|
|
45
|
+
"docs:preview": "vitepress preview docs",
|
|
41
46
|
"test": "jest --config jest.config.js",
|
|
42
47
|
"test:coverage": "jest --config jest.config.js --coverage",
|
|
43
48
|
"lint": "eslint --ext .ts,.tsx,.vue src test",
|
|
44
49
|
"lint:fix": "eslint --ext .ts,.tsx,.vue src test --fix",
|
|
45
50
|
"dev": "tsc -w src/index.ts --module es6",
|
|
46
|
-
"test:types": "tsc -p ./types/test/tsconfig.json"
|
|
47
|
-
"storybook:build": "storybook build",
|
|
48
|
-
"storybook:dev": "storybook dev -p 6006",
|
|
49
|
-
"test:storybook": "test-storybook",
|
|
50
|
-
"test:storybook:ci": "concurrently -k -s first -n \"SB,TEST\" \"npx http-server storybook-static --port 6006 --silent\" \"wait-on tcp:127.0.0.1:6006 && test-storybook --url http://127.0.0.1:6006\"",
|
|
51
|
-
"verify:treeshake": "node build/verify-treeshake.js",
|
|
52
|
-
"prepare": "husky"
|
|
51
|
+
"test:types": "tsc -p ./types/test/tsconfig.json"
|
|
53
52
|
},
|
|
54
53
|
"dependencies": {
|
|
55
54
|
"vue-router": "^4.1.6"
|
|
@@ -58,7 +57,6 @@
|
|
|
58
57
|
"vue": "^3.0.0"
|
|
59
58
|
},
|
|
60
59
|
"devDependencies": {
|
|
61
|
-
"@babel/cli": "^7.6.2",
|
|
62
60
|
"@babel/core": "^7.6.2",
|
|
63
61
|
"@babel/plugin-proposal-class-properties": "^7.5.5",
|
|
64
62
|
"@babel/plugin-proposal-decorators": "^7.8.3",
|
|
@@ -68,11 +66,6 @@
|
|
|
68
66
|
"@babel/preset-env": "^7.6.3",
|
|
69
67
|
"@babel/preset-typescript": "^7.6.0",
|
|
70
68
|
"@babel/runtime": "^7.8.3",
|
|
71
|
-
"@storybook/addon-essentials": "^8.6.17",
|
|
72
|
-
"@storybook/addon-interactions": "^8.6.17",
|
|
73
|
-
"@storybook/vue3": "^8.6.17",
|
|
74
|
-
"@storybook/vue3-vite": "^8.6.17",
|
|
75
|
-
"@types/color": "^3.0.0",
|
|
76
69
|
"@types/jest": "^30.0.0",
|
|
77
70
|
"@typescript-eslint/eslint-plugin": "^7.13.0",
|
|
78
71
|
"@typescript-eslint/parser": "^7.13.0",
|
|
@@ -81,48 +74,34 @@
|
|
|
81
74
|
"autoprefixer": "^10.4.14",
|
|
82
75
|
"babel-loader": "^8.3.0",
|
|
83
76
|
"babel-plugin-transform-decorators-legacy": "^1.3.5",
|
|
84
|
-
"boxen": "^4.1.0",
|
|
85
77
|
"chalk": "^4.1.2",
|
|
86
78
|
"color": "^3.1.2",
|
|
87
|
-
"consolee": "^0.1.10",
|
|
88
79
|
"css-loader": "^6.8.1",
|
|
89
80
|
"css-minimizer-webpack-plugin": "^2.0.0",
|
|
90
81
|
"cssnano": "^5.1.15",
|
|
91
82
|
"csstype": "^3.1.3",
|
|
92
83
|
"eslint": "^8.57.0",
|
|
93
84
|
"eslint-plugin-vue": "^9.23.0",
|
|
94
|
-
"fs-extra": "^10.1.0",
|
|
95
|
-
"globby": "^11.0.4",
|
|
96
|
-
"husky": "^9.1.7",
|
|
97
|
-
"inquirer": "^8.2.5",
|
|
98
85
|
"jest": "^29.6.1",
|
|
99
86
|
"jest-environment-jsdom": "^30.2.0",
|
|
100
|
-
"lint-staged": "^16.3.2",
|
|
101
87
|
"mini-css-extract-plugin": "^2.7.5",
|
|
102
|
-
"opener": "^1.5.2",
|
|
103
88
|
"postcss-loader": "^7.0.1",
|
|
104
89
|
"prettier": "2.8.8",
|
|
105
|
-
"react": "^18.2.0",
|
|
106
|
-
"react-dom": "^18.2.0",
|
|
107
90
|
"sass": "^1.73.1",
|
|
108
91
|
"sass-loader": "^13.2.2",
|
|
109
|
-
"shelljs": "^0.8.5",
|
|
110
|
-
"signale": "^1.4.0",
|
|
111
|
-
"storybook": "^8.6.17",
|
|
112
|
-
"style-loader": "^3.3.1",
|
|
113
92
|
"terser-webpack-plugin": "^5.3.6",
|
|
114
93
|
"ts-jest": "^29.4.6",
|
|
115
94
|
"ts-loader": "^9.4.2",
|
|
116
95
|
"typescript": "^4.9.5",
|
|
117
|
-
"
|
|
96
|
+
"vitepress": "^1.6.4",
|
|
118
97
|
"vue-loader": "^16.8.3",
|
|
119
98
|
"webpack": "^5.105.3",
|
|
120
|
-
"webpack-cli": "^
|
|
99
|
+
"webpack-cli": "^6.0.1",
|
|
121
100
|
"webpack-merge": "^5.8.0",
|
|
122
101
|
"webpackbar": "^5.0.0"
|
|
123
102
|
},
|
|
124
103
|
"lint-staged": {
|
|
125
104
|
"*.{ts,tsx,vue}": "eslint --fix",
|
|
126
|
-
"*.{ts,tsx,vue,json,md,scss,
|
|
105
|
+
"*.{ts,tsx,vue,json,md,scss,css}": "prettier --write"
|
|
127
106
|
}
|
|
128
107
|
}
|
package/dist/vsAlert/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!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.vsAlert=t(require("vue")):e.vsAlert=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var l=r[e]={exports:{}};return t[e](l,l.exports,o),l.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};function l(e){return l="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},l(e)}function a(e){var t=function(e,t){if("object"!=l(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=l(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==l(t)?t:t+""}function s(e,t,r){return(t=a(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}o.d(n,{default:()=>h});var i=o(594);function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}const u=(0,i.defineComponent)({name:"VsIconClose",props:{hover:{type:[String,Boolean],default:null}},setup:(e,{attrs:t})=>()=>(0,i.h)("i",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({class:["vs-icon-close",e.hover?`vs-icon-hover-${e.hover}`:""]},t))});function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}const f=(0,i.defineComponent)({name:"VsIconPlus",props:{less:{type:Boolean,default:!1}},setup:(e,{attrs:t})=>()=>(0,i.h)("i",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({class:["vs-icon-plus",{less:e.less}]},t))}),d=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);const v={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 y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const g=(0,i.defineComponent)({name:"VsAlert",props:b(b({},v),{},{solid:{type:Boolean,default:!1},border:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},gradient:{type:Boolean,default:!1},flat:{type:Boolean,default:!1},relief:{type:Boolean,default:!1},value:{default:!0},hiddenContent:{type:Boolean,default:null},closable:{type:Boolean,default:!1},progress:{type:[Number,String],default:0},page:{type:[Number,String],default:0}}),setup(e,{slots:t,emit:r}){const o=(0,i.ref)(null),n=(0,i.ref)(null),l=(0,i.ref)(null),a=(0,i.ref)(null),s=(e=>{const t=/^(rgb|rgba)/.test(e),r=/^(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),o=/^(#)/.test(e);let n;if(t){const t=e.replace(/[rgba()]/g,"").split(",");n=`${t[0]},${t[1]},${t[2]}`}else if(o){const t=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,r,o)=>t+t+r+r+o+o);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);n=`${t.r},${t.g},${t.b}`}else d(e)?n=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e):r&&(n=e);return n})(e.color),c=(0,i.computed)(()=>Object.keys(t).filter(e=>-1!==e.indexOf("page")).length),p=(0,i.computed)(()=>{const r=Object.keys(t).filter(e=>-1!==e.indexOf("page")),o=[];return r.forEach(r=>{const n=r.split("-")[1];if(String(e.page)==String(n)){const e=t[r];"function"==typeof e&&o.push(e())}}),o}),v=e=>{e.style.height="0px"},y=(e,t)=>{const r=e.scrollHeight;e.style.height=r-1+"px",t&&t()},b=(e,t)=>{e.style.minHeight="0px",e.style.height="0px",t&&t()},g=()=>r("input",!e.value),h=()=>r("update:hiddenContent",!e.hiddenContent),m=()=>{Number(e.page)>1&&r("update:page",Number(e.page)-1)},O=()=>{Number(e.page)<c.value&&r("update:page",Number(e.page)+1)};return(0,i.watch)(()=>e.page,()=>{n.value&&(n.value.style.minHeight=`${n.value.scrollHeight}px`),(0,i.nextTick)(()=>{o.value&&(o.value.style.height=o.value.scrollHeight-1+"px")})}),(0,i.watch)(()=>e.hiddenContent,t=>{e.value&&o.value&&n.value&&(t?o.value.style.height=o.value.scrollHeight-n.value.scrollHeight+"px":(o.value.style.height="auto",setTimeout(()=>{o.value&&(o.value.style.height=o.value.scrollHeight-1+"px")},250)))}),(0,i.onMounted)(()=>{o.value&&n.value&&(o.value.style.height=o.value.scrollHeight-1+"px",n.value.style.minHeight=`${n.value.scrollHeight}px`)}),()=>{const r=t.icon?(0,i.h)("div",{class:"vs-alert__icon",ref:a},t.icon()):null,d=(0,i.h)("div",{class:"vs-alert__content__text",ref:l},[t.default?t.default():null,...p.value||[]]),j=(0,i.h)("transition",{onBeforeEnter:v,onEnter:y,onLeave:b},[!e.hiddenContent&&(0,i.h)("div",{class:"vs-alert__content",ref:n},[d])]),w=(0,i.h)("div",{class:{"vs-alert__title":!0,"vs-alert__title--clickHidden":"boolean"==typeof e.hiddenContent},onClick:h},[t.title?t.title():null,e.closable||"boolean"!=typeof e.hiddenContent?null:(0,i.h)(f,{less:!e.hiddenContent,onClick:h})]),P=(0,i.h)("button",{class:"vs-alert__close",onClick:g},[(0,i.h)(u,{hover:"less"})]),x=(0,i.h)("div",{class:"vs-alert__pagination"},[(0,i.h)("button",{onClick:m},"<"),(0,i.h)("span",`${e.page} / ${c.value}`),(0,i.h)("button",{onClick:O},">")]),_=(0,i.h)("div",{class:"vs-alert__footer"},[t.footer?t.footer():null]),k=(0,i.h)("div",{class:"vs-alert__progress"},[(0,i.h)("div",{class:"vs-alert__progress__bar",style:{width:`${e.progress}%`}})]),S=[e.solid?"vs-alert--solid":"",e.border?"vs-alert--border":"",e.shadow?"vs-alert--shadow":"",e.gradient?"vs-alert--gradient":"",e.flat?"vs-alert--flat":"",e.relief?"vs-alert--relief":"",p.value.length>0?"vs-alert--pages":"",e.danger||e.success||e.warn||e.dark||e.color?"":"vs-component--primary",e.danger?"vs-component--danger":"",e.warn?"vs-component--warn":"",e.success?"vs-component--success":"",e.dark?"vs-component--dark":""].filter(Boolean).join(" "),B=(0,i.h)("div",{ref:o,class:S,style:{"--vs-color":e.color?s:""}},[r,t.title&&w,j,e.closable&&P,t.footer&&_,!!e.progress&&k,c.value>0&&x]);return(0,i.h)("transition",{onBeforeEnter:v,onEnter:y,onLeave:b},[e.value&&B])}}});g.install=e=>{e.component("VsAlert",g)};const h=g;return n=n.default})());
|
package/dist/vsAlert/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-close:before{transform:rotate(-45deg)}.vs-icon-close:after,.vs-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.vs-icon-close:after{transform:rotate(45deg)}.vs-icon-close.vs-icon-hover-less:hover:after,.vs-icon-close.vs-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.vs-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.vs-icon-plus:after,.vs-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.vs-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.vs-icon-plus:hover:not(.less){transform:rotate(-90deg)}.vs-icon-plus.less:hover{transform:scale(.75)}.vs-icon-plus.less:after{transform:rotate(180deg)}.vs-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.vs-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.vs-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}.vs-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.vs-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}.vs-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}.vs-icon-check.active:before{width:8px}.vs-icon-check.active:after{width:4px}.vs-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.vs-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.vs-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.vs-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}.vs-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.vs-icon-arrow:after{height:1px;width:100%}.vs-icon-arrow:after,.vs-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.vs-icon-arrow:before{height:100%;width:1px}.vs-alert{--vs-color:var(--vs-primary);background:-color("color",.1);border-radius:0 12px 12px 0;color:-color("color",1);font-size:.9rem;overflow:hidden;padding:0 20px;position:relative;transition:height .25s ease;width:100%;z-index:10}.vs-alert::-moz-selection{background:-color("color",.15)}.vs-alert::selection{background:-color("color",.15)}.vs-alert ::-moz-selection{background:-color("color",.15)}.vs-alert ::selection{background:-color("color",.15)}.vs-alert b{font-weight:600}.vs-alert a{color:inherit!important;text-decoration:underline}.vs-alert a:hover{opacity:.6}.vs-alert:after{background:-color("color",1);content:"";height:100%;left:0;position:absolute;top:0;width:2px}.vs-alert--solid{background:-color("color",1);color:#fff}.vs-alert--solid .vs-alert__icon i{color:#fff}.vs-alert--solid .vs-alert__icon svg{fill:#fff}.vs-alert--solid .vs-alert__close{box-shadow:0 0 0 0 rgba(0,0,0,.15);color:#fff}.vs-alert--solid .vs-alert__close:hover{box-shadow:0 5px 18px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.vs-alert--solid .vs-alert__close svg{fill:#fff}.vs-alert--solid:after{background:hsla(0,0%,100%,.4)}.vs-alert--border{background:transparent}.vs-alert--border:before{border:1px solid -color("color",1);border-left:0;border-radius:inherit;content:"";height:calc(100% - 2px);left:0;position:absolute;top:0;width:calc(100% - 2px);z-index:-1}.vs-alert--shadow{background:transparent;box-shadow:0 4px 15px 0 -color("color",.12)}.vs-alert--gradient{background:-color("color",1);border-radius:12px;color:#fff}.vs-alert--gradient .vs-alert__icon i{color:#fff}.vs-alert--gradient .vs-alert__icon svg{fill:#fff}.vs-alert--gradient .vs-alert__close{box-shadow:0 0 0 0 rgba(0,0,0,.15);color:#fff}.vs-alert--gradient .vs-alert__close:hover{box-shadow:0 5px 18px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.vs-alert--gradient .vs-alert__close svg{fill:#fff}.vs-alert--gradient:after{display:none}.vs-alert--gradient:before{background:linear-gradient(30deg,-color("color",0) 33%,-color("color",1));border-radius:inherit;content:"";filter:hue-rotate(-50deg);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.vs-alert--flat{background:rgba(0,0,0,.03)}.vs-alert--relief{background:-color("color",1);border-radius:12px;box-shadow:6px 6px 0 0 -color("color",.3);color:#fff}.vs-alert--relief .vs-alert__icon i{color:#fff}.vs-alert--relief .vs-alert__icon svg{fill:#fff}.vs-alert--relief .vs-alert__close{box-shadow:0 0 0 0 rgba(0,0,0,.15);color:#fff}.vs-alert--relief .vs-alert__close:hover{background:rgba(0,0,0,.2);box-shadow:0 5px 18px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.vs-alert--relief .vs-alert__close svg{fill:#fff}.vs-alert--relief:after{display:none}.vs-alert__title{align-items:center;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:15px}.vs-alert__title--clickHidden{cursor:pointer;padding-right:0}.vs-alert__title~.vs-alert__content .vs-alert__content__text{padding-top:0}.vs-alert__content{overflow:hidden;transition:height .25s ease}.vs-alert__content__text{padding:20px 15px}.vs-alert__close{align-items:center;background:transparent;border:0;border-radius:10px;box-shadow:0 0 0 0 -color("color",.3);color:-color("color");display:flex;height:30px;justify-content:center;padding:0;position:absolute;right:6px;top:9px;transition:all .25s ease;width:30px}.vs-alert__close:hover{box-shadow:0 5px 18px 0 -color("color",.3);transform:translateY(-2px)}.vs-alert__close svg{fill:-color("color")}.vs-alert__footer{align-items:center;display:flex;justify-content:flex-end;padding:0 15px 10px;position:relative;width:100%}.vs-alert__icon{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding-left:2px;position:absolute;top:0;width:50px}.vs-alert__icon i{color:-color("color",1);font-size:1.3rem}.vs-alert__icon svg{fill:-color("color",1);height:24px;width:24px}.vs-alert__icon~.vs-alert__footer{padding-left:35px}.vs-alert__icon~.vs-alert__content{padding-left:20px}.vs-alert__icon~.vs-alert__title{padding-left:35px}.vs-alert__progress{background:-color("color",.2);bottom:0;height:2px;left:0;position:absolute;width:100%}.vs-alert__progress__bar{background:-color("color",1);height:100%;left:0;position:relative;transition:all .25s ease;width:30%}.vs-alert__pagination{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px;padding:0 20px;position:relative}.vs-alert__pagination span{font-size:.8rem;margin:0 8px;min-width:28px;text-align:center}.vs-alert__pagination button{background:transparent;background:-color("color",.1);border:0;border-radius:8px;color:-color("color",1);font-size:1rem;padding:0 7px;transition:all .25s ease}.vs-alert__pagination button:hover{background:-color("color",1);color:#fff}
|
package/dist/vsAvatar/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!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.vsAvatar=t(require("vue")):e.vsAvatar=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};function a(e){return a="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},a(e)}function s(e){var t=function(e,t){if("object"!=a(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=a(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==a(t)?t:t+""}function l(e,t,r){return(t=s(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}o.d(n,{default:()=>h});var c=o(594);const i=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),u=(e,t,r)=>{r?"#comment"!==r.nodeName&&r.style.setProperty(`--vs-${e}`,t):document.documentElement.style.setProperty(`--vs-${e}`,t)},d=e=>{const t=/^(rgb|rgba)/.test(e),r=/^(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),o=/^(#)/.test(e);let n;if(t){const t=e.replace(/[rgba()]/g,"").split(",");n=`${t[0]},${t[1]},${t[2]}`}else if(o){const t=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,r,o)=>t+t+r+r+o+o);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);n=`${t.r},${t.g},${t.b}`}else if(i(e)){n=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e)}else r&&(n=e);return n};function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach(function(t){l(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const f={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 y(e){const t=(0,c.reactive)({componentColor:null,getColor:null});t.getColor=d(e&&e.color?e.color:null);const r=(0,c.computed)(()=>e&&("dark"===e.color||e.dark||"dark"===t.componentColor)),o=(0,c.computed)(()=>e&&(!!e.color||!!e.primary||!!e.success||!!e.warn||!!e.danger||!!e.dark));try{const e=(0,c.getCurrentInstance)();e&&e.proxy&&(e.proxy.getColor=t.getColor)}catch(e){}return v(v({},t),{},{isColorDark:r,isColor:o})}function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach(function(t){l(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const m=(0,c.defineComponent)({name:"VsAvatar",props:b(b({},f),{},{badgePosition:{default:null},pointer:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},square:{type:Boolean,default:!1},history:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},historyGradient:{type:Boolean,default:!1},writing:{type:Boolean,default:!1},badge:{type:Boolean,default:!1},badgeColor:{type:String,default:""},size:{type:[String,Number],default:""}}),setup(e,{slots:t,attrs:r}){const o=(0,c.ref)(null),n=((0,c.ref)(null),(0,c.ref)(null)),{getColor:a}=y(e),s=()=>{const e=(0,c.getCurrentInstance)(),t=e&&e.proxy.$parent;return t&&t.vsAvatarGroup?t:null},l=(0,c.computed)(()=>{const e=t.text;if(!e)return[];const r=e(),o=r&&r[0];let n="";if(!o)return[];"string"==typeof o.children?n=o.children:"string"==typeof o.text?n=o.text:Array.isArray(o.children)&&(n=o.children.map(e=>"string"==typeof e?e:e.text||"").join("")),n=n.trim();let a=[n];return n.length>5&&(a=n.split(/\s/g).map(e=>e[0])),a}),d=(0,c.computed)(()=>{const e=l.value;return 0===e.length?0:e.length>1?e.length:e[0]?e[0].length:0}),p=(0,c.computed)(()=>{const e=s();return e&&e.max&&null!=n.value&&n.value>Number(e.max)-1}),v=(0,c.computed)(()=>{const e=s();return e&&n.value==Number(e.max)-1}),f=()=>{o.value&&(((e,t,r,o)=>{const n=/^(rgb|rgba)/.test(t),a=/^(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(t),s=/^(#)/.test(t);let l;if("dark"==t&&r&&o&&r.classList.add("vs-component-dark"),n){const n=t.replace(/[rgba()]/g,"").split(",");l=`${n[0]},${n[1]},${n[2]}`,u(e,l,r),o&&r.classList.add("vs-change-color")}else if(s){const n=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,r,o)=>t+t+r+r+o+o);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}(t);l=`${n.r},${n.g},${n.b}`,u(e,l,r),o&&r.classList.add("vs-change-color")}else i(t)?(l=window.getComputedStyle(document.body).getPropertyValue("--vs-"+t),u(e,l,r),o&&r.classList.add("vs-change-color")):a&&(u(e,t,r),o&&r.classList.add("vs-change-color"))})("badge",e.badgeColor,o.value),o.value.classList.add("vs-change-color-badge"))};return(0,c.onMounted)(()=>{f();const e=s();e&&(n.value=e.avatars.length,e.avatars.push((0,c.getCurrentInstance)()?.proxy))}),()=>{const i=(0,c.h)("div",{class:"vs-avatar__points"},[(0,c.h)("div",{class:"vs-avatar__points__point"}),(0,c.h)("div",{class:"vs-avatar__points__point"}),(0,c.h)("div",{class:"vs-avatar__points__point"})]),u=(0,c.h)("div",{class:["vs-avatar__badge",{isSlot:!!t.badge,writing:e.writing},e.badgePosition]},[e.writing?i:t.badge?t.badge():null]),f=(0,c.h)("div",{class:{"vs-avatar":!0,[`vs-avatar--letter--${d.value}`]:d.value>2}},[t.text?l.value:null,t.default?t.default():null]),y=(0,c.h)("div",{class:"vs-avatar__loading"},[(0,c.h)("div",{class:"vs-avatar__loading__animate"})]),g=s(),m=g&&null!=n.value&&g.avatars.length-n.value-1!=0?(0,c.h)("div",{class:"vs-avatar__latest"},"+"+(g.avatars.length-n.value-1)):null,h=(0,c.h)("div",{class:"vs-avatar__icons"},[t.icons?t.icons():null]),O=[e.history?"history":"",e.historyGradient?"history--gradient":"",e.circle?"vs-avatar-content--circle":"",e.square?"vs-avatar-content--square":"",p.value?"vs-avatar-content--hidden":"",v.value?"vs-avatar-content--latest":"",t.icons?"vs-avatar-content--hasIcons":"",e.size?"vs-avatar-content--size":"",e.primary?"vs-component--primary":"",e.danger?"vs-component--danger":"",e.warn?"vs-component--warn":"",e.success?"vs-component--success":"",e.dark?"vs-component--dark":"",e.color?"vs-component--is-color":""].filter(Boolean).join(" ");return(0,c.h)("div",b({ref:o,class:["vs-avatar-content",O],style:{width:`${e.size}px`,height:`${e.size}px`,cursor:e.pointer?"pointer":void 0,"--vs-color":e.color?a:""}},r),[e.loading&&y,f,t.badge||e.badge?u:null,v.value&&m,t.icons?h:null])}}});m.install=e=>{e.component("VsAvatar",m)};const h=m;return n=n.default})());
|
package/dist/vsAvatar/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-avatar-content{--vs-color:var(--vs-gray-2);--vs-badge:var(--vs-primary);border-radius:35%;height:44px;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:44px;z-index:1}.vs-avatar-content.vs-change-color-badge .vs-avatar__badge .vs-avatar__points__point{background:-color("background")}.vs-avatar-content.vs-change-color:hover .vs-avatar{box-shadow:inset 0 0 40px 0 rgba(0,0,0,.1)}.vs-avatar-content:hover .vs-avatar{box-shadow:inset 0 0 40px 0 rgba(0,0,0,.04)}.vs-avatar-content:hover img{transform:scale(1.1)}.vs-avatar-content--size.history:after{top:-2px!important}.vs-avatar-content--hasIcons{margin-right:20px}.vs-avatar-content--hidden{display:none}.vs-avatar-content--circle{border-radius:50%!important}.vs-avatar-content--circle .vs-avatar__badge{bottom:-2px;right:-2px}.vs-avatar-content--circle .vs-avatar__badge.top-right{bottom:auto;top:-2px}.vs-avatar-content--circle .vs-avatar__badge.top-left{bottom:auto;left:-2px;right:auto;top:-2px}.vs-avatar-content--circle .vs-avatar__badge.bottom-left{left:-2px;right:auto}.vs-avatar-content--square{border-radius:0!important}.vs-avatar-content.history--gradient:after{background-image:linear-gradient(40deg,#f99b4a,#df376b 74%,#c52d91 0)!important}.vs-avatar-content.history .vs-avatar{border:2px solid -color("background");height:calc(100% - 4px);margin:2px;width:calc(100% - 4px)}.vs-avatar-content.history:after{background-color:#ffe53b;background:-color("color");border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.vs-avatar-content.vs-component--is-color .vs-avatar{color:-color("background")}.vs-avatar-content.vs-component--is-color .vs-avatar__points .vs-avatar__points__point{background:-color("background")}.vs-avatar{align-items:center;background:-color("color");border-radius:inherit;box-shadow:inset 0 0 0 0 rgba(0,0,0,.05);color:#fff;color:-color("text");display:flex;height:100%;justify-content:center;overflow:hidden;transition:all .25s ease;width:100%}.vs-avatar i{font-size:1.4rem}.vs-avatar img{border-radius:inherit;display:block;height:auto;transition:all .25s ease;width:100%}.vs-avatar__loading{background:rgba(0,0,0,.5);border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}.vs-avatar__loading,.vs-avatar__loading__animate{align-items:center;display:flex;justify-content:center}.vs-avatar__loading__animate{border-radius:50%;height:60%;position:relative;width:60%}.vs-avatar__loading__animate:after{animation:rotateInputLoading .8s ease infinite;border:2px solid transparent;border-bottom-color:#fff;border-radius:inherit}.vs-avatar__loading__animate:after,.vs-avatar__loading__animate:before{box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.vs-avatar__loading__animate:before{animation:rotateInputLoading .8s linear infinite;border:2px solid transparent;border-bottom:2px dashed #fff;border-radius:inherit;opacity:.2}.vs-avatar--letter--3{font-size:.9rem}.vs-avatar--letter--4{font-size:.8rem}.vs-avatar--letter--5{font-size:.7rem}.vs-avatar--letter--6{font-size:.6rem}.vs-avatar__badge{background:-color("badge");border:2px solid -color("background")!important;border-radius:50%;bottom:-4px;color:-color("text");font-size:.6rem;font-weight:700;height:13px;position:absolute;right:-4px;width:13px;z-index:200}.vs-avatar__badge.isSlot,.vs-avatar__badge.writing{align-items:center;border-radius:7px;color:-color("background");display:flex;height:auto;justify-content:center;line-height:.9rem;min-height:18px;min-width:18px;padding:0 3px;width:auto}.vs-avatar__badge.top-right{bottom:auto;top:-4px}.vs-avatar__badge.top-left{bottom:auto;left:-4px;right:auto;top:-4px}.vs-avatar__badge.bottom-left{left:-4px;right:auto}.vs-avatar__points{align-items:center;display:flex;justify-content:center;position:relative}.vs-avatar__points__point{background:-color("text");border-radius:50%;height:5px;margin:0 2px;width:5px}.vs-avatar__points__point:first-child{animation:point 1.2s ease infinite}.vs-avatar__points__point:nth-child(2){animation:point 1.2s ease .4s infinite}.vs-avatar__points__point:nth-child(3){animation:point 1.2s ease .8s infinite}.vs-avatar__latest{align-items:center;background:rgba(0,0,0,.5);border-radius:inherit;color:#fff;font-weight:600;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:300}.vs-avatar__icons,.vs-avatar__latest{display:flex;justify-content:center;position:absolute}.vs-avatar__icons{align-items:flex-end;background:-color("gray-3");border-radius:5px 5px 5px 5px;flex-direction:column;font-size:1rem;height:auto;min-height:90%;padding:3px 3px 3px 5px;right:-20px;top:50%;transform:translateY(-50%);width:auto;z-index:-1}.vs-avatar__icons i{cursor:pointer;transition:all .25s ease}.vs-avatar__icons i:hover{opacity:.7}@keyframes point{0%{opacity:1}50%{opacity:.4;transform:scale(.5)}to{opacity:1}}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!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.vsAvatarGroup=t(require("vue")):e.vsAvatarGroup=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},o={};function r(e){var a=o[e];if(void 0!==a)return a.exports;var u=o[e]={exports:{}};return t[e](u,u.exports,r),u.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var a={};r.d(a,{default:()=>p});var u=r(594);const n=(0,u.defineComponent)({name:"VsAvatarGroup",props:{max:{default:null},float:{type:Boolean,default:!1}},setup:(e,{slots:t})=>()=>(0,u.h)("div",{class:["vs-avatar__group",{float:e.float}]},[t.default?t.default():null])});n.install=e=>{e.component("VsAvatarGroup",n)};const p=n;return a=a.default})());
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-avatar__group{align-items:center;display:flex;justify-content:center;padding-left:18px}.vs-avatar__group.float{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;padding-left:0}.vs-avatar__group.float .vs-avatar-content{border:3px solid vs-color("background");margin:0;position:relative;z-index:2}.vs-avatar__group:not(.float) .vs-avatar-content{margin-left:-18px;position:relative;z-index:2}.vs-avatar__group:not(.float) .vs-avatar-content:hover .vs-avatar{box-shadow:inset 0 0 0 0 rgba(0,0,0,.1)}.vs-avatar__group:not(.float) .vs-avatar-content:hover img{transform:scale(1)}.vs-avatar__group:not(.float) .vs-avatar-content .vs-avatar__latest{height:calc(100% - 6px);margin:3px;width:calc(100% - 6px)}.vs-avatar__group:not(.float) .vs-avatar-content:not(.vs-change-color) .vs-avatar{background:vs-color("background")}.vs-avatar__group:not(.float) .vs-avatar-content img{width:calc(100% - 6px)}.vs-avatar__group:not(.float) .vs-avatar-content:hover:not(.vs-avatar-content--hasIcons){transform:translate(-10px)}.vs-avatar__group:not(.float) .vs-avatar-content:hover:not(.vs-avatar-content--hasIcons) .vs-avatar{transform:scale(1)}.vs-avatar__group:not(.float) .vs-avatar-content--hasIcons{margin-right:0}.vs-avatar__group:not(.float) .vs-avatar-content--hasIcons:hover{transform:translate(-34px)!important}
|
package/dist/vsButton/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!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.vsButton=t(require("vue")):e.vsButton=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},n={};function o(e){var a=n[e];if(void 0!==a)return a.exports;var l=n[e]={exports:{}};return t[e](l,l.exports,o),l.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var a={};function l(e){return l="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},l(e)}function r(e){var t=function(e,t){if("object"!=l(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!=l(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==l(t)?t:t+""}function s(e,t,n){return(t=r(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}o.d(a,{default:()=>b});var i=o(594);const c=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,t,n)=>{n?"#comment"!==n.nodeName&&n.style.setProperty(`--vs-${e}`,t):document.documentElement.style.setProperty(`--vs-${e}`,t)},u=e=>{const t=/^(rgb|rgba)/.test(e),n=/^(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),o=/^(#)/.test(e);let a;if(t){const t=e.replace(/[rgba()]/g,"").split(",");a=`${t[0]},${t[1]},${t[2]}`}else if(o){const t=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,n,o)=>t+t+n+n+o+o);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);a=`${t.r},${t.g},${t.b}`}else if(c(e)){a=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e)}else n&&(a=e);return a},p=(e,t="",n=!1)=>{const o=e.currentTarget,a=o.getBoundingClientRect(),l=e.clientX-a.left,r=e.clientY-a.top;let s=.6;o.clientWidth>150&&(s=1.2);const i=document.createElement("div");i.className="vs-ripple-content";const u=document.createElement("div");t||((e,t,n,o)=>{const a=/^(rgb|rgba)/.test(t),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(t),r=/^(#)/.test(t);let s;if("dark"==t&&n&&o&&n.classList.add("vs-component-dark"),a){const a=t.replace(/[rgba()]/g,"").split(",");s=`${a[0]},${a[1]},${a[2]}`,d(e,s,n),o&&n.classList.add("vs-change-color")}else if(r){const a=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,n,o)=>t+t+n+n+o+o);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}(t);s=`${a.r},${a.g},${a.b}`,d(e,s,n),o&&n.classList.add("vs-change-color")}else c(t)?(s=window.getComputedStyle(document.body).getPropertyValue("--vs-"+t),d(e,s,n),o&&n.classList.add("vs-change-color")):l&&(d(e,t,n),o&&n.classList.add("vs-change-color"))})("color","#fff",i),u.className="vs-ripple",n&&u.classList.add("vs-ripple--solid"),u.style.transition=`all ${s}s ease`,u.style.left=`${l}px`,u.style.top=`${r}px`,i.appendChild(u),o.appendChild(i),u.style.width=2.5*o.clientWidth+"px",u.style.height=2.5*o.clientWidth+"px",u.style.opacity="1";let p=!1;function f(e){u.style.transition=`all 0.${600*s}s ease`,setTimeout(()=>{u.style.opacity="0",setTimeout(()=>{o.removeChild(i)},300*s)},p?0:400*s),e.target.removeEventListener("mouseup",f),e.target.removeEventListener("mouseleave",f)}setTimeout(()=>{p=!0},300),e.target.addEventListener("mouseup",f),e.target.addEventListener("mouseleave",f)};const f={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 y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,o)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach(function(t){s(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}const m=(0,i.defineComponent)({name:"VsButton",props:v(v({},f),{},{ripple:{type:String,default:""},activeDisabled:{type:Boolean,default:!1},flat:{type:Boolean,default:!1},border:{type:Boolean,default:!1},gradient:{type:Boolean,default:!1},relief:{type:Boolean,default:!1},transparent:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},floating:{type:Boolean,default:!1},icon:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},square:{type:Boolean,default:!1},size:{type:String,default:null},loading:{type:Boolean,default:!1},upload:{type:Boolean,default:!1},block:{type:Boolean,default:!1},animationType:{type:String,default:""},animateInactive:{type:Boolean,default:!1},to:{type:String,default:null},href:{type:String,default:null},blank:{type:Boolean,default:!1}}),emits:["click"],setup(e,{slots:t,attrs:n,emit:o}){const a=t=>{"reverse"===e.ripple?(e=>{const t=e.currentTarget,n=t.getBoundingClientRect(),o=e.clientX-n.left,a=e.clientY-n.top;let l=.6;t.clientWidth>150&&(l=1.2);const r=document.createElement("div");r.className="vs-ripple-content";const s=document.createElement("div");s.className="vs-ripple-invert",s.style.left=`${o}px`,s.style.top=`${a}px`,s.style.width=2.5*t.clientWidth+"px",s.style.height=2.5*t.clientWidth+"px",s.style.opacity="0",r.appendChild(s),t.appendChild(r),setTimeout(()=>{s.style.width="0px",s.style.height="0px",s.style.opacity="0.5"},1);let i=!1;function c(e){s.style.transition=`all 0.${600*l}s ease`,setTimeout(()=>{s.style.opacity="0",setTimeout(()=>{t.removeChild(r)},300*l)},i?0:400*l),e.target.removeEventListener("mouseup",c),e.target.removeEventListener("mouseleave",c)}setTimeout(()=>{i=!0},300),e.target.addEventListener("mouseup",c),e.target.addEventListener("mouseleave",c)})(t):"cut"===e.ripple?(e=>{const t=e.currentTarget,n=t.getBoundingClientRect(),o=e.clientX-n.left,a=e.clientY-n.top;let l=.6;t.clientWidth>150&&(l=1.2);const r=document.createElement("div");r.className="vs-ripple-content";const s=document.createElement("div"),i=document.createElement("div");s.className="vs-ripple-cut-1",i.className="vs-ripple-cut-2",s.style.left=i.style.left=`${o}px`,s.style.top=i.style.top=`${a}px`,s.style.width=i.style.width=2.5*t.clientWidth+"px",s.style.height=i.style.height=2.5*t.clientWidth+"px",s.style.opacity=i.style.opacity="1",r.appendChild(s),r.appendChild(i),t.appendChild(r),setTimeout(()=>{s.style.left=`-${1.3*t.clientWidth}px`,s.style.opacity="1",i.style.left=1.3*t.clientWidth+"px",i.style.opacity="1"},1);let c=!1;function d(e){s.style.transition=`all 0.${600*l}s ease`,setTimeout(()=>{s.style.opacity="0",setTimeout(()=>{t.removeChild(r)},300*l)},c?0:400*l),e.target.removeEventListener("mouseup",d),e.target.removeEventListener("mouseleave",d)}setTimeout(()=>{c=!0},300),e.target.addEventListener("mouseup",d),e.target.addEventListener("mouseleave",d)})(t):e.flat?p(t,(e.color,e.active||document.activeElement===t.currentTarget?null:"inherit"),e.flat&&!e.active&&document.activeElement!==t.currentTarget):p(t,null,!1)},l=t=>{if(e.to){const t=n,o=t.router||t.$router;o&&"function"==typeof o.push&&o.push(e.to)}else e.href&&window.open(e.href,e.blank?"_blank":"_self");o("click",t)};return()=>{const o=t.default?t.default():null,r=t.animate?t.animate():null,s=(0,i.h)("div",{class:"vs-button__loading"}),c={"--vs-color":e.color?u(e.color):""},d=[`vs-button--${n.componentColor||""}`,`vs-button--size-${e.size}`,{"vs-button--fff":"#fff"===e.color},{"vs-button--active":!!e.active},{"vs-button--active-disabled":!!e.activeDisabled},{"vs-button--icon":!!e.icon},{"vs-button--circle":!!e.circle},{"vs-button--square":!!e.square},{"vs-button--loading":!!e.loading},{"vs-button--upload":!!e.upload},{"vs-button--block":!!e.block},{"vs-button--animate":!!r},{[`vs-button--animate-${e.animationType}`]:!!e.animationType},{"vs-button--animate-inactive":!!e.animateInactive},{"vs-button--primary":!(e.danger||e.success||e.warn||e.dark||e.color)},{"vs-button--danger":!!e.danger},{"vs-button--warn":!!e.warn},{"vs-button--success":!!e.success},{"vs-button--dark":!!e.dark},{"vs-button--default":!(e.flat||e.border||e.gradient||e.relief||e.transparent||e.shadow||e.floating)},{"vs-button--flat":!!e.flat},{"vs-button--border":!!e.border},{"vs-button--gradient":!!e.gradient},{"vs-button--relief":!!e.relief},{"vs-button--transparent":!!e.transparent},{"vs-button--shadow":!!e.shadow},{"vs-button--floating":!!e.floating}],p=[(0,i.h)("div",{class:"vs-button__content"},o),r?(0,i.h)("div",{class:["vs-button__animate",`vs-button__animate--${e.animationType}`]},r):null,e.loading?s:null],f=Object.assign({},n,{class:["vs-button",d],style:c,onMousedown:a,onClick:l});return(0,i.h)("button",f,p)}}});m.install=e=>{e.component("VsButton",m)};const b=m;return a=a.default})());
|
package/dist/vsButton/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-ripple-content{--vs-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}.vs-button{--vs-color:"";--vs-color-rotate:var(--vs-primary);--vs-color-darken:var(--vs-primary);--vs-button-padding:8px 12px;--vs-button-margin:5px;--vs-button-border-radius:12px;--vs-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}.vs-button.vs-component-dark.vs-button--transparent{color:-color("text")!important}.vs-button--fff:focus{color:#1e1e1e!important}.vs-button__content{align-items:center;display:flex;justify-content:center;padding:-var(button-padding);width:100%}.vs-button--active-disabled{opacity:.6;pointer-events:none}.vs-button:disabled{opacity:.35;pointer-events:none}.vs-button.vs-button--animate:not(.vs-button--animate-inactive) .vs-button__content i{font-size:1.15rem}.vs-button.vs-button--animate:not(.vs-button--animate-inactive):hover .vs-button__content{transform:translate(-100%)}.vs-button.vs-button--animate:not(.vs-button--animate-inactive):hover .vs-button__animate{transform:translate(0)}.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-vertical:hover .vs-button__content{opacity:0;transform:translateY(-100%)!important}.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-vertical:hover .vs-button__animate{transform:translate(0)!important}.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-scale:hover .vs-button__content{opacity:0;transform:scale(1.4)!important}.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-scale:hover .vs-button__animate{opacity:1;transform:scale(1)}.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-rotate:hover .vs-button__content{opacity:0;transform:rotate(180deg)!important}.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-rotate:hover .vs-button__animate{opacity:1;transform:rotate(0)}.vs-button.vs-button--animate:not(.vs-button--animate-inactive) .vs-button__content,.vs-button__animate{transition:transform .25s ease}.vs-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%}.vs-button__animate--vertical{transform:translateY(100%)}.vs-button__animate--scale{opacity:0;transform:scale(.5)}.vs-button__animate--rotate{opacity:0;transform:rotate(-180deg)}.vs-button--block{display:block;width:100%}.vs-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}.vs-button--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vs-button .vs-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%}.vs-button .vs-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}.vs-button .vs-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}.vs-button--size-xl{border-radius:20px}.vs-button--size-xl .vs-button__content{font-size:1.1rem;padding:15px 20px}.vs-button--size-large{border-radius:15px;font-size:1rem}.vs-button--size-large .vs-button__content{padding:10px 15px}.vs-button--size-small{border-radius:9px;font-size:.75rem}.vs-button--size-small .vs-button__content{padding:5px 10px}.vs-button--size-mini{border-radius:7px;font-size:.6rem}.vs-button--size-mini .vs-button__content{padding:3px 8px}.vs-button--circle{border-radius:25px}.vs-button--square{border-radius:0}.vs-button--icon{align-items:center;display:flex;justify-content:center}.vs-button--icon .vs-button__content{padding:8px}.vs-button--icon i{font-size:1.15rem}.vs-button--default{background:-color(color,1);color:#fff}.vs-button--default.vs-button--active,.vs-button--default:hover{box-shadow:0 10px 20px -10px -color(color,1);transform:translateY(-3px)}.vs-button--flat{background:-color(color,.15);color:-color(color,1)}.vs-button--flat.vs-button--dark{color:-color(text,1)}.vs-button--flat:hover{background:-color(color,.25)}.vs-button--flat:focus{transition:all .25s ease,background .25s ease .25s}.vs-button--flat.vs-button--active,.vs-button--flat:focus,.vs-button--floating{background:-color(color,1);color:#fff}.vs-button--floating{box-shadow:0 8px 20px -6px -color(color,1);transform:translateY(-3px)}.vs-button--floating:hover{box-shadow:0 8px 20px -6px -color(color,1);transform:translateY(-6px)}.vs-button--floating.vs-button--active,.vs-button--floating:focus{box-shadow:0 0 0 0 -color(color,1);transform:translate(0)}.vs-button--border{background:-color(color,0);color:-color(color,1)}.vs-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%}.vs-button--border:hover:before{border:2px solid -color(color,.5)}.vs-button--border.vs-button--active,.vs-button--border:focus{background:-color(color,1);color:#fff}.vs-button--gradient{background:-color("color");color:#fff;overflow:hidden}.vs-button--gradient.vs-button--primary:before,.vs-button--gradient.vs-button--success:before{filter:hue-rotate(40deg)}.vs-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}.vs-button--gradient:hover{box-shadow:0 10px 20px -10px -color("color",.7);transform:translateY(-3px)}.vs-button--gradient:hover:before{opacity:0}.vs-button--gradient.vs-button--active{box-shadow:0 10px 20px -10px rgba(0,0,0,.35);transform:translateY(-3px)}.vs-button--relief{background:-color("color");color:#fff;overflow:hidden;transform:translate(0) scale(1)}.vs-button--relief .vs-button__content{transition:all .25s ease}.vs-button--relief.vs-button--icon.vs-button--active{height:auto}.vs-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}.vs-button--relief:active{transform:translateY(1px)}.vs-button--relief:active .vs-button__content{padding-bottom:6px}.vs-button--relief:active:before{border-bottom:0 solid -color("color")}.vs-button--relief.vs-button--active{transform:translateY(1px)}.vs-button--relief.vs-button--active .vs-button__content{padding-bottom:6px}.vs-button--relief.vs-button--active:before{border-bottom:0 solid -color("color")}.vs-button--transparent{background:transparent;color:-color("color");overflow:hidden}.vs-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}.vs-button--transparent:active:not(.vs-button--active):before{transform:scale(.9)!important}.vs-button--transparent:hover:before{opacity:1;transform:scale(1)}.vs-button--transparent.vs-button--active:before{background:-color("color",.2);opacity:1;transform:scale(1)}.vs-button--shadow{background:-color("background");box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));color:-color("text");overflow:hidden}.vs-button--shadow:active:not(.vs-button--active){box-shadow:0 5px 15px 0 -rgba(0,0,0,-var(shadow-opacity))!important;transform:translateY(-1px)}.vs-button--shadow.vs-button--active,.vs-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%)}}
|