Conditionals feature (#2830)

Introduces conditional styling feature.

src/plugins/displayLayout/components/TextView.vue

@@ -29,6 +29,7 @@
 >
     <div
         class="c-text-view"
+        :class="[styleClass]"
         :style="style"
     >
         {{ item.text }}
@@ -38,6 +39,7 @@
 
 <script>
 import LayoutFrame from './LayoutFrame.vue'
+import conditionalStylesMixin from "../mixins/objectStyles-mixin";
 
 export default {
     makeDefinition(openmct, gridSize, element) {
@@ -57,6 +59,7 @@ export default {
     components: {
         LayoutFrame
     },
+    mixins: [conditionalStylesMixin],
     props: {
         item: {
             type: Object,
@@ -76,12 +79,15 @@ export default {
     },
     computed: {
         style() {
-            return {
+            return Object.assign({
                 backgroundColor: this.item.fill,
-                borderColor: this.item.stroke,
+                border: '1px solid ' + this.item.stroke,
                 color: this.item.color,
                 fontSize: this.item.size
-            };
+            }, this.itemStyle);
+        },
+        styleClass() {
+            return this.itemStyle && this.itemStyle.isStyleInvisible;
         }
     },
     watch: {