@christianriedl/media 1.0.27 → 1.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/media",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "description": "RIC media interfaces",
 
   "main": "dist/index.js",

package/src/views/PhotoAlbumPage.vue

@@ -7,7 +7,7 @@
     const router = useRouter();
     const route = useRoute();
     const appState = inject<IAppState>('appstate')!;
-    const appConfig = inject<IAppState>('appConfig')!;
+    const appConfig = inject<IAppConfig>('appconfig')!;
     const getMediaService = inject<() => MediaService>('get-media')!;
     const mediaService = getMediaService();
     const heightStyle = computed(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'hidden' } });
@@ -246,14 +246,14 @@
 
 <template>
     <v-container fluid :style="heightStyle">
-        <v-carousel hide-delimiters :show-arrows="false" v-model="index"
+        <v-carousel hide-delimiters :show-arrows="false" v-model="index" 
                     :width="width" :height="height" :cycle="cycle" :interval="interval"
                     @change="onInput" @dblclick="onDblClick">
             <v-carousel-item v-for="item in items" :key="item.DLNAID">
                 <img :src="item.realUrl" />
             </v-carousel-item>
         </v-carousel>
-        <v-dialog v-model="infoDialog" :fullscreen="isMobile">
+        <v-dialog v-model="infoDialog" :fullscreen="isMobile" v-click-outside="infoDialog = false">
             <v-card v-if="infoDialog" width="400">
                 <v-card-title class="headline">Metadata</v-card-title>
                 <v-card-text>
@@ -274,7 +274,7 @@
                 </v-card-actions>
             </v-card>
         </v-dialog>
-        <v-dialog v-model="keyDialog" :fullscreen="isMobile">
+        <v-dialog v-model="keyDialog" :fullscreen="isMobile" v-click-outside="keyDialog = false">
             <v-card v-if="keyDialog" width="400">
                 <v-card-text>
                     <v-container>