en.json

{
  "BootstrapBlazor.Shared.App": {
    "Title": "Bootstrap Blazor enterprise-level UI component library",
    "Reload": "Reload",
    "ErrorMessage": "An unhandled exception has occurred. See browser dev tools for details."
  },
  "BootstrapBlazor.Shared.Components.Pre": {
    "LoadingText": "Loading ...",
    "TooltipTitle": "Copy",
    "PlusTooltipTitle": "Plus lines",
    "MinusTooltipTitle": "Minus lines",
    "CopiedText": "Copied"
  },
  "BootstrapBlazor.Shared.Pages.Index": {
    "BodyClassString": "welcome-body-en",
    "HeaderTitle": "Bootstrap style Blazor UI component library",
    "HeaderDesc": "Based on the <code>Bootstrap</code> style library, it is carefully built, and {0} a variety of commonly used components have been added to bring you an extraordinary feeling for rapid development projects",
    "HeaderBody": "The ",
    "HeaderBody1": "native Blazor components library on the market",
    "DynamicText": "best to use",
    "DynamicText1": "best looking",
    "DynamicText2": "most simple and practical",
    "TagTitle": "Component",
    "Span1": "Tree",
    "Span2": "Menu",
    "Span3": "Tag",
    "Span4": "Table",
    "Span5": "Layout",
    "Span6": "Notification",
    "Span7": "Upload",
    "Span8": "Switch",
    "CarouselH1": "Chart Component",
    "CarouselP1": "Provide a variety of commonly used chart components",
    "CarouselH2": "Chart IconComponent",
    "CarouselP2": "Multi-dimensional data comparison",
    "CarouselH3": "Full-featured table component",
    "CarouselP3": "With all functions of adding, deleting, modifying, searching, paging, and sorting",
    "CarouselH4": "Super timeline function",
    "CarouselP4": "Custom nodes display arbitrary components",
    "ContainerH1": "Rich Components",
    "ContainerD1": "This set of components library contains more than {0} multiple components, from simple buttons to complex page-level components",
    "ContainerH2": "Performance",
    "ContainerD2": "Each control has been fine-tuned to optimize the refresh logic between parent and child components to avoid multiple loop updates",
    "ContainerH3": "Easy to use",
    "ContainerD3": "Easily grasp how to use components and quickly incorporate BootstrapBlazor controls into the project",
    "ContainerH4": "Free and open source",
    "ContainerD4": "Simple, direct, free to use, no dependent components, dependent on jQuery Bootstrap are all built-in",
    "ContainerH5": "Demos and examples",
    "ContainerD5": "Detailed documentation and online demonstration, simple function setting, direct copy code out of the box",
    "ContainerH6": "Continually updated",
    "ContainerD6": "Gitee platform hosting open source, never closed source, continuous update, timely response to questions and feedback",
    "DonateH1": "Donate",
    "DonateH2": "Scan the code to donate and invite the author to have a cup of coffee"
  },
  "BootstrapBlazor.Shared.Shared.HomeLayout": {
    "FooterH1": "Related Works",
    "FooterLi1": "Slider verification code",
    "FriendLink": "Links",
    "Community": "Community",
    "CommunityLi1": "Contribution guide",
    "CommunityLi2": "Join us",
    "CommunityLi3": "Contact details",
    "SpecialAcknowledgements": "Special Thanks",
    "Footer": "Gitee Hosting Platform"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesDialog": {
    "TablesDialogTitle": "Table table is used in the pop-up window",
    "TablesDialogDescription": "Used in data selection with hierarchical relationship",
    "TableDialogNormalTitle": "Data linkage in the pop-up window",
    "TableDialogNormalIntro": "Click the Select button in the toolbar to pop up a dialog box to select candidate data",
    "TableDialogNormalDescription": "In this example, if the <code>Modal</code> component is linked with <code>Table</code>, the data is selected in the pop-up window, and then edited",
    "TableDialogNormalTips1": "Click the <code>Select</code> button to pop up a dialog box to select the product <code>Product</code>",
    "TableDialogNormalTips2": "After selecting the product in the pop-up window, click the <code>OK</code> button to close the pop-up window",
    "TableDialogNormalTips3": "Click the <code>Edit</code> button, since some data are set as read-only, only the <code>Count</code> field can be changed"
  },
  "BootstrapBlazor.Shared.Demos.Table.Dialog.TableDialogNormal": {
    "TableDialogNormalChoose": "Choose",
    "TableDialogNormalSelectitem": "Select item",
    "TableDialogNormalSure": "Sure"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesDynamicObject": {
    "H1": "Table table",
    "H2": "Use the <code>IDynamicMetaObjectProvider</code> class as a data source",
    "P1": "IDynamicMetaObjectProvider Collection",
    "P2": "Use the <code>IDynamicMetaObjectProvider</code> data collection as the data source by setting the <code>Items</code> data source",
    "P3": "IDynamicObject collection",
    "P4": "Use the <code>IDynamicObject</code> data collection as the data source by setting the <code>Items</code> data source"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesPages": {
    "H1": "Table",
    "H2": "It is used to display multiple pieces of data with similar structure, and the data can be sorted, filtered, compared or other custom operations.",
    "P1": "Pagination table",
    "P2": "Set <code>IsPagination</code> to display the pagination component",
    "P3": "Show on top",
    "P4": "Set <code>ShowTopPagination</code> to <code>true</code> is the top display pagination component"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesFixedColumn": {
    "H1": "Fixed column",
    "H2": "For data with a large number of columns, you can fix the front and rear columns and scroll horizontally to view other data",
    "P1": "For fixed column usage, please set the fixed column width as much as possible. If it is not set, set it according to the default value of <code>200</code>",
    "P2": "Fixed column header and column footer",
    "P3": "Set the <code>Fixed</code> attribute to fix the header",
    "P4": "In this example, set <code>Name</code> <code>DateTime</code> <code>Complete</code> The first two columns and the last column are fixed columns, and the middle columns are scrolled horizontally",
    "P5": "Fixed headers and columns",
    "P6": "Set <code>Height=200</code> to fix the header, set <code>Fixed</code> to fix the column",
    "P7": "Fixed button action column",
    "P8": "Set <code>FixedExtendButtonsColumn</code> to fix the action column",
    "P9": "Fixed header and button action columns",
    "P10": "Set <code>Height=200</code> to fix the header, set <code>FixedExtendButtonsColumn</code> to fix the operation column"
  },
  "BootstrapBlazor.Shared.Samples.Tooltips": {
    "H1": "Tooltip",
    "H2": "Provides a tooltip after hovering over the mouse or gaining focus",
    "P1": "Basic usage",
    "P2": "Often used to display the prompt information when the mouse hovers",
    "P3": "Button component tooltip",
    "P4": "Provides a tooltip after hovering over the mouse or gaining focus",
    "P5": "test component",
    "P6": "Try to make a new component that is more comfortable to use, you can use it early, the name of the component may be changed later",
    "P7": "Wrap other components or <code>HTML</code> elements through <code>BootstrapTooltip</code> so that the wrapped object has the function of <code>Tooltip</code>",
    "P8": "In this example, an icon is wrapped by <code>BootstrapTooltip</code>. When the mouse moves over the icon, the default <code>Tooltip</code> is displayed, which is easier and faster to use."
  },
  "BootstrapBlazor.Shared.Samples.Toasts": {
    "H1": "Toast Lightweight Popup",
    "H2": "Provides a lightweight toast popup",
    "P1": "Component usage introduction",
    "P2": "1. Inject service <code>ToastService</code>",
    "P3": "2. Call its instance <code>api</code>",
    "P4": "Basic usage",
    "P5": "When the user operates, the lower right corner will give appropriate prompt information",
    "P6": "Success notification",
    "P7": "Failure notification",
    "P8": "Information notice",
    "P9": "Warning notice",
    "P10": "Toast is closed manually",
    "P11": "It will not close automatically, you need to manually click the close button",
    "P12": "success notification",
    "P13": "Toast display location",
    "P14": "Provides settings where the Toast popup appears",
    "P15": "<p>Set the location where the popup appears by setting the <code>Placement</code> value of the <code>Toast</code> component. The default value is <code>BottomEnd</code>. upper right corner</p>",
    "P20": "pay attention",
    "P21": "This component provides functions in the form of injection services, and the user experience is very comfortable when used, and can be called anytime, anywhere <br/>The injection service provides the following shortcut invocation methods:",
    "P23": "Examples are as follows",
    "P24": "Successfully saved",
    "P25": "Save data successfully, automatically close after 4 seconds",
    "P26": "Notification category",
    "P27": "Notification box Title value",
    "P28": "notification",
    "P29": "Notification body content",
    "P30": "The system adds new components, it will automatically shut down after 4 seconds",
    "P31": "Special Note: The <code>Delay</code> parameter value of the <code>Toast</code> component in the entire system can be set through the <code>BootstrapBlazorOptions</code> global unified configuration parameter",
    "P32": "Configured through the configuration file <code>appsetting.json</code> file, suitable for <code>Server-Side App</code>",
    "P33": "Configured via the <code>ConfigureServices</code> method in the <code>Startup</code> file for <code>Server-Side App</code> and <code>WebAssembly App</code>",
    "P34": "Uniformly set the automatic disappearance time of the Toast component",
    "P35": "Or, for <code>Server-Side App</code> only",
    "P36": "Add BootstrapBlazor component",
    "P37": "Uniformly set the automatic disappearance time of the Toast component",
    "ShowHeaderTitle": "No header",
    "ShowHeaderIntro": "Set <code>ShowHeader=\"false\"</code> remove <code>Header</code>",
    "ShowHeaderText": "Toast",
    "HeaderTemplateTitle": "Custom header",
    "HeaderTemplateIntro": "set <code>HeaderTemplate</code> custom the header content",
    "AttrCategory": "Toast type",
    "AttrTitle": "Toast title",
    "AttrCotent": "Toast content",
    "AttrDelay": "Auto hide interval",
    "AttrIsAutoHide": "Whether to automatically hide",
    "AttrIsHtml": "Whether the content contains Html code",
    "AttrPlacement": "Location"
  },
  "BootstrapBlazor.Shared.Samples.Timers": {
    "H1": "Timer",
    "H2": "For time countdown",
    "P1": "Basic usage",
    "P2": "Set the countdown time by setting the <code>Value</code> attribute",
    "P3": "Color",
    "P4": "Set the circular progress bar color by setting the <code>Color</code> property"
  },
  "BootstrapBlazor.Shared.Samples.SweetAlerts": {
    "H1": "SweetAlert popup component",
    "H2": "Modal dialog box, mostly used to continue after inquiring during the action, or to display the execution result",
    "P1": "Component usage introduction",
    "P2": "1. Inject the service <code>SwalService</code>",
    "P3": "2. Call its instance <code>api</code>",
    "P4": "I am Title",
    "P5": "I am Content",
    "P6": "Basic usage",
    "P7": "Call <code>Swal</code> by injecting the service to pop up a dialog",
    "P8": "success",
    "P9": "Pop-ups",
    "P10": "fail",
    "P12": "warn",
    "P14": "hint",
    "P16": "doubt",
    "P18": "Set display content",
    "P19": "By setting <code>Title</code> <code>Content</code> is used to display the title and content of the pop-up window",
    "P20": "Custom button",
    "P21": "Customize the buttons in the pop-up window by setting <code>ButtonTemplate</code>",
    "P23": "Show custom components",
    "P24": "By setting the <code>Component</code> popup content as a custom component",
    "P26": "Modal dialog",
    "P27": "By calling the <code>await SwalService.ShowModal</code> method, the modal box is popped up. After clicking the button in the pop-up window to close the pop-up window, the subsequent code continues to execute.",
    "P29": "This sample code calls The method <code>await SwalService.ShowModal</code> pops up a modal box, and the subsequent code continues to execute only after the pop-up window is closed.",
    "P30": "<code>IsConfirm</code> The parameter indicates that the pop-up window is a confirmation window, and two buttons are automatically generated <code>Cancel</code> <code>Confirm</code>",
    "P32": "Show Footer Information",
    "P33": "Customize the Footer template by setting <code>FooterTemplate</code>",
    "P35": "parameter <code>ShowFooter</code> The default is <code>false</code> to not display the footer template, it needs to be set to <code>true</code>",
    "P36": "Popup with Footer",
    "P37": "Auto-off function",
    "P38": "Customize the auto-close time by setting the <code>IsAutoHide</code> <code>Delay</code> property",
    "P41": "parameter <code>IsAutoHide</code> Defaults to <code>false</code> to disable auto-close, The parameter <code>Delay</code> defaults to 4000 milliseconds",
    "P42": "Automatically close popups",
    "SwalOptionTitle": "Modal",
    "SwalOptionContent": "Content",
    "SwalConsoleInfo": "Return result:",
    "AttrCategory": "Popover type",
    "AttrTitle": "Popup title",
    "AttrContent": "Popup content",
    "AttrDelay": "Auto hide interval",
    "AttrAutoHide": "Whether to automatically hide",
    "AttrShowClose": "Whether to show the close button",
    "AttrShowFooter": "Whether to show the footer template",
    "AttrIsConfirm": "Whether it is confirmation popup mode",
    "AttrBodyContext": "Cascading parameter for BodyTemplate",
    "AttrBodyTemplate": "Modal body display template",
    "AttrFooterTemplate": "Modal footer display template",
    "AttrButtonTemplate": "Modal button template"
  },
  "BootstrapBlazor.Shared.Samples.Spinners": {
    "H1": "Spinner icon",
    "H2": "Show animation when loading data",
    "P1": "when to use",
    "P2": "When the page is partially waiting for asynchronous data or is being rendered, appropriate loading animations can effectively relieve the user's anxiety.",
    "P3": "Basic usage",
    "P4": "Default rotate icon",
    "P5": "Spinner Spinner icon with color",
    "P6": "Provides a spin icon in base color",
    "P7": "Growing Spinner spin icon",
    "P8": "Growing Rotation Icon",
    "P9": "Growing Spinner Spinning icon with color",
    "P10": "Provides a spin icon in base color",
    "P11": "Spinner spin icon size",
    "P12": "Icon style size",
    "P13": "Spinner Flex",
    "P14": "Custom layout",
    "P15": "Spinner Flex",
    "P16": "Custom layout with text",
    "P17": "Loading...",
    "P18": "Spinner Floats",
    "P19": "Use Float layout"
  },
  "BootstrapBlazor.Shared.Samples.SearchDialogs": {
    "H1": "SearchDialog search popup",
    "H2": "Automatically render search popups by binding the data model",
    "P1": "component is",
    "P2": "An extension of the component, suitable for setting search criteria in the data popup.",
    "P3": "Inject the service by calling",
    "P4": "of",
    "P5": "The method directly pops up the search criteria pop-up window, which greatly reduces the amount of code.",
    "P6": "Configuration class inheritance",
    "P7": ", for more parameter settings, please click",
    "P8": "portal",
    "P9": "Basic usage",
    "P10": "By binding the <code>TModel</code> data model, the search form for each field of the model is automatically generated",
    "P11": "Click to pop up search popup",
    "P12": "Customize the criteria fields displayed in the search popup",
    "P13": "Explicitly set the displayed search field by setting the <code>Columns</code> parameter",
    "P14": "Click to pop up search popup",
    "P15": "Set the layout in the search popup",
    "P16": "By setting the <code>RowType</code> parameter to explicitly set the layout of the components in the pop-up window, the default is the upper and lower layout, and the value can be set to <code>inline</code> horizontal layout",
    "P17": "Search popup (left-aligned)",
    "P18": "Search popup (right aligned)",
    "P19": "SearchDialogOption property"
  },
  "BootstrapBlazor.Shared.Samples.PopoverConfirms": {
    "H1": "Popconfirm bubble check box",
    "H2": "Click on the element to pop up a bubble confirmation box.",
    "P1": "Basic usage",
    "P2": "The attributes of <code>Popconfirm</code> are very similar to <code>Popover</code>, so for repeated attributes, please refer to the attributes of <a href='/popovers'><code>Popover</code><a> documentation, which is not explained in detail in this document.",
    "P3": "pop-up box below",
    "P3A": "Is this a piece of content sure to delete?",
    "P4": "right popup",
    "P5": "Is this a piece of content sure to delete?",
    "P6": "left popup",
    "P7": "Is this a piece of content sure to delete?",
    "P8": "popup above",
    "P9": "Are you sure you want to delete a piece of content?",
    "P10": "Content Change the text displayed in the confirmation popup",
    "P11": "Change the text displayed in the confirmation popup by setting the <code>Content</code> attribute",
    "P11A": "Delete confirmation button",
    "P11B": "Are you sure you want to delete the data?",
    "P12": "Asynchronous confirmation",
    "P13": "By setting the <code>IsAsync</code> attribute, the data is submitted asynchronously when the confirm button is clicked",
    "P14": "Asynchronous confirmation",
    "P15": "Are you sure you want to delete the data?",
    "P16": "form submission",
    "P17": "By setting the <code>ButtonType</code> property value to <code>ButtonType.Submit</code>, the confirmation button is clicked to perform asynchronous form data submission",
    "P18": "submit Form",
    "P19": "Are you sure you want to submit data?",
    "P20": "hyperlink button",
    "P21": "By setting the <code>IsLink</code> attribute the component uses the <code>A</code> tag to render",
    "P22": "i am hyperlink",
    "P23": "Are you sure you want to delete the data?",
    "P24": "custom style",
    "P25": "Set the <code>CssClass</code> custom component style",
    "P26": "custom style button",
    "P27": "Are you sure you want to delete the data?",
    "BodyTemplateTitle": "Customize the PopConfirmButton content",
    "BodyTemplateIntro": "Customize the content by setting <code>the BodyTemplate</code> property",
    "BodyTemplateButtonText": "Customize content"
  },
  "BootstrapBlazor.Shared.Samples.Popovers": {
    "H1": "Popover popup component",
    "H2": "Click/mouse into the element to pop up a bubble-like card overlay",
    "P1": "Basic usage",
    "P2": "Click the text input box to pop up the <code>Popover</code> pop-up box, <code>Placement</code> set the position of the pop-up box, close the pop-up box when clicking the second time",
    "P3": "button activates popup",
    "P4": "<code>Popover</code> pop-up box pops up after clicking the button",
    "P5": "Click to activate/deactivate",
    "P6": "custom style",
    "P7": "Customize the pop-up window by setting the <code>Popover</code> parameter <code>CssClass</code>",
    "P8": "set up",
    "P9": "parameter",
    "P10": "make custom styles",
    "P11": "Click to activate/deactivate"
  },
  "BootstrapBlazor.Shared.Samples.Progresss": {
    "H1": "Progress progress bar",
    "H2": "Used to display the progress of the operation, inform the user of the current status and expectations",
    "P1": "Progress bar component",
    "P2": "Common progress bar",
    "P3": "Display value",
    "P4": "Set the progress bar value display through <code>IsShowValue</code>",
    "P5": "Set the progress bar height",
    "P6": "Set the progress bar height via <code>Height</code>",
    "P7": "Progress bar with color",
    "P8": "Set the progress bar color",
    "P9": "Whether to show stripes",
    "P10": "Set the stripe setting of the progress bar via <code>IsStriped</code>",
    "P11": "Whether to display dynamically",
    "P12": "Set the dynamic display of the progress bar through <code>IsAnimated</code>",
    "P13": "Two-way binding data",
    "P14": "Bind data"
  },
  "BootstrapBlazor.Shared.Samples.Responsives": {
    "H1": "Responsive breakpoint monitoring",
    "H2": "Determines whether to re-render the content of a responsive layout based on parameter conditions, usually used for responsive layouts",
    "P1": "Basic usage",
    "P2": "Resize the browser window and observe the change of <code>Breakpoint</code>",
    "P3": "current"
  },
  "BootstrapBlazor.Shared.Samples.Modals": {
    "H1": "Modal box",
    "H2": "Inform the user and host relevant actions while preserving the current page state",
    "P1": "Basic usage",
    "P2": "A dialog box pops up, suitable for scenarios that require more customization",
    "P3": "Popup title",
    "P4": "popup text",
    "P5": "by setting <code>Modal</code> component <code>IsKeyboard</code> parameter, whether to open the pop-up window is supported <kbd>ESC</kbd>, Please click the back button to set and then click the <b>popup</b> button to test the effect",
    "P9": "Pop-ups",
    "P10": "Default popup",
    "P11": "I am the text in the pop-up window",
    "P12": "IsBackdrop background off mode",
    "P13": "Click the area outside the pop-up window to close the pop-up window effect by default",
    "P14": "Pop-ups",
    "P15": "Click on the background to close the popup",
    "P16": "I am the text in the pop-up window",
    "P17": "Bullet size",
    "P18": "Set the size of the popup component through <code>Size</code>",
    "P19": "small popup",
    "P20": "small popup",
    "P21": "I am the text in the pop-up window",
    "P22": "big popup",
    "P23": "big popup",
    "P24": "I am the text in the pop-up window",
    "P25": "Oversized pop-up window",
    "P26": "Oversized pop-up window",
    "P27": "I am the text in the pop-up window",
    "P28": "super large pop-up window",
    "P29": "super large pop-up window",
    "P30": "I am the text in the pop-up window",
    "P31": "Full screen popup",
    "P32": "Just set the property <code>FullScreenSize</code>",
    "P33": "Full screen popup",
    "P34": "Full screen popup",
    "P35": "I am the text in the pop-up window",
    "P36": "Full screen popup(<992px)",
    "P37": "Large full screen popup",
    "P38": "I am the text in the pop-up window",
    "P39": "Full screen popup(<1200px)",
    "P40": "Large full-screen pop-up window",
    "P41": "I am the text in the pop-up window",
    "P42": "Full screen popup(<1400px)",
    "P43": "Super large full-screen pop-up window",
    "P44": "I am the text in the pop-up window",
    "P45": "Center vertically",
    "P46": "Set the vertical centering of the popup component via <code>IsCentered</code>",
    "P47": "Vertically centered popup",
    "P48": "Vertically centered popup",
    "P49": "I am the text in the pop-up window",
    "P50": "Extra long content",
    "P51": "Use <code>IsScrolling</code> to set the scroll wheel sliding function of the pop-up frame component for the excess content",
    "P52": "Pop-up window with very long content",
    "P53": "Pop-up window with very long content",
    "P54": "Built-in scroll bar popup",
    "P55": "Built-in scroll bar popup",
    "P56": "Draggable popup",
    "P57": "Click on the title bar of the pop-up window to drag and drop the pop-up window",
    "P58": "Pop-ups",
    "P59": "Default popup",
    "P60": "I am the text in the pop-up window",
    "P61": "Maximize button",
    "P62": "Show the maximize button by setting the <code>ShowMaximinzeButton</code> popup",
    "P63": "Pop-ups",
    "P64": "Maximize popup",
    "P65": "I am the text in the pop-up window"
  },
  "BootstrapBlazor.Shared.Samples.Messages": {
    "H1": "Message prompt",
    "H2": "Often used for feedback prompts after active operations. The difference from Toast is that the latter is more passive reminder for system-level notifications",
    "P1": "Component usage introduction：",
    "P2": "1. Inject service <code>MessageService</code>",
    "P3": "2. call its instance <code>api</code>",
    "P4": "This is a reminder message",
    "P5": "Basic usage",
    "P6": "Appears from the top and automatically disappears after 4 seconds",
    "P7": "Open the message prompt",
    "P8": "message box with icon",
    "P9": "Change the small icon on the left side of the message box by setting the <code>Icon</code> property of <code>MessageOption</code>",
    "P10": "Open the message prompt",
    "P11": "message box with close button",
    "P12": "Change the close button to appear on the right side of the message box by setting the <code>ShowDismiss</code> property of <code>MessageOption</code>",
    "P13": "Open the message prompt",
    "P14": "message box with border on the left",
    "P15": "Change the left border style of the message box by setting the <code>ShowBar</code> property of <code>MessageOption</code>",
    "P16": "Open the message prompt",
    "P17": "message boxes in different colors",
    "P18": "Change the message box color by setting the <code>Color</code> property of <code>MessageOption</code>",
    "P19": "Primary message",
    "P20": "success message",
    "P21": "Info message",
    "P22": "Danger message",
    "P23": "Warning message",
    "P24": "Secondary message",
    "P25": "message box pop-up location",
    "P26": "Specify the <code>Message</code> component that has set the bottom display position by setting the component parameter of the <code>MessageService</code> service",
    "P27": "Open the message prompt",
    "P28": "MessageItem property"
  },
  "BootstrapBlazor.Shared.Samples.Lights": {
    "H1": "Light indicator",
    "H2": "Provides various status indicators",
    "P1": "common usage",
    "P2": "for status indication",
    "P3": "flicker",
    "P4": "Flash the light by setting the property <code>IsFlash</code>",
    "P5": "discoloration",
    "P6": "Color the light by setting the value of the property <code>Color</code>",
    "P7": "prompt text",
    "P8": "By setting the value of the attribute <code>TooltipText</code> to make the <code>tooltip</code> text prompt when the mouse hovers over the indicator light",
    "P9": "I am prompt text message"
  },
  "BootstrapBlazor.Shared.Samples.Charts.Index": {
    "Chart": "Chart",
    "ChartIntro": "Drawing components of various charts with given data",
    "AddBelowThisLine": "Add below this line",
    "CSSfile": "CSS file",
    "JSfile": "JS file",
    "ChartIntro2": "Component data can be set in the <code>OnInit</code> callback delegate",
    "Tips": "Pay attention to the order of adding reference JS files, otherwise the chart component will always be stuck in the 'loading' interface"
  },
  "BootstrapBlazor.Shared.Samples.Charts.Bubble": {
    "P1": "Bubble diagram",
    "P2": "Change the chart to a <code>bubble</code> chart by setting <code>ChartType</code>",
    "P3": "Random data",
    "P4": "Add dataset",
    "P5": "Remove dataset",
    "P6": "Adding data",
    "P7": "Remove data",
    "Reload": "Reload",
    "AspectRatio": "Chart ratio",
    "AspectRatioIntro": "Setting the height and width will automatically disable the constraint chart ratio, and the chart will fill the container"
  },
  "BootstrapBlazor.Shared.Samples.Charts.Doughnut": {
    "P1": "Doughnut diagram",
    "P2": "Change the chart to a <code>doughnut</code> chart by setting <code>ChartType</code>",
    "P3": "Random data",
    "P4": "Add dataset",
    "P5": "Remove dataset",
    "P6": "Adding data",
    "P7": "Remove data",
    "P8": "Half circle/Full circle",
    "Reload": "Reload",
    "AspectRatio": "Chart ratio",
    "AspectRatioIntro": "Setting the height and width will automatically disable the constraint chart ratio, and the chart will fill the container"
  },
  "BootstrapBlazor.Shared.Samples.Charts.Pie": {
    "P1": "Pie diagram",
    "P2": "Change the chart to a <code>pie</code> chart by setting <code>ChartType</code>",
    "P3": "Random data",
    "P4": "Add dataset",
    "P5": "Remove dataset",
    "P6": "Adding data",
    "P7": "Remove data",
    "Reload": "Reload",
    "AspectRatio": "Chart ratio",
    "AspectRatioIntro": "Setting the height and width will automatically disable the constraint chart ratio, and the chart will fill the container"
  },
  "BootstrapBlazor.Shared.Samples.Charts.Line": {
    "P1": "Line graph",
    "P2": "Use <code>OnInit</code> to call back the delegate method, and after assigning the initialization data, the drawing operation can be performed",
    "P3": "Random data",
    "P4": "Add dataset",
    "P5": "Remove dataset",
    "P6": "Adding data",
    "P7": "Remove data",
    "P8": "Line graph",
    "P9": "Use the <code>Tension</code> parameter of the <code>ChartDataset</code> instance to adjust the curvature of the polyline, the default is <b>0.4f</b>",
    "P10": "Line graph",
    "P11": "Use to set the <code>Data</code> parameter of the <code>ChartDataset</code> instance with <code>null</code>, and the line chart is connected with a dotted line",
    "Reload": "Reload",
    "AspectRatio": "Chart ratio",
    "AspectRatioIntro": "Setting the height and width will automatically disable the constraint chart ratio, and the chart will fill the container"
  },
  "BootstrapBlazor.Shared.Samples.Charts.Bar": {
    "P1": "Bar graph",
    "P2": "Change the chart to a <code>bar</code> chart by setting <code>ChartType</code>",
    "P3": "turn on animation",
    "P4": "turn off animation",
    "P5": "random data",
    "P6": "Add dataset",
    "P7": "Remove dataset",
    "P8": "Adding data",
    "P9": "Remove data",
    "BarStacked": "Stacked",
    "BarStackedIntro": "By setting the X/Y axis <code>Stacked</code> property, control whether to stack the arrangement",
    "Reload": "Reload",
    "AspectRatio": "Chart ratio",
    "AspectRatioIntro": "Setting the height and width will automatically disable the constraint chart ratio, and the chart will fill the container"
  },
  "BootstrapBlazor.Shared.Samples.Transitions": {
    "H1": "Transition effect",
    "H2": "BootstarpBlazor applies the transition animation to some components, you can also use it directly.",
    "P1": "Basic usage",
    "P2": "Demonstration of basic animation effects",
    "P3": "Animation execution complete callback",
    "P4": "Execute the callback function after the animation is completed",
    "P5": "Set animation duration",
    "P6": "Control the animation duration in milliseconds by setting the <code>Duration</code> parameter"
  },
  "BootstrapBlazor.Shared.Samples.EditDialogs": {
    "Title": "EditDialog edit popup",
    "Description": "Automatic rendering of edit popups by binding the data model",
    "SubDescription": "<code>EditDialog</code> The component is an extension of the <code>Dialog</code> component and is suitable for data popup editing.",
    "Tip": "Inject the service by calling <code>DialogService</code> of <code>ShowEditDialog</code> The method directly pops up the editing dialog box, which greatly reduces the amount of code. <code>EditDialogOption</code> Configuration class inheritance <code>DialogOption</code>，For more parameter settings, please click <a href=\"dialogs\" target=\"_blank\">[portal]</a>\"",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Automatically generate editable forms for each field of the model by binding the <code>TModel</code> data model",
    "NoRenderTitle": "Setting bound model part property does not show",
    "NoRenderIntro": "By setting the <code>Editable=false</code> of the <code>IEditorItem</code> instance, the editable pop-up window cannot be edited.",
    "EditDialogOption": "EditDialogOption property"
  },
  "BootstrapBlazor.Shared.Samples.BaiduOcr": {
    "Title": "IBaiduOcr",
    "SubTitle": "Character recognition",
    "VatInvoiceTitle": "VAT Invoice",
    "VatInvoiceIntro": "Call Baidu Ocr interface for text recognition by uploading VAT invoice image",
    "BaiduOcrDesc": "本组件通过调用 Baidu AI 平台文字识别接口进行增值税发票文字识别。支持对增值税普票、专票、全电发票（新版全国统一电子发票，专票/普票）、卷票、区块链发票的所有字段进行结构化识别，包括发票基本信息、销售方及购买方信息、商品信息、价税信息等，其中五要素字段的识别准确率超过 99.9%； 同时，支持对增值税卷票的 21 个关键字段进行识别，包括发票类型、发票代码、发票号码、机打号码、机器编号、收款人、销售方名称、销售方纳税人识别号、开票日期、购买方名称、购买方纳税人识别号、项目、单价、数量、金额、税额、合计金额(小写)、合计金额(大写)、校验码、省、市，四要素字段的识别准确率可达95%。上传图片不能超过 4M",
    "BaiduOcrIntro": "Usage",
    "BaiduOcrStep1": "1. Get <code>IBaiduOcr</code> instance by inject service",
    "BaiduOcrStep2": "2. Call <code>IBaiduOcr</code> instance method",
    "VerifyVatInvoiceTitle": "增值税验真",
    "VerifyVatInvoiceIntro": "通过调用 <code>IBaiduOcr</code> 服务实例的发票验真方法 <code>VerifyInvoiceAsync</code> 返回 <code>InvoiceVerifyResult</code> 其属性 <code>Valid</code> 为 <code>true</code> 时为真"
  },
  "BootstrapBlazor.Shared.Demos.EditDialog.EditDialogNormal": {
    "LeftAlignedButton": "Edit popup (left-aligned)",
    "RightAlignedButton": "Edit popup (right aligned)"
  },
  "BootstrapBlazor.Shared.Demos.EditDialog.EditDialogNoRender": {
    "PopupButton": "Pop-ups"
  },
  "BootstrapBlazor.Shared.Samples.Topologies": {
    "H1": "Topology HMI",
    "H2": "Rendering of human-computer interface through <code>Topology</code> open source components",
    "P1": "Basic usage",
    "P2": "Just load the <code>Json</code> file exported by the website, click the number box below the fan to control the operation"
  },
  "BootstrapBlazor.Shared.Samples.TreeViews": {
    "H1": "Tree tree control",
    "H2": "Present information in a clear hierarchy that can be expanded or collapsed",
    "P1": "If the component is a generic component, you need to use <code>TItem</code> to specify the bound data model. In this example, the model is <code>TreeFoo</code> and needs to be set",
    "P2": "Set <code>TreeItem</code> its <code>IsExpand</code> parameter to control whether the current child node is expanded",
    "P3": "When clicking on the small arrow to expand the child item, obtain the child item data collection through the <code>OnExpandNodeAsync</code> callback delegate method",
    "P4": "Keep the node state fallback mechanism, <code>ModelEqualityComparer</code> <code>CustomKeyAttribute</code> <code>IEqualityComparer&lt;TItem&gt;</code> <code>Equals</code> overloaded method",
    "P5": "The component will remain in the <code>expanded</code> <code>collapsed</code> <code>selected</code> state",
    "P6": "Set whether the node is <b>expanded</b> state through <code>TreeItem&lt;TItem&gt;.IsExpand</code>",
    "P7": "Set whether the node is <b>selected</b> state through <code>TreeItem&lt;TItem&gt;.IsActive</code>",
    "P8": "Through <code>TreeItem&lt;TItem&gt;.Checked</code>, set whether the node is in <b>checked/single selection</b> state",
    "P9": "Step 1: Set the <code>TItem</code> generic model",
    "P10": "Step 2: Set <code>Items</code> to get the component data source <b>Note</b> The data source type is <code>IEnumerable&lt;TreeItem&lt;TItem&gt;&gt;</code>",
    "P11": "Step 3: Set the <code>OnExpandNodeAsync</code> callback delegate to expand the response node to get the child data source collection",
    "P12": "Step 4: Set <code>ModelEqualityComparer</code> to provide a component identification model comparison delegate method, <b>Note</b> This setting is optional. Perform downgrade search through the fallback mechanism explained above",
    "P13": "Basic usage",
    "P14": "Basic tree structure display",
    "P15": "By setting the <code>OnTreeItemClick</code> property to monitor the event when the tree control node is clicked, the following log displays the data of the selected node when the tree control node is clicked",
    "P16": "Checkbox",
    "P17": "Suitable for use when you need to select a level",
    "P18": "By setting the <code>OnTreeItemChecked</code> property to monitor the event when the tree control node is checked, when the check box in front of the tree control node is selected, the following log displays the data of the selected node",
    "P19": "<code>Tree</code> component data loading will keep the state of each node inside, change the node selected state and click the <b>refresh</b> button, the component node state will remain unchanged, you can pass the parameter <code>IsReset</code> Force data reset",
    "P20": "Whether to reset",
    "P21": "Automatically select child nodes",
    "P22": "Automatically select parent node",
    "P23": "refresh",
    "P24": "Disabled state",
    "P25": "Some nodes of the Tree can be set to disabled state",
    "P26": "By setting the <code>Disabled</code> property of the data source <code>TreeItem</code> object, you can control whether this node can be checked or not. When set to <code>false</code>, it will not affect the node expansion. /shrink function",
    "P27": "Accordion mode",
    "P28": "For nodes of the same level, only one can be expanded at a time",
    "P29": "Enable the accordion effect by setting the <code>IsAccordion</code> property of the <code>Tree</code> component",
    "P30": "Expanded by default and selected by default",
    "P31": "Some nodes of <code>Tree</code> can be set to be expanded or selected by default",
    "P32": "By setting the <code>IsExpand</code> property of the <code>TreeItem</code> object, you can control whether this node is in the expanded state by default. In this example, <b>navigation 2</b> is in the expanded state by default, and the rest Node defaults to contracted state",
    "P33": "Show icon",
    "P34": "Control whether the component displays the icon by setting <code>ShowIcon</code>",
    "P35": "By setting the <code>ShowIcon</code> property of the <code>TreeItem</code> object, you can control whether this node displays the icon or not",
    "P36": "Click on the node to expand and contract",
    "P37": "By setting <code>ClickToggleNode</code> to control whether to expand and contract when the node is clicked",
    "P38": "By setting the <code>ClickToggleNode</code> property of the <code>TreeItem</code> object, you can control whether this node can be expanded and contracted by clicking",
    "P39": "The Tree component is built into the validation form",
    "P40": "<code>Tree</code> can be enabled inside the component <code>Checkbox</code> will be displayed when it is built into the validation form <code>DisplayName</code> This function needs to be disabled in the tree component",
    "P41": "Show <code>Checkbox</code> built into validation component <code>ValidateForm</code> by setting <code>ShowCheckbox</code> property does not show <code>DisplayName</code>",
    "P42": "Lazy loading",
    "P43": "Dynamically add child nodes when expanding a node",
    "P44": "By setting the node <code>HasChildNode</code> to control whether to display the small arrow picture of the node. Add nodes through Tree's <code>OnExpandNodeAsync</code> delegate",
    "P45": "Custom node",
    "P46": "Implement your own node template by setting <code>TreeItem</code> <code>Template</code>",
    "P47": "Node color",
    "P48": "Implement your own node style by setting <code>TreeItem</code> <code>CssClass</code>",
    "P49": "Get all selected nodes",
    "P50": "Get all nodes by setting the <code>OnTreeItemChecked</code> callback delegate",
    "P51": "Loading skeleton screen",
    "P52": "By setting <code>ShowSkeleton</code>, the component displays the skeleton screen when the data is loaded asynchronously",
    "P53": "Asynchronous loading",
    "P54": "TreeItem property"
  },
  "BootstrapBlazor.Shared.Samples.Trees": {
    "TreeIntro": "<p>Obsolete，The <a href=\"treeviews\" alt=\"treeview\">TreeView</a> provides more functions",
    "H1": "Tree tree control",
    "H2": "Present information in a clear hierarchy that can be expanded or collapsed",
    "P1": "Basic usage",
    "P2": "Basic tree structure display",
    "P3": "By setting the <code>OnTreeItemClick</code> property to monitor the event when the tree control node is clicked, the following log displays the data of the selected node when the tree control node is clicked",
    "P4": "Checkbox",
    "P5": "Suitable for use when you need to select a level",
    "P6": "By setting the <code>OnTreeItemChecked</code> property to monitor the event when the tree control node is checked, when the check box in front of the tree control node is selected, the following log displays the data of the selected node",
    "P7": "Single box",
    "P8": "For single-select nodes",
    "P9": "Show the <code>Radio</code> component in front of the node by setting the <code>ShowRadio</code> property",
    "P10": "disabled state",
    "P11": "Some nodes of the Tree can be set to disabled state",
    "P12": "By setting the <code>Disabled</code> property of the data source <code>TreeItem</code> object, you can control whether this node can be checked or not. When set to <code>false</code>, it will not affect the node expansion. /shrink function",
    "P13": "Accordion mode",
    "P14": "For nodes of the same level, only one can be expanded at a time",
    "P15": "Enable the accordion effect by setting the <code>IsAccordion</code> property of the <code>Tree</code> component",
    "P16": "Expanded by default and selected by default",
    "P17": "Some nodes of <code>Tree</code> can be set to be expanded or selected by default",
    "P18": "By setting the <code>IsCollapsed</code> property of the <code>TreeItem</code> object, you can control whether this node is in the expanded state by default. In this example, <b>navigation two</b> is in the expanded state by default, and the rest Node defaults to contracted state",
    "P19": "show icon",
    "P20": "Control whether the component displays the icon by setting <code>ShowIcon</code>",
    "P21": "By setting the <code>ShowIcon</code> property of the <code>TreeItem</code> object, you can control whether this node displays the icon or not",
    "P22": "Click on the node to expand and contract",
    "P23": "By setting <code>ClickToggleNode</code> to control whether to expand and contract when the node is clicked",
    "P24": "By setting the <code>ClickToggleNode</code> property of the <code>TreeItem</code> object, you can control whether this node can be expanded and contracted by clicking",
    "P25": "The Tree component is built into the validation form",
    "P26": "<code>Tree</code> can be enabled inside the component <code>Checkbox</code> will be displayed when it is built into the validation form <code>DisplayName</code> This function needs to be disabled in the tree component",
    "P27": "Show <code>Checkbox</code> built into validation component <code>ValidateForm</code> by setting <code>ShowCheckbox</code> property does not show <code>DisplayName</code>",
    "P28": "lazy loading",
    "P29": "Dynamically add child nodes when expanding a node",
    "P30": "By setting the node <code>HasChildNode</code> to control whether to display the small arrow picture of the node. Add nodes through Tree's <code>OnExpandNode</code> delegate",
    "P31": "custom node",
    "P32": "Implement your own node template by setting <code>TreeItem</code> <code>Template</code>",
    "P33": "node color",
    "P34": "Implement your own node style by setting <code>TreeItem</code> <code>CssClass</code>",
    "P35": "Get all selected nodes",
    "P36": "Get all nodes by setting the <code>OnTreeItemChecked</code> callback delegate",
    "P37": "loading skeleton screen",
    "P38": "By setting <code>ShowSkeleton</code>, the component displays the skeleton screen when the data is loaded asynchronously",
    "P39": "Asynchronous loading",
    "P40": "TreeItem property"
  },
  "BootstrapBlazor.Shared.Samples.SwitchButtons": {
    "H1": "Switch Button state switch button",
    "H2": "Toggle state after button click",
    "P1": "Basic usage",
    "P2": "Click the component to automatically switch the state",
    "P3": "initialized state",
    "P4": "Initialize component state by setting <code>ToggleState</code>",
    "P5": "The current component state can be obtained by setting the <code>ToggleStateChanged</code> callback method",
    "P6": "click callback method",
    "P7": "Initialize component state by setting <code>ToggleState</code>",
    "P8": "<code>OnClick</code> callback is <code>EventCallback</code> will automatically refresh the current component or page, if you don't need to refresh the component or page, you can use <code>ToggleStateChanged</code>"
  },
  "BootstrapBlazor.Shared.Samples.Downloads": {
    "H1": "Download file download",
    "H2": "For direct download of physical files",
    "P1": "pay attention",
    "P2": "<code>Download</code> use the <code>DotNetStreamReference</code> object which allows streaming file data to the client. This approach loads the entire file into the client's' memory, which can impair performance. To download relatively large files (<code>&gt;=250 MB</code>), it is recommended to follow the <code>MVC</code> download from <code>Url</code>. <b><code>NOT SUPPORT NET5</code></b>",
    "P4": "Example",
    "P5": "download file",
    "P6": "<code>Razor</code> code",
    "P7": "<Button OnClick=\"DownloadFile\">Click me to download the file</Button>",
    "P8": "<code>C#</code> code",
    "P9": "test file",
    "P10": "Self-generated and written text, here can be replaced with pictures or other content",
    "P11": "normal download",
    "P12": "Download files directly by setting the physical path",
    "P13": "download",
    "P14": "Folder download",
    "P15": "By setting the physical path of the folder, the files in the directory are packaged and compressed and downloaded",
    "P16": "download",
    "P17": "Large file download test",
    "P18": "This simulation generates a text file of <code>1 million lines</code>, about <b>58M</b>, which can be tested by yourself",
    "P19": "The button sets the value of <code>IsAsync</code> to <code>true</code> for asynchronous download operation",
    "P20": "Get the picture and display it",
    "P21": "Simulate the situation where the verification code is generated directly from the front-end page or the uploaded image is not saved and displayed directly.",
    "P22": "Since the test uses the files under <code>wwwroot</code>, there is no code generation, and <code>wasm</code> cannot access the <code>wwwroot</code> folder, so only the <code>ssr</code> mode is available for the test. <code>wasm</code> please test it yourself."
  },
  "BootstrapBlazor.Shared.Samples.Dialogs": {
    "Title": "Dialog component",
    "Description": "Human-computer interaction by calling the <code>Show</code> method pop-up window by injecting the service",
    "Tip1": "Component usage introduction",
    "Tip2": "1. inject service <code>DialogService</code>",
    "Tip3": "2. call its instance <code>api</code>",
    "Tip4": "3. CascadingParameter",
    "Tip5": "4. DialogCloseButton",
    "DialogTitle": "Data query window",
    "KeyboardTitle": "Basic usage",
    "KeyboardIntro": "Set the basic properties of the modal box by setting the <code>DialogOption</code> property",
    "CustomerHeaderTitle": "Custom title bar",
    "CustomerHeaderIntro": "Customize the title bar of the modal box by setting the <code>HeaderTemplate</code> property",
    "ComponentTitle": "Pop out complex components",
    "ComponentIntro": "Pop up a custom component by calling <code>Show&lt;Counter&gt;()</code>",
    "ComponentTip": "In this example, the pop-up dialog box contains a built-in <code>Counter</code> component of a sample website",
    "BodyContextTitle": "Pop-up window",
    "BodyContextIntro": "By setting the <code>BodyContext</code> attribute value, parameters can be passed to the components in the pop-up window",
    "BodyContextTip": "In this example, when the button is clicked, the value of <code>BodyContext</code> is set to <code>I am a parameter</code>, and the content of the pop-up window is the custom component <code>DemoComponent</code>, which is cascaded in the component. parameter gets its value",
    "ApplyTitle": "Practical application",
    "ApplyIntro": "In this example, by passing a primary key, the components in the pop-up window perform data query through this primary key, and display the results in the pop-up window",
    "CloseDialogByCodeTitle": "Code to close the popup",
    "CloseDialogByCodeIntro": "This example explains how to open and close a popup window through code",
    "CloseDialogByCodeTip": "Use popup parameters  <code>DialogOption</code> Instance, in the instance after the pop-up window pops up <code>Dialog</code> The property value is the handle of the current popup window. By calling its <code>Toggle/Close</code> method to close the popup",
    "DisableHeaderCloseButtonTitle": "Disable close button in Header",
    "DisableHeaderCloseButtonIntro": "This example explains how to open and close a popup window through code",
    "DisableHeaderCloseButtonTip": "Setting parameters <code>ShowHeaderCloseButton</code> Ban pop-ups <code>Header</code> Shows the <b>Close</b> button on the right",
    "MultipleDialogTitle": "Multi-level popup",
    "MultipleDialogIntro": "Click the button inside the popup to continue the popup dialog",
    "MultipleDialogTip1": "Features",
    "MultipleDialogTip2": "Click the button to pop up a dialog",
    "MultipleDialogTip3": "Switch the third tab of the <code>Tab</code> component in the pop-up window <b>role management</b>",
    "MultipleDialogTip4": "Click the popup in the tab to continue the popup dialog",
    "MultipleDialogTip5": "<b>Keep state</b> of previously opened dialogs after closing the current dialog",
    "MultipleDialogDesc": "At present, multi-level pop-up windows have been implemented. Each <code>ModalDialog</code> can independently set the <code>IsBackdrop</code> <code>IsKeyboard</code> parameters. This fixes the problem of pressing <kbd>ESC</kbd> in the previous version to remove all pop-up windows",
    "ModalDialogTitle": "Modal dialog",
    "ModalDialogIntro": "Pop up a dialog box in thread blocking mode through the <code>ShowModal</code> method",
    "ModalDialogTip1": "Features",
    "ModalDialogTip2": "Click the button to pop up a modal popup",
    "ModalDialogTip3": "Change the value in the modal pop-up window when the <code>confirm</code> button is clicked <b>update</b>",
    "ModalDialogTip4": "Change the value in the modal pop-up window and click the <code>Cancel</code> or <code>Close</code> button when the value is <b>not updated</b>",
    "ModalDialogTip5": "When the modal pop-up window is clicked again, the value remains the same",
    "EditDialogTitle": "Edit dialog",
    "EditDialogIntro": "Pop up the save dialog through the <code>ShowEditDialog</code> method",
    "EditDialogTip1": "Features",
    "EditDialogTip2": "Click the button to pop up the edit popup",
    "EditDialogTip3": "Set the pop-up window through the <code>EditDialogOption</code> parameter",
    "EditDialogTip4": "The design starting point automatically generates a form window with client-side validation by giving a <code>Model</code> or <code>Items</code>",
    "SearchDialogTitle": "Search dialog",
    "SearchDialogIntro": "Pop up the save dialog through the <code>ShowSearchDialog</code> method",
    "SearchDialogTip1": "Features",
    "SearchDialogTip2": "Click the button to pop up a search popup",
    "SearchDialogTip3": "Set the pop-up window through the <code>SearchDialogOption</code> parameter",
    "SearchDialogTip4": "The design starting point automatically generates a search window by giving a <code>Model</code> or <code>Items</code>",
    "SaveDialogTitle": "Save dialog",
    "SaveDialogIntro": "Pop up the save dialog through the <code>ShowSaveDialog</code> method",
    "SaveDialogTip1": "Features",
    "SaveDialogTip2": "Click the button to pop up the save popup",
    "SaveDialogTip3": "The design starting point automatically generates a save window by giving a <code>TComponent</code>, and performs data processing in the save callback method by setting <code>saveCallback</code>, which is required by <code>TComponent</code> generic components Parameters can be passed through <code>parameters</code>",
    "SizeTitle": "Dialog size",
    "SizeIntro": "Very flexible form size control can be achieved by setting the <code>Size</code> <code>FullScreenSize</code> parameter combination",
    "PrintDialogTitle": "Print button",
    "PrintDialogIntro": "Show a print preview button on the <code>Header</code> by setting <code>ShowPrintButton</code>",
    "PrintDialogTip": "by setting <code>PrintButtonText</code> change the <b>Print Preview</b> button text",
    "ShowMaximizeButtonTitle": "Full screen popup",
    "ShowMaximizeButtonIntro": "Show a window maximize button on the <code>Header</code> by setting <code>ShowMaximizeButton</code>",
    "ErrorLoggerTitle": "exception catch",
    "ErrorLoggerIntro": "Through <code>BootstrapBlazorRoot</code> built-in <code>ErrorLogger</code> global exception capture for errors in the pop-up window",
    "EmailTitle": "Practical drill",
    "EmailIntro": "Simulate a mail application, select the recipient in the pop-up window and fill in the recipient box below.",
    "EmailTip1": "Features",
    "EmailTip2": "Click the button to pop up a modal popup",
    "EmailTip3": "Pass <b>10</b> to the pop-up window by cascading parameters <code>BodyContext</code> to initialize data",
    "EmailTip4": "Select the row data in the <code>Table</code> component and <b>update</b> the <code>SelectedRows</code> data through two-way binding",
    "EmailTip5": "Click the <b>Check</b> button to <b>update</b> the <code>Emails</code> data via two-way binding",
    "EmailTip6": "<code>Emails</code> value <b>not updated</b> when <code>Cancel</code> or <code>Close</code> button is clicked",
    "EmailTip7": "When clicking the pop-up modal pop-up window again, the selected state of the inner row of the component remains the same",
    "EmailTip8": "Prohibit closing the popup when no user is selected in the popup",
    "EmailLabel": "recipient",
    "Attribute": "DialogOption property",
    "EmailDialogTitle": "Select recipient",
    "EmailDialogButtonYes": "Choose",
    "HeaderToolbarTemplateTitle": "Header Toolbar Template",
    "HeaderToolbarTemplateIntro": "Set <code>HeaderToolbarTemplate</code> custom the buttons on <code>Header</code>",
    "KeyboardTip": "by setting <code>DialogOption</code> <code>IsKeyboard</code> parameter, whether the pop-up window supports <kbd>ESC</kbd>, please click the back button to set and then click the <b>pop-up window</b> button to test the effect"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogKeyboard": {
    "KeyboardOpenDialogButton": "Click to open Dialog"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogCustomerHeader": {
    "CustomerHeaderOpenDialogButton": "Pop-ups"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogHeaderToolbarTemplate": {
    "HeaderToolbarTemplateButtonText": "Print",
    "HeaderToolbarTemplateDialogTitle": "Custom toolbar sample",
    "HeaderToolbarTemplateToastContent": "Print button clicked"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogComponent": {
    "ComponentOpenDialogButton": "Click to open Dialog"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogBodyContext": {
    "BodyContextOpenDialogButton": "Dialog parameter passing example"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogApply": {
    "ApplyDisplayText": "Primary key parameter",
    "ApplyOpenDialogButton": "Pop-ups"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogMultipleDialog": {
    "MultipleDialogButton": "Pop-ups"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogModalDialog": {
    "ModalDialogButton": "Click to open Dialog"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogEditDialog": {
    "EditDialogButton": "Edit popup"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogSearchDialog": {
    "SearchDialogButton": "Search popup"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogSaveDialog": {
    "SaveDialogButton": "Save popup"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogSize": {
    "SizeButton": "Fullscreen popup (&lt; 1200px)"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogPrintDialog": {
    "PrintDialogButton": "Click to open Dialog"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogShowMaximizeButton": {
    "ShowMaximizeButton": "Click to open Dialog"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogErrorLogger": {
    "ErrorLoggerButton": "global exception test"
  },
  "BootstrapBlazor.Shared.Demos.Dialog.DialogEmail": {
    "EmailInput": "please enter ..."
  },
  "BootstrapBlazor.Shared.Samples.Dispatches": {
    "Title": "Dispatch message distribution",
    "Description": "By injecting the service to call the instance method, the site-wide pop-up window is used for message notification",
    "Tips": "This component provides functions in the form of injection services, which are usually used for site-wide message push and other functions; using this service requires <b>subscribe</b> and <b>unsubscribe</b> operations in the code",
    "NormalTip": "Through this component function, this site realizes the function of prompting the whole site when the code warehouse is submitted.",
    "NormalTips1": "1. Get the <b>Injection Service</b> specified message entity class",
    "NormalTips2": "2. <b>Subscribe</b> notifications",
    "NormalTips3": "3. <b>Unsubscribe</b> when the page or component is destroyed",
    "NormalTips4": "4. Notification implementation method <code>Notify</code>",
    "NormalTipsTitle": "notification title",
    "NormalTipsContent": "Notification content",
    "NormalTips5": "used in this example <code>Toast</code> component for notification, and any other built-in message component or custom component can be used for notification operation in actual combat",
    "DispatchTitle": "Practical application",
    "DispatchIntro": "Click the button to distribute the message, all people who open this page can receive the message distributed by this button",
    "DispatchTip": "Since this function is a site-wide push notification, in order to prevent malicious use, in the example below, the button notification is disabled for <b>30</b> seconds; the message injection code is in the <code>MainLayout</code> template"
  },
  "BootstrapBlazor.Shared.Demos.Dispatch.DispatchNormal": {
    "DispatchNoticeButtonText": "Notice",
    "DispatchNoticeMessage": "Test dispatch message"
  },
  "BootstrapBlazor.Shared.Samples.Drawers": {
    "Title": "Drawer",
    "Description": "Sometimes, the Dialog component does not meet our needs. For example, your form is very long, or you need to temporarily display some documents. Drawer has almost the same API as Dialog, which brings a different experience to the UI.",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Call out a temporary sidebar that can be called out from multiple directions",
    "PlacementTitle": "Click to close the mask",
    "PlacementIntro": "By setting the <code>IsBackdrop</code> property to <code>true</code>, the drawer is automatically closed when the mask part is clicked",
    "NoBackdropTitle": "No backdrop",
    "NoBackdropIntro": "By setting the <code>ShowBackdrop=\"false\"</code> do not show the backdrop"
  },
  "BootstrapBlazor.Shared.Demos.Drawer.DrawerNormal": {
    "Open": "click me to open",
    "Description": "The layout, components, etc. in the drawer are fully customizable",
    "Close": "close the drawer"
  },
  "BootstrapBlazor.Shared.Demos.Drawer.DrawerPlacement": {
    "Open": "click me to open",
    "PlacementContent": "Click on the shaded part of the mask to automatically close the drawer"
  },
  "BootstrapBlazor.Shared.Demos.Drawer.DrawerNoBackdrop": {
    "Open": "click me to open",
    "Description": "The layout, components, etc. in the drawer are fully customizable",
    "Close": "close the drawer"
  },
  "BootstrapBlazor.Shared.Samples.Consoles": {
    "Title": "Console",
    "Description": "Console component, generally used for the output of background tasks",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Display background push messages",
    "OnClearTitle": "Empty console",
    "OnClearIntro": "The data set is cleared by setting the <code>OnClear</code> callback method. Since this example uses the same data source as the previous example, it will cause the data source update delay in the above example",
    "ColorTitle": "messages in different colors",
    "ColorIntro": "Changes to colors are made by setting the <code>Color</code> parameter of <code>ConsoleMessageItem</code>",
    "IsAutoScrollTitle": "auto scroll",
    "IsAutoScrollIntro": "Enable or disable automatic scrolling by setting the <code>ShowAutoScroll</code> property value",
    "ShowAutoScrollDescription": "set up <code>ShowAutoScroll=\"true\"</code> Show autoscroll options",
    "IsAutoScrollDescription": "by setting <code>IsAutoScroll</code> Turn on autoscroll",
    "ConsoleMessageItem": "ConsoleMessageItem property",
    "ShowAutoScrollTitle": "ShowAutoScroll",
    "ShowAutoScrollIntro": "Switch auto scroll the data by set <code>ShowAutoScroll</code> parameter"
  },
  "BootstrapBlazor.Shared.Samples.Synthesizers": {
    "H1": "Synthesizer speech synthesis",
    "H2": "Convert text content to speech",
    "P1": "Common usage",
    "P2": "After clicking to start synthesis, perform speech synthesis on the text content"
  },
  "BootstrapBlazor.Shared.Samples.Recognizers": {
    "H1": "Recognizer Speech Recognition",
    "H2": "Convert speech to text with a voice capture device",
    "P1": "Common usage",
    "P2": "Click to start recognition to recognize the input voice",
    "P3": "Instructions for use",
    "P4": "click",
    "P5": "start to identify",
    "P6": "After the script runs, it may prompt for recording permission. After authorization, start speaking. After 5 seconds (configurable), the text box on the right will display the speech recognition result. Do not click directly after speaking.",
    "P7": "end recognition"
  },
  "BootstrapBlazor.Shared.Samples.Speechs": {
    "H1": "Speech Recognition and Synthesis",
    "H2": "Converted to text (STT) through microphone voice capture, or read aloud through text (TTS)",
    "P1": "This set of components is built-in",
    "P2": "and",
    "P3": "Speech service, this example relies on",
    "P4": "When using this component, you need to reference its component package",
    "P9": "Actual combat experience",
    "P10": "Click",
    "P11": "start",
    "P12": "After pressing the button, speak to the computer",
    "P13": "'Please turn on the light for me'",
    "P14": "After the computer receives the command, it will ask",
    "P15": "Are you sure you want to turn on the light? Please confirm!",
    "P16": "You speak to the computer",
    "P17": "confirm",
    "P18": "The computer executes the command and enters it in the text box below",
    "P19": "has been opened for you",
    "P20": "text",
    "P21": "Get started",
    "P22": "Command output area",
    "P23": "command panel",
    "P24": "1. registration service",
    "P25": "Add Baidu voice service",
    "P26": "2. use the service",
    "P27": "speech recognition service",
    "P28": "speech synthesis service"
  },
  "BootstrapBlazor.Shared.Samples.DragDrops": {
    "Title": "DragDrop",
    "Description": "For drag and drop",
    "NormalTitle": "Basic usage",
    "NormalIntro": "simple drag and drop",
    "CopyItemTitle": "Copy to new container",
    "CopyItemIntro": "Use <code>CopyItem</code> to copy a new copy to a new location",
    "AcceptsTitle": "Limit what can be dragged in",
    "AcceptsIntro": "Use <code>Accepts</code> to only allow 10 drags on the left and use <code>AllowsDrag</code> to limit 2 to not be dragged, use <code>MaxItems</code> to limit the right to have a maximum of 6 nodes",
    "EventTitle": "Various events",
    "EventIntro": "When the dragging quantity exceeds the limit <code>OnItemDropRejectedByMaxItemLimit</code>, when dragging is prohibited <code>OnItemDropRejected</code>, return to the bottom Item<code>OnReplacedItemDrop</code>, return the dropped Item<code> OnItemDrop</code>",
    "A1": "Maximum number",
    "A2": "Content components",
    "M1": "Whether to run drag and drop",
    "M2": "Whether the node is allowed to be dragged",
    "M3": "Copy a new Item to the target location",
    "M4": "Add special css class for Item",
    "M5": "Event when Item is released",
    "M6": "Event when Item release is rejected",
    "M7": "Event when Item is released on another Item, not blank space",
    "M8": "Event when an Item is rejected because the maximum number in the Dropzone exceeds the limit"
  },
  "BootstrapBlazor.Shared.Samples.Labels": {
    "Title": "Component label",
    "P1": "This set of components includes <code>ValidateForm</code> <code>EditorForm</code> and a variety of <b>Form components</b> inherited from <code>ValidateBase&lt;TValue&gt;</code>. Among these components There is a special set of display front label logic, now let’s sort it out in a unified way:",
    "UlLi1": "The <a href='/validateforms' target='_blank'>ValidateForm</a> component is a <b>verifiable</b> form component. The form component in this component will automatically perform data compliance checks. If Data non-compliance will prevent the <b>Submit</b> action, which is the most frequently used component in data submission",
    "UlLi2": "The <a href='/editorforms' target='_blank'>EditorForm</a> component is an ordinary form component. After this component is bound to the <code>Model</code>, the entire form can be automatically generated, which greatly reduces repetition Code, put the <code>ValidateForm</code> on the outside to open the <b>data compliance check</b> very convenient, concise and efficient",
    "P2": "Take the <a href='inputs' target='_blank'>BootstrapInput</a> input box component as an example to explain whether to display the <code>Label</code> logic",
    "Tips": "The logic of <code>ShowLabel</code> is the principle of proximity. The closer the setting is to itself, the setting takes effect. For example, the form component is built into the <code>ValidateForm</code> component, even if <code>ValidateForm</code> is set to <code>>ShowLabel=true</code>, when the form component itself sets <code>ShowLabel=false</code>, the final result of the label is <b>not displayed</b>",
    "Block1Title": "Use alone",
    "Block1Intro": "Suitable for data entry",
    "Block1P1": "When two-way binding is not used",
    "Block1Li1": "<code>Label</code> will not be displayed by default",
    "Block1Li2": "Control whether to display through the <code>ShowLabel</code> property",
    "Block1Li3": "Display content when setting <code>DisplayText</code>",
    "Block1Li4": "When not set, render a contentless <code>label</code> component as a placeholder",
    "GroupBox1Title": "No two-way binding",
    "GroupBox1D1": "No settings in the first text box, no label",
    "GroupBox1D2": "The second text box setting <code>ShowLabel='true' DisplayText=``</code> displays a placeholder label without content",
    "GroupBox1D3": "The third text box setting <code>ShowLabel='true' DisplayText='Name'</code> shows the set content label",
    "GroupBox1D4": "The fourth text box setting <code>ShowLabel='true' DisplayText='@null'</code> displays a placeholder label without content",
    "P3": "When using two-way binding",
    "GroupBox2Title": "Two-way binding",
    "GroupBox2D1": "The first text box is set to <code>@bind-Value='Dummy.Name'</code>, no label is displayed",
    "GroupBox2D2": "The second text box setting <code>@bind-Value='Dummy.Name' ShowLabel='true' DisplayText='@Localizer[nameof(Foo.Address)]'</code> Display the contents of the setting",
    "GroupBox2D3": "The third text box setting <code>@bind-Value='Dummy.Name' ShowLabel='true' DisplayText=``</code> Show no content placeholder label",
    "GroupBox2D4": "The fourth text box setting <code>@bind-Value='Dummy.Name' ShowLabel='true' DisplayText='@null'</code> Display the label content under the resource file mechanism<code>Label</code> code>",
    "Block2Title": "Used in EditorForm",
    "Block2Intro": "Not used in <code>ValidateForm</code>",
    "P4": "<b>Show label</b><div>The <code>ShowLabel</code> property of the <coe>EditorForm</coe> component is not set. If it is not set, it is equivalent to set to <code>true</code>. All components <b>display</b> tags</div>",
    "P5": "<b>Do not display labels</b><div>Set <code>ShowLabel=\"false\"</code>, all form components in the component <b>Do not display</b> tags</div>",
    "Block3Title": "Use in EditorForm built-in ValidateForm",
    "Block3Intro": "Used in external <code>ValidateForm</code>",
    "P6": "<b>Show label</b><div>The <code>ShowLabel</code> property of the <coe>EditorForm</coe> component is not set. If it is not set, it is equivalent to set to <code>true</code>. All components <b>display</b> tags</div>",
    "P7": "<b>Do not display labels</b><div>Set <code>ShowLabel=\"false\"</code>, all form components in the component <b>Do not display</b> tags</div>",
    "Block4Title": "Used in ValidateForm",
    "Block4Intro": "Show labels are automatically turned on by default",
    "P8": "<b>Show label</b><div>The <code>ShowLabel</code> property of the <coe>EditorForm</coe> component is not set. If it is not set, it is equivalent to set to <code>true</code>. All components <b>display</b> tags</div>",
    "P9": "<b>Do not display labels</b><div>Set <code>ShowLabel=\"false\"</code>, all form components in the component <b>Do not display</b> tags</div>",
    "P10": "<b>Show labels</b><div>set class <code>form-inline</code> for the all labels within the component are prefixed</div>",
    "P11": "<b>Tooltip</b>",
    "EditorFormLabelAlignRight": "<b>Alignment</b><div><code>LabelAlign=\"Alignment.Right\"</code> set the label alignment is right</div>",
    "EditorFormLabelAlignCenter": "<b>Alignment</b><div><code>LabelAlign=\"Alignment.Center\"</code> set the label alignment is center</div>",
    "ValidateFormAlignRight": "<b>Right</b><div><code>form-inline-end</code> set the label alignment is right</div>",
    "ValidateFormAlignCenter": "<b>Center</b><div><code>form-inline-center</code> set the label alignment is center</div>"
  },
  "BootstrapBlazor.Shared.Pages.Install": {
    "InstallTitle": "Install",
    "GitP1": "There are many kinds of Git tools that everyone is familiar with, here I introduce two Git client tools",
    "GitP2": "It is recommended to use the <a href='https://fork.dev'>Fork</a> tool to install, it can better and <a href='https://visualstudio.microsoft.com/vs/getting- started/' target='_blank'>Visutal Studio</a> to use with development tools.",
    "NugetInstall": "Nuget Install",
    "NugetP1": "Use <a href='https://www.nuget.org/packages?q=BootstrapBlazor' target='_blank'>nuget.org</a> to install BootstrapBlazor components",
    "EnvBuildTitle": "Project Environment Construction",
    "EnvLi1": "Install .net core sdk <a href='http://www.microsoft.com/net/download' target='_blan'>Official Website</a>",
    "EnvLi2": "Install Visual Studio 2022 and above <a href='https://visualstudio.microsoft.com/vs/getting-started' target='_blank'>Official website",
    "EnvLi3": "Pull the project code BootstrapBlazor <a href='{0}' target='_blank'>Warehouse URL</a>"
  },
  "BootstrapBlazor.Shared.Components.Video": {
    "H1": "B station related video link",
    "L1": "[portal]",
    "L2": "No"
  },
  "BootstrapBlazor.Shared.Components.UpdateIntro": {
    "H1": "Component library updated to",
    "B1": "Bootstrap Blazor at present has more than 120 components. This component is based on",
    "B2": "An enterprise-level component library that provides several types of common components such as layout, navigation, form, data, notification, icon, voice, etc. Each component has been carefully designed with modularity, responsiveness and excellent performance. Starting from more practical scenarios, meeting the needs of various scenarios, greatly reducing the time cost of developers, greatly shortening the development cycle, greatly improving development efficiency, and providing a set of",
    "B3": "General Rights Management System",
    "B4": "Example project",
    "B5": "Products are maintained by a professional full-time technical team, with efficient response speed, diversified solutions, long-term support, and enterprise-level support. At present, it has been used in many well-known state-owned enterprises, and the project is running stably with a maximum of <b>1200</b> people online. On the right is the QR code of the Chinese Blazor QQ community with the largest number of people in China, welcome to scan and join the group.",
    "P1": "component updated to",
    "P2": "Change log",
    "P3": "portal",
    "P4": "If the component brings you convenience, please help to light up the project"
  },
  "BootstrapBlazor.Shared.Pages.Localization": {
    "Title": "Localization",
    "P1": "Localization is the process of customizing an application for a given language and region.",
    "P2": "A component allows you to translate its UI elements into the desired language. This includes text for buttons, filter operator properties, etc. The component uses the current request by default",
    "P3": "Culture language, this article will show you how to use this feature in your app",
    "T1": "Please check before reading the following knowledge points",
    "T2": "Microsoft Official Documentation",
    "T3": "because",
    "T4": "The mode cannot obtain the system language and culture information, the default culture information is",
    "T5": "Please refer to the Change Default Language section at the end of the article",
    "N1": "How localization works in components",
    "N2": "Components additionally support the use of",
    "N3": "Type key-value information as a resource file, which is parsed as",
    "N4": "String rendered in",
    "N5": "The package comes with the following resource files",
    "N6": "Chinese (zh)",
    "N7": "English (en)",
    "N8": "German (de)",
    "N9": "Portuguese (pu)",
    "N10": "The component has a built-in localization language fallback mechanism. For example, the request culture is",
    "N11": "When the corresponding culture resource file is not provided, the built-in logic tries to localize through the parent culture to",
    "N12": "For example, the fallback mechanism is as follows",
    "N13": "arrive",
    "N14": "If the set localization language does not provide the resource file after falling back and still cannot find the resource file, use",
    "N15": "The cultural information set by the parameter is localized, the default is",
    "N16": "pay attention",
    "N17": "Due to some systems such as",
    "N18": "After the program runs, the thread cannot obtain the cultural information, and the default cultural information can be set through the configuration file",
    "N19": "Enable localization",
    "N20": "configuration file",
    "N21": "pass",
    "N22": "Set the fallback culture information, that is, use this configuration culture when the currently requested culture information is not found, through",
    "N23": "Set supported cultures collection",
    "N24": "Enable .NET Core localization service",
    "N25": "Add Bootstrap Blazor components",
    "N26": "Add multi-language support configuration information",
    "N27": "Enable localization",
    "N28": "Add BootstrapBlazor component",
    "N29": "Add localization service configuration information",
    "N30": "Enable localization middleware and set supported culture info",
    "N31": "Implement UI localization information storage (for example, cookies)",
    "N32": "Add UI that allows users to change localization",
    "N33": "Please select language",
    "N34": "Using the api method is suitable for Server-Side mode",
    "N35": "additional",
    "N36": "resource",
    "N37": "The component library supports Microsoft's default",
    "N38": "Format resource, also supports embedded",
    "N39": "format resources, and specific physical",
    "N40": "document",
    "N41": "The resource file is a merge relationship, and the addressing rule priority is",
    "N42": "Microsoft resx embedded resource file",
    "N43": "External json physical file",
    "N44": "json embedded resource file",
    "N45": "Built-in json resource file",
    "N46": "Ignore cultural info loss logs",
    "N47": "Set up RESX format multilingual resource files such as Program.{CultureName}.resx",
    "N48": "Set Json format embedded resource file",
    "N49": "Set Json physical path file",
    "N50": "or use service extension method",
    "N51": "Ignore the loss of localized key-value culture information",
    "N52": "Attach your own json multilingual culture resource file such as zh-TW.json",
    "N53": "Set Json physical path file",
    "N54": "Enable .NET Core localization service",
    "N55": "Add BootstrapBlazor component",
    "N56": "increase localization",
    "N57": "Implement UI localization information storage (for example, localStorage)",
    "N58": "Consistent with Server-Side",
    "N59": "Change the default language setting",
    "N60": "Set default culture to zh-CN",
    "N61": "Configure whether to display missing localized resource information",
    "N62": "Add BootstrapBlazor service",
    "N63": "Ignore the loss of localized key-value culture information",
    "LocalizationFileDesc": "The component built-in localization resource files are <code>en</code> <code>zh</code>. The other localization resource files <code>de</code> <code>es</code> <code>pt</code> <code>zh-TW</code> which are placed in the project folder <code>localization</code>. you can be downloaded by yourself and imported into the project through the injection service <a href=\"https://gitee.com/LongbowEnterprise/BootstrapBlazor/tree/main/localization\" target=\"_blank\"><img src=\"_content/BootstrapBlazor.Shared/images/gitee.svg\" class=\"gitee-icon\"></a> <a href=\"https://github.com/dotnetcore/BootstrapBlazor/tree/main/localization\" target=\"_blank\"><i class=\"fa-brands fa-github github-icon\"></i></a>",
    "AdditionalJsonFile": "Additional <code>json</code> localization file",
    "ES": "Spanish (es)",
    "TW": "中國台灣 (zh-TW)"
  },
  "BootstrapBlazor.Shared.Pages.Template": {
    "Title": "Project Template",
    "SubTitle": "Bootstrap Blazor App Template",
    "P1": "In order to make it easier for everyone to use this set of components to quickly build projects, the author has made <b>Project Templates</code></b>, using <code>dotnet new</code> command line mode, using Proceed as follows:",
    "P2": "1. Install the project template",
    "P3": "2. Create project",
    "P4": "After the project is created, the <code>BootstrapBlazorApp</code> solution will be generated in the current folder, and the <code>src</code> directory contains <code>Server-Side</code> <code>Wasm</code> Both types of projects can be run directly with <kbd>F5</kbd>",
    "P5": "3. Update project template",
    "P6": "The dotnet new update option checks if there are updates available for the template packages that are currently installed and installs them.",
    "P7": "3. Uninstall project template",
    "SubTitle1": "Bootstrap Blazor App Extension",
    "P8": "In order to facilitate the use of the <code>Bootstrap Blazor</code> component library, the author has created the <b>Project Template (<code>Bootstrap Blazor Project Template</code>)</b> extension plug-in, which can be installed through <code >Visual Studio 2022 IDE</code> When creating a new project, select the <code>Bootstrap Blazor project template</code>, and the solution is built in two types: <code>Server-Side</code> and <cide>wasm</cide> project",
    "P9": "Download Project template",
    "P10": "able to pass",
    "P11": "Built-in plugin extensions",
    "P12": "or",
    "P13": "Microsoft Plug-in Marketplace",
    "P14": "portal",
    "P15": "Direct download; domestic access to the Microsoft plug-in market is relatively slow, you can access the code cloud connection",
    "P16": "portal",
    "P17": "Install Project template",
    "P18": "Create Project"
  },
  "BootstrapBlazor.Shared.Pages.Golbalization": {
    "Title": "Globalization",
    "SubTitle": "ASP.NET Core Blazor Globalization",
    "P1": "Please check <a href='https://docs.microsoft.com/zh-cn/aspnet/core/blazor/globalization-localization?view=aspnetcore-3.1' target='_blank'> before reading the following knowledge points Official document</a>"
  },
  "BootstrapBlazor.Shared.Components.InstallContent": {
    "Heading": "Environmental preparation",
    "P1": "Make sure the system is installed",
    "P2": "or",
    "P3": "or",
    "P4": "Currently supported",
    "P5": "Create a project using the BootstrapBlazor Project Template extension",
    "P6": "you can pass",
    "P7": "portal",
    "P8": "After downloading and installing the extension, create a project through the extension",
    "P9": "Create a project with Visual Studio 1",
    "P10": "Step 1. Create a project",
    "P11": "Open Visual Studio 2022",
    "P12": "Create a new project",
    "P13": "choose",
    "P14": "and click",
    "P15": "Next step",
    "P16": "Choose a name and location for the project, then click",
    "P17": "Step 2. Add the BootstrapBlazor component to the existing project",
    "P18": "pass",
    "P19": "source search",
    "P20": "Right click on the project in the solution and select",
    "P21": "Install the BootstrapBlazor package",
    "P22": "Add stylesheet file",
    "P23": "Add a theme style sheet to the host file",
    "P24": "Need to reference BootstrapBlazor.FontAwesome package",
    "P25": "Add Javascript files",
    "P26": "add code",
    "P27": "Register the BootstrapBlazor service",
    "P28": "Add namespace reference",
    "P29": "Add the following to",
    "P30": "file so that",
    "P31": "Components are recognized in the file",
    "P32": "Increase",
    "P33": "component to",
    "P34": "in file",
    "P35": "under development",
    "P36": "Step 3. Use components in the page",
    "P37": "The last step is to use in the page",
    "P38": "component and run it in the browser. E.g",
    "P39": "add one to the page",
    "P40": "button",
    "P41": "test",
    "P42": "exist",
    "P43": "middle",
    "P44": "run the application",
    "Tips2": "If you use the <code>Blazor App</code> template to create a project, please remove the default <code>Bootstrap</code> style link <code>&lt;link rel='stylesheet' href='css/bootstrap/bootstrap.min.css' /&gt;</code>. Install <b>FontAwesome</b> related resources by yourself or get the nuget package <code>BootstrapBlazor.FontAwesome</code>"
  },
  "BootstrapBlazor.Shared.Pages.Install_Server": {
    "Title": "Server-Side Blazor Installation Tutorial",
    "D1": "choose",
    "D2": "project type, then click",
    "Configure": "Configure Service",
    "CodeComment": "Add this line of code"
  },
  "BootstrapBlazor.Shared.Pages.Theme": {
    "H1": "Component theme",
    "H2": "Test",
    "P1": "The current website theme supports the following",
    "P2": "Motronic (integrated)",
    "P3": "LayUI (in progress)",
    "P4": "Bluma (in progress)",
    "P5": "Ant Design (in progress)",
    "P6": "Theme switch",
    "P7": "If switch to",
    "P8": "theme, please use the original",
    "P9": "The added style file is as follows",
    "P10": "add this line"
  },
  "BootstrapBlazor.Shared.Pages.Install_Maui": {
    "H1": "Environmental preparation",
    "P1": "Make sure the system is installed",
    "P2": "Version",
    "P3": "Create a project with Visual Studio",
    "P4": "Step 1. Create a project",
    "P5": "Create a new project",
    "P6": "choose",
    "P7": ".NET MAUI Blazor application",
    "P8": "and click",
    "P9": "Next step",
    "P10": "Choose a name and location for the project, then click",
    "P11": "Next step",
    "P12": "create",
    "P13": "Step 2. Add the BootstrapBlazor component to the existing project",
    "P14": "1. Search <code>BootstrapBlazor</code> through the <b>nuget.org</b> source",
    "P15": "Right click on the project in the solution and select",
    "P16": "2. Install the BootstrapBlazor package",
    "P17": "3. Add stylesheet file",
    "P18": "Add a theme style sheet to the host file",
    "P19": "Need to reference BootstrapBlazor.FontAwesome package",
    "P20": "4. Add the Javascript file",
    "P21": "add code",
    "P22": "5. Register the BootstrapBlazor service",
    "P23": "6. Add namespace reference",
    "P24": "Add the following to",
    "P25": "file so that",
    "P26": "Components are recognized in the file",
    "P27": "7. Increase",
    "P28": "component to",
    "P29": "in file",
    "P30": "under development",
    "P31": "Step 3. Use components in the page",
    "P32": "The last step is to use in the page <code>BootstrapBlazor</code> component and run it in the browser. E.g",
    "P33": "Please remove the default <code>Bootstrap</code> style link <code>&lt;link rel='stylesheet' href='css/bootstrap/bootstrap.min.css' /&gt;</code>; The icon of this project uses the <code>FontAwesome</code> icon library. Please refer to yourself or get the <code>BootstrapBlazor.FontAwesome</code> nuget package",
    "P34": "1. Add one to the page",
    "P35": "button",
    "P36": "test",
    "P37": "2. In",
    "P38": "middle",
    "P39": "run the application",
    "P40": "Mixed modes using both Razor and Xaml",
    "P41": "1. Pages folder add a file named",
    "P42": "The MAUI ContentView control file",
    "P43": "2. Revise",
    "P44": "in the file",
    "P45": "for",
    "P46": "(You can also use",
    "P47": "and other navigation components)",
    "P48": "exist",
    "P49": "middle",
    "P50": "run the application",
    "P51": "MAUI Blazor Installation tutorial"
  },
  "BootstrapBlazor.Shared.Pages.Install_wasm": {
    "Heading": "Client Blazor Installation Tutorial",
    "P1": "choose",
    "P2": "project type, then click",
    "Title": "Client Side",
    "CodeComment": "Add this line of code"
  },
  "BootstrapBlazor.Shared.Samples.Dividers": {
    "Title": "Dividing line",
    "Description": "The dividing line that separates the content.",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Split text paragraphs in different chapters.",
    "AlignmentTitle": "Set copy",
    "AlignmentIntro": "You can customize the content of the copy on the dividing line.",
    "IconTitle": "Settings icon",
    "IconIntro": "You can customize the content of the copy on the dividing line.",
    "VerticalTitle": "Vertical split",
    "VerticalIntro": "Display dividing line vertically",
    "ChildContentTitle": "Custom content",
    "ChildContentIntro": "Any content can be customized by setting the content of <code>ChildContent</code>",
    "Desc1": "Set the split line to display text",
    "Desc2": "Set the split line display icon",
    "Desc3": "Set the split line display text alignment",
    "Desc4": "Set whether the dividing line is vertical division",
    "Desc5": "ChildContent template"
  },
  "BootstrapBlazor.Shared.Demos.Divider.DividerNormal": {
    "Content1": "Youth is a short dream, when you wake up, it has long since disappeared.",
    "Content2": "A small amount of evil is enough to cancel out all the noble qualities, causing people to be infamous."
  },
  "BootstrapBlazor.Shared.Demos.Divider.DividerAlignment": {
    "Divider1": "Young Bao Qingtian",
    "Divider2": "League of Legends",
    "Divider3": "Learning Quotations",
    "Content3": "A cute icon",
    "Content4": "Learning makes me happy"
  },
  "BootstrapBlazor.Shared.Demos.Divider.DividerIcon": {
    "Content1": "A sunny day above my head, I missed one in my heart",
    "Content2": "When the knight returns, the day the broken sword is reforged",
    "Content3": "A cute icon",
    "Content4": "Learning makes me happy",
    "Bookmark": "Bookmarks"
  },
  "BootstrapBlazor.Shared.Demos.Divider.DividerVertical": {
    "Content1": "Rain",
    "Content2": "Old hometown",
    "Content3": "Deep vegetation",
    "Divider": "Dividing line"
  },
  "BootstrapBlazor.Shared.Demos.Divider.DividerChildContent": {
    "Content1": "A sunny day above my head, I missed one in my heart",
    "Content2": "When the knight returns, the day the broken sword is reforged",
    "DividerContent": "I am a custom content <code>div</code> element"
  },
  "BootstrapBlazor.Shared.Samples.Scrolls": {
    "ScrollTitle": "Scroll",
    "ScrollDescription": "Add scroll bars to components whose height or width exceeds the standard",
    "ScrollTips": "The scroll bar can be rendered only when its element has a fixed height. Its <code>height</code> attribute can be set through the coat element",
    "ScrollNormalTitle": "Common usage",
    "ScrollNormalIntro": "Add a scroll bar to the component. By setting the height of <code>Height</code> to 200px, the scroll bar appears when the height of the inner child element is 400px",
    "Desc1": "Subassembly",
    "Desc2": "Component height"
  },
  "BootstrapBlazor.Shared.Demos.Scroll.ScrollNormal": {
    "ScrollNormalDescription": "Please scroll the scroll bar on the right",
    "ScrollNormalbottom": "bottom"
  },
  "BootstrapBlazor.Shared.Samples.LayoutPages": {
    "H1": "full page level components",
    "P1": "via built-in components",
    "P2": "For full page layout, you can use",
    "P3": "or install",
    "P4": "Project plugin selection",
    "P5": "Bootstrap Blazor Project Template",
    "P6": "It can be automatically generated. For detailed documents, please click",
    "P7": "portal",
    "P8": "pay attention",
    "P9": "component on",
    "P10": "multi-label",
    "P11": "mode, if there is",
    "P12": "Razor Components",
    "P13": "When in an extra assembly, set it correctly",
    "P14": "Attribute values ​​so that routes within the label component are resolved correctly, related documentation",
    "P15": "portal",
    "P16": "Layout adjustment",
    "P17": "show footer",
    "P18": "multi-label",
    "P19": "single page",
    "P20": "Fixed adjustment",
    "P21": "fixed label",
    "P22": "fixed header",
    "P23": "fixed footer",
    "P24": "Shrink adjustment",
    "P25": "Please click",
    "P26": "small green button in",
    "P27": "height adjustment",
    "P28": "view height",
    "P29": "Tab Test",
    "P30": "click",
    "P31": "test",
    "P32": "test",
    "P33": "button will add a new tab",
    "P34": "Navigate to a new tab page as code",
    "P35": "navigation"
  },
  "BootstrapBlazor.Shared.Samples.Layouts": {
    "Title": "Layout",
    "H1": "The container component used for layout, which is convenient to quickly build the basic structure of the page:",
    "Code1": "Outer container. When the child element contains <code>Header</code> or <code>Footer</code>, all child elements will be arranged vertically up and down, otherwise they will be arranged horizontally.",
    "Code2": "Top bar container",
    "Code3": "Sidebar container",
    "Code4": "Main area container",
    "Code5": "Bottom bar container",
    "H2": "Component overview",
    "Code6": "Layout container, <code>Header</code> <code>Sider</code> <code>Main</code> <code>Footer</code> or <code>Layout</code> itself can be nested under it , Can be placed in any parent container",
    "Code7": "Top layout, with default style, any elements can be nested under it",
    "Code8": "Sidebar, with default style and basic functions, any elements can be nested under it",
    "Code9": "The content part, with its own default style, any element can be nested under it",
    "Code10": "Bottom layout, with default style, any element can be nested under it",
    "P1": "The above components adopt flex layout, please make sure the target browser is compatible before using. In addition, the child element of <code>Layout</code> can only be the latter four, and the parent element of the latter four can only be <code>Layout</code>",
    "b1": "Matters needing attention",
    "P2": "In order to make it easy for everyone to use this set of components to quickly build projects, the author has created <b>Project Templates</code></b>, using the <code>dotnet new</code> command line, and < code>Bootstrap Blazor App Extension extension plug-in</code> Create a new project through <code>Visual Studio 2022</code>. For specific usage and steps, please click <a href='template' target='_blank'>Portal</a>",
    "H3": "Common page layout",
    "Block1Title": "Top, middle and bottom layout",
    "Block1Intro": "Commonly found in Internet website layout",
    "Block2Title": "Left and right structural layout in the middle",
    "Block2Intro": "The middle part adopts the left and right structure, which is mostly used for back-end management website layout. When the <code>Side</code> component is added to the layout template, the upper middle and lower parts are used by default, and the middle part adopts the left and right structure layout.",
    "Block3title": "Left and right structure",
    "Block3Intro": "The right side adopts an upper, middle and lower structure, which is mostly used for back-end management of the website layout, and the layout is controlled to the left and right structure by setting the <code>IsFullSide</code> attribute value",
    "Block4Title": "Customize sidebar width support percentage",
    "Block4Intro": "The width of the sidebar is controlled by setting the <code>SideWidth</code> property, which supports percentage writing. When setting <code>0</code>, the width setting function is turned off, and the internal sub-controls are used to fill the width feature",
    "Block5Title": "Practical application",
    "D1": "In actual use, the sidebar generally has two uses",
    "D2": "The sidebar fills the entire screen, and scroll bars appear when the overall height of the menu exceeds the screen",
    "D3": "The sidebar is not processed and the height is automatically opened by the content",
    "D4": "Because there are many ways to use it, this component is not packaged, and it is up to you to decide how to carry out the layout. The following is a practical example in actual use",
    "P3": "In order to facilitate your study and comparison, try to use the <code>style</code> inline style in the following practical examples",
    "P4": "In this example, a scroll bar appears after clicking the menu on the left to expand",
    "Tips1": "The available area in the right panel is all by default, which is suitable for layouts with <code>Tab</code> components. In this example, for the sake of beauty, the <code>Main</code> template has a built-in <code>div</code > And set the style to <code>style='padding: 1rem;'</code>",
    "P5": "In this example, if the scroll bar does not appear after clicking the left menu to expand, the height of the parent container will be expanded",
    "P6": "Please refer to <a href='/tabs'>Tab component</a> for practical examples of using <code>Layout</code> component and <code>Tab</code> component together",
    "Block6Title": "Full page level components",
    "Tips2": "By setting the <code>IsPage</code> property to set whether the <code>Layout</code> component controls the layout of the front page level, after setting it to <code>true</code>, the component adopts the full-screen layout",
    "Li": "Whole page component generator",
    "Desc1": "Header component template",
    "Desc2": "Sidebar component template",
    "Desc3": "Sidebar width, support percentage, turn off the width function when set to 0",
    "Desc4": "Content component template",
    "Desc5": "Footer component template",
    "Desc6": "Sidebar menu data collection when the whole page is laid out",
    "Desc7": "Whether the sidebar occupies the entire left",
    "Desc8": "Whether it is the whole page layout",
    "Desc9": "Whether to fix the Footer component",
    "Desc10": "Whether to fix the Header component",
    "Desc11": "Whether to show contraction and expansion Bar",
    "Desc12": "Whether to show Footer template",
    "Desc13": "Whether to display the back to top button",
    "Desc14": "Whether to open multi-label mode",
    "Desc15": "Collection of additional programs, passed to the Tab component for use",
    "Desc16": "Contract expand callback delegate",
    "Desc17": "Call back the delegate when the menu item is clicked",
    "TabDefaultUrl": "Set the default url of Tab",
    "IsAccordion": "Whether to set the accordion menu"
  },
  "BootstrapBlazor.Shared.Samples.Footers": {
    "Title": "Footer",
    "H1": "Displayed at the bottom of the page, with a back to top button",
    "P1": "When using <code>Footer</code> components, pay attention to the setting of the style sheet <code>position</code> attribute",
    "BlockTitle": "Basic usage",
    "BlockIntro": "Pass the ID of the scroll bar component to the footer component",
    "P2": "The Footer component is displayed at the bottom, and the page will automatically scroll back to the top when you click to return to the top",
    "P3": "This example passes the component client ID",
    "Desc1": "The text displayed by the footer component",
    "Desc2": "The ID of the scroll bar component controlled by the footer component",
    "ShowGotoDesc": "Whether to show the goto navigation on the right of footer",
    "ChildContentDesc": "The template of child content",
    "ShowGotoTitle": "Show Goto",
    "ShowGotoIntro": "Set <code>ShowGoto</code> to <code>false</code> for hide the <code>Goto</code> navigator on the right of footer",
    "ChildContentTitle": "ChildContent",
    "ChildContentIntro": "Set <code>ChildContent</code> for custom the child content"
  },
  "BootstrapBlazor.Shared.Samples.Rows": {
    "Title": "Row",
    "H1": "The number of components displayed in a row can be easily set",
    "Block1Title": "Place common controls",
    "Block1Intro": "Put your own components inside <code>Row</code>",
    "b1": "3 rows are displayed, using <code>Row</code>",
    "Block2Title": "Place form controls (inline)",
    "Block2Intro": "When placing form controls, you can specify <code>RowType</code> as <code>Inline</code>, and <b>Label</b> will be displayed on the left, and the control will fill the remaining space",
    "Block3Title": "Place form controls",
    "Block3Intro": "When placing form controls, you can specify <code>Normal</code> as <code>FormRow</code>, and <b>Label</b> will be displayed on the top, and the control will be full",
    "P1": "In this example, the <code>Row</code> component is built into the <code>ValidateForm</code> component, and the front <code>Label</code> tag is automatically added",
    "Block4Title": "Nested use",
    "Block4Intro": "The <code>Row</code> component supports nested use. For example, the outermost <code>Row</code> below sets a row to display two controls, the first is <code>TextBox</code>, the second One is still <code>Row</code>, and the second <code>Row</code> continues to be set to display two controls",
    "Block5Title": "Cross-column",
    "Block5Intro": "The <code>Row</code> component can set the number of spanning columns by specifying the <code>ColSpan</code> value. Combining these functions can achieve complex layouts",
    "b2": "4 in a row",
    "b3": "2 in a row",
    "b4": "The row shows 4 <code>Address</code> in 2 columns",
    "b5": "Row shows 4, the second component <code>ColSpan</code> is set to 3",
    "b6": "Row shows 2, the first component <code>ColSpan</code> is set to 3",
    "b7": "A component in a row",
    "Desc1": "Set a row to display several controls",
    "Desc2": "Set the layout format, if the child Row is not specified, the parent Row’s settings will be used",
    "Desc3": "Set the number of columns of child Row across parent Row",
    "Desc4": "Set the maximum number of controls displayed in a row",
    "Normal": "Normal",
    "Inline": "Inline"
  },
  "BootstrapBlazor.Shared.Samples.Skeletons": {
    "Title": "Skeleton",
    "H1": "Provide a placeholder graphic combination where you need to wait for content to load",
    "b1": "When to use",
    "Li1": "When the network is slow and it takes a long time to wait for the loading process",
    "Li2": "Lists/cards with more graphic information content",
    "Li3": "Only used when loading data for the first time",
    "Li4": "Can be completely replaced by Spin, but can provide better visual effects and user experience than Spin in available scenarios",
    "Block1Title": "Picture frame",
    "Block1Intro": "Suitable for display when loading avatars, pictures, etc.",
    "P1": "It can be set to a circle display by setting the <code>Circle</code> property",
    "Block2Title": "Paragraph skeleton",
    "Block2Intro": "Applicable to display when loading large paragraphs of text and other types",
    "P2": "The default paragraph skeleton screen only displays three lines. If you need multiple lines to occupy space, please place multiple <code>SkeletonParagraph</code>.",
    "Block3Title": "Form skeleton",
    "Block3Intro": "Suitable for display when the edit form is loaded",
    "Block4Title": "Table skeleton",
    "Block4Intro": "Applicable to display when the edit table is loaded",
    "BlockTreeTitle": "Tree skeleton",
    "BlockTreeIntro": "Display when tree component is loaded"
  },
  "BootstrapBlazor.Shared.Pages.Coms": {
    "Search": "Search for the desired component",
    "Text1": "Layout",
    "DividerText": "Divider",
    "LayoutText": "Layout",
    "FooterText": "Footer",
    "RowText": "Row",
    "ScorllText": "Scroll",
    "SkeletonText": "Skeleton",
    "SplitText": "Split",
    "Text2": "Navigation",
    "AnchorText": "Anchor",
    "AnchorLinkText": "AnchorLink",
    "BreadcrumbText": "Breadcrumb",
    "MenuText": "Menu",
    "NavText": "Nav",
    "DropdownText": "Dropdown",
    "FullScreenText": "FullScreen",
    "GoTopText": "GoTop",
    "LogoutText": "Logout",
    "PaginationText": "Pagination",
    "StepsText": "Steps",
    "TabText": "Tab",
    "Text3": "Form",
    "EditorFormText": "EditorForm",
    "ValidateFormText": "ValidateForm",
    "AutoCompleteText": "AutoComplete",
    "AutoFillText": "AutoFill",
    "ButtonText": "Button",
    "CascaderText": "CascadingSelection",
    "CheckboxText": "Checkbox",
    "CheckboxListText": "CheckboxList",
    "ColorPickerText": "ColorPicker",
    "DateTimePickerText": "DateTimePicker",
    "DateTimeRangeText": "DateTimeRange",
    "EditorText": "Editor",
    "InputText": "Input",
    "InputNumberText": "InputNumber",
    "InputGroupText": "InputGroup",
    "MarkdownText": "Markdown",
    "FloatingLabelText": "FloatingLabel",
    "RadioText": "Radio",
    "RateText": "Rate",
    "SelectText": "Select",
    "MultiSelectText": "MultiSelect",
    "SliderText": "Slider",
    "SwitchText": "Switch",
    "TextareaText": "Textarea",
    "ToggleText": "Toggle",
    "TransferText": "Transfer",
    "UploadText": "Upload",
    "Text4": "Data",
    "AvatarText": "Avatar",
    "BadgeText": "Badge",
    "CardText": "Card",
    "CalendarText": "Calendar",
    "CaptchaText": "Captcha",
    "CarouselText": "Carousel",
    "CircleText": "Circle",
    "ClientText": "Client",
    "DisplayText": "Display",
    "EmptyText": "Empty",
    "LocatorText": "Locator",
    "ImageViewerText": "ImageViewer",
    "IpText": "IpAddress",
    "PrintText": "Print",
    "TitleText": "Title",
    "DownloadText": "Download",
    "TransitionText": "Transition",
    "CollapseText": "Collapse",
    "DropdownWidgetText": "DropdownWidget",
    "GroupBoxText": "GroupBox",
    "LinkButtonText": "LinkButton",
    "ListViewText": "ListView",
    "PopoverText": "Popover",
    "QRCodeText": "QRCode",
    "SearchText": "Search",
    "RecognizerText": "Recognizer",
    "SpeechWaveText": "SpeechWave",
    "SwitchButtonText": "Switch Button",
    "TableText": "Table",
    "TagText": "Tag",
    "TimelineText": "Timeline",
    "TooltipText": "Tooltip",
    "TreeText": "Tree",
    "TreeViewText": "TreeView",
    "BarcodeReaderText": "BarcodeReader",
    "BlockText": "Block",
    "CameraText": "Camera",
    "HandwrittenPageText": "Handwritten",
    "Text5": "Notification",
    "AlertText": "Alert",
    "ConsoleText": "Console",
    "DialogText": "Dialog",
    "DrawerText": "Drawer",
    "EditDialogText": "EditDialog",
    "MessageText": "Message",
    "ModalText": "Modal",
    "LightText": "Light",
    "PopconfirmText": "Popconfirm",
    "ProgressText": "Progress",
    "ReconnectorText": "Reconnector",
    "ResponsiveText": "Responsive",
    "SpinnerText": "Spinner",
    "SweetAlertText": "SweetAlert",
    "SearchDialogText": "SearchDialog",
    "ToastText": "Toast",
    "TimerText": "Timer",
    "Text6": "Chart",
    "ChartText": "Chart",
    "ChartSummaryText": "Summary",
    "ChartLineText": "Line",
    "ChartBarText": "Bar",
    "ChartPieText": "Pie",
    "ChartDoughnutText": "Doughnut",
    "ChartBubbleText": "Bubble",
    "DispatchText": "Dispatch",
    "GeolocationText": "Geolocation",
    "OnScreenKeyboardText": "OnScreenKeyboard",
    "NotificationText": "Notification",
    "SignaturePadText": "SignaturePad",
    "BluetoothText": "Bluetooth & Printer",
    "PdfReaderText": "PDF Reader",
    "VideoPlayerText": "VideoPlayer",
    "FileViewerText": "FileViewer"
  },
  "BootstrapBlazor.Shared.Pages.Breakpoints": {
    "Heading": "Breakpoints",
    "Heading1": "Breakpoints are customizable widths that determine how responsive layouts behave in Bootstrap across devices or viewport sizes",
    "Paragraph1": "Available breakpoints",
    "Paragraph2": "Bootstrap includes six default breakpoints, sometimes called grid layers, for responsive builds",
    "TableHeading1": "Breakpoint name",
    "TableHeading2": "Class suffix",
    "TableHeading3": "Threshold",
    "Name1": "tiny",
    "Name2": "small",
    "Name3": "medium",
    "Name4": "large",
    "Name5": "oversized",
    "Name6": "extra large",
    "Amount": "pixel",
    "Footer1": "The components have been adapted to extra large screens by default, and many defaults are",
    "Footer2": "like",
    "Footer3": "The default popup size"
  },
  "BootstrapBlazor.Shared.Pages.Layout": {
    "Heading": "Component Hierarchy",
    "Para1": "Since there are many pop-up window components, in some scenarios, multiple pop-up windows will be used to combine them. This chapter describes how to manage components in layers. Below is",
    "Para2": "provided built-in",
    "Para3": "value",
    "Para4": "This set of components additionally",
    "Para5": "The components are layered as follows",
    "Para6": "test session",
    "Button": "test",
    "Footer1": "because",
    "Footer2": "The component does not provide a service form, and it is retrofitted later"
  },
  "BootstrapBlazor.Shared.Samples.GlobalException": {
    "Title": "Global exception",
    "Introduce": "Added component <code>ErrorLogger</code> Through this component, global logs and exceptions can be output uniformly; currently, the <code>Blazor</code> framework does not provide a <code>MVC</code> like <b>Global exception</b> The overall solution",
    "H1": "Instructions",
    "Step1": "1. Add <code>AddLogging</code> to the <code>Startup</code> file to enable the <code>net core</code> system log function",
    "Step1Introduce": "Use <code>AddFileLogger</code> need to reference <b>Longbow.Logging</b> component package",
    "Step2": "2. Use <code>BootstrapBlazorRoot</code> to wrap the content",
    "Step3": "3. Use cascading parameters in the code to get examples",
    "Step4": "4. Console or <b>IIS</b> output visible log information",
    "Step5": "5. Controls whether error details are displayed",
    "Step5Intro": "Through the configuration file <code>appsettings.json</code>, which is <code>appsettings.Development.json</code> in the development environment, if not set, it defaults to <code>false</code> and is not displayed. The default behavior is only a pop-up prompt to prevent the exposure of sensitive information",
    "Block1Title": "Test",
    "Block1Intro": "This function is to obtain the component instance through the cascade parameter and use its function",
    "ExceptionTestIntroduce": "In this example code, an error code that divides by zero is written. Because <code>try/catch</code> is used to capture the exception, the error message is displayed in the console below",
    "ButtonText": "test",
    "Block2Title": "OnErrorHandleAsync",
    "Block2Intro": "Set custom exception handling logic by setting <code>OnErrorHandleAsync</code> callback method"
  },
  "BootstrapBlazor.Shared.Samples.Splits": {
    "Title": "Split",
    "Block1Title": "Basic usage",
    "Block1Intro": "Left and Right",
    "Pannel1": "I am the left panel",
    "Pannel2": "I am the right panel",
    "Block2Title": "Set initialization percentage",
    "Block2Intro": "Set the proportion of the initial position by setting the <code>Basis</code> attribute",
    "Block3Title": "Vertical split",
    "Block3Intro": "Control the vertical split panel by setting the <code>IsVertical</code> property",
    "Pannel3": "I am the upper panel",
    "Pannel4": "I am the bottom panel",
    "Block4Title": "Nested use",
    "Block4Intro": "Combine layout by nesting <code>Split</code> components",
    "Pannel5": "Upper",
    "Pannel6": "Lower",
    "Pannel7": "Right",
    "Desc1": "style",
    "Desc2": "Percentage of first pane position",
    "Desc3": "First pane template",
    "Desc4": "Second pane template"
  },
  "BootstrapBlazor.Shared.Samples.Dropdowns": {
    "Title": "Dropdown",
    "Description": "Collapse actions or menus into drop-down menus",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Use <code>TagName='a'</code> to open a drop-down list with a button tag",
    "NullTitle": "Dropdown empty drop-down menu",
    "NullIntro": "Allow empty <code>Items</code> drop-down menus",
    "ColorTitle": "Drop-down box with color",
    "ColorIntro": "Provide warning message boxes in various colors. Quote <code>Color='Color.Primary'</code> and other color and style classes to define the appearance of the drop-down menu",
    "SplitTitle": "Split button drop-down menu",
    "SplitIntro": "You can create a split drop-down menu with tags similar to a single button drop-down menu, and add ShowSplit='true' (you need to add <code>DropdownType='DropdownType.ButtonGroup</code>') when you use a split component. Insert this symbol as a drop-down The options are handled at appropriate intervals (distance).",
    "SizeTitle": "Size definition",
    "SizeIntro": "The drop-down menu has a variety of size specifications to choose from <code>Size</code> attributes, including preset and split button drop-down menus.",
    "DirectionTitle": "Expanding direction",
    "DirectionIntro": "Add the style of <code>Direction='Direction.Dropup'</code> to make the drop-down menu expand upward.",
    "AlignmentTitle": "Menu alignment",
    "AlignmentIntro": "By default, the right side of the drop-down menu is aligned by setting <code>MenuAlignment=Alignment.Right</code>",
    "ItemsTitle": "Bind data source",
    "ItemsIntro": "When you click the button on the right, the menu items in the drop-down box will increase",
    "RadioTitle": "Bind data source",
    "RadioIntro": "When you change the options, the menu items in the drop-down box will increase",
    "CascadeTitle": "Cascade binding",
    "CascadeIntro": "By selecting different options in the first drop-down box, the second drop-down box is filled with content dynamically.",
    "IsFixedButtonTextTitle": "Fixed button text",
    "IsFixedButtonTextIntro": "Set <code>IsFixedButtonText</code> to <b>true</b> make the ButtonText to const",
    "FixedButtonTextTitle": "Set the fixed button text",
    "FixedButtonTextIntro": "Set the <code>FixedButtonText</code> value for fixed button text",
    "ADesc1": "Currently selected value",
    "ADesc2": "Style",
    "ADesc3": "Color",
    "ADesc4": "Drop-down box pop-up direction",
    "ADesc5": "Drop-down box value",
    "ADesc6": "Menu alignment",
    "ADesc7": "Menu item rendering label",
    "ADesc8": "Menu alignment",
    "ADesc9": "Split button drop-down menu (you need to add MenuType='MenuType.Btngroup' when using split component)",
    "ADesc10": "Size",
    "ADesc11": "Label",
    "EDesc1": "Triggered when the value of the drop-down box changes",
    "FixedButtonText": "The text of fixed button"
  },
  "BootstrapBlazor.Shared.Demos.Dropdown.DropdownNormal": {
    "Item1": "Melbourne",
    "Item2": "Sydney",
    "Item3": "Queensland"
  },
  "BootstrapBlazor.Shared.Demos.Dropdown.DropdownColor": {
    "Item1": "Melbourne",
    "Item2": "Sydney",
    "Item3": "Queensland"
  },
  "BootstrapBlazor.Shared.Demos.Dropdown.DropdownSplit": {
    "Item1": "Melbourne",
    "Item2": "Sydney",
    "Item3": "Queensland"
  },
  "BootstrapBlazor.Shared.Demos.Dropdown.DropdownSize": {
    "Item1": "Melbourne",
    "Item2": "Sydney",
    "Item3": "Queensland"
  },
  "BootstrapBlazor.Shared.Demos.Dropdown.DropdownDirection": {
    "Item1": "Melbourne",
    "Item2": "Sydney",
    "Item3": "Queensland"
  },
  "BootstrapBlazor.Shared.Demos.Dropdown.DropdownAlignment": {
    "Item1": "Melbourne",
    "Item2": "Sydney",
    "Item3": "Queensland"
  },
  "BootstrapBlazor.Shared.Demos.Dropdown.DropdownItems": {
    "Item1": "Melbourne",
    "Item2": "Sydney",
    "Item3": "Queensland",
    "AddItem": "Add",
    "RemoveItem": "Remove",
    "City": "City"
  },
  "BootstrapBlazor.Shared.Demos.Dropdown.DropdownRadio": {
    "Item1": "Melbourne",
    "Item2": "Sydney",
    "Item3": "Queensland"
  },
  "BootstrapBlazor.Shared.Demos.Dropdown.DropdownCascade": {
    "Item1": "Select ...",
    "Item2": "Melbourne",
    "Item3": "Sydney",
    "Item4": "Hangzhou",
    "Item5": "chaoyang",
    "Item6": "haidian",
    "Item7": "jingan",
    "Item8": "huangpu"
  },
  "BootstrapBlazor.Shared.Demos.Dropdown.DropdownIsFixedButtonText": {
    "Item1": "Melbourne",
    "Item2": "Sydney"
  },
  "BootstrapBlazor.Shared.Demos.Dropdown.DropdownFixedButtonText": {
    "Item1": "Melbourne",
    "Item2": "Sydney",
    "City": "City"
  },
  "BootstrapBlazor.Shared.Samples.GoTops": {
    "Title": "GoTop",
    "Description": "Click to return to the top of the specified container",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Click to return to the top usage",
    "Desc1": "The scroll bar component ID controlled by the footer component"
  },
  "BootstrapBlazor.Shared.Demos.GoTop.GoTopNormal": {
    "Description1": "The Footer component appears at the bottom, and the page automatically scrolls back to the top when you click Back to the Top",
    "Description2": "This example passes the component client ID"
  },
  "BootstrapBlazor.Shared.Samples.Menus": {
    "Title": "Menu",
    "H1": "A list of menus that provide navigation for pages and features.",
    "Tips1": "<code>Menu</code> component is generally used for menu navigation, i.e. redirect navigation by clicking on the address bar after the menu, but sometimes you don't need navigation in real life, by setting <code>OnClick</code> callback delegate, custom processing logic, at this point by setting Property <code>The</code> of TheableNavigation, in this case all <code>Menu</code> are set to <code>true</code> disable navigation because they are analog menu clicks and do not actually navigate the address bar",
    "Block1Title": "Top bar",
    "Block1Intro": "A wide range of basic usages are applicable.",
    "Block2Title": "Bottom bar",
    "Block2Intro": "Set the parameter <code>IsBottom</code> value is <b>true</b> menu bar at the bottom of the container, for the mover",
    "Tips2": "Because the <b>bottom bar menu</b> is relatively positioned relative to the parent container, you need to set the parent node style <code>position-</code>, or customize the style <code>theposition-fixed</code>",
    "Block3Title": "Top bar menu with icon",
    "Block3Intro": "For simple website apps, set the menu icon by setting the menu item <code>the <code>Icon</code> property of the MenuItem</code>",
    "Block4Title": "Sidebar",
    "Block4Intro": "For sites with left and right structure layouts, change the navigation menu to sidebar by setting <code></code>",
    "Block5Title": "Sidebar menu with icon",
    "Block5Intro": "Set the menu icon by setting the menu item <code>the <code>Icon</code> property of the MenuItem</code>",
    "Block6Title": "Sidebar for accordion effects",
    "Block6Intro": "Set the accordion effect sidebar menu by setting the <code>IsAccordion</code> property",
    "Block7Title": "Sidebar effect with shrink",
    "Block7Intro": "Set the sidebar menu to the put-away state by setting the <code>IsCollapsed</code> property",
    "AlertText": "Note that the <code>IsCollapsed</code> property is available only if the <code>IsVertical</code> is true, i.e. only sidebar menus",
    "P1": "In this example, the layout component <code>Layout</code> is used to build a web page, set the <code>SideWith'0'</code> turn off the sidebar width setting, and use the internal menu width from fit",
    "Block7aTitle": "Click expand to shrink the left menu",
    "Block7Span": "I am the title of the website",
    "MenuTitle": "Backstage management",
    "Block8Title": "Menu with pendant",
    "Block8Intro": "Set the custom component into the menu by setting the <code>Component</code> property of the MenuItem</code> <code>",
    "Block9Title": "Custom node shrinkage",
    "Block9Intro": "Set whether the node is receding by setting the <code>IsCollapsed</code> property of the <code>MenuItem</code>",
    "P2": "In this example, the <b>permission settings</b>node is expanded and the remaining nodes are in the recess state",
    "Block10Title": "Dynamically change the menu",
    "Block10Intro": "Change the menu item by dynamically setting <code>Theitems</code> property values",
    "Block10Button1": "Update the menu",
    "Block10Button2": "Reset the menu",
    "Block11Title": "Some menus disable functionality",
    "Block11Intro": "Set whether the node is disabled by setting the <code>IsDisabled</code> property of the</code>MenuItem<code>",
    "P3": "In this example <b>navigation two</b> node is disabled and the menu and its submenu are not clickable",
    "b1": "Example of a disablement of the sidebar",
    "Desc1": "A collection of menu component data",
    "Desc2": "Whether it is a sidebar",
    "Desc3": "Whether it is the bottom bar",
    "Desc4": "Whether the accordion effect",
    "Desc5": "Whether to disable address bar navigation",
    "Desc6": "This method is called back when a menu item is clicked",
    "System": "System",
    "Website": "Website",
    "Task": "Task",
    "Authorize": "Authorize",
    "User": "User",
    "Menu": "Menu",
    "Role": "Role",
    "Log": "Log",
    "Access": "Access",
    "Login": "Login",
    "Operation": "Operation",
    "Nav1": "Menu 1",
    "Nav2": "Menu 2",
    "Nav3": "Menu 3",
    "SubMenu1": "Sub Menu 1",
    "SubMenu2": "Sub Menu 2",
    "SubMenu3": "Sub Menu 3",
    "SubMenu11": "Sub Menu 11",
    "SubMenu12": "Sub Menu 12",
    "SubMenu21": "Sub Menu 21",
    "SubMenu22": "Sub Menu 22",
    "SubMenu31": "Sub Menu 31",
    "SubMenu32": "Sub Menu 32",
    "SubMenu41": "Sub Menu 41",
    "SubMenu42": "Sub Menu 42"
  },
  "BootstrapBlazor.Shared.Samples.Navs": {
    "Title": "Nav",
    "H1": "A menu that provides navigation for your site.",
    "Block1Title": "Basic navigation style.",
    "Block1Intro": "In this example, by setting the <code>Items</code> property, the navigation component is assigned through the program api and the <code>NavLink</code> component is written directly to the <code>ChildContext</code> of the navigation component",
    "Block2Title": "Align",
    "Block2Intro": "Control component alignment by setting the property of <code>Signment</code>",
    "Divider": "Split the line",
    "Block3Title": "Vertical",
    "Block3Intro": "In this example, you control whether the navigation is vertically distributed by setting the <code>IsVertical</code> property",
    "Block4Title": "Capsule",
    "Block4Intro": "Control the background color of the navigation menu by setting the <code>IsPills</code> property",
    "Block5Title": "Fill and align",
    "Block5Intro": "By setting the <code>IsFill</code> properties controls that the navigation menu is evenly distributed to fill the entire navigation bar",
    "Block6Title": "Equal width",
    "Block6Intro": "By setting the <code>IsIze</code> property so that each navigation item will have the same width.",
    "Desc1": "Content",
    "Desc2": "Component alignment",
    "Desc3": "Vertical distribution",
    "Desc4": "Capsule",
    "Desc5": "Padding",
    "Desc6": "Equal width"
  },
  "BootstrapBlazor.Shared.Samples.Paginations": {
    "Title": "Pagination",
    "H1": "When there is too much data, use paging to break down the data.",
    "Block1Title": "Basic usage",
    "Block1Intro": "You can select the amount of data displayed per page by the drop-down box",
    "Block2Title": "Only text prompts are displayed",
    "Block2Intro": "Only one page does not display the switch page number component, only text prompts",
    "Block3Title": "Only paginated components are displayed",
    "Block3Intro": "By <code>ShowPaginationInfo = 'false'</code> setting does not display text prompts",
    "Desc1": "The current page number",
    "Desc2": "The amount of data displayed per page",
    "Desc3": "An external data source that displays the amount of data per page",
    "Desc4": "Whether to display paginated data summary information",
    "Desc5": "The total number of data",
    "Event1": "The first argument is the current page number, and the second argument is the number of data items displayed in the current per-page setting",
    "Event2": "Click Set the callback method when displaying the amount of data per page",
    "AlignmentTitle": "Alignment",
    "AlignmentIntro": "Set <code>Alignment</code> contorl the pagination alginment",
    "GotoTitle": "Goto navigator",
    "GotoIntro": "Set <code>ShowGotoNavigator</code> show/hide the Goto，can <code>GotoTemplate</code> custom the Goto navigator",
    "PageInfoTextTitle": "Pager info",
    "PageInfoTextIntro": "Set <code>ShowInfo</code> show/hide the pager info",
    "PageInfoTemplateTitle": "Pager info template",
    "PageInfoTemplateIntro": "Set <code>PageInfoTemplate</code> curstom the template of page info",
    "PageIndexAttr": "Current page index",
    "PageCountAttr": "Total page count",
    "MaxPageLinkCountAttr": "Page up/down count",
    "OnPageLinkClickAttr": "The callback click the page item",
    "AlignmentAttr": "Alignment",
    "ShowPageInfoAttr": "Whether show the page info",
    "PageInfoTextAttr": "The page info",
    "PageInfoTemplateAttr": "The template of page info",
    "ShowGotoNavigatorAttr": "Whether show the goto navigator",
    "GotoNavigatorLabelTextAttr": "The goto label text",
    "GotoTemplateAttr": "The goto template",
    "PrevPageIconAttr": "Previous page icon",
    "PrevEllipsisPageIconAttr": "The page up icon",
    "NextPageIconAttr": "Next page icon",
    "NextEllipsisPageIconAttr": "The page down icon"
  },
  "BootstrapBlazor.Shared.Samples.Stepss": {
    "Title": "Steps",
    "H1": "A navigation bar that guides the user through the process",
    "P1": "Step-by-step navigation bar that guides the user through the process, setting steps of no less than 2 steps based on the actual scenario",
    "p2": "<code>Steps</code> component supports UI rendering by setting the <code>Items</code> property or by embedding the <code>Step</code> component directly",
    "Block1Title": "Basic usage",
    "Block1Intro": "Simple step bar, by directly binding the data source <code>Items</code>",
    "Button1Text": "Next",
    "Button2Text": "Reset",
    "Block2Title": "Basic usage",
    "Block2Intro": "A simple step bar that uses the <code>Step</code> component setup step directly inside the component",
    "Step1Title": "Step 1",
    "Step2Title": "Step 2",
    "Step3Title": "Step 3",
    "Step4Title": "Step 4",
    "Step5Title": "Step 5",
    "StepDesc1": "This is a long descriptive text",
    "StepDesc2": "Conclusion",
    "Block3Title": "There is a description of the step bar",
    "Block3Intro": "Each step described has its own description bar of step status",
    "Block4Title": "Center the step bar",
    "Block4Intro": "Both the title and description will be centered",
    "Block5Title": "Step bar with icon",
    "Block5Intro": "Various custom icons can be enabled within the step bar",
    "AttributeTitle": "StepItem Atributes",
    "Desc1": "Set up a collection of step data",
    "Desc2": "The direction of the display",
    "Desc3": "Center alignment",
    "Desc4": "Set the status of the current step",
    "Att1": "Center alignment",
    "Att2": "Make steps to display using the icon",
    "Att3": "Whether it is the last step",
    "Att4": "Step order number",
    "Att5": "Spacing is not filled in to support the percentage of adaptive spacing",
    "Att6": "The steps display text",
    "Att7": "The step displays an icon",
    "Att8": "Describe the information",
    "Att9": "Set the status of the current step",
    "Att10": "Set up the content template for the current step",
    "Event1": "Call back the delegate when the component state changes",
    "I1Text": "Step 1",
    "I1TextC": "Step 1",
    "I2Text": "Step 2",
    "I2TextC": "Step 2",
    "I3Text": "Step 3",
    "I3TextC": "Step 3"
  },
  "BootstrapBlazor.Shared.Samples.Tabs": {
    "Title": "Tabs",
    "H1": "A collection of data that is associated with the separation content but belongs to a different category.",
    "P1": "Tab components are designed in the form of templates, and this component is used by adding <code>TabItem</code> subcomponents to the <code>tabItems</code> in the template",
    "TipsP": "<code>Tab</code> components are generally used in two ways:",
    "TipsLi1": "Split as data",
    "TipsLi2": "Page navigation",
    "TipsDiv": "The default behavior of this component is data segmentation,Clicking on the <code>TabItem</code> title does not navigate, and if you need to navigate the address bar, set the <code>ClickTabToNavigation</code> property to <code>true</code>，When you click on the <code>TabItem</code> title, the address bar redirects navigation, mostly for the background management system to be used in conjunction with the <code>Menu</code> components，The actual combat can refer to the <code>multi-label</code> mode in the <a href='layout-page' target='_blank'>background template simulator</a>,  When you have <code>Razor Component</code> in the additional Assemblies, set the <code>AdditionalAssemblies</code> property value correctly so that the route within the label component is resolved correctly, and the relevant documentation <a href='https://docs.microsoft.com/zh-cn/aspnet/core/blazor/fundamentals/routing?WT.mc_id-DT-MVP-5004174-view-aspnetcore-3.1-route-to-components-from-multiple-assemblies' target='_blank'>[Portal]</a>",
    "TipsP2": "This component adapts to width height, etc., and scroll arrows can appear left and right or up and down when appropriate",
    "InfoTitle": "Set additional information during tab navigation",
    "InfoItem2": "Tab properties can be set when navigating using the built-in extension method <code>Navigator.NavigateTo(\"provider\", \"url\", \"text\", \"icon\", \"closable\")</code>",
    "InfoItem4": "Setting <code>@attribute [TabItemOption(Text = \"LayoutPage\", Icon = \"fa-solid fa-font-awesome\")]</code> in <code>razor</code> page",
    "QATitle": "Q&A",
    "QA1": "Get <code>TabSet</code> by cascading parameter",
    "QA2": "Get <code>TabItem</code> by cascading parameter",
    "TabItem1Text": "User",
    "TabItem1Content": "I am a user manager",
    "TabItem2Text": "Menu",
    "TabItem2Content": "I am menu management",
    "TabItem3Text": "Roles",
    "TabItem3Content": "I am roles management",
    "TabItem4Text": "Department ",
    "TabItem4Content": "I am department management",
    "TabItem5Text": "System logs",
    "TabItem5Content": "I am a system log",
    "TabItem6Text": "Sign log",
    "TabItem6Content": "I am Sign log management",
    "TabItem7Text": "Timed task",
    "TabItem7Content": "I am a timed task manager",
    "TabItem8Text": "Count",
    "TabItem9Text": "Weather forecast",
    "Block1Title": "Basic usage",
    "Block1Intro": "Basic, concise tabs.",
    "Block2Title": "Tab style ",
    "Block2Intro": "Set tab-style tabs by <code>isCard='true'</code>.",
    "Block3Title": "Carding",
    "Block3Intro": "Set tab-style tabs by <code>IsBorderCard='true'</code>.",
    "Block4Title": "Icon",
    "Block4Intro": "Set the tab icon by setting the <code>Icon</code> property of the <code>TabItem</code> component",
    "Block5Title": "Close",
    "Block5Intro": "Show the close button to the tab by setting the <code>ShowClose</code> property",
    "Tips2": "<p><code>Tab</code> component turns on the <code>showClose</code> , <code>TabItem</code> property <code>Closable</code> can be set individually to close tab, <b>defaulting to </b><code>true</code>;In this example <b>User</b>Tabs do not provide a to turn off functionality</p>",
    "Block6Title": "Position",
    "Block6Intro": "By setting the <code>Placement</code> property to change the label position, a small arrow scrolls up and down to <code>TabItem</code> switch when you change to left or right",
    "DividerText": "Split Line",
    "Block7Title": "Custom add tab triggers",
    "Block7Intro": "Dynamically add/remove <code>TabItem</code> by calling the component api",
    "AddButtonText": "Add",
    "RmoveButtonText": "Rmove",
    "ActiveButtonText": "Activate the first one",
    "Block8Title": "Additional components are built in",
    "Block8Intro": "other components are built into the <code>TabItem</code>",
    "P2": "<code>Tab</code> The contents of each panel of the component remain state by default, and in this case the original data is maintained when the panel switches",
    "Block9Title": "The program dynamically adds the TabItem panel",
    "Block9Intro": "This feature allows you to click on the menu link in the sidebar and render multiple labels at the top of the data area on the right",
    "P3": "In this example, the right the <code>Tab</code> the inside of the panel remains in state, and the component reloads when it is closed and reopened",
    "Block9Div": "Header",
    "Block10Title": "Live Tab components",
    "Block10Intro": "By setting the <code>ShowExtendButtons</code> property to <code>true</code>, turning on the left and right buttons of the component and closing the drop-down menu, it is very useful in practice",
    "Tips3": "Dynamically adjust the number of <code>TabItem</code> by <b>adding</b>, <b>delete</b>buttons to view the left and right effects beyond the number of containers, <b>user management</b> is set to not close, and the feature button cannot close this tab",
    "Block11Title": "Only the current label is rendered",
    "Block11Intro": "By setting the <code>isOnlyRenderActiveTab</code> parameter, the component renders only the current active label",
    "BlockSetTextTitle": "TabItem Text",
    "BlockSetTextIntro": "Call <code>SetText</code> instance method for update the tab item text",
    "BlockSetTextDesc": "Click the <code>Setting</code> button，call <code>TabItem</code> instance method <code>SetText</code> for update tab item text icon closable parameter",
    "BlockSetTextButtonText": "Setting",
    "LazyLoadTitle": "Lazy load tab item",
    "LazyLoadIntro": "By setting <code>IsLazyLoadTabItem=\"true\"</code> enable the lazy load feature",
    "BlockHeaderTemplateTitle": "Header Template",
    "BlockHeaderTemplateIntro": "customer the header UI via <code>HeaderTemplate</code>",
    "BlockHeaderTemplateHeaderText": "Todo List",
    "BlockHeaderTemplateDesc": "Use <code>Badge</code> in the <code>HeaderTemplate</code>",
    "BlockSetHeaderTextTemplateTitle": "Set header text",
    "BlockSetHeaderTextTemplateIntro": "Set the parameter <code>Text</code> of <code>TabItem</code> custom the tabitem's header title'",
    "Att1": "Whether it is a bordered card style",
    "Att2": "Whether it is a card style",
    "Att3": "Whether to render only Active labels",
    "Att4": "Whether to display the close button",
    "Att5": "Whether to display the extension button",
    "Att6": "Whether to navigate when you click on the title",
    "Att7": "Set the label position",
    "Att8": "Set the label height",
    "Att9": "TabItem collection",
    "Att10": "ChildContent template",
    "Att11": "A collection of additional programs to initialize the route",
    "Att12": "Call back the delegate method when you click on the TabItem title",
    "Att13": "Set the tab to display the title collection, and when not set, an internal attempt is made to use menu item data",
    "AttHeaderTemplate": "Header template",
    "Method1": "Add TabItem to Tab, can set new Tab position if necessary",
    "Method2": "Remove TabItem",
    "Method3": "The setting specifies tabItem as active",
    "Method4": "Switch to the previous label method",
    "Method5": "Switch to the next label method",
    "Method6": "Close the current tab method",
    "Method7": "Close other tab methods",
    "Method8": "Close all tab methods",
    "Method9": "Get current tab methods",
    "BackAddTabText": "I am a new Tab with the name {0}",
    "BackText1": "Counter",
    "BackText2": "Weather forecast",
    "AttTitle": "Attributes",
    "MethodTitle": "Method",
    "DefaultUrl": "Default page"
  },
  "BootstrapBlazor.Shared.Components.DemoTabItem": {
    "Info": "Reset the title of this <code>TabItem</code> by click the button",
    "ButtonText": "SetTitle"
  },
  "BootstrapBlazor.Shared.Samples.AutoFills": {
    "Title": "AutoFill components",
    "Description": "Auto-fill forms when selected via IntelliSense prompt option",
    "NormalTitle": "Basic usage",
    "NormalIntro": "fill the form",
    "NormalDesc": "input <code>Name</code> Name smart prompt, automatically fill in the form below after selecting the prompt item Currently supports keyboard <kbd>Enter</kbd> <kbd>Spance</kbd> <kbd><i class=\"fa-solid fa-arrow-up\"></i></kbd> <kbd><i class=\"fa-solid fa-arrow-down\"></i></kbd>",
    "CustomFilterTitle": "custom filter",
    "CustomFilterIntro": "Filter data by setting custom filter condition callback delegate <code>OnCustomFilter</code>",
    "CustomFilterDesc": "Enter the <code>name</code> intelligent prompt, and delegate <code>OnCustomFilter</code> to filter data by setting a user-defined filter condition callback. The current filter condition is that <code>Name</code> contains the input string <code>Count</code> and the value is greater than <b>50</b>",
    "ShowDropdownListOnFocusTitle": "Turn off auto-expand dropdown",
    "ShowDropdownListOnFocusIntro": "By setting <code>ShowDropdownListOnFocus=&quot;false&quot;</code>",
    "ShowDropdownListOnFocusDesc": "parameter <code>ShowDropdownListOnFocus</code> the default value is <code>true</code>. After the component gets the focus, it will automatically expand the candidate drop-down box, set to <code>false</code> turn off this feature",
    "Att1": "The number to display when matching data",
    "Att2": "Display a message when there is no matching data",
    "Def2": "No matching data",
    "Att3": "Whether to ignore case when matching",
    "Att4": "Whether to enable fuzzy query",
    "Att5": "component data collection",
    "Att6": "Anti-shake time",
    "Att7": "Custom collection filter rules",
    "Att8": "Get the display text method through the model",
    "Att9": "Option change callback method",
    "Att10": "Whether to expand the dropdown candidate menu when it gains focus",
    "Att11": "Candidate template",
    "Att12": "Whether to skip Enter key handling",
    "Att13": "Whether to skip Esc key processing"
  },
  "BootstrapBlazor.Shared.Samples.AutoCompletes": {
    "Title": "AutoComplete",
    "Description": "The input box autocompletes the function",
    "Block1Title": "Basic usage",
    "Block1Intro": "By setting <code>Items</code> data collection when the user types information that is automatically displayed",
    "Block2Title": "Blur queries and ignore case",
    "Block2Intro": "By setting the <code>IsLikeMatch</code> value settings to turn on fuzzy matching of collections, you control whether case is ignored by setting the <code>IgnoreCase</code>",
    "Block3Title": "Custom prompt message",
    "Block3Intro": "By setting the <code>NoDataTip</code> value setting automatically completes the custom prompt message that appears when the data is not found",
    "Block4Title": "Custom candidates",
    "Block4Intro": "By setting up <code>ValueChanged</code> callback method reorganizes the data collection based on the data entered by the user before prompting for information",
    "Block5Title": "The label is displayed",
    "Block5Intro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "DebounceTitle": "Debounce",
    "DebounceIntro": "Set <code>Debounce</code> value turn on debounce",
    "BlockGroupTitle": "InputGroup",
    "BlockGroupIntro": "combox with <code>BootstrapInputGroupLabel</code> inside <code>BootstrapInputGroupLabel</code>",
    "ItemTemplateTitle": "ItemTemplate",
    "ItemTemplateIntro": "Set <code>ItemTemplate</code> for customer the dropdown item",
    "Att1": "whether to display the front label",
    "Att2": "content",
    "Att3": "content",
    "Att4": "Prompt information when no matches are automatically completed",
    "Att4DefaultValue": "No matching data",
    "Att5": "The number of data displayed when the data is matched",
    "Att6": "Call back the delegate method when the text box value changes",
    "Att7": "Whether to turn on fuzzy matching",
    "Att8": "Whether case is ignored when matching",
    "Att9": "Custom collection filtering rules",
    "AttItemTemplate": "Item template",
    "Debounce": "Debounce interval default Zero",
    "SkipEnter": "Skip Enter key processing",
    "SkipEsc": "Skip Esc key processing",
    "OnSelectedItemChanged": "Callback for the selected item changed",
    "OnSelectedItemChangedTitle": "OnSelectedItemChanged",
    "OnSelectedItemChangedIntro": "Click the dropdown item or <kbd>Enter</kbd> trigger the callback",
    "OnValueChanged": "Callback for the Value changed"
  },
  "BootstrapBlazor.Shared.Demos.AutoComplete.AutoCompleteNormal": {
    "Description": "In this example, type 123 strings to display the viewing effect, automatically give the component initialization to the auto-prompt dataset, and the dataset does not change"
  },
  "BootstrapBlazor.Shared.Demos.AutoComplete.AutoCompleteLikeMatch": {
    "Description": "In this example, type the abc string to display the viewing effect and select all matches in the collection that contain abc and have the same case"
  },
  "BootstrapBlazor.Shared.Demos.AutoComplete.AutoCompleteNoDataTip": {
    "Description": "In this example, type 567 strings because the autocomplete information center does not display custom prompt information - <code>the data you want is not found</code>",
    "NoDataTip": "There is nothing"
  },
  "BootstrapBlazor.Shared.Demos.AutoComplete.AutoCompleteValueChanged": {
    "Description": "In this example, type any string to display the viewing effect, and automatically complete the component's dynamic changes from the newly obtained prompt dataset based on the string you type"
  },
  "BootstrapBlazor.Shared.Demos.AutoComplete.AutoCompleteShowLabel": {
    "Description": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the <a href='inputs'>[portal]</a>",
    "Divider1Text": "Bidirectional binding displays labels",
    "Divider2Text": "Bidirectional bindings do not display labels",
    "Divider3Text": "Customize DisplayText",
    "AutoText": "Custom city"
  },
  "BootstrapBlazor.Shared.Demos.AutoComplete.AutoCompleteDebounce": {
    "Description": "In this example, please type any string to display the viewing effect. Within the anti shake time, the auto completion component will only send the results to the back end after the last entry, which will greatly improve the performance"
  },
  "BootstrapBlazor.Shared.Demos.AutoComplete.AutoCompleteGroup": {
    "BlockGroupPrevLabel": "Prev",
    "BlockGroupSuffixLabel": "Suffix"
  },
  "BootstrapBlazor.Shared.Samples.FullScreens": {
    "Title": "FullScreen",
    "H1": "Human-computer interaction by injecting service calls <code>Show</code> method pop-ups",
    "Tips": "This component provides functionality in the form of injection services, the user experience is very comfortable to use, anytime, anywhere calls, need to be built into the page using this component <code>FullScreen</code> component, or in the main layout component of <code>MainLayout</code>, the sample code is as follows:",
    "Block1Title": "Basic usage",
    "Block1Intro": "The entire page is fully screened by calling the <code>Show</code> method that <code>FullScreenService</code> service instance",
    "ButtonText1": "FullScreen",
    "Block2Title": "Button",
    "Block2Intro": "The full screen of the entire web page is component <code>FullScreenButton</code>",
    "Li1": "The button default icon can be set through the <code>ButtonIcon</code>, and the full-screen icon can be set through the <code>FullScreenIcon</code> property",
    "Li2": "Use the <code>Title</code> property to set the prompt bar text when the mouse hovers",
    "Li3": "Use the <code>Text</code> property to set current page title",
    "Button1Text": "Tap for a full screen operation",
    "Pre": "FullScreenButton Title=\"Click for full screen operation\""
  },
  "BootstrapBlazor.Shared.Samples.Buttons": {
    "Title": "Button",
    "Description": "Common action buttons.",
    "Block1Title": "Basic usage",
    "Block1Intro": "The underlying button usage.",
    "Block2Title": "Different styles",
    "Block2Intro": "Display different button styles by setting the <code>ButtonStyle</code>",
    "Block3Title": "Outline",
    "Block3Intro": "Set the color style of the button border by setting the <code>IsOutline='true'</code>.",
    "Block4Title": "Different sizes.",
    "Block4Intro": "The Button component provides a variety of sizes in addition to the default values, and by setting the <code>Size</code> property, you can select the appropriate button size in different scenarios.",
    "Block5Title": "Disable the state",
    "Block5Intro": "Button is not available. By setting the <code>IsDisabled</code> property",
    "Block6Title": "Button group",
    "Block6Intro": "A combination of multiple buttons",
    "Block7Title": "Button with icon",
    "Block7Intro": "Set the button icon by setting the <code>Icon</code> property, which is <code>fa-fa</code> when using font strings such as the <code>font-awesome</code> icon",
    "Block8Title": "Secondary encapsulation button",
    "Block8Intro": "The button display text is set by setting the <code>Text</code> property of the <code>winButton</code> component, and the click button is the text on the right that shows the clicked button",
    "Block9Title": "Asynchronous request button",
    "Block9Intro": "By setting whether the <code>isAsync</code> property button is <b>asynchronous request button by setting whether the is</b> <code>false</code> by default",
    "ButtonAsyncDescription": "When the button is an asynchronous request button, the button is changed to disabled, and the <code>loading</code> small icon is displayed, returning to normal after the asynchronous request ends, in this case, after clicking the <b>asynchronous button</b>, the request load animation is displayed and returns to normal after 5 seconds",
    "EventDesc1": "This event is triggered when the button is clicked",
    "EventDesc2": "This event is triggered when the button is clicked and the current component is not refreshed for performance improvement",
    "Att1": "color",
    "Att2": "icon",
    "Att3": "An animated icon when loaded asynchronously",
    "Att4": "displays text",
    "Att5": "size",
    "Att6": "style",
    "Att7": "fill button",
    "Att8": "whether to disable it",
    "Att9": "whether there is a border",
    "Att10": "whether it is an asynchronous button",
    "Att11": "content",
    "Att12": "button style",
    "Att13": "The type of button",
    "MethodDesc1": "set whether the button is available",
    "PluseButtonHeader": "PulseButton (heartbeat) button",
    "PluseButtonPara": "It is suitable for highlighting function to attract users' attention. The default button is circular",
    "PluseButtonPara2": "The heartbeat button component is inherited from the button, so a heartbeat ring is added on the basis of the original function of the button. Please refer to the switch style button in the lower right corner of the website."
  },
  "BootstrapBlazor.Shared.Demos.Button.ButtonNormal": {
    "PrimaryButton": "Primary",
    "SecondaryButton": "Secondary",
    "SuccessButton": "Success",
    "DangerButton": "Danger",
    "WarningButton": "Warning",
    "InformationButton": "Information",
    "DarkButton": "Dark",
    "HighlightButton": "Highlight",
    "LinkButton": "Link",
    "NoneButtonColor": "None"
  },
  "BootstrapBlazor.Shared.Demos.Button.ButtonRound": {
    "PrimaryButton": "Primary",
    "SecondaryButton": "Secondary",
    "SuccessButton": "Success",
    "DangerButton": "Danger",
    "WarningButton": "Warning"
  },
  "BootstrapBlazor.Shared.Demos.Button.ButtonOutline": {
    "PrimaryButton": "Primary",
    "SecondaryButton": "Secondary",
    "SuccessButton": "Success",
    "DangerButton": "Danger",
    "WarningButton": "Warning",
    "InformationButton": "Information",
    "DarkButton": "Dark",
    "HighlightButton": "Highlight",
    "LinkButton": "Link"
  },
  "BootstrapBlazor.Shared.Demos.Button.ButtonSize": {
    "ExtraSmallButton": "ExtraSmall",
    "SmallButton": "Small",
    "NormalButton": "Button",
    "MediumButton": "Medium",
    "LargeButton": "Large",
    "ExtraLargeButton": "ExtraLarge",
    "ButtonExtraExtraLargeText": "ExtraExtraLarge",
    "BlockButton": "Block"
  },
  "BootstrapBlazor.Shared.Demos.Button.ButtonIsDisabled": {
    "PrimaryButton": "Primary",
    "SecondaryButton": "Secondary",
    "SuccessButton": "Success",
    "DangerButton": "Danger",
    "WarningButton": "Warning",
    "InformationButton": "Information",
    "DarkButton": "Dark",
    "HighlightButton": "Highlight",
    "LinkButton": "Link",
    "Description1": "Button disable effects can be achieved by setting its own <code>IsDisabled</code> property in the <code>OnClick</code> callback method, or by calling the component instance method <code>SetDisable</code>",
    "Description2": "Because using the <code>IsDisabled</code> property requires an explicit manual call to the <code>StateHasChanged</code> method, which causes the component where the button is located to refresh as a whole, it is recommended that you use the instance method <code>SetDisable</code> refresh the button only",
    "SubTitle": "Performance comparison:",
    "IsDisabledTip": "This page transfer is <code>4.8K</code> when set with the <code>IsDisabled</code> property",
    "SetDisableTip": "This page transfer is <code>280B</code> when set up using the <code>SetDisable</code> method",
    "ButtonDisabled": "Click to be disabled",
    "ButtonAvailable": "Click to make the first button available",
    "TooltiTitle": "Tooltip is destroyed when the button is clicked"
  },
  "BootstrapBlazor.Shared.Demos.Button.ButtonColor": {
    "ButtonOne": "Button one",
    "ButtonTwo": "Button two"
  },
  "BootstrapBlazor.Shared.Demos.Button.ButtonIcon": {
    "ButtonStatus": "Status button",
    "ButtonProgress": "Progress button"
  },
  "BootstrapBlazor.Shared.Demos.Button.ButtonExtension": {
    "ButtonOne": "Button one",
    "ButtonTwo": "Button two"
  },
  "BootstrapBlazor.Shared.Demos.Button.ButtonAsync": {
    "ButtonAsync": "Asynchronous"
  },
  "BootstrapBlazor.Shared.Samples.Cascaders": {
    "Title": "Cascader",
    "Block1Title": "Cascade selection",
    "Block1Intro": "Drop-down selection boxes are available in a variety of colors",
    "Block2Title": "Turn off cascading selection",
    "Block2Intro": "Cascading selection is not available",
    "Block3Title": "Two-way binding",
    "Block3Intro": "The values in the text box change when you change the cascading selection option by binding the <code>Value</code> property with the <code>Select</code> component.",
    "Block4Title": "Client validation",
    "Block4Intro": "When cascading selection is not selected, click the submit button to block.",
    "Block5Title": "The binding generic is the Guid structure",
    "Block5Intro": "The component binding value is an example of a Guid structure",
    "Block6Title": "The label is displayed",
    "Block6Intro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "BlockParentSelectableTitle": "Parent selectable",
    "BlockParentSelectableIntro": "Whether can select on the parent node",
    "BlockShowFullLevelsTitle": "Show Full Levels",
    "BlockShowFullLevelsIntro": "Whether show the full levels via <code>ShowFullLevels</code>",
    "Description": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the <a href='inputs'>[portal]</a>",
    "Att1": "Whether to display the front label",
    "Att2": "The front label displays text",
    "Att3": "The place-in display text when not selected",
    "Att3Default": "Click to select ...",
    "Att4": "Style",
    "Att5": "Color",
    "Att6": "Whether to disable it",
    "Att7": "The data collection",
    "Event1": "This event is triggered when the cascading selection option changes"
  },
  "BootstrapBlazor.Shared.Demos.Cascader.CascaderNormal": {
    "item1": "Melbourne",
    "item1_child1": "Brunswick",
    "item1_child1_child": "so-and-so street",
    "item1_child2": "Fitzroy",
    "item1_child3": "Carlton",
    "item1_child4": "Thornbury",
    "item2": "Sydney",
    "item2_child1": "Millsons Point",
    "item2_child2": "Potts Point",
    "item2_child3": "North Sydney",
    "item3": "Brisbane",
    "item3_child1": "Brisbane",
    "item3_child2": "Gold Cost"
  },
  "BootstrapBlazor.Shared.Demos.Cascader.CascaderDisabled": {
    "item1": "Melbourne",
    "item1_child1": "Brunswick",
    "item1_child1_child": "so-and-so street",
    "item1_child2": "Fitzroy",
    "item1_child3": "Carlton",
    "item1_child4": "Thornbury",
    "item2": "Sydney",
    "item2_child1": "Millsons Point",
    "item2_child2": "Potts Point",
    "item2_child3": "North Sydney",
    "item3": "Brisbane",
    "item3_child1": "Brisbane",
    "item3_child2": "Gold Cost"
  },
  "BootstrapBlazor.Shared.Demos.Cascader.CascaderBind": {
    "item1": "Melbourne",
    "item1_child1": "Brunswick",
    "item1_child1_child": "so-and-so street",
    "item1_child2": "Fitzroy",
    "item1_child3": "Carlton",
    "item1_child4": "Thornbury",
    "item2": "Sydney",
    "item2_child1": "Millsons Point",
    "item2_child2": "Potts Point",
    "item2_child3": "North Sydney",
    "item3": "Brisbane",
    "item3_child1": "Brisbane",
    "item3_child2": "Gold Cost"
  },
  "BootstrapBlazor.Shared.Demos.Cascader.CascaderValidateForm": {
    "item1": "Melbourne",
    "item1_child1": "Brunswick",
    "item1_child1_child": "so-and-so street",
    "item1_child2": "Fitzroy",
    "item1_child3": "Carlton",
    "item1_child4": "Thornbury",
    "item2": "Sydney",
    "item2_child1": "Millsons Point",
    "item2_child2": "Potts Point",
    "item2_child3": "North Sydney",
    "item3": "Brisbane",
    "item3_child1": "Brisbane",
    "item3_child2": "Gold Cost",
    "SubmitButtonText": "Submit"
  },
  "BootstrapBlazor.Shared.Demos.Cascader.CascaderParentSelectable": {
    "item1": "Melbourne",
    "item1_child1": "Brunswick",
    "item1_child1_child": "so-and-so street",
    "item1_child2": "Fitzroy",
    "item1_child3": "Carlton",
    "item1_child4": "Thornbury",
    "item2": "Sydney",
    "item2_child1": "Millsons Point",
    "item2_child2": "Potts Point",
    "item2_child3": "North Sydney",
    "item3": "Brisbane",
    "item3_child1": "Brisbane",
    "item3_child2": "Gold Cost"
  },
  "BootstrapBlazor.Shared.Demos.Cascader.CascaderShowFullLevels": {
    "item1": "Melbourne",
    "item1_child1": "Brunswick",
    "item1_child1_child": "so-and-so street",
    "item1_child2": "Fitzroy",
    "item1_child3": "Carlton",
    "item1_child4": "Thornbury",
    "item2": "Sydney",
    "item2_child1": "Millsons Point",
    "item2_child2": "Potts Point",
    "item2_child3": "North Sydney",
    "item3": "Brisbane",
    "item3_child1": "Brisbane",
    "item3_child2": "Gold Cost"
  },
  "BootstrapBlazor.Shared.Demos.Cascader.CascaderLabels": {
    "item1": "Melbourne",
    "item1_child1": "Brunswick",
    "item1_child1_child": "so-and-so street",
    "item1_child2": "Fitzroy",
    "item1_child3": "Carlton",
    "item1_child4": "Thornbury",
    "item2": "Sydney",
    "item2_child1": "Millsons Point",
    "item2_child2": "Potts Point",
    "item2_child3": "North Sydney",
    "item3": "Brisbane",
    "item3_child1": "Brisbane",
    "item3_child2": "Gold Cost",
    "Divider1": "Bidirectional binding displays labels",
    "Divider2": "Bidirectional bindings do not display labels",
    "Divider3": "Customize DisplayText",
    "CascaderText": "Custom city"
  },
  "BootstrapBlazor.Shared.Samples.CherryMarkdowns": {
    "Header": "CherryMarkdown",
    "Tip": "Rich text box component based on CherryMarkdown",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Use two-way binding to get the corresponding <code>html</code> and <code>markdown</code> content",
    "FileUploadTitle": "Handle file upload events yourself",
    "FileUploadIntro": "Use the <code>OnFileUpload</code> event to handle the file upload event, support directly pasting pictures to the browser",
    "CustomTitle": "custom content",
    "CustomIntro": "Customize the toolbar via <code>ToolbarSettings</code>, and customize the editor style via <code>EditorSettings</code>",
    "ViewTitle": "browse mode",
    "ViewIntro": "Pure browsing mode, no editor",
    "ApiTitle": "External control components",
    "ApiIntro": "Control content externally using CherryMarkdown's Api"
  },
  "BootstrapBlazor.Shared.Demos.CherryMarkdown.CherryMarkdownApi": {
    "InsertCheckListButtonText": "Insert a CheckList",
    "InsertPictureButtonText": "insert a picture"
  },
  "BootstrapBlazor.Shared.Samples.Checkboxs": {
    "Title": "Checkbox",
    "Description": "Multiple-select in a set of alternatives",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Using alone can represent a switch between two states, and column head or header can represent a switch between three states when used. Components support generic data binding, setting the binding data type the <code>TValue</code>, and setting the component state by <code>State</code>",
    "DisabledTitle": "Disable the check box",
    "DisabledIntro": "Check box is not available, and the <code>IsDisabled</code> is set by whether the component is available",
    "ShowLabelTitle": "Color",
    "ShowLabelIntro": "Change the component background color by setting the <code>Color</code> property",
    "DisplayTextTitle": "Size",
    "DisplayTextIntro": "Change the component size by setting the <code>Size</code> property",
    "ShowAfterLabelTitle": "Label text",
    "ShowAfterLabelIntro": "The check box displays text, and the component status flips when you tap display text, using the <code>DisplayText</code> settings component to display text",
    "ShowAfterLabelDescription": "Set <code>DisplayText</code> property, or display text messages through bidirectional binding",
    "OnStateChangedTitle": "Two-way binding boolean",
    "OnStateChangedIntro": "Binding variables within a component, data automatically synchronized, binding data types <code>boolean</code> type when the value is automatically flipped",
    "BindStringTitle": "Bind string data in both directions",
    "BindStringIntro": "Binding variables within a component, data is automatically synchronized",
    "ValidateFormTitle": "Used in forms",
    "ValidateFormIntro": "When you use <code>Checkbox</code> in a form, the display label text is placed in front of the component",
    "ValidateFormDescription": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component <a href='inputs'>[portal]</a>",
    "Att1": "Whether to display the front label",
    "Att2": "Whether to display the rear label",
    "Att3": "The front label displays text",
    "Att4": "Whether to disable it",
    "Att5": "The type of control",
    "Event1": "This method is called back when the selection box state changes",
    "Event2": "The state changes the callback method"
  },
  "BootstrapBlazor.Shared.Demos.Checkbox.CheckboxNormal": {
    "StatusText1": "Selected",
    "StatusText2": "Not selected",
    "StatusText3": "Indeterminate"
  },
  "BootstrapBlazor.Shared.Demos.CheckboxDisabled": {
    "StatusText1": "Selected",
    "StatusText2": "Not selected"
  },
  "BootstrapBlazor.Shared.Demos.CheckboxShowLabel": {
    "StatusText1": "Selected"
  },
  "BootstrapBlazor.Shared.Demos.CheckboxOnStateChanged": {
    "Checkbox2Text": "Two-way binding"
  },
  "BootstrapBlazor.Shared.Demos.CheckboxBindString": {
    "Checkbox2Text": "Two-way binding"
  },
  "BootstrapBlazor.Shared.Demos.CheckboxValidateForm": {
    "Checkbox3Text": "Handwritten labels"
  },
  "BootstrapBlazor.Shared.Samples.CheckboxLists": {
    "Title": "CheckboxList",
    "CheckboxListsTip": "The control is used to create a multi-select check box group",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Show check box groups by data binding",
    "NormalTips1": "Set bidirectional binding data value through <code>bind-Value</code >",
    "NormalTips2": "Set candidate data sources through <code>Items</code>",
    "NormalTips3": "Get the changed item instance through the <code>onSelectedChanged</code> callback method",
    "ValidateFormTitle": "Client Validation",
    "ValidateFormIntro": "Built in validateform",
    "ValidateFormTips1": "You can experience adaptive layout by changing the window size",
    "ValidateFormTips2": "In this example, the <code>Name</code> field of the binding model <code>binditem</code> is automatically changed by checking the option",
    "ValidateFormTips3": "Because it is built into the <code>ValidateForm</code> form, in this example, <code>RequiredAttribute</code> required for verification is added. When all options are cancelled, the verification result will be prompted",
    "ShowLabelTipTitle": "Bidirectional binding collection",
    "ShowLabelTipIntro": "Binding values are collections",
    "ShowLabelTip": "Tvalue is set to <code>IEnumerable&lt;int&gt;</code> generic collection, the <Code>ValueField</Code> specified field of the bound collection must be consistent with the generic type",
    "EnumTitle": "Bidirectional binding enumeration",
    "EnumIntro": "The binding value is enumeration",
    "EnumTip": "When <code>CheckboxList</code> binds an enumeration set, <code>Items</code> does not need to be specified, <code>Items</code> will be automatically set to all values in the enumeration. If you need to bind some values, please provide the enumeration set <code>Items</code>",
    "NoBorderTitle": "No border",
    "NoBorderIntro": "By setting <code>ShowBorder='false'</code> do not display borders",
    "NoBorderTip": "Displays a red border when validation fails",
    "VerticalTitle": "Vertical arrangement",
    "VerticalIntro": "Arrange checkboxes vertically by setting <code>IsVertical = 'true' </code >",
    "DisabledTitle": "Disable",
    "DisabledIntro": "Disable by setting <code>IsDisabled='true'</code>",
    "Att1": "Data source",
    "Att2": "Disable",
    "Att3": "Component values are used for bidirectional binding",
    "Att4": "Whether to arrange vertically",
    "Event1": "Call back this method when the state of the check box changes"
  },
  "BootstrapBlazor.Shared.Demos.CheckboxList.CheckboxListNormal": {
    "Header": "common",
    "Counter": "item is selected component binding value"
  },
  "BootstrapBlazor.Shared.Demos.CheckboxList.CheckboxListValidateForm": {
    "item1": "Pat",
    "item2": "Argo",
    "item3": "Doom",
    "item4": "Simon",
    "Foo": "Pat,Argo"
  },
  "BootstrapBlazor.Shared.Demos.CheckboxList.CheckboxListShowLabel": {
    "Description": "TValue is set to <code>IEnumerable&lt;string&gt;</code> generic collection"
  },
  "BootstrapBlazor.Shared.Demos.CheckboxList.CheckboxListNoBorder": {
    "item1": "Pat",
    "item2": "Argo",
    "item3": "Doom",
    "item4": "Simon",
    "Foo": "Pat,Argo"
  },
  "BootstrapBlazor.Shared.Demos.CheckboxList.CheckboxListVertical": {
    "item1": "Pat",
    "item2": "Argo",
    "item3": "Doom",
    "item4": "Simon",
    "Foo": "Pat,Argo"
  },
  "BootstrapBlazor.Shared.Demos.CheckboxList.CheckboxListDisabled": {
    "item1": "Pat",
    "item2": "Argo",
    "item3": "Doom",
    "item4": "Simon",
    "Foo": "Pat,Argo"
  },
  "BootstrapBlazor.Shared.Samples.ColorPickers": {
    "Title": "ColorPicker",
    "Description": "Select color to use",
    "NormalTitle": "Basic Usage",
    "NormalIntro": "Set the color value by setting the <code>Value</code> property",
    "ValueTitle": "Set Initial Value",
    "ValueIntro": "Set the color value by setting the <code>Value</code> property",
    "ValueDescription": "Set <code>Value='@Value'</code> to initialize the default value",
    "BindValueTitle": "Two-way binding",
    "BindValueIntro": "Set the color value by setting the <code>Value</code> property",
    "DisabledTitle": "Disabled",
    "DisabledIntro": "Disable this component by setting the <code>IsDisabled</code> property",
    "ValidateFormTitle": "Used in the verification form",
    "ValidateFormIntro": "Built in <code>ValidateForm</code> to use",
    "Event1": "Color change callback delegate method"
  },
  "BootstrapBlazor.Shared.Samples.DateTimePickers": {
    "Title": "DatePicker",
    "Description": "Used to select or enter a date",
    "NormalTitle": "Select the day",
    "NormalIntro": "Select the control based on the date of the day in 「day」as the base unit",
    "ValueChangedTitle": "Select any point in time",
    "ValueChangedIntro": "You can choose any time",
    "TimeTitle": "Data is bound in both directions",
    "TimeIntro": "Click the confirm button to select the box value consistent with the text box value",
    "ValidateFormTitle": "Client validation",
    "ValidateFormIntro": "Check data validity and prompt automatically based on custom validation rules",
    "DateTimeOffsetTitle": "Click on the pop-up date box",
    "DateTimeOffsetIntro": "Select the control based on the date of the day in 「day」 as the base unit",
    "BindValueTitle": "Data is bound in both directions",
    "BindValueIntro": "The values in the text box change as the date component time changes",
    "ViewModeTitle": "Selector with time",
    "ViewModeIntro": "Select the date and time in the same selector, click the confirm button and close the pop-up window",
    "ViewModeTip": "Set the value of the <code>viewMode</code> property to The <code>DateTime</code> of DatePickerViewMode.DateTime",
    "NullValueTitle": "Allow empty time",
    "NullValueIntro": "More for conditional selection",
    "NullValueTip": "The <b>empty</b>button automatically appears when the binding value is <code>DateTime?</code> for an empty type",
    "ShowLabelTitle": "The label is displayed",
    "ShowLabelIntro": "When you are a form component, the label in front of the component is displayed",
    "ShowLabelTip1": "Set the <code>DisplayText</code> property value to <code>select time</code>",
    "ShowLabelTip2": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component  of the <a href='inputs'>[portal]</a>",
    "DisalbedTitle": "Disable",
    "DisalbedIntro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "ShowSidebarTitle": "Sidebar with shortcuts",
    "ShowSidebarIntro": "When you set the <code>ShowSidebar</code> property value to <code>true</code>, the component displays the shortcut sidebar",
    "MinValueTitle": "Set the range of values",
    "MinValueIntro": "Set the <code>MinValue</code> property value to the <code>MaxValue</code> limit the range of optional values, in this case setting the range to <b>45</b>days",
    "BlockAutoCloseTitle": "Auto close",
    "BlockAutoCloseIntro": "Auto close the popup window by se <code>AutoClose</code> to <code>true</code>",
    "BlockGroupTitle": "InputGroup",
    "BlockGroupIntro": "combox with <code>BootstrapInputGroupLabel</code> inside <code>BootstrapInputGroupLabel</code>",
    "Att1": "Whether to display the front label",
    "Att2": "Whether to display the shortcut sidebar",
    "Att3": "The front label displays text",
    "Att4": "Date format string The default is yyyyy-MM-dd",
    "Att5": "Whether to display this component",
    "Att6": "Whether to disable Fasle by default",
    "Att8": "The value of the component is a two-way binding with ValueChanged",
    "Att9": "Get/Set Component display mode The default is the month-to-day display mode",
    "AttrAutoClose": "Whether auto close the popup window",
    "Event1": "Confirm that the button calls back the delegate",
    "Event2": "Callback delegates are used for bidirectional binding when component values change"
  },
  "BootstrapBlazor.Shared.Demos.DateTimePicker.DateTimePickerGroup": {
    "BlockGroupPrevLabel": "Prev",
    "BlockGroupSuffixLabel": "Suffix"
  },
  "BootstrapBlazor.Shared.Demos.DateTimePicker.DateTimePickerShowLabel": {
    "DisplayText": "Select the time"
  },
  "BootstrapBlazor.Shared.Demos.DateTimePicker.DateTimePickerValidateDemo": {
    "SubmitText": "Save",
    "Value": "Value",
    "Value.Required": "{0} is required."
  },
  "BootstrapBlazor.Shared.Samples.Editors": {
    "EditorsTitle": "Editor",
    "EditorsDescription": "Convert the entered text into <code>html</code> code snippets",
    "EditorsTips": "The <code>Editor</code> component is a secondary package of <a href='https://summernote.org/' target='_blank'><code>Summernote component</code></a>, such as If you need to use the localization function, please download the corresponding language pack from the official website and quote it by yourself. <code>zh-CN</code> <code>en-US</code> has been built in；the required <code>css</code> <code>javascript</code> dynamically loaded on demand",
    "EditorNormalTitle": "Basic usage",
    "EditorNormalIntro": "The default rendering is <code>div</code> and it becomes a rich text edit box when clicked",
    "PEditorNormalDescrption": "Set the <code>IsEditor</code> attribute value to control whether the component defaults to <code>div</code> or <code>editor</code>",
    "EditorNormalDiv": "I am a normal <code>div</code> click and can’t edit",
    "EditorPlaceholderTitle": "Custom prompt message",
    "EditorPlaceholderIntro": "The prompt message when a null value is set by setting the <code>Placeholder</code> attribute",
    "EditorPlaceholderDescription": "The default prompt is <b>Edit after clicking</b>",
    "EditorIsEditorTitle": "Display as a rich text edit box by default",
    "EditorIsEditorIntro": "Set the component to be directly displayed as a rich text edit box by setting the <code>IsEditor</code> property",
    "EditorHeightTitle": "Custom height",
    "EditorHeightIntro": "Set the height of the component by setting the <code>Height</code> property",
    "EditorOnValueChangedTitle": "Two-way binding",
    "EditorOnValueChangedIntro": "In actual combat, two-way binding to <code>Value</code> automatically obtains the editing content of the client's rich text box in the background",
    "EditorOnValueChangedDescription": "Use <code>bind-Value</code> to bind the backend properties of <code>EditorValue</code> in two ways. After editing in the edit box, click the <b>Finish</b> button, and then enter the text box below. Show edited result",
    "EditorCustomerToolbarButtonsTitle": "Customize the extended edit box button",
    "EditorCustomerToolbarButtonsIntro": "Customize the extension of the edit box toolbar by setting the <code>CustomerPluginItems</code> property, and do the function by setting the <code>OnClickPluginItem</code> callback delegate",
    "EditorCustomerToolbarButtonsDescrition": "In this example, two buttons are added to the toolbar by extending the <code>CustomerPluginItems</code> property. Click the button to pop up the <code>SweetAlert</code> modal box, click the modal box confirmation button and insert the text box A piece of content",
    "EditorToolbarItemsTitle": "Customize the rich text edit box of the toolbar",
    "EditorToolbarItemsIntro": "Customize the toolbar content by setting the <code>ToolbarItems</code> property. For the currently supported toolbar values, please refer to <a href='https://summernote.org/' target='_blank'>Summernote</a> Official website",
    "EditorToolbarItemsDescrition": "In this example, by setting the <code>ToolbarItems</code> property, the default available toolbar buttons are changed",
    "Att1": "Prompt message when the value is empty",
    "Att1DefaultValue": "Click to edit",
    "Att2": "Whether to directly display as a rich text edit box",
    "Att3": "Component height",
    "Att4": "Rich Text Box Toolbar Tool",
    "Att5": "Custom button",
    "DoMethodAsync": "Instance Method",
    "DoMethodAsyncIntro": "Call the instance method, please refer <a href='https://summernote.org/deep-dive'>summernote api</a>",
    "DoMethodAsyncDescrition": "In this example, by setting the <code>ToolbarItems</code> property, the default available toolbar buttons are changed"
  },
  "BootstrapBlazor.Shared.Demos.Editor.EditorPlaceholder": {
    "EditorEmptyPlaceholder": "Customize the prompt message for empty values"
  },
  "BootstrapBlazor.Shared.Demos.Editor.EditorOnValueChanged": {
    "EditorOnValueChangedLabel": "Show edit content:",
    "EditorOnValueChangedUpdateValue": "Changed value",
    "EditorOnValueChangedInitValue": "Initial value Test"
  },
  "BootstrapBlazor.Shared.Demos.Editor.EditorCustomerToolbarButtons": {
    "ToolTip1": "This is the tip of plugin1",
    "ToolTip2": "This is the tip of plugin2",
    "Swal1Title": "A pop-up window will pop up after clicking the plugin1 button",
    "Swal1Content": "After clicking the plug-in button, the window will pop up and confirm before proceeding to the next step.",
    "Ret1": "<div class='text-danger'>Data returned from plugin1</div>",
    "Swal2Title": "After clicking the plugin2 button, a pop-up window will appear",
    "Swal2Content": "After clicking the plug-in button, the window will pop up and confirm before proceeding to the next step.",
    "Ret2": "Data returned from plugin2"
  },
  "BootstrapBlazor.Shared.Demos.Editor.EditorDoMethodAsync": {
    "DoMethodAsyncButton1": "Insert Html",
    "DoMethodAsyncButton2": "Update to  H2",
    "DoMethodAsyncButton3": "Insert Image",
    "DoMethodAsyncPasteHTML": "Here is the content inserted by the external button"
  },
  "BootstrapBlazor.Shared.Samples.EditorForms": {
    "Title": "EditorForm",
    "Description": "Edit forms are automatically rendered through the bound data model",
    "SubDescription": "<code>EditorForm</code> component is a very useful component that, when editing data, simply assigns the <code>Model</code> property.",
    "EditorFormTips1": "The binding model automatically generates all properties by default, and you can change to not automatically build by setting <code>AutoGenerateAllItem</code>",
    "EditorFormTips2": "If you don't need to edit the columns, set the <code>Editable</code>, the default is <code>true</code> build editing components",
    "EditorFormTips3": "Complex edit columns, set up <code>EditTemplate</code> templates, and edit custom components",
    "EditorFormTips4": "The buttons in the form can be set up multiplely, just set the buttons <code>Buttons</code> template",
    "NormalTitle": "Basic usage",
    "NormalIntro": "By binding <code>TModel</code> data model, editable forms for individual fields of the model are automatically generated",
    "NormalDescription": "Directly bind the model <code>model</code>, setting the <b>Education</b><b>complete</b>field not to appear",
    "ValidateFormTitle": "Turn on data validation",
    "ValidateFormIntro": "Data compliance checks are implemented through nested <code>ValidateForm</code> components",
    "ValidateFormTips1": "The component is built into the <code>ValidateForm</code> to turn on data compliance checks, and <b>hobby</b>fields use the <code>EditTemplate</code> template to customize the component to render the data",
    "ValidateFormTips2": "Make the <code>birthday</code> field read-only by setting the <code>Readonly</code> property",
    "AutoGenerateTitle": "It is not automatically generated by default",
    "AutoGenerateIntro": "By setting the property <code>AutoGenerateAllItem</code> value of <code>false</code> the property is prohibited from being automatically generated, and the display property is controlled by setting the <code>FieldItems</code> internal collection",
    "SkipValidateTitle": "The components within the form component bind fields that are not model-independent",
    "SkipValidateIntro": "By setting the property <code>AutoGenerateAllItem</code> value of <code>false</code> the property is prohibited from being automatically generated, and the display property is controlled by setting the <code>FieldItems</code> internal collection",
    "ItemsPerRowTitle": "Set the number of controls displayed per row",
    "ItemsPerRowIntro": "Control the layout by setting the property values <code></code>ItemsPerRow",
    "ItemsPerRowDescription": "This example sets <code>ItemsPerRow=3</code> show 3 components per row",
    "AlignmentTitle": "Custom rendering component types",
    "AlignmentIntro": "Control the rendering component type by setting the <code>CompnentType</code> property values",
    "AlignmentTips1": "<code>inline</code> layout mode aligns the labels in the form right by setting the <code>LabelAlign=\"Alignment.Right\"</code>",
    "AlignmentTips2": "<code>Buttons</code> template you can nest <code>div</code> and style <code>text-end</code> align the right side of the button",
    "AttrAttributeTitle": "EditorItem Attribute",
    "Att1": "The currently bound data model",
    "Att2": "Bind column templates",
    "Att3": "Button template",
    "Att4": "Whether to display label",
    "Att5": "Whether to generate all properties",
    "Att6": "The number of components is displayed per row",
    "Att7": "Set how components are laid out",
    "Att8": "Label alignment in Inline layout mode",
    "Att9": "The current bound data value",
    "Att10": "Binding column data types",
    "Att11": "Whether to allow editing",
    "Att12": "Whether to read only",
    "Att13": "Edit the column's front label name",
    "Att14": "Column editing template",
    "IsDisplay": "Shown as Display component",
    "ShowLabelTooltip": "Show complete information when mouse hover over the label"
  },
  "BootstrapBlazor.Shared.Demos.EditForm.EditFormNormal": {
    "GroupBoxTile": "An example of a form",
    "SubButtonText": "Submit",
    "TestName": "Tom",
    "TestAddr": "The test address"
  },
  "BootstrapBlazor.Shared.Demos.EditForm.EditFormValidateForm": {
    "GroupBoxTile": "An example of a form",
    "SubButtonText": "Submit",
    "TestName": "Tom"
  },
  "BootstrapBlazor.Shared.Demos.EditForm.EditFormAutoGenerate": {
    "GroupBoxTile": "An example of a form",
    "SubButtonText": "Submit",
    "TestName": "Tom",
    "TestAddr": "The test address",
    "AutoGenerateDescription": "In this example, by setting <code>the autoGenerate AllItem</code> value to <code>false</code>, turning off auto-generation, and rendering the form editing by manually adding two <code>EditoItem</code> edits"
  },
  "BootstrapBlazor.Shared.Demos.EditForm.EditFormSkipValidate": {
    "GroupBoxTile": "An example of a form",
    "SubButtonText": "Submit",
    "TestName": "Tom",
    "TestAddr": "The test address",
    "SkipValidateDescription": "In some cases, the value of some columns in the form may be a secondary classification, etc., and you need to know the information for a level 1 classification, at which point the first-level classification requires additional components to render if <code>Select</code>, which is independent of the current context binding model <code>Model</code>, which requires that you set the <code>SkipValidate</code> value to <code>true</code>, turn off model validation for this component"
  },
  "BootstrapBlazor.Shared.Demos.EditForm.EditFormItemsPerRow": {
    "GroupBoxTile": "An example layout",
    "SubButtonText": "Submit",
    "TestName": "Tom",
    "TestAddr": "The test address"
  },
  "BootstrapBlazor.Shared.Demos.EditForm.EditFormAlignment": {
    "SubButtonText": "Submit",
    "TestName": "Tom",
    "TestAddr": "The test address"
  },
  "BootstrapBlazor.Shared.Samples.FloatingLabels": {
    "Title": "FloatingLabel",
    "H1": "Enter characters with the mouse or keyboard",
    "Normal": "Basic usage",
    "NormalIntro": "Provides basic text entry components",
    "DisplayTitle": "One-way binding data",
    "DisplayIntro": "Displays the value of variables within the component",
    "Block3Title": "Client validation",
    "Block3Intro": "Check data validity and prompt automatically based on custom validation rules",
    "DisplayText1": "Client validation",
    "Block4Title": "The password box",
    "Block4Intro": "By setting the property <code>type</code> value to <code>password</code> the password input box that is blocked by <code>*</code> after entering text",
    "P1": "In order to support more text box properties this component can be written directly to <code>type's 'email'</code> <code>type'number'</code> <code>type'phone'</code> and so on<code>httpl5</code> all property values supported by the new standard, the component does not set the <code>type</code> value using the default <code>type='text'</code>",
    "DisplayText2": "The password box",
    "Block5Title": "Generic binding",
    "Block5Intro": "<code>BootstrapInput</code> component bidirectional binding value is generic, in this case a two-way binding of an int type value",
    "DisplayText3": "Generic binding",
    "Div1": "The binding value: {0}",
    "Block6Title": "Disable",
    "Block6Intro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "DisplayText4": "Disable",
    "Block7Title": "Custom format",
    "Block7Intro": "When you set the <code>FormatString</code> property value to <code>yyyy-MM-dd</code>, the component displays a time format of the year and day",
    "Div2": "Set up",
    "P2": "<code>The BootstrapInput</code> component binds <code>byte[]</code> array and formats it as an example of <code>base64</code> encoded string",
    "DisplayText5": "An array of bytes",
    "Span": "Basic usage",
    "DisplayText6": "Please enter your password",
    "TestName": "Tom",
    "Att1": "Validate the control",
    "Att2": "Whether to display the front label",
    "Att3": "The front label displays text",
    "Att4": "The numerically formatted string",
    "Att5": "TableHeader instance",
    "Att6": "The type of control",
    "Att7": "Whether to disable,Default is fasle"
  },
  "BootstrapBlazor.Shared.Samples.Inputs": {
    "Title": "Input",
    "H1": "Enter characters with the mouse or keyboard",
    "Block1Title": "Basic usage",
    "Block1Intro": "Provides basic text entry components",
    "P1": "You can set the <code>IsAutoFocus</code> whether to automatically get focus, and the components that are last executed when multiple text boxes set auto-focus will get focus",
    "IsSelectAllTextOnFocusLabel": "Select all on focus",
    "IsSelectAllTextOnEnterLabel": "Select all on enter",
    "Span1": "Basic usage",
    "Block2Title": "Color",
    "Block2Intro": "Change the color of the text border by setting <code>Color</code>",
    "Block3Title": "Keyboard response",
    "Block3Intro": "Using <code>OnEnterAsync</code> <code>OnEscAsync</code> callback delegates to respond to the <kbd>Enter</kbd> <kbd>ESC</kbd> keystrokes",
    "Div1": "Press the keyboard <kbd>Enter</kbd> or <kbd>Esc</kbd> test",
    "Block4Title": "One-way binding data",
    "Block4Intro": "Displays the value of variables within the component",
    "Span2": "One-way binding",
    "Block5Title": "Bind data in both directions",
    "Block5Intro": "Binding variables within a component, data is automatically synchronized",
    "P2": "when <code>BootstrapInput</code> components turn on bidirectional binding, the <code>Display/DisplayName</code> label value is automatically fetched based on the bound <code>Model</code> property value and appears as a <code>pre-Label</code>, by <code>DisplayText</code> Properties can customize the display of pre-labels, or turn off the display of pre-labels through the <code>ShowLabel</code> property",
    "Divider1": "Custom labels",
    "P3": "Set the <code>DisplayText</code> value to <b>custom label</b>",
    "InputText1": "Custom labels",
    "Divider2": "Occupants",
    "P4": "The value of <code>DisplayText</code>  is displayed when <code>ShowLabel</code> is <code>true</code>, regardless of whether the value is set",
    "Divider3": "Do not occupy seats",
    "P5": "The value of <code>DisplayText</code> is not displayed when the <code>ShowLabel</code> is <code>false</code>",
    "Block6Title": "Client valiation",
    "Block6Intro": "Check data validity and prompt automatically based on custom validation rules",
    "Tips1": "When using bidirectional binding, you will automatically look for <code>the key</code> value  the resource file with a value of <code>{FieldName}.PlaceHolder</code> the corresponding value as <code>placeholder</code> shows that in this example, the <code>placeholder</code> value is the <code>Name.PlaceHolder</code> key corresponding value in the resource file<code>required</code> non-empty ",
    "Block7Title": "The password box",
    "Block7Intro": "By setting the property <code>type</code> value to <code>password</code> the password input box that is blocked by <code>*</code> after entering text",
    "P6": "In order to support more text box properties this component can be written directly to <code>type='email'</code> <code>type='number'</code> <code>type='phone'</code> and so on<code>html5</code> all property values supported by the new standard, the component does not set the <code>type</code> value using the default <code>type='text'</code>",
    "Block8Title": "Generic binding",
    "Block8Intro": "<code>BootstrapInput</code> component bidirectional binding value is generic, in this case a two-way binding of an int type value",
    "Div2": "The binding value",
    "Block9Title": "Disable",
    "Block9Intro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "Block10Title": "Custom format",
    "Block10Intro": "When you set the <code>FormatString</code> property value to <code>yyyy-MM-dd</code>, the component displays a time format of the year and day",
    "Div3": "Set up",
    "P7": "The <code>BootstrapInput</code> component binds <code>byte[]</code> array and formats it as an example of <code>base64</code> encoded string",
    "Block11Title": "The password box",
    "Block11Intro": "Use the <code>BootstrapPassword</code> component",
    "IsTrimTitle": "Trim",
    "IsTrimIntro": "Use <code>IsTrim=\"true\"</code> to automatically trim white space when entering content",
    "TrimDescription": "The front and back spaces in the component will be trimmed when set <code>IsTrim</code> to <code>true</code>",
    "PlaceHolder": "Please enter ...",
    "TestName": "Tom",
    "Log": "The key triggers the current text box value",
    "Att1": "Validate the control",
    "Att2": "Whether to display the front label",
    "Att3": "The front label displays text",
    "Att4": "Color",
    "Att5": "The numerically formatted string",
    "Att6": "TableHeader instance",
    "Att7": "The type of control",
    "Att8": "The user presses enter to call back the delegate",
    "Att9": "The user presses the Esc key to call back the delegate",
    "Att10": "Whether to disable Fasle by default",
    "Att11": "Whether to get the focus automatically Default is fasle",
    "IsSelectAllTextOnFocus": "Whether auto select the all text after focus",
    "IsSelectAllTextOnEnter": "Whether auto select the all text after presses enter",
    "SelectAllTextAsync": "Select the all text method",
    "ValidateRules": "Customer validation collection",
    "P8": "Use <code>IsSelectAllTextOnEnter</code> The user presses enter to select the all text",
    "P9": "Execute @ref.SelectAllTextAsync() method select the all text"
  },
  "BootstrapBlazor.Shared.Samples.InputNumbers": {
    "Title": "InputNumber",
    "H1": "Only standard numeric values are allowed, and custom ranges and other advanced features are supported",
    "Block1Title": "Basic usage",
    "Block1Intro": "The <code>Numer</code> numeric type displays a text box, and the mobile side automatically pops up the numeric keypad",
    "Block2Title": "Interval limit usage",
    "Block2Intro": "Set the <code>Max</code> <code>Min</code> to control the range of value intervals 1-10",
    "Block3Title": "Control button",
    "Block3Intro": "Set the <code>ShowButton</code> parameter to control whether the buttons are displayed to increase or decrease",
    "P1": "This example sets a maximum of 10 minimum value of 0",
    "Block4Title": "Custom steps",
    "Block4Intro": "Set the <code>Step</code> parameter to control the increase or decrease in steps",
    "P2": "The step defaults to 1",
    "P3": "The step defaults to 10",
    "P4": "The step defaults to 0.1",
    "Block5Title": "Color",
    "Block5Intro": "Set the <code>Color</code> parameter to customize the button color",
    "P5": "Show button",
    "P6": "No button",
    "Block6Title": "Data type",
    "Block6Intro": "This component uses generic support the underlying data type <code>int short long float double decimal</code>",
    "Block7Title": "Disable",
    "Block7Intro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "Block8Title": "The label is displayed",
    "Block8Intro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "p7": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the > of the <a href=inputs'>[The portal]</a>",
    "Divider1": "Bidirectional binding displays labels",
    "Divider2": "Bidirectional bindings do not display labels",
    "Divider3": "Custom  DisplayText",
    "InputText": "Customization",
    "Att1": "The current value",
    "Att2": "Maximum values can be allowed",
    "Att3": "Minimum values can be allowed",
    "Att4": "Step",
    "Att5": "Whether to disable,Default is fasle",
    "Att6": "Whether to display the front label",
    "Att7": "The front label displays text"
  },
  "BootstrapBlazor.Shared.Samples.InputGroups": {
    "Title": "InputGroup",
    "H1": "Input can add lables and buttons before or after it to make as a group",
    "Block1Title": "Basic usage",
    "Block1Intro": "Add a label before the <code>Input</code>, or Add a <code>Button</code> after the <code>Input</code>",
    "Block2Title": "Add multiple components",
    "Block2Intro": "The <code>InputGroup</code> can have lots of children",
    "Block3Title": "Add Select",
    "Block3Intro": "Add <code>Select</code> component to the <code>InputGroup</code>",
    "UserName": "UserName",
    "Distance": "Distance",
    "ValidateFormTitle": "ValidateForm",
    "ValidateFormIntro": "Inside <code>ValidateForm</code>"
  },
  "BootstrapBlazor.Shared.Samples.Markdowns": {
    "Title": "Markdown",
    "H1": "A text editor that provides support for the Markdown syntax",
    "Css": "CSS file",
    "CssText": "dynamic import css",
    "Js": "JS file",
    "JsText": "dynamic import javascript",
    "H4": "Localization",
    "Tips1": "The component has a built-in Chinese to switch between current cultural information for Chinese",
    "Block1Title": "Common usage",
    "Block1Intro": "The default setting",
    "P5": "Once you <code>Markdown</code> code, click on the relevant area below to display the data",
    "Block2Title": "Load the data asynchronously",
    "Block2Intro": "Get <code>Markdown</code> display with <code>Webapi</code>",
    "ButtonText": "load",
    "Block3Title": "Common properties",
    "Block3Intro": "Change the default parameters",
    "P6": "Set the minimum height of the <code>Markdown</code> Editor <code>300px</code>, the default height <code>500px</code>, indicating that this is the <code>Markdown</code>, <code>tab</code> display, the default display of the WYSIWYG page",
    "PlaceHolder": "This is Markdown",
    "Block4Title": "Browser mode",
    "Block4Intro": "Simple browsing mode, not editable",
    "IsDarkBlockTitle": "Dark mode",
    "IsDarkBlockIntro": "Enable dark mode",
    "EnableHighlightBlcokTitle": "Enable the code highlighting plugin",
    "EnableHighlightBlcokIntro": "Enable plugins with <code>EnableHighlight=true</code>, highlighting using ``` followed by code formatting, and js highlight syntax for example ```js",
    "BrowserBlcokTitle": "External operation Markdown",
    "BrowserBlcokIntro": "Using APIs to manipulate the Editor from the outside, the specific API reference <a href='https://nhn.github.io/tui.editor/latest/ToastUIEditorCore'>tui.editor api</a>",
    "BrowserButtonText1": "Insert a line of text",
    "BrowserButtonText2": "Insert a picture",
    "BrowserButtonText3": "The cursor moves to the end",
    "BrowserText": "coconut palm",
    "ValidateTitle": "Validate",
    "ValidateIntro": "Check data validity and prompt automatically based on custom validation rules",
    "SubmitText": "Save",
    "P7": "Set the <code>markdown</code> editor to browse-only mode, <code>IsViewer='true'</code>",
    "Att1": "Control height",
    "Att2": "The minimum height of the control",
    "Att3": "The interface displayed at initialization",
    "Att4": "Preview mode",
    "Att5": "UI language",
    "Att6": "Prompt information",
    "Att7": "Whether it is pure browsing mode",
    "Att8": "Whether it is dark mode",
    "Att9": "Whether code highlighting is enabled"
  },
  "BootstrapBlazor.Shared.Samples.MultiSelects": {
    "MultiSelectsTitle": "MultiSelect",
    "MultiSelectsDescription": "When you have multiple options, use the drop-down menu to present and provide a search for multiple choices",
    "MultiSelectColorTitle": "Color",
    "MultiSelectColorIntro": "Multi-select drop-down boxes in a variety of colors are available",
    "MultiSelectBindingStringTitle": "A two-way binding value string",
    "MultiSelectBindingStringIntro": "Bind a comma string-splitting string",
    "MultiSelectBindingStringDescription": "<div>The <code>mutltiSelect</code> component data source <code>Items</code> and <b>selected values</b> the <code>SelectItemsValue</code> support bidirectional binding;In this example, the <code>SelectItemsValue</code> variable by binding bidirectionally, and chooses to change its value through the drop-down box. </div>",
    "MultiSelectBindingCollectionTitle": "A collection of bidirectional binding values",
    "MultiSelectBindingCollectionIntro": "Bind a generic <code>a collection of IEnumerable<T></code>",
    "MultiSelectBindingCollectionDescrition": "In this example, the <code>SelectArrayValues</code> collection variable by binding bidirectionally, and selects to change its value through the drop-down box",
    "MultiSelectBindingNumberTitle": "An array of two-way bound values",
    "MultiSelectBindingNumberIntro": "Bind an array <code>int[]</code>",
    "MultiSelectBindingNumberDescription": "In this example, an array variable <code>SelectedIntArrayValues</code>  selected by a bidirectional binding, selects to change its value through a drop-down box",
    "MultiSelectBindingEnumCollectionTitle": "Bidirectional binding enumerates the collection",
    "MultiSelectBindingEnumCollectionIntro": "Bind a generic a collection of <code>IEnumerable<Enum></code>",
    "MultiSelectBindingEnumCollectionDescription": "In this example, by binding <code>SelectEnumValues</code> collection variables in both directions, you choose to change their values through the drop-down box, <b>and you do not need to set the <code>Items</code> parameter when enumerating</b>type, the added feature is that the component tries to find resource files or <code>DisplayAttribute</code> And <code>DescriptionAttribute</code> labels attempt local translation, such as this example when switching to <b>Chinese</b> enumerates the values <b>elementary school</b><b>middle school </b>",
    "MultiSelectSearchTitle": "Search function",
    "MultiSelectSearchIntro": "Turn on search by setting the <code>ShowSearch</code> value",
    "MultiSelectSearchDescription": "In this example, the search callback delegate method is set <code>onSearchTextChanged</code> to customize search results if the display text is used internally to make a fuzzy match when not set",
    "MultiSelectGroupTitle": "Grouping",
    "MultiSelectGroupIntro": "Alternatives are presented in groups",
    "MultiSelectDisableTitle": "Disable the feature",
    "MultiSelectDisableIntro": "Set the component disabled state by setting the <code>IsDisabled</code> value",
    "MultiSelectDisableDescription": "The component does not respond when the state is disabled",
    "MultiSelectOptionChangeTitle": "Events when the option changes",
    "MultiSelectOptionChangeIntro": "Get the currently selected data set change event by setting the <code>onSelectedItemsChanged</code> callback method by setting",
    "MultiSelectClientValidationTitle": "Client validation",
    "MultiSelectClientValidationIntro": "When the drop-down box is not selected, it is blocked when the submit button is clicked.",
    "MultiSelectClientValidationDescription": "When built into the <code>ValidateForm</code> component, client authentication is automatically turned on, and the binding model has <code>Required</code> tags",
    "MultiSelectDispalyLabelTitle": "The label is displayed",
    "MultiSelectDispalyLabelIntro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "MultiSelectDispalyLabelDescription": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the of the <a href='inputs'>[The portal]</a>",
    "MultiSelectVeryLongTextTitle": "Options for extra-long text",
    "MultiSelectVeryLongTextIntro": "The candidate text is particularly long",
    "MultiSelectButtonTitle": "Full and reverse buttons",
    "BMultiSelectButtonIntro": "By setting <code>ShowToolbar</code> value settings component displays the toolbox, by setting <code>ShowDefaultButtons</code> value settings component displays the default buttons, by setting <code>ShowSearch</code> value settings component displays the search box",
    "MultiSelectMaxMinTitle": "Set the maximum and minimum number of options",
    "MultiSelectMaxMinIntro": "Set the limit on the number of options available to components by setting the <code>max</code> <code>Min</code> values",
    "MultiSelectExpandButtonTitle": "Extend the toolbar button",
    "MultiSelectExpandButtonIntro": "Customize features by setting <code>ButtonTemplate</code> custom toolbar buttons",
    "MultiSelectCascadingTitle": "Cascading bindings",
    "MultiSelectCascadingIntro": "The second drop-down box dynamically populates the content by selecting the different options for the first drop-down box.",
    "MultiSelectCascadingDescription": "In this example, clicking on the first drop-down box allows you to get the data source for the second multi-box by asynchronous means, and after assigning, call <code>StateHasChanged</code> to re-render the <b>multi-box </b>",
    "MultiSelectItemTemplateTitle": "Item Template",
    "MultiSelectItemTemplateIntro": "customer item template by set <code>ItemTemplate</code>",
    "MultiSelectPopoverTitle": "Popover dropdown menu",
    "MultiSelectPopoverIntro": "Set <code>IsPopover</code> to <b>true</b>, use <code>popover</code> render UI prevent The dropdown menu cannot be fully displayed because the parent container is set to <code>overflow: hidden</code>",
    "MultiSelectsAttribute_ShowLabel": "Whether to display the front label",
    "MultiSelectsAttribute_ShowCloseButton": "Whether to display the close button from label",
    "MultiSelectsAttribute_ShowToolbar": "Whether to display the function button",
    "MultiSelectsAttribute_ShowDefaultButtons": "Whether to display the default feature button",
    "MultiSelectsAttribute_DisplayText": "The front label displays text",
    "MultiSelectsAttribute_PlaceHolder": "The place-in display text when not selected",
    "MultiSelectsAttribute_PlaceHolder_DefaultValue": "Click to multi-select ...",
    "MultiSelectsAttribute_Class": "Style",
    "MultiSelectsAttribute_Color": "Color",
    "MultiSelectsAttribute_IsDisabled": "Whether to disable it",
    "MultiSelectsAttribute_Items": "The data collection",
    "MultiSelectsAttribute_ButtonTemplate": "Extend the button template",
    "MultiSelectsAttribute_ItemTemplate": "The template of selected item",
    "MultiSelectsEvent_OnSelectedItemsChanged": "This event is triggered when the drop-down option changes",
    "MultiSelectsEvent_OnSearchTextChanged": "Call back this method when the search text changes"
  },
  "BootstrapBlazor.Shared.Demos.MultiSelect.MultiSelectBindingCollection": {
    "MultiSelectBindingCollectionAdd": "Add",
    "MultiSelectBindingCollectionDecrease": "Decrease",
    "MultiSelectBindingCollectionClean": "Clear"
  },
  "BootstrapBlazor.Shared.Demos.MultiSelect.MultiSelectBindingNumber": {
    "MultiSelectBindingNumberAdd": "Add",
    "MultiSelectBindingNumberDecrease": "Decrease",
    "MultiSelectBindingNumberClean": "Clear"
  },
  "BootstrapBlazor.Shared.Demos.MultiSelect.MultiSelectBindingString": {
    "MultiSelectBindingStringAdd": "Add",
    "MultiSelectBindingStringDecrease": "Decrease",
    "MultiSelectBindingStringClean": "Clear"
  },
  "BootstrapBlazor.Shared.Demos.MultiSelect.MultiSelectClientValidation": {
    "MultiSelectClientValidationSubmit": "Submit"
  },
  "BootstrapBlazor.Shared.Demos.MultiSelect.MultiSelectDispalyLabel": {
    "MultiSelectDispalyLabelShowLable": "Bidirectional binding displays labels",
    "MultiSelectDispalyLabelHideLable": "Bidirectional bindings do not display labels",
    "MultiSelectDispalyLabelCustomDisplayText": "Customize DisplayText",
    "MultiSelectDispalyLabelCustomText": "Custom name"
  },
  "BootstrapBlazor.Shared.Demos.MultiSelect.MultiSelectExpandButton": {
    "MultiSelectExpandButtonText": "Test"
  },
  "BootstrapBlazor.Shared.Demos.MultiSelect.MultiSelectMaxMin": {
    "MultiSelectMaxMinMax": "You can select up to two options",
    "MultiSelectMaxMinMin": "Select at least two options"
  },
  "BootstrapBlazor.Shared.Demos.MultiSelect.MultiSelectSearch": {
    "MultiSelectSearchLog": "Search for text"
  },
  "BootstrapBlazor.Shared.Demos.MultiSelect.MultiSelectVeryLongText": {
    "MultiSelectVeryLongTextDisplayText": "Extra long text"
  },
  "BootstrapBlazor.Shared.Demos.MultiSelect.MultiSelectOptionChange": {
    "MultiSelectOptionChangeLog": "Select the collection of items"
  },
  "BootstrapBlazor.Shared.Samples.Radios": {
    "Title": "Radio",
    "H1": "Single in a set of alternatives",
    "Block1Title": "Basic usage",
    "Block1Intro": "Select selectors are recommended because the options are visible by default and should not be too many",
    "Block2Title": "Turn off the radio box",
    "Block2Intro": "The unavailable status of the radio box is <code>IsDisabled='true'</code>",
    "Block3Title": "Label text",
    "Block3Intro": "The radio box displays text",
    "RadioText": "Button group",
    "Block4Title": "Bind data in both directions",
    "Block4Intro": "Binding variables within a component, data automatically synchronized, binding an array of selectedItem types",
    "Block5Title": "Vertical arrangement",
    "Block5Intro": "Make the components vertically arranged internally by setting the <code>IsVertical</code>",
    "Block6Title": "The binding enumeration type",
    "Block6Intro": "You do not need to set up <code>Items</code> <code>Value</code> by binding both directions",
    "P1": "By setting the <code>IsAutoAddNullItem</code> automatically adds the <b>empty value</b>option, and by setting the <code>NullItemText</code> the custom <b>null</b>option",
    "RadioText2": "null",
    "Block7Title": "Color",
    "Block7Intro": "Change the component background color by setting the <code>Color</code> property",
    "BlockIsButtonTitle": "Button Radio",
    "BlockIsButtonIntro": "Set <code>IsButton</code> to <code>True</code> make the radio item display as Button",
    "ItemTemplateTitle": "ItemTemplate",
    "ItemTemplateIntro": "Set <code>ItemTemplate</code> for customer the item UI",
    "Att1": "Displays text",
    "Att2": "The empty value displays the text",
    "Att3": "Whether to disable it",
    "Att4": "Whether it is vertically distributed",
    "Att5": "Whether the binding automatically adds an empty value when the type is enumerated",
    "Att6": "Bind the data source",
    "IsButton": "Display as button style",
    "GroupName": "Group name",
    "Event1": "Call back this method when the check box state changes",
    "Log1": "The component selects the value:",
    "Log2": "The value is displayed:",
    "Log3": "Component value:",
    "Item1": "Option one",
    "Item2": "Option two",
    "Add1": "Beijing",
    "Add2": "Shanghai"
  },
  "BootstrapBlazor.Shared.Samples.Rates": {
    "Title": "Rate",
    "H1": "Scoring components",
    "Block1Title": "Basic usage",
    "Block1Intro": "<code>Rate</code> component represents the numeric level with 1 - 5 stars, and the value can be bound in both directions in the background by <code>bind-Value</code> Through the <code>Rate</code> component changes its value, the mouse swipe changes the value, and confirms its value when you click on the star",
    "Block2Title": "Disable",
    "Block2Intro": "Disable components by setting <code>IsDisable</code> property values",
    "IconTitle": "Item Template",
    "IconIntro": "Set <code>ItemTemplate</code> and <code>custom-rate</code> custom the UI",
    "SwitchOn": "Disable",
    "SwitchOff": "Enable",
    "Att1": "The component value",
    "Att2": "Whether to disable Fasle by default",
    "Event1": "Call back the delegate when the value changes",
    "Log": "Star rating:",
    "Cry": "Cry",
    "Tear": "Tear",
    "Smile": "Smile",
    "Surprise": "Surprise",
    "Grin": "Grin"
  },
  "BootstrapBlazor.Shared.Samples.Selects": {
    "Title": "Select",
    "H1": "When there are too many options, use the drop-down menu to present and select content",
    "Block1Title": "Select drop-down selection box",
    "Block1Intro": "Drop-down selection boxes are available in a variety of colors",
    "P1": "In this example, the first drop-down box does not have a <code>Value</code> bidirectional binding, so you only change when you select different options, and the remaining drop-down boxes share the same data source <code>Items</code> and bind <code>Value</code> values in both directions, changing together when you select different options",
    "Block2Title": "Select disables the drop-down box",
    "Block2Intro": "Selector unavailable state",
    "P2": "The options in the drop-down box <b>disable</b> the example",
    "Block3Title": "Select two-way binding",
    "Block3Intro": "The values in the text box change as you change the drop-down option by binding the <code>Model.Name</code> property to the component with <code>Select</code> .",
    "Block4Title": "Select cascading binding",
    "Block4Intro": "The second drop-down box dynamically populates the content by selecting the different options for the first drop-down box.",
    "ButtonText1": "In Dialog",
    "Block5Title": "Select client validation",
    "Block5Intro": "When the drop-down box is not selected, it is blocked when the submit button is clicked.",
    "Option1": "Please select ...",
    "Option2": "Beijing",
    "Option3": "Shanghai",
    "Option4": "Guangzhou",
    "ButtonText2": "Submit",
    "Block6Title": "Grouping",
    "Block6Intro": "Alternatives are presented in groups",
    "Block7Title": "The binding generic is the Guid structure",
    "Block7Intro": "The component binding value is an example of a Guid structure",
    "Block8Title": "The label is displayed",
    "Block8Intro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "P3": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the  of the <a href='inputs'>[The portal]</a>",
    "Divider1": "Bidirectional binding displays labels",
    "Divider2": "Bidirectional bindings show that bidirectional bindings do not display labels",
    "Divider3": "Customize DisplayText",
    "SelectText": "Custom city",
    "Block9Title": "Static data",
    "Block9Intro": "Hard-coded writing directly inside the <code>Select</code> component is suitable for static data drop-down boxes",
    "Block10Title": "Enumerate the data",
    "Block10Intro": "an example of a type enumerated a <code>select</code> component binding",
    "P4": "Enumeration When the binding value is an empty enumeration type, the component automatically adds preferences internally through the <code>PlaceHolder</code> value, and when the <code>PlaceHolder</code> value is not set, <b>please select ... </b>as a preference, and this example binds <code>the EnumEducation</code> enumeration type data",
    "P5": "Setting <code>PalceHolder</code> is not valid when the binding value is an enumerated type",
    "SelectText1": "Can be empty",
    "SelectText2": "Not empty",
    "Block11Title": "The binding can be an empty type",
    "Block11Intro": "<code>an example of the Select</code> component binding <code>int?</code> type",
    "P6": "When the first option is selected, the binding value <code>SelectIntItem</code> to <code>null</code>",
    "Block12Title": "The binding can be an empty Boolean type",
    "Block12Intro": "an example of the <code>bool?</code> type of <code>select</code> component binding",
    "P7": "Can be used for the empty boolean type more than in the conditional search box",
    "P8": "When the first option is selected, the binding value <code>SelectIntItem</code> to <code>null</code>",
    "Block13Title": "Custom option templates",
    "Block13Intro": "By setting the <code>ItemTemplate</code> you can customize the option rendering style",
    "BlockShowSearchTitle": "Drop-down box with search box",
    "BlockShowSearchIntro": "Controls whether the search box is displayed by setting the <code>ShowSearch</code> property, which is not displayed by default false",
    "Block15Title": "Drop-down box with confirmation",
    "Block15Intro": "Block changes to the current value by setting the <code>OnBeforeSelectedItemChange</code> delegate.",
    "TimezoneTitle": "Timezone",
    "TimezoneIntro": "Display data of Timezone",
    "SwalTitle": "The drop-down box value changes",
    "SwalContent": "Are you sure you want to change the option value?",
    "SwalFooter": "Click Confirm to change the option value and select Cancel to leave the value unchanged",
    "ShowLabel": "Whether to display the front label",
    "ShowSearch": "Whether to display the search box",
    "DisplayText": "The front label displays text",
    "Class": "Style",
    "Color": "Color",
    "IsDisabled": "Whether to disable it",
    "Items": "The data collection",
    "SelectItems": "Static data templates",
    "ItemTemplate": "The data options template",
    "ChildContent": "The data template",
    "Category": "The dialog icon",
    "Content": "The contents of the dialog box",
    "ContentDefaultValue": "Are you sure you want to change the current value?",
    "OnSelectedItemChanged": "This event is triggered when the drop-down option changes",
    "OnBeforeSelectedItemChange": "This event is triggered before the drop-down option changes",
    "PlaceHolder": "Not selected",
    "DisplayTemplateTitle": "Display Template",
    "DisplayTemplateIntro": "Custom <code>UI</code> of display template",
    "PopoverTitle": "Popover dropdown menu",
    "PopoverIntro": "Set <code>IsPopover</code> to <b>true</b>, use <code>popover</code> render UI prevent The dropdown menu cannot be fully displayed because the parent container is set to <code>overflow: hidden</code>"
  },
  "BootstrapBlazor.Shared.Samples.Sliders": {
    "Title": "Slider",
    "H1": "Select within a fixed interval by dragging the slider",
    "Block1Title": "Basic usage",
    "Block1Intro": "Change the current value as you drag the slider",
    "Slider1Label": "Customize the initial value",
    "Slider2Label": "Disable",
    "Block2Title": "Slider bidirectional binding",
    "Block2Intro": "Select within a fixed interval by dragging the slider",
    "Slider3Label": "Customize the initial value",
    "Class": "Style",
    "IsDisabled": "Whether to disable it",
    "Value": "The current value of the component",
    "ValueChanged": "ValueChanged callback method"
  },
  "BootstrapBlazor.Shared.Samples.Switchs": {
    "Title": "Switch",
    "H1": "The most common switching applications are available",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Click the button to switch statuses",
    "P1": "Click the first switch to output the log with value",
    "OnText": "On",
    "OffText": "Off",
    "DisableTitle": "Disable the state",
    "DisableIntro": "Control the unavailable state of the component by setting the <code>IsDisabled</code> property",
    "ColorTitle": "Switch color",
    "ColorIntro": "Set the switch status color by setting the <code>OnColor</code> <code>OffColor</code> property values",
    "BindingTitle": "Two-way binding",
    "BindingIntro": "Binding variables within a component, data is automatically synchronized",
    "P2": "when the <code>Switch</code> component turns on bidirectional binding, the <code>DisplayName</code> label value is automatically obtained based on the bound <code>Model</code> property value and appears as a pre-<code>Label</code>, which can be customized to display the pre-label through the <code>DisplayText</code> property, or through the <code>ShowLabel</code> property turns off the display of the prelabel",
    "P3": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component  of the <a href='inputs'>[The portal]</a>",
    "DisplayText1": "An example of a two-way binding",
    "DivText1": "The binding value",
    "DividerText1": "Custom labels",
    "P4": "Set the <code>DisplayText</code> value to <b>custom label </b>",
    "DisplayText2": "Custom labels",
    "DividerText2": "Occupants",
    "P5": "The value of <code>DisplayText</code> is displayed when <code>ShowLabel</code> is <code>true</code>, regardless of whether the value is set",
    "DividerText3": "Do not occupy seats",
    "P6": "The value of <code>DisplayText</code> is not displayed when the <code>ShowLabel</code> is <code>false</code>",
    "DisplayText3": "Do not display",
    "InnerTextTitle": "Displays built-in text",
    "InnerTextIntro": "By setting <code>ShowInnerText</code> property control component displays built-in text",
    "P7": "By setting the <code>onInnerText</code> <code>OffInnerText</code> property to change the built-in text, a Chinese character is recommended by default to customize the component width to increase the amount of built-in text",
    "LabelText1": "Default text:",
    "LabelText2": "Custom text:",
    "OnInnerText": "Be",
    "OffInnerText": "Not",
    "NullableTitle": "Can be an empty type switch",
    "NullableIntro": "Control the default value of the <code>Null</code> value by setting the <code>DefaultValueWhenNull</code> property, which is <code>false</code> when not set",
    "Class": "Style",
    "Height": "Control height",
    "IsDisabled": "Whether to disable it",
    "OffColor": "Off color settings",
    "OnColor": "Turn on the color settings",
    "OnTextAttr": "The text is displayed when component On",
    "OffTextAttr": "The text is displayed when the component is off",
    "OnInnerTextAttr": "Component On has built-in display text",
    "OffInnerTextAttr": "The component is built-in to display text when off",
    "OnInnerTextDefaultValue": "On",
    "OffInnerTextDefaultValue": "Off",
    "ShowInnerText": "Whether to display the built-in display text",
    "Width": "The width of the component",
    "Value": "Get the value",
    "ShowLabel": "Whether to display the front label",
    "DisplayText": "The front label displays text",
    "OnValueChanged": "Call back the delegate method when the value changes",
    "ValueChanged": "Gets the value of the selection change"
  },
  "BootstrapBlazor.Shared.Samples.Textareas": {
    "PlaceHolder": "Please enter ...",
    "Title": "Textarea",
    "SubTitle": "Used to enter a large amount of text",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "A large amount of text is acceptable",
    "BasicUsageLabel": "Basic usage",
    "DisableTitle": "Disable",
    "DisableIntro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "BindValue": "The binding value",
    "ReadonlyTitle": "Readonly",
    "ReadonlyIntro": "When you set the <code>readonly</code> property, the component prohibits input",
    "HeightTitle": "height",
    "HeightIntro": "When you set the <code>rows</code> property, component initialization displays a fixed row height",
    "BindWayTitle": "Two-way binding",
    "BindWayIntro": "Binding variables within a component, data is automatically synchronized",
    "ShowLabel": "Whether to display the front label",
    "DisplayText": "The front label displays text",
    "IsDisabled": "Whether to disable Default is fasle"
  },
  "BootstrapBlazor.Shared.Samples.Toggles": {
    "OnText": "On",
    "OffText": "Off",
    "Title": "Toggle",
    "SubTitle": "The most common switching application is available with a value of <code>true</code> <code>false</code>",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Click the button to switch statuses",
    "BasicUsageP": "Click the first switch to output the log with value",
    "DisableTitle": "Disable the state",
    "DisableIntro": "The switch is not available.",
    "BindToWayTitle": "Bind data in both directions",
    "BindToWayIntro": "Binding variables within a component, data is automatically synchronized",
    "BindToWayP1": "when the <code>Switch</code> component turns on bidirectional binding, the <code>DisplayName</code> label value is automatically obtained based on the bound <code>Model</code> property value and appears as a <code>pre-Label</code>, which can be customized to display the pre-label through the <code>DispalyText</code> property, or through the <code>ShowLabel</code> property turns off the display of the prelabel",
    "BindToWayDiaspalyText1": "An example of a two-way binding",
    "BindToWayDiv": "The binding value:",
    "CustomLabelText": "Custom labels",
    "BindToWayP2": "Set the <code>DisplayText</code> value to <b>custom label </b>",
    "BindToWayP3": "The</code> value of <code>DisplayText is displayed when <code>ShowLabel</code> is <code>true</code>, regardless of whether the value is set",
    "OccupantsText": "Occupants",
    "NotOccupantsText": "Not Occupants",
    "BindToWayP4": "The value of <code>DisplayText</code> is not displayed when the <code>ShowLabel</code> is <code>false</code>",
    "NotDisplayText": "Do not display",
    "Color": "Color",
    "IsDisabled": "Whether to disable it",
    "OffTextAttr": "The text is displayed when the component is off",
    "OffTextDefautValue": "Shrink",
    "OnTextAttr": "The text is displayed when component On",
    "OnTextDefautValue": "Unfold",
    "Width": "The width of the component",
    "Value": "Get the value",
    "ShowLabel": "Whether to display the front label",
    "DisplayText": "The front label displays text",
    "OnValueChanged": "Call back the delegate method when the value changes",
    "ValueChanged": "Gets the value of the selection change",
    "DisplayName": "Binding label"
  },
  "BootstrapBlazor.Shared.Samples.Transfers": {
    "LeftPannelText": "The list on the left",
    "LeftButtonText": "To the left",
    "RightPannelText": "The list on the right",
    "RightButtonText": "To the Right",
    "PlaceHolder": "Please enter",
    "Title": "Transfer",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Searchable",
    "CustomizableTitle": "Customizable",
    "CustomizableIntro": "You can customize the list title copy, button copy, rendering function of data items, check status copy at the bottom of the list, content area at the bottom of the list, and so on.",
    "SearchableTitle": "Searchable",
    "SearchableIntro": "In cases where there is a lot of data, you can search and filter the data.",
    "BindToWayTitle": "Two-way binding",
    "BindToWayIntro": "When component data changes, the bidirectional binding <code>bind-Value</code> values change synchronously",
    "BindToWayP1": "<code>Transfer</code> component is a generic component that supports three binding types <code>string</code> <code>IEnumerable&lt;string&gt;</code> <code>IEnumerable&lt;SelectedItem&gt;</code> in this case bidirectional binding The<code>SelectValue</code> type is <code>IEnumerable&lt;SelectedItem&gt;</code>",
    "BindToWayButtonText1": "Add",
    "ClientValidationTitle": "Client Validation",
    "ClientValidationIntro": "When component data changes, the bidirectional binding <code>bind-Value</code> values change synchronously",
    "ClientValidationP1": "The <code>Transfer</code> component built into the <code>ValidateForm</code> component turns on client authentication, in this case the component bidirectional binding <code>Model.Hobby</code> type is <code>IEnumerable&lt;string&gt;</code>",
    "ClientValidationButtonText": "Submit",
    "DisableTitle": "Disable",
    "DisableIntro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "ItemStyleTitle": "Set the Item style",
    "ItemStyleIntro": "By setting the <code>OnSetItemClass</code> callback method styles options based on the</code> values of <code>SelectedItem",
    "Items": "A collection of component-bound data items",
    "LeftButtonTextAttr": "The left button displays text",
    "LeftPanelTextAttr": "The left panel Header displays text",
    "LeftPanelDefaultValue": "List 1",
    "RightButtonTextAttr": "The right button displays text",
    "RightPanelTextAttr": "The right panel Header displays text",
    "RightPanelTextDefaultValue": "List 2",
    "ShowSearch": "The right panel Header displays text ...",
    "LeftPannelSearchPlaceHolderString": "The search box placeholder string in the left panel",
    "RightPannelSearchPlaceHolderString": "The search box placeholder string in the right panel",
    "IsDisabled": "Whether to disable it",
    "OnSelectedItemsChanged": "The callback method when the component binding data item collection options change",
    "OnSetItemClass": "Set the Item style callback method",
    "Data": "Data",
    "Backup": "Backup"
  },
  "BootstrapBlazor.Shared.Samples.Uploads": {
    "Title": "Upload",
    "SubTitle": "Upload the file by clicking",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "The <code>InputUpload</code> component is used with other form components to display the file name, select the file and upload it by clicking the <b>browse button</b>, and by setting the <code>ShowRemoveButton</code> parameter, display the <b>delete button</b>, click the delete button to call back <code>onDelete</code> delegate method",
    "BasicUsageLabelName": "Name:",
    "BasicUsageLabelAdress": "Adress:",
    "BasicUsageLabelPhoto": "Photo:",
    "FormTitle": "FormSettings",
    "FormIntro": "Use the file upload component to constrain the file format within the form",
    "FormLi1": "Using the <code>ValidateForm</code> form component, custom validation is set by setting the <code>fileValidation</code> label of the model properties to support file <b>extension</b><b>size</b>validation, in this case with the extension <code>.png .jpg .jpeg</code> and the file size limit to <code>50K</code>",
    "FormLi2": "After selecting the file and not starting to upload the file, click the <code>submit</code> button to verify that the data is legitimate, and then upload the file <code>OnSubmit</code> callback delegate, noting that the <b>Picture</b>property type is <code>IBrowserFile</code>",
    "FormButtonText": "Submit",
    "ClickUploadTitle": "Click upload",
    "ClickUploadIntro": "The <code>ButtonUpload</code> components, classic styles, user click button to pop up the file selection box.",
    "ClickUploadP1": "Click on the <code>browse button</code> select file upload, in this case set <code>IsMultiple-true</code> multiple-selectable file can be uploaded",
    "ClickUploadP2": "When you set up <code>IsSingle</code>, you can upload only one image or file",
    "ClickUploadP3ShowUploadList": "Set <code>ShowUploadList</code> value to <b>false</b> as normal button",
    "UploadedFilesTitle": "A list of files has been uploaded",
    "UploadedFilesIntro": "Use <code>DefaultFileList</code> to set up uploaded content",
    "UploadFolderTitle": "Upload a folder",
    "UploadFolderIntro": "Use <code>DefaultFileList</code> to set up uploaded content",
    "AvatarUploadTitle": "User profile picture upload",
    "AvatarUploadIntro": "<code>AvatarUpload</code> component, using the <code>OnChange</code> to limit the format and size of images uploaded by users. In this example, only <code>jpg/png/bmp/jpeg/gif</code> five picture formats are allowed",
    "AvatarUploadP1": "Card form avatar box",
    "AvatarUploadP2": "Round avatar frame",
    "AvatarUploadP3": "When you set up <code>IsSingle</code>, you can upload only one image or file",
    "AvatarUploadP4": " <div>The component provides <code>Accept</code> property for upload file filtering, in this case the circular avatar box accepts both GIF and JPEG images, sets the <code>Accept='image/gif, image/jpeg'</code> and can be written as: <code>Accept='image/*'</code> if you don't restrict the format of the image. Whether this property is not secure or should be to file format validation using the <b>server-side authentication </b></div>",
    "AvatarUploadP5": "RELATED: <a href='https://www.runoob.com/tags/att-input-accept.html' target='_blank'>[Accept]</a>  <a href='http://www.iana.org/assignments/media-types/media-types.xhtml' target='_blank'>[Media Types]</a>",
    "AvatarUploadP6": "Set the preview address <code>PrevUrl</code> with the <code>DefaultFileList</code> property",
    "AvatarUploadP7": "Verify that an example of using a picture box is used in the form",
    "AvatarUploadButtonText": "Submit",
    "PreCardStyleTitle": "Preview the card style",
    "PreCardStyleIntro": "<code>CardUpload</code> components and rendered in card-style band preview mode",
    "PreCardStyleSSR": "<b>SSR mode </b>",
    "PreCardStyleServerSide": "<code>Server Side</code> mode, you can use the <code>IWebHostEnvironment</code> injection service to get to the <code>wwwroot</code> directory and save the file to the <code>images/uploader</code>, which does not require a direct call the controller secondary of <b> MVC</b><code>SaveToFile</code> method",
    "PreCardStyleWasm": "<b>Wasm mode </b>",
    "PreCardStyleWasmSide": "It wasn't available in <code>wasm</code> mode, <code>IWebHostEnvironment</code> needed to save files to the server side by calling <code>webapi</code> interface, and so on",
    "PreCardStyleLink": "Interested students can view their knowledge of <code>Upload</code> components through the <code>wiki</code> in the open source repository related resources of the <a href='{0}' target='_blank'>[The portal]</a>",
    "PreCardStyleValidation": "In this example, server-side verification prompts the file for too much prompt when the file size exceeds <code>200MB</code>",
    "PreCardStyleP1": "In this example, the <code>ShowProgress=true</code> display upload progress bar",
    "PreCardStyleP2": "When you set up <code>IsSingle</code>, you can upload only one image or file",
    "FileIconTitle": "The file icon",
    "FileIconIntro": "Icons are displayed in different file formats",
    "FileIconTemplateTitle": "Custom file icon",
    "FileIconTemplateIntro": "By setting the <code>IconTemplate</code> parameter and using the <code>FileIcon</code> component, you can further customize the file icon <a href=\"/fileicons\">[FileIcon example]</a>",
    "Base64FormatTitle": "Base64 format",
    "Base64FormatIntro": "use <code>data:image/xxx;base64,XXXXX</code> format data string as PrevUrl value",
    "ShowDeleteButton": "Whether to display the Delete button",
    "ShowDownloadButton": "Whether to display the Download button",
    "IsDisabled": "Whether to disable it",
    "PlaceHolder": "The place-in string",
    "Accept": "Upload the received file format",
    "BrowserButtonClass": "Upload button style",
    "BrowserButtonIcon": "Browse the button icon",
    "BrowserButtonText": "The browse button displays text",
    "DeleteButtonClass": "Remove the button style",
    "DeleteButtonIcon": "Remove the button icon",
    "DeleteButtonText": "Delete the button text",
    "DeleteButtonTextDefaultValue": "Delete",
    "OnDelete": "Call back this method when you click the Delete button",
    "OnChange": "Call back this method when you click the Browse button",
    "OnDownload": "Call back this method when you click the Download button",
    "IsDirectory": "Whether to upload the entire directory",
    "IsMultiple": "Whether to allow multiple file uploads",
    "IsSingle": "Whether to upload only once",
    "ShowProgress": "Whether to display the upload progress",
    "DefaultFileList": "The collection of files has been uploaded",
    "OnGetFileFormat": "Set the file format icon to call back the delegate",
    "Width": "The width of the preview box",
    "Height": "The height of the preview box",
    "IsCircle": "Whether it is circular avatar mode",
    "Success": "The upload was successful",
    "Error": "The simulated upload failed",
    "FormatError": "The file format is incorrect",
    "AvatarMsg": "Avatar upload",
    "FileMsg": "Upload the file",
    "FileError": "The file size is greater than 200MB",
    "SaveFileError": "Failed to save the file",
    "UploadFile": "Upload the file",
    "WasmError": "Wasm mode does not implement saving code",
    "SaveFile": "Save the file",
    "SaveFileMsg": "The current mode is WebAssembly, call Webapi mode to save files to the server side or database",
    "RemoveMsg": "The removal was successful",
    "IconTemplate": "The template of file icon"
  },
  "BootstrapBlazor.Shared.Samples.ValidateForms": {
    "ChangeButtonText": "Change",
    "ResetButtonText": "Reset",
    "ButtonText": "Submit",
    "Title": "ValidateForm",
    "SubTitle": "Form components that can be used for data compliance checks",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Data compliance checks are automatically performed when components placed in the <code>ValidateForm</code> are submitted",
    "BasicUsageP1": "Introduction",
    "BasicUsageLi1": "<code>ValidateForm</code> component supports asynchronous setting of <code>Model</code> values",
    "BasicUsageLi2": "The form event is for <code>OnValidSubmit</code> <code>OnInvalidSubmit</code>",
    "BasicUsageLi3": "<code>Model</code> parameter is required is not allowed to be empty",
    "BasicUsageLi4": "Multiple buttons can be placed within the form to set whether the <code>ButtonType='ButtonType.Submit'</code> parameter is submitted to the form",
    "BasicUsageLi5": "The client authentication mechanism supports the model's <code>Required</code> label, setting the default English prompt information when not set by setting the <code>ErrorMessage</code> parameter prompt",
    "BasicUsageLi6": "The form checks by default whether the binding field values within the form are legitimate, and you can set the <code>ValidateAllProperties</code> property value to <code>true</code> if you need to check all fields in the model",
    "BasicUsageLi7": "Set the asynchronous submission form by setting the value of the Button <code>Button</code> property <code>IsAsync</code>",
    "BasicUsageLi8": "Components within a form are typically used to bind the property values of <code>Model</code> in both directions using bidirectional binding techniques, causing the component to refresh and re-render when its value changes <code>StateHasChanged</code>, and the method is called, i.e. its component or page is refreshed and re-rendered",
    "BasicUsageLi9": "After the value of the component control in the form is modified, the <code>OnFieldChanged</code> method is called",
    "FormLabelWidth": "The default width of component front label is <code>120px</code>. If you need more, please change the style variable <code>--bb-row-label-width</code> in the project style file or remove <code>RowType.Inline</code>",
    "BasicUsageP2": "Note:",
    "InnerComponentTitle": "Built-in components",
    "InnerComponentIntro": "Place the support form components into the <code>ValidateForm</code>",
    "InnerComponentLabel": "Examples of components that support form validation",
    "InnerComponentP1": "Example illustration",
    "InnerComponentLi1": "The name is the string type",
    "InnerComponentLi2": "The age is an integer type",
    "InnerComponentLi3": "Birthday is the datetime type",
    "InnerComponentLi4": "Education is an enumeration type",
    "InnerComponentLi5": "Hobbies are collection types",
    "InnerComponentP2": "In this example, by setting the <b>submit button</b> property <code>IsAsync</code> to submit the form asynchronously, click Submit to disable itself, and resume after the asynchronous operation is complete",
    "CustomDisplsyErrorTitle": "Custom displays error messages",
    "CustomDisplsyErrorIntro": "Set the custom error message by calling <code>SetError</code> method",
    "CustomDisplsyErrorP1": "<b>Scenario</b><p>the client verification after the pass of the database save operation, if other problems, you can still make a form custom error prompt, in this case, after the data verification is legal, click the <code>submit form</code> button, the name field will show, <code>the database already exists</code> such a custom prompt</p>",
    "ValidatorAllFieldTitle": "Validate all field values",
    "ValidatorAllFieldIntro": "This component checks the model binding field values within the form by default, setting the <code>ValidateAllProperties</code> values if you need to check all field values for the model",
    "ValidatorAllFieldP1": "The <code>Address</code> is not placed in this example, because the <code>ValidateAllProperties</code> parameter value is <code>true</code>, the <code>Addres</code> field is still checked, and <code>OnInvalidSubmit</code> is triggered when the data is submitted after all the data in the timely form is legitimate callback delegate",
    "ComplexValidationTitle": "Complex type support",
    "ComplexValidationIntro": "Supports any complex type of binding and validation",
    "ComplexValidationP1": "The second binding in this example is a super-complex type <code>ComplexModel.Dummy.Dummy2.Name</code> Empty the value, click <b>submit the form</b>validate the data. After the second text box verifies compliance, the error prompt is displayed again by calling the <code>SetError</code>",
    "ComplexValidationPre": "ComplexForm.SetError('Dummy.Dummy2.Name','数据库中已存在');",
    "DynamicFormTitle": "Dynamically adjust the components within the form",
    "DynamicFormIntro": "By changing the components within the form, verify that the form can still be validated correctly",
    "DynamicFormP1": "Click the <b>Change component</b>button <code>address</code> The component changes to <code>count</code> components, <b>reset component</b>button recovery, <code>name</code> <code>address</code> component is required, <code>count</code> The component has a default value of <code>0</code> So you can check through the data",
    "InnerFormLabelTitle": "Set the component label right alignment within the form",
    "InnerFormLabelIntro": "Set the alignment of labels throughout the station or in a specific form with style uniformity",
    "InnerFormLabelP1": "Address text box adds <b>email address</b>validation rules",
    "CustomValidationFormTitle": "Customize the verification form",
    "CustomValidationFormIntro": "Add custom validation rules by setting <code>Rules</code>",
    "CustomValidationFormP1": "Address text box adds <b>email address</b>verification rules, click On Submission to verify",
    "CustomValidationFormComment1": "Add mailbox validation rules",
    "CustomValidationFormComment2": "Used in Razor files",
    "ValidateTitle": "Manual Validate",
    "ValidateIntro": "call the <code>ValidateForm</code> instance method <code>Validate</code> for trigger the form validation",
    "ValidateButtonText": "Save",
    "ValidateP1": "The button is not submit button. so not trigger the form <code>submit</code> action, in this sample code use <code>OnClickWithoutRender</code> parameter for improve performance.",
    "Model": "Form component-bound data model, required properties",
    "ValidateAllProperties": "Whether to check all fields",
    "ShowRequiredMark": "Whether the required items in the form display the * mark",
    "ChildContent": "The instance of the subcomponent template",
    "OnValidSubmit": "Callback delegate when data compliance checks pass when the form is submitted",
    "OnInvalidSubmit": "Callback delegates when the data compliance check fails when the form is submitted",
    "SetError": "Set up a validation failure method",
    "Validate": "Trigger form validate",
    "OnInvalidSubmitLog": "OnInvalidSubmit callback delegate: The validation failed",
    "OnValidSubmitLog": "OnValidSubmit callback delegate: Verification passed",
    "OnValidSubmitSatringLog": "OnValidSubmit callback delegate: Starting ...",
    "OnValidSubmitDoneLog": "OnValidSubmit callback delegate: Done!",
    "OnInvalidSubmitCallBackLog": "OnInvalidSubmit callback delegate",
    "OnValidSubmitCallBackLog": "OnValidSubmit callback delegate",
    "DatabaseExistLog": "Exists in the database",
    "LongDisplayText": "I am very long display text",
    "LongDisplayDescription": "In this example, set the <code>ShowLabelTooltip</code> in the <code>form-inline</code> style to <code>true</code> to make the mouse hover over the cropped label to display the complete information",
    "ShowLabelTooltip": "Show complete information when mouse hover over the label",
    "DisableAutoSubmitFormByEnter": "Disable automatic submit form",
    "DisableAutoSubmitFormByEnterTitle": "Disable automatic submit form",
    "DisableAutoSubmitFormByEnterIntro": "When the focus is in the input box in the form, pressing <kbd>Enter</kbd> will automatically submit the form by default. You can disable automatic submission by setting <code>DisableAutoSubmitFormByEnter=\"false\"</code>",
    "DisableAutoSubmitFormByEnterDesc": "<code>form</code> form is an important element of<code>web</code>. If there is an <code>input</code> element in the form, when this element gets the focus, pressing <kbd>Enter</kbd> will automatically submit the form. This is a feature of the form element, not our component code logic. If this function is not needed, disable it by setting <code>DisableAutoSubmitFormByEnter=\"true\"</code>, In this example, pressing Enter in the text box will not automatically <b>submit</b> and perform data compliance check. You need to click the <b>Submit</b> button to submit the form"
  },
  "BootstrapBlazor.Shared.Samples.Ajaxs": {
    "AjaxTitle": "Ajax call",
    "AjaxDescribe": "The ajax method used to use js directly in the browser to interact with the server currently only supports both input and output as json, and the return value is a json string, which can be converted and processed by itself.",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Impersonate a login",
    "NormalB": "Special attention:",
    "NormalDiv": "Here is only a login simulation, and there is no real call to<code> HttpContext.SignInAsync </code>, the real use needs to refresh the page after the login is completed, otherwise the real login can not be successful.",
    "GotoTitle": "Page jump",
    "GotoIntro": "Implementing page jumps with<code> Js </code> addresses an issue where <code> Blazor </code> pages don't really refresh when they're jumped as <b> SPA </b>",
    "InvokeAsync": "Execute fetch",
    "Goto": "Execute goto"
  },
  "BootstrapBlazor.Shared.Demos.Ajax.AjaxNormal": {
    "NormalButtonText1": "Login successful",
    "NormalButtonText2": "Login failed"
  },
  "BootstrapBlazor.Shared.Demos.Ajax.AjaxGoto": {
    "GotoButtonText1": "Jump to the first page of the document",
    "GotoButtonText2": "Jump to yourself (refresh page)"
  },
  "BootstrapBlazor.Shared.Samples.Avatars": {
    "Title": "Avatar",
    "SubTitle": "Present user or thing information as icons, pictures, or characters.",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Set the shape and size of your avatar <code>IsCircle</code> and <code>Size</code>.",
    "IconTitle": "The type of presentation",
    "IconIntro": "Three types are supported: icons, pictures, and characters",
    "BorderTitle": "Border",
    "BorderIntro": "By setting the <code>IsBorder</code> whether to display the avatar border, the border in this mode when the picture fails to load is <code>border-danger</code> style, and when the load is successful, the border is <code>border-success</code>; The borders in the remaining modes are <code>border-info</code>",
    "CircletTitle": "Asynchronous loading",
    "CircleIntro": "Suitable for scenarios where the picture address is obtained asynchronously by interfaces such as <code>webapi</code>",
    "Size": "The size of the avatar box",
    "IsBorder": "Whether the border is displayed",
    "IsCircle": "Whether it is a circle",
    "IsIcon": "Whether it is an icon",
    "IsText": "Whether to display as text",
    "Icon": "The avatar box displays an icon",
    "Text": "The avatar box displays text",
    "Url": "Image avatar path address",
    "GetUrlAsync": "Gets the Image avatar path address asynchronous callback delegate"
  },
  "BootstrapBlazor.Shared.Demos.Avatar.AvatarNormal": {
    "BasicUsageDivider": "Split the line"
  },
  "BootstrapBlazor.Shared.Demos.Avatar.AvatarBorder": {
    "BorderDiv1": "The first fillet square avatar box is loaded correctly, so the border is <b class='text-info' > blue </b>",
    "BorderDiv2": "The second circular avatar loads the picture path incorrectly, so the border is <b class='text-danger'> red </b>and the picture appears as the default icon"
  },
  "BootstrapBlazor.Shared.Samples.Badges": {
    "Title": "Badge",
    "SubTitle": "A number or status tag that appears next to a button, icon, or icon",
    "BasicusageTitle": "Basic usage",
    "BasicusageIntro": "Small badge assembly in a variety of colors is available",
    "PillTitle": "Capsule badge",
    "PillIntro": "Set the badge pendant with the  of the property <code>IsPill='true'</code> to set the fillet",
    "ButtonTitle": "The badge inside the button",
    "ButtonIntro": "Button internal badge",
    "ChildContent": "Content",
    "Class": "Style",
    "Color": "Color",
    "IsPill": "Capsule style"
  },
  "BootstrapBlazor.Shared.Demos.Badge.BadgeButton": {
    "ButtonSpan": "The primary button"
  },
  "BootstrapBlazor.Shared.Samples.BarcodeReaders": {
    "Title": "BarcodeReader",
    "SubTitle": "This component scans the bar code by calling the camera to obtain the bar code content bar code/QR code",
    "Attention": "Pay special attention to:",
    "Li1": "The site wants to enable <code>https</code>, which is required by browser vendors",
    "Li2": "The mobile iOS system must use the <code>Safari</code> browser to switch the front/rear camera keys to turn off the function button",
    "Li3": "The high probability of Android phones requiring native system browsers, <code>Chrome</code> is certain to be possible, and some browsers may not be compatible with cameras",
    "Li4": "The bar code recognition rate is related to the pixel, bar code size and mobile phone execution efficiency",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "The code is identified by the camera",
    "Step": "How to do this:",
    "BasicUsageLi1": "Tap to start turning on the camera",
    "BasicUsageLi2": "Scan the barcode",
    "BasicUsageLi3": "Click the close button to turn off the camera",
    "ImageTitle": "Basic usage",
    "ImageIntro": "Scan code recognition with still pictures",
    "ImageLi1": "Click the code to pop up the selection file box",
    "ImageLi2": "Select a picture that contains barcodes",
    "ImageLi3": "Start recognizing barcodes",
    "ButtonScanText": "Scan button text",
    "ButtonScanTextDefaultValue": "Scan",
    "ButtonStopText": "Turn off button text",
    "ButtonStopTextDefaultValue": "Turn off",
    "AutoStopText": "Auto-turn off button text",
    "AutoStopTextDefaultValue": "Turn off automatically",
    "DeviceLabel": "Pre-label text for the device list",
    "DeviceLabelDefaultValue": "Camera",
    "InitDevicesString": "Initialize the device list text",
    "InitDevicesStringDefaultValue": "The camera is being identified",
    "NotFoundDevicesString": "No video-related device text was found",
    "NotFoundDevicesStringDefaultValue": "No video-related devices were found",
    "AutoStart": "Whether the camera is automatically turned on when the component is initialized",
    "AutoStop": "Whether to stop automatically after scanning to barcode",
    "ScanType": "Scan the camera or picture",
    "OnInit": "Initialize the camera callback method",
    "OnResult": "Scan to barcode callback method",
    "OnStart": "Turn on the camera callback method",
    "OnClose": "Turn off the camera callback method",
    "OnError": "An error callback method occurred",
    "OnDeviceChanged": "switch camera device callback method",
    "InitLog": "Initialize the camera to complete",
    "ScanCodeLog": "Scan to barcode",
    "ErrorLog": "An error has occurred",
    "OpenCameraLog": "Turn on the camera",
    "CloseCameraLog": "Turn off the camera"
  },
  "BootstrapBlazor.Shared.Demos.BarcodeReader.BarcodeReaderNormal": {
    "InitLog": "Initialize the camera to complete",
    "ScanCodeLog": "Scan to barcode",
    "ErrorLog": "An error has occurred",
    "OpenCameraLog": "Turn on the camera",
    "CloseCameraLog": "Turn off the camera"
  },
  "BootstrapBlazor.Shared.Demos.BarcodeReader.BarcodeReaderImage": {
    "ScanCodeLog": "Scan to barcode",
    "ErrorLog": "An error has occurred"
  },
  "BootstrapBlazor.Shared.Samples.Blocks": {
    "Title": "Block",
    "SubTitle": "Depending on the parameter conditions, the contents of the block are determined to be displayed, usually in conjunction with permission authorization",
    "BasicUsageTitle": "Common usage",
    "BasicUsageIntro": "Determines whether component content is displayed by setting the <code>OnQueryCondition</code> callback method return value",
    "TemplateTitle": "Template",
    "TemplateIntro": "By setting <code>authorized</code> <code>NotAuthorized</code> you can set what appears when you meet and do not meet the criteria, respectively",
    "AuthorizateTitle": "Judging by permissions",
    "AuthorizateIntro": "This example simulates a user logging in to control whether the content <code>Block</code> is displayed, which is easier to use than <code>AuthorizeView</code>",
    "UsersTitle": "Pre-set the user",
    "UsersIntro": "By setting <code>Users</code> controls the display, which is displayed when the currently logged-in user is a preset user",
    "RolesTitle": "Preset roles",
    "RolesIntro": "By setting <code>Roles</code> controls the display, which is displayed when the currently logged-in user is in a preset role",
    "Tips": "By setting different <code>Name</code> as a resource, combined with the authorization system to authorize this resource can be achieved to any element of the Web page permission control",
    "OnQueryCondition": "Whether to display this Block",
    "ChildContent": "The content is displayed within the Block block",
    "Authorized": "The contents of the block block are displayed in a compliant condition",
    "NotAuthorized": "The block does not meet the criteria for displaying content",
    "IsShow": "Show",
    "IsHide": "Hide",
    "Login": "Login",
    "Logout": "Logout"
  },
  "BootstrapBlazor.Shared.Demos.Block.BlockNormal": {
    "IsShow": "Show",
    "IsHide": "Hide",
    "Content": "I am component content"
  },
  "BootstrapBlazor.Shared.Demos.Block.BlockAuthorizate": {
    "Login": "Login",
    "Logout": "Logout",
    "AuthorizateDiv1": "I am the contents of the component of the <code>CondtionBlock</code>, and the current logged-in user: <code>{0}</code>",
    "AuthorizateDiv2": "I am the contents of the <code>AuthorizeView</code> component and the current logged-in user: <code>{0}</code>",
    "AuthorizateDiv3": "I am the contents of the <code>AuthorizeView</code> component and are not currently logged in"
  },
  "BootstrapBlazor.Shared.Demos.Block.BlockTemplate": {
    "IsShow": "Show",
    "IsHide": "Hide",
    "TemplateDiv1": "I am the component content that  displayed in <b>accordance</b>with the criteria",
    "TemplateDiv2": "I am the component content that  displayed that <b>not accordance</b>the  criteria"
  },
  "BootstrapBlazor.Shared.Demos.Block.BlockUsers": {
    "Login": "Login",
    "Logout": "Logout",
    "UsersDiv1": "The current user <code>{0}</code> allows you to see this content"
  },
  "BootstrapBlazor.Shared.Demos.Block.BlockRoles": {
    "Login": "Login",
    "Logout": "Logout",
    "RolesDiv1": "The current role <code>User</code> allow this content to be seen"
  },
  "BootstrapBlazor.Shared.Samples.Cards": {
    "Title": "Card",
    "SubTitle": "Aggregate information to display in a card container",
    "BasicUsageTitle": "Card card components",
    "BasicUsageIntro": "Card is a simple example",
    "FooterTitle": "Header & Footer",
    "FooterIntro": "You can show the content by adding the HeaderTemplate and FooterTemplate elements",
    "ColorTitle": "A card with a border color",
    "ColorIntro": "By setting, <code>The</code> makes the border and Body color appropriate",
    "CollapsibleIntro": "Card body can collapse/expand by set <code>IsCollapsible</code> to true",
    "CollapsibleIntroDesc": "Set <code>Collapsed</code> value to <code>true</code> for default collapsed card body.",
    "CollapsibleHeaderTemplateTitle": "Header Template",
    "CollapsibleHeaderTemplateIntro": "Setting <code>HeaderTemplate</code> for custom <code>CardHeader</code>",
    "ShadowTitle": "Shadow effect",
    "ShadowIntro": "Enable shadow effect by set <code>IsShadow</code> to true",
    "BodyTemplate": "Get/set up BodyTemplate",
    "FooterTemplate": "Get/set up FooterTemplate",
    "HeaderTemplate": "Get/set up HeaderTemplate",
    "Class": "Style",
    "Color": "Set the color of the card border",
    "IsCenter": "Make align center by set IsCenter to true",
    "IsCollapsible": "Collapse card body by set IsCollapsible to true",
    "Collapsed": "Collapsed by default",
    "IsShadow": "Add shadow effect by set IsShadow to true",
    "Compare": "CardCompare"
  },
  "BootstrapBlazor.Shared.Demos.Card.CardCollapsible": {
    "CollapsibleTitle": "Collapsible",
    "CollapsibleHeaderTemplate": "Header Template",
    "CollapsibleBody": "Click card hader for collapse/expand card body"
  },
  "BootstrapBlazor.Shared.Demos.Card.CardCompare": {
    "CollapsibleTitle": "Collapsible",
    "CollapsibleHeaderTemplate": "Header Template",
    "CollapsibleBody": "Click card hader for collapse/expand card body"
  },
  "BootstrapBlazor.Shared.Demos.Card.CardHeaderTemplate": {
    "CollapsibleTitle": "Collapsible",
    "CollapsibleHeaderTemplate": "Header Template",
    "CollapsibleHeaderTemplateTitle": "Header Template"
  },
  "BootstrapBlazor.Shared.Demos.Card.CardShadow": {
    "ShadowTitle": "Shadow effect",
    "ShadowBody": "Shadow effect sample"
  },
  "BootstrapBlazor.Shared.Samples.Calendars": {
    "Title": "Calendar",
    "SubTitle": "Containers that display data as calendars. When the data is date or by date, such as schedule, schedule, price calendar, etc., lunar calendar, etc. Year/month switching is currently supported.",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "The underlying calendar is displayed.",
    "BindTitle": "Data is bound in both directions",
    "BindIntro": "The calendar box automatically updates the text box when the time is selected",
    "ViewModeTitle": "Show by week",
    "ViewModeIntro": "By setting the property <code>CalendarViewMode.Week</code>",
    "CellTemplateTitle": "Cell Template",
    "CellTemplateIntro": "customer the cell template via <code>CellTemplate</code>",
    "AppTitle": "Practical applications",
    "AppIntro": "Curriculum",
    "AppText": "Currently, the <code>ChildContext</code> is temporarily rendered by the week component, and the data-related operating components in all cells are not encapsulated and will be refined later",
    "Siesta": "Siesta",
    "Value": "The component value",
    "ChildContent": "Subcomponents",
    "ValueChanged": "Call back the delegate when the value changes",
    "CellTemplateDemoTitle": "Example of actual man hour system",
    "CellTemplateDemoIntro": "Click the cell pop-up window to edit the working hours, and then close the pop-up window to re summarize the statistical data"
  },
  "BootstrapBlazor.Shared.Demos.Calendar.CalendarCellTemplateDemo": {
    "CellTemplateDemoSummary": "Work hour statistics of the month"
  },
  "BootstrapBlazor.Shared.Demos.Calendar.CalendarApp": {
    "None": "None",
    "Chinese": "Chinese",
    "Math": "Math",
    "English": "English",
    "Study": "Study"
  },
  "BootstrapBlazor.Shared.Samples.Cameras": {
    "Title": "Camera",
    "SubTitle": "This component takes pictures by calling the camera",
    "Attention": "Pay special attention to:",
    "Li1": "The site wants to enable <code>https</code>, which is required by browser vendors",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Take pictures through the camera",
    "BasicUsageStep": "Steps:",
    "BasicUsageLi1": "Click start to open the camera",
    "BasicUsageLi2": "Click the photo button",
    "BasicUsageLi3": "Click the close button to close the camera",
    "ShowPreviewTitle": "Show preview",
    "ShowPreviewIntro": "Set the <code>ShowPreview</code> property to control whether to display the photo preview",
    "AutoStartTitle": "Start automatically",
    "AutoStartIntro": "Set the <code>AutoStart</code> property to control whether the camera is directly turned on when the component is running",
    "ShowPreview": "Whether to show photo preview",
    "DeviceLabel": "Device list front label text",
    "FrontText": "Front display text",
    "BackText": "Display text behind",
    "PlayText": "Open button display text",
    "StopText": "Close button display text",
    "PhotoText": "Take picture button display text",
    "InitDevicesString": "Initialize device list text",
    "InitDevicesStringDefaultValue": "Recognizing camera",
    "NotFoundDevicesString": "No video related device text found",
    "NotFoundDevicesStringDefaultValue": "Video related equipment not found",
    "OnInit": "Initialize the camera callback method",
    "OnStart": "Start scanning code callback method",
    "OnClose": "Turn off the scan code callback method",
    "OnCapture": "Callback method for successful scan code",
    "VideoWidth": "The width of Video window",
    "VideoHeight": "The height of Video window"
  },
  "BootstrapBlazor.Shared.Demos.Camera.CameraNormal": {
    "TraceOnInit": "Initialized carmera",
    "TraceOnError": "Error",
    "TraceOnStar": "Star video",
    "TraceOnClose": "Stop video",
    "TraceOnCapture": "Capture done"
  },
  "BootstrapBlazor.Shared.Samples.Captchas": {
    "Title": "Captchas",
    "SubTitle": "Human-machine recognition by dragging the slider",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Simple human-machine identification",
    "ImageTitle": "Specify the path and name of the graph bed",
    "ImageIntro": "Set the map bed path <code>ImagesPath</code>, the picture name by <code>ImagesName</code>, and the background by calculating the full path name of the stitched random picture",
    "ImageCallbackTitle": "Specify the graph bed delegate method",
    "ImageCallbackIntro": "Set a custom method to stitch the full path name of a random picture by <code>GetImageName</code>",
    "ImagesPath": "Figure the path of the bed",
    "ImagesName": "The name of the slider background file",
    "HeaderText": "Component Header displays text",
    "HeaderTextDefaultValue": "Please complete the security verification",
    "BarText": "Drag the slider to display the text",
    "BarTextDefaultValue": "Swipe right to fill the puzzle",
    "FailedText": "The background map failed to load to display text",
    "FailedTextDefaultValue": "The load failed",
    "LoadText": "The background map displays text when it loads",
    "LoadTextDefaultValue": "Loading ...",
    "TryText": "The puzzle failure slider displays text",
    "TryTextDefaultValue": "Try again",
    "Offset": "Puzzle alignment offset",
    "Width": "Puzzle width",
    "Height": "Puzzle height",
    "OnValid": "The slider verification code calls back this method after the validation results are determined",
    "GetImageName": "Custom method for getting the name of the background map file"
  },
  "BootstrapBlazor.Shared.Samples.Carousels": {
    "Title": "Carousel",
    "SubTitle": "In limited space, loop through the same type of pictures, text, and more",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "A wide range of basic usages are used to bind components to an array of picture paths by setting the <code>Items</code> property values",
    "ShowControlsTitle": "Show Controls",
    "ShowControlsIntro": "Set <code>ShowControls</code> to <code>true</code> for show/hide the controls of Carousel",
    "ShowIndicatorsTitle": "Indicator",
    "ShowIndicatorsIntro": "Set <code>ShowIndicators</code> to <code>true</code> for show/hide the indicator of Carousel",
    "FadeTitle": "Fade in and out",
    "FadeIntro": "By setting the <code>IsFade</code> property, the picture switches with a fade-in and fade-out effect",
    "CaptionTitle": "Caption",
    "CaptionIntro": "Set <code>CarouselItem</code> parameter <code>Caption</code> for the content of caption",
    "IntervalTitle": "Individual interval",
    "IntervalIntro": "Set <code>Interval</code> to a <code>CarouselItem</code> to change the amount of time to delay between automatically cycling to the next item. the default value is <b>5000</b> ms",
    "TouchSwipingTitle": "Disable touch swiping",
    "TouchSwipingIntro": "Set <code>DisableTouchSwiping</code> disable the swiping function on mobile",
    "CaptionTemplateTitle": "Caption Template",
    "CaptionTemplateIntro": "Set <code>CarouselItem</code> 的 <code>CaptionTemplate</code> custom the caption of item",
    "CaptionClassTitle": "Caption Class",
    "CaptionClassIntro": "Set <code>CarouselItem</code> 的 <code>CaptionClass</code> custome the class of caption",
    "CaptionClassP1": "Set the <code>CaptionClass</code> to <code>d-none d-md-block</code> do not show the <code>Caption</code> in the small screen",
    "OnClickTitle": "Click on the image to call back the event",
    "OnClickIntro": "After you set the <code>OnClick</code> property by setting, click <code>Image</code> to trigger the <code>OnClick</code> callback delegate",
    "ChildContentTitle": "ChildContent",
    "ChildContentIntro": "Use <code>ChildContent</code> render the customer content",
    "Images": "Images collection",
    "IsFade": "Whether to fade in and out",
    "Width": "Set the width of the picture",
    "OnClick": "Click on the image to call back the delegate"
  },
  "BootstrapBlazor.Shared.Samples.Client": {
    "Title": "Get client connection information",
    "SubTitle": "More for system log tracking",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "The injection service displays client information",
    "BasicUsageP1": "Introduction to usage",
    "BasicUsageP2": "1. The <code>UseBootstrapBlazor</code> middleware in the <b>Startup.cs</b> file that client information collection is performed.",
    "BasicUsageTips": "<code>app.UseBootstrapBlazor</code> Middleware is located assembly <code>BootstrapBlazor.Middleware</code>, please refer to this package yourself for proper use",
    "BasicUsageP3": "2. The component uses the injection service <code>WebClientService</code> to call the <code>GetClientInfo</code> method."
  },
  "BootstrapBlazor.Shared.Demos.Client.ClientNormal": {
    "GroupBoxTitle": "Connection information",
    "Id": "Connection ID",
    "RequestUrl": "RequestUrl",
    "Ip": "Ip",
    "OS": "OS",
    "Browser": "Browser",
    "Engine": "Engine",
    "Device": "Device",
    "Language": "Language"
  },
  "BootstrapBlazor.Shared.Samples.Circles": {
    "Title": "Circle",
    "SubTitle": "Chart class components. There are generally two uses:",
    "CircleTips1": "Displays the percentage of progress for a task",
    "CircleTips2": "Count the proportion of certain indicators.",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Set the circular progress by setting the <code>Value</code> property",
    "ColorTitle": "Color",
    "ColorIntro": "Set the color of the circular progress bar by setting the <code>Color</code> property",
    "StrokeWidthTitle": "The width of the progress bar",
    "StrokeWidthIntro": "Set the width of the circular progress bar by setting the <code>StrokeWidth</code> property",
    "ChildContentTitle": "Customize the display",
    "ChildContentIntro": "Customize the display content with custom subcomponents",
    "Width": "The width of the component",
    "StrokeWidth": "The width of the progress bar",
    "Value": "Current progress",
    "Color": "The color of the progress bar",
    "ShowProgress": "Whether to display progress bar information",
    "ChildContent": "ChildContent"
  },
  "BootstrapBlazor.Shared.Demos.Circle.CircleNormal": {
    "IncreaseSpan": "Increase",
    "DecreaseSpan": "Decrease"
  },
  "BootstrapBlazor.Shared.Demos.Circle.CircleChildContent": {
    "ChildContentP1": "The size of the consumer population",
    "ChildContentSpan": "Total number of people"
  },
  "BootstrapBlazor.Shared.Samples.Collapses": {
    "Title": "Collapse",
    "SubTitle": "The content area is contained by the collapsed panel",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Multiple panels can be expanded at the same time, with no effect between panels",
    "AccordionTitle": "Accordion effect",
    "AccordionIntro": "Only one panel can be expanded at a time",
    "IconTitle": "Icon",
    "IconIntro": "Show icon in header",
    "ColorTitle": "The child title color",
    "ColorIntro": "Each panel sets a different color",
    "ItemsTitle": "Dynamic updates",
    "ItemsIntro": "The <code>CollapseItems</code> is set by conditional logic",
    "CollapseItems": "Content",
    "IsAccordion": "Whether the accordion effect",
    "OnCollapseChanged": "The callback of switch expand/collapse item state"
  },
  "BootstrapBlazor.Shared.Demos.Collapse.CollapseNormal": {
    "Consistency": "Consistency",
    "ConsistencyItem1": "Consistent with real life: consistent with real-life processes, logic, follow the user's habits of language and concepts;",
    "ConsistencyItem2": "Consistent in the interface: All elements and structures need to be consistent, such as design styles, icons and text, the location of elements, and so on.",
    "Feedback": "Feedback",
    "FeedbackItem1": "Control feedback: through the interface style and interactive effect so that users can clearly perceive their own actions;",
    "FeedbackItem2": "Page feedback: After the operation, the current state is clearly represented by changes in the page elements.",
    "Efficiency": "Efficiency",
    "EfficiencyItem1": "Simplify the process: design simple and intuitive operating process;",
    "EfficiencyItem2": "Clear and clear: clear language and clear expression, so that users quickly understand and then make decisions;",
    "EfficiencyItem3": "Help users identify: The interface is straightforward, allowing users to quickly identify rather than recall, reducing the user's memory burden.",
    "Controllability": "Controllability",
    "ControllabilityItem1": "User decision-making: according to the scene can give the user action advice or security tips, but can not replace the user to make decisions;",
    "ControllabilityItem2": "Results controllable: Users are free to perform actions, including undoing, falling back, and terminating the current operation."
  },
  "BootstrapBlazor.Shared.Demos.Collapse.CollapseAccordion": {
    "Consistency": "Consistency",
    "ConsistencyItem1": "Consistent with real life: consistent with real-life processes, logic, follow the user's habits of language and concepts;",
    "ConsistencyItem2": "Consistent in the interface: All elements and structures need to be consistent, such as design styles, icons and text, the location of elements, and so on.",
    "Feedback": "Feedback",
    "FeedbackItem1": "Control feedback: through the interface style and interactive effect so that users can clearly perceive their own actions;",
    "FeedbackItem2": "Page feedback: After the operation, the current state is clearly represented by changes in the page elements.",
    "Efficiency": "Efficiency",
    "EfficiencyItem1": "Simplify the process: design simple and intuitive operating process;",
    "EfficiencyItem2": "Clear and clear: clear language and clear expression, so that users quickly understand and then make decisions;",
    "EfficiencyItem3": "Help users identify: The interface is straightforward, allowing users to quickly identify rather than recall, reducing the user's memory burden.",
    "Controllability": "Controllability",
    "ControllabilityItem1": "User decision-making: according to the scene can give the user action advice or security tips, but can not replace the user to make decisions;",
    "ControllabilityItem2": "Results controllable: Users are free to perform actions, including undoing, falling back, and terminating the current operation."
  },
  "BootstrapBlazor.Shared.Demos.Collapse.CollapseColor": {
    "Consistency": "Consistency",
    "ConsistencyItem1": "Consistent with real life: consistent with real-life processes, logic, follow the user's habits of language and concepts;",
    "ConsistencyItem2": "Consistent in the interface: All elements and structures need to be consistent, such as design styles, icons and text, the location of elements, and so on.",
    "Feedback": "Feedback",
    "FeedbackItem1": "Control feedback: through the interface style and interactive effect so that users can clearly perceive their own actions;",
    "FeedbackItem2": "Page feedback: After the operation, the current state is clearly represented by changes in the page elements.",
    "Efficiency": "Efficiency",
    "EfficiencyItem1": "Simplify the process: design simple and intuitive operating process;",
    "EfficiencyItem2": "Clear and clear: clear language and clear expression, so that users quickly understand and then make decisions;",
    "EfficiencyItem3": "Help users identify: The interface is straightforward, allowing users to quickly identify rather than recall, reducing the user's memory burden.",
    "Controllability": "Controllability",
    "ControllabilityItem1": "User decision-making: according to the scene can give the user action advice or security tips, but can not replace the user to make decisions;",
    "ControllabilityItem2": "Results controllable: Users are free to perform actions, including undoing, falling back, and terminating the current operation."
  },
  "BootstrapBlazor.Shared.Demos.Collapse.CollapseItems": {
    "ButtonText": "Toggle",
    "Consistency": "Consistency",
    "ConsistencyItem1": "Consistent with real life: consistent with real-life processes, logic, follow the user's habits of language and concepts;",
    "ConsistencyItem2": "Consistent in the interface: All elements and structures need to be consistent, such as design styles, icons and text, the location of elements, and so on.",
    "Feedback": "Feedback",
    "FeedbackItem1": "Control feedback: through the interface style and interactive effect so that users can clearly perceive their own actions;",
    "FeedbackItem2": "Page feedback: After the operation, the current state is clearly represented by changes in the page elements.",
    "Efficiency": "Efficiency",
    "EfficiencyItem1": "Simplify the process: design simple and intuitive operating process;",
    "EfficiencyItem2": "Clear and clear: clear language and clear expression, so that users quickly understand and then make decisions;",
    "EfficiencyItem3": "Help users identify: The interface is straightforward, allowing users to quickly identify rather than recall, reducing the user's memory burden.",
    "Controllability": "Controllability",
    "ControllabilityItem1": "User decision-making: according to the scene can give the user action advice or security tips, but can not replace the user to make decisions;",
    "ControllabilityItem2": "Results controllable: Users are free to perform actions, including undoing, falling back, and terminating the current operation."
  },
  "BootstrapBlazor.Shared.Demos.Collapse.CollapseIcon": {
    "Consistency": "Consistency",
    "ConsistencyItem1": "Consistent with real life: consistent with real-life processes, logic, follow the user's habits of language and concepts;",
    "ConsistencyItem2": "Consistent in the interface: All elements and structures need to be consistent, such as design styles, icons and text, the location of elements, and so on.",
    "Feedback": "Feedback",
    "FeedbackItem1": "Control feedback: through the interface style and interactive effect so that users can clearly perceive their own actions;",
    "FeedbackItem2": "Page feedback: After the operation, the current state is clearly represented by changes in the page elements.",
    "Controllability": "Controllability",
    "ControllabilityItem1": "User decision-making: according to the scene can give the user action advice or security tips, but can not replace the user to make decisions;",
    "ControllabilityItem2": "Results controllable: Users are free to perform actions, including undoing, falling back, and terminating the current operation."
  },
  "BootstrapBlazor.Shared.Samples.DateTimeRanges": {
    "Title": "Date Time Range Picker",
    "Description": "Select a date in the same picker",
    "NormalTitle": "Basic skills",
    "NormalIntro": "Take 'day' as the basic unit, select a period of time",
    "BindValueTitle": "Data two-way binding",
    "BindValueIntro": "Click the confirm button, the time selection box value is the same as the text box value",
    "MaxMinValueTitle": "Max and Min",
    "MaxMinValueIntro": "set time range",
    "DisabledTitle": "Disabled",
    "DisabledIntro": "When the <code>IsDisabled</code> attribute value is set to <code>true</code>, the component disables input",
    "SidebarTitle": "Sidebar with shortcut keys",
    "SidebarIntro": "When the <code>ShowSidebar</code> property value is set to <code>true</code>, the component displays the shortcut sidebar",
    "SidebarTip": "by setting <code>ShowSidebar</code> The parameter enables the display sidebar shortcut options function, by setting <code>SidebarItems</code> The parameter collection replaces the default shortcuts built into the component",
    "TodayTitle": "Show today button",
    "TodayIntro": "When the <code>ShowToday</code> attribute value is set to <code>true</code>, the today shortcut button is displayed below the component",
    "TodayTip": "Click <code>Today</code> Button，time limit <code>yyyy-MM-dd 00:00:00 to yyyy-MM-dd 23:59:59</code>",
    "ValidateFormTitle": "Used in the form",
    "ValidateFormIntro": "Build components into <code>ValidateForm</code> used in",
    "AutoCloseTitle": "AutoClose",
    "AutoCloseIntro": "Click on the sidebar shortcuts to Close the pop-up automatically"
  },
  "BootstrapBlazor.Shared.Demos.DateTimeRange.DateTimeRangeValidateForm": {
    "Submit": "Submit"
  },
  "BootstrapBlazor.Shared.Demos.DateTimeRange.DateTimeRangeMaxMinValue": {
    "Limit": "time limit"
  },
  "BootstrapBlazor.Shared.Demos.DateTimeRange.DateTimeRangeBindValue": {
    "Limit": "time limit"
  },
  "BootstrapBlazor.Shared.Samples.Ips": {
    "IpNormalTitle": "Basic usage",
    "IpNormalIntro": "Enter and display the  <code>ip</code>  address in sections, for example: <code>192.168.1.1</code>"
  },
  "BootstrapBlazor.Shared.Samples.Displays": {
    "Title": "Display",
    "SubTitle": "Displays static text data",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Show only",
    "BindWayTitle": "Bind data in both directions",
    "BindWayIntro": "Two-way binding automatically gets the display labels in the resource file",
    "BindWayP1": "When the <code>Dispaly</code> components turn on bidirectional binding, the <code>Display/DisplayName</code> label value is automatically obtained based on the <code>Model</code> property value of the binding and appears as a <code>pre-Label</code>, with <code>DisplayText</code> properties you can customize the display of the pre-label, or by turning off the display of the pre-label through the <code>ShowLabel</code> property",
    "DataTypeTitle": "Generic binding",
    "DataTypeIntro": "The <code>Display</code> component has built-in processing of <code>enumerated</code> <code>collections</code> <code>array</code>, customize formatting or callback delegate methods if they do not meet the criteria",
    "EditorFormTitle": "Used within the form",
    "EditorFormIntro": "The <code>Dispaly</code> component is used in form components <code>EditorForm</code>, and is used in detail pages and is not editable",
    "FormatStringTitle": "Custom format",
    "FormatStringIntro": "When you set the <code>FormatString</code> property value to <code>yyyy-MM-dd</code>, the component displays a time format of the year and day",
    "LookupTitle": "Automatically translated into Text",
    "LookupIntro": "Set the <code>Lookup</code> value to <code>IEnumerable&lt;SelectedItem&gt;</code> collection, through which the component will perform translations through the <code>Value</code> display <code>Text</code>",
    "LookupP1": "In this example, the component <code>Value='@IntValue'</code> set <code>Lookup='@IntValueSource'</code> component to display the <code>Value</code> corresponding to the value of the <code>Text</code> Value",
    "ShowLabel": "Whether to display the front label",
    "DisplayText": "The front label displays text",
    "FormatString": "The numerically formatted string",
    "Formatter": "TableHeader instance",
    "TypeResolver": "It is used internally when the type resolution callback method tvalue is an array instance"
  },
  "BootstrapBlazor.Shared.Demos.Display.DisplayNormal": {
    "BasicUsage": "Basic usage"
  },
  "BootstrapBlazor.Shared.Demos.Display.DisplayLabels": {
    "BindWayCustomLabel": "Custom labels",
    "BindWayP2": "Set the <code>DisplayText</code> value to <b>custom label </b>",
    "BindWayOccupants": "Occupants",
    "BindWayP3": "The value of <code>DisplayText</code> is displayed when <code>ShowLabel</code> is <code>true</code>, regardless of whether the value is set",
    "BindWayNotccupants": "Do not occupy seats",
    "BindWayP4": "The value of <code>DisplayText</code> is not displayed when the <code>ShowLabel</code> is <code>false</code>"
  },
  "BootstrapBlazor.Shared.Demos.Display.DisplayDataType": {
    "Integer": "Integer",
    "Enum": "Enumerate",
    "Collection": "Collection",
    "Arr": "Array"
  },
  "BootstrapBlazor.Shared.Demos.Display.DisplayFormatString": {
    "FormatStringettingText": "Set up",
    "FormatStringP": "The <code>Dispaly</code> component binding <code>byte[]</code> array, formatted as an example of <code>base64</code> encoded string"
  },
  "BootstrapBlazor.Shared.Samples.DropdownWidgets": {
    "Title": "DropdownWidget",
    "SubTitle": "More for head information summary presentation",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Write pendant content directly on the page through <code>childContent</code>",
    "AttrTitle": "DropdownWidgetItem",
    "Icon": "Widget icon",
    "BadgeColor": "Badge color",
    "HeaderColor": "Header color",
    "BadgeNumber": "The number of badges displayed",
    "ShowArrow": "Whether to display a small arrow",
    "MenuAlignment": "Menu alignment",
    "HeaderTemplate": "Header template",
    "BodyTemplate": "Body template",
    "FooterTemplate": "Footer template"
  },
  "BootstrapBlazor.Shared.Demos.DropdownWidget.DropdownWidgetNormal": {
    "BasicUsageMessage": "You have 4 unread messages",
    "BasicUsageViewMessage": "View all messages",
    "BasicUsageNotify": "You have 10 unread notifications",
    "BasicUsageViewNotify": "View all notifications",
    "BasicUsageTasks": "You have 3 tasks",
    "BasicUsageViewTasks": "View all tasks"
  },
  "BootstrapBlazor.Shared.Samples.Empties": {
    "Title": "Empty",
    "SubTitle": "Sub Title PlaceHolder",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Just add <code>Empty</code> tag",
    "ImageTitle": "Set the path to the empty state picture",
    "ImageIntro": "Just set the <code>Image</code> property",
    "TemplateTitle": "Customize the empty state template",
    "TemplateIntro": "The inner set renders custom components <code>Template</code> labels",
    "Image": "Customize the picture path",
    "Text": "Custom description information",
    "TextDefaultValue": "There is no description at this time",
    "Width": "Customize the width of the picture",
    "Height": "Customize the height of the picture",
    "Template": "Custom templates",
    "ChildContent": "ChildContent"
  },
  "BootstrapBlazor.Shared.Demos.Empty.EmptyImage": {
    "ImageText": "No data at this time"
  },
  "BootstrapBlazor.Shared.Demos.Empty.EmptyTemplate": {
    "TemplateIButtonText": "Go back to the previous page"
  },
  "BootstrapBlazor.Shared.Samples.GroupBoxs": {
    "Title": "GroupBox",
    "SubTitle": "Simulate WinForm's GroupBox components",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Put your own components inside the <code>GroupBox</code>",
    "AttTitle": "Set the component title"
  },
  "BootstrapBlazor.Shared.Demos.GroupBox.GroupBoxNormal": {
    "GroupTitle": "An example of a form",
    "GroupP1": "I'm an example of <code>GroupBox</code>",
    "GroupP2": "For more examples, please refer to the <code>EditorForms</code> Form Example <a href='editorforms' target='_blank'>[the portal]</a>"
  },
  "BootstrapBlazor.Shared.Samples.LinkButtons": {
    "ComTitle": "LinkButton",
    "SubTitle": "Provider A html tag as Button",
    "LinkButtonTextTitle": "LinkButton",
    "LinkButtonTextIntro": "Set <code>Text</code> for displayed text",
    "LinkButtonText": "LinkButton",
    "LinkButtonUrlTitle": "Navigation Url",
    "LinkButtonUrlIntro": "Set <code>Url</code> for navigation Url",
    "LinkButtonTitleTitle": "Tooltip",
    "LinkButtonTitleTooltip": "this is Tooltip title",
    "LinkButtonTitleIntro": "Set <code>Title</code> for tooltip",
    "LinkButtonTitleDetail": "show <code>Tooltip</code> when hover on this button",
    "LinkButtonImageTitle": "Image",
    "LinkButtonImageIntro": "Set <code>ImageUrl</code> for image",
    "LinkButtonChildTitle": "Template",
    "LinkButtonChildIntro": "Set <code>ChildContent</code> for customer template",
    "LinkButtonOnClickTitle": "OnClick",
    "LinkButtonOnClickIntro": "Set <code>OnClick</code> handler onclick event",
    "LinkButtonIconTitle": "Icon",
    "LinkButtonIconIntro": "Set <code>Icon</code> for display as icon button",
    "LinkButtonColorTitle": "Color",
    "LinkButtonColorIntro": "Set <code>Color</code> change the color of text",
    "LinkButtonColorText": "Button",
    "LinkButtonIsDisabledTitle": "Disabled",
    "LinkButtonIsDisabledIntro": "Set <code>IsDisabled</code> for disable the link button",
    "LinkButtonIsDisabledText": "Disabled",
    "LinkButtonVerticalTitle": "Vertical",
    "LinkButtonVerticalIntro": "Set <code>IsVertical</code> for vertical layout the icon and text",
    "LinkButtonVerticalText": "TestButton",
    "Text": "Text",
    "Url": "Url",
    "Title": "Tooltip Title",
    "ImageUrl": "ImageUrl",
    "TooltipPlacement": "Tooltip placement",
    "ChildContent": "ChildContent",
    "OnClick": "OnClick",
    "Icon": "Icon"
  },
  "BootstrapBlazor.Shared.Samples.ListViews": {
    "Title": "ListView",
    "SubTitle": "Provides rule arrangement controls",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Apply to a large number of duplicate data implementation rule arrangements",
    "BasicUsageP1": "The <code>OnListViewItemClick</code> event is triggered when you click on the image",
    "ProductListText": "The list of products",
    "PaginationTitle": "Paginated display",
    "PaginationIntro": "Set the <code>Pageable</code> display paginated components",
    "GroupTitle": "Group display",
    "GroupIntro": "Set up grouping <code>GroupName</code> data",
    "CollapsableTitle": "Collapsable",
    "CollapsableIntro": "Set up grouping can collapable via <code>Collapsable=\"true\"</code>",
    "IsAccordionTitle": "Group accordion",
    "IsAccordionIntro": "Set up grouping can accordion via <code>IsAccordion=\"true\"</code>",
    "Items": "Component data source",
    "Pageable": "Whether to paginated",
    "HeaderTemplate": "ListView Header template",
    "BodyTemplate": "ListView Body template",
    "FooterTemplate": "ListView Footer template",
    "Collapsable": "Group collapsable",
    "IsAccordion": "Group accordion",
    "OnQueryAsync": "Asynchronous query callback method",
    "OnListViewItemClick": "The ListView element calls back when it clicks on the delegate",
    "QueryAsync": "Manually query data methods",
    "CollapsedGroupCallback": "Callback for set the IsCollapsed parameter of Collapse component"
  },
  "BootstrapBlazor.Shared.Samples.Locators": {
    "Title": "Get the IP geographic location",
    "SubTitle": "More for system log tracking and analysis",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "The injection service displays client geographic location information",
    "BasicUsageP1": "Introduction to usage",
    "BasicUsageP2": "The component uses the injection service <code>IIPLocatorProvider</code> call the <code>Locate</code> method",
    "BasicUsageP3": "Because the geo-location query interface returns character sets that may be other character sets such as <code>gbk</code>, the program will report an error;",
    "BasicUsageP4": "Solution:",
    "BasicUsageP5": "The <code>Startup</code> file add the following phrase to the  <code>ConfigureServices</code> method",
    "BasicUsageP6": "IP test data",
    "BasicUsageP7": "Jinan City, Shandong Province Unicom",
    "BasicUsageP8": "Hefei, Anhui Province, telecommunications",
    "BasicUsageInputText": "IpAddress",
    "BasicUsageDisplayText": "Geographical location",
    "BasicUsageButtonText": "Locating",
    "BasicUsageP9": "Extend the custom geo-location query interface",
    "BasicUsageP10": "1. Implement a custom locator",
    "BasicUsageP11": "2. Configure a custom locator",
    "BasicUsageP12": "Customize the locator <code>CustomerLocator</code> configuration with the callback delegate parameters the <code>AddBootstrapBlazor</code> method"
  },
  "BootstrapBlazor.Shared.Samples.Prints": {
    "Title": "Print",
    "SubTitle": "Used to print a document or a local view",
    "Tips1": "Set up <code style='margin-left: 14px;' > PreviewUrl</code>, open a new page for print preview and click the print button on this page for page printing",
    "Tips2": "If you are printing a button in the <code>Dialog</code> component when you do not set the <code>PreviewUrl</code>, the pop-up contents are printed",
    "PreButtonText": "Print",
    "PrintButtonTitle": "Basic usage",
    "PrintButtonIntro": "Print the page by clicking the print button",
    "PrintP1": "After clicking the print button below, a new page pops up for print preview, confirms that it is correct, and then clicks the print button in the print preview page for printer selection",
    "PrintDialogTitle": "Print the bullet window",
    "PrintDialogIntro": "Turn on printing by setting up the <code>ShowPrint</code>",
    "PrintDialogP": "In this example, the pop-up window content is a custom component <code>{0}</code> the <code>Footer</code> where the button itself is located is hidden, so the <code>Print</code> button built into the pop-up window cannot be displayed, and setting the <code>{1}</code> makes the <b>print</b>The button appears in the title bar",
    "PrintServiceTitle": "Print service",
    "PrintServiceIntro": "By setting up the content components to print, call the <b>print service</b>directly print jobs",
    "DialogTitle": "The data query window"
  },
  "BootstrapBlazor.Shared.Samples.Tags": {
    "Title": "Tag",
    "SubTitle": "Used for marking and selection.",
    "Tag1": "Label I",
    "Tag2": "Label II",
    "Tag3": "Label III",
    "Tag4": "Label IV",
    "Tag5": "Label V",
    "Tag6": "Label VI",
    "Tag7": "Label VII",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Non floating elements in the page will not disappear automatically.",
    "CloseButtonTitle": "Close button",
    "CloseButtonIntro": "Provides a label for the close button",
    "IconTitle": "With Icon",
    "IcoIntro": "Improve readability when representing a state.",
    "ChildContent": "ChildContent",
    "Class": "Class",
    "Color": "Color",
    "Icon": "Icon",
    "ShowDismiss": "Close button",
    "OnDismiss": "Close label callback method"
  },
  "BootstrapBlazor.Shared.Samples.Timelines": {
    "Title": "Timeline",
    "SubTitle": "Visualize time flow information",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Timeline can be split into multiple activities arranged in positive or reverse order of timestamps, which are an important feature that distinguishes them from other controls, and should be used with care to distinguish them from steps bar.",
    "BasicUsageP": "sort:",
    "CutomNodeStyleTitle": "Customize the node style",
    "CutomNodeStyleIntro": "You can customize the node color according to the actual scene, or use the icon directly.",
    "LeftTitle": "Shown on the left",
    "LeftIntro": "Content takes turns appearing on the left side of the timeline",
    "LeftP": "Control the content appearing on the left side of the timeline by setting the <code>IsLeft</code> property",
    "AlternateTitle": "Alternate presentations",
    "AlternateIntro": "内容在时间轴两侧轮流出现",
    "AlternateP": "Control the alternating timeline left and right by setting the <code>IsAlternate</code> property",
    "DispalyCustomComponentTitle": "Show custom components",
    "DispalyCustomComponentIntro": "Custom components are displayed on the timeline",
    "DispalyCustomComponentP": "Control the custom components that the timeline displays by setting the <code>CustomerComponent</code> of the <code>TimelineItem</code>",
    "SelectedItem1": "Positive order",
    "SelectedItem2": "Reverse order",
    "TimelineItemContent1": "Creation time",
    "TimelineItemContent2": "Approved",
    "TimelineItemContent3": "The event starts on schedule",
    "TimelineItemContent4": "The default style of the node",
    "TimelineItemContent5": "Support for custom colors",
    "TimelineItemContent6": "Icons are supported",
    "Description1": "Real-time output",
    "Description2": "Counter",
    "Description3": "Weather forecast information",
    "Items": "A collection of data",
    "IsReverse": "Whether to display in reverse order",
    "IsLeft": "Whether the left side presents content",
    "IsAlternate": "Whether to alternate the content",
    "Color": "Node color",
    "Content": "The body of the content",
    "Icon": "Node icon",
    "Description": "The node description text",
    "Component": "Node custom components",
    "AttributeTitle": "TimelineItem attributes"
  },
  "BootstrapBlazor.Shared.Samples.Searchs": {
    "Title": "Search box",
    "SubTitle": "Used for data search",
    "PlaceHolder": "Search for examples",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Enter some of the data to search",
    "BasicUsageP": "Please enter <code>1234</code> to get the Smart Prompt and turn on auto focus by setting <code>IsAutoFocus='true'</code>",
    "ClearValueTitle": "Values are automatically emptied after searching",
    "ClearValueIntro": "Turn on the automatic emptying of the search box after search by setting <code>IsAutoClearAfterSearch=&quot;true&quot;</code>",
    "DispalyButtonTitle": "The Empty button is displayed",
    "DispalyButtonIntro": "Control whether the Empty button is displayed by setting the <code>ShowClearButton</code> parameter",
    "keyboardsTitle": "Keyboard input instant search",
    "keyboardsIntro": "Control whether search operations are performed in real time by setting <code>the IsOnInputTrigger</code> parameter",
    "ValidateFormTitle": "ValidateForm",
    "ValidateFormIntro": "Inside <code>ValidateForm</code>",
    "ChildContent": "Content",
    "Items": "Data source",
    "NoDataTip": "Auto-complete data prompts when there is no match",
    "NoDataTipDefaultValue": "No matching data",
    "SearchButtonLoadingIcon": "Searching for button icon",
    "ClearButtonIcon": "Clear the button color",
    "ClearButtonText": "Empty the button text",
    "ClearButtonColor": "Clear the button color",
    "SearchButtonColor": "Search for button color",
    "IsLikeMatch": "Whether fuzzy matching is turned on",
    "IsAutoFocus": "Whether to get the focus automatically",
    "IsAutoClearAfterSearch": "Click Search to automatically empty the search box",
    "IsOnInputTrigger": "Whether the search mode is triggered by input, it is triggered by clicking the search button by default",
    "IgnoreCase": "Whether case is ignored when matching",
    "ShowClearButton": "Whether the Clear button is displayed",
    "OnSearch": "Call back this delegate when you click Search",
    "OnClear": "Click Recall this order when emptying"
  },
  "BootstrapBlazor.Shared.Samples.Titles": {
    "Title": "Title",
    "SubTitle": "Used to set page title",
    "Tips": "<p><code>NET6. 0</code> you can use the Microsoft <code>PageTitle</code> component to set the page title. This component additionally provides setting the current page title in the form of service</p>",
    "BasicUsageTitle": "BasicUsage",
    "BasicUsageIntro": "Add the <code>Title</code> component to the web page and set the <code>text</code> attribute",
    "BasicUsageTips": "The <code>Title</code> component is used by ordinary components after setting <code>text</code>, and can be called by the service when the <code>text</code> attribute is not set",
    "BasicUsageP": "<b>Set the <code>Text</code> property</b>",
    "BasicUsageTitleText": "I am the title",
    "BasicUsageP1": "Test page",
    "AdvanceTitle": "Advanced usage",
    "AdvanceIntro": "There is no need to add the <code>Title</code> component to the webpage, and the injection service <code>TitleService</code> is called",
    "AdvanceB": "Pay attention:",
    "AdvanceP": "When using this method, please add <b>not set <code>Text</code> attribute in <code>App</code> or <code>MainLayout</code> or <code>Page</code> The <code>Title</code> component of </b>",
    "FuncationParmeter": "I am the title",
    "StaticTitle": "Static method",
    "StaticIntro": "Call the <code>TitleService</code> static method directly",
    "StaticB": "Pay attention",
    "StaticDiv": "When using this method, please add <b>not set <code>Text</code> attribute in <code>App</code> or <code>MainLayout</code> or <code>Page</code>The <code>Title</code> component of </b>"
  },
  "BootstrapBlazor.Shared.Components.DemoBlock": {
    "Title": "",
    "SubTitle": "Demo",
    "TooltipText": "Copied"
  },
  "BootstrapBlazor.Shared.Components.Tips": {
    "Title": "Tips"
  },
  "BootstrapBlazor.Shared.Components.AttributeTable": {
    "Title": "Attributes"
  },
  "BootstrapBlazor.Shared.Components.MethodTable": {
    "Title": "Methods"
  },
  "BootstrapBlazor.Shared.Common.AttributeItem": {
    "Name": "Parameter",
    "Description": "Description",
    "Type": "Type",
    "ValueList": "ValueList",
    "DefaultValue": "DefaultValue"
  },
  "BootstrapBlazor.Shared.Common.EventItem": {
    "Name": "Parameter",
    "Description": "Description",
    "Type": "Type"
  },
  "BootstrapBlazor.Shared.Common.MethodItem": {
    "Title": "Methods",
    "Name": "Parameter",
    "Description": "Description",
    "Type": "Type",
    "Parameters": "Parameters",
    "ReturnValue": "ReturnValue"
  },
  "BootstrapBlazor.Shared.Shared.ComponentLayout": {
    "Title": "Enterprise-level component library based on Bootstrap and Blazor",
    "Example": "Example",
    "Video": "Video",
    "ViewRazorCode": "View Razor Code",
    "ViewC#Code": "View C# Code",
    "ViewExample": "View Example"
  },
  "BootstrapBlazor.Shared.Samples.Alerts": {
    "Title": "Alert",
    "SubTitle": "Displays important alert messages.",
    "BaseUsageText": "Basic usage",
    "IntroText1": "Alert components are non-overlay elements in the page that does not disappear automatically.",
    "CloseButtonUsageText": "Close button",
    "IntroText2": "Customize the close button as texts or other symbols.",
    "WithIconUsageText": "With Icon",
    "IntroText3": "Displaying an icon improves readability.",
    "ShowBarUsageText": "With Bar",
    "IntroText4": "Show <code>Tip</code>",
    "ShowBorderTitle": "Border",
    "ShowBorderIntro": "Set <code>ShowBorder=\"true\"</code> show border",
    "ShowShadowTitle": "Shadow",
    "ShowShadowIntro": "Set <code>ShowShadow=\"true\"</code> Show shadow"
  },
  "BootstrapBlazor.Shared.Demos.Alert.AlertNormal": {
    "AlertPrimaryText": "A simple primary alert—check it out!",
    "AlertSecondaryText": "A simple secondary alert—check it out!",
    "AlertSuccessText": "A simple success alert—check it out!",
    "AlertDangerText": "A simple danger alert—check it out!",
    "AlertWarningText": "A simple warning alert—check it out!",
    "AlertInfoText": "A simple info alert—check it out!",
    "AlertDarkText": "A simple dark alert—check it out!"
  },
  "BootstrapBlazor.Shared.Demos.Alert.AlertClose": {
    "AlertPrimaryText": "A simple primary alert—check it out!",
    "AlertSecondaryText": "A simple secondary alert—check it out!",
    "AlertSuccessText": "A simple success alert—check it out!",
    "AlertDangerText": "A simple danger alert—check it out!",
    "AlertWarningText": "A simple warning alert—check it out!",
    "AlertInfoText": "A simple info alert—check it out!",
    "AlertDarkText": "A simple dark alert—check it out!"
  },
  "BootstrapBlazor.Shared.Demos.Alert.AlertIcon": {
    "AlertPrimaryText": "A simple primary alert—check it out!",
    "AlertWarningText": "A simple warning alert—check it out!",
    "AlertInfoText": "A simple info alert—check it out!",
    "AlertDangerText": "A simple danger alert—check it out!"
  },
  "BootstrapBlazor.Shared.Demos.Alert.AlertBorder": {
    "AlertPrimaryText": "A simple primary alert—check it out!",
    "AlertSuccessText": "A simple success alert—check it out!",
    "AlertWarningText": "A simple warning alert—check it out!",
    "AlertInfoText": "A simple info alert—check it out!",
    "AlertDangerText": "A simple danger alert—check it out!"
  },
  "BootstrapBlazor.Shared.Demos.Alert.AlertShadow": {
    "AlertInfoText": "A simple info alert—check it out!",
    "AlertSuccessText": "A simple success alert—check it out!",
    "AlertPrimaryText": "A simple primary alert—check it out!",
    "AlertWarningText": "A simple warning alert—check it out!",
    "AlertDangerText": "A simple danger alert—check it out!"
  },
  "BootstrapBlazor.Shared.Demos.Alert.AlertShowBar": {
    "AlertPrimaryText": "A simple primary alert—check it out!",
    "AlertSuccessText": "A simple success alert—check it out!",
    "AlertWarningText": "A simple warning alert—check it out!",
    "AlertInfoText": "A simple info alert—check it out!",
    "AlertDangerText": "A simple danger alert—check it out!"
  },
  "BootstrapBlazor.Shared.Samples.RibbonTabs": {
    "H1": "RibbonTab",
    "P1": "Office menu tab",
    "P2": "Basic usage",
    "P3": "Initialize the tab by setting <code>Items</code>",
    "P4": "Suspended",
    "P5": "By setting <code>ShowFloatButton</code>, the shrink button is displayed on the right side of the tab without occupying the main form space",
    "P6": "I am the body content, I will move up after the menu is collapsed",
    "P7": "top right button template",
    "P8": "By setting <code>RightButtonsTemplate</code> some shortcut buttons can be added to the upper right corner of the tab",
    "P9": "Documentation",
    "Attr1": "Display the small floating arrow",
    "Attr2": "Callback method when the suspension state of the component changes",
    "Attr3": "Tab up arrow icon",
    "Attr4": "Tab down arrow icon",
    "Attr5": "Tab Pinnable Icons",
    "Attr6": "Display the small floating arrow",
    "Attr7": "Data source",
    "Attr8": "Click the command button callback method",
    "OnMenuClickAsyncAttr": "Click the command menu callback method",
    "Attr9": "Right button template",
    "ItemsText1": "Document",
    "Items1": "Task 1",
    "Items2": "Task 2",
    "Items3": "Task 3",
    "Items4": "Open",
    "Items5": "Save",
    "Items6": "Save as",
    "ItemsText2": "Edit",
    "Items7": "Open",
    "Items8": "Save",
    "Items9": "Save as",
    "Items10": "Task 1",
    "Items11": "Task 2",
    "Items12": "Task 3",
    "ItemsGroupName1": "Group one",
    "ItemsGroupName2": "Group two",
    "HeaderClickTitle": "Header click callback",
    "HeaderClickIntro": "Handler the event of click header via <code>OnHeaderClickAsync</code>"
  },
  "BootstrapBlazor.Shared.Samples.Logouts": {
    "H1": "Logout component",
    "P1": "Used for site logout action",
    "P2": "Common usage",
    "P3": "Use the built-in template directly",
    "P4": "Only show avatars",
    "P5": "Set <code>ShowUserName</code> to <code>false</code>",
    "P6": "Custom display template",
    "P7": "Set <code>ChildContent</code> or write other components directly inside the component",
    "P8": "Customize display content",
    "P9": "Custom Login Information Template",
    "P10": "set up <code>HeaderTemplate</code>",
    "P11": "General manager",
    "P12": "Admin",
    "P13": "Custom link template",
    "P14": "set up <code>LinkTemplate</code>",
    "P15": "personal center",
    "P16": "set up"
  },
  "BootstrapBlazor.Shared.Samples.AutoRedirects": {
    "Title": "AutoRedirect automatic jump component",
    "Description": "Through the set address, automatically jump to the specified page when there is no mouse or keyboard action on the page",
    "NormalTitle": "Common usage",
    "NormalIntro": "By setting the <code>Interval</code> interval, when there is no mouse or keyboard action, it will automatically jump to the address set by <code>RedirectUrl</code>"
  },
  "BootstrapBlazor.Shared.Samples.AnchorLinks": {
    "AnchorLinkTitle": "AnchorLink",
    "AnchorLinkDescribe1": "Apply to title strip",
    "AnchorLinkDescribe2": "Anchor link, click to copy for easy sharing",
    "AnchorLinkDemoTitle": "Common usage",
    "AnchorLinkDemoIntroduction": "After placing the label click on the copy anchor link to the pasteboard",
    "AnchorLinkTips1": "Anchor Link Component Properties",
    "AnchorLinkTips2": "It is a required item, and the function of copying the anchor link will not be provided if it is not filled in",
    "AnchorLinkTips3": "Component anchor icons are available via",
    "AnchorLinkTips4": "The parameter is customized and the default is",
    "AnchorLinkTips5": "<code>TooltipText</code> Used to set the prompt message after copying the address",
    "AttrId": "Id",
    "AttrIcon": "Icon",
    "AttrText": "Display text",
    "AttrTooltipText": "Tooltip text"
  },
  "BootstrapBlazor.Shared.Demos.AnchorLink.AnchorLinkNormal": {
    "AnchorLinkText": "I am a clickable anchor link"
  },
  "BootstrapBlazor.Shared.Samples.QRCodes": {
    "Title": "QRCode",
    "SubTitle": "Generate QR code",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Click the Generate button to generate a <code>QRCode</code>",
    "ContentTitle": "Direct build",
    "ContentIntro": "Specify the contents of the QR code with the <code>Content</code> parameter",
    "WidthTitle": "Size",
    "WidthIntro": "<code>Width</code> of the QRCode",
    "ColorTitle": "Color",
    "ColorIntro": "<code>DarkColor</code> set the black color，<code>LightColor</code> set the white color",
    "SuccessText": "QR code generated successfully",
    "OnGenerated": "Call back after QR code generation",
    "Width": "Size",
    "ClearButtonText": "The text of Clear button",
    "ClearButtonIcon": "The icon of Clear button",
    "GenerateButtonText": "The text of Generate button",
    "GenerateButtonIcon": "The icon of Generate button",
    "ShowButtons": "Whether show the buttons",
    "DarkColor": "The color of black",
    "LightColor": "The color of white",
    "PlaceHolderValue": "Please input ...",
    "ClearButtonTextValue": "Clear",
    "GenerateButtonTextValue": "Generate"
  },
  "BootstrapBlazor.Shared.Samples.Anchors": {
    "Title": "Anchor",
    "SubTitle": "Hyperlinks to scroll on one page.",
    "BaseUsageText": "Basic usage",
    "IntroText1": "For displaying anchor hyperlinks on page and jumping between them."
  },
  "BootstrapBlazor.Shared.Demos.Anchor.AnchorNormal": {
    "IntroText2": "Click <code>Anchor</code> item try it",
    "ContentText1": "<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p><p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p><p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p><p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p><p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>",
    "Desc1": "Anchor Target Id",
    "Desc2": "Id of the element where the scroll bar is located",
    "Desc3": "The offset is used to adjust the gap use",
    "Desc4": "Content"
  },
  "BootstrapBlazor.Shared.Samples.Breadcrumbs": {
    "Title": "Breadcrumb",
    "Describe": "Display the path of the current page and quickly return to any previous page.",
    "Block1Title": "Basic usage",
    "Block1Intro": "Suitable for a wide range of basic usage."
  },
  "BootstrapBlazor.Shared.Foo": {
    "Name": "Name",
    "DateTime": "DateTime",
    "Address": "Address",
    "Address.PlaceHolder": "required",
    "Count": "Count",
    "Count.PlaceHolder": "required",
    "Complete": "Complete",
    "Education": "Education",
    "Hobby": "Hobby",
    "Name.Required": "{0} is required.",
    "Address.Required": "{0} is required.",
    "Education.Required": "{0} is required.",
    "Hobby.Required": "{0} is required.",
    "Name.PlaceHolder": "required",
    "Hobbys": "Swimming,Climb,Shoot,Chess",
    "Foo.Name": "Zhangsan {0}",
    "Foo.Address": "Lane {0} of Jinshajiang Road, Putuo District, Shanghai",
    "Foo.Address2": "Earth, China, Lane {0} of Jinshajiang Road, Putuo District, Shanghai. Here is an example of super long cell",
    "Foo.BindValue": "BindValue",
    "True": "Pass",
    "False": "Failed",
    "NullItemText": "Not Set"
  },
  "BootstrapBlazor.Shared.Samples.ValidateForms.ComplexFoo": {
    "Name": "Name",
    "Name.Required": "{0} is required."
  },
  "BootstrapBlazor.Shared.Samples.ValidateForms.Dummy2": {
    "Name": "Name",
    "Name.Required": "Dummy2 {0} is required"
  },
  "BootstrapBlazor.Shared.EnumEducation": {
    "PlaceHolder": "Click to select ...",
    "Primary": "Primary",
    "Middel": "Middel"
  },
  "BootstrapBlazor.Shared.Components.ThemeChooser": {
    "Title": "Click to choose theme",
    "HeaderText": "Themes"
  },
  "BootstrapBlazor.Shared.Samples.Uploads.Person": {
    "Name": "Name",
    "Name.Required": "{0} is required",
    "Picture": "File",
    "Picture.Required": "{0} is required"
  },
  "BootstrapBlazor.Shared.Components.CultureChooser": {
    "Label": "Language："
  },
  "BootstrapBlazor.Shared.Components.GlobalSearch": {
    "Search": "Search components"
  },
  "BootstrapBlazor.Shared.Shared.BaseLayout": {
    "DownloadText": "Download",
    "HomeText": "Home",
    "IntroductionText": "Documents",
    "ComponentsText": "Components",
    "FlowText": "Workflow",
    "InstallAppText": "Install PWA App",
    "InstallText": "Install",
    "CancelText": "Cancel",
    "Title": "View update log"
  },
  "BootstrapBlazor.Shared.Shared.NavMenu": {
    "GetStarted": "Getting Started",
    "Introduction": "Introduction",
    "Install": "Install",
    "ProjectTemplate": "Template",
    "Globalization": "Globalization",
    "Localization": "Localization",
    "ServerBlazor": "Server-side Blazor",
    "ClientBlazor": "Client-side Blazor",
    "MauiBlazor": "Maui Blazor",
    "Labels": "Labels",
    "ZIndex": "Layout",
    "Breakpoints": "Breakpoints",
    "Theme": "Theme",
    "GlobalException": "Global Exception",
    "LayoutPage": "Admin Template",
    "FAIcon": "FontAwesome Icons",
    "Components": "Components",
    "Client": "WebClientService",
    "LayoutComponents": "Layouts",
    "Divider": "Divider",
    "Dragdrop": "DragDrop",
    "Layout": "Layout",
    "Footer": "Footer",
    "Row": "Row",
    "Scroll": "Scroll",
    "Skeleton": "Skeleton",
    "Split": "Split",
    "Responsive": "Responsive",
    "NavigationComponents": "Navigations",
    "Anchor": "Anchor",
    "AnchorLink": "AnchorLink",
    "AutoRedirect": "Auto Redirect",
    "Breadcrumb": "Breadcrumb",
    "Dropdown": "Dropdown",
    "Logout": "Logout",
    "GoTop": "GoTop",
    "Menu": "Menu",
    "Nav": "Nav",
    "Pagination": "Pagination",
    "Steps": "Steps",
    "Tab": "Tab",
    "NotificationComponents": "Notifications",
    "Alert": "Alert",
    "Console": "Console",
    "Dialog": "Dialog",
    "Dispatch": "Dispatch",
    "Drawer": "Drawer",
    "EditDialog": "EditDialog",
    "FullScreen": "FullScreen",
    "Message": "Message",
    "Modal": "Modal",
    "Light": "Light",
    "Popconfirm": "Popconfirm",
    "Progress": "Progress",
    "SearchDialog": "SearchDialog",
    "SwitchButton": "Switch Button",
    "Spinner": "Spinner",
    "SweetAlert": "SweetAlert",
    "Timer": "Timer",
    "Toast": "Toast",
    "FormsComponents": "Forms",
    "AutoComplete": "AutoComplete",
    "AutoFill": "AutoFill",
    "Block": "Block",
    "Button": "Button",
    "Cascader": "Cascader",
    "Checkbox": "Checkbox",
    "CheckboxList": "CheckboxList",
    "ColorPicker": "ColorPicker",
    "DateTimePicker": "DateTimePicker",
    "DateTimeRange": "DateTimeRange",
    "Editor": "Editor",
    "EditorForm": "EditorForm",
    "FloatingLabel": "FloatingLabel",
    "Input": "Input",
    "InputNumber": "InputNumber",
    "Ip": "IpAddress",
    "Markdown": "Markdown",
    "CherryMarkdown": "Cherry-Markdown",
    "MultiSelect": "MultiSelect",
    "Radio": "Radio",
    "Rate": "Rate",
    "Select": "Select",
    "SelectTree": "Select-Tree",
    "Slider": "Slider",
    "Switch": "Switch",
    "Textarea": "Textarea",
    "Toggle": "Toggle",
    "Transfer": "Transfer",
    "Upload": "Upload",
    "ValidateForm": "ValidateForm",
    "DataComponents": "Datas",
    "Ajax": "Ajax",
    "Avatar": "Avatar",
    "Badge": "Badge",
    "BarcodeReader": "BarcodeReader",
    "Card": "Card",
    "Calendar": "Calendar",
    "Camera": "Camera",
    "Captcha": "Captcha",
    "Carousel": "Carousel",
    "Circle": "Circle",
    "Collapse": "Collapse",
    "Display": "Display",
    "DropdownWidget": "DropdownWidget",
    "GroupBox": "GroupBox",
    "HandwrittenPage": "HandwrittenPage",
    "LinkButton": "LinkButton",
    "ListView": "ListView",
    "Locator": "Locator",
    "ImageViewer": "ImageViewer",
    "FileIcon": "FileIcon",
    "Popover": "Popover",
    "Print": "Print",
    "QRCode": "QRCode",
    "Search": "Search",
    "Tag": "Tag",
    "Timeline": "Timeline",
    "Title": "Title",
    "Download": "Download",
    "Tooltip": "Tooltip",
    "Reconnector": "Reconnector",
    "Tree": "Tree",
    "TreeView": "TreeView",
    "TableComponents": "Table",
    "Table": "Table",
    "TableBase": "Base",
    "TableRow": "Row",
    "TableColumn": "Column",
    "TableCell": "Cell",
    "TableDetail": "Detail",
    "TableDynamic": "Dynamic",
    "TableDynamicObject": "DynamicObject",
    "TableSearch": "Search",
    "TableFilter": "Sort/Filter",
    "TableFixHeader": "FixHeader",
    "TableHeaderGroup": "HeaderGroup",
    "TableFixColumn": "FixColumn",
    "TablePage": "Pagination",
    "TableToolbar": "Toolbar",
    "TableEdit": "Edit",
    "TableTracking": "Tracking",
    "TableDynamicExcel": "Excel-DataTable",
    "TableExcel": "Excel-Items",
    "TableExport": "Export",
    "TableSelection": "Selection",
    "TableAutoRefresh": "AutoRefresh",
    "TableFooter": "Footer",
    "TableDialog": "Table-Dialog",
    "TableWrap": "Wrap",
    "TableTree": "Table-Tree",
    "TableLaoding": "Table-Loading",
    "TableLookup": "Lookup",
    "TableVirtualization": "Row Virtualization",
    "Topology": "Topology HMI",
    "MenuAccordion": "Accordion",
    "MenuExpandAll": "Expand",
    "Empty": "Empty",
    "Charts": "Chart",
    "ChartSummary": "Introduction",
    "ChartLine": "Line",
    "ChartBar": "Bar",
    "ChartPie": "Pie",
    "ChartDoughnut": "Doughnut",
    "ChartBubble": "Bubble",
    "Transition": "Transition",
    "Geolocation": "Geolocation",
    "SpeechComponents": "Speech",
    "SpeechIntro": "Introduction",
    "Recognizer": "Recognizer",
    "Synthesizer": "Synthesizer",
    "SpeechWave": "SpeechWave",
    "OnScreenKeyboard": "OnScreenKeyboard",
    "RibbonTab": "RibbonTab",
    "PulseButton": "PulseButton",
    "Bluetooth": "Bluetooth & Printer",
    "PdfReader": "PDF Reader",
    "VideoPlayer": "VideoPlayer",
    "FileViewer": "FileViewer",
    "BaiduOcr": "IBaiduOcr "
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesHeader": {
    "H1": "Header grouping function",
    "H2": "When the data structure is complex, multi-level headers can be used to show the hierarchical relationship of the data",
    "P1": "Basic usage",
    "P2": "Set the <code>MultiHeaderTemplate</code> template",
    "P3": "by setting",
    "P4": "value to control whether to display the filter header",
    "P5": "Pay attention to the details. After the first column of cells is merged, there will be no cells in the first column of the last row header, so you need to set the style yourself",
    "P6": "consistent with other cells",
    "P7": "time",
    "P8": "Personal information",
    "P9": "personal name",
    "P10": "personal address"
  },
  "BootstrapBlazor.Shared.Samples.SelectTrees": {
    "H1": "SelectTree",
    "H2": "A tree-like data structure is presented in the drop-down box for selection",
    "P1": "Common usage",
    "P2": "Selected node",
    "Block2Title": "Disabled",
    "Block2Intro": "Disabled the component by set <code>IsDisabled</code> to true",
    "Block3Title": "Select two-way binding",
    "Block3Intro": "The values in the text box change as you change the drop-down option by binding the Model.Name property to the component with Select Tree",
    "Block5Title": "Validation",
    "Block5Intro": "validate the value when submit the form. Inside <code>ValidateForm</code>",
    "IsPopoverTitle": "IsPopover",
    "IsPopoverIntro": "Set <code>IsPopover</code> to <b>true</b>, use popover render UI prevent The dropdown menu cannot be fully displayed because the parent container is set to <code>overflow: hidden</code>",
    "ButtonText2": "提交",
    "TF1": "Navigation one",
    "TF2": "Navigation two",
    "TF3": "Navigation three",
    "TF4": "sub menu one",
    "TF5": "sub menu two",
    "TF6": "sub menu three",
    "TF7": "Sun Menu One",
    "TF8": "Sun Menu II",
    "TF9": "Sun Menu Three",
    "TF10": "Great-grandson menu one",
    "TF11": "Great-grandchildren's menu two",
    "TF12": "Great-grandson menu three",
    "TF13": "Great-great-grandson menu one",
    "TF14": "Great-great-grandchildren menu two",
    "TF15": "Great-great-grandson menu three"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesDetailRow": {
    "DetailTextTrue": "Enable",
    "DetailTextFalse": "Disable",
    "Title": "Display detail line function",
    "Desc": "Used to display parent-child relationship table data",
    "DetailRowTemplateTitle": "Simple Application",
    "DetailRowTemplateIntro": "Set the detail row content by setting the <code>DetailRowTemplate</code> template",
    "DetailRowTemplateP": "In the detail row, another field <code>education</code> of the binding row is displayed in the form of ordinary text",
    "DetailRowTemplateP1": "Through the <code>IsDetails</code> parameter, it is possible to dynamically switch whether to display the detail row function",
    "EducationText": "Education:",
    "DetailRowTemplate2Title": "Nested Table Component Application",
    "DetailRowTemplate2Intro": "Set the detail behavior sub-table data by setting the <code>DetailRowTemplate</code> template",
    "DetailRowTemplate2P": "Another <code>Table</code> component is nested in the detail row. Since each row must be associated with sub-table data, for performance reasons, this function adopts the <code>lazy loading</code> mode. , that is, after clicking the expand button, the nested <code>Table</code> is filled with data, and the <code>ShowDetailRow</code> callback delegate can control whether each row displays the detail row. In this example, the <code> Complete</code> attribute to control whether to display the detail line, you can test this function by turning the page",
    "HeightTitle": "Fix the header to enable the detail row function",
    "HeightIntro": "Set the content of the detail row by setting the <code>Height</code> template after the header is fixed",
    "HeightP": "In this example, after the header is fixed, the detail line function is enabled",
    "DetailRowTemplate3Title": "Use Tab component in detail row",
    "DetailRowTemplate3Intro": "Set the detail row content by setting the <code>DetailRowTemplate</code> template",
    "DetailRowTemplate3P": "In this example, the <code>Tab</code> component is used in the detail row to split the data into two <code>TabItem</code> contents again to demonstrate the data splitting again",
    "TabItemText": "Associated Data",
    "DynamicTitle": "Detail row of dynamic data",
    "DynamicIntro": "Data source is <code>DataTable</code>"
  },
  "BootstrapBlazor.Shared.Samples.Table.Tables": {
    "ButtonAddColumnText": "Add Column",
    "ButtonRemoveColumnText": "Remove Column",
    "TableBaseTitle": "Table",
    "TableBaseDescription": "It is used to display multiple pieces of data with similar structure. You can sort, filter, compare or other user-defined operations on the data.",
    "TableBaseExplain1": "The <code> Table </code> component already supports mobile terminal adaptation. When the screen is smaller than the <code> rendermoderesponsewidth </code> set value, the component will be rendered as a card for easy viewing of data, and its default value is <code> 768 </code>",
    "TableBaseExplain2": "<code>Table</code> component has a <code> rendermode </code> attribute. Its default value is <code> auto </code> and other values are defined as follows",
    "TableBaseTips1": "<code>Auto</code>: Use <code> cardview </code> mode when the screen is smaller than 768px, otherwise use <code> Table </code> mode",
    "TableBaseTips2": "<code>Table</code>: Table rendering mode, using <code> table </code> elements for data rendering, suitable for viewing data in a wide screen",
    "TableBaseTips3": "<code>CardView</code>：Card rendering mode, using <code> div </code> elements for data rendering, which is suitable for viewing data on a narrow screen",
    "TableBaseExplain3": "<code>Table</code> component has a <code> usecomponentwidth </code> attribute. Its default value is <code> false </code>, which means that the <code> window </code> width is used for judgment. When the setting value is <code> true </code>, it means that the component's own width is used for judgment",
    "TableBaseNormalTitle": "Basic table",
    "TableBaseNormalIntro": "Basic table presentation usage",
    "TableBaseNormalDescription": "Update data source when clicking button <code> items </code> component <code> Table </code> display data is automatically updated",
    "TableBaseStripedTitle": "Tables with zebra stripes",
    "TableBaseStripedIntro": "Using a table with zebra stripes, it is easier to distinguish data from different rows. Just set <code> istriped = true </code>",
    "TableBaseBorderedTitle": "Bordered tables",
    "TableBaseBorderedIntro": "Increase the effect of table frame by setting <code> isbordered </code> attribute",
    "TableBaseSizeTitle": "Compact tables",
    "TableBaseSizeIntro": "Set the <code> tablesize </code> attribute to make the gap in the table smaller and suitable for big data display",
    "TableBaseSizeDescription": "<code> Tablesize </code> is an enumeration type of table size, the default value is <code> normal </code>, and the compact value is <code> compact </code>",
    "TableBaseHeaderStyleTitle": "Header style",
    "TableBaseHeaderStyleIntro": "By setting <code> headerstyle </code> Properties",
    "TableBaseHeaderStyleDescription": "<code> Headerstyle </code> is the table header style, and the default value is <code> none </code>",
    "AttributeTitle": "Table Attribute",
    "TableSizeAttr": "Table Size",
    "HeaderStyleAttr": "Table Header Style",
    "HeaderTextWrap": "Table header text wrap",
    "HeightAttr": "Fixed Header",
    "PageItemsAttr": "IsPagination=true Sets the number of data to display per page",
    "AutoRefreshIntervalAttr": "Auto Refresh Interval",
    "ExtendButtonColumnWidthAttr": "Row action button column width",
    "RenderModeResponsiveWidthAttr": "Component Layout Mode Automatic Switching Threshold",
    "IndentSizeAttr": "Tree data indent width (pixel px)",
    "ItemsAttr": "Data Collection",
    "PageItemsSourceAttr": "IsPagination=true Sets the external data source for the number of data displayed per page",
    "EditModeAttr": "Set edit row data mode",
    "MultiHeaderTemplateAttr": "Header Grouping Template",
    "TableFooterAttr": "Table Footer Template",
    "TableToolbarTemplateAttr": "Custom Button Template",
    "EditTemplateAttr": "Edit Pop-up Template",
    "ExportButtonDropdownTemplateAttr": "The template of Export dropdown button item",
    "ShowAdvancedSearchAttr": "Show advanced search",
    "SearchTemplateAttr": "Advanced Search Template",
    "BeforeRowButtonTemplateAttr": "Table Row Button Template Before Button",
    "RowButtonTemplateAttr": "Table Row Button Templates are placed after buttons by default",
    "DetailRowTemplateAttr": "Table Detail Line Template",
    "IsAutoCollapsedToolbarButtonAttr": "Whether auto collapsed the buttons on toolbar",
    "IsBorderedAttr": "Border",
    "IsPaginationAttr": "Display pagination",
    "IsStripedAttr": "Zebra stripe",
    "IsRenderedAttr": "Whether the component is rendered",
    "IsMultipleSelectAttr": "If it is multi-select mode, the first column is automatically a checkbox column when true",
    "IsAutoRefreshAttr": "Do you automatically refresh the table",
    "IsTreeAttr": "Is it tree data",
    "IsDetailsAttr": "Whether it is a detail row table, use DetailRowTemplate for logical judgment when not set",
    "IsHideFooterWhenNoDataAttr": "Whether to show Footer when no data is available",
    "ClickToSelectAttr": "Click on the line to select the line",
    "ShowCheckboxTextAttr": "Selection column that displays text",
    "ShowFooterAttr": "Show feet",
    "ShowFilterHeaderAttr": "Show filtered rows",
    "ShowMultiFilterHeaderAttr": "Whether to display filtered rows for multilevel headers",
    "ShowSearchAttr": "Show search bar",
    "ShowSearchTextAttr": "Show search text box",
    "ShowSearchTextTooltipAttr": "Do you show the search box text prompt bar",
    "ShowResetButtonAttr": "Show empty search button",
    "ShowSearchButtonAttr": "Show Search Button",
    "SearchModeAttr": "Search Bar Rendering",
    "CollapsedTopSearchAttr": "Shrink the top search box",
    "ShowToolbarAttr": "Show Toolbar",
    "ShowLineNoAttr": "Show Line Number",
    "ShowDefaultButtonsAttr": "Show default button to add edit delete",
    "ShowAddButtonAttr": "Show Add Button",
    "ShowEditButtonAttr": "Show Edit Button",
    "ShowEditButtonCallbackAttr": "Displays an inline edit button, use showEditButton value when not set",
    "ShowDeleteButtonAttr": "Show delete button",
    "ShowDeleteButtonCallbackAttr": "Show Use ShowEditButton value when the inline delete button is not set",
    "ShowExtendButtonsAttr": "Show row action button",
    "ShowExtendEditButtonAttr": "Show row edit action button",
    "ShowExtendDeleteButtonAttr": "Show row delete action button",
    "ShowUnsetGroupItemsOnTopAttr": "Whether ungrouped edits are rendered at the beginning",
    "ShowSkeletonAttr": "Whether to display skeleton screen when first render",
    "ShowLoadingInFirstRenderAttr": "Whether to display the loading animation when first render",
    "ShowColumnListAttr": "Show columnshow/hide control buttons",
    "OnColumnVisibleChangedAttr": "Trigger this callback when switch show/hide column in the list",
    "ShowEmptyAttr": "Show no data prompts",
    "ShowToastAfterSaveOrDeleteModelAttr": "Do you show a toast prompt box after a save/delete failure",
    "TreeIconAttr": "Small arrow for tree data rows",
    "UseComponentWidthAttr": "Component rendering mode uses component width to determine",
    "ScrollingDialogContentAttr": "Edit whether the pop-up box appears inside the scroll bar",
    "FixedExtendButtonsColumnAttr": "Whether to fix the extended button column",
    "OnQueryAsyncAttr": "Asynchronous query callback method",
    "OnAddAsyncAttr": "New Button Callback Method",
    "OnColumnCreatingAttr": "Callback delegate method on column creation",
    "OnDoubleClickCellCallbackAttr": "Set cell double-click event",
    "OnDeleteAsyncAttr": "Delete Button Asynchronous Callback Method",
    "OnEditAsyncAttr": "Edit button asynchronous callback method",
    "OnSaveAsyncAttr": "Save button asynchronous callback method",
    "OnResetSearchAsyncAttr": "Reset Search Button Asynchronous Callback Method",
    "OnClickRowCallbackAttr": "Click on row callback delegate method",
    "OnAfterSaveAsyncAttr": "Asynchronous callback method after saving data",
    "OnAfterRenderCallbackAttr": "Callback method after table rendering",
    "OnTreeExpandAttr": "Tree data node expandable callback delegate method",
    "OnDoubleClickRowCallbackAttr": "Double-click row callback delegate method",
    "SortIconAttr": "Sort default icon",
    "SortIconAscAttr": "Sort ascending icon",
    "SortIconDescAttr": "Sort Descending Icon",
    "EditDialogSaveButtonTextAttr": "Edit pop-up save button text",
    "EditDialogIs DragableAttr": "Edit pop-up is draggable",
    "EditDialogShowMaximizeButtonAttr": "Edit pop-ups show the maximize button",
    "EditDialogSizeAttr": "Edit pop-up size",
    "SearchDialogIs DragableAttr": "Search pop-ups are draggable",
    "SearchDialogShowMaximizeButtonAttr": "Search pop-ups show the maximize button",
    "SearchDialogSizeAttr": "Search pop-up size",
    "AddModalTitleAttr": "New Data Pop-up Title",
    "EditModalTitleAttr": "Edit data pop-up Title",
    "UnsetTextAttr": "tooltip displays text when sort is not set",
    "UnsetTextValue": "Click ascending",
    "SortAscTextAttr": "tooltip displays text when sorting in ascending order",
    "SortAscTextValue": "Click-down",
    "SortDescTextAttr": "tooltip displays text when sorting in descending order",
    "SortDescTextValue": "Unsort",
    "RenderModeAttr": "Table Component Layout Mode Settings",
    "EmptyTextAttr": "EmptyText",
    "EmptyImageAttr": "Show picture link address when no data",
    "EmptyTemplateAttr": "Display template when no data",
    "EditDialogItemsPerRowAttr": "Number of components per line",
    "EditDialogRowTypeAttr": "Set component layout",
    "EditDialogLabelAlignAttr": "Label alignment in Inline Layout mode",
    "AddAsyncMethod": "Manual data addition method",
    "EditAsyncMethod": "Methods for Manually Editing Data",
    "QueryAsyncMethod": "Manual query data method",
    "TextWrapAttr": "Allow line breaks",
    "AutoGenerateColumnsAttr": "Whether columns are automatically generated",
    "CssClassAttr": "Custom Cell Style",
    "EditableAttr": "Whether to generate edit components",
    "EditTemplateColumnAttr": "Template",
    "FilterableAttr": "Filterable data",
    "FilterTemplateAttr": "Filter Template",
    "FilterAttr": "Column Filter",
    "HeaderTemplateAttr": "Header Template",
    "IsReadonlyWhenAddAttr": "This column is read-only when new",
    "IsReadonlyWhenEditAttr": "This column is read-only when editing",
    "LookupAttr": "Dictionary Data Source",
    "LookupStringComparisonAttr": "Dictionary Data Source Comparison Rules",
    "LookupServiceKeyAttr": "The LookupService service gets the Lookup data collection key value",
    "ReadonlyAttr": "Is it read-only mode when editing",
    "SearchTemplateColumnAttr": "Template",
    "ShowTipsAttr": "Show cell Tooltips",
    "SearchableAttr": "Participate in the search",
    "SortableAttr": "Sort or not",
    "DefaultSortAttr": "Is the default sort sequence",
    "DefaultSortOrderAttr": "Default collation",
    "TextAttr": "Header Displays Text",
    "TextEllipsisAttr": "Whether to omit text when exceeded",
    "TemplateAttr": "Template",
    "VisibleAttr": "Whether to display this column",
    "WidthAttr": "Column width (px)",
    "FixedAttr": "Whether to fix this column",
    "GroupNameAttr": "Current Property Grouping",
    "ShownWithBreakPointAttr": "Show Node Threshold",
    "FormatStringAttr": "Format String",
    "FormatterAttr": "Column Formatting Callback Delegate",
    "AlignAttr": "Text Alignment",
    "OrderAttr": "Sequence Number",
    "OnCellRenderAttr": "Cell callback method",
    "ShowGotoNavigatorAttr": "Whether show the Goto navigator",
    "GotoTemplateAttr": "The template for Goto custom component",
    "GotoNavigatorLabelTextAttr": "Goto label text",
    "ShowPageInfoAttr": "Whethere show the pagination info",
    "PageInfoTemplateAttr": "The template for custom page info",
    "PageInfoTextAttr": "Pagination label text"
  },
  "BootstrapBlazor.Shared.Demos.Table.Base.TableBaseNormal": {
    "TableBaseNormalRefreshText": "Refresh"
  },
  "BootstrapBlazor.Shared.Demos.Table.Base.TableBaseHeaderStyle": {
    "TableBaseHeaderStyleMode": "Pattern"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesColumn": {
    "Title": "Table Column",
    "H4": "Used to display multiple pieces of data with similar structures, data can be sorted, filtered, compared or other custom operations.",
    "ColumnTextTitle": "Custom column name",
    "ColumnTextIntro": "Add column header display name by setting <code>Text</code>",
    "ColumnTextDesc": "The fields in the table component <code>TableColumns</code> template are automatically displayed according to the <code>DisplayName</code> tag value of the bound model. If you want to customize the display name, please set <code>Text</code> property",
    "CustomColText1": "Custom Column Name 1",
    "CustomColText2": "Custom column name 2",
    "CustomColText3": "Custom column name 3",
    "SelectTitle": "Table with select list",
    "SelectIntro": "Add the first column of the table by setting <code>IsMultipleSelect=true</code> to select the column",
    "ShowCheckboxTitle": "Checkbox table with display text",
    "ShowCheckboxIntro": "By setting <code>ShowCheckboxText=true</code> the display text in the first column of the table is <b>select</b>",
    "DisabledTitle": "Select Box Column",
    "DisabledIntro": "<code>RowTemplate</code> internal component <code>TableCell</code> set <code>Checkbox</code> and set related data binding. In this example, data binding will select The box component is bound to the value",
    "WidthTitle": "Customize the width of each column",
    "WidthIntro": "By setting the <code>TableColumn</code> <code>Width</code> property, the column width is controlled, and the inline button operation column width is controlled by the <code>ExtendButtonColumnWidth</code> property",
    "WidthP1": "Continue the previous example in this example, implement four custom function buttons, and extend them to the row. When each button is clicked, there is a corresponding callback delegate method. <code>TableToolbarButton</code> uses It is the way of <code>Delegate</code> to complete the data exchange. When the toolbar button is clicked, set the <code>OnClick</code> delegate method to obtain the selected row data set in the table",
    "WidthP2": "<code>RowButtonTemplate</code> button template places the custom button behind the built-in button by default. If you need to place the custom button before the built-in button, please use the <code>BeforeRowButtonTemplate</code> template",
    "WidthP3": "Control whether the button is displayed by setting the button <code>IsShow</code> parameter",
    "WidthButtonText1": "Details",
    "WidthButtonText2": "Edit",
    "WidthButtonText3": "Permissions",
    "WidthButtonText4": "Approval",
    "WidthConfirmButtonText": "Confirm",
    "TableColumnTitle": "Custom Column Data Template",
    "TableColumnIntro": "Customize the <code>Template</code> template of the <code>TableColumn</code> column to implement any UI",
    "TableColumnP1": "In this example, the column <code>DateTime</code> value is displayed in different colors depending on whether the <code>Complete</code> value is <code>true</code>",
    "TableColumnP2": "In this example, the column <code>Complete</code> is displayed as a <code>Checkbox</code> component according to the value of <code>Complete</code>",
    "TableColumnP3": "<code>Template</code> template comes with <code>Context</code> associated context, its value is of type <code>TableColumnContext</code>",
    "TableColumnli1": "<code>Value</code> is the data value of the currently bound column",
    "TableColumnli2": "<code>Row</code> is the data value of the row where the currently bound column is located",
    "FormatterTitle": "Custom column data format",
    "FormatterIntro": "Format the cell value by specifying the <code>FormatString</code> or <code>Formatter</code> callback delegate when the column is bound",
    "FormatterP1": "In this example the column <code>DateTime</code> values ​​are formatted according to <code>FormatString</code> to <code>yyyy-MM-dd</code> year month day format",
    "FormatterP2": "In this example the column <code>Count</code> value is formatted according to <code>Formatter</code> to <code>0.00</code> with two decimal places",
    "AlignTitle": "Column data alignment",
    "AlignIntro": "Set the alignment by specifying the <code>Align</code> attribute when the column is bound",
    "AlignP1": "In this example the column <code>DateTime</code> is set to center alignment <code>Alignment.Center</code>",
    "AlignP2": "In this example the column <code>Count</code> is set to right-align <code>Alignment.Right</code>",
    "ShownWithBreakPointTitle": "Automatically show/hide columns based on screen width",
    "ShownWithBreakPointIntro": "Set whether to display at different widths by specifying the <code>ShownWithBreakPoint</code> attribute",
    "ShownWithBreakPointP1": "<code>ShownWithBreakPoint</code> enumeration value: ",
    "ShownWithBreakPointLi1": "<code>None</code> is displayed if not set",
    "ShownWithBreakPointLi2": "<code>Small</code> is displayed when the screen is greater than or equal to <code>576px</code>",
    "ShownWithBreakPointLi3": "<code>Medium</code> is displayed when the screen is greater than or equal to <code>768px</code>",
    "ShownWithBreakPointLi4": "<code>Large</code> is displayed when the screen is greater than or equal to <code>992px</code>",
    "ShownWithBreakPointLi5": "<code>ExtraLarge</code> is displayed when the screen is greater than or equal to <code>1200px</code>",
    "ShownWithBreakPointP2": "In this example, the <code>Count</code> column is set to <code>BreakPoint.Large</code>, that is, the screen will only be displayed when it is larger than <code>992px</code>",
    "ShownWithBreakPointP3": "Note:",
    "ShownWithBreakPointP4": "Because the <code>Table</code> component supports mobile adaptation by default, the card mode is used for small screens. In this example, the explicit setting uses <code>RenderMode=\"TableRenderMode. Table\"</code> mode",
    "VisibleTitle": "Custom show/hide columns",
    "VisibleIntro": "Set whether the column is displayed by specifying the <code>ShowColumnList</code> attribute",
    "VisibleP1": "<code>ShowColumnList</code> The default value is false, and if it is explicitly specified as true, the corresponding column adjustment button will appear in the toolbar",
    "VisibleP2": "<code>TableColumn</code> adds the <code>Visiable</code> property, its default value is true, this column will not be displayed when the display is set to false",
    "VisibleP3": "In this example, the <b>quantity</b> column is not displayed by setting <code>Visible</code>, and it can be displayed through the column control button",
    "VisibleP4": "Trigger the <code>OnColumnVisibleChanged</code> callback when switch the column state <b>Show/Hide</b>",
    "AllowResizingTitle": "Allow column resizing",
    "AllowResizingIntro": "Set table columns to allow resizing by specifying <code>AllowResizing</code>",
    "AllowResizingDesc": "Column resizing can only be done when the screen is too small and the scroll bar appears",
    "ShowCopyColumnTitle": "Show copy column icon",
    "ShowCopyColumnIntro": "Set <code>ShowCopyColumn</code> show the icon for copy entire column data",
    "ShowCopyColumnDesc": "可以通过设置 <code>ShowCopyColumnTooltip</code> <code>CopyColumnTooltipText</code> <code>CopyColumnCopiedTooltipText</code> 等设置微调拷贝列数据图标的 <code>Tooltip</code> 相关参数",
    "TemplateTitle": "Custom Column Template",
    "TemplateIntro": "By specifying <code>Template</code> set the last column to display as a custom button",
    "AutoGenerateColumnsTitle": "Auto Generate Columns",
    "AutoGenerateColumnsIntro": "By specifying the <code>AutoGenerateColumns</code> property value as <code>true</code>, enable the function of automatically generating column information based on the binding model",
    "AutoGenerateColumnsP1": "In this example, by setting the value of <code>AutoGenerateColumns</code> to <code>true</code>, the automatic column generation function is enabled. All attributes of the bound model entity class are all generated by default. code>AutoGenerateColumnAttribute</code> tag class for function settings, such as: ",
    "AutoGenerateColumnsLi1": "<code>Ignore</code> means ignore this property, i.e. not generate",
    "AutoGenerateColumnsLi2": "<code>Readonly</code> means read only",
    "AutoGenerateColumnsLi3": "For more attributes, see <a href=\"{0}/blob/master/src/BootstrapBlazor/Attributes/AutoGenerateColumnAttribute.cs\" target=\"_blank\" >Source code</a>",
    "AutoGenerateColumnsP2": " In this example the <code>date</code> column is formatted through the <code>[AutoGenerateColumn(Order = 1, FormatString = \"yyyy-MM-dd\")]</code> tag; Set the template column in the code to customize the <code>Complete</code> column and use the <code>Switch</code> component to render; through the <code>[AutoGenerateColumn(Order = 10)]</code> tag in the <code>Order</code> set the display order",
    "OnColumnCreatingTitle": "Set current column properties",
    "OnColumnCreatingIntro": "By specifying <code>OnColumnCreating</code> callback, make secondary data changes to the column collection",
    "OnColumnCreatingP1": "Existing columns can be extended through the parameters in the <code>OnColumnCreating</code> callback method:",
    "OnColumnCreatingP2": "You can also implement some special functions according to your own business logic; in this example, the <code>Name</code> column is set to <code>read-only</code> through the callback function",
    "OnColumnCreatingLi1": "Remove the display of some columns according to business logic",
    "OnColumnCreatingLi2": "Render components to specific columns according to business logic and assign values ​​to <code>ComponentType</code> <code>ComponentParameters</code>",
    "AdvanceTitle": "Practical Example",
    "AdvanceIntro": "Custom rendering of columns by showing template <code>Template</code>",
    "CustomerButtonTitle": "Custom button processing method",
    "CustomerButtonContent": "The button processing logic is distinguished by different functions. The parameter Items is the selected row data collection in the Table component, and the currently selected data is {0}",
    "OnRowButtonClickContent": "The button processing logic is distinguished by different functions, and the parameter Item is the current row data",
    "ResetVisibleColumnsDesc": "Call the instancel method <code>ResetVisibleColumns</code> of <code>Table</code> for set the multiple columns visible value",
    "ResetVisibleColumnsButtonText": "Set Columns"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesEdit": {
    "H1": "Table",
    "H2": "Commonly used in single table maintenance, simple addition, deletion, modification, search, sorting, filtering, search and other common functions can be realized through attribute configuration, and very complex business requirements can be realized through advanced usage of <code>Template</code>",
    "P1": "Tables with single table maintenance",
    "P2": "Set <code>ShowSearch</code> to show the query component",
    "P3": "In this example, the right alignment of <code>Count</code> is set, the <code>Complete</code> column is set to center alignment, and the Boolean column is automatically rendered as a <code>Switch</code> component",
    "P4": "Cannot be empty, within 50 characters",
    "P5": "Automatically generate tables for single table maintenance function",
    "P6": "When the <code>OnAddAsync</code> or <code>OnSaveAsync</code> callback delegate method is set, if the <code>EditTemplate</code> is not set to edit the template, the component will try to automatically generate the form maintenance UI",
    "P7": "Client-side validation can be achieved by setting validation tags such as <code>[Required]</code> of the <code>Foo</code> attribute of the class instance <code>Foo</code> of the generic constraint of <code>TItem</code>",
    "P8": "When the data binding type is a nullable type, it is automatically allowed to be null, such as the date binding column is of type <code>DateTime?</code>",
    "P9": "When the data binding type is a numerical type, for example, if the quantity binding column is of type <code>int</code>, numerical verification is performed automatically",
    "P10": "Some data columns presented in the table are calculated results. This type of column cannot be edited. By setting <code>Editable=false</code> to automatically generate the editing UI, the editing component of this column will not be generated, such as In this example, the <code>Count</code> column does not appear in the edit popup",
    "P11": "By setting <code>Readonly=true</code> to automatically generate editing UI, this field will be read-only, please assign the default value to <code>Model</code> when creating a new one",
    "P12": "Make the extension buttons appear in front of the row by setting <code>IsExtendButtonsInRowHeader=true</code>",
    "P13": "Make the edit popup draggable by setting <code>EditDialogDraggable='true'</code>",
    "P14": "Custom column editing template",
    "P15": "When the <code>EditTemplate</code> of the column is set, the component automatically generates the form maintenance UI using this template as the rendered UI",
    "P16": "Use the drop-down box to select the name when custom editing by setting the <code>EditTemplate</code> of the name column",
    "P17": "In this example, <code>Name</code> is listed as a custom component <code>TableNameDrop</code>, which defaults to <code>please select ...</code> when creating a new one",
    "P18": "set edit mode",
    "P19": "By setting the <code>EditMode</code> property of the table, set the component to edit the row data in the pop-up window or edit the data in the row",
    "P20": "<code>EditMode</code> is an enumeration type and its values ​​are: <code>Popup</code> <code>EditForm</code> <code>InCell</code> Its default value is <code>Popup</code> pop-up window to edit row data",
    "P21": "In this example, the data source <code>Items</code> is set as two-way binding, which is especially suitable for parent-child table entry. You can directly use the data source when saving.",
    "P22": "<code>EditForm</code> Pattern example",
    "P23": "Add test data window",
    "P24": "Edit Test Data Window",
    "P25": "<code>InCell</code> Pattern example",
    "P26": "Using the inject data service",
    "P27": "When the data operation callback method is not provided, the component automatically finds the registered data service to add, delete, modify and check the data.",
    "P28": "The database operations of adding, deleting, modifying and checking are performed by registering the data service without assigning the following callback delegates. The priority level is that the callback method is called first if there is a callback method.",
    "P29": "Startup file injects data service",
    "P30": "Implementation principle and usage introduction",
    "P31": "custom data service",
    "P32": "After enabling the use of the injected data service, you can set the component individually by setting the <code>DataServices</code> parameter, if the instance provided by the internal use of the injected service is not set",
    "P33": "Use custom data services",
    "P34": "By setting the <code>DataService</code> attribute of the table, use an independent data service to add, delete, modify and check data",
    "P35": "custom data service",
    "P36": "After enabling the use of the injected data service, you can set the component individually by setting the <code>DataServices</code> parameter, if the instance provided by the internal use of the injected service is not set",
    "P37": "In this example, by setting the <code>EditDialogShowMaximizeButton</code> parameter, the <b>Maximize</b> button is displayed in the edit pop-up window",
    "FooterTemplateTitle": "Custom button in EditDialog footer",
    "FooterTemplateIntro": "Set <code>EditFooterTemplate</code> custom button in <code>EditDialog</code> <code>Footer</code>",
    "FooterTemplateDesc": "Click the Edit button in the table to pop up the Edit pop-up window. The buttons in the pop-up window <code>Footer</code> are user-defined buttons. In order to keep the functions of the original <b>Close</b> and <b>Save</b> buttons while facilitating the second opening, two corresponding components <code>DialogCloseButton</code> <code>DialogSaveButton</code> These two buttons do not need to write the click related processing methods"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesVirtualization": {
    "TablesVirtualizationTitle": "Table virtual scroll row",
    "TablesVirtualizationDescription": "When the Table component displays large data, it usually uses paging to load data. There is also a virtual row technology similar to the automatic loading of data in the background when the mobile phone scrolls to the bottom.",
    "VirtualizationNormalTitle": "Normal use",
    "VirtualizationNormalIntro": "Background on-demand loading when scrolling data without paging",
    "VirtualizationNormalDescription": "Need to set <code>ScrollMode</code> <code>Height</code> <code>RowHeight</code> <code>PageItems</code> parameters to set virtual scrolling",
    "VirtualizationDynamicTitle": "Get data dynamically",
    "VirtualizationDynamicIntro": "Background on-demand loading when scrolling data without paging",
    "VirtMultiSelectsualizationDynamicDescription": "Display row placeholders when scrolling quickly to improve user experience"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesLoading": {
    "H1": "Display data loading function",
    "H2": "When calling the remote data interface, there may be a delay due to network reasons, you can use the display loading function to shield",
    "P1": "Basic usage",
    "P2": "Just set <code>ShowLoading</code>",
    "P3": "Skeleton screen",
    "P4": "Set <code>ShowSkeleton</code> to",
    "P5": "Turn off loading animation",
    "P6": "Just set <code>ShowLoadingInFirstRender</code>"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesTree": {
    "H1": "Table tree data display",
    "H2": "The table supports the display of tree data",
    "P1": "Control whether it is tree data through the <code>IsTree</code> parameter",
    "P2": "Tree-structure conversion of datasets through <code>TreeNodeConverter</code>",
    "P3": "Set <code>TableTreeNode</code> its <code>IsExpand</code> parameter to control whether the current child node is expanded",
    "P4": "When clicking the child item expansion arrow, the child item data is obtained through the <code>OnTreeExpand</code> callback delegate method",
    "P5": "Maintain line state fallback mechanism, <code>ModelEqualityComparer</code> <code>CustomKeyAttribute</code> <code>IEqualityComparer&lt;TItem&gt;</code> <code>Equals</code> overloaded method",
    "P6": "Step 1: Set <code>IsTree</code> to <code>true</code>",
    "P7": "Step 2: Set <code>Items</code> or <code>OnQueryAsync</code> to get component data collection",
    "P8": "Step 3: Set <code>TreeNodeConverter</code> to convert the component data collection into a tree structure",
    "P9": "Step 4: Set the <code>OnTreeExpand</code> callback delegate to expand the response line to get the child item data set",
    "P10": "tree data display",
    "P11": "Open the tree table by setting <code>IsTree</code>",
    "P12": "Hierarchical indentation",
    "P13": "Control the indent width of each layer by setting <code>IndentSize</code> .",
    "P14": "The default level indent width is <code>16px</code> by setting <code>Indent</code> to change the indent width",
    "P15": "In this example change the indent width to <code>8px</code>",
    "P16": "Tree data with single table maintenance",
    "P17": "Realize simple addition, deletion, modification and checking functions.",
    "P18": "icon",
    "P19": "Change the little arrow icon that indicates by setting <code>TreeIcon</code>",
    "P20": "The default level indent width is <code>16px</code> by setting <code>Indent</code> to change the indent width",
    "P21": "In this example change the indent width to <code>8px</code>"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesWrap": {
    "H1": "Table wrapping example",
    "H2": "When the content of the header or the cell in the row is too long, the effect of omitting, wrapping, etc. can be realized by changing the style",
    "P1": "<b>Note:</b>Because the <code>Table</code> component has realized the function of adapting to the mobile terminal, this demo needs to be viewed on the computer side",
    "P2": "Example of super long header",
    "P3": "In some special cases, the header may be relatively long, and the header needs to be controlled within a fixed width. When the mouse moves over the header, <code>Tooltip</code> is displayed to display the complete header information.",
    "P4": "You can drag the window size, and the horizontal scroll bar will automatically appear when the window is too small",
    "P5": "I'm a super long schedule head",
    "P6": "I am a super long name header",
    "P7": "I am a super long address header",
    "P8": "The header is too long to wrap",
    "P9": "Wrap the super long header by setting <code>HeaderTextWrap</code>",
    "P10": "You can drag the window size. When the window is too small, the horizontal scroll bar will automatically appear, and the header will automatically wrap.",
    "P11": "I'm a super long schedule head",
    "P12": "I am a super long name header",
    "P13": "I am a super long address header",
    "P14": "Example of extra-long wrapping of cell data",
    "P15": "In some special cases, the cell content may be long and need to be wrapped",
    "P16": "You can drag the window size, the <b>address</b> column will be automatically wrapped when the window is too small",
    "P17": "Enable word wrapping by setting <code>TextWrap</code>",
    "P18": "<b>Note:</b> It is recommended to use <code>Width</code> to set the column width",
    "P19": "Time",
    "P20": "Name",
    "P21": "Address",
    "P22": "Example of over-length omission of cell data",
    "P23": "In some special cases, the content of the cell may be relatively long, and it needs to be omitted.",
    "P24": "You can drag the window size, and the <b>address</b> column will be automatically omitted if the window is too small",
    "P25": "Enable text ellipsis by setting <code>TextEllipsis</code>",
    "P26": "<b>Note:</b> It is recommended to use <code>Width</code> to set the column width. If the column width is not set, it will automatically use 200px width inside",
    "P27": "After the text in the cell is omitted, you can use the <code>ShowTips</code> property to control whether to display all the text on mouse hover, the default is <code>false</code>",
    "P28": "Drag the address column, the cell display content will automatically increase and decrease",
    "P29": "time",
    "P30": "Name",
    "P31": "Address",
    "P32": "Custom in-cell typography",
    "P33": "Use templates for special layout of in-cell data",
    "P34": "time",
    "P35": "Name",
    "P36": "Address",
    "P37": "state",
    "P38": "time"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesTracking": {
    "H1": "Table table",
    "H2": "Applicable to application scenarios where parent and child tables are submitted together",
    "P1": "tracking mode",
    "P2": "Set <code>IsTracking</code> with <code>Items</code> without setting <code>OnSaveAsync</code> and other callback methods",
    "P3": "The prompt information of the <b>Save</b> <b>Delete</b> button can be turned off by setting <code>ShowToastAfterSaveOrDeleteModel='false'</code>",
    "P4": "All data editing in this mode edits the original data and updates the data source through <code>bind-Items</code>, so no <b>Cancel</b> button is provided"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesFooter": {
    "H1": "Table Footer",
    "H2": "For statistics",
    "P1": "Statistics example",
    "P2": "Set <code>ShowFooter=true</code> to show <code>Footer</code> custom total function",
    "P3": "The <code>Table</code> component has a <code>TableFooter</code> template whose data context is the data collection of the <code>Table</code> component <code>IEnumerable&lt;TItem&gt;</code>",
    "P4": "The associated context in the <code>TableFooter</code> template <code>context</code> is the current page data collection",
    "P5": "The content of the cell <code>td</code> can be customized in the <code>TableFooter</code> template, or the built-in <code>TableFooterCell</code> component can be used for data display",
    "P6": "Total:",
    "P7": "Footer template",
    "P8": "Set <code>FooterTemplate</code> to customize the content displayed at the bottom of the table",
    "P9": "<code>Footer</code> is displayed by default when there is no data. You can hide <code>Footer</code> by setting the <code>@nameof(Table<Foo>.IsHideFooterWhenNoData)</code> parameter",
    "P10": "Here you can write some descriptive sentences",
    "P11": "Total:"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesAutoRefresh": {
    "TablesAutoRefreshTitle": "Auto Refresh table",
    "TablesAutoRefreshDescription": "In a certain application scenario, the change of the data source needs to refresh the table component",
    "TablesAutoRefreshNormalTitle": "Auto Refresh",
    "TablesAutoRefreshNormalIntro": "This example demonstrates monitoring the data source in a background thread, and notifies the table component to refresh the data when the data source changes",
    "TablesAutoRefreshNormalTips1": "The auto refresh function is enabled by setting the value of the <code>IsAutoRefresh</code> property. The default value of the <code>AutoRefreshInterval</code> property is 2000 milliseconds, which is the auto refresh interval, and the component's <code>QueryAsync is called periodically. The </code> method makes the table auto-refresh",
    "TablesAutoRefreshNormalTips2": "In this example, a new piece of data is added every 2 seconds and a maximum of 10 pieces of data are maintained",
    "TablesAutoRefreshControlTitle": "Control whether to update automatically by setting a variable",
    "TablesAutoRefreshControlIntro": "This example controls whether to automatically update by setting a variable"
  },
  "BootstrapBlazor.Shared.Demos.Table.AutoRefresh.TablesAutoRefreshControl": {
    "TablesAutoRefreshControlDescription": "Enable/disable automatic update function by clicking the button",
    "TablesAutoRefreshControlToggleAuto": "Change Auto",
    "TablesAutoRefreshControlIsAutoRefresh": "The current value"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesSelection": {
    "H1": "Table Selection",
    "H2": "Set the table row state by setting <code>SelectedRows</code>, and set the highlight by selecting the style",
    "P1": "Set row selection function",
    "P2": "Defaults to the selected state when the table is initialized by setting the <code>SelectedRows</code> property collection",
    "P3": "Maintain line state fallback mechanism, <code>ModelEqualityComparer</code> <code>CustomKeyAttribute</code> <code>IEqualityComparer&lt;TItem&gt;</code> <code>Equals</code> overloaded method",
    "P4": "selected row record",
    "P5": "clear selection"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesExcel": {
    "H1": "Table Excel",
    "H2": "Commonly used for large data sheet maintenance",
    "P1": "binding collection",
    "P2": "Get data collection through <code>OnQueryAsync</code> callback",
    "P3": "When using the <code>List&lt;TItem&gt;</code> generic collection as a data source, you need to follow the steps below to set",
    "P4": "1. Set the data source",
    "P5": "Set the <code>Items</code> property of the <code>Table</code> component or the <code>OnQueryAsync</code> callback delegate method",
    "P6": "2. Handle the new logic",
    "P7": "Set the <code>OnAddAsync</code> callback delegate function to handle the <b>New</b> logic",
    "P8": "The code here is sample code",
    "P8A": "custom address",
    "P9": "output log information",
    "P10": "Collection value change notification column",
    "P11": "Type",
    "P12": "3. Handle delete logic",
    "P13": "Set the <code>OnDeleteAsync</code> callback delegate function to handle the <b>delete</b> logic",
    "P14": "The code here is sample code",
    "P15": "output log information",
    "P16": "Collection value change notification column",
    "P17": "Type",
    "P18": "4. Handle the update logic",
    "P19": "Set the <code>OnSaveAsync</code> callback delegate function to handle the cell <b>update</b> logic",
    "P20": "After all cells in the component are edited and updated, the <code>OnSaveAsync</code> callback delegate will be automatically triggered, and the parameter is the current update model <code>TItem</code>",
    "P21": "The code here is sample code",
    "P22": "Cell Change Notification Class: Foo",
    "P23": "value: cell",
    "P24": "Individually control how cells are rendered by editing the template",
    "P25": "Advanced usage",
    "P26": "<code>IsFixedHeader</code> fixed header height is set to <code>Height='500px'</code>",
    "P27": "<code>Name</code> is not editable display avatar"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesDynamicExcel": {
    "H1": "Excel-DataTable",
    "H2": "Commonly used for large data sheet maintenance",
    "P1": "Excel mode",
    "P2": "Make the component render like <code>Excel</code> by setting the table's <code>IsExcel</code> property",
    "P3": "When the binding is <b>dynamic type</b> in <code>Excel</code> mode, <code>TableColumn</code> cannot be used to set column properties. In this example, <code>DynamicContext</ is used code> Instance object <code>DataTableDynamicContext</code> constructor to set",
    "P4": "Enum type",
    "P5": "Set the column <code>Items</code> value, and render the enum type into a <code>Select</code> component",
    "P6": "not set",
    "P7": "Use the above code to render the <code>Education</code> column using the <code>Select</code> component",
    "P8": "Keyboard Support",
    "P9": "This example is used to test keyboard support in <code>Excel</code> mode",
    "P10": "Currently supported",
    "P11": "After the <code>IsExcel</code> mode is enabled, some parameters will no longer take effect, and the zebra <code>IsStriped</code> tree table <code>IsTree</code> has more detail lines <code>IsDetails</code> Select column <code>IsMultipleSelect</code>",
    "P12": "When using <code>DatTable</code> as the data source, you need to follow the steps below to set",
    "P13": "1. Set the data source context",
    "P14": "Set the <code>TItem</code> property of the <code>Table</code> component to <code>DynamicObject</code>",
    "P15": "Set the <code>DynamicContext</code> property of the <code>Table</code> component to the <code>DataTableDynamicContext</code> instance",
    "P16": "Set the Enum type to render to Select",
    "P17": "Convert enum to List",
    "P18": "2. Handle <code>DataRow</code> change logic",
    "P19": "Set the <code>OnChanged</code> callback delegate function to handle the <b>New/Delete</b> logic",
    "P20": "output log information",
    "P21": "3. Handle <code>DataCell</code> change logic",
    "P22": "Set the <code>OnValueChanged</code> callback delegate function to handle the cell <b>update</b> logic",
    "P23": "Get built-in OnValueChanged callback",
    "P24": "Invoke internally provided methods",
    "P25": "The internal method updates the original data source DataTable",
    "P26": "output log information"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesExport": {
    "H1": "Table Export",
    "H2": "By setting <code>ShowExportButton</code> to display the export button, the component has built-in export Excel function",
    "P1": "The export function provides an export callback method <code>OnExportAsync</code>, which can be used to export data by providing a custom export method. If no data export method is provided, the component will export data according to the injected export service",
    "P7": "inject service",
    "P8": "Add BootstrapBlazor component",
    "P9": "Add Table Excel export service",
    "P11": "Table export function",
    "P12": "Whether to display the export button by setting the <code>ShowExportButton</code> property, the default is <code>false</code>",
    "P13": "Custom export method",
    "P14": "You can customize the export method by setting the <code>OnExportAsync</code> callback delegate method. If you don't set it, the built-in export function of the component will be used.",
    "P15": "Custom export dropdown button",
    "P16": "Customize the content of the export button dropdown box by setting the <code>ExportButtonDropdownTemplate</code> template"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesToolbar": {
    "H1": "Table",
    "H2": "It is used to display multiple pieces of data with similar structure, and the data can be sorted, filtered, compared or other custom operations.",
    "P1": "Table with Toolbar",
    "P2": "Set <code>ShowToolbar</code> to show the toolbar component",
    "P3": "Form with query",
    "P4": "Set <code>ShowSearch</code> to show the query component",
    "P5": "In this example, the <b>View</b> button is displayed by setting <code>ShowCardView</code> to switch the rendering mode of the <code>Table</code> component",
    "P6": "Custom extension button",
    "P7": "Set the <code>TableToolbarTemplate</code> template to add custom extension buttons",
    "P8": "In this example, a classic application scenario is implemented",
    "P9": "Click the download button to open the download thread in the background for data processing, <code>disable</code> download button",
    "P10": "A progress bar is displayed in the foreground, and it is being packaged and exported. During this period, other transactions can be processed.",
    "P11": "After the data processing is completed, close the foreground prompt pop-up window, <code>restore</code> download button",
    "P12": "In this example, by setting the <code>IsAsync</code> property of the <code>TableToolbarButton</code> button to enable <b>asynchronous operation mode</b>, please note that <code>OnClickCallback</code> needs to be in the callback delegate Use true <b>async operations</b> otherwise no effect",
    "P13": "Download 1",
    "P14": "Download 2",
    "P15": "Custom display function buttons",
    "P16": "By setting the <code>ShowAddButton</code> <code>ShowEditButton</code> <code>ShowDeleteButton</code> attribute value to control whether the individual function button is displayed, when <code>ShowDefaultButtons</code> is set to <code> When false</code>, all buttons are not displayed"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesCell": {
    "TablesCellTitle": "Table Cell",
    "TablesCellDescription": "Cell related operation example",
    "TableCellMergeCellTitle": "Merge Cells",
    "TableCellMergeCellIntro": "Basic table display usage",
    "TableCellMergeCellTip": "In this example, by setting the <code>OnCellRenderHandler</code> callback delegate, the cell merge operation is performed on the two columns <code>Name</code> and <code>Address</code> through the judgment condition, And set the background color of the merged cell by setting the <code>TableCellArgs</code> attribute <code>Class</code> value to <code>cell-demo</code> style sheet name",
    "TableCellOnDoubleClickCellTitle": "Double-click cell",
    "TableCellOnDoubleClickCellIntro": "Set the double-click event of the current cell by setting the <code>OnDoubleClickColumn</code> callback",
    "TableCellOnDoubleClickCellTip": "After setting the double-click cell callback, a subscript horizontal line appears in the cell after the mouse hovers over the cell, as a reminder, which can be overridden by the <code>.table-cell .is-dbcell</code> style",
    "RowAttr": "The current cell row data, please convert it into a binding model",
    "ColumnNameAttr": "Current cell binding column name",
    "ColspanAttr": "Number of merged cells",
    "ClassAttr": "Current cell style",
    "ValueAttr": "Current cell display content"
  },
  "BootstrapBlazor.Shared.Demos.Table.Cell.TableCellOnDoubleClickCell": {
    "TableCellOnDoubleClickCellToastTitle": "Double-click cell callback",
    "TableCellOnDoubleClickCellCurrentCellName": "Current cell name:",
    "TableCellOnDoubleClickCellCurrentValue": "Current Value:"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesLookup": {
    "TablesLookupTitle": "Table Lookup",
    "TablesLookupDescription": "Used to automatically convert foreign key columns to <code>Text</code> display text",
    "TableLookupNormalTitle": "Lookup external data source",
    "TableLookupNormalIntro": "Auto-translate display text by setting <code>Lookup</code>",
    "TableLookupNormalTips1": "In this example, by setting the <code>Lookup</code> value of the <code>Complete</code> column to the value",
    "TableLookupNormalTips2": "The component automatically converts <code>Complete</code> to a preset in the <code>DataSource</code> collection",
    "TableLookupNormalTips3": "In this example, the <code>ILookupService</code> service is used for unified processing, and the <code>Lookup</code> data collection is obtained from the service by setting the <code>LookupServiceKey</code> value"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesRow": {
    "Title": "Table Row",
    "Desc": "Used to display multiple pieces of data with similar structures, data can be sorted, filtered, compared or other custom operations.",
    "RowNubmerTitle": "Show row numbers",
    "RowNubmerIntro": "By setting the <code>ShowLineNo</code> property to <code>true</code>, the table displays the row number, the default value is <code>false</code>",
    "RowNumberP": "Set the <code>LineNoText</code> property value to set the line number column header display text, the default is <code>line number</code>",
    "RowNumberText": "Number",
    "ClickToSelectTitle": "Click the cell to select the entire row effect",
    "ClickToSelectIntro": "By setting the <code>ClickToSelect</code> property value, you can click any cell to select the entire row, and the selected row style is set to <code>active</code>",
    "ClickToSelectP": "You can set the <code>OnClickRowCallback</code> callback delegate method to handle the clicked row accordingly. After clicking any row in the table, the <code>Name</code> value of the bound data of the selected row will be displayed below",
    "ClickToSelectP2": "Note: UI rendering is not performed inside this callback delegate. When UI data update operation is required, please manually and explicitly call the <code>StateHasChanged</code> method",
    "ClickToSelectP3": "Currently selected row:",
    "ClickToSelectNoneText": "None",
    "DoubleClickToEditTitle": "DoubleClickToEditTitle",
    "DoubleClickToEditIntro": "By setting the <code>DoubleClickToEdit</code> attribute value, you can double-click any cell to edit the current row. This function is only available if the <code>Edit</code> function is available",
    "DoubleClickToEditP": "The mobile terminal (CardView) mode temporarily does not support double-click to edit the current row function",
    "DoubleClickToEditP1": "The multi-select mode also supports the double-click editing function. If you set the <code>ClickToSelect</code> click selection effect, the double-click editing function will cause the row selection state to be alternately selected. Please set <code>ClickToSelect=false. </code> Disable this feature",
    "PlaceHolder": "Cannot be empty, within 50 characters",
    "DoubleClickRowCallbackTitle": "Custom row double click event",
    "DoubleClickRowCallbackIntro": "This function is only valid in the <code>Table</code> component single-selection mode. By setting the <code>DoubleClickRowCallback</code> attribute value, you can double-click any cell to customize the callback delegate method and realize your own the required function",
    "DoubleClickRowCallbackP": "The mobile terminal (CardView) mode temporarily does not support double-click editing of the current row function",
    "SetRowClassFormatterTitle": "Custom row highlighting",
    "SetRowClassFormatterIntro": "By setting the <code>SetRowClassFormatter</code> attribute value, you can set the row style through the row data logic, and realize the function of your own highlighting requirements",
    "SetRowClassFormatterP": "In this example, the <code>SetRowClassFormatter</code> method will highlight the row by judging the <code>Count > 60</code> of the bound data"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesDynamic": {
    "Title": "Table Dynamic",
    "Desc": "Supports dynamically adding columns",
    "DataTableTitle": "Common usage",
    "DataTableIntro": "Only show <code>DataTable</code> data",
    "EditTitle": "Edit function",
    "EditIntro": "Add editing and maintenance functions",
    "EditP": "By setting the <code>OnChanged</code> callback method of the <code>DataTableDynamicContext</code> instance, the value is automatically set when a new row is created",
    "DynamicColTitle": "Dynamic Column",
    "DynamicColIntro": "Dynamic adjustment of the <code>DataTable</code> table component automatically updates via code",
    "DataTablePageTitle": "Pagination",
    "DataTablePageIntro": "Use <code>Pagination</code> component"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesSearch": {
    "Title": "Table Search",
    "Desc": "Commonly used for single table maintenance, simple addition, deletion, modification, search, sorting, filtering, search and other common functions can be realized through attribute configuration, and very complex can be realized through the advanced usage of <code>Template</code> business needs functions",
    "SearchTableTips": "The search function of the <code>Table</code> component provides two modes, which can be set through <code>SearchMode</code>. The default is <code>Popup</code>, which is the popup mode. In the <b>Top</b> mode, the search bar will be built into the top of the table. In this mode, the <b>Refresh</b> button and the <b>Search</b> button are combined into one, you can set the <code> ShowSearchButton=false</code> close the search button",
    "SearchTableTitle": "Table with search function",
    "SearchTableIntro": "Set <code>ShowSearch</code> to display the query component, customize the search UI by setting the <code>SearchTemplate</code> template",
    "SearchTableLi1": "Enable no data display function by setting <code>ShowEmpty=\"true\"</code>",
    "SearchTableLi2": "The <code>EmptyText</code> parameter is used to set the text to be displayed when there is no data, the default is to take the built-in text in the resource file",
    "SearchTableLi3": "<code>EmptyTemplate</code> parameter is used to customize no data display template",
    "AddModelTitle": "Add Test Data Window",
    "EditModelTitle": "Edit Test Data Window",
    "SearchTableGroupBoxText": "Search Criteria",
    "NamePlaceholder": "Please enter your name within 50 characters",
    "AddressPlaceholder": "Please enter the address within 500 characters",
    "AutoGenerateSearchTitle": "Auto-generate search function table",
    "AutoGenerateSearchIntro": "When <code>ShowSearch</code> is set, if <code>SearchTemplate</code> is not set when editing template, the component will try to automatically generate search criteria UI",
    "AutoGenerateSearchP": "When the column information is bound, set the <code>Searchable</code> property and set the search criteria to automatically build the UI. You can set the <code>SearchDialogShowMaximizeButton</code> to maximize the search pop-up window display <b>Maximize</b> button",
    "AutoGenerateSearchTips": "<p>When building a search popup window automatically, since each column is set to <code>Searchable</code>, the component will pass <code>SearchText</code> and set <code>Searchable</code> Each column whose value is <code>true</code> automatically builds a search lambda expression, which is obtained through the attribute <code>Searchs</code> of <code>QueryPageOptions</code></p>",
    "AutoGenerateSearchCommnt": "Logical relationship usage",
    "AutoGenerateSearchGroupBoxTitle": "Search function experience area",
    "DisplayText1": "Search Mode",
    "DisplayText2": "Fuzzy Search",
    "DisplayText3": "Display reset",
    "DisplayText4": "Display Search",
    "CustomColSearchTitle": "Custom Column Search Template",
    "CustomColSearchIntro": "When <code>SearchTemplate</code> is set, the component automatically generates the search UI using this template as the rendering UI",
    "CustomColSearchP": "By setting the <code>SearchTemplate</code> of the name column to customize the edit, use the drop-down box to select the name",
    "CustomColSearchP1": "Because it is a search condition, in this example, the drop-down box of the name search column is added. Please select... item",
    "CustomColSearchP2": "The column search template is generated in the search order SearchTemplate -> AutoGenerate first to find out whether the search template is set, and then automatically generated according to the bound field type",
    "CustomColSearchP3": "Set the search bar to show only <b>Advanced Search</b> by setting <code>ShowSearch=\"true\"</code> <code>ShowSearchText=\"false\"</code>",
    "CustomColSearchP4": "Make the search popup draggable by setting <code>SearchDialogDraggable=\"true\"</code>",
    "CustomerSearchModelTitle": "Custom Search Model",
    "CustomerSearchModelIntro": "Set <code>CustomerSearchModel</code> and <code>CustomerSearchTemplate</code> to fully control the search criteria UI",
    "CustomerSearchModelP": "Due to a certain application scenario, our form entity class <code>TItem</code> is not ideal as a search model, for example, we have an attribute that is <code>int</code> or <code> enum</code>, we need a blank condition item of <b>all</b> or <b>please select...</b> as a search condition. It is very difficult to use the default model at this time , you can use the custom search model <code>CustomerSearchModel</code> and <code>CustomerSearchTemplate</code> to customize the control search interface",
    "SelectedItemText": "Please select...",
    "SelectedItemText1": "Name1",
    "SelectedItemText2": "Name2",
    "SelectedItemValue1": "Name1",
    "SelectedItemValue2": "Name2"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesFilter": {
    "Title": "Filter and sort function",
    "Desc": "Filter to quickly find the data you want to see; sort to quickly find or compare data.",
    "DescLi1": "Filters a column of data to specify the column to be filtered by specifying the <code>filterable</code> property of the column",
    "DescLi2": "Sort a column of data, specify the column to be sorted by specifying the <code>Sortable</code> property of the column, change the collation by multiple clicks",
    "FilterableTitle": "Table with filterable data",
    "FilterableIntro": "Set the <code>Filterable</code> property of <code>the TableColumn</code> column to control whether the column header has data filtering enabled",
    "FilterableP": "<code>Filterable</code> currently supports two applications:",
    "FilterableLi1": "The <code>Filters</code> in the query method parameters are filter criteria, and the database can filter the data by itself through this property when querying data",
    "FilterableLi2": "No sense of use, normal query data, no processing is done to filtering, internal processing will be carried out according to <code>Filter</code>",
    "FilterableLi3": "When external filtering has been made, set the <code>Value of the IsFiltered</code> property of the <code>QueryData&lt;TItem&gt;</code> parameter to <code>true</code>",
    "FilterableLi4": "Each column can be set separately, and the filter between columns is <code>And</code> and relationship",
    "FilterableDiv": "This example is <code>of DateTime, string, bool, enum, int type, and</code> the pop-up filter box is also different",
    "FilterableAlert": "To enable filtering, you only need to set the <code>Filterable</code> value of <code>TableColumn</code> to <code>true</code>, no additional code required",
    "FilterTemplateTitle": "Custom Filter Template",
    "FilterTemplateIntro": "Set <code>FilterTemplate</code> template values, customize column filter templates, very suitable for complex types of filter pop-ups",
    "FilterTemplateP": "<code>The FilterTemplate</code> type is <code>RenderFragment</code>: <span>its value is a custom component, and the component must inherit</span> <code>the filterBase</code> In this case, the last column in this case<b>, the Quantity column</b>, uses the <code>custom component by filtering the template CustomerFilter</code> <a href=\"{0}\" target=\"_blank\">[portal] CustomerFilter component source code</a>",
    "ShowFilterHeaderTitle": "Show Filter Header",
    "ShowFilterHeaderIntro": "Show filter header when the <code>ShowFilterHeader</code> property value is <code>set to true</code>",
    "DefaultSortTitle": "Default sort function",
    "DefaultSortIntro": "Default sorts as default when setting the <code>DefaultSort</code> property value to <code>true</code>",
    "DefaultSortLi1": "Set <code>DefaultSort=true</code> to enable the default sort function, when multiple columns set this property, the first column works",
    "DefaultSortLi2": "Set <code>DefaultSortOrder</code> value, set default collation",
    "DefaultSortP": "In this case the default sort is the last column in reverse order",
    "SortListTitle": "Multi-column sort",
    "SortListIntro": "Set <code>the SortList</code> property, use this parameter for multi-column sorting when the table loads",
    "SortListP": "The default collation in this case is: <code>DeteTime desc</code> <code>Address</code>, you don't need to handle the sort logic yourself, the component is already built-in",
    "OnSortTitle": "Dynamic multi-column sorting",
    "OnSortIntro": "Set <code>OnSort</code> Parameters",
    "OnSortP": "When clicking the column header to sort, the component calls the<code> OnSort </code>callback internally, where its return value can be set according to the business logic to achieve dynamic multi-column sorting, in this case, when clicking the <b>time</b> column header for positive order sorting, use <code>DateTime,Count</code>  internally, use<code>DateTime desc, Count desc</code>when Count reverse order",
    "SetFilterInCodeTitle": "Set filters by code",
    "SetFilterInCodeIntro": "Example shows how to set filters through code",
    "SetFilterInCodeButtonText1": "Name contains 01",
    "SetFilterInCodeButtonText2": "Reset All Filter"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesFixedHeader": {
    "Title": "Fixed header function",
    "Desc": "When scrolling data, the header is fixed to facilitate viewing the header information of each column",
    "DescP": " The fixed header of this component adopts the <code>double header</code> method. When there is a common problem, the column is not aligned. Please add some styles according to your actual situation.<br /> ,Please set the width of each column as much as possible to avoid the problem of misalignment of column width",
    "FixedHeaderTitle": "Width adaptive",
    "FixedHeaderIntro": "Set <code>Height=200</code> fixed header",
    "FixedHeaderP": "Example of vertical scroll bar after more data is loaded",
    "FixedHeaderP1": "Please set a column width, allow a column width not set, auto-fill",
    "FixedWidthTitle": "FixedWidth",
    "FixedWidthIntro": "Set the <code>Height=200</code> fixed header, when the displayed data on each page is <code>10</code> rows, the height exceeds the set value <code>200</code>, A vertical scroll bar appears on the Table component",
    "FixedWidthP": "All columns are set to width, and a horizontal scroll bar will automatically appear when the screen is too small",
    "AllowResizingTitle": "Width Adjustable",
    "AllowResizingIntro": "Set the <code>AllowResizing</code> property while fixing the header so that the column width can be adjusted",
    "AllowResizingP": "By setting the <code>Height</code> parameter to fix the header, <br />, by setting <code>AllowResizing </code>, the parameter allows the column width to be adjusted",
    "AutoHeightTitle": "Automatic Height",
    "AutoHeightIntro": "Do not set the <code>Height</code> value to adapt the height through the parent container",
    "AutoHeightP": "In this example, the <code>Table</code> table component cannot set the height because the height may not be known. The parent container may get the height through the style. At this time, the <code>Table</code> component will try to Use adaptive fill to fill the height, this application scenario is the most in actual combat, in this example, the simulated parent height is <code>300px</code>",
    "DialogTitle": "In Dialog",
    "DialogIntro": "<code>Table</code> inside <code>Dialog</code>",
    "DialogDesc": "<p>Tips for using the<code>Table</code> with a fixed header in the <code>Dialog</code>:</p><div>The <code>Dialog</code> should assign values to the<code>Class</code> parameter of <code>DialogOption</code>. In this example, it is set to<code>dialog-table</code>. This operation is to enable us to customize the style to locate the<code>Table</code> component's parent container in the <code>Dialog</code> and set its height, Here you can use the writing method of adaptive height <code>height: calc (100vh - 200px);</code>; When the parent container of a <code>Table</code>component has a height, the component itself will perform adaptive height adaptation through calculation</div>",
    "DialogButtonText": "Dialog"
  },
  "BootstrapBlazor.Shared.Pages.Introduction": {
    "Title": "Introduction",
    "P1": "BootstrapBlazor is an enterprise-level component library based on Bootstrap and Blazor, which can be considered as the Blazor version of the Bootstrap project.",
    "P2": "The dependency is：BootstrapBlazor > Bootstrap > jQuery",
    "P3": "In the latest <a href='template' target='_blank'>Project Template</a> ,the above dependencies are packaged and bundled, which greatly simplifies use",
    "UpdateTitle": "Update Log",
    "UpdateLog": "In order to fix the components <b><code>bugs</code></b>, a small version of the component may be released every day. The second <b><code>Thursday</code></b> every month release <b><code>official version</code></b>",
    "UpdateLogLink": "[Update Log]",
    "LearnTitle": "Learning materials",
    "LearnLi1": "Blazor Official Document",
    "LearnLi2": "Use Blazor WebAssembly and Visual Studio Code to generate web applications",
    "LearnLi3": "What is Blazor",
    "LearnLi4": "Exercise-Configure the development environment",
    "LearnLi5": "Blazor Components",
    "LearnLi6": "Exercise-Add Components",
    "LearnLi7": "Data binding and events",
    "LearnLi8": "Exercise-Data binding and Events",
    "Summarize": "Summarize",
    "ProjectsShow": "Exhibition",
    "P5": "The largest code hosting collaborative development platform in China <b><a href='{0}' target='_blank'>Gitee</a></b> C# The highest star in the sector <a href='{1}' target='_blank'><img src='{2}' alt='star'></a> Works <b><a href='{3}' target='_blank'>Universal background management system BootstrapAdmin</a></b> Ready to use this component to achieve all functions",
    "ShowWebSiteTitle": "Demo Site",
    "GetStarted": "Get Started",
    "QuikStart": "Quick Start",
    "Features": "Features of Components",
    "P6": "The Bootstrap Blazor UI component library provides everything from basic <code>Button</code> components to advanced web-level <code>SmartPage</code> components",
    "Advantage": "Advantage",
    "AdvantageLi1": "No need to write <code>Javascript</code> to use components",
    "AdvantageLi2": "The component supports all <code>html</code> features",
    "AdvantageLi3": "The component supports two-way data binding",
    "AdvantageLi4": "Components support automatic client verification",
    "AdvantageLi5": "Component support combination",
    "Community": "Community"
  },
  "BootstrapBlazor.Shared.Components.QQGroup": {
    "Group": "QQ Group",
    "Status": " Full",
    "Welcome": "Welcome to join the group discussion"
  },
  "BootstrapBlazor.Shared.Components.EventTable": {
    "Title": "Event"
  },
  "BootstrapBlazor.Shared.Samples.HandwrittenPage": {
    "Title": "Handwritten",
    "SubTitle": "Used to save the mobile terminal signature as Base64 encoded string",
    "BaseUsageText": "Basic usage",
    "IntroText1": "Touch device handwritten signature as Base64.",
    "IntroText2": "For desktop browser testing, please use F12 to simulate a touch device.",
    "HandwrittenButtonText": "Signature",
    "SaveButtonText": "Save button text",
    "SaveButtonTextDefaultValue": "Save",
    "ClearButtonText": "Clear the button text",
    "ClearButtonTextDefaultValue": "Clear",
    "Result": "Handwritten signature imgBase64 string",
    "HandwrittenBase64": "Handwritten result callback method"
  },
  "BootstrapBlazor.Shared.Samples.ImageViewers": {
    "ImageViewerTitle": "Image Viewer pictures",
    "ImageViewerDescription": "In container, and retain the native characteristics of the img, to support lazy loading, custom placeholder, load, failure, etc",
    "ImageViewerNormalTitle": "Basic usage",
    "ImageViewerNormalIntro": "Load and display the image files",
    "ImageViewerPlaceHolderTitle": "The placeholder content",
    "ImageViewerPlaceHolderIntro": "Can be set up by the <code>Show Place Holder</code> open placeholder function, by setting the <code>Place Holder Template</code> define placeholder content",
    "ImageViewerPlaceHolderTemplateTitle": "The placeholder template",
    "ImageViewerPlaceHolderTemplateIntro": "Can be set up by the <code>Place Holder Template</code> open placeholder Template function, not set <code>Url</code>  or being loaded displayed when the content of the Template",
    "ImageViewerErrorTemplateTitle": "Load failed",
    "ImageViewerErrorTemplateIntro": "Can be set up by the <code>Error Template</code> open Error Template function, Url parameter <code>Url</code> unable to load images displayed when the content of the Template",
    "ImageViewerPreviewListTitle": "A larger preview",
    "ImageViewerPreviewListIntro": "Can be set up by the <code>Preview List</code> opens a larger Preview of the function",
    "ImageViewersAttrUrl": "Picture Url",
    "ImageViewersAttrAlt": "Native Alt attribute",
    "ImageViewersAttrShowPlaceHolder": "Whether display placeholder for large images added",
    "ImageViewersAttrHandleError": "Error loading fail whether display placeholder",
    "ImageViewersAttrPlaceHolderTemplate": "Placeholder template is not set the Url or being loaded a larger version",
    "ImageViewersAttrErrorTemplate": "The template image path errors",
    "ImageViewersAttrFitMode": "Native object-fit attributes",
    "ImageViewersAttrZIndex": "Native z-the index attribute",
    "ImageViewersAttrPreviewList": "A larger preview link set",
    "ImageViewersAttrOnLoadAsync": "The callback method picture when it is loaded successfully",
    "ImageViewersAttrOnErrorAsync": "Images load failed callback methods"
  },
  "BootstrapBlazor.Shared.Demos.ImageViewer.ImageViewerNormal": {
    "ImageViewerNormalTips1": "<code>object-fit: fill</code> Fill the default drawing picture to fill the whole container, does not guarantee that keep the original proportion",
    "ImageViewerNormalTips2": "<code>object-fit: contain</code> Contains keep original size scaling to ensure the whole image can be appeared in the container, so this parameter may be left blank in the container",
    "ImageViewerNormalTips3": "<code>object-fit: cover</code> Cover to keep the original size scaling, width and height of at least one consistent and containers (size small) so this parameter may let image section area is not visible",
    "ImageViewerNormalTips4": "<code>object-fit: none</code> No keep original size proportion, while maintaining the original size, hidden extra parts",
    "ImageViewerNormalTips5": "<code>object-fit: scale-down</code> To reduce as if, in turn, set the <b>none</b> or <b>contain the</b> is the relatively small size of the ultimate"
  },
  "BootstrapBlazor.Shared.Demos.ImageViewer.ImageViewerPlaceHolder": {
    "ImageViewerPlaceHolderTips1": "Pictures after loading the default browser caches, suggest <KBD>F12</KBD> turn off caching experience this functionality",
    "ImageViewerPlaceHolderDefault": "Default",
    "ImageViewerPlaceHolderCustom": "Custom",
    "ImageViewerPlaceHolderLoading": "Loading ..."
  },
  "BootstrapBlazor.Shared.Demos.ImageViewer.ImageViewerPlaceHolderTemplate": {
    "ImageViewerPlaceHolderTemplateTips1": "Pictures after loading the default browser caches, suggest <KBD>F12</KBD> turn off caching experience this functionality",
    "ImageViewerPlaceHolderTemplateUrl": "Is not set Url",
    "ImageViewerPlaceHolderTemplateplaceholder": "The placeholder template",
    "ImageViewerPlaceHolderTemplateLoadingShow": "When loading show"
  },
  "BootstrapBlazor.Shared.Demos.ImageViewer.ImageViewerErrorTemplate": {
    "ImageViewerErrorTemplateUrlError": "Url The path error",
    "ImageViewerErrorTemplateCustom": "The custom",
    "ImageViewerErrorTemplateLoadFailed": "Load failed"
  },
  "BootstrapBlazor.Shared.Samples.Geolocations": {
    "Title": "Geolocation",
    "BaseUsageText": "Basic usage",
    "IntroText1": "Obtain location information through browser API.",
    "IntroText2": "Click the button to get your coordinates.",
    "IntroText3": "Note: For security reasons, when a web page tries to access location information, the user is notified and asked to grant permission. Be aware that each browser has its own policies and methods for requesting this permission.",
    "GetLocationButtonText": "Get Location",
    "WatchPositionButtonText": "Watch Position",
    "ClearWatchPositionButtonText": "Stop Watch Position",
    "GetLocationResultSuccess": "Call GetLocaltion success",
    "GetLocationResultFailed": "Call GetLocaltion failed",
    "WatchPositionResultSuccess": "Call WatchPosition success",
    "WatchPositionResultFailed": "Call WatchPosition failed",
    "ClearWatchPositionResultSuccess": "Stop watch position success",
    "ClearWatchPositionResultFailed": "Stop watch position failed",
    "Longitude": "Longitude",
    "Latitude": "Latitude",
    "Accuracy": "Accuracy",
    "Altitude": "Altitude",
    "AltitudeAccuracy": "AltitudeAccuracy",
    "Heading": "Heading",
    "Speed": "Speed",
    "LastUpdateTime": "UpdateTime",
    "CurrentDistance": "CurrentDistance",
    "TotalDistance": "TotalDistance"
  },
  "BootstrapBlazor.Shared.Samples.Notifications": {
    "Title": "Notifications",
    "BaseUsageText": "Basic usage",
    "IntroText1": "Notification information through browser API.",
    "IntroText2": "Click the button to notification.",
    "IntroText3": "Note: For security reasons, when a web page tries to access notifications, the user is notified and asked to grant permission.",
    "NotificationButtonText": "Display notification",
    "NotificationSilentButtonText": "Display silent notification",
    "CheckPermissionText": "Check Permission",
    "PermissionText": "Permission",
    "SilentText": "Silent",
    "TitleText": "Title",
    "MessageText": "Message",
    "IconText": "Icon",
    "SoundText": "The audio URL to play when the notification",
    "CheckPermissionResultSuccess": "Check permission success",
    "NotificationResultSuccess": "Call Notification success",
    "BasicUsageTips": "Uses the static class <code>BrowserNotification</code> to call the <code>Dispatch</code> method",
    "ShowNotificationCallbackText": "Show notification callback",
    "GetPermissionCallbackText": "Get permission callback",
    "OnClickText": "Click notification callback method name",
    "TitleSampleText": "You have a new logistics notification",
    "MessageSampleText": "Your package has arrived on Panama South Road, and there are only 3 stops left for distribution."
  },
  "BootstrapBlazor.Shared.Samples.FAIcons": {
    "Title": "Font Awesome Icons",
    "BaseUsageText": "<code> bootstrapblazor </code> uses <code> font awesome 6.1.2 </code> as the built-in icon library. All icons are as follows",
    "SwitchButtonTextOff": "Click to copy",
    "SwitchButtonTextOn": "Show Copy Dialog",
    "P1": "Extending the Component Package by Reference",
    "P2": "After adding the stylesheet file link open icon",
    "P3": "Known Issues",
    "P4": "There is a probability that the icon will be garbled when it is loaded for the first time, because the font library has not been downloaded.",
    "CopiedTooltipText": "Copied"
  },
  "BootstrapBlazor.Shared.Samples.SignaturePads": {
    "BackText": "Back",
    "BaseUsageText": "Basic usage",
    "BaseUsageIntro": "Signature with touch or mouse",
    "ButtonCssStyleText": "Button CSS style",
    "ButtonCssStyleIntro": "Set button css",
    "CustomButtonText": "Custom button text",
    "CustomButtonIntro": "Custom button text",
    "ResponsiveInterfaceText": "Responsive signature interface",
    "ResultBase64Text": "Your signature in base64",
    "ResultText": "Your signature",
    "SignText": "signature",
    "Tips": "Complex signatures will cause a large amount of data to be transmitted, and ssr will show a reload error. The configuration changes the maximum size of a single incoming hub message (default 32KB) to solve this problem. <code> builder.Services.AddServerSideBlazor().AddHubOptions(o => o.MaximumReceiveMessageSize = null); </code> ",
    "TipsResponsive": "When device width is less than 640px (such as mobile phones) automatically topless without borders, the width is less than 500px the button is automatically rotated. Optional transparent background.",
    "Title": "SignaturePad",
    "SignatureText": "Signature",
    "CleanText": "Clean"
  },
  "BootstrapBlazor.Shared.Samples.SpeechWaves": {
    "SpeechWaveTitle": "SpeechWave",
    "H4": "The dynamic plot of the waveform that is displayed when you start acquiring speech",
    "NormalTitle": "Basic usage",
    "NormalIntro": "Displays the waveform plot",
    "ShowUsedTimeTitle": "The length of the display",
    "ShowUsedTimeIntro": "Via <code>ShowUsedTime</code>",
    "ValueTitle": "Parameters control whether it is displayed",
    "ValueIntro": "Use the <code>Show</code> value to control whether the waveform plot is displayed",
    "ValueButtonText1": "Hide",
    "ValueButtonText2": "Display",
    "ShowAttr": "Whether to start",
    "ShowUsedTimeAttr": "Whether to display the duration",
    "OnTimeoutAttr": "Identify the end-of-timeout callback method",
    "TotalTimeSecondAttr": "Speech recognition is set for a total time longer than calling the OnTimeout callback"
  },
  "BootstrapBlazor.Shared.Samples.Reconnectors": {
    "Title": "Reconnector",
    "SubTitle": "Reflect the connection state in the UI (Blazor Server)",
    "ReconnectingTemplateAttr": "Template for attempting to reconnect",
    "ReconnectFailedTemplateAttr": "Template for reconnection failed",
    "ReconnectRejectedTemplateAttr": "Template for reconnection rejected",
    "ReconnectingTemplateText": "attempting to reconnect",
    "ReconnectFailedTemplateText": "reconnection failed",
    "ReconnectRejectedTemplateText": "reconnection rejected",
    "Intro": "The following table describes the <b>CSS</b> classes applied to the <code>components-reconnect-modal</code> element by the Blazor framework.",
    "IntroTitle": "Template",
    "Usage": "Usage",
    "Step1": "1. Add code in <code>_Layout.cshtml</code>",
    "Step2": "2. Add code in <code>App.razor</code>",
    "TableHeader1": "CSS class",
    "TableHeader2": "Indicates",
    "TableRow1": "A lost connection. The client is attempting to reconnect. Show the modal.",
    "TableRow2": "An active connection is re-established to the server. Hide the modal.",
    "TableRow3": "Reconnection failed, probably due to a network failure. To attempt reconnection, call <code>window.Blazor.reconnect()</code> in JavaScript.",
    "TableRow4": "Reconnection rejected. The server was reached but refused the connection, and the user's state on the server is lost. To reload the app, call <code>location.reload()</code> in JavaScript. This connection state may result when:",
    "TableRow5": "<li>A crash in the server-side circuit occurs.</li><li>The client is disconnected long enough for the server to drop the user's state. Instances of the user's components are disposed.</li><li>The server is restarted, or the app's worker process is recycled.</li>",
    "Application": "Application"
  },
  "BootstrapBlazor.Shared.Samples.OnScreenKeyboards": {
    "Title": "On-Screen keyboard",
    "BaseUsageText": "Basic usage",
    "BlockKeyboardTypeAllTitle": "Full Keyboard",
    "BlockKeyboardTypekeyboard": "Keyboard",
    "BlockKeyboardTypeNumpadTitle": "Numpad",
    "BlockKeyboardTypeSpanishTitle": "Spanish keyboard",
    "BlockKeyboardThemeDarkTitle": "Theme dark",
    "BlockSpecialcharactersTitle": "Special characters europe",
    "BlockSpecialcharactersCustomerTitle": "Special characters in customer",
    "BBUsageText": "BootstrapBlazor component",
    "BBUsage2Text": "Bind",
    "Tips": "If the performance is not normal, you can add this css to debug",
    "P5": "<code> .kioskboard-body-padding { padding-top: unset !important;} </code>",
    "P6": "Basic"
  },
  "BootstrapBlazor.Shared.Samples.Bluetooths": {
    "Title": "Bluetooth & Printer",
    "BaseUsageText": "Basic usage",
    "BaseUsageIntro": "After connecting the device, perform operations such as printing, and write the corresponding commands(ESC/POS/CPCL) according to the characteristics of the printer",
    "BaseUsageIntro2": "Click to connect device",
    "ConnectButtonText": "Connect",
    "DisconnectButtonText": "Disconnect",
    "ReconnectButtonText": "Reconnect",
    "PrintButtonText": "Print",
    "Url1": "1. Printer, for printable label/barcode/QR code",
    "Title2": "Bluetooth Heart Rate",
    "GetHeartrateButtonText": "Get heart rate",
    "StopHeartrateButtonText": "Stop heart rate",
    "Url2": "2. Heart Rate",
    "Title3": "Bluetooth Battery Level",
    "GetBatteryLevelButtonText": "Get Battery Level",
    "Url3": "3. Battery Level",
    "Tips": "ServiceUUID, Default <code>0xff00</code><br/>Common Printers ServiceUUID:<br/><code>0000ff00-0000-1000-8000-00805f9b34fb</code><br/><code>e7810a71-73ae-499d-8c15-faa9aef0c3f2</code><br/><code>0000fee7-0000-1000-8000-00805f9b34fb</code><br/>Set up component services UUID : <code>printer.Opt.ServiceUuid=?</code>"
  },
  "BootstrapBlazor.Shared.Samples.FileIcons": {
    "Title": "File Icon",
    "Intro": "The icon show the file extension",
    "BaseUsageTitle": "Base Usage",
    "BaseUsageIntro": "Set the <code>Extension</code> parameter for the file type",
    "ColorTitle": "Color",
    "ColorIntro": "Set <code>IconColor</code> for the file extension badge background color",
    "BackgroundTemplateTitle": "Background Template",
    "BackgroundTemplateIntro": "Set <code>BackgroundTemplate</code> custom the file icon",
    "CustomCssTitle": "Custom css",
    "CustomCssIntro": "Set <code>class</code> parameter set the style for the file icon component",
    "ExtensionAttr": "The extension of file",
    "IconColorAttr": "The backgound color for badge of extension",
    "BackgroundTemplateAttr": "The template for custom the backgroup file"
  },
  "BootstrapBlazor.Shared.Samples.PdfReaders": {
    "Title": "PDF Reader",
    "PdfReaderNomalText": "Basic usage",
    "PdfReaderNomalIntro": "Use Filename parameter displays pdf file from local server, or Stream parameter use file stream for rendering",
    "PdfReaderStreamModeText": "Stream mode",
    "PdfReaderStreamModeIntro": "read remote files by cross-domain",
    "PdfReaderAdvancedText": "Advanced parameters",
    "PdfReaderAdvancedIntro": "Can be use advanced parameters",
    "PdfReaderIssue": "Destructive update reference link: remove pdfoobject",
    "AttributesPdfReaderFilename": "PDF file path (Url or relative path)",
    "AttributesPdfReaderStreamMode": "Use stream mode to read files across domains",
    "AttributesPdfReaderWidth": "Width unit (px/%)",
    "AttributesPdfReaderHeight": "High unit (px/%)",
    "AttributesPdfReaderStyleString": "Component appearance Css Style",
    "AttributesPdfReaderPage": "Page",
    "AttributesPdfReaderPagemode": "Page mode",
    "AttributesPdfReaderZoom": "Zoom mode",
    "AttributesPdfReaderSearch": "Query String",
    "AttributesPdfReaderRefresh": "Refresh Components",
    "AttributesPdfReaderNavigateToPage": "Jump to the specified page number",
    "AttributesPdfReaderRefreshPage": "Refresh and jump to page number",
    "AttributesPdfReaderRefreshComponent": "Refresh component (query keyword, page number, page mode, zoom mode)",
    "AttributesPdfReaderStream": "The file stream used for rendering. If it is empty, the URL parameter is used to read the file",
    "AttributesPdfReaderViewerBase": "Browser page path",
    "AttributesPdfReaderViewerBaseDefaultValue": "built-in",
    "AttributesPdfReaderNavpanes": "Show Navigation Pane",
    "AttributesPdfReaderToolbar": "Show Toolbar",
    "AttributesPdfReaderStatusbar": "show the status bar",
    "AttributesPdfReaderDebug": "Display debugging information"
  },
  "BootstrapBlazor.Shared.Demos.PdfReader.PdfReaderAdvanced": {
    "PdfReaderAdvancedViewMode": "ViewMode",
    "PdfReaderAdvancedPageMode": "PageMode",
    "PdfReaderAdvancedPagePrevious": "PagePrevious",
    "PdfReaderAdvancedPageNext": "PageNext",
    "PdfReaderAdvancedGoToPage": "GoTo",
    "PdfReaderAdvancedRefreshPage": "RefreshPage",
    "PdfReaderAdvancedStreamModeLabel": "StreamMode",
    "PdfReaderAdvancedFilenameLabel": "The file in the wwwroot relative path or url",
    "PdfReaderAdvancedSearchLabel": "Search"
  },
  "BootstrapBlazor.Shared.Samples.VideoPlayers": {
    "Title": "VideoPlayer",
    "BaseUsageText": "Basic usage",
    "BaseUsageIntro": "",
    "BaseUsageText2": "Switch playback resources",
    "BaseUsageIntro2": "Use the Reload method to switch playback resources",
    "Tips": "Silent mode enabled by default, this is the way for autoplay follow the modern browser standards."
  },
  "BootstrapBlazor.Shared.Components.PackageTips": {
    "Tips": "<div class=\"code-label\">Precautions</div><div>This component relies on <a href='https://www.nuget.org/packages?q={0}' target='_blank'><code>{0}</code></a>, which needs to reference its component package when using this component</div><div class=\"code-label mt-2\">Nuget Install</div><div>Use nuget.org to install <a href='https://www.nuget.org/packages?q={0}' target='_blank'><code>{0}</code></a> component</div>"
  },
  "BootstrapBlazor.Shared.Samples.FileViewers": {
    "Title": "FileViewer",
    "BaseUsageText": "Basic usage",
    "BaseUsageIntro": "Excel/Word file path or URL",
    "BaseUsageText2": "Reload file",
    "BaseUsageIntro2": "Using the Reload method",
    "Tips": "Currently supports Excel(.docx) and Word(.xlsx) formats."
  }
}