From c128f89638e961315b46917cb4c9860ec9f38449 Mon Sep 17 00:00:00 2001
From: web-padawan <iamkulykov@gmail.com>
Date: Thu, 2 Jan 2025 10:36:42 +0200
Subject: [PATCH] docs: update snippet tags for details Lit examples

---
 frontend/demo/component/details/details-content.ts  | 4 ++--
 frontend/demo/component/details/details-disabled.ts | 4 ++--
 frontend/demo/component/details/details-filled.ts   | 4 ++--
 frontend/demo/component/details/details-reverse.ts  | 4 ++--
 frontend/demo/component/details/details-small.ts    | 4 ++--
 frontend/demo/component/details/details-summary.ts  | 4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/demo/component/details/details-content.ts b/frontend/demo/component/details/details-content.ts
index 2ca266218d..bc3904312a 100644
--- a/frontend/demo/component/details/details-content.ts
+++ b/frontend/demo/component/details/details-content.ts
@@ -5,7 +5,6 @@ import { css, html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { applyTheme } from 'Frontend/generated/theme';
 
-// tag::snippet[]
 @customElement('details-content')
 export class Example extends LitElement {
   static override styles = css`
@@ -23,6 +22,7 @@ export class Example extends LitElement {
   }
 
   protected override render() {
+    // tag::snippet[]
     return html`
       <vaadin-details summary="Analytics" opened>
         <vaadin-vertical-layout>
@@ -47,6 +47,6 @@ export class Example extends LitElement {
         </vaadin-vertical-layout>
       </vaadin-details>
     `;
+    // end::snippet[]
   }
 }
-// end::snippet[]
diff --git a/frontend/demo/component/details/details-disabled.ts b/frontend/demo/component/details/details-disabled.ts
index 0bd6e3ac90..e63a107f30 100644
--- a/frontend/demo/component/details/details-disabled.ts
+++ b/frontend/demo/component/details/details-disabled.ts
@@ -4,7 +4,6 @@ import { html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { applyTheme } from 'Frontend/generated/theme';
 
-// tag::snippet[]
 @customElement('details-disabled')
 export class Example extends LitElement {
   protected override createRenderRoot() {
@@ -15,6 +14,7 @@ export class Example extends LitElement {
   }
 
   protected override render() {
+    // tag::snippet[]
     return html`
       <vaadin-details summary="Members (8)" disabled>
         <ul>
@@ -29,6 +29,6 @@ export class Example extends LitElement {
         </ul>
       </vaadin-details>
     `;
+    // end::snippet[]
   }
 }
-// end::snippet[]
diff --git a/frontend/demo/component/details/details-filled.ts b/frontend/demo/component/details/details-filled.ts
index ee88a99fef..ba11341672 100644
--- a/frontend/demo/component/details/details-filled.ts
+++ b/frontend/demo/component/details/details-filled.ts
@@ -4,7 +4,6 @@ import { html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { applyTheme } from 'Frontend/generated/theme';
 
-// tag::snippet[]
 @customElement('details-filled')
 export class Example extends LitElement {
   protected override createRenderRoot() {
@@ -15,6 +14,7 @@ export class Example extends LitElement {
   }
 
   protected override render() {
+    // tag::snippet[]
     return html`
       <vaadin-details summary="Members (8)" opened theme="filled">
         <ul>
@@ -29,6 +29,6 @@ export class Example extends LitElement {
         </ul>
       </vaadin-details>
     `;
+    // end::snippet[]
   }
 }
-// end::snippet[]
diff --git a/frontend/demo/component/details/details-reverse.ts b/frontend/demo/component/details/details-reverse.ts
index 2a52f3312a..ae698bb15c 100644
--- a/frontend/demo/component/details/details-reverse.ts
+++ b/frontend/demo/component/details/details-reverse.ts
@@ -4,7 +4,6 @@ import { html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { applyTheme } from 'Frontend/generated/theme';
 
-// tag::snippet[]
 @customElement('details-reverse')
 export class Example extends LitElement {
   protected override createRenderRoot() {
@@ -15,6 +14,7 @@ export class Example extends LitElement {
   }
 
   protected override render() {
+    // tag::snippet[]
     return html`
       <vaadin-details summary="Members (8)" opened theme="reverse">
         <ul>
@@ -29,6 +29,6 @@ export class Example extends LitElement {
         </ul>
       </vaadin-details>
     `;
+    // end::snippet[]
   }
 }
-// end::snippet[]
diff --git a/frontend/demo/component/details/details-small.ts b/frontend/demo/component/details/details-small.ts
index ce0b2ac8d0..d5e0a1df1e 100644
--- a/frontend/demo/component/details/details-small.ts
+++ b/frontend/demo/component/details/details-small.ts
@@ -4,7 +4,6 @@ import { html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { applyTheme } from 'Frontend/generated/theme';
 
-// tag::snippet[]
 @customElement('details-small')
 export class Example extends LitElement {
   protected override createRenderRoot() {
@@ -15,6 +14,7 @@ export class Example extends LitElement {
   }
 
   protected override render() {
+    // tag::snippet[]
     return html`
       <vaadin-details summary="Members (8)" opened theme="small">
         <ul>
@@ -29,6 +29,6 @@ export class Example extends LitElement {
         </ul>
       </vaadin-details>
     `;
+    // end::snippet[]
   }
 }
-// end::snippet[]
diff --git a/frontend/demo/component/details/details-summary.ts b/frontend/demo/component/details/details-summary.ts
index 5ed9cdbf72..d56d78066c 100644
--- a/frontend/demo/component/details/details-summary.ts
+++ b/frontend/demo/component/details/details-summary.ts
@@ -15,7 +15,6 @@ import { getCountries } from 'Frontend/demo/domain/DataService';
 import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country';
 import { applyTheme } from 'Frontend/generated/theme';
 
-// tag::snippet[]
 @customElement('details-summary')
 export class Example extends LitElement {
   protected override createRenderRoot() {
@@ -39,6 +38,7 @@ export class Example extends LitElement {
   }
 
   protected override render() {
+    // tag::snippet[]
     return html`
       <vaadin-details opened>
         <vaadin-details-summary slot="summary">
@@ -77,6 +77,6 @@ export class Example extends LitElement {
         </vaadin-form-layout>
       </vaadin-details>
     `;
+    // end::snippet[]
   }
 }
-// end::snippet[]