[W-14588829] show examples to async a pis (#41)

* chore: add AsyncAPI example and update mediaType handling, rawOnly assignment in ApiResourceExampleDocument class

* 4.3.9

* chore: add rawOnly assignment in ApiResourceExampleDocument.js

Author: alexpmule

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@api-components/api-resource-example-document",
   "description": "A viewer for examples in a resource based on AMF model",
-  "version": "4.3.8",
+  "version": "4.3.9",
   "license": "Apache-2.0",
   "main": "index.js",
   "module": "index.js",

package.json

@@ -124,6 +124,10 @@ export class ApiResourceExampleDocument extends AmfHelperMixin(LitElement) {
     };
   }
 
+  get isAsyncAPI () {
+    return this._isAsyncAPI(this.amf)
+  } 
+
   get hasLocalStorage() {
     return this._hasLocalStorage;
   }
@@ -184,12 +188,9 @@ export class ApiResourceExampleDocument extends AmfHelperMixin(LitElement) {
    */
   set mediaType(value) {
     const old = this._mediaType;
-    if (old === value) {
-      return;
-    }
-    this._mediaType = value;
+    this._mediaType = this.isAsyncAPI && !value ? 'application/json' : value
     this.requestUpdate('mediaType', old);
-    this.isJson = this._computeIsJson(value);
+    this.isJson = this.isAsyncAPI && !value ? true : this._computeIsJson(value)
     this._computeExamples();
   }
 
@@ -239,7 +240,11 @@ export class ApiResourceExampleDocument extends AmfHelperMixin(LitElement) {
     if (old === value) {
       return;
     }
-    this._rawOnly = value;
+    // If async api, rawOnly is always false
+    // rawOnly is only used for json or xml payloads
+    // and async api payloads are not json or xml 
+    // payloads are messages with a schema
+    this._rawOnly = this.isAsyncAPI ? false : value;
     this.requestUpdate('rawOnly', old);
     this._computeExamples();
   }