minor #1377 [Site] LiveMemory demo (smnandre)

This PR was squashed before being merged into the 2.x branch.

Discussion
----------

[Site] LiveMemory demo

Ready to review :)

Commits
-------

1c57719 [Site] LiveMemory demo

Author: weaverryan

ux.symfony.com/assets/controllers.json

@@ -87,7 +87,7 @@
         "@symfony/ux-turbo": {
             "turbo-core": {
                 "enabled": true,
-                "fetch": "eager"
+                "fetch": "lazy"
             },
             "mercure-turbo-stream": {
                 "enabled": true,
@@ -97,7 +97,7 @@
         "@symfony/ux-typed": {
             "typed": {
                 "enabled": true,
-                "fetch": "eager"
+                "fetch": "lazy"
             }
         },
         "@symfony/ux-vue": {

ux.symfony.com/assets/controllers/bootstrap-modal-controller.js

@@ -10,6 +10,7 @@ import { Modal } from 'bootstrap';
  * See templates/components/BootstrapModal.html.twig to see how this is
  * attached to Bootstrap modal.
  */
+/* stimulusFetch: 'lazy' */
 export default class extends Controller {
     modal = null;
 

ux.symfony.com/assets/controllers/code-expander-controller.js

@@ -1,5 +1,6 @@
 import { Controller } from '@hotwired/stimulus';
 
+/* stimulusFetch: 'lazy' */
 export default class extends Controller {
     static targets = ['useStatements', 'expandCodeButton', 'codeContent'];
 

ux.symfony.com/assets/controllers/code-highlighter-controller.js

@@ -11,6 +11,8 @@ hljs.registerLanguage('twig', hljs_twig);
 // xml is the language used for HTML
 hljs.registerLanguage('xml', hljs_xml);
 
+
+/* stimulusFetch: 'lazy' */
 export default class extends Controller {
     static targets = ['codeBlock'];
 

ux.symfony.com/assets/controllers/markdown-controller.js

@@ -1,6 +1,7 @@
 import { Controller } from '@hotwired/stimulus';
 import snarkdown from 'snarkdown';
 
+/* stimulusFetch: 'lazy' */
 export default class extends Controller {
     static targets = ['input', 'preview'];
 

ux.symfony.com/assets/controllers/theme-switcher-controller.js

@@ -8,7 +8,21 @@ export default class extends Controller {
         }
 
         const theme = currentTheme === 'dark' ? 'light' : 'dark';
+
+        this.select(theme);
+    }
+
+    select (theme) {
+        clearTimeout(this.timeout);
+
+        this.element.setAttribute('data-switch', theme);
         localStorage.setItem('user-theme', theme);
-        document.documentElement.setAttribute('data-bs-theme', theme);
+
+        this.timeout = setTimeout(() => {
+            /**
+             * Small delay to allow CSS transitions during theme switch.
+             */
+            document.documentElement.setAttribute('data-bs-theme', theme);
+        }, 250);
     }
 }

ux.symfony.com/assets/controllers/tooltips-controller.js

@@ -1,6 +1,7 @@
 import { Controller } from '@hotwired/stimulus';
 import { Tooltip } from 'bootstrap';
 
+/* stimulusFetch: 'lazy' */
 export default class extends Controller {
     connect() {
         this.element.querySelectorAll('[data-bs-toggle="tooltip"]').forEach((element) => {

ux.symfony.com/assets/controllers/translator-demo-controller.js

@@ -21,6 +21,7 @@ function highlight({ code, language = 'javascript' }) {
     return hljs.highlight(code, { language }).value;
 }
 
+/* stimulusFetch: 'lazy' */
 export default class extends Controller {
     static targets = [
         'helloCode',

ux.symfony.com/assets/controllers/ux-clipboard-controller.js

@@ -1,5 +1,6 @@
 import Clipboard from 'stimulus-clipboard'
 
+/* stimulusFetch: 'lazy' */
 export default class extends Clipboard {
     static values = {
         source: String,

ux.symfony.com/assets/demos/live-memory.js

@@ -0,0 +1,3 @@
+import { startStimulusApp } from '@symfony/stimulus-bundle';
+
+const app = startStimulusApp();