vue-micro-router 1.0.44 → 1.0.46

package/dist/index.d.ts

@@ -349,7 +349,7 @@ export declare interface MicroDialog {
     transitionDuration?: number;
     /** Animation type: 'fade' (pure opacity), 'scale' (pop), 'slide' (page-style) */
     transition?: TransitionType;
-    /** If true (default), dialog has transparent background and no shadow */
+    /** If true, dialog has no backdrop overlay (see-through to app behind). Default: false */
     seamless?: boolean;
     /** Prime mobile keyboard on open — set true for dialogs with autofocus inputs */
     focusInput?: boolean;

package/dist/index.mjs

@@ -1046,7 +1046,7 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
   setup(e, { emit: o }) {
     const n = e, i = o, { getDialogAttrs: t, updateDialogAttrs: l } = q();
     let c = !1;
-    const r = ne(null), f = ne(null), a = C(() => n.dialog.transition ?? "scale"), v = C(() => n.dialog.transitionDuration != null ? n.dialog.transitionDuration : a.value === "slide" ? 500 : 300), A = C(() => n.dialog.position ?? "standard"), b = C(() => n.dialog.seamless ?? !0), T = C(
+    const r = ne(null), f = ne(null), a = C(() => n.dialog.transition ?? "scale"), v = C(() => n.dialog.transitionDuration != null ? n.dialog.transitionDuration : a.value === "slide" ? 500 : 300), A = C(() => n.dialog.position ?? "standard"), b = C(() => n.dialog.seamless ?? !1), T = C(
       () => n.dialog.activated || !!n.dialog.closing
     );
     function L() {

package/dist/styles.css

@@ -1 +1 @@
-.route-page{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:var(--mr-page-height, 100%);transform:translate(0)}.route-page__body{position:relative;width:100%;height:100%}.route-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s cubic-bezier(.65,0,.35,1);pointer-events:none;z-index:1}.route-page.deactive{transform:translate(-20%)}.route-page.deactive:before{opacity:1}.page-slide-enter-active,.page-slide-leave-active{transition:transform .5s cubic-bezier(.65,0,.35,1)}.page-slide-enter-from,.page-slide-leave-to{transform:translate(100%)}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .3s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.micro-router-content-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.micro-router-gui-layer{position:fixed;width:0;top:0;left:0;right:0;overflow:visible;z-index:1000;opacity:0;transition:opacity .5s ease;pointer-events:none}.micro-router-gui-layer.gui-visible{opacity:1;pointer-events:auto}.control-fade-move,.control-fade-enter-active,.control-fade-leave-active{transition:opacity .5s ease}.control-fade-enter-from,.control-fade-leave-to{opacity:0}.control-fade-leave-active{position:absolute}.micro-dialog-portal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:auto}.micro-dialog--standard{align-items:center;justify-content:center}.micro-dialog--top{align-items:flex-start;justify-content:center}.micro-dialog--bottom{align-items:flex-end;justify-content:center}.micro-dialog--left{align-items:center;justify-content:flex-start}.micro-dialog--right{align-items:center;justify-content:flex-end}.micro-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;pointer-events:none;animation:_dialog-fade-in .3s ease-out forwards}.micro-dialog-backdrop--closing{animation:_dialog-fade-out .2s ease-in forwards}.micro-dialog{position:relative;outline:none;pointer-events:none;max-width:100%;max-height:100dvh;will-change:opacity,transform}.micro-dialog__content{position:relative;pointer-events:auto}.micro-dialog--fullscreen .micro-dialog{width:100vw;height:100dvh}.micro-dialog--fullscreen .micro-dialog__content{width:100%;height:100dvh;overflow:hidden}.micro-dialog--closing{pointer-events:none}@keyframes _dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes _dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes _dialog-scale-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes _dialog-scale-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes _dialog-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _dialog-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.dialog-transition-fade:not(.micro-dialog--closing){animation:_dialog-fade-in .25s ease-out forwards}.dialog-transition-fade.micro-dialog--closing{animation:_dialog-fade-out .2s ease-in forwards}.dialog-transition-scale:not(.micro-dialog--closing){animation:_dialog-scale-pop-in .3s cubic-bezier(.22,1,.36,1) forwards}.dialog-transition-scale.micro-dialog--closing{animation:_dialog-scale-pop-out .3s cubic-bezier(.22,1,.36,1) forwards}.dialog-transition-slide:not(.micro-dialog--closing){animation:_dialog-slide-in var(--dialog-duration, .5s) cubic-bezier(.65,0,.35,1) forwards}.dialog-transition-slide.micro-dialog--closing{animation:_dialog-slide-out var(--dialog-duration, .5s) cubic-bezier(.65,0,.35,1) forwards}
+.route-page{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:var(--mr-page-height, 100%);transform:translate(0)}.route-page__body{position:relative;width:100%;height:100%}.route-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s cubic-bezier(.65,0,.35,1);pointer-events:none;z-index:1}.route-page.deactive{transform:translate(-20%)}.route-page.deactive:before{opacity:1}.page-slide-enter-active,.page-slide-leave-active{transition:transform .5s cubic-bezier(.65,0,.35,1)}.page-slide-enter-from,.page-slide-leave-to{transform:translate(100%)}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .3s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.micro-router-content-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.micro-router-gui-layer{position:fixed;width:0;top:0;left:0;right:0;overflow:visible;z-index:1000;opacity:0;transition:opacity .5s ease;pointer-events:none}.micro-router-gui-layer.gui-visible{opacity:1;pointer-events:auto}.control-fade-move,.control-fade-enter-active,.control-fade-leave-active{transition:opacity .5s ease}.control-fade-enter-from,.control-fade-leave-to{opacity:0}.control-fade-leave-active{position:absolute}.micro-dialog-portal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:auto}.micro-dialog--standard{align-items:center;justify-content:center}.micro-dialog--top{align-items:flex-start;justify-content:center}.micro-dialog--bottom{align-items:flex-end;justify-content:center}.micro-dialog--left{align-items:center;justify-content:flex-start}.micro-dialog--right{align-items:center;justify-content:flex-end}.micro-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;pointer-events:none;animation:_dialog-fade-in .3s ease-out forwards}.micro-dialog-backdrop--closing{animation:_dialog-fade-out .2s ease-in forwards}.micro-dialog{position:relative;outline:none;pointer-events:none;width:100%;max-width:100%;max-height:100dvh;will-change:opacity,transform}.micro-dialog__content{position:relative;pointer-events:auto}.micro-dialog--fullscreen .micro-dialog{width:100vw;height:100dvh}.micro-dialog--fullscreen .micro-dialog__content{width:100%;height:100dvh;overflow:hidden}.micro-dialog--closing{pointer-events:none}@keyframes _dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes _dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes _dialog-scale-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes _dialog-scale-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes _dialog-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _dialog-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.dialog-transition-fade:not(.micro-dialog--closing){animation:_dialog-fade-in .25s ease-out forwards}.dialog-transition-fade.micro-dialog--closing{animation:_dialog-fade-out .2s ease-in forwards}.dialog-transition-scale:not(.micro-dialog--closing){animation:_dialog-scale-pop-in .3s cubic-bezier(.22,1,.36,1) forwards}.dialog-transition-scale.micro-dialog--closing{animation:_dialog-scale-pop-out .3s cubic-bezier(.22,1,.36,1) forwards}.dialog-transition-slide:not(.micro-dialog--closing){animation:_dialog-slide-in var(--dialog-duration, .5s) cubic-bezier(.65,0,.35,1) forwards}.dialog-transition-slide.micro-dialog--closing{animation:_dialog-slide-out var(--dialog-duration, .5s) cubic-bezier(.65,0,.35,1) forwards}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-micro-router",
-  "version": "1.0.44",
+  "version": "1.0.46",
   "type": "module",
   "description": "Mobile-app-style navigation for Vue 3 — animated page stacks, modal dialogs, HUD controls. No URL routing.",
   "author": {