Add filebase improvements

lib/js/src/compose/types/page-block/file.ts

@@ -15,6 +15,8 @@ interface Options {
   margin?: number;
   backgroundColor?: string;
   magnifyOption: string;
+  enablePreview?: boolean;
+  enableDownload?: boolean;
 }
 
 const PageBlockFileDefaultMode = 'list'
@@ -40,7 +42,9 @@ const defaults: Readonly<Options> = Object.freeze({
   borderRadius: undefined,
   margin: undefined,
   backgroundColor: undefined,
-  magnifyOption: ''
+  magnifyOption: '',
+  enablePreview: true,
+  enableDownload: true
 })
 
 export class PageBlockFile extends PageBlock {
@@ -60,7 +64,7 @@ export class PageBlockFile extends PageBlock {
       this.options.attachments = o.attachments
     }
 
-    Apply(this.options, o, Boolean, 'hideFileName')
+    Apply(this.options, o, Boolean, 'hideFileName', 'enablePreview', 'enableDownload')
     Apply(this.options, o, String, 'backgroundColor', 'magnifyOption')
     Apply(this.options, o, Number, 'height', 'width', 'maxHeight', 'maxWidth', 'borderRadius', 'margin')
 

lib/vue/src/components/filePreview/CPreviewInline.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="inline">
-    <main>
+  <div class="inline h-100">
+    <main class="h-100">
       <component
         :is="previewType"
         v-bind="$attrs"

lib/vue/src/components/filePreview/common/types/IMG/InlineIMG.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="inline">
+  <div class="inline h-100">
     <img
       ref="image"
       :key="src"
@@ -90,7 +90,7 @@ div {
   }
 
   &.inline {
-    img {
+    img:not(.disable-zoom-cursor) {
       cursor: zoom-in;
     }
   }