Good point to make a commit

2025-07-06 19:03:59 +02:00
parent 365143c7db
commit 2895b917fc
16 changed files with 18636 additions and 39 deletions
--- a/demo/dist/the-app.js
+++ b/demo/dist/the-app.js
--- a/demo/index.html
+++ b/demo/index.html
@ -0,0 +1,18 @@
+<!DOCTYPE html><html lang="en"><head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>tp-rich-text-box demo</title>
+
+  <script type="module" src="./dist/the-app.js"></script>
+
+  <style>
+    html, body {
+      background-color: black;
+      color: white;
+    }
+  </style>
+</head>
+  <body>
+    <the-app></the-app>
+  
+<script src="http://localhost:35729/livereload.js" type="text/javascript"></script></body></html>
--- a/demo/src/the-app.js
+++ b/demo/src/the-app.js
@ -0,0 +1,54 @@
+/**
+@license
+Copyright (c) 2025 trading_peter
+This program is available under Apache License Version 2.0
+*/
+
+import '../../tp-rich-text-box.js';
+import '../../tp-rtb-bold.js';
+import '../../tp-rtb-italic.js';
+import '../../tp-rtb-strike.js';
+import '../../tp-rtb-underline.js';
+import '../../tp-rtb-code.js';
+import '../../tp-rtb-clear-format.js';
+import { LitElement, html, css } from 'lit';
+
+class TheApp extends LitElement {
+  static get styles() {
+    return [
+      css`
+        :host {
+          display: flex;
+          flex-direction: column;
+          position: absolute;
+          inset: 0;
+          font-family: sans-serif;
+        }
+      `
+    ];
+  }
+
+  render() {
+    return html`
+      <tp-rich-text-box>
+        <tp-rtb-bold></tp-rtb-bold>
+        <tp-rtb-italic></tp-rtb-italic>
+        <tp-rtb-strike></tp-rtb-strike>
+        <tp-rtb-underline></tp-rtb-underline>
+        <tp-rtb-code></tp-rtb-code>
+        <tp-rtb-clear-format></tp-rtb-clear-format>
+      </tp-rich-text-box>
+    `;
+  }
+
+  static get properties() {
+    return {
+    };
+  }
+
+  constructor() {
+    super();
+  }
+}
+
+window.customElements.define('the-app', TheApp);