Пример #1
0
        #pragma warning disable 1998
        public async override global::System.Threading.Tasks.Task ExecuteAsync()
        {
            DefineSection("MetaTags", async() => {
                BeginContext(18, 147, true);
                WriteLiteral("\r\n   <meta name=\"description\" content=\"This example demonstrates how to specify the palette and picker model type in a ASP.NET Core ColorPicker\">\r\n");
                EndContext();
            }
                          );
            BeginContext(168, 2, true);
            WriteLiteral("\r\n");
            EndContext();
            DefineSection("SampleHeading", async() => {
                BeginContext(193, 60, true);
                WriteLiteral("<span class=\"sampleName\">ColorPicker / Palette Model </span>");
                EndContext();
            }
                          );
            DefineSection("ControlsSection", async() => {
                BeginContext(281, 141, true);
                WriteLiteral("\r\n    <div class=\"frame\">\r\n        <div class=\"control\">\r\n            <div class=\"element\">\r\n                Choose a Color\r\n                ");
                EndContext();
                BeginContext(422, 93, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-color-picker", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "f051e8a40b3b4e05a42e18694f6df410", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ColorPickerProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ColorPickerProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ColorPickerProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_0);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Value = (string)__tagHelperAttribute_1.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_1);
#line 11 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\PaletteModel.cshtml"
                __Syncfusion_JavaScript_Models_ColorPickerProperties.ModelType = ModelType.Palette;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("model-type", __Syncfusion_JavaScript_Models_ColorPickerProperties.ModelType, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(515, 50, true);
                WriteLiteral("\r\n            </div>\r\n        </div>\r\n    </div>\r\n");
                EndContext();
            }
                          );
            BeginContext(568, 2, true);
            WriteLiteral("\r\n");
            EndContext();
            DefineSection("StyleSection", async() => {
                BeginContext(592, 101, true);
                WriteLiteral("\r\n    <style>\r\n        .frame .control {\r\n            margin-left: 70px;\r\n        }\r\n    </style>\r\n\r\n");
                EndContext();
            }
                          );
        }
 #pragma warning disable 1998
 public async override global::System.Threading.Tasks.Task ExecuteAsync()
 {
     DefineSection("MetaTags", async() => {
         BeginContext(18, 152, true);
         WriteLiteral("\r\n   <meta name=\"description\" content=\"This example demonstrates a simple, mobile-friendly and responsive ASP.NET Core ColorPicker to select a color\">\r\n");
         EndContext();
     }
                   );
     BeginContext(173, 2, true);
     WriteLiteral("\r\n");
     EndContext();
     DefineSection("SampleHeading", async() => {
         BeginContext(198, 54, true);
         WriteLiteral("<span class=\"sampleName\">ColorPicker / Default</span> ");
         EndContext();
     }
                   );
     DefineSection("ControlsSection", async() => {
         BeginContext(280, 144, true);
         WriteLiteral("\r\n    <div class=\"frame \">\r\n        <div class=\"control\">\r\n            <div class=\"ctrllabel\">\r\n                Choose a Color\r\n                ");
         EndContext();
         BeginContext(424, 69, false);
         __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-color-picker", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "bd107da2057542f296eed30512ce2655", async() => {
         }
                                                                     );
         __Syncfusion_JavaScript_Models_ColorPickerProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ColorPickerProperties>();
         __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ColorPickerProperties);
         __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_0);
         __Syncfusion_JavaScript_Models_ColorPickerProperties.Value = (string)__tagHelperAttribute_1.Value;
         __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_1);
         await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
         if (!__tagHelperExecutionContext.Output.IsContentModified)
         {
             await __tagHelperExecutionContext.SetOutputContentAsync();
         }
         Write(__tagHelperExecutionContext.Output);
         __tagHelperExecutionContext = __tagHelperScopeManager.End();
         EndContext();
         BeginContext(493, 50, true);
         WriteLiteral("\r\n            </div>\r\n        </div>\r\n    </div>\r\n");
         EndContext();
     }
                   );
     DefineSection("StyleSection", async() => {
         BeginContext(568, 101, true);
         WriteLiteral("\r\n\r\n    <style>\r\n        .frame .control {\r\n            margin-left: 70px;\r\n        }\r\n    </style>\r\n");
         EndContext();
     }
                   );
 }
        #pragma warning disable 1998
        public async override global::System.Threading.Tasks.Task ExecuteAsync()
        {
            DefineSection("SampleHeading", async() => {
                BeginContext(23, 57, true);
                WriteLiteral("\r\n    <span class=\"sampleName\">Signature / Methods</span>");
                EndContext();
            }
                          );
            DefineSection("MetaTags", async() => {
                BeginContext(101, 162, true);
                WriteLiteral("\r\n    <meta name=\"description\" content=\"This example demonstrates how to dynamically customize the Syncfusion ASP.NET Core Essential JS 1 Signature component.\">\r\n");
                EndContext();
            }
                          );
            DefineSection("ControlsSection", async() => {
                BeginContext(291, 95, true);
                WriteLiteral("\r\n    <div class=\"frame\">\r\n        <div class=\"control\">\r\n\t\t\t<div>Sign here</div>\r\n            ");
                EndContext();
                BeginContext(386, 163, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-signature", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "fc6b42c6a3f54f9d8ce6807a7c11aa3e", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_SignatureProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.SignatureProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_SignatureProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_0);
                __Syncfusion_JavaScript_Models_SignatureProperties.Height = (string)__tagHelperAttribute_1.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_1);
#line 10 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_SignatureProperties.StrokeWidth = 3;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("stroke-width", __Syncfusion_JavaScript_Models_SignatureProperties.StrokeWidth, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
#line 10 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_SignatureProperties.IsResponsive = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("is-responsive", __Syncfusion_JavaScript_Models_SignatureProperties.IsResponsive, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
#line 10 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_SignatureProperties.SaveWithBackground = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("save-with-background", __Syncfusion_JavaScript_Models_SignatureProperties.SaveWithBackground, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_SignatureProperties.BackgroundImage = (string)__tagHelperAttribute_2.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_2);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(549, 30, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n");
                EndContext();
            }
                          );
            BeginContext(582, 2, true);
            WriteLiteral("\r\n");
            EndContext();
            DefineSection("PropertiesSection", async() => {
                BeginContext(611, 338, true);
                WriteLiteral(@"

    <div id=""sampleProperties"">
        <div class=""prop-grid"">
            <div class=""row-fluid"">
                <div class=""row"">
                    <div class=""col-md-3 col-xs-4"">
                        Stroke Color
                    </div>
                    <div class=""col-md-3 col-xs-4"">
                        ");
                EndContext();
                BeginContext(949, 96, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-color-picker", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "2a231ce21deb46209886b52430f07ab6", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ColorPickerProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ColorPickerProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ColorPickerProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Value = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Change = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(1045, 285, true);
                WriteLiteral(@"
                    </div>
                </div>
                <div class=""row"">
                    <div class=""col-md-3 col-xs-4"">
                        Stroke Width
                    </div>
                    <div class=""col-md-3 col-xs-4"">
                        ");
                EndContext();
                BeginContext(1330, 157, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-drop-down-list", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "ac9bb362df344e1583084e50bb566f21", async() => {
                    BeginContext(1441, 26, true);
                    WriteLiteral("\r\n                        ");
                    EndContext();
                }
                                                                            );
                __Syncfusion_JavaScript_Models_DropDownListProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.DropDownListProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_DropDownListProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_6);
                __Syncfusion_JavaScript_Models_DropDownListProperties.TargetID = (string)__tagHelperAttribute_7.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_7);
                __Syncfusion_JavaScript_Models_DropDownListProperties.Width = (string)__tagHelperAttribute_8.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_8);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_9);
                __Syncfusion_JavaScript_Models_DropDownListProperties.Change = (string)__tagHelperAttribute_10.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_10);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(1487, 682, true);
                WriteLiteral(@"
                        <div id=""numList"">
                            <ul>
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                                <li>6</li>
                                <li>7</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class=""row"">
                    <div class=""col-md-3 col-xs-4"">Undo</div>
                    <div class=""col-md-3 col-xs-4"">
                        ");
                EndContext();
                BeginContext(2169, 80, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "aee80b955cda489ba0774189e1b097aa", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_11);
                __Syncfusion_JavaScript_Models_ButtonProperties.Text = (string)__tagHelperAttribute_12.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_12);
#line 51 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-rounded-corner", __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_ButtonProperties.Click = (string)__tagHelperAttribute_13.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_13);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2249, 229, true);
                WriteLiteral("\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-3 col-xs-4\">Redo</div>\r\n                    <div class=\"col-md-3 col-xs-4\">\r\n                        ");
                EndContext();
                BeginContext(2478, 80, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "a5763a1daf39463da8dce7fac7332930", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_14);
                __Syncfusion_JavaScript_Models_ButtonProperties.Text = (string)__tagHelperAttribute_15.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_15);
#line 57 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-rounded-corner", __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_ButtonProperties.Click = (string)__tagHelperAttribute_16.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_16);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2558, 232, true);
                WriteLiteral("\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-3 col-xs-4\">Clear</div>\r\n                    <div class=\"col-md-3 col-xs-4\">\r\n                        ");
                EndContext();
                BeginContext(2790, 83, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "7b0671637a8b4612a8115027de8cc8c5", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_17);
                __Syncfusion_JavaScript_Models_ButtonProperties.Text = (string)__tagHelperAttribute_18.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_18);
#line 64 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-rounded-corner", __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_ButtonProperties.Click = (string)__tagHelperAttribute_19.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_19);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2873, 229, true);
                WriteLiteral("\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-3 col-xs-4\">Save</div>\r\n                    <div class=\"col-md-3 col-xs-4\">\r\n                        ");
                EndContext();
                BeginContext(3102, 81, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "b68c81ccdf2540eb9a11c0023e392ad7", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_20);
                __Syncfusion_JavaScript_Models_ButtonProperties.Text = (string)__tagHelperAttribute_21.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_21);
#line 70 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-rounded-corner", __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_ButtonProperties.Click = (string)__tagHelperAttribute_22.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_22);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(3183, 234, true);
                WriteLiteral("\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-3 col-xs-4\">Hide/Show</div>\r\n                    <div class=\"col-md-3 col-xs-4\">\r\n                        ");
                EndContext();
                BeginContext(3417, 123, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "3e7298353b5f45f9a8e27a3f9e555cf0", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_23);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_24.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_24);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_25.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_25);
#line 76 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ShowRoundedCorner = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-rounded-corner", __Syncfusion_JavaScript_Models_ToggleButtonProperties.ShowRoundedCorner, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_26.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_26);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(3540, 126, true);
                WriteLiteral("\r\n                    </div>\r\n                </div>\r\n                <br />\r\n            </div>\r\n        </div>\r\n    </div>\r\n");
                EndContext();
            }
                          );
            DefineSection("ScriptSection", async() => {
                BeginContext(3692, 1175, true);
                WriteLiteral(@"
    <script type=""text/javascript"">
        $(function () {
            $(""#sampleProperties"").ejPropertiesPanel();
        });

        function onstrokecolorchange(args) {
            var sign = $(""#signature"").ejSignature(""instance"");
            sign.model.strokeColor = args.value;
        }

        function onchange(args) {
            var sign = $(""#signature"").ejSignature(""instance"");
            sign.model.strokeWidth = parseInt(args.value);
        }

        function onclear() {
            var sign = $(""#signature"").ejSignature(""instance"");
            sign.clear();
        }

        function onundo() {
            var sign = $(""#signature"").ejSignature(""instance"");
            sign.undo();
        }

        function onredo() {
            var sign = $(""#signature"").ejSignature(""instance"");
            sign.redo();
        }

        function onsave() {
            var sign = $(""#signature"").ejSignature(""instance"");
            sign.save(""MySignature"");
       ");
                WriteLiteral(" }\r\n\r\n        function signshowChange(args) {\r\n            $(\"#signature\").ejSignature(args.isChecked ? \"hide\" : \"show\");\r\n\r\n        }\r\n    </script>\r\n");
                EndContext();
            }
                          );
            BeginContext(4870, 2, true);
            WriteLiteral("\r\n");
            EndContext();
            DefineSection("StyleSection", async() => {
                BeginContext(4894, 117, true);
                WriteLiteral("\r\n    <style type=\"text/css\" class=\"cssStyles\">\r\n        .frame {\r\n            width: 80%;\r\n        }\r\n    </style>\r\n");
                EndContext();
            }
                          );
        }
Пример #4
0
        #pragma warning disable 1998
        public async override global::System.Threading.Tasks.Task ExecuteAsync()
        {
            DefineSection("SampleHeading", async() => {
                BeginContext(23, 57, true);
                WriteLiteral("\r\n    <span class=\"sampleName\">Signature / Methods</span>");
                EndContext();
            }
                          );
            DefineSection("MetaTags", async() => {
                BeginContext(101, 162, true);
                WriteLiteral("\r\n    <meta name=\"description\" content=\"This example demonstrates how to dynamically customize the Syncfusion ASP.NET Core Essential JS 1 Signature component.\">\r\n");
                EndContext();
            }
                          );
            DefineSection("ControlsSection", async() => {
                BeginContext(291, 95, true);
                WriteLiteral("\r\n    <div class=\"frame\">\r\n        <div class=\"control\">\r\n\t\t\t<div>Sign here</div>\r\n            ");
                EndContext();
                BeginContext(386, 163, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-signature", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "ba808663911841d4af8f6782fa8e8b61", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_SignatureProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.SignatureProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_SignatureProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_0);
                __Syncfusion_JavaScript_Models_SignatureProperties.Height = (string)__tagHelperAttribute_1.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_1);
#line 10 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_SignatureProperties.StrokeWidth = 3;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("stroke-width", __Syncfusion_JavaScript_Models_SignatureProperties.StrokeWidth, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
#line 10 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_SignatureProperties.IsResponsive = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("is-responsive", __Syncfusion_JavaScript_Models_SignatureProperties.IsResponsive, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
#line 10 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_SignatureProperties.SaveWithBackground = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("save-with-background", __Syncfusion_JavaScript_Models_SignatureProperties.SaveWithBackground, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_SignatureProperties.BackgroundImage = (string)__tagHelperAttribute_2.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_2);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(549, 30, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n");
                EndContext();
            }
                          );
            BeginContext(582, 2, true);
            WriteLiteral("\r\n");
            EndContext();
            DefineSection("PropertiesSection", async() => {
                BeginContext(611, 338, true);
                WriteLiteral(@"

    <div id=""sampleProperties"">
        <div class=""prop-grid"">
            <div class=""row-fluid"">
                <div class=""row"">
                    <div class=""col-md-3 col-xs-4"">
                        Stroke Color
                    </div>
                    <div class=""col-md-3 col-xs-4"">
                        ");
                EndContext();
                BeginContext(949, 96, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-color-picker", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "4244e746c4fc4560abe22b53ba90fa1b", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ColorPickerProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ColorPickerProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ColorPickerProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Value = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Change = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(1045, 285, true);
                WriteLiteral(@"
                    </div>
                </div>
                <div class=""row"">
                    <div class=""col-md-3 col-xs-4"">
                        Stroke Width
                    </div>
                    <div class=""col-md-3 col-xs-4"">
                        ");
                EndContext();
                BeginContext(1330, 157, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-drop-down-list", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "4ab8166d61c147bc9a314e2d8cfdd682", async() => {
                    BeginContext(1441, 26, true);
                    WriteLiteral("\r\n                        ");
                    EndContext();
                }
                                                                            );
                __Syncfusion_JavaScript_Models_DropDownListProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.DropDownListProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_DropDownListProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_6);
                __Syncfusion_JavaScript_Models_DropDownListProperties.TargetID = (string)__tagHelperAttribute_7.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_7);
                __Syncfusion_JavaScript_Models_DropDownListProperties.Width = (string)__tagHelperAttribute_8.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_8);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_9);
                __Syncfusion_JavaScript_Models_DropDownListProperties.Change = (string)__tagHelperAttribute_10.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_10);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(1487, 682, true);
                WriteLiteral(@"
                        <div id=""numList"">
                            <ul>
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                                <li>6</li>
                                <li>7</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class=""row"">
                    <div class=""col-md-3 col-xs-4"">Undo</div>
                    <div class=""col-md-3 col-xs-4"">
                        ");
                EndContext();
                BeginContext(2169, 80, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "4a66638236794b919581213be2ed225b", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_11);
                __Syncfusion_JavaScript_Models_ButtonProperties.Text = (string)__tagHelperAttribute_12.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_12);
#line 51 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-rounded-corner", __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_ButtonProperties.Click = (string)__tagHelperAttribute_13.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_13);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2249, 229, true);
                WriteLiteral("\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-3 col-xs-4\">Redo</div>\r\n                    <div class=\"col-md-3 col-xs-4\">\r\n                        ");
                EndContext();
                BeginContext(2478, 80, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "fe9e03ecf990450da6f365b139411070", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_14);
                __Syncfusion_JavaScript_Models_ButtonProperties.Text = (string)__tagHelperAttribute_15.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_15);
#line 57 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-rounded-corner", __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_ButtonProperties.Click = (string)__tagHelperAttribute_16.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_16);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2558, 232, true);
                WriteLiteral("\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-3 col-xs-4\">Clear</div>\r\n                    <div class=\"col-md-3 col-xs-4\">\r\n                        ");
                EndContext();
                BeginContext(2790, 83, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "6098c7ae710943cb9464def3e0f2342e", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_17);
                __Syncfusion_JavaScript_Models_ButtonProperties.Text = (string)__tagHelperAttribute_18.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_18);
#line 64 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-rounded-corner", __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_ButtonProperties.Click = (string)__tagHelperAttribute_19.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_19);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2873, 229, true);
                WriteLiteral("\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-3 col-xs-4\">Save</div>\r\n                    <div class=\"col-md-3 col-xs-4\">\r\n                        ");
                EndContext();
                BeginContext(3102, 81, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "037b4222ada640ac85a5dae519430d7e", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_20);
                __Syncfusion_JavaScript_Models_ButtonProperties.Text = (string)__tagHelperAttribute_21.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_21);
#line 70 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-rounded-corner", __Syncfusion_JavaScript_Models_ButtonProperties.ShowRoundedCorner, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_ButtonProperties.Click = (string)__tagHelperAttribute_22.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_22);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(3183, 234, true);
                WriteLiteral("\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-3 col-xs-4\">Hide/Show</div>\r\n                    <div class=\"col-md-3 col-xs-4\">\r\n                        ");
                EndContext();
                BeginContext(3417, 123, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "676e137559ed4865b31570a28c2ad788", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_23);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_24.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_24);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_25.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_25);
#line 76 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\Signature\Methods.cshtml"
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ShowRoundedCorner = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-rounded-corner", __Syncfusion_JavaScript_Models_ToggleButtonProperties.ShowRoundedCorner, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_26.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_26);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(3540, 126, true);
                WriteLiteral("\r\n                    </div>\r\n                </div>\r\n                <br />\r\n            </div>\r\n        </div>\r\n    </div>\r\n");
                EndContext();
            }
                          );
            DefineSection("ScriptSection", async() => {
                BeginContext(3692, 1175, true);
                WriteLiteral(@"
    <script type=""text/javascript"">
        $(function () {
            $(""#sampleProperties"").ejPropertiesPanel();
        });

        function onstrokecolorchange(args) {
            var sign = $(""#signature"").ejSignature(""instance"");
            sign.model.strokeColor = args.value;
        }

        function onchange(args) {
            var sign = $(""#signature"").ejSignature(""instance"");
            sign.model.strokeWidth = parseInt(args.value);
        }

        function onclear() {
            var sign = $(""#signature"").ejSignature(""instance"");
            sign.clear();
        }

        function onundo() {
            var sign = $(""#signature"").ejSignature(""instance"");
            sign.undo();
        }

        function onredo() {
            var sign = $(""#signature"").ejSignature(""instance"");
            sign.redo();
        }

        function onsave() {
            var sign = $(""#signature"").ejSignature(""instance"");
            sign.save(""MySignature"");
       ");
                WriteLiteral(" }\r\n\r\n        function signshowChange(args) {\r\n            $(\"#signature\").ejSignature(args.isChecked ? \"hide\" : \"show\");\r\n\r\n        }\r\n    </script>\r\n");
                EndContext();
            }
                          );
            BeginContext(4870, 2, true);
            WriteLiteral("\r\n");
            EndContext();
            DefineSection("StyleSection", async() => {
                BeginContext(4894, 117, true);
                WriteLiteral("\r\n    <style type=\"text/css\" class=\"cssStyles\">\r\n        .frame {\r\n            width: 80%;\r\n        }\r\n    </style>\r\n");
                EndContext();
            }
                          );
        }
        #pragma warning disable 1998
        public async override global::System.Threading.Tasks.Task ExecuteAsync()
        {
            DefineSection("MetaTags", async() => {
                BeginContext(18, 132, true);
                WriteLiteral("\r\n   <meta name=\"description\" content=\"This example demonstrates how to specify the custom palatte in a ASP.NET Core ColorPicker\">\r\n");
                EndContext();
            }
                          );
            BeginContext(153, 2, true);
            WriteLiteral("\r\n");
            EndContext();
            DefineSection("SampleHeading", async() => {
                BeginContext(178, 67, true);
                WriteLiteral("\r\n    <span class=\"sampleName\">ColorPicker / Custom Palette </span>");
                EndContext();
            }
                          );
            DefineSection("ControlsSection", async() => {
                BeginContext(273, 2, true);
                WriteLiteral("\r\n");
                EndContext();
#line 8 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\CustomPalette.cshtml"
                List <String> colors = new List <string>()
                {
                    "ffffff", "ffccff", "ff99ff", "ff66ff", "ff33ff", "ff00ff", "ccffff", "ccccff",
                    "cc99ff", "cc66ff", "cc33ff", "cc00ff", "99ffff", "99ccff", "9999ff", "9966ff",
                    "9933ff", "9900ff", "ffffcc", "ffcccc"
                };

#line default
#line hidden
                BeginContext(580, 139, true);
                WriteLiteral("    <div class=\"frame\">\r\n        <div class=\"control\">\r\n            <div class=\"element\">\r\n                Choose a Color\r\n                ");
                EndContext();
                BeginContext(719, 149, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-color-picker", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "001fb20a14ce4ebdb07138175fa31ada", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ColorPickerProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ColorPickerProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ColorPickerProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_0);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Value = (string)__tagHelperAttribute_1.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_1);
#line 15 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\CustomPalette.cshtml"
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Palette = PaletteType.CustomPalette;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("palette", __Syncfusion_JavaScript_Models_ColorPickerProperties.Palette, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
#line 15 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\CustomPalette.cshtml"
                __Syncfusion_JavaScript_Models_ColorPickerProperties.ModelType = ModelType.Palette;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("model-type", __Syncfusion_JavaScript_Models_ColorPickerProperties.ModelType, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
#line 15 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\CustomPalette.cshtml"
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Custom = colors;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("custom", __Syncfusion_JavaScript_Models_ColorPickerProperties.Custom, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(868, 50, true);
                WriteLiteral("\r\n            </div>\r\n        </div>\r\n    </div>\r\n");
                EndContext();
            }
                          );
            DefineSection("StyleSection", async() => {
                BeginContext(943, 99, true);
                WriteLiteral("\r\n    <style>\r\n        .frame .control {\r\n            margin-left: 70px;\r\n        }\r\n    </style>\r\n");
                EndContext();
            }
                          );
        }
Пример #6
0
        #pragma warning disable 1998
        public async override global::System.Threading.Tasks.Task ExecuteAsync()
        {
            DefineSection("MetaTags", async() => {
                BeginContext(18, 161, true);
                WriteLiteral("\r\n   <meta name=\"description\" content=\"This example demonstrates the various events like create, change, select, open and close in a ASP.NET Core colorpicker\">\r\n");
                EndContext();
            }
                          );
            DefineSection("SampleHeading", async() => {
                BeginContext(205, 53, true);
                WriteLiteral("<span class=\"sampleName\">ColorPicker / Events </span>");
                EndContext();
            }
                          );
            DefineSection("ControlsSection", async() => {
                BeginContext(286, 141, true);
                WriteLiteral("\r\n    <div class=\"frame\">\r\n        <div class=\"control\">\r\n            <div class=\"element\">\r\n                Choose a color\r\n                ");
                EndContext();
                BeginContext(427, 152, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-color-picker", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "c8e82be3f26c449e933090d249f109bc", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ColorPickerProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ColorPickerProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ColorPickerProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_0);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Value = (string)__tagHelperAttribute_1.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_1);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Create = (string)__tagHelperAttribute_2.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_2);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Change = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Open = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Close = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Select = (string)__tagHelperAttribute_6.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_6);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(579, 50, true);
                WriteLiteral("\r\n            </div>\r\n        </div>\r\n    </div>\r\n");
                EndContext();
            }
                          );
            BeginContext(632, 145, true);
            WriteLiteral("<div id=\"target\">\r\n    <ul>\r\n        <li>open</li>\r\n        <li>close</li>\r\n        <li>change</li>\r\n        <li>select</li>\r\n    </ul>\r\n</div>\r\n");
            EndContext();
            DefineSection("EventsDropdown", async() => {
                BeginContext(801, 6, true);
                WriteLiteral("\r\n    ");
                EndContext();
                BeginContext(807, 174, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-drop-down-list", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "3a2cbd7dcda14fada0d6d2cde337a79d", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_DropDownListProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.DropDownListProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_DropDownListProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_7);
                __Syncfusion_JavaScript_Models_DropDownListProperties.TargetID = (string)__tagHelperAttribute_8.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_8);
                __Syncfusion_JavaScript_Models_DropDownListProperties.CssClass = (string)__tagHelperAttribute_9.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_9);
#line 24 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\Events.cshtml"
                __Syncfusion_JavaScript_Models_DropDownListProperties.ShowCheckbox = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-checkbox", __Syncfusion_JavaScript_Models_DropDownListProperties.ShowCheckbox, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
#line 24 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\Events.cshtml"
                __Syncfusion_JavaScript_Models_DropDownListProperties.CheckAll = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("check-all", __Syncfusion_JavaScript_Models_DropDownListProperties.CheckAll, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_DropDownListProperties.Change = (string)__tagHelperAttribute_10.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_10);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(981, 2, true);
                WriteLiteral("\r\n");
                EndContext();
            }
                          );
            DefineSection("ScriptSection", async() => {
                BeginContext(1009, 1589, true);
                WriteLiteral(@"
    <script type=""text/javascript"">
        function evtpropscheckedevent(args) {
            var pickerObj = $(""#colorPicker"").data(""ejColorPicker"");
            if (args.isChecked) {
                switch (args.selectedText) {
                    case ""change"": pickerObj.option(args.selectedText, ""onChange""); break;
                    case ""open"": pickerObj.option(args.selectedText, ""onOpen""); break;
                    case ""close"": pickerObj.option(args.selectedText, ""onClose""); break;
                    case ""select"": pickerObj.option(args.selectedText, ""onSelect""); break;
                }
            }
            else pickerObj.option(args.selectedText, null);
        }
        // Client side Events
        function onCreate(args) {
            jQuery.addEventLog(""ColorPicker has been <span class='eventTitle'> created</span>."");
        }
        function onChange(args) {
            jQuery.addEventLog(""ColorPicker value has been <span class='eventTitle'> changed</span> to "" + a");
                WriteLiteral(@"rgs.value + "".</br>"");
        }
        function onSelect(args) {
            jQuery.addEventLog(args.value + "" was <span class='eventTitle'>selected.</span>"");
        }
        function onOpen(args) {
            jQuery.addEventLog(""ColorPicker Popup has been <span class='eventTitle'> Opened</span>"");
        }
        function onClose(args) {
            jQuery.addEventLog(""ColorPicker Popup has been <span class='eventTitle'> Closed</span>"");
        }
        function onClear() {
            jQuery.clearEventLog();
        }
    </script>
");
                EndContext();
            }
                          );
            DefineSection("StyleSection", async() => {
                BeginContext(2623, 461, true);
                WriteLiteral(@"
    <style>
        .frame .control {
            margin-left: 70px;
        }

        .row .cols-sample-area {
            width: 64%;
        }

        .cols-sample-area .frame {
            margin-left: 59px;
            padding: 50px 60px 65px;
            width: 206px;
        }

        .row .cols-content-fluid {
            width: 77%;
        }

        .row .cols-prop-area {
            width: 33%;
        }
    </style>
");
                EndContext();
            }
                          );
        }
Пример #7
0
        #pragma warning disable 1998
        public async override global::System.Threading.Tasks.Task ExecuteAsync()
        {
            DefineSection("MetaTags", async() => {
                BeginContext(18, 160, true);
                WriteLiteral("\r\n   <meta name=\"description\" content=\"This example demonstrates how the colorpicker supports the keyboard navigation (keyboard shortcuts) in a ASP.NET Core\">\r\n");
                EndContext();
            }
                          );
            BeginContext(181, 2, true);
            WriteLiteral("\r\n");
            EndContext();
            DefineSection("SampleHeading", async() => {
                BeginContext(206, 55, true);
                WriteLiteral("<span class=\"sampleName\">ColorPicker / Keyboard</span> ");
                EndContext();
            }
                          );
            DefineSection("ControlsSection", async() => {
                BeginContext(289, 109, true);
                WriteLiteral("\r\n    <div class=\"frame\">\r\n        <div class=\"control\">\r\n            <div class=\"element\">\r\n                ");
                EndContext();
                BeginContext(398, 94, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-color-picker", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "55421ae0514c407f835e22c728da4a0a", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ColorPickerProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ColorPickerProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ColorPickerProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_0);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Value = (string)__tagHelperAttribute_1.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_1);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.ToolIcon = (string)__tagHelperAttribute_2.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_2);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(492, 67, true);
                WriteLiteral("\r\n            </div>\r\n        </div>\r\n        <b></b>\r\n    </div>\r\n");
                EndContext();
            }
                          );
            DefineSection("PropertiesSection", async() => {
                BeginContext(589, 3065, true);
                WriteLiteral(@"
    
        <center>KeyBoard Support</center>
   
    <br />
    <div class=""row"">
        <div class=""col-md-3"">
            Alt+J
        </div>
        <div class=""col-md-3"">
            Focus the Control
        </div>
    </div>
    <div class=""row"">
        <div class=""col-md-3"">
            Enter
        </div>
        <div class=""col-md-3"">
            Open or Close the Popup / Choose the current color
        </div>
    </div>
    <br />
    <div class=""row"">
        <div class=""col-md-3"">
            Esc
        </div>
        <div class=""col-md-3"">
            Close the popup
        </div>
    </div>
    <div class=""row"">
       
            <center>Color Picker</center>
        
    </div>
    <br />
    <div class=""row"">
        <div class=""col-md-3"">
            Tab
        </div>
        <div class=""col-md-3"">
            Choose the next element
        </div>
    </div>
    <br />
    <div class=""row"">
        <div class=""col-md-3"">
           ");
                WriteLiteral(@" Down
        </div>
        <div class=""col-md-3"">
            Decrease the brightness
        </div>
    </div>
    <br />
    <div class=""row"">
        <div class=""col-md-3"">
            Up
        </div>
        <div class=""col-md-3"">
            Increase the brightness
        </div>
    </div>
    <div class=""row"">
        <div class=""col-md-3"">
            Left
        </div>
        <div class=""col-md-3"">
            Decrease the staturation
        </div>
    </div>
    <br />
    <div class=""row"">
        <div class=""col-md-3"">
            Right
        </div>
        <div class=""col-md-3"">
            Increase the staturation
        </div>
    </div>
    <br />
    <div class=""row"">
       
            <center>Color Palette</center>
        
    </div>
    <br />
    <div class=""row"">
        <div class=""col-md-3"">
            Down
        </div>
        <div class=""col-md-3"">
            Move to downwards cell
        </div>
    </div>
    <br />
  ");
                WriteLiteral(@"  <div class=""row"">
        <div class=""col-md-3"">
            Up
        </div>
        <div class=""col-md-3"">
            Move to upwards cell
        </div>
    </div>
    <div class=""row"">
        <div class=""col-md-3"">
            Left
        </div>
        <div class=""col-md-3"">
            Move to previous cell
        </div>
    </div>
    <div class=""row"">
        <div class=""col-md-3"">
            Right
        </div>
        <div class=""col-md-3"">
            Move to next cell
        </div>
    </div>
    <div class=""row"">
      
            <center>Slider Only</center>
      
    </div>
    <br />
    <div class=""row"">
        <div class=""col-md-3"">
            Home
        </div>
        <div class=""col-md-3"">
            Downwards to value 0
        </div>
    </div>
    <div class=""row"">
        <div class=""col-md-3"">
            End
        </div>
        <div class=""col-md-3"">
            Upwards to value  100
        </div>
    </div>

");
                EndContext();
            }
                          );
            DefineSection("ScriptSection", async() => {
                BeginContext(3680, 331, true);
                WriteLiteral(@"
    <script type=""text/javascript"">
    $(function () {
        $(""#sampleProperties"").ejPropertiesPanel();
        $(document).on(""keydown"", function (e) {
            if (e.altKey && e.keyCode === 74) { // j- key code.
                $(""#colorPickerWrapper"").focus();
            }
        });
    });
    </script>
");
                EndContext();
            }
                          );
            DefineSection("StyleSection", async() => {
                BeginContext(4036, 230, true);
                WriteLiteral("\r\n    <style>\r\n        .e-colorwidget .e-tool .e-fontcolor-icon:before {\r\n            content: \"\\e632\";\r\n            font-size: 15px;\r\n        }\r\n        .frame .control {\r\n            margin-left: 70px;\r\n        }\r\n    </style>\r\n");
                EndContext();
            }
                          );
        }
Пример #8
0
        #pragma warning disable 1998
        public async override global::System.Threading.Tasks.Task ExecuteAsync()
        {
            DefineSection("MetaTags", async() => {
                BeginContext(18, 131, true);
                WriteLiteral("\r\n   <meta name=\"description\" content=\"This example demonstrates how to show the ColorPicker in the inline mode in ASP.NET Core\">\r\n");
                EndContext();
            }
                          );
            BeginContext(152, 2, true);
            WriteLiteral("\r\n");
            EndContext();
            DefineSection("SampleHeading", async() => {
                BeginContext(177, 60, true);
                WriteLiteral("<span class=\"sampleName\">ColorPicker / DisplayInline </span>");
                EndContext();
            }
                          );
            DefineSection("ControlsSection", async() => {
                BeginContext(265, 84, true);
                WriteLiteral("\r\n    <div class=\"frame\">\r\n        <div id=\"col-md-3\">Select a Color</div>\r\n        ");
                EndContext();
                BeginContext(349, 158, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-color-picker", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "7a9a1c8e72a740d787f4ee00ae5bcb26", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ColorPickerProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ColorPickerProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ColorPickerProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_0);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Value = (string)__tagHelperAttribute_1.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_1);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.TagName = (string)__tagHelperAttribute_2.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_2);
#line 9 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\DisplayInline.cshtml"
                __Syncfusion_JavaScript_Models_ColorPickerProperties.ModelType = ModelType.Picker;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("model-type", __Syncfusion_JavaScript_Models_ColorPickerProperties.ModelType, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
#line 9 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\DisplayInline.cshtml"
                __Syncfusion_JavaScript_Models_ColorPickerProperties.DisplayInline = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("display-inline", __Syncfusion_JavaScript_Models_ColorPickerProperties.DisplayInline, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Change = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(507, 14, true);
                WriteLiteral("\r\n    </div>\r\n");
                EndContext();
            }
                          );
            DefineSection("ScriptSection", async() => {
                BeginContext(547, 232, true);
                WriteLiteral("\r\n    <script type=\"text/javascript\">\r\n        function onChange(args) {\r\n            $(\"#col-md-3\").html(\"Color Value \" + args.value + \" is choosen\");\r\n        }\r\n        $(\"#sampleProperties\").ejPropertiesPanel();\r\n    </script>\r\n");
                EndContext();
            }
                          );
            DefineSection("StyleSection", async() => {
                BeginContext(804, 125, true);
                WriteLiteral("\r\n    <style>\r\n        #col-md-3 {\r\n            margin-top: 5px;\r\n            margin-bottom: 10px;\r\n        }\r\n    </style>\r\n");
                EndContext();
            }
                          );
        }
        #pragma warning disable 1998
        public async override global::System.Threading.Tasks.Task ExecuteAsync()
        {
            DefineSection("MetaTags", async() => {
                BeginContext(18, 164, true);
                WriteLiteral("\r\n   <meta name=\"description\" content=\"This example demonstrates the various methods like show, hide, enable, getValue and disable in a ASP.NET Core ColorPicker\">\r\n");
                EndContext();
            }
                          );
            BeginContext(185, 4, true);
            WriteLiteral("\r\n\r\n");
            EndContext();
            DefineSection("SampleHeading", async() => {
                BeginContext(212, 52, true);
                WriteLiteral("<span class=\"sampleName\">ColorPicker/Methods</span> ");
                EndContext();
            }
                          );
            DefineSection("ControlsSection", async() => {
                BeginContext(292, 145, true);
                WriteLiteral("\r\n    <div class=\"frame\">\r\n        <div class=\"control\">\r\n            <div class=\"element\">\r\n                 Choose a color \r\n\r\n                ");
                EndContext();
                BeginContext(437, 68, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-color-picker", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "32d4f90667a940f784099eed2018ea2a", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ColorPickerProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ColorPickerProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ColorPickerProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_0);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Value = (string)__tagHelperAttribute_1.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_1);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(505, 50, true);
                WriteLiteral("\r\n            </div>\r\n        </div>\r\n    </div>\r\n");
                EndContext();
            }
                          );
            DefineSection("PropertiesSection", async() => {
                BeginContext(585, 438, true);
                WriteLiteral(@"
    <div class=""row"">
        <div class=""col-md-3"">
            Value (prefix with '#')
        </div>
        <div class=""col-md-3"">
            <input type=""text"" id=""color-value"" class=""input ejinputtext"" onchange=""onValueChange()"" placeholder=""Value"" />
        </div>
    </div>
    <div class=""row"">
        <div class=""col-md-3"">
            Enable Preview
        </div>
        <div class=""col-md-3"">
            ");
                EndContext();
                BeginContext(1023, 106, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "3b1164220ff54c3da5a45c3ea9bfd168", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_2);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Width = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_6.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_6);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(1129, 172, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-3\">\r\n            Opacity Value\r\n        </div>\r\n        <div class=\"col-md-3\">\r\n            ");
                EndContext();
                BeginContext(1301, 177, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-numeric-text-box", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "886028e4d91d42829a721dd438603433", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_EditorProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.EditorProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_EditorProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_7);
#line 40 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\Methods.cshtml"
                __Syncfusion_JavaScript_Models_EditorProperties.ShowSpinButton = false;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-spin-button", __Syncfusion_JavaScript_Models_EditorProperties.ShowSpinButton, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
#line 40 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\Methods.cshtml"
                __Syncfusion_JavaScript_Models_EditorProperties.MinValue = 0;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("min-value", __Syncfusion_JavaScript_Models_EditorProperties.MinValue, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
#line 40 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\Methods.cshtml"
                __Syncfusion_JavaScript_Models_EditorProperties.MaxValue = 100;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("max-value", __Syncfusion_JavaScript_Models_EditorProperties.MaxValue, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_EditorProperties.WatermarkText = (string)__tagHelperAttribute_8.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_8);
#line 40 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\Methods.cshtml"
                __Syncfusion_JavaScript_Models_EditorProperties.EnableStrictMode = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("enable-strict-mode", __Syncfusion_JavaScript_Models_EditorProperties.EnableStrictMode, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_EditorProperties.Change = (string)__tagHelperAttribute_9.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_9);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(1478, 173, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-3\">\r\n            Enable Opacity\r\n        </div>\r\n        <div class=\"col-md-3\">\r\n            ");
                EndContext();
                BeginContext(1651, 111, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "c6bfd5569ef54907ac62a61791e98b52", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_10);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Width = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_11.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_11);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(1762, 176, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-3\">\r\n            Show Recent Color\r\n        </div>\r\n        <div class=\"col-md-3\">\r\n            ");
                EndContext();
                BeginContext(1938, 113, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "7bfa818b608c46c582a3dac450877c39", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_12);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Width = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_13.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_13);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_14.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_14);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_15.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_15);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2051, 166, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-3\">\r\n            Enabled\r\n        </div>\r\n        <div class=\"col-md-3\">\r\n            ");
                EndContext();
                BeginContext(2217, 105, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "d9401041abb34ec9b4907d9f6c274de1", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_16);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Width = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_17.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_17);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2322, 172, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-3\">\r\n            Show Switcher\r\n        </div>\r\n        <div class=\"col-md-3\">\r\n            ");
                EndContext();
                BeginContext(2494, 107, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "b9f967834f214a09a86937db3f078971", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_18);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Width = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_19.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_19);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2601, 171, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-3\">\r\n            Show Buttons\r\n        </div>\r\n        <div class=\"col-md-3\">\r\n            ");
                EndContext();
                BeginContext(2772, 111, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "90742f3af3724406a605266e6fd7786f", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_20);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Width = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_21.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_21);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2883, 296, true);
                WriteLiteral(@"
        </div>
    </div>
    <div class=""row"">
        <div class=""col-md-3"">
            Get HexCode
        </div>
        <div class=""col-md-3"">
            <input type=""button"" class=""e-btn e-select"" id=""hexCode"" value=""Value"" onclick=""getHexCode()"" />
        </div>
    </div>
");
                EndContext();
            }
                          );
            DefineSection("ScriptSection", async() => {
                BeginContext(3205, 3161, true);
                WriteLiteral(@"
    <script type=""text/javascript"">
    var ColorObj;
    $(function () {
        ColorObj = $(""#colorPicker"").data('ejColorPicker');
        $(""#sampleProperties"").ejPropertiesPanel();
    });
    $(""#color-value"").keypress(function (event) {
        var keycode = (event.keyCode ? event.keyCode : event.which);
        if (keycode == '13') {
            if ($(""#color-value"").val() !== """") {
                if ($(""#color-value"").val().length == 4 || $(""#color-value"").val().length == 7)
                    ColorObj.option('value', $(""#color-value"").val());
            }
        }
    });
    $(""#opacityValue"").keypress(function (event) {
        var keycode = (event.keyCode ? event.keyCode : event.which);
        if (keycode == '13')
            ColorObj.option('opacityValue', $(""#opacityValue"").val());
    });
    function onValueChange() {
        if ($(""#color-value"").val() !== """") {
            if ($(""#color-value"").val().length == 4 || $(""#color-value"").val().length == 7)
         ");
                WriteLiteral(@"       ColorObj.option('value', $(""#color-value"").val());
        }
    }
    function onSwitcher(args) {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        if (args.isChecked) ColorObj.option('showSwitcher', false);
        else ColorObj.option('showSwitcher', true);
    }
    function onShowButton(args) {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        if (args.isChecked) ColorObj.option('showApplyCancel', false);
        else ColorObj.option('showApplyCancel', true);
    }
    function onOpacityValue(args) {
        args.value !== """" && ColorObj.option('opacityValue', args.value);
    }
    function onEnabled(args) {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        if (args.isChecked) {
            ColorObj.option('enabled', false);
            $("".fadetext"").addClass(""e-disable"");
        }
        else {
            ColorObj.option('enabled', true);
            $("".fadetext"").removeClass(""e-disable"");
        }
");
                WriteLiteral(@"    }
    function onRecentColor(args) {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        if (args.isChecked) ColorObj.option('showRecentColors', true);
        else ColorObj.option('showRecentColors', false);
    }
    function onEnableOpacity(args) {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        var numericObj = $(""#opacityValue"").data('ejNumericTextbox');
        if (args.isChecked) {
            ColorObj.option('enableOpacity', false);
            numericObj.disable();
        }
        else {
            ColorObj.option('enableOpacity', true);
            numericObj.enable();
        }
    }
    function onPreview(args) {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        if (args.isChecked) ColorObj.option('showPreview', false);
        else ColorObj.option('showPreview', true);
    }
    function getHexCode() {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        setTimeout(function () { al");
                WriteLiteral("ert(\"The Colorpicker value : \" + ColorObj.getValue()); }, 250);\r\n    }\r\n\r\n    </script>\r\n");
                EndContext();
            }
                          );
            DefineSection("StyleSection", async() => {
                BeginContext(6391, 839, true);
                WriteLiteral(@"
    <style>
        .frame .control {
            margin-left: 70px;
        }

        .cols-sample-area .frame {
            margin-left: 30%;
            padding: 50px 60px 65px;
            width: 206px;
        }

        .prop-grid .row .e-btn.e-select {
            width: 95px;
        }

        .row #hexCode {
            width: 95px;
            height: 30px;
        }

        .e-bootstrap .row #hexCode {
            height: 34px;
        }

        .input.ejinputtext {
            text-indent: 10px;
            width: 93px;
            height: 26px;
        }

        .e-btn {
            height: 30px;
        }

        .e-bootstrap .input.ejinputtext {
            height: 30px;
        }

        .row .e-widget.e-numeric {
            width: 95px;
        }
    </style>
");
                EndContext();
            }
                          );
        }
Пример #10
0
        #pragma warning disable 1998
        public async override global::System.Threading.Tasks.Task ExecuteAsync()
        {
            DefineSection("MetaTags", async() => {
                BeginContext(18, 164, true);
                WriteLiteral("\r\n   <meta name=\"description\" content=\"This example demonstrates the various methods like show, hide, enable, getValue and disable in a ASP.NET Core ColorPicker\">\r\n");
                EndContext();
            }
                          );
            BeginContext(185, 4, true);
            WriteLiteral("\r\n\r\n");
            EndContext();
            DefineSection("SampleHeading", async() => {
                BeginContext(212, 52, true);
                WriteLiteral("<span class=\"sampleName\">ColorPicker/Methods</span> ");
                EndContext();
            }
                          );
            DefineSection("ControlsSection", async() => {
                BeginContext(292, 145, true);
                WriteLiteral("\r\n    <div class=\"frame\">\r\n        <div class=\"control\">\r\n            <div class=\"element\">\r\n                 Choose a color \r\n\r\n                ");
                EndContext();
                BeginContext(437, 68, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-color-picker", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.StartTagAndEndTag, "84b8cdc741e44045a10f5b4afc1258ff", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ColorPickerProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ColorPickerProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ColorPickerProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_0);
                __Syncfusion_JavaScript_Models_ColorPickerProperties.Value = (string)__tagHelperAttribute_1.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_1);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(505, 50, true);
                WriteLiteral("\r\n            </div>\r\n        </div>\r\n    </div>\r\n");
                EndContext();
            }
                          );
            DefineSection("PropertiesSection", async() => {
                BeginContext(585, 438, true);
                WriteLiteral(@"
    <div class=""row"">
        <div class=""col-md-3"">
            Value (prefix with '#')
        </div>
        <div class=""col-md-3"">
            <input type=""text"" id=""color-value"" class=""input ejinputtext"" onchange=""onValueChange()"" placeholder=""Value"" />
        </div>
    </div>
    <div class=""row"">
        <div class=""col-md-3"">
            Enable Preview
        </div>
        <div class=""col-md-3"">
            ");
                EndContext();
                BeginContext(1023, 106, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "22c3096ce20c498e89c5c61dff4bc4bb", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_2);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Width = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_6.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_6);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(1129, 172, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-3\">\r\n            Opacity Value\r\n        </div>\r\n        <div class=\"col-md-3\">\r\n            ");
                EndContext();
                BeginContext(1301, 177, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-numeric-text-box", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "6b78fc96a4b540b7a6a38b1f800c9dd4", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_EditorProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.EditorProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_EditorProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_7);
#line 40 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\Methods.cshtml"
                __Syncfusion_JavaScript_Models_EditorProperties.ShowSpinButton = false;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("show-spin-button", __Syncfusion_JavaScript_Models_EditorProperties.ShowSpinButton, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
#line 40 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\Methods.cshtml"
                __Syncfusion_JavaScript_Models_EditorProperties.MinValue = 0;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("min-value", __Syncfusion_JavaScript_Models_EditorProperties.MinValue, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
#line 40 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\Methods.cshtml"
                __Syncfusion_JavaScript_Models_EditorProperties.MaxValue = 100;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("max-value", __Syncfusion_JavaScript_Models_EditorProperties.MaxValue, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_EditorProperties.WatermarkText = (string)__tagHelperAttribute_8.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_8);
#line 40 "D:\Samples_17.2.0.46\ASPNETCORE\samplebrowser_core_2_0\Views\ColorPicker\Methods.cshtml"
                __Syncfusion_JavaScript_Models_EditorProperties.EnableStrictMode = true;

#line default
#line hidden
                __tagHelperExecutionContext.AddTagHelperAttribute("enable-strict-mode", __Syncfusion_JavaScript_Models_EditorProperties.EnableStrictMode, global::Microsoft.AspNetCore.Razor.TagHelpers.HtmlAttributeValueStyle.DoubleQuotes);
                __Syncfusion_JavaScript_Models_EditorProperties.Change = (string)__tagHelperAttribute_9.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_9);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(1478, 173, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-3\">\r\n            Enable Opacity\r\n        </div>\r\n        <div class=\"col-md-3\">\r\n            ");
                EndContext();
                BeginContext(1651, 111, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "534e5ac9aa794212ae82e89780f583e7", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_10);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Width = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_11.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_11);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(1762, 176, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-3\">\r\n            Show Recent Color\r\n        </div>\r\n        <div class=\"col-md-3\">\r\n            ");
                EndContext();
                BeginContext(1938, 113, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "47c25bc6b745406eb273ffa17a240008", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_12);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Width = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_13.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_13);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_14.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_14);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_15.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_15);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2051, 166, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-3\">\r\n            Enabled\r\n        </div>\r\n        <div class=\"col-md-3\">\r\n            ");
                EndContext();
                BeginContext(2217, 105, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "c5c2bbd1017243a1b8d3a1331c5762e0", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_16);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Width = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_17.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_17);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2322, 172, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-3\">\r\n            Show Switcher\r\n        </div>\r\n        <div class=\"col-md-3\">\r\n            ");
                EndContext();
                BeginContext(2494, 107, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "5f07320572484ee3a22f5f73837de8da", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_18);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Width = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_19.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_19);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2601, 171, true);
                WriteLiteral("\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-3\">\r\n            Show Buttons\r\n        </div>\r\n        <div class=\"col-md-3\">\r\n            ");
                EndContext();
                BeginContext(2772, 111, false);
                __tagHelperExecutionContext = __tagHelperScopeManager.Begin("ej-toggle-button", global::Microsoft.AspNetCore.Razor.TagHelpers.TagMode.SelfClosing, "8b08b338d30442e3abbd70d51c72b1b9", async() => {
                }
                                                                            );
                __Syncfusion_JavaScript_Models_ToggleButtonProperties = CreateTagHelper <global::Syncfusion.JavaScript.Models.ToggleButtonProperties>();
                __tagHelperExecutionContext.Add(__Syncfusion_JavaScript_Models_ToggleButtonProperties);
                __tagHelperExecutionContext.AddHtmlAttribute(__tagHelperAttribute_20);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Width = (string)__tagHelperAttribute_3.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_3);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.DefaultText = (string)__tagHelperAttribute_4.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_4);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.ActiveText = (string)__tagHelperAttribute_5.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_5);
                __Syncfusion_JavaScript_Models_ToggleButtonProperties.Change = (string)__tagHelperAttribute_21.Value;
                __tagHelperExecutionContext.AddTagHelperAttribute(__tagHelperAttribute_21);
                await __tagHelperRunner.RunAsync(__tagHelperExecutionContext);
                if (!__tagHelperExecutionContext.Output.IsContentModified)
                {
                    await __tagHelperExecutionContext.SetOutputContentAsync();
                }
                Write(__tagHelperExecutionContext.Output);
                __tagHelperExecutionContext = __tagHelperScopeManager.End();
                EndContext();
                BeginContext(2883, 296, true);
                WriteLiteral(@"
        </div>
    </div>
    <div class=""row"">
        <div class=""col-md-3"">
            Get HexCode
        </div>
        <div class=""col-md-3"">
            <input type=""button"" class=""e-btn e-select"" id=""hexCode"" value=""Value"" onclick=""getHexCode()"" />
        </div>
    </div>
");
                EndContext();
            }
                          );
            DefineSection("ScriptSection", async() => {
                BeginContext(3205, 3161, true);
                WriteLiteral(@"
    <script type=""text/javascript"">
    var ColorObj;
    $(function () {
        ColorObj = $(""#colorPicker"").data('ejColorPicker');
        $(""#sampleProperties"").ejPropertiesPanel();
    });
    $(""#color-value"").keypress(function (event) {
        var keycode = (event.keyCode ? event.keyCode : event.which);
        if (keycode == '13') {
            if ($(""#color-value"").val() !== """") {
                if ($(""#color-value"").val().length == 4 || $(""#color-value"").val().length == 7)
                    ColorObj.option('value', $(""#color-value"").val());
            }
        }
    });
    $(""#opacityValue"").keypress(function (event) {
        var keycode = (event.keyCode ? event.keyCode : event.which);
        if (keycode == '13')
            ColorObj.option('opacityValue', $(""#opacityValue"").val());
    });
    function onValueChange() {
        if ($(""#color-value"").val() !== """") {
            if ($(""#color-value"").val().length == 4 || $(""#color-value"").val().length == 7)
         ");
                WriteLiteral(@"       ColorObj.option('value', $(""#color-value"").val());
        }
    }
    function onSwitcher(args) {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        if (args.isChecked) ColorObj.option('showSwitcher', false);
        else ColorObj.option('showSwitcher', true);
    }
    function onShowButton(args) {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        if (args.isChecked) ColorObj.option('showApplyCancel', false);
        else ColorObj.option('showApplyCancel', true);
    }
    function onOpacityValue(args) {
        args.value !== """" && ColorObj.option('opacityValue', args.value);
    }
    function onEnabled(args) {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        if (args.isChecked) {
            ColorObj.option('enabled', false);
            $("".fadetext"").addClass(""e-disable"");
        }
        else {
            ColorObj.option('enabled', true);
            $("".fadetext"").removeClass(""e-disable"");
        }
");
                WriteLiteral(@"    }
    function onRecentColor(args) {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        if (args.isChecked) ColorObj.option('showRecentColors', true);
        else ColorObj.option('showRecentColors', false);
    }
    function onEnableOpacity(args) {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        var numericObj = $(""#opacityValue"").data('ejNumericTextbox');
        if (args.isChecked) {
            ColorObj.option('enableOpacity', false);
            numericObj.disable();
        }
        else {
            ColorObj.option('enableOpacity', true);
            numericObj.enable();
        }
    }
    function onPreview(args) {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        if (args.isChecked) ColorObj.option('showPreview', false);
        else ColorObj.option('showPreview', true);
    }
    function getHexCode() {
        var ColorObj = $(""#colorPicker"").data('ejColorPicker');
        setTimeout(function () { al");
                WriteLiteral("ert(\"The Colorpicker value : \" + ColorObj.getValue()); }, 250);\r\n    }\r\n\r\n    </script>\r\n");
                EndContext();
            }
                          );
            DefineSection("StyleSection", async() => {
                BeginContext(6391, 839, true);
                WriteLiteral(@"
    <style>
        .frame .control {
            margin-left: 70px;
        }

        .cols-sample-area .frame {
            margin-left: 30%;
            padding: 50px 60px 65px;
            width: 206px;
        }

        .prop-grid .row .e-btn.e-select {
            width: 95px;
        }

        .row #hexCode {
            width: 95px;
            height: 30px;
        }

        .e-bootstrap .row #hexCode {
            height: 34px;
        }

        .input.ejinputtext {
            text-indent: 10px;
            width: 93px;
            height: 26px;
        }

        .e-btn {
            height: 30px;
        }

        .e-bootstrap .input.ejinputtext {
            height: 30px;
        }

        .row .e-widget.e-numeric {
            width: 95px;
        }
    </style>
");
                EndContext();
            }
                          );
        }