v-dialogs - npm Package Compare versions

Comparing version 3.0.1 to 3.0.2

dist/v-dialogs.js

		@@ -386,3 +386,3 @@ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('@charset "UTF-8";.v-dialog,.v-dialog-lite{position:fixed;z-index:1050;outline:0}.v-dialog-lite{left:0;right:0}.v-dialog{position:fixed}.v-dialog.v-dialog--content-center{display:flex;justify-content:center;align-items:center}.v-dialog.v-dialog--screen-center{left:50%;top:50%;transform:translate(-50%,-50%)}.v-dialog.v-dialog--horizontal-center{left:50%;transform:translate(-50%)}.v-dialog.v-dialog--embedded{position:absolute}.v-dialog .v-dialog-content{outline:0;position:relative;background-color:#fff;box-shadow:0 3rem 5rem #00000080;border-radius:1rem;border:0;overflow:hidden;display:flex;flex-direction:column;transition:all .2s ease-out}.v-dialog .v-dialog-header{display:flex;align-items:center;flex-shrink:0;height:42px}.v-dialog .v-dialog-header h3{margin:0;font-size:18px;padding:0 15px;font-weight:500;flex-grow:1;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-dialog .v-dialog-body{position:relative;width:100%;padding:0;overflow:auto;box-sizing:border-box;flex-grow:1}.v-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#00000080}.v-dialog-overlay.v-dialog-overlay--blur{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.v-dialog-overlay.v-dialog-overlay--embedded{position:absolute}.v-dialog-icon{display:inline-flex;width:1em;height:1em}@keyframes soft-candy-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}.v-dialog--candy-enter-active{animation:soft-candy-show .3s ease-out}.v-dialog--candy-leave-active{transform:scale(.5);transition:transform .2s linear,opacity .2s linear;opacity:0}.v-dialog--smooth-enter-active,.v-dialog--smooth-leave-active{transition:transform .25s ease-in-out,opacity .15s ease-in-out!important}.v-dialog--smooth-enter-from,.v-dialog--smooth-leave-to{transform:scale(.5);opacity:0}.v-dialog--fade-enter-active,.v-dialog--fade-leave-active{will-change:opacity;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.v-dialog--fade-enter-from,.v-dialog--fade-leave-to{opacity:0}.v-dialog--fade-lite-enter-active,.v-dialog--fade-lite-leave-active{transition:opacity .3s ease-in-out}.v-dialog--fade-lite-enter-from,.v-dialog--fade-lite-leave-to{opacity:0}@keyframes animated-buzz-out{10%{transform:translate(3px) rotate(2deg)}20%{transform:translate(-3px) rotate(-2deg)}30%{transform:translate(3px) rotate(2deg)}40%{transform:translate(-3px) rotate(-2deg)}50%{transform:translate(2px) rotate(1deg)}60%{transform:translate(-2px) rotate(-1deg)}70%{transform:translate(2px) rotate(1deg)}80%{transform:translate(-2px) rotate(-1deg)}90%{transform:translate(1px) rotate(0)}to{transform:translate(-1px) rotate(0)}}.v-dialog--buzz-out{animation-name:animated-buzz-out;animation-duration:.75s;animation-timing-function:linear;animation-iteration-count:1}.v-dialog-modal{left:0;right:0;top:0;bottom:0}.v-dialog-modal.v-dialog-modal--maximize{padding-right:0!important}.v-dialog-modal.v-dialog-modal--maximize .v-dialog-content{width:100vw!important;height:100vh!important;border-radius:0}.v-dialog-modal.v-dialog-modal--maximize .v-dialog-header{background-color:#eee}.v-dialog-modal .v-dialog-content{border-radius:.5rem;transition:width .2s ease-in-out,height .2s ease-in-out;min-width:400px;min-height:200px}.v-dialog-modal .v-dialog-content .v-dialog-header button{width:60px;height:100%;transition:all .3s ease-out;text-shadow:none;outline:none!important;margin:0;opacity:.3;font-size:18px!important;border:0;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}.v-dialog-modal .v-dialog-content .v-dialog-header button:hover{opacity:1}.v-dialog-modal .v-dialog-content .v-dialog-header button.v-dialog-btn__close{font-weight:400}.v-dialog-modal .v-dialog-content .v-dialog-header button.v-dialog-btn__close:hover{background-color:#e81123;color:#fff}.v-dialog-modal .v-dialog-content .v-dialog-header button.v-dialog-btn__maximize:hover{background-color:#e0e0e0}.v-dialog-modal .v-dialog-content .v-dialog-body{padding:0!important}.v-dialog-mask{left:0;right:0;top:0;bottom:0}.v-dialog-mask .v-dialog-content.mask--pill{border-radius:50rem}.v-dialog-mask .v-dialog-content.mask--no-icon .v-dialog-mask__content{margin-left:2rem!important}.v-dialog-mask .v-dialog-content.mask--no-panel{box-shadow:none!important;background-color:transparent}.v-dialog-mask .v-dialog-body{overflow:hidden!important;display:flex;align-items:center;min-width:300px;max-width:400px;color:#333}.v-dialog-mask .v-dialog-body .v-dialog-mask__content,.v-dialog-mask .v-dialog-body .v-dialog-mask__icon{display:flex;align-items:center}.v-dialog-mask .v-dialog-body .v-dialog-mask__content{margin:0 1.5rem 0 1rem;font-size:1rem;line-height:1.3;overflow-y:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.v-dialog-mask .v-dialog-body .v-dialog-mask__icon{padding-left:17px;flex-shrink:0}.v-dialog-mask .v-dialog-body .v-dialog-icon-loading{font-size:2rem}.v-dialog-mask-parent--relative{position:relative!important}.v-dialog-drawer.v-dialog-drawer--top{top:0;left:0}.v-dialog-drawer.v-dialog-drawer--bottom{bottom:0;left:0}.v-dialog-drawer.v-dialog-drawer--left{top:0;left:0}.v-dialog-drawer.v-dialog-drawer--right{top:0;right:0}.v-dialog-drawer .v-dialog-content{border-radius:0;min-width:400px;min-height:200px}.v-dialog-drawer .v-dialog-content .v-dialog-header button{width:60px;height:100%;transition:all .3s ease-out;text-shadow:none;outline:none!important;margin:0;opacity:.3;font-size:18px!important;border:0;background-color:transparent;display:inline-flex;justify-content:center;align-items:center}.v-dialog-drawer .v-dialog-content .v-dialog-header button:hover{opacity:1}.v-dialog-drawer .v-dialog-content .v-dialog-header button.v-dialog-btn__close{font-weight:400}.v-dialog-drawer .v-dialog-content .v-dialog-header button.v-dialog-btn__close:hover{background-color:#e81123;color:#fff}.v-dialog-drawer .v-dialog-content .v-dialog-body{padding:0!important}.v-dialog-drawer-slide-in-top-enter-active,.v-dialog-drawer-slide-in-top-leave-active{transition:transform .25s ease-in-out,opacity .25s linear}.v-dialog-drawer-slide-in-top-enter-from,.v-dialog-drawer-slide-in-top-leave-to{transform:translateY(-100%);opacity:0}.v-dialog-drawer-slide-in-bottom-enter-active,.v-dialog-drawer-slide-in-bottom-leave-active{transition:transform .25s ease-in-out,opacity .25s linear}.v-dialog-drawer-slide-in-bottom-enter-from,.v-dialog-drawer-slide-in-bottom-leave-to{transform:translateY(100%);opacity:0}.v-dialog-drawer-slide-in-left-enter-active,.v-dialog-drawer-slide-in-left-leave-active{transition:transform .25s ease-in-out,opacity .25s linear}.v-dialog-drawer-slide-in-left-enter-from,.v-dialog-drawer-slide-in-left-leave-to{transform:translate(-100%);opacity:0}.v-dialog-drawer-slide-in-right-enter-active,.v-dialog-drawer-slide-in-right-leave-active{transition:transform .25s ease-in-out,opacity .25s linear}.v-dialog-drawer-slide-in-right-enter-from,.v-dialog-drawer-slide-in-right-leave-to{transform:translate(100%);opacity:0}.v-dialog-alert{left:0;right:0;top:0;bottom:0}.v-dialog-alert.no-icon .v-dialog-alert__content{padding-left:15px}.v-dialog-alert.no-header .v-dialog-alert__content{padding-top:2rem}.v-dialog-alert .v-dialog-content{overflow:hidden;display:flex;flex-direction:column;background-color:#fff}.v-dialog-alert .v-dialog-footer{flex-shrink:0;overflow:hidden}.v-dialog-alert .v-dialog-footer .v-dialog-alert__buttons{display:flex;justify-content:flex-end;padding:0 1rem 1rem 0}.v-dialog-alert .v-dialog-footer .v-dialog-alert__buttons button{outline:none!important;padding:8px 15px;min-width:90px;border-radius:.7rem;font-size:14px;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.v-dialog-alert .v-dialog-footer .v-dialog-alert__buttons button:active{box-shadow:0 10px 20px #0003,0 6px 6px #0000003b}.v-dialog-alert .v-dialog-footer .v-dialog-alert__buttons .v-dialog-btn__ok{border:1px solid #516270;background-color:#516270;color:#fff}.v-dialog-alert .v-dialog-footer .v-dialog-alert__buttons .v-dialog-btn__cancel{border:1px solid #F0F0F0;background-color:#f0f0f0;margin-left:1rem}.v-dialog-alert .v-dialog-alert__content{overflow-y:auto;min-height:100px;flex-grow:1;display:flex;padding:1rem}.v-dialog-alert .v-dialog-alert__content .v-dialog-alert__icon{display:flex;padding:0 2rem 0 1rem;font-size:3rem;color:#333;filter:drop-shadow(4px 5px 5px rgba(0,0,0,.6))}.v-dialog-alert .v-dialog-alert__content .v-dialog-alert__message{flex-grow:1;font-size:14px;line-height:1.5;padding-top:5px}.v-dialog-alert .alert-warning .v-dialog-alert__icon{color:#ff9800;filter:drop-shadow(4px 5px 5px rgba(255,152,0,.8))}.v-dialog-alert .alert-error .v-dialog-alert__icon{color:#f44336;filter:drop-shadow(4px 5px 5px rgba(244,67,54,.8))}.v-dialog-alert .alert-success .v-dialog-alert__icon{color:#198754;filter:drop-shadow(4px 5px 5px rgba(25,135,84,.8))}.v-dialog-alert .alert-confirm .v-dialog-alert__icon{color:#3f51b5;filter:drop-shadow(4px 5px 5px rgba(63,81,181,.9))}.v-dialog__shadow--error{box-shadow:0 1rem 5rem #ff000080!important}.v-dialog__shadow--warning{box-shadow:0 1rem 5rem #ffa50080!important}.v-dialog__shadow--success{box-shadow:0 1rem 5rem #00ff0080!important}.v-dialog-message{background-color:transparent;overflow:unset;transition:all .3s;display:flex;justify-content:center;left:50%;right:unset;transform:translate(-50%)}.v-dialog-message .v-dialog-body{border-radius:1rem;box-shadow:0 2.5rem 8rem #000000e6;overflow:hidden;display:flex;align-items:center;background-color:#0006;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);min-height:52px;max-width:500px}.v-dialog-message .v-dialog-body.v-dialog-message--pill{border-radius:2rem}.v-dialog-message .v-dialog-body.v-dialog-message--no-icon .v-dialog-message__body{padding:.5rem 2rem}.v-dialog-message .v-dialog-body.message-warning .v-dialog-message__prepend{color:#ff9800;filter:drop-shadow(4px 5px 5px rgba(255,152,0,.95))}.v-dialog-message .v-dialog-body.message-error .v-dialog-message__prepend{color:#f44336;filter:drop-shadow(4px 5px 5px rgba(244,67,54,.95))}.v-dialog-message .v-dialog-body.message-success .v-dialog-message__prepend{color:#198754;filter:drop-shadow(4px 5px 5px rgba(25,135,84,.95))}.v-dialog-message__prepend,.v-dialog-message__append{width:40px;flex-shrink:0;display:flex;align-items:center;font-size:1.3rem}.v-dialog-message__prepend{justify-content:flex-end;filter:drop-shadow(4px 5px 5px rgba(0,0,0,.95))}.v-dialog-message__append{justify-content:flex-start}.v-dialog-message__body{display:flex;align-items:center;font-size:14px;line-height:1.3;flex-grow:1;padding:.5rem 1rem;overflow:hidden;height:100%}.v-dialog-message__close{cursor:pointer}.v-dialog-toast{background-color:transparent;box-sizing:border-box;transition:all .3s}.v-dialog-toast .v-dialog-body{position:relative;display:flex;padding:1rem;box-shadow:0 5px 40px #0006;border-radius:.7rem;border-width:2px;border-style:solid;border-color:#ccc;color:#333;background-color:#fff;width:300px}.v-dialog-toast .v-dialog-body.toast-warning{border-color:#333;background-color:#f5cf87}.v-dialog-toast .v-dialog-body.toast-error{background-color:#ff5252;border-color:#bf2a2a;color:#fff}.v-dialog-toast .v-dialog-body.toast-error .v-dialog-toast__append{color:#ccc}.v-dialog-toast .v-dialog-body.toast-error .v-dialog-toast__append:hover{color:#fff}.v-dialog-toast .v-dialog-body.toast-success{background-color:#2cbe4e;border-color:#0a8427;color:#1b5e20}.v-dialog-toast .v-dialog-body.toast-success .v-dialog-toast__append{color:#666}.v-dialog-toast .v-dialog-body.toast-success .v-dialog-toast__append:hover{color:#000}.v-dialog-toast--left{left:16px;right:unset}.v-dialog-toast--right{left:unset;right:16px}.v-dialog-toast__prepend,.v-dialog-toast__append{display:flex;justify-content:center;flex-shrink:0}.v-dialog-toast__prepend{font-size:1.3rem}.v-dialog-toast__body{flex-grow:1;padding:0 10px;font-size:14px;overflow:hidden;min-height:60px}.v-dialog-toast__body h3{margin:0 0 3px;font-size:16px;font-weight:600}.v-dialog-toast__body div{font-size:14px;line-height:1.4;margin:0}.v-dialog-toast__append{color:#999;font-size:1rem;outline:none;transition:all .3s}.v-dialog-toast__append:hover{color:#000}.v-dialog-toast__close{cursor:pointer}')),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
		appendTo: {
		type: [String, HTMLElement],
		type: [String, Object],
		default: "body"
		@@ -389,0 +389,0 @@ }

package.json

		{
		"name": "v-dialogs",
		"description": "A simple style useful dialog component collection for Vue3",
		"version": "3.0.1",
		"version": "3.0.2",
		"author": "TerryZ <terry5@foxmail.com>",
		@@ -6,0 +6,0 @@ "type": "module",

dist/v-dialogs.umd.cjs

Sorry, the diff of this file is not supported yet

v-dialogs - npm Package Compare versions

New alerts

Fixed alerts

Worsened metrics