fix(CoolFrame): Init and accept postMessage for setting iframe height

Signed-off-by: codewithvk <vivek.javiya@collabora.com>

[skip ci]

Author: codewithvk

src/components/CoolFrame.vue

@@ -59,6 +59,7 @@ export default {
 			formAction: '',
 			cssVariables: generateCSSVarTokens(),
 			uiTheme: getUITheme(),
+			postMessage: null,
 		}
 	},
 	mounted() {
@@ -79,6 +80,22 @@ export default {
 			}
 		})
 	},
+	beforeDestroy() {
+		window.removeEventListener('message', this.handlePostMessage)
+	},
+	methods: {
+		handlePostMessage(event) {
+			try {
+				const data = event.data
+				if (data.MessageId === 'Iframe_Height') {
+					document.getElementById(this.iframeName).height = data.Values.ContentHeight
+				}
+			} catch (e) {
+				console.error('Something went wrong with post message', e)
+			}
+		},
+	},
+
 }
 </script>
 
@@ -88,5 +105,8 @@ export default {
     border: none;
 	height: 60vh;
 	overflow-y: auto;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
   }
   </style>