Merge pull request #28 from advanced-rest-client/feat/section-wrap

Feat/section wrap

Author: carowright

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@api-components/api-body-document",
   "description": "A component to render HTTP method body documentation based on AMF model",
-  "version": "4.4.2",
+  "version": "4.4.3",
   "license": "Apache-2.0",
   "main": "index.js",
   "module": "index.js",

package.json

@@ -553,25 +553,28 @@ export class ApiBodyDocumentElement extends AmfHelperMixin(LitElement) {
     };
     return html`
     <style>${this.styles}</style>
-    <div
-      class="section-title-area"
-      @click="${this.toggle}"
-      title="Toggle body details"
-      ?data-opened="${opened}"
-    >
-      <div class="heading3" role="heading" aria-level="${headerLevel}">Body</div>
-      <div class="title-area-actions">
-        <anypoint-button
-          class="toggle-button"
-          ?compatibility="${compatibility}">
-          ${this.toggleActionLabel}
-          <arc-icon class="${classMap(iconClass)}" icon="expandMore"></arc-icon>
-        </anypoint-button>
+    <section class="body">
+      <div
+        class="section-title-area body"
+        @click="${this.toggle}"
+        title="Toggle body details"
+        ?data-opened="${opened}"
+      >
+        <div class="heading3" role="heading" aria-level="${headerLevel}">Body</div>
+        <div class="title-area-actions" data-toggle="body">
+          <anypoint-button
+            class="toggle-button"
+            ?compatibility="${compatibility}"
+            data-toggle="body">
+            ${this.toggleActionLabel}
+            <arc-icon class="${classMap(iconClass)}" icon="expandMore"></arc-icon>
+          </anypoint-button>
+        </div>
       </div>
-    </div>
-
-    <anypoint-collapse .opened="${opened}">
-      ${_isAnyType ? this._anyTypeTemplate() : this._typedTemplate()}
-    </anypoint-collapse>`;
+  
+      <anypoint-collapse .opened="${opened}">
+        ${_isAnyType ? this._anyTypeTemplate() : this._typedTemplate()}
+      </anypoint-collapse>
+    </section>`;
   }
 }