Deploying to gh-pages from @ d6c30e0 🚀

_content/Tizzani.MudBlazor.HtmlEditor/MudHtmlEditor.css

@@ -0,0 +1,261 @@
+@import url('https://cdn.quilljs.com/1.3.6/quill.snow.css');
+
+.html-content-wrapper h1:focus {
+    outline: none;
+}
+
+.html-content-wrapper, .html-content-wrapper.ql-snow, .html-content-wrapper .ql-snow {
+    /* Defaults */
+    --mud-html-default-family: var(--mud-typography-default-family);
+    --mud-html-default-size: var(--mud-typography-default-size);
+    --mud-html-default-weight: var(--mud-typography-default-weight);
+    /* h1 */
+    --mud-html-h1-size: 3rem;
+    --mud-html-h1-family: var(--mud-typography-h1-family);
+    --mud-html-h1-weight: var(--mud-typography-h1-weight);
+    /* h2 */
+    --mud-html-h2-size: 2.5rem;
+    --mud-html-h2-family: var(--mud-typography-h2-family);
+    --mud-html-h2-weight: var(--mud-typography-h2-weight);
+    /* h3 */
+    --mud-html-h3-size: 2rem;
+    --mud-html-h3-family: var(--mud-typography-h3-family);
+    --mud-html-h3-weight: var(--mud-typography-h3-weight);
+    /* h4 */
+    --mud-html-h4-size: 1.67rem;
+    --mud-html-h4-family: var(--mud-typography-h4-family);
+    --mud-html-h4-weight: var(--mud-typography-h4-weight);
+    /* h5 */
+    --mud-html-h5-size: 1.33rem;
+    --mud-html-h5-family: var(--mud-typography-h5-family);
+    --mud-html-h5-weight: var(--mud-typography-h5-weight);
+    /* h6 */
+    --mud-html-h6-size: 1rem;
+    --mud-html-h6-family: var(--mud-typography-h6-family);
+    --mud-html-h6-weight: var(--mud-typography-h6-weight);
+    /* a */
+    --mud-html-link: var(--mud-palette-primary);
+    /* hr */
+    --mud-html-divider: var(--mud-palette-divider);
+}
+
+    .html-content-wrapper,
+    .html-content-wrapper.ql-snow,
+    .html-content-wrapper .ql-snow {
+        font-family: var(--mud-html-default-family);
+        font-size: var(--mud-html-default-size);
+        font-weight: var(--mud-html-default-weight);
+    }
+
+        .html-content-wrapper h1,
+        .html-content-wrapper.ql-snow h1,
+        .html-content-wrapper .ql-snow h1,
+        .html-content-wrapper .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+            font-family: var(--mud-html-h1-family);
+            font-size: var(--mud-html-h1-size);
+            font-weight: var(--mud-html-h1-weight);
+        }
+
+        .html-content-wrapper h2,
+        .html-content-wrapper.ql-snow h2,
+        .html-content-wrapper .ql-snow h2,
+        .html-content-wrapper .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+            font-family: var(--mud-html-h2-family);
+            font-size: var(--mud-html-h2-size);
+            font-weight: var(--mud-html-h2-weight);
+        }
+
+        .html-content-wrapper h3,
+        .html-content-wrapper.ql-snow h3,
+        .html-content-wrapper .ql-snow h3,
+        .html-content-wrapper .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+            font-family: var(--mud-html-h3-family);
+            font-size: var(--mud-html-h3-size);
+            font-weight: var(--mud-html-h3-weight);
+        }
+
+        .html-content-wrapper h4,
+        .html-content-wrapper.ql-snow h4,
+        .html-content-wrapper .ql-snow h4,
+        .html-content-wrapper .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+            font-family: var(--mud-html-h4-family);
+            font-size: var(--mud-html-h4-size);
+            font-weight: var(--mud-html-h4-weight);
+        }
+
+        .html-content-wrapper h5,
+        .html-content-wrapper.ql-snow h5,
+        .html-content-wrapper .ql-snow h5,
+        .html-content-wrapper .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+            font-family: var(--mud-html-h5-family);
+            font-size: var(--mud-html-h5-size);
+            font-weight: var(--mud-html-h5-weight);
+        }
+
+        .html-content-wrapper h6,
+        .html-content-wrapper.ql-snow h6,
+        .html-content-wrapper .ql-snow h6,
+        .html-content-wrapper .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+            font-family: var(--mud-html-h6-family);
+            font-size: var(--mud-html-h6-size);
+            font-weight: var(--mud-html-h6-weight);
+        }
+
+        .html-content-wrapper hr {
+            border-top-width: 1px;
+            border-color: var(--mud-html-divider);
+            margin-top: 6px;
+            margin-bottom: 12px;
+        }
+
+        .html-content-wrapper a {
+            color: var(--mud-html-link);
+        }
+
+.html-editor .ql-container {
+    border: 0;
+}
+
+.html-editor .ql-toolbar {
+    border-width: 0 0 1px 0;
+    border-color: var(--mud-palette-lines-default);
+    display: flex;
+}
+
+    .html-editor .ql-toolbar .ql-formats {
+        display: flex;
+        margin: 0;
+    }
+
+        .html-editor .ql-toolbar .ql-formats:not(:first-child) {
+            padding-left: 8px;
+        }
+
+        .html-editor .ql-toolbar .ql-formats:not(:last-child) {
+            padding-right: 8px;
+            border-right: 1px solid var(--mud-palette-divider);
+        }
+
+        .html-editor .ql-toolbar .ql-formats *:not(:last-child) {
+            margin-right: 3px;
+        }
+
+    .html-editor .ql-toolbar button {
+        height: 24px;
+        width: 24px;
+        padding: 3px;
+    }
+
+    .html-editor .ql-toolbar button,
+    .html-editor .ql-toolbar .ql-picker-label {
+        color: var(--mud-palette-text-primary);
+        border-radius: 4px;
+    }
+        .html-editor .ql-toolbar button:hover,
+        .html-editor .ql-toolbar button:focus,
+        .html-editor .ql-toolbar button.ql-active,
+        .html-editor .ql-toolbar .ql-picker-label:hover,
+        .html-editor .ql-toolbar .ql-picker-label.ql-active,
+        .html-editor .ql-toolbar .ql-picker-item:hover,
+        .html-editor .ql-toolbar .ql-picker-item.ql-selected {
+            color: var(--mud-palette-text-primary);
+            background: var(--mud-palette-action-default-hover);
+        }
+
+            .html-editor .ql-toolbar button .ql-fill,
+            .html-editor .ql-toolbar button:hover .ql-fill,
+            .html-editor .ql-toolbar .ql-picker-label .ql-fill,
+            .html-editor .ql-toolbar .ql-picker-label:hover .ql-fill {
+                fill: var(--mud-palette-text-primary);
+            }
+
+            .html-editor .ql-toolbar button .ql-stroke,
+            .html-editor .ql-toolbar button:hover .ql-stroke,
+            .html-editor .ql-toolbar .ql-picker-label .ql-stroke,
+            .html-editor .ql-toolbar .ql-picker-label:hover .ql-stroke {
+                stroke: var(--mud-palette-text-primary);
+            }
+
+
+        .html-editor .ql-toolbar button:focus,
+        .html-editor .ql-toolbar button.ql-active,
+        .html-editor .ql-toolbar .ql-picker-label.ql-active,
+        .html-editor .ql-toolbar .ql-picker-item.ql-selected {
+            color: var(--mud-palette-primary);
+        }
+
+            .html-editor .ql-toolbar button:focus .ql-fill,
+            .html-editor .ql-toolbar button.ql-active .ql-fill,
+            .html-editor .ql-toolbar .ql-picker-label.ql-active .ql-fill,
+            .html-editor .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
+            .html-editor .ql-toolbar button:focus .ql-stroke.ql-fill,
+            .html-editor .ql-toolbar button.ql-active .ql-stroke.ql-fill,
+            .html-editor .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
+            .html-editor .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
+                fill: var(--mud-palette-primary);
+            }
+
+            .html-editor .ql-toolbar button:focus .ql-stroke,
+            .html-editor .ql-toolbar button.ql-active .ql-stroke,
+            .html-editor .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+            .html-editor .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
+            .html-editor .ql-toolbar button:focus .ql-stroke-miter,
+            .html-editor .ql-toolbar button.ql-active .ql-stroke-miter,
+            .html-editor .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
+            .html-editor .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
+                stroke: var(--mud-palette-primary);
+            }
+
+    .html-editor .ql-toolbar .ql-picker.ql-expanded .ql-picker-options {
+        background-color: var(--mud-palette-surface);
+        border-color: var(--mud-palette-lines-default);
+        box-shadow: var(--mud-elevation-8);
+        color: var(--mud-palette-text-primary);
+        padding-left: 0;
+        padding-right: 0;
+    }
+
+.html-editor .ql-picker .ql-picker-item {
+    padding-left: 8px;
+    padding-right: 8px;
+}
+
+.html-editor .ql-tooltip {
+    background-color: var(--mud-palette-surface);
+    color: var(--mud-palette-text-primary);
+    border: 0;
+    box-shadow: var(--mud-elevation-8);
+    font-family: var(--mud-typography-default-family);
+    border-radius: 4px;
+    z-index: var(--mud-zindex-popover);
+}
+
+    .html-editor .ql-tooltip a {
+        color: var(--mud-palette-primary);
+    }
+
+    .html-editor .ql-tooltip input[type=text] {
+        border-color: var(--mud-palette-lines-inputs);
+        border-radius: var(--mud-default-borderradius);
+        background: var(--mud-palette-background);
+        color: var(--mud-palette-text-primary);
+        outline: 0;
+    }
+
+        .html-editor .ql-tooltip input[type=text]:focus {
+            border: 2px solid var(--mud-palette-primary);
+        }
+
+    .html-editor .ql-tooltip .ql-action,
+    .html-editor .ql-tooltip .ql-remove {
+        font-family: var(--mud-typography-button-family);
+        text-transform: var(--mud-typography-button-text-transform);
+        letter-spacing: var(--mud-typography-button-letterspacing);
+        font-size: var(--mud-typography-button-size);
+        font-weight: var(--mud-typography-button-weight);
+        line-height: var(--mud-typography-button-lineheight);
+    }
+
+    .html-editor .ql-tooltip a.ql-action::after {
+        border-right-color: var(--mud-palette-divider);
+    }

_content/Tizzani.MudBlazor.HtmlEditor/MudHtmlEditor.js

@@ -0,0 +1,48 @@
+var Embed = Quill.import('blots/block/embed');
+
+class Divider extends Embed {
+    static create(value) {
+        let node = super.create(value);
+        node.setAttribute('style', "height: 0px; margin-top: 0.5em 0; border-width; 1px; border-style: solid none none none;");
+        return node;
+    }
+}
+
+Divider.blotName = 'hr';
+Divider.tagName = 'hr';
+Quill.register(Divider, true);
+Quill.register('modules/blotFormatter', QuillBlotFormatter.default);
+
+function initializeQuill(id, editorRef, toolbarRef, placeholder) {
+    var quill = new Quill(editorRef, {
+        modules: {
+            toolbar: {
+                container: toolbarRef,
+                handlers: {
+                    'hr': () => {
+                        var range = quill.getSelection();
+
+                        if (range) {
+                            quill.insertEmbed(range.index, "hr", "null");
+                        }
+                    }
+                }
+            },
+            blotFormatter: { }
+        },
+        placeholder: placeholder,
+        theme: 'snow'
+    });
+
+    quill.on('text-change', (delta, oldDelta, source) => {
+        DotNet.invokeMethodAsync('Tizzani.MudBlazor.HtmlEditor', 'NotifyTextChanged', id);
+    });
+}
+
+function getQuillHtml(editorRef) {
+    return editorRef.__quill.root.innerHTML;
+}
+
+function setQuillHtml(editorRef, html) {
+    return editorRef.__quill.root.innerHTML = html;
+}

_framework/blazor.boot.json

@@ -0,0 +1,67 @@
+{
+  "cacheBootResources": true,
+  "config": [ ],
+  "debugBuild": false,
+  "entryAssembly": "BlazorWasm",
+  "icuDataMode": 0,
+  "linkerEnabled": true,
+  "resources": {
+    "assembly": {
+      "BlazorWasm.dll": "sha256-D9+1pORG+NMgA9BSmudm9OWdTBj88QnGriPur3m1+RQ=",
+      "Microsoft.AspNetCore.Components.dll": "sha256-dE8\/0olNUqST5QCnVVaXZlK1foysAocR5HrEWGN06F4=",
+      "Microsoft.AspNetCore.Components.Web.dll": "sha256-ttHLkfHomtoEA5n5z9DxQnb5F6tBmHUEfpmZw1YtKh8=",
+      "Microsoft.AspNetCore.Components.WebAssembly.dll": "sha256-2+ToeRN36ZfEtkp9zMTrXxaWTBvesGRQ8aS31mr1II0=",
+      "Microsoft.Extensions.Configuration.Abstractions.dll": "sha256-X\/f4fDl2cuIRXeWHhK\/f2UqQbFioD+RU4a4CEh0zrrQ=",
+      "Microsoft.Extensions.Configuration.dll": "sha256-DBOKSPriP2JDxVbbWrLXyD3K4\/x3RBifNBWk\/q1I39M=",
+      "Microsoft.Extensions.Configuration.Json.dll": "sha256-Q5AqJneA2TZnzC0IYzBx6j\/tHRhWAeMbpH3BsV7KgWg=",
+      "Microsoft.Extensions.DependencyInjection.Abstractions.dll": "sha256-DT\/7NayNRFH\/4aGod7BGEUZgnOXbspZJk217f9AAMok=",
+      "Microsoft.Extensions.DependencyInjection.dll": "sha256-qi0kE7rp0kdsNqdL6DyPZEeimjUGvcLT4iWQX0YnRus=",
+      "Microsoft.Extensions.Localization.Abstractions.dll": "sha256-8URIyLbUFZWSZ\/bOXidu\/0UiGagThX4L4IJGMfthnjg=",
+      "Microsoft.Extensions.Localization.dll": "sha256-rnkeVtcxS4PihFm2ubtCGhgvkzoRObZTdIu6lRsJu2A=",
+      "Microsoft.Extensions.Logging.Abstractions.dll": "sha256-LHSyBh3fTLgN+7onVue1EHQWwD4RMqM6+DVIjOkHLCY=",
+      "Microsoft.Extensions.Logging.dll": "sha256-RJE660TEC1wm3MyL1EXQfTQB1qK+JWy1efVUxI8nNUo=",
+      "Microsoft.Extensions.Options.dll": "sha256-UTFrN90JtZaTuEqYMF5zy8TKmYWW6g3yeMl8irLwTkg=",
+      "Microsoft.Extensions.Primitives.dll": "sha256-eXvGx2jcjpTPEJoAHBsW\/VuMPbNyyU+AsuhPmkzSSRY=",
+      "Microsoft.JSInterop.dll": "sha256-Bd6TCTRwX6m1w2OnA8Xy+VvlF9f7t5\/TxGMJUF556p4=",
+      "Microsoft.JSInterop.WebAssembly.dll": "sha256-4cMfifCYL\/bv5qiC8T6HyABhOewZlTXovRc+E\/CrUbc=",
+      "MudBlazor.dll": "sha256-crrso44EE6lzKJJOQvjVxzUqyMPbZBaqirR+\/e7lqDE=",
+      "System.Collections.Concurrent.dll": "sha256-gPuhfvGZvVjjt9khTwQ7\/fAAX3v0odO7pqyi0A96+jc=",
+      "System.Collections.dll": "sha256-SyXGHBJkR9Ms0w2ZhiQqe8M+R9VbYg+XJczStU3AVU0=",
+      "System.ComponentModel.dll": "sha256-BAnGoKLFnFbSQS0kCSYtUsu+\/vZeQXdDQsG\/ELvPJ\/c=",
+      "System.ComponentModel.Primitives.dll": "sha256-YV2eDFhhDgMbTH3bBTk8cMhDjZGFXUvuoq+ybIU2sFA=",
+      "System.Console.dll": "sha256-r1WmusWjQ0eRnJGmQxn6g1WKz0SMgwH9nJ8kzcVITaI=",
+      "System.Linq.dll": "sha256-bMaOhBQH1zrf7waas0r+t0HwqOD+2WCzuq8hXRmzvXo=",
+      "System.Memory.dll": "sha256-Dxsl8PMoL4RoSCXMQdqRv+rNWDLFaTPtu9pOx7sUOaY=",
+      "System.Net.Http.dll": "sha256-zBSJ7PqskpCG2C8LCvbtgG+ZI68qadmazFKd8UyDZnE=",
+      "System.Net.Primitives.dll": "sha256-w9DdJkVINl3q2KVN1XNEs9fEI4+tLMSZ63tFB8OKfKU=",
+      "System.ObjectModel.dll": "sha256-LC37ezXTuuk5EsX7Efs+jyc8an4Q\/FAK4knisHBnR+E=",
+      "System.Private.CoreLib.dll": "sha256-P2uH8XDW3RdJZXZge9uQKiKV9BShoj2bTh+j8nFW4sA=",
+      "System.Private.Uri.dll": "sha256-zppU8siXxyGGkfubEdEp4eFa+6A9Yfx2a30vn7sI9tU=",
+      "System.Runtime.dll": "sha256-cRwBRoLN7X7OajFitChTQjmG85\/90esakkuFeiyV35Y=",
+      "System.Runtime.InteropServices.JavaScript.dll": "sha256-lJ8uw1Zau6XEAAMX4EFqm8eIs9zNHx6Kt+K4KwMX\/iI=",
+      "System.Text.Encodings.Web.dll": "sha256-cO\/W3bKcnHud2Z3v6bWFgRiXK3ju19iYodf6wDIn6m4=",
+      "System.Text.Json.dll": "sha256-P2zbD4f\/Fj79D4BAOJcNy\/nw5kES93Zccgpt4Aahxhk=",
+      "Tizzani.MudBlazor.HtmlEditor.dll": "sha256-8PZbI9s671an+OtDWaKuw7QfR+Rn9qDlFCX0vcDXopA="
+    },
+    "extensions": null,
+    "lazyAssembly": null,
+    "libraryInitializers": null,
+    "pdb": null,
+    "runtime": {
+      "dotnet.7.0.13.zgjjfh0tav.js": "sha256-MEWayALt04d36j04b9UYiMmmP8KMtK35TTnplVqvjcM=",
+      "dotnet.timezones.blat": "sha256-a4pddX9qZIPKCk1twUjxMmZqJTAVBMUW+ACKh3Dijmw=",
+      "dotnet.wasm": "sha256-Ax8QPYSdCo9jN4iJjtguTsSOILe8AGQnVEoojpH5ksk=",
+      "icudt_CJK.dat": "sha256-SZLtQnRc0JkwqHab0VUVP7T3uBPSeYzxzDnpxPpUnHk=",
+      "icudt_EFIGS.dat": "sha256-8fItetYY8kQ0ww6oxwTLiT3oXlBwHKumbeP2pRF4yTc=",
+      "icudt_no_CJK.dat": "sha256-L7sV7NEYP37\/Qr2FPCePo5cJqRgTXRwGHuwF5Q+0Nfs=",
+      "icudt.dat": "sha256-tO5O5YzMTVSaKBboxAqezOQL9ewmupzV2JrB5Rkc8a4="
+    },
+    "runtimeAssets": {
+      "dotnet.wasm": {
+        "behavior": "dotnetwasm",
+        "hash": "sha256-Ax8QPYSdCo9jN4iJjtguTsSOILe8AGQnVEoojpH5ksk="
+      }
+    },
+    "satelliteResources": null
+  }
+}