added title to fixed hotspot

Author: Hamz1221

Template/App.vue

@@ -32,7 +32,7 @@
                 </iv-toggle-hotspot>
                 <iv-toggle-hotspot position='right' title='Toggle Hotspot'>                   
                 </iv-toggle-hotspot>                 
-                <iv-fixed-hotspot position='topright'>
+                <iv-fixed-hotspot position='topright' title="Title">
                     I am in a fixed hotspot
                 </iv-fixed-hotspot>
             </template>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@impvis/components",
 
-  "version": "1.4.3",
+  "version": "1.4.4",
 
 
   "license": "BSD-3-Clause",

src/layouts/Hotspotables/FixedHotspot.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="iv-hotspotable iv-fixed-hotspot">
         <div class="hotspot-content" :class="[positionalClass('iv'),{'no-wasted-space':noWastedSpace},{'iv-transparent':transparent},{'iv-glass-effect':glass}]">
+            <span v-if="title !== ''" class = "title-text">{{title}}</span>
             <slot :setPosition="setPosition"> DEFAULT SLOT CONTENT. Position:{{position_}}</slot>
         </div>
     </div>
@@ -22,6 +23,11 @@ export default {
         glass:{
             type:Boolean,
             default:false
+        },
+        title:{
+            type:String,
+            required:false,
+            default:""
         }
     },
 }
@@ -49,6 +55,12 @@ export default {
         width:auto;
         height:auto;
     }
+    .title-text{
+        text-align: center;
+        margin-bottom: 7px;
+        font-weight: bold;
+        border-bottom-style:solid;
+    }
     
 }