added render method for headline

Author: JesmoDev

packages/uui-dialog-layout/lib/uui-dialog-layout.element.ts

@@ -38,6 +38,22 @@ export class UUIDialogLayoutElement extends LitElement {
       (e.target as HTMLSlotElement).assignedNodes({ flatten: true }).length > 0;
   };
 
+  /**
+   * Renders a h3 with the headline slot nested
+   * @returns {TemplateResult}
+   * @protected
+   * @method
+   */
+  protected renderHeadline() {
+    return html` <h3
+      style=${this._headlineSlotHasContent || this.headline !== null
+        ? ''
+        : 'display: none'}>
+      ${this.headline}
+      <slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
+    </h3>`;
+  }
+
   /**
    * Renders default slot
    * @returns {TemplateResult}
@@ -59,15 +75,7 @@ export class UUIDialogLayoutElement extends LitElement {
   }
 
   render() {
-    return html`
-      <h3
-        style=${this._headlineSlotHasContent || this.headline !== null
-          ? ''
-          : 'display: none'}>
-        ${this.headline}
-        <slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
-      </h3>
-      ${this.renderContent()} ${this.renderActions()}
-    `;
+    return html`${this.renderHeadline()} ${this.renderContent()}
+    ${this.renderActions()} `;
   }
 }