├── web-src ├── js │ ├── embedding.js │ ├── index.js │ ├── settings.js │ ├── store.js │ ├── FileSaver.js │ ├── appUpload.js │ └── iro.js ├── css │ ├── settings.css │ ├── images │ │ ├── ui-icons_444444_256x240.png │ │ ├── ui-icons_555555_256x240.png │ │ ├── ui-icons_777620_256x240.png │ │ ├── ui-icons_777777_256x240.png │ │ ├── ui-icons_cc0000_256x240.png │ │ └── ui-icons_ffffff_256x240.png │ ├── app_footer.css │ ├── google_font.css │ ├── store.css │ ├── app_nav.css │ ├── app.css │ └── jquery-ui.min.css ├── widgets │ ├── YouTube │ │ ├── src │ │ │ ├── data.txt │ │ │ └── fields.json │ │ ├── widget.html │ │ ├── basic.js │ │ └── sigmanuts.js │ └── defaultWidgets.ini ├── favicon.ico ├── assets │ ├── sad.png │ └── material-rounded.woff2 ├── index.html ├── tutorial.html ├── js.html └── app.html ├── sigmanuts.ico ├── Resources ├── icon.png ├── Sigmanuts.png └── sigmanuts.ico ├── Properties └── launchSettings.json ├── Hubs └── StreamHub.cs ├── App.xaml ├── App.xaml.cs ├── AssemblyInfo.cs ├── sigmanuts-webview2.csproj.user ├── LICENSE ├── CopyDir.cs ├── sigmanuts-webview2.sln ├── WidgetOperations.cs ├── README.md ├── .gitignore ├── HttpServer.cs ├── sigmanuts-webview2.csproj ├── MainWindow.xaml └── MainWindow.xaml.cs /web-src/js/embedding.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /web-src/js/index.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /web-src/js/settings.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /web-src/css/settings.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /web-src/widgets/YouTube/src/data.txt: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /web-src/widgets/defaultWidgets.ini: -------------------------------------------------------------------------------- 1 | Default 2 | Alternative 3 | YouTube 4 | Twitch -------------------------------------------------------------------------------- /sigmanuts.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/sigmanuts.ico -------------------------------------------------------------------------------- /Resources/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/Resources/icon.png -------------------------------------------------------------------------------- /web-src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/web-src/favicon.ico -------------------------------------------------------------------------------- /web-src/assets/sad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/web-src/assets/sad.png -------------------------------------------------------------------------------- /Resources/Sigmanuts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/Resources/Sigmanuts.png -------------------------------------------------------------------------------- /Resources/sigmanuts.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/Resources/sigmanuts.ico -------------------------------------------------------------------------------- /web-src/assets/material-rounded.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/web-src/assets/material-rounded.woff2 -------------------------------------------------------------------------------- /Properties/launchSettings.json: -------------------------------------------------------------------------------- 1 | { 2 | "profiles": { 3 | "sigmanuts-webview2": { 4 | "commandName": "Project" 5 | } 6 | } 7 | } -------------------------------------------------------------------------------- /web-src/css/images/ui-icons_444444_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/web-src/css/images/ui-icons_444444_256x240.png -------------------------------------------------------------------------------- /web-src/css/images/ui-icons_555555_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/web-src/css/images/ui-icons_555555_256x240.png -------------------------------------------------------------------------------- /web-src/css/images/ui-icons_777620_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/web-src/css/images/ui-icons_777620_256x240.png -------------------------------------------------------------------------------- /web-src/css/images/ui-icons_777777_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/web-src/css/images/ui-icons_777777_256x240.png -------------------------------------------------------------------------------- /web-src/css/images/ui-icons_cc0000_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/web-src/css/images/ui-icons_cc0000_256x240.png -------------------------------------------------------------------------------- /web-src/css/images/ui-icons_ffffff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sigma-cw/sigmanuts-webview2/HEAD/web-src/css/images/ui-icons_ffffff_256x240.png -------------------------------------------------------------------------------- /Hubs/StreamHub.cs: -------------------------------------------------------------------------------- 1 | using Microsoft.AspNetCore.SignalR; 2 | using System.Threading.Tasks; 3 | 4 | namespace Sigma.Hubs 5 | { 6 | public class StreamHub : Hub 7 | { 8 | public async Task SendMessage(string obj) 9 | { 10 | await Clients.Others.SendAsync("ReceiveMessage", obj); 11 | } 12 | } 13 | } -------------------------------------------------------------------------------- /web-src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | SignalR Simple Chat 6 | 8 | 9 | 10 | 11 |
12 |

Available widgets

13 | Widget1 14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /App.xaml: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /App.xaml.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Configuration; 4 | using System.Data; 5 | using System.Linq; 6 | using System.Threading.Tasks; 7 | using System.Windows; 8 | 9 | namespace sigmanuts_webview2 10 | { 11 | /// 12 | /// Interaction logic for App.xaml 13 | /// 14 | public partial class App : Application 15 | { 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /web-src/widgets/YouTube/src/fields.json: -------------------------------------------------------------------------------- 1 | { 2 | "colorMode": { 3 | "type": "dropdown", 4 | "label": "Color Mode", 5 | "value": "dark", 6 | "options": { 7 | "dark": "dark", 8 | "light": "light" 9 | }, 10 | "group": "Settings" 11 | }, 12 | 13 | "transparentBg": { 14 | "type": "checkbox", 15 | "label": "Transparent background", 16 | "value": true, 17 | "group": "Settings" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /web-src/js/store.js: -------------------------------------------------------------------------------- 1 | var layout = 'tiles'; 2 | 3 | $('#layout-tiles').click(() => { 4 | $(`#layout-${layout}`).removeClass('sidebar-button-active'); 5 | 6 | $('#layout-tiles').addClass('sidebar-button-active'); 7 | layout = 'tiles'; 8 | }); 9 | 10 | $('#layout-list').click(() => { 11 | $(`#layout-${layout}`).removeClass('sidebar-button-active'); 12 | 13 | $('#layout-list').addClass('sidebar-button-active'); 14 | layout = 'list'; 15 | }); 16 | 17 | window.addEventListener('DOMContentLoaded', () => { 18 | $('#layout-tiles').addClass('sidebar-button-active'); 19 | layout = 'tiles'; 20 | }); -------------------------------------------------------------------------------- /AssemblyInfo.cs: -------------------------------------------------------------------------------- 1 | using System.Windows; 2 | 3 | [assembly: ThemeInfo( 4 | ResourceDictionaryLocation.None, //where theme specific resource dictionaries are located 5 | //(used if a resource is not found in the page, 6 | // or application resource dictionaries) 7 | ResourceDictionaryLocation.SourceAssembly //where the generic resource dictionary is located 8 | //(used if a resource is not found in the page, 9 | // app, or any theme specific resource dictionaries) 10 | )] 11 | -------------------------------------------------------------------------------- /web-src/css/app_footer.css: -------------------------------------------------------------------------------- 1 | .footer { 2 | background-color: var(--var-accent-color); 3 | padding: 3px 16px; 4 | display: flex; 5 | position: fixed; 6 | bottom: 0px; 7 | width: 100%; 8 | box-sizing: border-box; 9 | justify-content: space-between; 10 | color: white; 11 | z-index: 98; 12 | } 13 | 14 | .footer a { 15 | color: white; 16 | } 17 | 18 | footer-button { 19 | background-color: var(--var-accent-color); 20 | padding: 1px 8px; 21 | margin: 0px 1px; 22 | cursor: default; 23 | border-radius: 4px; 24 | color: white; 25 | } 26 | 27 | footer-button:hover { 28 | filter: brightness(1.3); 29 | } -------------------------------------------------------------------------------- /sigmanuts-webview2.csproj.user: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | <_LastSelectedProfileId>J:\Code Projects\sigmanuts-webview2\Properties\PublishProfiles\FolderProfile.pubxml 5 | 6 | 7 | 8 | Designer 9 | 10 | 11 | 12 | 13 | Designer 14 | 15 | 16 | -------------------------------------------------------------------------------- /web-src/css/google_font.css: -------------------------------------------------------------------------------- 1 | /* fallback */ 2 | @font-face { 3 | font-family: 'Material Symbols Rounded'; 4 | font-style: normal; 5 | font-weight: 100 700; 6 | src: url(../assets/material-rounded.woff2) format('woff2'); 7 | } 8 | 9 | .material-symbols-rounded { 10 | font-family: 'Material Symbols Rounded'; 11 | font-weight: normal; 12 | font-style: normal; 13 | font-size: 24px; 14 | line-height: 1; 15 | letter-spacing: normal; 16 | text-transform: none; 17 | display: inline-block; 18 | white-space: nowrap; 19 | word-wrap: normal; 20 | direction: ltr; 21 | -webkit-font-feature-settings: 'liga'; 22 | -webkit-font-smoothing: antialiased; 23 | } -------------------------------------------------------------------------------- /web-src/css/store.css: -------------------------------------------------------------------------------- 1 | .layout-buttons { 2 | position: absolute; 3 | top: 25px; 4 | right: 25px; 5 | } 6 | 7 | .store-wrapper { 8 | padding: 64px 56px 92px 106px; 9 | height: 100%; 10 | box-sizing: border-box; 11 | min-height: 100vh; 12 | width: 100%; 13 | } 14 | 15 | .tiles { 16 | display: flex; 17 | flex-wrap: wrap; 18 | } 19 | 20 | .tiles .item { 21 | width: 260px; 22 | } 23 | 24 | .tiles .thumbnail { 25 | width: 200px; 26 | height: 200px; 27 | background: var(--var-foreground-color); 28 | border-radius: 16px; 29 | } 30 | 31 | .tiles .title { 32 | margin-top: 15px; 33 | font-weight: 600; 34 | font-size: 1rem; 35 | margin-bottom: 5px; 36 | } 37 | 38 | .tiles .description { 39 | color: var(--var-icon-color-gray); 40 | font-size: 0.75rem; 41 | text-align: start; 42 | margin-bottom: 16px; 43 | } -------------------------------------------------------------------------------- /web-src/tutorial.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 23 | 24 | 25 | 26 |

Please input the live chat link

27 | 28 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 sigmacw 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /CopyDir.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.IO; 3 | 4 | class CopyDir 5 | { 6 | public static void Copy(string sourceDirectory, string targetDirectory) 7 | { 8 | DirectoryInfo diSource = new DirectoryInfo(sourceDirectory); 9 | DirectoryInfo diTarget = new DirectoryInfo(targetDirectory); 10 | 11 | CopyAll(diSource, diTarget); 12 | } 13 | 14 | public static void CopyAll(DirectoryInfo source, DirectoryInfo target) 15 | { 16 | Directory.CreateDirectory(target.FullName); 17 | 18 | // Copy each file into the new directory. 19 | foreach (FileInfo fi in source.GetFiles()) 20 | { 21 | Console.WriteLine(@"Copying {0}\{1}", target.FullName, fi.Name); 22 | fi.CopyTo(Path.Combine(target.FullName, fi.Name), true); 23 | } 24 | 25 | // Copy each subdirectory using recursion. 26 | foreach (DirectoryInfo diSourceSubDir in source.GetDirectories()) 27 | { 28 | DirectoryInfo nextTargetSubDir = 29 | target.CreateSubdirectory(diSourceSubDir.Name); 30 | CopyAll(diSourceSubDir, nextTargetSubDir); 31 | } 32 | } 33 | } -------------------------------------------------------------------------------- /sigmanuts-webview2.sln: -------------------------------------------------------------------------------- 1 | 2 | Microsoft Visual Studio Solution File, Format Version 12.00 3 | # Visual Studio Version 17 4 | VisualStudioVersion = 17.4.33213.308 5 | MinimumVisualStudioVersion = 10.0.40219.1 6 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "sigmanuts-webview2", "sigmanuts-webview2.csproj", "{3B29E7B6-03B6-489C-8335-157A067B833A}" 7 | EndProject 8 | Global 9 | GlobalSection(SolutionConfigurationPlatforms) = preSolution 10 | Debug|Any CPU = Debug|Any CPU 11 | Release|Any CPU = Release|Any CPU 12 | EndGlobalSection 13 | GlobalSection(ProjectConfigurationPlatforms) = postSolution 14 | {3B29E7B6-03B6-489C-8335-157A067B833A}.Debug|Any CPU.ActiveCfg = Debug|Any CPU 15 | {3B29E7B6-03B6-489C-8335-157A067B833A}.Debug|Any CPU.Build.0 = Debug|Any CPU 16 | {3B29E7B6-03B6-489C-8335-157A067B833A}.Release|Any CPU.ActiveCfg = Release|Any CPU 17 | {3B29E7B6-03B6-489C-8335-157A067B833A}.Release|Any CPU.Build.0 = Release|Any CPU 18 | EndGlobalSection 19 | GlobalSection(SolutionProperties) = preSolution 20 | HideSolutionNode = FALSE 21 | EndGlobalSection 22 | GlobalSection(ExtensibilityGlobals) = postSolution 23 | SolutionGuid = {5A69154E-F087-46A7-833D-FE7E988EE285} 24 | EndGlobalSection 25 | EndGlobal 26 | -------------------------------------------------------------------------------- /web-src/js.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /web-src/css/app_nav.css: -------------------------------------------------------------------------------- 1 | .nav { 2 | background-color: transparent; 3 | padding: 6px; 4 | display: flex; 5 | justify-content: space-between; 6 | position: fixed; 7 | width: 100vw; 8 | box-sizing: border-box; 9 | z-index: 99; 10 | } 11 | 12 | .nav .left { 13 | display: flex; 14 | } 15 | 16 | .nav .right { 17 | display: flex; 18 | margin-top: 10px; 19 | margin-right: 56px; 20 | align-items: center; 21 | padding-left: 96px; 22 | margin-top: 24px; 23 | } 24 | 25 | nav-button { 26 | padding: 2px 8px; 27 | margin: 0px 1px; 28 | cursor: default; 29 | border-radius: 4px; 30 | } 31 | 32 | nav-button:hover { 33 | background-color: var(--var-background-color); 34 | } 35 | 36 | .nav .ui-button { 37 | padding: 0.2em 1em !important; 38 | } 39 | 40 | .nav .ui-state-active, .nav .ui-widget-content 41 | .nav .ui-state-active, .nav .ui-widget-header 42 | .nav .ui-state-active, .nav a.ui-button:active, 43 | .nav .ui-button:active, .nav .ui-button.ui-state-active:hover { 44 | border: 1px solid var(--var-accent-color) !important; 45 | background: var(--var-accent-color) !important; 46 | font-weight: normal; 47 | color: #fff; 48 | } 49 | 50 | .nav .ui-state-default, .nav .ui-widget-content 51 | .nav .ui-state-default, .nav .ui-widget-header 52 | .nav .ui-state-default, .nav .ui-button, 53 | html .nav .ui-button.ui-state-disabled:hover, 54 | html .nav .ui-button.ui-state-disabled:active { 55 | border: 1px solid var(--var-background-color) !important; 56 | background: var(--var-background-color) !important; 57 | border-radius: 0px; 58 | padding: 10px 20px; 59 | font-weight: normal; 60 | color: var(--var-text-color) !important; 61 | } 62 | 63 | .nav .ui-widget-content { 64 | --var-background-color: #181818; 65 | --var-foreground-color: #202020; 66 | --var-preview-bg-color: #101010; 67 | --var-nav-hover-color: #292929; 68 | --var-text-color: #e9e9e9; 69 | --var-accent-color: #dd7f2f; 70 | --var-accent-color-transparent: #da7e2e2e; 71 | border: 1px solid var(--var-background-color) !important; 72 | background: var(--var-background-color) !important; 73 | color: var(--var-text-color) !important; 74 | } 75 | 76 | .ui-select-menu .ui-widget-content { 77 | border: none !important; 78 | background: #202020 !important; 79 | color: #fff !important; 80 | } 81 | 82 | .nav .ui-selectmenu-text { 83 | display: block; 84 | margin-right: 20px; 85 | overflow: hidden; 86 | text-overflow: ellipsis; 87 | padding: 5px 5px; 88 | } 89 | 90 | .nav .ui-selectmenu-icon.ui-icon { 91 | float: right; 92 | margin-top: 5px; 93 | } -------------------------------------------------------------------------------- /web-src/widgets/YouTube/widget.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Sigmanuts | Youtube Basic Chat 5 | 6 | 7 | 8 | 9 | 10 | 11 | 72 | 73 | 74 | 75 | 76 | 77 |
78 |
79 |
80 |
81 |
82 |
83 | 84 | 85 | -------------------------------------------------------------------------------- /web-src/widgets/YouTube/basic.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function () { 2 | 3 | window.addEventListener('onEventReceived', function (obj) { 4 | 5 | if (obj.detail.listener == "url-change") { 6 | clearMessages(); 7 | return; 8 | } 9 | 10 | if (obj.detail.listener == "reconnect") { 11 | console.log("Chat reconnected"); 12 | clearMessages(); 13 | return; 14 | } 15 | 16 | if (obj.detail.listener == "delete-message") { 17 | let msgId = obj.detail.event.data.msgId; 18 | removeMessage(msgId); 19 | return; 20 | } 21 | 22 | if (obj.detail.listener !== "youtube-basic") return; 23 | 24 | let htmlText = obj.detail.event.html; 25 | let animate = true; 26 | if (obj.detail.event.type == "member-gifted") animate = false; 27 | addElement(htmlText, animate); 28 | }); 29 | 30 | window.addEventListener('onWidgetLoad', function (obj) { 31 | console.log("ONWIDGETLOAD"); 32 | if (!obj.detail) return; 33 | console.log(obj.detail.fieldData); 34 | let fields = obj.detail.fieldData; 35 | 36 | if (fields.colorMode == "dark") { 37 | $("html").attr("dark", ''); 38 | $("html").removeAttr("light"); 39 | } 40 | else { 41 | $("html").attr("light", ''); 42 | $("html").removeAttr("dark"); 43 | } 44 | 45 | if (fields.transparentBg) { 46 | $("html").attr("transparent", ''); 47 | } 48 | else { 49 | $("html").removeAttr("transparent"); 50 | } 51 | }); 52 | 53 | }); 54 | 55 | 56 | 57 | function clearMessages() { 58 | $('yt-live-chat-item-list-renderer div#items').empty(); 59 | } 60 | 61 | function removeMessage(msgId) { 62 | if (!msgId) return; 63 | 64 | //Some messages have %3D at the end of the id, breaking the code 65 | msgId = msgId.replaceAll(`%3D`, ""); 66 | let elem = $(`#${msgId}`); 67 | if (elem) { 68 | elem.remove(); 69 | } 70 | } 71 | 72 | function addElement(htmlText, animate) { 73 | if (!htmlText) return; 74 | element = $.parseHTML(htmlText); 75 | 76 | //Some messages have %3D at the end of the id, breaking the code 77 | //mem 78 | let id = $(element).attr("id"); 79 | id = id.replaceAll(`%3D`, ""); 80 | $(element).attr("id", id); 81 | 82 | $(element).appendTo('#items'); 83 | 84 | if (animate) { 85 | let height = $(element).outerHeight(); 86 | 87 | $('#items').finish().css("transform", `translateY(${height}px)`).animate( 88 | { 89 | distance: height 90 | }, 91 | { 92 | step: function (now, fx) { 93 | if (fx.prop === "distance") { 94 | $(this).css("transform", `translateY(${height - now}px)`); 95 | } 96 | }, 97 | complete: function () { 98 | this.distance = 0; 99 | }, 100 | duration: 80 101 | }); 102 | } 103 | } -------------------------------------------------------------------------------- /WidgetOperations.cs: -------------------------------------------------------------------------------- 1 | using Microsoft.VisualBasic; 2 | using Microsoft.Web.WebView2.WinForms; 3 | using System; 4 | using System.Collections.Generic; 5 | using System.IO; 6 | using System.Security.Policy; 7 | using System.Text; 8 | 9 | namespace sigmanuts_webview2 10 | { 11 | public class WidgetOperations 12 | { 13 | public static string CacheFolderPath => Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.LocalApplicationData), "Sigmanuts"); 14 | public string WidgetsFolder = Path.Combine(CacheFolderPath, @".\localserver\widgets"); 15 | 16 | 17 | public static async void CreateWidget(string widgetName, Microsoft.Web.WebView2.Wpf.WebView2 appView) 18 | { 19 | CreateWidgetFolder(widgetName); 20 | 21 | string PathToHTML = Path.Combine(CacheFolderPath, @$".\localserver\widgets\{widgetName}\src\html.html"); 22 | string PathToCSS = Path.Combine(CacheFolderPath, @$".\localserver\widgets\{widgetName}\src\css.css"); 23 | string PathToJS = Path.Combine(CacheFolderPath, @$".\localserver\widgets\{widgetName}\src\js.js"); 24 | 25 | string EssentialJS = File.ReadAllText(Path.Combine(CacheFolderPath, @$".\localserver\widgets\{widgetName}\js.html")); 26 | 27 | string HTML = ""; 28 | if (File.Exists(PathToHTML)) 29 | { 30 | HTML = File.ReadAllText(PathToHTML); 31 | } 32 | 33 | string CSS = ""; 34 | if (File.Exists(PathToHTML)) 35 | { 36 | CSS = File.ReadAllText(PathToCSS); 37 | } 38 | 39 | string JS = ""; 40 | if (File.Exists(PathToHTML)) 41 | { 42 | JS = File.ReadAllText(PathToJS); 43 | } 44 | 45 | string widgetHTML = $"" + 46 | $"" + 47 | $"" + 48 | $"" + 51 | $"" + 52 | $"" + 53 | $"{HTML}" + 54 | $"{EssentialJS}" + 55 | $"" + 58 | $"" + 59 | $""; 60 | 61 | string[] lines = 62 | { 63 | widgetHTML 64 | }; 65 | 66 | await File.WriteAllLinesAsync(Path.Combine(CacheFolderPath, @$".\localserver\widgets\{widgetName}\widget.html"), lines); 67 | await appView.CoreWebView2.ExecuteScriptAsync($"retrieveData().then(updateUI()); $('iframe').attr('src', `widgets/{widgetName}/widget.html`)"); 68 | } 69 | 70 | public static string CreateWidgetFolder(string widgetName) 71 | { 72 | string fileToCopy = Path.Combine(CacheFolderPath, @$".\localserver\js.html"); 73 | string widgetDirectory = Path.Combine(CacheFolderPath, @$".\localserver\widgets\{widgetName}"); 74 | string srcDirectory = Path.Combine(widgetDirectory, "src"); 75 | 76 | Directory.CreateDirectory(widgetDirectory); 77 | Directory.CreateDirectory(srcDirectory); 78 | if (File.Exists(Path.Combine(widgetDirectory, "js.html"))) 79 | { 80 | File.Delete(Path.Combine(widgetDirectory, "js.html")); 81 | } 82 | 83 | File.Copy(fileToCopy, Path.Combine(widgetDirectory, "js.html")); 84 | 85 | return srcDirectory; 86 | } 87 | 88 | public void DeleteWidget(string widgetName) 89 | { 90 | 91 | } 92 | } 93 | } 94 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Sigma's New User-friendly and Time-saving Solution (NUTS) to YouTube Chat Problem 2 | 3 | **A *mostly* standalone app to serve widgets for your YouTube livestreams** 4 | 5 | ![App](https://i.imgur.com/qUd63Zr.png) 6 | 7 | ## Features 8 | 9 | Sigmanuts offers a very flexible experience. The trade-off between having an extra app to run during live stream and having a positive chat experience is worth it! 10 | 11 | - Works with any YouTube chat as long as you have access to it (public, private, unlisted, member-only, etc) 12 | - No delay! 13 | - Lightweight (to an extent) 14 | - Supports in-app customization for chats 15 | - Same widget structure as Streamelements - any custom Twitch chat can be adapted with a few tweaks 16 | - Can run as many different widgets as you want 17 | - Only update chat link once and have it refresh for every overlay in OBS 18 | 19 | ## Links (WIP) 20 | 21 | - Website 22 | - Twitter 23 | 24 | ## Requirements 25 | 26 | There are multiple ways you can run this app. 27 | ### Recommended 28 | Windows 11 29 | - .NET Core 3.1 SDK (Download from [here](https://download.visualstudio.microsoft.com/download/pr/b70ad520-0e60-43f5-aee2-d3965094a40d/667c122b3736dcbfa1beff08092dbfc3/dotnet-sdk-3.1.426-win-x64.exe)) 30 | 31 | Windows 10 32 | - .NET Core 3.1 SDK (Download from [here](https://download.visualstudio.microsoft.com/download/pr/b70ad520-0e60-43f5-aee2-d3965094a40d/667c122b3736dcbfa1beff08092dbfc3/dotnet-sdk-3.1.426-win-x64.exe)) 33 | - WebView2 Runtime (Download from [here](https://go.microsoft.com/fwlink/p/?LinkId=2124703)) 34 | 35 | ### Standalone 36 | Windows 11 37 | - No requirements 38 | 39 | Windows 10 40 | - WebView2 Runtime (Download from [here](https://go.microsoft.com/fwlink/p/?LinkId=2124703)) 41 | 42 | ## Installation 43 | 44 | To install, download the required packages and then run the app, no installation required. 45 | 46 | ## How does it work? 47 | 48 | Actually, very simple! You launch the app, log in to YouTube, put in a link to your stream, and the app automatically grabs your chat and waits for any messages, superchats, member notifications, etc. When one appears, the app extracts all the useful information from it, and packs it all into a JSON object that a developer can then use to restyle the chat in any way they want. 49 | 50 | ## Is it against YouTube ToS? 51 | 52 | Short answer: Technically, *kind of* yes. But also... *maybe*. 53 | 54 | Long answer: It's complicated. There's a clause in YouTube's terms of service that explicitly prohibits any unauthorized bot activity on their website, including scraping. The unfortunate reality is that the way we can make this app work so well is by injecting a script into a YouTube chat that reads the incoming messages and let's you do all sorts of cool things with them. 55 | 56 | In a broader sense, what we are doing is scraping, yes. At the same time, we do not think it is harmful, as it doesn't do any API requests, and loads only once when the user loads the chat. The initial load is handled by the user, so this script is no different from a browser extension one can run for YouTube. We believe that if YouTube allows extensions that inject scripts and styles into YouTube page, this should also be fine, even if both are *technically* against their terms of service. 57 | 58 | Regardless of what you read here, you should decide for yourself whether you want to use the app. We have provided you with the information, and as such are not responsible for what you ultimately decide to do with this app. 59 | 60 | ## Documentation 61 | 62 | You can find the documentation [here](https://github.com/sigmacw/sigmanuts-webview2/wiki/Sigmanuts-API). 63 | 64 | ## Changelog 65 | 66 | 02/20/2023 - BETAv0.5 67 | - Initial beta release 68 | 69 | -------------------------------------------------------------------------------- /web-src/widgets/YouTube/sigmanuts.js: -------------------------------------------------------------------------------- 1 | const CHARACTERS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; 2 | const CHAT_HISTORY_AMOUNT = 20; 3 | 4 | var widgetName = window.location.pathname.split("/")[2]; 5 | var widgetCode = CHARACTERS[Math.floor(Math.random() * CHARACTERS.length)] + "-" + Math.floor(Math.random() * 100000); 6 | 7 | function decodeHtml(html) { 8 | var txt = document.createElement("textarea"); 9 | txt.innerHTML = html; 10 | return txt.value; 11 | } 12 | 13 | function requestData() { 14 | var obj = JSON.stringify({ 15 | "listener": "request-data", 16 | "name": widgetName 17 | }) 18 | 19 | connection.invoke("SendMessage", obj).catch(function (err) { 20 | return console.error(err.toString()); 21 | }).then(() => { requestHistory() }); 22 | } 23 | 24 | function requestHistory() { 25 | var obj = JSON.stringify({ 26 | "listener": "request-history", 27 | "name": widgetName, 28 | "code": widgetCode, 29 | "amount": CHAT_HISTORY_AMOUNT 30 | }) 31 | 32 | console.log(obj); 33 | 34 | connection.invoke("SendMessage", obj).catch(function (err) { 35 | return console.error(err.toString()); 36 | }); 37 | } 38 | 39 | const connection = new signalR.HubConnectionBuilder() 40 | .withUrl("http://localhost:6970/stream") 41 | .configureLogging(signalR.LogLevel.Information) 42 | .withAutomaticReconnect({ 43 | nextRetryDelayInMilliseconds: retryContext => { 44 | if (retryContext.elapsedMilliseconds < 10000) { 45 | // Retry every 5 seconds until 10 seconds elapsed 46 | return 5000; 47 | } 48 | else if (retryContext.elapsedMilliseconds < 300000) { 49 | // Retry every 12 seconds until 5 minutes elapsed 50 | return 12000; 51 | } 52 | else{ 53 | // Retry every 60 seconds after that 54 | return 60000; 55 | } 56 | } 57 | }) 58 | .build(); 59 | 60 | async function start() { 61 | try { 62 | await connection.start(); 63 | console.log("SignalR Connected."); 64 | } catch (err) { 65 | console.log(err); 66 | setTimeout(start, 5000); 67 | } 68 | }; 69 | 70 | connection.onreconnected(connectionId => { 71 | //send an event on reconnection 72 | //if the browser is opened before the app loads 73 | //maybe rename later 74 | let newUrl = "";//request from app.js 75 | const event = new CustomEvent('onEventReceived', { 76 | detail: { 77 | event: {}, 78 | listener: "reconnect" 79 | } 80 | }); 81 | window.dispatchEvent(event); 82 | }); 83 | 84 | connection.onclose(async () => { 85 | await start(); 86 | }); 87 | 88 | connection.on("ReceiveMessage", function (obj) { 89 | var evt = JSON.parse(obj); 90 | console.log(evt) 91 | 92 | if (evt.listener === "widget-load" && (evt.name === widgetName || evt.name === "all")) { 93 | console.log('pog') 94 | const event = new CustomEvent('onWidgetLoad', { 95 | detail: { 96 | fieldData: JSON.parse(evt.value) 97 | } 98 | }); 99 | window.dispatchEvent(event) 100 | } 101 | else { 102 | if (evt.listener === "chat-history") { 103 | if (evt.name != widgetName || evt.code != widgetCode) { 104 | return; 105 | } 106 | evt = evt.value; 107 | } 108 | 109 | if (!evt.event) return; 110 | 111 | if(evt.listener === "message") 112 | { 113 | evt.event.data.text = decodeHtml(evt.event.data.text) 114 | } 115 | const event = new CustomEvent('onEventReceived', { 116 | detail: { 117 | event: evt.event, 118 | listener: evt.listener 119 | } 120 | }); 121 | 122 | window.dispatchEvent(event) 123 | } 124 | }); 125 | 126 | window.addEventListener('DOMContentLoaded', function (obj) { 127 | start() 128 | .then(() => { 129 | requestData(); 130 | }); 131 | }) -------------------------------------------------------------------------------- /web-src/js/FileSaver.js: -------------------------------------------------------------------------------- 1 | /* FileSaver.js 2 | * A saveAs() FileSaver implementation. 3 | * 1.3.2 4 | * 2016-06-16 18:25:19 5 | * 6 | * By Eli Grey, http://eligrey.com 7 | * License: MIT 8 | * See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md 9 | */ 10 | 11 | /*global self */ 12 | /*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */ 13 | 14 | /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */ 15 | 16 | var saveAs = saveAs || (function(view) { 17 | "use strict"; 18 | // IE <10 is explicitly unsupported 19 | if (typeof view === "undefined" || typeof navigator !== "undefined" && /MSIE [1-9]\./.test(navigator.userAgent)) { 20 | return; 21 | } 22 | var 23 | doc = view.document 24 | // only get URL when necessary in case Blob.js hasn't overridden it yet 25 | , get_URL = function() { 26 | return view.URL || view.webkitURL || view; 27 | } 28 | , save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a") 29 | , can_use_save_link = "download" in save_link 30 | , click = function(node) { 31 | var event = new MouseEvent("click"); 32 | node.dispatchEvent(event); 33 | } 34 | , is_safari = /constructor/i.test(view.HTMLElement) || view.safari 35 | , is_chrome_ios =/CriOS\/[\d]+/.test(navigator.userAgent) 36 | , throw_outside = function(ex) { 37 | (view.setImmediate || view.setTimeout)(function() { 38 | throw ex; 39 | }, 0); 40 | } 41 | , force_saveable_type = "application/octet-stream" 42 | // the Blob API is fundamentally broken as there is no "downloadfinished" event to subscribe to 43 | , arbitrary_revoke_timeout = 1000 * 40 // in ms 44 | , revoke = function(file) { 45 | var revoker = function() { 46 | if (typeof file === "string") { // file is an object URL 47 | get_URL().revokeObjectURL(file); 48 | } else { // file is a File 49 | file.remove(); 50 | } 51 | }; 52 | setTimeout(revoker, arbitrary_revoke_timeout); 53 | } 54 | , dispatch = function(filesaver, event_types, event) { 55 | event_types = [].concat(event_types); 56 | var i = event_types.length; 57 | while (i--) { 58 | var listener = filesaver["on" + event_types[i]]; 59 | if (typeof listener === "function") { 60 | try { 61 | listener.call(filesaver, event || filesaver); 62 | } catch (ex) { 63 | throw_outside(ex); 64 | } 65 | } 66 | } 67 | } 68 | , auto_bom = function(blob) { 69 | // prepend BOM for UTF-8 XML and text/* types (including HTML) 70 | // note: your browser will automatically convert UTF-16 U+FEFF to EF BB BF 71 | if (/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) { 72 | return new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type}); 73 | } 74 | return blob; 75 | } 76 | , FileSaver = function(blob, name, no_auto_bom) { 77 | if (!no_auto_bom) { 78 | blob = auto_bom(blob); 79 | } 80 | // First try a.download, then web filesystem, then object URLs 81 | var 82 | filesaver = this 83 | , type = blob.type 84 | , force = type === force_saveable_type 85 | , object_url 86 | , dispatch_all = function() { 87 | dispatch(filesaver, "writestart progress write writeend".split(" ")); 88 | } 89 | // on any filesys errors revert to saving with object URLs 90 | , fs_error = function() { 91 | if ((is_chrome_ios || (force && is_safari)) && view.FileReader) { 92 | // Safari doesn't allow downloading of blob urls 93 | var reader = new FileReader(); 94 | reader.onloadend = function() { 95 | var url = is_chrome_ios ? reader.result : reader.result.replace(/^data:[^;]*;/, 'data:attachment/file;'); 96 | var popup = view.open(url, '_blank'); 97 | if(!popup) view.location.href = url; 98 | url=undefined; // release reference before dispatching 99 | filesaver.readyState = filesaver.DONE; 100 | dispatch_all(); 101 | }; 102 | reader.readAsDataURL(blob); 103 | filesaver.readyState = filesaver.INIT; 104 | return; 105 | } 106 | // don't create more object URLs than needed 107 | if (!object_url) { 108 | object_url = get_URL().createObjectURL(blob); 109 | } 110 | if (force) { 111 | view.location.href = object_url; 112 | } else { 113 | var opened = view.open(object_url, "_blank"); 114 | if (!opened) { 115 | // Apple does not allow window.open, see https://developer.apple.com/library/safari/documentation/Tools/Conceptual/SafariExtensionGuide/WorkingwithWindowsandTabs/WorkingwithWindowsandTabs.html 116 | view.location.href = object_url; 117 | } 118 | } 119 | filesaver.readyState = filesaver.DONE; 120 | dispatch_all(); 121 | revoke(object_url); 122 | } 123 | ; 124 | filesaver.readyState = filesaver.INIT; 125 | 126 | if (can_use_save_link) { 127 | object_url = get_URL().createObjectURL(blob); 128 | setTimeout(function() { 129 | save_link.href = object_url; 130 | save_link.download = name; 131 | click(save_link); 132 | dispatch_all(); 133 | revoke(object_url); 134 | filesaver.readyState = filesaver.DONE; 135 | }); 136 | return; 137 | } 138 | 139 | fs_error(); 140 | } 141 | , FS_proto = FileSaver.prototype 142 | , saveAs = function(blob, name, no_auto_bom) { 143 | return new FileSaver(blob, name || blob.name || "download", no_auto_bom); 144 | } 145 | ; 146 | // IE 10+ (native saveAs) 147 | if (typeof navigator !== "undefined" && navigator.msSaveOrOpenBlob) { 148 | return function(blob, name, no_auto_bom) { 149 | name = name || blob.name || "download"; 150 | 151 | if (!no_auto_bom) { 152 | blob = auto_bom(blob); 153 | } 154 | return navigator.msSaveOrOpenBlob(blob, name); 155 | }; 156 | } 157 | 158 | FS_proto.abort = function(){}; 159 | FS_proto.readyState = FS_proto.INIT = 0; 160 | FS_proto.WRITING = 1; 161 | FS_proto.DONE = 2; 162 | 163 | FS_proto.error = 164 | FS_proto.onwritestart = 165 | FS_proto.onprogress = 166 | FS_proto.onwrite = 167 | FS_proto.onabort = 168 | FS_proto.onerror = 169 | FS_proto.onwriteend = 170 | null; 171 | 172 | return saveAs; 173 | }( 174 | typeof self !== "undefined" && self 175 | || typeof window !== "undefined" && window 176 | || this.content 177 | )); 178 | // `self` is undefined in Firefox for Android content script context 179 | // while `this` is nsIContentFrameMessageManager 180 | // with an attribute `content` that corresponds to the window 181 | 182 | if (typeof module !== "undefined" && module.exports) { 183 | module.exports.saveAs = saveAs; 184 | } else if ((typeof define !== "undefined" && define !== null) && (define.amd !== null)) { 185 | define("FileSaver.js", function() { 186 | return saveAs; 187 | }); 188 | } 189 | -------------------------------------------------------------------------------- /web-src/js/appUpload.js: -------------------------------------------------------------------------------- 1 | var codePath; 2 | 3 | function handleZip(file) { 4 | var zip = new JSZip(); 5 | zip.loadAsync(file) 6 | .then(function (zip) { 7 | $('.zip-select span').text(file.name) 8 | if (!zip.files[`widget.ini`]) { 9 | handleUnsupported(zip) 10 | return 11 | } 12 | zip.files[`widget.ini`].async('string') 13 | .then((data) => { 14 | pathArray = handleIniData(data); 15 | if (pathArray.length != 5) { 16 | handleUnsupported(zip) 17 | return 18 | } 19 | 20 | if (!zip.files[`${pathArray[0]}`] || 21 | !zip.files[`${pathArray[1]}`] || 22 | !zip.files[`${pathArray[2]}`] || 23 | !zip.files[`${pathArray[3]}`] || 24 | !zip.files[`${pathArray[4]}`]) { 25 | alert('This widget was not set up properly. Opening manual upload dialog...') 26 | handleUnsupported(zip) 27 | return 28 | } 29 | readFiles(zip, pathArray); 30 | }) 31 | }); 32 | } 33 | 34 | function handleUnsupported(zip) { 35 | // alert("This widget is not supported.") 36 | resetSession() 37 | 38 | waitForElm('#sigma-create-unsupported').then(() => { 39 | $('#sigma-create-unsupported').click(() => { 40 | $('#zip').val('') 41 | $('.zip-select span').text('No file selected...') 42 | handleCode(codePath) 43 | }); 44 | }); 45 | 46 | filesArray.forEach((type) => { 47 | waitForElm(`#${type}`).then(() => { 48 | $(`#${type}`).on("change", function (evt) { 49 | console.log('Change detected') 50 | var files = evt.target.files; 51 | for (var i = 0; i < files.length; i++) { 52 | handleFile(files[i], type); 53 | } 54 | }); 55 | }) 56 | }) 57 | 58 | var backdrop = $(` 59 | `) 62 | $('body').prepend(backdrop) 63 | $('body').append(dialog) 64 | 65 | // Handle click outside of dialog 66 | $(window).click(() => { 67 | $('.sigma-extension-dialog').remove() 68 | $(backdrop).remove() 69 | }) 70 | $('.sigma-dialog').click((event) => { 71 | event.stopPropagation(); 72 | }) 73 | } 74 | 75 | function handleIniData(data) { 76 | var lines = data.split('\n'); 77 | var pathArray = []; 78 | for (var i = 0; i < lines.length; i++) { 79 | if (lines[i].includes('[HTML]')) { 80 | var _temp = lines[i + 1].split('"'); 81 | pathArray.push(_temp[1]); 82 | } 83 | 84 | if (lines[i].includes('[CSS]')) { 85 | var _temp = lines[i + 1].split('"'); 86 | pathArray.push(_temp[1]); 87 | } 88 | 89 | if (lines[i].includes('[JS]')) { 90 | var _temp = lines[i + 1].split('"'); 91 | pathArray.push(_temp[1]); 92 | } 93 | 94 | if (lines[i].includes('[FIELDS]')) { 95 | var _temp = lines[i + 1].split('"'); 96 | pathArray.push(_temp[1]); 97 | } 98 | 99 | if (lines[i].includes('[DATA]')) { 100 | var _temp = lines[i + 1].split('"'); 101 | pathArray.push(_temp[1]); 102 | } 103 | } 104 | 105 | return pathArray; 106 | } 107 | 108 | function readFiles(zip, pathArray) { 109 | var htmlCode, cssCode, jsCode, fieldsCode, dataCode; 110 | zip.files[`${pathArray[0]}`].async('string') 111 | .then((data) => { 112 | htmlCode = data; 113 | zip.files[`${pathArray[1]}`].async('string') 114 | .then((data) => { 115 | cssCode = data; 116 | zip.files[`${pathArray[2]}`].async('string') 117 | .then((data) => { 118 | jsCode = data; 119 | zip.files[`${pathArray[3]}`].async('string') 120 | .then((data) => { 121 | fieldsCode = data; 122 | zip.files[`${pathArray[4]}`].async('string') 123 | .then((data) => { 124 | dataCode = data; 125 | code = [htmlCode, cssCode, jsCode, fieldsCode, dataCode] 126 | window.postMessage([code, 'zip']) 127 | return 128 | }); 129 | }); 130 | }); 131 | }); 132 | }); 133 | } 134 | 135 | window.addEventListener('DOMContentLoaded', () => { 136 | $('#zip').on("change", function (evt) { 137 | if (activeWidget === "Select widget") { 138 | $('#zip').val('') 139 | return 140 | } 141 | $('#settings__editor').remove(); 142 | $('.editor').append('
') 143 | 144 | groupList = []; 145 | widgetData = {}; 146 | setTimeout(() => { 147 | $('iframe')[0].contentWindow.location.reload('true'); 148 | }, 1000) 149 | var files = evt.target.files; 150 | for (var i = 0; i < files.length; i++) { 151 | handleZip(files[i]); 152 | } 153 | }); 154 | }); 155 | 156 | window.addEventListener("message", function (event) { 157 | if (event.data[1] === 'zip') { 158 | codePath = event.data[0]; 159 | var obj = JSON.stringify({ 160 | "listener": "populate-widget", 161 | "name": activeWidget, 162 | "htmlvalue": codePath[0], 163 | "cssvalue": codePath[1], 164 | "jsvalue": codePath[2], 165 | "fieldsvalue": codePath[3], 166 | "datavalue": codePath[4], 167 | }) 168 | $('#zip').val('') 169 | window.chrome.webview.postMessage(obj); 170 | } 171 | else if (event.data[1] === 'html') { 172 | codePath[0] = event.data[0]; 173 | } 174 | else if (event.data[1] === 'css') { 175 | codePath[1] = event.data[0]; 176 | } 177 | else if (event.data[1] === 'js') { 178 | codePath[2] = event.data[0]; 179 | } 180 | else if (event.data[1] === 'fields') { 181 | codePath[3] = event.data[0]; 182 | } 183 | else if (event.data[1] === 'data') { 184 | codePath[4] = event.data[0]; 185 | } 186 | }); 187 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ## Ignore Visual Studio temporary files, build results, and 2 | ## files generated by popular Visual Studio add-ons. 3 | ## 4 | ## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore 5 | 6 | # User-specific files 7 | *.rsuser 8 | *.suo 9 | *.user 10 | *.userosscache 11 | *.sln.docstates 12 | 13 | # User-specific files (MonoDevelop/Xamarin Studio) 14 | *.userprefs 15 | 16 | # Mono auto generated files 17 | mono_crash.* 18 | 19 | # Build results 20 | [Dd]ebug/ 21 | [Dd]ebugPublic/ 22 | [Rr]elease/ 23 | [Rr]eleases/ 24 | x64/ 25 | x86/ 26 | [Aa][Rr][Mm]/ 27 | [Aa][Rr][Mm]64/ 28 | bld/ 29 | [Bb]in/ 30 | [Oo]bj/ 31 | [Ll]og/ 32 | [Ll]ogs/ 33 | 34 | # Visual Studio 2015/2017 cache/options directory 35 | .vs/ 36 | # Uncomment if you have tasks that create the project's static files in wwwroot 37 | #wwwroot/ 38 | 39 | # Visual Studio 2017 auto generated files 40 | Generated\ Files/ 41 | 42 | # MSTest test Results 43 | [Tt]est[Rr]esult*/ 44 | [Bb]uild[Ll]og.* 45 | 46 | # NUnit 47 | *.VisualState.xml 48 | TestResult.xml 49 | nunit-*.xml 50 | 51 | # Build Results of an ATL Project 52 | [Dd]ebugPS/ 53 | [Rr]eleasePS/ 54 | dlldata.c 55 | 56 | # Benchmark Results 57 | BenchmarkDotNet.Artifacts/ 58 | 59 | # .NET Core 60 | project.lock.json 61 | project.fragment.lock.json 62 | artifacts/ 63 | 64 | # StyleCop 65 | StyleCopReport.xml 66 | 67 | # Files built by Visual Studio 68 | *_i.c 69 | *_p.c 70 | *_h.h 71 | *.ilk 72 | *.meta 73 | *.obj 74 | *.iobj 75 | *.pch 76 | *.pdb 77 | *.ipdb 78 | *.pgc 79 | *.pgd 80 | *.rsp 81 | *.sbr 82 | *.tlb 83 | *.tli 84 | *.tlh 85 | *.tmp 86 | *.tmp_proj 87 | *_wpftmp.csproj 88 | *.log 89 | *.vspscc 90 | *.vssscc 91 | .builds 92 | *.pidb 93 | *.svclog 94 | *.scc 95 | 96 | # Chutzpah Test files 97 | _Chutzpah* 98 | 99 | # Visual C++ cache files 100 | ipch/ 101 | *.aps 102 | *.ncb 103 | *.opendb 104 | *.opensdf 105 | *.sdf 106 | *.cachefile 107 | *.VC.db 108 | *.VC.VC.opendb 109 | 110 | # Visual Studio profiler 111 | *.psess 112 | *.vsp 113 | *.vspx 114 | *.sap 115 | 116 | # Visual Studio Trace Files 117 | *.e2e 118 | 119 | # TFS 2012 Local Workspace 120 | $tf/ 121 | 122 | # Guidance Automation Toolkit 123 | *.gpState 124 | 125 | # ReSharper is a .NET coding add-in 126 | _ReSharper*/ 127 | *.[Rr]e[Ss]harper 128 | *.DotSettings.user 129 | 130 | # TeamCity is a build add-in 131 | _TeamCity* 132 | 133 | # DotCover is a Code Coverage Tool 134 | *.dotCover 135 | 136 | # AxoCover is a Code Coverage Tool 137 | .axoCover/* 138 | !.axoCover/settings.json 139 | 140 | # Visual Studio code coverage results 141 | *.coverage 142 | *.coveragexml 143 | 144 | # NCrunch 145 | _NCrunch_* 146 | .*crunch*.local.xml 147 | nCrunchTemp_* 148 | 149 | # MightyMoose 150 | *.mm.* 151 | AutoTest.Net/ 152 | 153 | # Web workbench (sass) 154 | .sass-cache/ 155 | 156 | # Installshield output folder 157 | [Ee]xpress/ 158 | 159 | # DocProject is a documentation generator add-in 160 | DocProject/buildhelp/ 161 | DocProject/Help/*.HxT 162 | DocProject/Help/*.HxC 163 | DocProject/Help/*.hhc 164 | DocProject/Help/*.hhk 165 | DocProject/Help/*.hhp 166 | DocProject/Help/Html2 167 | DocProject/Help/html 168 | 169 | # Click-Once directory 170 | publish/ 171 | 172 | # Publish Web Output 173 | *.[Pp]ublish.xml 174 | *.azurePubxml 175 | # Note: Comment the next line if you want to checkin your web deploy settings, 176 | # but database connection strings (with potential passwords) will be unencrypted 177 | *.pubxml 178 | *.publishproj 179 | 180 | # Microsoft Azure Web App publish settings. Comment the next line if you want to 181 | # checkin your Azure Web App publish settings, but sensitive information contained 182 | # in these scripts will be unencrypted 183 | PublishScripts/ 184 | 185 | # NuGet Packages 186 | *.nupkg 187 | # NuGet Symbol Packages 188 | *.snupkg 189 | # The packages folder can be ignored because of Package Restore 190 | **/[Pp]ackages/* 191 | # except build/, which is used as an MSBuild target. 192 | !**/[Pp]ackages/build/ 193 | # Uncomment if necessary however generally it will be regenerated when needed 194 | #!**/[Pp]ackages/repositories.config 195 | # NuGet v3's project.json files produces more ignorable files 196 | *.nuget.props 197 | *.nuget.targets 198 | 199 | # Microsoft Azure Build Output 200 | csx/ 201 | *.build.csdef 202 | 203 | # Microsoft Azure Emulator 204 | ecf/ 205 | rcf/ 206 | 207 | # Windows Store app package directories and files 208 | AppPackages/ 209 | BundleArtifacts/ 210 | Package.StoreAssociation.xml 211 | _pkginfo.txt 212 | *.appx 213 | *.appxbundle 214 | *.appxupload 215 | 216 | # Visual Studio cache files 217 | # files ending in .cache can be ignored 218 | *.[Cc]ache 219 | # but keep track of directories ending in .cache 220 | !?*.[Cc]ache/ 221 | 222 | # Others 223 | ClientBin/ 224 | ~$* 225 | *~ 226 | *.dbmdl 227 | *.dbproj.schemaview 228 | *.jfm 229 | *.pfx 230 | *.publishsettings 231 | orleans.codegen.cs 232 | 233 | # Including strong name files can present a security risk 234 | # (https://github.com/github/gitignore/pull/2483#issue-259490424) 235 | #*.snk 236 | 237 | # Since there are multiple workflows, uncomment next line to ignore bower_components 238 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622) 239 | #bower_components/ 240 | 241 | # RIA/Silverlight projects 242 | Generated_Code/ 243 | 244 | # Backup & report files from converting an old project file 245 | # to a newer Visual Studio version. Backup files are not needed, 246 | # because we have git ;-) 247 | _UpgradeReport_Files/ 248 | Backup*/ 249 | UpgradeLog*.XML 250 | UpgradeLog*.htm 251 | ServiceFabricBackup/ 252 | *.rptproj.bak 253 | 254 | # SQL Server files 255 | *.mdf 256 | *.ldf 257 | *.ndf 258 | 259 | # Business Intelligence projects 260 | *.rdl.data 261 | *.bim.layout 262 | *.bim_*.settings 263 | *.rptproj.rsuser 264 | *- [Bb]ackup.rdl 265 | *- [Bb]ackup ([0-9]).rdl 266 | *- [Bb]ackup ([0-9][0-9]).rdl 267 | 268 | # Microsoft Fakes 269 | FakesAssemblies/ 270 | 271 | # GhostDoc plugin setting file 272 | *.GhostDoc.xml 273 | 274 | # Node.js Tools for Visual Studio 275 | .ntvs_analysis.dat 276 | node_modules/ 277 | 278 | # Visual Studio 6 build log 279 | *.plg 280 | 281 | # Visual Studio 6 workspace options file 282 | *.opt 283 | 284 | # Visual Studio 6 auto-generated workspace file (contains which files were open etc.) 285 | *.vbw 286 | 287 | # Visual Studio LightSwitch build output 288 | **/*.HTMLClient/GeneratedArtifacts 289 | **/*.DesktopClient/GeneratedArtifacts 290 | **/*.DesktopClient/ModelManifest.xml 291 | **/*.Server/GeneratedArtifacts 292 | **/*.Server/ModelManifest.xml 293 | _Pvt_Extensions 294 | 295 | # Paket dependency manager 296 | .paket/paket.exe 297 | paket-files/ 298 | 299 | # FAKE - F# Make 300 | .fake/ 301 | 302 | # CodeRush personal settings 303 | .cr/personal 304 | 305 | # Python Tools for Visual Studio (PTVS) 306 | __pycache__/ 307 | *.pyc 308 | 309 | # Cake - Uncomment if you are using it 310 | # tools/** 311 | # !tools/packages.config 312 | 313 | # Tabs Studio 314 | *.tss 315 | 316 | # Telerik's JustMock configuration file 317 | *.jmconfig 318 | 319 | # BizTalk build output 320 | *.btp.cs 321 | *.btm.cs 322 | *.odx.cs 323 | *.xsd.cs 324 | 325 | # OpenCover UI analysis results 326 | OpenCover/ 327 | 328 | # Azure Stream Analytics local run output 329 | ASALocalRun/ 330 | 331 | # MSBuild Binary and Structured Log 332 | *.binlog 333 | 334 | # NVidia Nsight GPU debugger configuration file 335 | *.nvuser 336 | 337 | # MFractors (Xamarin productivity tool) working folder 338 | .mfractor/ 339 | 340 | # Local History for Visual Studio 341 | .localhistory/ 342 | 343 | # BeatPulse healthcheck temp database 344 | healthchecksdb 345 | 346 | # Backup folder for Package Reference Convert tool in Visual Studio 2017 347 | MigrationBackup/ 348 | 349 | # Ionide (cross platform F# VS Code tools) working folder 350 | .ionide/ 351 | -------------------------------------------------------------------------------- /HttpServer.cs: -------------------------------------------------------------------------------- 1 | // MIT License - Copyright (c) 2016 Can Güney Aksakalli 2 | // https://aksakalli.github.io/2014/02/24/simple-http-server-with-csparp.html 3 | 4 | using System; 5 | using System.Collections.Generic; 6 | using System.Net.Sockets; 7 | using System.Net; 8 | using System.IO; 9 | using System.Threading; 10 | using System.Diagnostics; 11 | 12 | 13 | class SimpleHTTPServer 14 | { 15 | 16 | public HttpListenerContext context; 17 | 18 | private readonly string[] _indexFiles = { 19 | "index.html", 20 | "index.htm", 21 | "default.html", 22 | "default.htm" 23 | }; 24 | 25 | private static IDictionary _mimeTypeMappings = new Dictionary(StringComparer.InvariantCultureIgnoreCase) { 26 | #region extension to MIME type list 27 | {".asf", "video/x-ms-asf"}, 28 | {".asx", "video/x-ms-asf"}, 29 | {".avi", "video/x-msvideo"}, 30 | {".bin", "application/octet-stream"}, 31 | {".cco", "application/x-cocoa"}, 32 | {".crt", "application/x-x509-ca-cert"}, 33 | {".css", "text/css"}, 34 | {".deb", "application/octet-stream"}, 35 | {".der", "application/x-x509-ca-cert"}, 36 | {".dll", "application/octet-stream"}, 37 | {".dmg", "application/octet-stream"}, 38 | {".ear", "application/java-archive"}, 39 | {".eot", "application/octet-stream"}, 40 | {".exe", "application/octet-stream"}, 41 | {".flv", "video/x-flv"}, 42 | {".gif", "image/gif"}, 43 | {".hqx", "application/mac-binhex40"}, 44 | {".htc", "text/x-component"}, 45 | {".htm", "text/html"}, 46 | {".html", "text/html"}, 47 | {".ico", "image/x-icon"}, 48 | {".img", "application/octet-stream"}, 49 | {".iso", "application/octet-stream"}, 50 | {".jar", "application/java-archive"}, 51 | {".jardiff", "application/x-java-archive-diff"}, 52 | {".jng", "image/x-jng"}, 53 | {".jnlp", "application/x-java-jnlp-file"}, 54 | {".jpeg", "image/jpeg"}, 55 | {".jpg", "image/jpeg"}, 56 | {".js", "application/x-javascript"}, 57 | {".mml", "text/mathml"}, 58 | {".mng", "video/x-mng"}, 59 | {".mov", "video/quicktime"}, 60 | {".mp3", "audio/mpeg"}, 61 | {".mpeg", "video/mpeg"}, 62 | {".mpg", "video/mpeg"}, 63 | {".msi", "application/octet-stream"}, 64 | {".msm", "application/octet-stream"}, 65 | {".msp", "application/octet-stream"}, 66 | {".pdb", "application/x-pilot"}, 67 | {".pdf", "application/pdf"}, 68 | {".pem", "application/x-x509-ca-cert"}, 69 | {".pl", "application/x-perl"}, 70 | {".pm", "application/x-perl"}, 71 | {".png", "image/png"}, 72 | {".prc", "application/x-pilot"}, 73 | {".ra", "audio/x-realaudio"}, 74 | {".rar", "application/x-rar-compressed"}, 75 | {".rpm", "application/x-redhat-package-manager"}, 76 | {".rss", "text/xml"}, 77 | {".run", "application/x-makeself"}, 78 | {".sea", "application/x-sea"}, 79 | {".shtml", "text/html"}, 80 | {".sit", "application/x-stuffit"}, 81 | {".swf", "application/x-shockwave-flash"}, 82 | {".tcl", "application/x-tcl"}, 83 | {".tk", "application/x-tcl"}, 84 | {".txt", "text/plain"}, 85 | {".war", "application/java-archive"}, 86 | {".wbmp", "image/vnd.wap.wbmp"}, 87 | {".wmv", "video/x-ms-wmv"}, 88 | {".xml", "text/xml"}, 89 | {".xpi", "application/x-xpinstall"}, 90 | {".zip", "application/zip"}, 91 | {".svg", "image/svg+xml"}, 92 | {".svgz", "image/svg+xml"} 93 | #endregion 94 | }; 95 | private Thread _serverThread; 96 | private string _rootDirectory; 97 | private HttpListener _listener; 98 | private int _port; 99 | 100 | public int Port 101 | { 102 | get { return _port; } 103 | private set { } 104 | } 105 | 106 | /// 107 | /// Construct server with given port. 108 | /// 109 | /// Directory path to serve. 110 | /// Port of the server. 111 | public SimpleHTTPServer(string path, int port) 112 | { 113 | this.Initialize(path, port); 114 | } 115 | 116 | /// 117 | /// Construct server with suitable port. 118 | /// 119 | /// Directory path to serve. 120 | public SimpleHTTPServer(string path) 121 | { 122 | //get an empty port 123 | TcpListener l = new TcpListener(IPAddress.Loopback, 0); 124 | l.Start(); 125 | int port = ((IPEndPoint)l.LocalEndpoint).Port; 126 | l.Stop(); 127 | this.Initialize(path, port); 128 | } 129 | 130 | /// 131 | /// Stop server and dispose all functions. 132 | /// 133 | public void Stop() 134 | { 135 | _serverThread.Abort(); 136 | _listener.Stop(); 137 | } 138 | 139 | private void Listen() 140 | { 141 | _listener = new HttpListener(); 142 | _listener.Prefixes.Add("http://localhost:" + _port.ToString() + "/"); 143 | _listener.Start(); 144 | while (true) 145 | { 146 | try 147 | { 148 | HttpListenerContext context = _listener.GetContext(); 149 | Debug.WriteLine(context); 150 | Process(context); 151 | } 152 | catch (Exception ex) 153 | { 154 | Debug.WriteLine(ex.ToString()); 155 | } 156 | } 157 | } 158 | 159 | public void Process(HttpListenerContext context) 160 | { 161 | string filename = context.Request.Url.AbsolutePath; 162 | //Console.WriteLine(filename); 163 | filename = filename.Substring(1); 164 | 165 | if (string.IsNullOrEmpty(filename)) 166 | { 167 | foreach (string indexFile in _indexFiles) 168 | { 169 | if (File.Exists(Path.Combine(_rootDirectory, indexFile))) 170 | { 171 | filename = indexFile; 172 | break; 173 | } 174 | } 175 | } 176 | 177 | filename = Path.Combine(_rootDirectory, filename); 178 | 179 | if (File.Exists(filename)) 180 | { 181 | Stream input = new FileStream(filename, FileMode.Open); 182 | try 183 | { 184 | //Adding permanent http response headers 185 | string mime; 186 | context.Response.ContentType = _mimeTypeMappings.TryGetValue(Path.GetExtension(filename), out mime) ? mime : "application/octet-stream"; 187 | context.Response.ContentLength64 = input.Length; 188 | context.Response.AddHeader("Date", DateTime.Now.ToString("r")); 189 | context.Response.AddHeader("Last-Modified", System.IO.File.GetLastWriteTime(filename).ToString("r")); 190 | 191 | byte[] buffer = new byte[1024 * 16]; 192 | int nbytes; 193 | while ((nbytes = input.Read(buffer, 0, buffer.Length)) > 0) 194 | context.Response.OutputStream.Write(buffer, 0, nbytes); 195 | 196 | context.Response.StatusCode = (int)HttpStatusCode.OK; 197 | context.Response.OutputStream.Flush(); 198 | } 199 | catch (Exception ex) 200 | { 201 | Debug.Print(ex.Message); 202 | context.Response.StatusCode = (int)HttpStatusCode.InternalServerError; 203 | } 204 | input.Close(); 205 | 206 | } 207 | else 208 | { 209 | context.Response.StatusCode = (int)HttpStatusCode.NotFound; 210 | } 211 | 212 | context.Response.OutputStream.Close(); 213 | } 214 | 215 | private void Initialize(string path, int port) 216 | { 217 | this._rootDirectory = path; 218 | this._port = port; 219 | _serverThread = new Thread(this.Listen); 220 | _serverThread.Start(); 221 | } 222 | } -------------------------------------------------------------------------------- /sigmanuts-webview2.csproj: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | WinExe 5 | netcoreapp3.1 6 | sigmanuts_webview2 7 | enable 8 | true 9 | true 10 | win-x64 11 | sigmanuts.ico 12 | 13 | 14 | 15 | none 16 | 17 | 18 | 19 | none 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | Always 68 | 69 | 70 | Always 71 | 72 | 73 | Always 74 | 75 | 76 | Always 77 | 78 | 79 | Always 80 | 81 | 82 | Always 83 | 84 | 85 | Always 86 | 87 | 88 | Always 89 | 90 | 91 | Always 92 | 93 | 94 | Always 95 | 96 | 97 | Always 98 | 99 | 100 | Always 101 | 102 | 103 | Always 104 | 105 | 106 | Always 107 | 108 | 109 | Always 110 | 111 | 112 | Always 113 | 114 | 115 | Always 116 | 117 | 118 | Always 119 | 120 | 121 | Always 122 | 123 | 124 | Always 125 | 126 | 127 | Always 128 | 129 | 130 | Always 131 | 132 | 133 | Always 134 | 135 | 136 | Always 137 | 138 | 139 | Always 140 | 141 | 142 | Always 143 | 144 | 145 | Always 146 | 147 | 148 | Always 149 | 150 | 151 | Always 152 | 153 | 154 | Always 155 | 156 | 157 | Always 158 | 159 | 160 | Always 161 | 162 | 163 | Always 164 | 165 | 166 | Always 167 | 168 | 169 | Always 170 | 171 | 172 | Always 173 | 174 | 175 | Never 176 | 177 | 178 | Always 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | PreserveNewest 195 | 196 | 197 | Always 198 | 199 | 200 | PreserveNewest 201 | 202 | 203 | Always 204 | 205 | 206 | 207 | 208 | -------------------------------------------------------------------------------- /MainWindow.xaml: -------------------------------------------------------------------------------- 1 | 15 | 16 | 17 | 18 | 19 | 20 | 39 | 40 | 41 | 44 | 45 | 46 | 60 | 61 | 62 | 76 | 77 | 78 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 154 | 155 | 160 | 161 | 166 | 167 | 168 | 169 |
170 | 173 | 174 |
175 | 176 | 178 | 180 | (⋟ 181 | 182 | 183 | ﹏ 184 | ⋞) 185 | 186 | 187 | 188 |

Nothing to edit here...

189 |
190 | 191 |
192 | 193 |
194 | 195 | 225 |
226 | 227 | 228 |
229 | 230 |
231 |
232 | 233 | 234 | 235 | 236 | 237 | 238 | chat 239 | 240 | 241 | 242 | 243 | 244 | local_atm 245 | 246 | 247 | 248 | 249 | 250 | sentiment_very_satisfied 251 | 252 | 253 | 254 | 255 | 256 | workspace_premium 257 | 258 | 259 | 260 | 261 | 262 | redeem 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | local_atm 273 | 274 | 275 | 276 | 277 | 278 | local_atm 279 | 280 | 281 | 282 | 283 | 284 | local_atm 285 | 286 | 287 | 288 | 289 | 290 | local_atm 291 | 292 | 293 | 294 | 295 | 296 | local_atm 297 | 298 | 299 | 300 | 301 | 302 | local_atm 303 | 304 | 305 | 306 | 307 | 308 | local_atm 309 | 310 | 311 | 312 | 313 | 314 | 315 | 316 | 317 | redeem 318 | x5 319 | 320 | 321 | 322 | 323 | redeem 324 | x10 325 | 326 | 327 | 328 | 329 | redeem 330 | x20 331 | 332 | 333 | 334 | 335 | redeem 336 | x50 337 | 338 | 339 |
340 |
341 | 342 | 343 | Copy widget link 344 | 345 | content_copy 346 | 347 | 348 | 349 | 350 | Turn off preview 351 | 352 | visibility_off 353 | 354 | 355 |
356 |
357 | 358 |
359 | 361 |
362 | Preview is turned off to reduce CPU usage 363 | Click here to display preview 364 |
365 |
366 | 367 |
368 | 369 | 370 | 371 | 501 | 502 | 503 | 504 | 514 | 515 | 516 | 517 |
518 |

BETAv1.0

519 |

Update available!

520 |
521 | 522 |
523 |
524 |
525 |

Please, name your widget (no spaces)

526 | 535 |
536 |
537 |
538 | 539 |
540 | 541 | 542 | 543 | 544 | 545 | 546 | 547 | 548 | 549 | 550 | 551 | 552 | 553 | -------------------------------------------------------------------------------- /web-src/css/jquery-ui.min.css: -------------------------------------------------------------------------------- 1 | /*! jQuery UI - v1.13.2 - 2022-07-14 2 | * http://jqueryui.com 3 | * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css 4 | * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 5 | * Copyright jQuery Foundation and other contributors; Licensed MIT */ 6 | 7 | .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;-ms-filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} --------------------------------------------------------------------------------