vue-micro-router 1.0.38 → 1.0.40

package/dist/index.d.ts

@@ -700,19 +700,19 @@ export declare function registerFeaturePlugins(plugins: FeaturePlugin[], store:
  * Attrs maps (routeAttrs/dialogAttrs/controlAttrs) are passed through when declared.
  */
 export declare type ResolvedMicroRouterStore = HasRegisteredPlugin extends true ? Omit<MicroRouterStore, 'push' | 'stepWisePush' | 'stepWiseBack' | 'openDialog' | 'closeDialog' | 'toggleControl' | 'activePage' | 'fromPage' | 'toPage' | 'activeDialog' | 'fromDialog' | 'toDialog' | 'currentControl'> & {
-    push: PluginTypedPush<ExtractRoutePaths<RegisteredPlugin>, RegisteredRouteAttrs>;
-    stepWisePush: PluginTypedStepWisePush<ExtractRoutePaths<RegisteredPlugin>, RegisteredRouteAttrs>;
+    push: PluginTypedPush<ExtractRoutePaths<RegisteredPlugin> | keyof RegisteredRouteAttrs, RegisteredRouteAttrs>;
+    stepWisePush: PluginTypedStepWisePush<ExtractRoutePaths<RegisteredPlugin> | keyof RegisteredRouteAttrs, RegisteredRouteAttrs>;
     stepWiseBack: PluginTypedStepWiseBack;
-    openDialog: PluginTypedOpenDialog<ExtractDialogPaths<RegisteredPlugin>, RegisteredDialogAttrs>;
-    closeDialog: PluginTypedCloseDialog<ExtractDialogPaths<RegisteredPlugin>>;
-    toggleControl: PluginTypedToggleControl<ExtractControlNames<RegisteredPlugin>, RegisteredControlAttrs>;
-    activePage: ComputedRef<ExtractRoutePaths<RegisteredPlugin>>;
-    fromPage: ComputedRef<ExtractRoutePaths<RegisteredPlugin>>;
-    toPage: ComputedRef<ExtractRoutePaths<RegisteredPlugin>>;
-    activeDialog: ComputedRef<ExtractDialogPaths<RegisteredPlugin> | ''>;
-    fromDialog: ComputedRef<ExtractDialogPaths<RegisteredPlugin> | ''>;
-    toDialog: ComputedRef<ExtractDialogPaths<RegisteredPlugin> | ''>;
-    currentControl: ComputedRef<ExtractControlNames<RegisteredPlugin>>;
+    openDialog: PluginTypedOpenDialog<ExtractDialogPaths<RegisteredPlugin> | keyof RegisteredDialogAttrs, RegisteredDialogAttrs>;
+    closeDialog: PluginTypedCloseDialog<ExtractDialogPaths<RegisteredPlugin> | keyof RegisteredDialogAttrs>;
+    toggleControl: PluginTypedToggleControl<ExtractControlNames<RegisteredPlugin> | keyof RegisteredControlAttrs, RegisteredControlAttrs>;
+    activePage: ComputedRef<ExtractRoutePaths<RegisteredPlugin> | keyof RegisteredRouteAttrs>;
+    fromPage: ComputedRef<ExtractRoutePaths<RegisteredPlugin> | keyof RegisteredRouteAttrs>;
+    toPage: ComputedRef<ExtractRoutePaths<RegisteredPlugin> | keyof RegisteredRouteAttrs>;
+    activeDialog: ComputedRef<ExtractDialogPaths<RegisteredPlugin> | keyof RegisteredDialogAttrs | ''>;
+    fromDialog: ComputedRef<ExtractDialogPaths<RegisteredPlugin> | keyof RegisteredDialogAttrs | ''>;
+    toDialog: ComputedRef<ExtractDialogPaths<RegisteredPlugin> | keyof RegisteredDialogAttrs | ''>;
+    currentControl: ComputedRef<ExtractControlNames<RegisteredPlugin> | keyof RegisteredControlAttrs>;
 } : HasRegisteredRouteMap extends true ? Omit<MicroRouterStore, 'push'> & {
     push: TypedPush<RegisteredRouteMap>;
 } : MicroRouterStore;

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{border:none;padding:0;max-width:100%;max-height:100dvh;width:100%;background:transparent;color:inherit;overflow:visible;will-change:opacity,transform}.micro-dialog::backdrop{background:#00000080;animation:_dialog-fade-in .3s ease-out forwards}.micro-dialog--closing::backdrop{animation:_dialog-fade-out .2s ease-in forwards}.micro-dialog__content{position:relative}.micro-dialog--standard{display:flex;align-items:center;justify-content:center}.micro-dialog--top{display:flex;align-items:flex-start;justify-content:center}.micro-dialog--bottom{display:flex;align-items:flex-end;justify-content:center}.micro-dialog--left{display:flex;align-items:center;justify-content:flex-start}.micro-dialog--right{display:flex;align-items:center;justify-content:flex-end}.micro-dialog--fullscreen{border-radius:0;overflow:hidden}.micro-dialog--fullscreen .micro-dialog__content{height:100dvh;width:100%;overflow:hidden}.micro-dialog--seamless{background:transparent;box-shadow:none}@keyframes _dialog-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes _dialog-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@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-scale-in .25s cubic-bezier(.22,1,.36,1) forwards}.dialog-transition-fade.micro-dialog--closing{animation:_dialog-scale-out .18s cubic-bezier(.4,0,.6,1) 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{border:none;padding:0;max-width:100%;max-height:100dvh;width:100%;background:transparent;color:inherit;overflow:visible;will-change:opacity,transform}.micro-dialog::backdrop{background:#00000080;animation:_dialog-fade-in .3s ease-out forwards}.micro-dialog--closing::backdrop{animation:_dialog-fade-out .2s ease-in forwards}.micro-dialog__content{position:relative}.micro-dialog--standard{display:flex;align-items:center;justify-content:center}.micro-dialog--top{display:flex;align-items:flex-start;justify-content:center}.micro-dialog--bottom{display:flex;align-items:flex-end;justify-content:center}.micro-dialog--left{display:flex;align-items:center;justify-content:flex-start}.micro-dialog--right{display:flex;align-items:center;justify-content:flex-end}.micro-dialog--fullscreen{border-radius:0;overflow:hidden}.micro-dialog--fullscreen .micro-dialog__content{height:100dvh;width:100%;overflow:hidden}.micro-dialog--seamless{background:transparent;box-shadow:none}.micro-dialog--seamless::backdrop{background:transparent;animation:none}@keyframes _dialog-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes _dialog-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@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-scale-in .25s cubic-bezier(.22,1,.36,1) forwards}.dialog-transition-fade.micro-dialog--closing{animation:_dialog-scale-out .18s cubic-bezier(.4,0,.6,1) 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.38",
+  "version": "1.0.40",
   "type": "module",
   "description": "Mobile-app-style navigation for Vue 3 — animated page stacks, modal dialogs, HUD controls. No URL routing.",
   "author": {