tasmota-esp-web-tools 11.2.0 → 12.1.0

package/dist/components/ew-checkbox.d.ts

@@ -0,0 +1,9 @@
+import { Checkbox } from "@material/web/checkbox/internal/checkbox.js";
+export declare class EwCheckbox extends Checkbox {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ew-checkbox": EwCheckbox;
+    }
+}

package/dist/components/ew-checkbox.js

@@ -0,0 +1,6 @@
+import { Checkbox } from "@material/web/checkbox/internal/checkbox.js";
+import { styles } from "@material/web/checkbox/internal/checkbox-styles.js";
+export class EwCheckbox extends Checkbox {
+}
+EwCheckbox.styles = [styles];
+customElements.define("ew-checkbox", EwCheckbox);

package/dist/components/ew-circular-progress.d.ts

@@ -0,0 +1,9 @@
+import { CircularProgress } from "@material/web/progress/internal/circular-progress.js";
+export declare class EwCircularProgress extends CircularProgress {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ew-circular-progress": EwCircularProgress;
+    }
+}

package/dist/components/ew-circular-progress.js

@@ -0,0 +1,6 @@
+import { CircularProgress } from "@material/web/progress/internal/circular-progress.js";
+import { styles } from "@material/web/progress/internal/circular-progress-styles.js";
+export class EwCircularProgress extends CircularProgress {
+}
+EwCircularProgress.styles = [styles];
+customElements.define("ew-circular-progress", EwCircularProgress);

package/dist/components/{ewt-console.d.ts → ew-console.d.ts}

@@ -6,6 +6,7 @@ export declare class EwtConsole extends HTMLElement {
     onReset?: () => Promise<void>;
     private _console?;
     private _cancelConnection?;
+    private _clickHandler?;
     private _commandHistory;
     private _historyIndex;
     private _currentInput;
@@ -20,6 +21,6 @@ export declare class EwtConsole extends HTMLElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "ewt-console": EwtConsole;
+        "ew-console": EwtConsole;
     }
 }

package/dist/components/{ewt-console.js → ew-console.js}

@@ -31,11 +31,13 @@ export class EwtConsole extends HTMLElement {
           line-height: 1.45;
           display: flex;
           flex-direction: column;
+          overflow: hidden;
         }
         form {
           display: flex;
           align-items: center;
           padding: 0 8px 0 16px;
+          flex-shrink: 0;
         }
         input {
           flex: 1;
@@ -49,8 +51,8 @@ export class EwtConsole extends HTMLElement {
       <div class="log"></div>
       ${this.allowInput
             ? `<form>
-                >
-                <input autofocus>
+                <span aria-hidden="true">></span>
+                <input aria-label="Serial command" autofocus>
               </form>
             `
             : ""}
@@ -58,13 +60,14 @@ export class EwtConsole extends HTMLElement {
         this._console = new ColoredConsole(this.shadowRoot.querySelector("div"));
         if (this.allowInput) {
             const input = this.shadowRoot.querySelector("input");
-            this.addEventListener("click", () => {
+            this._clickHandler = () => {
                 var _a;
                 // Only focus input if user didn't select some text
                 if (((_a = getSelection()) === null || _a === void 0 ? void 0 : _a.toString()) === "") {
                     input.focus();
                 }
-            });
+            };
+            this.addEventListener("click", this._clickHandler);
             input.addEventListener("keydown", (ev) => {
                 if (ev.key === "Enter") {
                     ev.preventDefault();
@@ -181,12 +184,16 @@ export class EwtConsole extends HTMLElement {
                 writer.releaseLock();
             }
             catch (err) {
-                console.error("Ignoring release lock error", err);
+                this.logger.error("Ignoring release lock error", err);
             }
         }
     }
     async disconnect() {
         var _a;
+        if (this._clickHandler) {
+            this.removeEventListener("click", this._clickHandler);
+            this._clickHandler = undefined;
+        }
         if (this._cancelConnection) {
             await this._cancelConnection();
             this._cancelConnection = undefined;
@@ -196,6 +203,10 @@ export class EwtConsole extends HTMLElement {
     }
     disconnectedCallback() {
         var _a;
+        if (this._clickHandler) {
+            this.removeEventListener("click", this._clickHandler);
+            this._clickHandler = undefined;
+        }
         if (this._cancelConnection) {
             this._cancelConnection();
             this._cancelConnection = undefined;
@@ -213,7 +224,7 @@ export class EwtConsole extends HTMLElement {
                 this.logger.error("Reset callback failed:", err);
             }
         }
-        await new Promise((resolve) => setTimeout(resolve, 1000));
+        await sleep(1000);
     }
 }
-customElements.define("ewt-console", EwtConsole);
+customElements.define("ew-console", EwtConsole);

package/dist/components/ew-dialog.d.ts

@@ -0,0 +1,9 @@
+import { Dialog } from "@material/web/dialog/internal/dialog.js";
+export declare class EwDialog extends Dialog {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ew-dialog": EwDialog;
+    }
+}

package/dist/components/ew-dialog.js

@@ -0,0 +1,6 @@
+import { Dialog } from "@material/web/dialog/internal/dialog.js";
+import { styles } from "@material/web/dialog/internal/dialog-styles.js";
+export class EwDialog extends Dialog {
+}
+EwDialog.styles = [styles];
+customElements.define("ew-dialog", EwDialog);

package/dist/components/ew-divider.d.ts

@@ -0,0 +1,9 @@
+import { Divider } from "@material/web/divider/internal/divider.js";
+export declare class EwDivider extends Divider {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ew-divider": EwDivider;
+    }
+}

package/dist/components/ew-divider.js

@@ -0,0 +1,6 @@
+import { Divider } from "@material/web/divider/internal/divider.js";
+import { styles } from "@material/web/divider/internal/divider-styles.js";
+export class EwDivider extends Divider {
+}
+EwDivider.styles = [styles];
+customElements.define("ew-divider", EwDivider);

package/dist/components/ew-filled-select.d.ts

@@ -0,0 +1,9 @@
+import { FilledSelect } from "@material/web/select/internal/filled-select.js";
+export declare class EwFilledSelect extends FilledSelect {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ew-filled-select": EwFilledSelect;
+    }
+}

package/dist/components/ew-filled-select.js

@@ -0,0 +1,7 @@
+import { FilledSelect } from "@material/web/select/internal/filled-select.js";
+import { styles } from "@material/web/select/internal/filled-select-styles.js";
+import { styles as sharedStyles } from "@material/web/select/internal/shared-styles.js";
+export class EwFilledSelect extends FilledSelect {
+}
+EwFilledSelect.styles = [sharedStyles, styles];
+customElements.define("ew-filled-select", EwFilledSelect);

package/dist/components/ew-filled-text-field.d.ts

@@ -0,0 +1,10 @@
+import { FilledTextField } from "@material/web/textfield/internal/filled-text-field.js";
+export declare class EwFilledTextField extends FilledTextField {
+    static styles: import("lit").CSSResult[];
+    protected readonly fieldTag: import("lit-html/static.js").StaticValue;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ew-filled-text-field": EwFilledTextField;
+    }
+}

package/dist/components/ew-filled-text-field.js

@@ -0,0 +1,12 @@
+import { styles as filledStyles } from "@material/web/textfield/internal/filled-styles.js";
+import { FilledTextField } from "@material/web/textfield/internal/filled-text-field.js";
+import { styles as sharedStyles } from "@material/web/textfield/internal/shared-styles.js";
+import { literal } from "lit/static-html.js";
+export class EwFilledTextField extends FilledTextField {
+    constructor() {
+        super(...arguments);
+        this.fieldTag = literal `md-filled-field`;
+    }
+}
+EwFilledTextField.styles = [sharedStyles, filledStyles];
+customElements.define("ew-filled-text-field", EwFilledTextField);

package/dist/components/ew-icon-button.d.ts

@@ -0,0 +1,9 @@
+import { IconButton } from "@material/web/iconbutton/internal/icon-button.js";
+export declare class EwIconButton extends IconButton {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ew-icon-button": EwIconButton;
+    }
+}

package/dist/components/ew-icon-button.js

@@ -0,0 +1,7 @@
+import { IconButton } from "@material/web/iconbutton/internal/icon-button.js";
+import { styles as sharedStyles } from "@material/web/iconbutton/internal/shared-styles.js";
+import { styles } from "@material/web/iconbutton/internal/standard-styles.js";
+export class EwIconButton extends IconButton {
+}
+EwIconButton.styles = [sharedStyles, styles];
+customElements.define("ew-icon-button", EwIconButton);

package/dist/components/ew-list-item.d.ts

@@ -0,0 +1,9 @@
+import { ListItemEl as ListItem } from "@material/web/list/internal/listitem/list-item.js";
+export declare class EwListItem extends ListItem {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ew-list-item": EwListItem;
+    }
+}

package/dist/components/ew-list-item.js

@@ -0,0 +1,6 @@
+import { ListItemEl as ListItem } from "@material/web/list/internal/listitem/list-item.js";
+import { styles } from "@material/web/list/internal/listitem/list-item-styles.js";
+export class EwListItem extends ListItem {
+}
+EwListItem.styles = [styles];
+customElements.define("ew-list-item", EwListItem);

package/dist/components/ew-list.d.ts

@@ -0,0 +1,9 @@
+import { List } from "@material/web/list/internal/list.js";
+export declare class EwList extends List {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ew-list": EwList;
+    }
+}

package/dist/components/ew-list.js

@@ -0,0 +1,6 @@
+import { List } from "@material/web/list/internal/list.js";
+import { styles } from "@material/web/list/internal/list-styles.js";
+export class EwList extends List {
+}
+EwList.styles = [styles];
+customElements.define("ew-list", EwList);

package/dist/components/{ewt-littlefs-manager.d.ts → ew-littlefs-manager.d.ts}

@@ -1,7 +1,6 @@
 import { LitElement } from "lit";
 import type { Partition } from "../partition.js";
-import "./ewt-button";
-import "./ewt-textfield";
+import "./ew-text-button";
 export declare class EwtLittleFSManager extends LitElement {
     partition: Partition;
     espStub: any;

package/dist/components/{ewt-littlefs-manager.js → ew-littlefs-manager.js}

@@ -1,8 +1,7 @@
 import { __decorate } from "tslib";
 import { LitElement, html, css } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-import "./ewt-button";
-import "./ewt-textfield";
+import "./ew-text-button";
 // Dynamic import for LittleFS WASM module
 let _wasmBasePath = null;
 let _littleFSModule = null;
@@ -458,38 +457,32 @@ let EwtLittleFSManager = class EwtLittleFSManager extends LitElement {
         </div>
 
         <div class="littlefs-controls">
-          <ewt-button
-            label="Refresh"
-            @click=${this._refreshFiles}
-            ?disabled=${this._busy}
-          ></ewt-button>
-          <ewt-button
-            label="Backup Image"
-            @click=${this._backupImage}
-            ?disabled=${this._busy}
-          ></ewt-button>
-          <ewt-button
-            label="Write to Flash"
-            @click=${this._writeToFlash}
-            ?disabled=${this._busy}
-          ></ewt-button>
-          <ewt-button
-            label="Close"
+          <ew-text-button @click=${this._refreshFiles} ?disabled=${this._busy}
+            >Refresh</ew-text-button
+          >
+          <ew-text-button @click=${this._backupImage} ?disabled=${this._busy}
+            >Backup Image</ew-text-button
+          >
+          <ew-text-button @click=${this._writeToFlash} ?disabled=${this._busy}
+            >Write to Flash</ew-text-button
+          >
+          <ew-text-button
             @click=${() => {
             this._cleanup();
             if (this.onClose)
                 this.onClose();
         }}
             ?disabled=${this._busy}
-          ></ewt-button>
+            >Close</ew-text-button
+          >
         </div>
 
         <div class="littlefs-breadcrumb">
-          <ewt-button
-            label="↑ Up"
+          <ew-text-button
             @click=${this._navigateUp}
             ?disabled=${this._currentPath === "/" || this._busy}
-          ></ewt-button>
+            >↑ Up</ew-text-button
+          >
           <span>${this._currentPath || "/"}</span>
         </div>
 
@@ -499,16 +492,14 @@ let EwtLittleFSManager = class EwtLittleFSManager extends LitElement {
             @change=${this._handleFileSelect}
             ?disabled=${this._busy}
           />
-          <ewt-button
-            label="Upload File"
+          <ew-text-button
             @click=${this._uploadFile}
             ?disabled=${!this._selectedFile || this._busy}
-          ></ewt-button>
-          <ewt-button
-            label="New Folder"
-            @click=${this._createFolder}
-            ?disabled=${this._busy}
-          ></ewt-button>
+            >Upload File</ew-text-button
+          >
+          <ew-text-button @click=${this._createFolder} ?disabled=${this._busy}
+            >New Folder</ew-text-button
+          >
         </div>
 
         <div class="littlefs-files">
@@ -560,19 +551,19 @@ let EwtLittleFSManager = class EwtLittleFSManager extends LitElement {
                           <div class="file-actions">
                             ${entry.type === "file"
                 ? html `
-                                  <ewt-button
-                                    label="Download"
+                                  <ew-text-button
                                     @click=${() => this._downloadFile(entry.path)}
                                     ?disabled=${this._busy}
-                                  ></ewt-button>
+                                    >Download</ew-text-button
+                                  >
                                 `
                 : ""}
-                            <ewt-button
+                            <ew-text-button
                               class="danger"
-                              label="Delete"
                               @click=${() => this._deleteFile(entry.path, entry.type)}
                               ?disabled=${this._busy}
-                            ></ewt-button>
+                              >Delete</ew-text-button
+                            >
                           </div>
                         </td>
                       </tr>
@@ -594,7 +585,7 @@ EwtLittleFSManager.styles = css `
       max-width: 100%;
       margin: 0 auto;
       padding: 15px;
-      border: 2px solid var(--mdc-theme-primary, #03a9f4);
+      border: 2px solid var(--md-sys-color-primary, #03a9f4);
       border-radius: 10px;
       background-color: rgba(3, 169, 244, 0.05);
       box-sizing: border-box;
@@ -602,7 +593,7 @@ EwtLittleFSManager.styles = css `
 
     h3 {
       margin: 0 0 15px 0;
-      color: var(--mdc-theme-primary, #03a9f4);
+      color: var(--md-sys-color-primary, #03a9f4);
       font-size: 18px;
       font-weight: 600;
     }
@@ -641,8 +632,8 @@ EwtLittleFSManager.styles = css `
       height: 100%;
       background: linear-gradient(
         90deg,
-        var(--mdc-theme-primary, #03a9f4) 0%,
-        var(--mdc-theme-primary, #03a9f4) 100%
+        var(--md-sys-color-primary, #03a9f4) 0%,
+        var(--md-sys-color-primary, #03a9f4) 100%
       );
       transition: width 0.3s ease;
     }
@@ -680,7 +671,7 @@ EwtLittleFSManager.styles = css `
     .disk-version {
       font-size: 11px;
       padding: 2px 6px;
-      background-color: var(--mdc-theme-primary, #03a9f4);
+      background-color: var(--md-sys-color-primary, #03a9f4);
       color: white;
       border-radius: 4px;
     }
@@ -783,7 +774,7 @@ EwtLittleFSManager.styles = css `
     }
 
     .file-name.clickable:hover {
-      color: var(--mdc-theme-primary, #03a9f4);
+      color: var(--md-sys-color-primary, #03a9f4);
       text-decoration: underline;
     }
 
@@ -797,7 +788,7 @@ EwtLittleFSManager.styles = css `
     }
 
     .danger {
-      --mdc-theme-primary: var(--improv-danger-color, #db4437);
+      --md-sys-color-primary: var(--danger-color, #db4437);
     }
   `;
 __decorate([

package/dist/components/ew-select-option.d.ts

@@ -0,0 +1,9 @@
+import { SelectOptionEl } from "@material/web/select/internal/selectoption/select-option.js";
+export declare class EwSelectOption extends SelectOptionEl {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ew-select-option": EwSelectOption;
+    }
+}

package/dist/components/ew-select-option.js

@@ -0,0 +1,6 @@
+import { styles } from "@material/web/menu/internal/menuitem/menu-item-styles.js";
+import { SelectOptionEl } from "@material/web/select/internal/selectoption/select-option.js";
+export class EwSelectOption extends SelectOptionEl {
+}
+EwSelectOption.styles = [styles];
+customElements.define("ew-select-option", EwSelectOption);

package/dist/components/ew-text-button.d.ts

@@ -0,0 +1,9 @@
+import { TextButton } from "@material/web/button/internal/text-button.js";
+export declare class EwTextButton extends TextButton {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ew-text-button": EwTextButton;
+    }
+}

package/dist/components/ew-text-button.js

@@ -0,0 +1,7 @@
+import { styles as sharedStyles } from "@material/web/button/internal/shared-styles.js";
+import { TextButton } from "@material/web/button/internal/text-button.js";
+import { styles as textStyles } from "@material/web/button/internal/text-styles.js";
+export class EwTextButton extends TextButton {
+}
+EwTextButton.styles = [sharedStyles, textStyles];
+customElements.define("ew-text-button", EwTextButton);

package/dist/components/svg.d.ts

@@ -1,3 +1,16 @@
 export declare const closeIcon: import("lit-html").TemplateResult<2>;
 export declare const firmwareIcon: import("lit-html").TemplateResult<2>;
 export declare const chipIcon: import("lit-html").TemplateResult<2>;
+export declare const refreshIcon: import("lit-html").TemplateResult<2>;
+export declare const listItemInstallIcon: import("lit-html").TemplateResult<2>;
+export declare const listItemWifi: import("lit-html").TemplateResult<2>;
+export declare const listItemConsole: import("lit-html").TemplateResult<2>;
+export declare const listItemVisitDevice: import("lit-html").TemplateResult<2>;
+export declare const listItemHomeAssistant: import("lit-html").TemplateResult<2>;
+export declare const listItemEraseUserData: import("lit-html").TemplateResult<2>;
+export declare const listItemFundDevelopment: import("lit-html").TemplateResult<2>;
+export declare const downloadIcon: import("lit-html").TemplateResult<2>;
+export declare const settingsIcon: import("lit-html").TemplateResult<2>;
+export declare const infoIcon: import("lit-html").TemplateResult<2>;
+export declare const warningIcon: import("lit-html").TemplateResult<2>;
+export declare const checkCircleIcon: import("lit-html").TemplateResult<2>;

package/dist/components/svg.js

@@ -2,12 +2,13 @@ import { svg } from "lit";
 export const closeIcon = svg `
   <svg width="24" height="24" viewBox="0 0 24 24">
     <path
+      fill="currentColor"
       d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"
     />
   </svg>
 `;
 export const firmwareIcon = svg `
-  <svg viewBox="0 0 24 24" title="Software">
+  <svg slot="start" viewBox="0 0 24 24" title="Software">
     <path
       fill="currentColor"
       d="M9.5,8.5L11,10L8,13L11,16L9.5,17.5L5,13L9.5,8.5M14.5,17.5L13,16L16,13L13,10L14.5,8.5L19,13L14.5,17.5M21,2H3A2,2 0 0,0 1,4V20A2,2 0 0,0 3,22H21A2,2 0 0,0 23,20V4A2,2 0 0,0 21,2M21,20H3V6H21V20Z"
@@ -22,3 +23,105 @@ export const chipIcon = svg `
     />
   </svg>
 `;
+export const refreshIcon = svg `
+  <svg viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z"
+    />
+  </svg>
+`;
+export const listItemInstallIcon = svg `
+  <svg slot="start" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z" />
+  </svg>
+`;
+export const listItemWifi = svg `
+  <svg slot="start" viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="M12,21L15.6,16.2C14.6,15.45 13.35,15 12,15C10.65,15 9.4,15.45 8.4,16.2L12,21M12,3C7.95,3 4.21,4.34 1.2,6.6L3,9C5.5,7.12 8.62,6 12,6C15.38,6 18.5,7.12 21,9L22.8,6.6C19.79,4.34 16.05,3 12,3M12,9C9.3,9 6.81,9.89 4.8,11.4L6.6,13.8C8.1,12.67 9.97,12 12,12C14.03,12 15.9,12.67 17.4,13.8L19.2,11.4C17.19,9.89 14.7,9 12,9Z"
+    />
+  </svg>
+`;
+export const listItemConsole = svg `
+  <svg slot="start" viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="M20,19V7H4V19H20M20,3A2,2 0 0,1 22,5V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V5C2,3.89 2.9,3 4,3H20M13,17V15H18V17H13M9.58,13L5.57,9H8.4L11.7,12.3C12.09,12.69 12.09,13.33 11.7,13.72L8.42,17H5.59L9.58,13Z"
+    />
+  </svg>
+`;
+export const listItemVisitDevice = svg `
+  <svg slot="start" viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
+    />
+  </svg>
+`;
+export const listItemHomeAssistant = svg `
+  <svg slot="start" viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="m12.151 1.5882c-.3262 0-.6523.1291-.8996.3867l-8.3848 8.7354c-.0619.0644-.1223.1368-.1807.2154-.0588.0789-.1151.1638-.1688.2534-.2593.4325-.4552.9749-.5232 1.4555-.0026.018-.0076.0369-.0094.0548-.0121.0987-.0184.1944-.0184.2857v8.0124a1.2731 1.2731 0 001.2731 1.2731h7.8313l-3.4484-3.593a1.7399 1.7399 0 111.0803-1.125l2.6847 2.7972v-10.248a1.7399 1.7399 0 111.5276-0v7.187l2.6702-2.782a1.7399 1.7399 0 111.0566 1.1505l-3.7269 3.8831v2.7299h8.174a1.2471 1.2471 0 001.2471-1.2471v-8.0375c0-.0912-.0059-.1868-.0184-.2855-.0603-.4935-.2636-1.0617-.5326-1.5105-.0537-.0896-.1101-.1745-.1684-.253-.0588-.079-.1191-.1513-.181-.2158l-8.3848-8.7363c-.2473-.2577-.5735-.3866-.8995-.3864"
+    />
+  </svg>
+`;
+export const listItemEraseUserData = svg `
+  <svg slot="start" viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="M15,14C17.67,14 23,15.33 23,18V20H7V18C7,15.33 12.33,14 15,14M15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12M5,9.59L7.12,7.46L8.54,8.88L6.41,11L8.54,13.12L7.12,14.54L5,12.41L2.88,14.54L1.46,13.12L3.59,11L1.46,8.88L2.88,7.46L5,9.59Z"
+    />
+  </svg>
+`;
+export const listItemFundDevelopment = svg `
+  <svg slot="start" viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z"
+    />
+  </svg>
+`;
+// --- Additional utility icons ---
+export const downloadIcon = svg `
+  <svg viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z"
+    />
+  </svg>
+`;
+export const settingsIcon = svg `
+  <svg viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.68 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z"
+    />
+  </svg>
+`;
+export const infoIcon = svg `
+  <svg viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
+    />
+  </svg>
+`;
+export const warningIcon = svg `
+  <svg viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"
+    />
+  </svg>
+`;
+export const checkCircleIcon = svg `
+  <svg viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8L10,17Z"
+    />
+  </svg>
+`;