feat: add component tooltip

Author: gabrieloliveirapinto

frontend/express/public/javascripts/countly/vue/components/content.js

@@ -409,6 +409,11 @@
         template: CV.T('/javascripts/countly/vue/templates/content/UI/content-sidebar-input.html'),
 
         props: {
+            componentTooltip: {
+                default: null,
+                type: String
+            },
+
             disabled: {
                 default: false,
                 type: Boolean
@@ -468,6 +473,11 @@
                 type: String
             },
 
+            withComponentTooltip: {
+                default: false,
+                type: Boolean
+            },
+
             withLabelTooltip: {
                 default: false,
                 type: Boolean
@@ -537,6 +547,13 @@
 
             mainComponent() {
                 return COUNTLY_CONTENT_SIDEBAR_INPUT_COMPONENT_BY_TYPE[this.type] || 'div';
+            },
+
+            tooltip() {
+                if (this.withComponentTooltip) {
+                    return this.componentTooltip || null;
+                }
+                return null;
             }
         }
     }));

frontend/express/public/javascripts/countly/vue/templates/content/UI/content-sidebar-input.html

@@ -28,6 +28,7 @@
         :is="mainComponent"
         v-bind="$attrs"
         v-model="componentValue"
+        v-tooltip.left="tooltip"
         class="cly-vue-content-builder-sidebar-input__component"
         :class="{ 'cly-vue-content-builder-sidebar-input__component--slider': isSliderInput }"
         :controls="controlsProp"