@ditojs/admin 2.9.1 → 2.9.2

package/src/components/index.js

@@ -5,8 +5,10 @@
 
 export { default as DitoRoot } from './DitoRoot.vue'
 export { default as DitoMenu } from './DitoMenu.vue'
+export { default as DitoTrail } from './DitoTrail.vue'
 export { default as DitoHeader } from './DitoHeader.vue'
 export { default as DitoNavigation } from './DitoNavigation.vue'
+export { default as DitoNotifications } from './DitoNotifications.vue'
 export { default as DitoSidebar } from './DitoSidebar.vue'
 export { default as DitoAccount } from './DitoAccount.vue'
 export { default as DitoDialog } from './DitoDialog.vue'
@@ -34,4 +36,5 @@ export { default as DitoTableHead } from './DitoTableHead.vue'
 export { default as DitoTableCell } from './DitoTableCell.vue'
 export { default as DitoUploadFile } from './DitoUploadFile.vue'
 export { default as DitoDraggable } from './DitoDraggable.vue'
+export { default as DitoSpinner } from './DitoSpinner.vue'
 export { default as DitoVNode } from './DitoVNode.vue'

package/src/mixins/RouteMixin.js

@@ -164,15 +164,15 @@ export default {
       next(ok)
     },
 
-    getRoutePath(templatePath) {
+    getRoutePath(recordPath) {
       // Maps the route's actual path to the matched routes by counting its
       // parts separated by '/', splitting the path into the mapped parts
       // containing actual parameters.
       const { path } = this.$route
-      return templatePath
+      return recordPath
         ? path
             .split('/')
-            .slice(0, templatePath.split('/').length)
+            .slice(0, recordPath.split('/').length)
             .join('/')
         : path
     },

package/src/mixins/SourceMixin.js

@@ -314,12 +314,20 @@ export default {
   },
 
   watch: {
-    $route(to, from) {
-      if (this.providesData && from.path === to.path && from.hash === to.hash) {
-        // Paths and hashes remain the same, so only queries have changed.
-        // Update filter and reload data without clearing.
-        this.query = to.query
-        this.loadData(false)
+    $route: {
+      // https://github.com/vuejs/vue-router/issues/3393#issuecomment-1158470149
+      flush: 'post',
+      handler(to, from) {
+        if (
+          this.providesData &&
+          from.path === to.path &&
+          from.hash === to.hash
+        ) {
+          // Paths and hashes remain the same, so only queries have changed.
+          // Update filter and reload data without clearing.
+          this.query = to.query
+          this.loadData(false)
+        }
       }
     },
 

package/src/styles/style.scss

@@ -7,4 +7,3 @@
 @import '_table';
 @import '_info';
 @import '_tippy';
-@import '_notifications';

package/src/styles/_notifications.scss

@@ -1,54 +0,0 @@
-@use 'sass:color';
-
-@mixin type($background) {
-  background: color.adjust($background, $lightness: 5%);
-  color: $color-white;
-  border-left: 12px solid color.adjust($background, $lightness: -10%);
-}
-
-.dito-notifications {
-  .dito-notification {
-    padding: 8px;
-    margin: 12px 12px 0;
-    font-size: inherit;
-    color: $color-white;
-    border-radius: $border-radius;
-    box-shadow: $shadow-window;
-
-    .notification-title {
-      font-weight: bold;
-      padding-bottom: 8px;
-    }
-
-    .notification-content {
-      p {
-        margin: 0;
-
-        & + p {
-          margin-top: 8px;
-        }
-      }
-    }
-
-    &,
-    &.info {
-      @include type($color-active);
-    }
-
-    &.success {
-      @include type($color-success);
-    }
-
-    &.warning {
-      @include type($color-warning);
-    }
-
-    &.error {
-      @include type($color-error);
-    }
-  }
-
-  .vue-notification-wrapper {
-    overflow: visible;
-  }
-}