en-US.json

{
  "BootstrapBlazor.Server.Components.Common.AttributeItem": {
    "DefaultValue": "DefaultValue",
    "Description": "Description",
    "Name": "Parameter",
    "Type": "Type",
    "ValueList": "ValueList"
  },
  "BootstrapBlazor.Server.Components.Common.EventItem": {
    "Description": "Description",
    "Name": "Parameter",
    "Type": "Type"
  },
  "BootstrapBlazor.Server.Components.Common.MethodItem": {
    "Description": "Description",
    "Name": "Parameter",
    "Parameters": "Parameters",
    "ReturnValue": "ReturnValue",
    "Title": "Methods",
    "Type": "Type"
  },
  "BootstrapBlazor.Server.Components.Components.AttributeTable": {
    "Obsolete": "Obsolete",
    "Total": "Total"
  },
  "BootstrapBlazor.Server.Components.Components.BarcodeGenerateSettings": {
    "BarcodeGeneratorGroupBoxText": "Settings"
  },
  "BootstrapBlazor.Server.Components.Components.BlazorReconnector": {
    "ReconnectButton": "Reconnect",
    "ReconnectFailedDescription": "Please confirm that your network is working properly, or press <kbd>F12</kbd> to open <b>Developer tools</b> and check the <b>console</b> for any error output. Please scan the QR code on the left to join the group and contact the administrator",
    "ReconnectFailedTitle": "Failed to connect to server",
    "ReconnectingDescription": "The server is updating to a new version, please wait a moment for service to be available, or press <kbd>F12</kbd> to open <b>Developer tools</b> and check the <b>console</b> for any error output. Please scan the QR code on the left to join the group and contact the administrator",
    "ReconnectingTitle": "Attempting to reconnect to the server",
    "ReconnectRejectedDescription": "All connection attempts have been rejected, which is most likely caused by network or server issues. Please scan the QR code on the left to join the group and contact the administrator",
    "ReconnectRejectedTitle": "Server rejected connection",
    "ReloadButton": "Reload",
    "TemplateLink": "Project Templates",
    "TemplateText": "Project templates are provided for quick start",
    "Title": "Reconnector Component",
    "UILibraryDescription1": "An enterprise-level <b>Blazor UI</b> component library based on <b>Bootstrap</b> styles, supporting both Server and WebAssembly",
    "UILibraryDescription2": "Mobile-responsive, supports all major browsers and mobile devices, compatible with <b>ABP</b>, and supports <b>{0}</b>",
    "UILibraryTitle": "Bootstrap Blazor UI Component Library"
  },
  "BootstrapBlazor.Server.Components.Components.CultureChooser": {
    "Label": "Language："
  },
  "BootstrapBlazor.Server.Components.Components.CustomerFilter": {
    "CustomerFilterItem1": "All",
    "CustomerFilterItem2": "Greater than 10",
    "CustomerFilterItem3": "Greater than 50",
    "CustomerFilterItem4": "Greater than 80"
  },
  "BootstrapBlazor.Server.Components.Components.CustomPopConfirmContent": {
    "CustomPopConfirmContentButtonText": "Approval",
    "CustomPopConfirmContentText": "Custom content"
  },
  "BootstrapBlazor.Server.Components.Components.DemoBlock": {
    "Title": "Not set",
    "TooltipText": "Copied"
  },
  "BootstrapBlazor.Server.Components.Components.DemoTabItem": {
    "ButtonText": "SetTitle",
    "Info": "Reset the title of this <code>TabItem</code> by click the button"
  },
  "BootstrapBlazor.Server.Components.Components.FormInlineSwitch": {
    "Inline": "Inline",
    "Normal": "Normal"
  },
  "BootstrapBlazor.Server.Components.Components.GlobalSearch": {
    "ArrowKeyText": "to Navigate",
    "EmptySearchResultPlaceHolder": "No match searches",
    "EnterKeyText": "to Select",
    "EscKeyText": "to Close",
    "LogoText": "Powered by BootstrapBlazor",
    "SearchingText": "Searching ...",
    "SearchPlaceHolder": "Search",
    "SearchResultPlaceHolder": "Type something to search",
    "SearchResultText": "Found {0} results in {1}ms"
  },
  "BootstrapBlazor.Server.Components.Components.Header": {
    "DownloadText": "Download",
    "FullScreenTooltipText": "Full Screen",
    "HomeText": "Home",
    "IntroductionText": "Documents",
    "TutorialsText": "Tutorials"
  },
  "BootstrapBlazor.Server.Components.Components.PackageTips": {
    "Tips": "<p class=\"code-label\">Precautions</p><p>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</p><p class=\"code-label\">Nuget Install</p><p>Use nuget.org to install <a href='https://www.nuget.org/packages?q={0}' target='_blank'><code>{0}</code></a> component</p>"
  },
  "BootstrapBlazor.Server.Components.Components.Pre": {
    "CopiedText": "Copied",
    "LoadingText": "Loading ...",
    "MinusTooltipTitle": "Minus lines",
    "PlusTooltipTitle": "Plus lines",
    "TooltipTitle": "Copy"
  },
  "BootstrapBlazor.Server.Components.Components.QQGroup": {
    "Group": "QQ Group",
    "Welcome": "Welcome to join the group discussion"
  },
  "BootstrapBlazor.Server.Components.Components.ThemeChooser": {
    "HeaderText": "Themes",
    "Title": "Click to choose theme"
  },
  "BootstrapBlazor.Server.Components.Components.Tips": {
    "Title": "Tips"
  },
  "BootstrapBlazor.Server.Components.Components.UpdateIntro": {
    "B1": "Bootstrap Blazor at present has nearly 200 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.",
    "H1": "Component library updated to",
    "P1": "component updated to",
    "P2": "Change log",
    "P3": "portal",
    "P4": "If the component brings you convenience, please help to light up the project"
  },
  "BootstrapBlazor.Server.Components.Components.Video": {
    "H1": "B station related video link",
    "L1": "[portal]",
    "L2": "No"
  },
  "BootstrapBlazor.Server.Components.Layout.BaseLayout": {
    "CancelText": "Cancel",
    "FlowText": "Workflow",
    "InstallAppText": "Install PWA App",
    "InstallText": "Install"
  },
  "BootstrapBlazor.Server.Components.Layout.ComponentLayout": {
    "IconTheme": "Icon",
    "Title": "Enterprise-level component library based on Bootstrap and Blazor",
    "Video": "Video"
  },
  "BootstrapBlazor.Server.Components.Layout.HomeLayout": {
    "Community": "Community",
    "CommunityLi1": "Contribution guide",
    "CommunityLi2": "Join us",
    "CommunityLi3": "Contact details",
    "Footer": "Gitee Hosting Platform",
    "FooterH1": "Related Works",
    "FooterLi1": "Slider verification code",
    "FriendLink": "Links"
  },
  "BootstrapBlazor.Server.Components.Layout.MainLayout": {
    "ChatTooltip": "Azure OpenAI",
    "UpdateTooltip": "View update log"
  },
  "BootstrapBlazor.Server.Components.Layout.NavMenu": {
    "Affix": "Affix",
    "Ajax": "Ajax",
    "Alert": "Alert",
    "Anchor": "Anchor",
    "AnchorLink": "AnchorLink",
    "AntDesignIcon": "AntDesign Icon",
    "AudioDevice": "IAudioDevice",
    "AutoComplete": "AutoComplete",
    "AutoFill": "AutoFill",
    "AutoRedirect": "Auto Redirect",
    "Avatar": "Avatar",
    "AvatarUpload": "AvatarUpload",
    "AzureOpenAI": "AzureOpenAI",
    "AzureTranslator": "AzureTranslator",
    "Badge": "Badge",
    "BaiduOcr": "IBaiduOcr",
    "BarcodeGenerator": "BarcodeGenerator",
    "BarcodeReader": "BarcodeReader",
    "Block": "Block",
    "Bluetooth": "IBluetooth",
    "BootstrapIcon": "Bootstrap Icons",
    "Breadcrumb": "Breadcrumb",
    "Breakpoints": "Breakpoints",
    "BrowserFinger": "BrowserFingerService",
    "Button": "Button",
    "ButtonUpload": "ButtonUpload",
    "Calendar": "Calendar",
    "Camera": "Camera",
    "Captcha": "Captcha",
    "Card": "Card",
    "CardUpload": "CardUpload",
    "Carousel": "Carousel",
    "Cascader": "Cascader",
    "ChartBar": "Bar",
    "ChartBubble": "Bubble",
    "ChartDoughnut": "Doughnut",
    "ChartLine": "Line",
    "ChartPie": "Pie",
    "Charts": "Chart",
    "ChartSummary": "Introduction",
    "Checkbox": "Checkbox",
    "CheckboxList": "CheckboxList",
    "CherryMarkdown": "Cherry-Markdown",
    "Circle": "Circle",
    "Client": "WebClientService",
    "Clipboard": "Clipboard Service",
    "ClockPicker": "ClockPicker",
    "CodeEditor": "CodeEditor",
    "Collapse": "Collapse",
    "ColorPicker": "ColorPicker",
    "ConnectionService": "ConnectionService",
    "Console": "Console",
    "ContextMenu": "ContextMenu",
    "CountButton": "CountButton",
    "CountUp": "CountUp",
    "DataComponents": "Datas",
    "DataPackageAdapter": "DataPackageAdapter",
    "DateTimePicker": "DateTimePicker",
    "DateTimeRange": "DateTimeRange",
    "DialButton": "DialButton",
    "Dialog": "Dialog",
    "DialogService": "DialogService",
    "Dispatch": "Dispatch",
    "Display": "Display",
    "Divider": "Divider",
    "DockViewColumn": "DockView Column",
    "DockViewComplex": "DockView Complex",
    "DockViewComponents": "DockView",
    "DockViewComponents2": "DockViewV2",
    "DockViewIndex": "DockView Overview",
    "DockViewLayout": "DockView Custom",
    "DockViewLock": "DockView Lock",
    "DockViewNest": "DockView Nest",
    "DockViewRow": "DockView Row",
    "DockViewStack": "DockView Stack",
    "DockViewV2Column": "DockViewV2 Column",
    "DockViewV2Complex": "DockViewV2 Complex",
    "DockViewV2Group": "DockViewV2 Group",
    "DockViewV2Index": "DockViewV2 Overview",
    "DockViewV2Layout": "DockViewV2 Custom",
    "DockViewV2Lock": "DockViewV2 Lock",
    "DockViewV2Nest": "DockViewV2 Nest",
    "DockViewV2Row": "DockViewV2 Row",
    "DockViewV2Title": "DockViewV2 Title",
    "DockViewV2Visible": "DockViewV2 Visible",
    "DockViewVisible": "DockView Visible",
    "Dom2ImageService": "Dom2HtmlService",
    "Download": "Download",
    "DragDrop": "DragDrop",
    "Drawer": "Drawer",
    "DrawerService": "DrawerService",
    "DriverJs": "DriverDotnetJs",
    "Dropdown": "Dropdown",
    "DropdownWidget": "DropdownWidget",
    "DropUpload": "DropUpload",
    "EditDialog": "EditDialog",
    "Editor": "Editor",
    "EditorForm": "EditorForm",
    "ElementIcon": "Element Icon",
    "EmbedPdf": "Embed PDF",
    "Empty": "Empty",
    "ExportPdfButton": "ExportPdfButton",
    "EyeDropper": "EyeDropper Service",
    "FAIcon": "FontAwesome Icons",
    "Festival": "ICalendarFestival",
    "FileIcon": "FileIcon",
    "FileViewer": "FileViewer",
    "FlipClock": "FlipClock",
    "FloatingLabel": "FloatingLabel",
    "FluentSystemIcon": "Fluent Icons",
    "Footer": "Footer",
    "FormsComponents": "Forms",
    "FullScreen": "FullScreen",
    "FullScreenButton": "FullScreenButton",
    "Gantt": "Gantt",
    "Geolocation": "GeoLocationService",
    "GetStarted": "Getting Started",
    "GlobalException": "Global Exception",
    "Globalization": "Globalization",
    "GlobalOption": "Global Option",
    "GoTop": "GoTop",
    "GroupBox": "GroupBox",
    "Handwritten": "HandWritten",
    "HikVision": "HikVisionWebPlugin",
    "Holiday": "ICalendarHoliday",
    "HostMode": "Hosting Models",
    "Html2Image": "IHtml2Image",
    "Html2Pdf": "IHtml2Pdf",
    "HtmlRenderer": "HtmlRenderer",
    "Icon": "Icon",
    "IconPark": "ByteDance IconPark",
    "Icons": "Icons",
    "IFrame": "IFrame",
    "ImageCropper": "ImageCropper",
    "ImageViewer": "ImageViewer",
    "Input": "Input",
    "InputGroup": "InputGroup",
    "InputNumber": "InputNumber",
    "InputUpload": "InputUpload",
    "Install": "Install",
    "IntersectionObserver": "IntersectionObserver",
    "Introduction": "Introduction",
    "Ip": "IpAddress",
    "JSExtension": "JSRuntime Extensions",
    "Labels": "Labels",
    "Layout": "Layout",
    "LayoutComponents": "Layouts",
    "LayoutPage": "Admin Template",
    "Light": "Light",
    "LinkButton": "LinkButton",
    "ListGroup": "ListGroup",
    "ListView": "ListView",
    "Live2DDisplayIntro": "Live2D Widget",
    "Localization": "Localization",
    "Locator": "IpLocatorFactory",
    "Logout": "Logout",
    "Lookup": "ILookupService",
    "Markdown": "Markdown",
    "Marquee": "Marquee",
    "Mask": "MaskService",
    "MaterialIcon": "Material Icons",
    "Meet": "Meet",
    "Menu": "Menu",
    "MenuAccordion": "Accordion",
    "MenuExpandAll": "Expand",
    "Mermaid": "Mermaid",
    "Message": "Message",
    "MindMap": "Mind Map",
    "Modal": "Modal",
    "ModbusComponents": "Modbus Services",
    "ModbusFactory": "IModbusFactory",
    "MouseFollowerIntro": "MouseFollower",
    "MultiSelect": "MultiSelect",
    "Navbar": "Navbar",
    "Navigation": "Nav",
    "NavigationComponents": "Navigations",
    "NetworkMonitor": "Network Monitor",
    "Notification": "NotificationService",
    "NotificationComponents": "Notifications",
    "OctIcon": "Oct Icons",
    "OfficeViewer": "Office Viewer",
    "OnlineText": "Online Users",
    "OnScreenKeyboard": "OnScreenKeyboard",
    "OpcDaService": "OpcDaServer",
    "OtherComponents": "Others",
    "OtpInput": "OtpInput",
    "Pagination": "Pagination",
    "PdfReader": "PDF Reader",
    "PdfViewer": "PDF Viewer",
    "Player": "Player",
    "PopConfirm": "PopConfirmButton",
    "Popover": "Popover",
    "Print": "Print",
    "PrintService": "PrintService",
    "Progress": "Progress",
    "ProjectTemplate": "Template",
    "PulseButton": "PulseButton",
    "QRCode": "QRCode",
    "QueryBuilder": "QueryBuilder",
    "Radio": "Radio",
    "Rate": "Rate",
    "RDKit": "RDKit",
    "Recognizer": "Recognizer",
    "Reconnector": "Reconnector",
    "Repeater": "Repeater",
    "Responsive": "Responsive",
    "RibbonTab": "RibbonTab",
    "Row": "Row",
    "Scroll": "Scroll",
    "Search": "Search",
    "SearchDialog": "SearchDialog",
    "Segmented": "Segmented",
    "Select": "Select",
    "SelectCity": "City Selector",
    "SelectObject": "Select-Object",
    "SelectProvince": "Province Selector",
    "SelectRegion": "Region Selector",
    "SelectTable": "Select-Table",
    "SelectTree": "Select-Tree",
    "SerialPortComponents": "SerialPort Services",
    "SerialPortFactory": "ISerialPortFactory",
    "Services": "Services",
    "ShieldBadge": "ShieldBadge",
    "SignaturePad": "SignaturePad",
    "SiteTitle": "Bootstrap Blazor enterprise-level UI component library",
    "Skeleton": "Skeleton",
    "SlideButton": "SlideButton",
    "Slider": "Slider",
    "SmilesDrawer": "SmilesDrawer",
    "SocketAutoConnect": "Reconnect",
    "SocketAutoReceive": "Auto Receive",
    "SocketComponents": "Socket Services",
    "SocketDataEntity": "DataEntity",
    "SocketManualReceive": "Manual Receive",
    "SortableList": "SortableList",
    "SpeechComponents": "Speech",
    "SpeechIntro": "Introduction",
    "SpeechWave": "SpeechWave",
    "Spinner": "Spinner",
    "Split": "Split",
    "Splitting": "Splitting",
    "Stack": "Stack",
    "Steps": "Step",
    "SvgEditor": "SvgEditor",
    "SweetAlert": "SweetAlert",
    "Switch": "Switch",
    "SwitchButton": "Switch Button",
    "Synthesizer": "Synthesizer",
    "Tab": "Tab",
    "TableAttribute": "Attribute",
    "TableAutoRefresh": "AutoRefresh",
    "TableBase": "Base",
    "TableCell": "Cell",
    "TableColumn": "Column",
    "TableColumnDrag": "Column Dragging",
    "TableColumnList": "Columns Show/Hide",
    "TableColumnResizing": "Column Width",
    "TableColumnTemplate": "Column Template",
    "TableComponents": "Table",
    "TableDetail": "Detail",
    "TableDialog": "Table-Dialog",
    "TableDynamic": "Dynamic",
    "TableDynamicExcel": "Excel-DataTable",
    "TableDynamicObject": "DynamicObject",
    "TableEdit": "Edit",
    "TableExcel": "Excel-Items",
    "TableExport": "Export",
    "TableFilter": "Sort/Filter",
    "TableFixColumn": "FixColumn",
    "TableFixHeader": "FixHeader",
    "TableFooter": "Footer",
    "TableHeaderGroup": "HeaderGroup",
    "TableLoading": "Table-Loading",
    "TableLookup": "Lookup",
    "TablePage": "Pagination",
    "TableRow": "Row",
    "TableSearch": "Search",
    "TableSelection": "Selection",
    "TableToolbar": "Toolbar",
    "TableTracking": "Tracking",
    "TableTree": "Table-Tree",
    "TableVirtualization": "Row Virtualization",
    "TableWrap": "Wrap",
    "Tag": "Tag",
    "TaskDashBoard": "TaskDashBoard",
    "TcpSocketFactory": "ITcpSocketFactory",
    "Terms": "Terminal",
    "Textarea": "Textarea",
    "Theme": "Theme",
    "ThemeProvider": "IThemeProvider",
    "Timeline": "Timeline",
    "TimePicker": "TimePicker",
    "Timer": "Timer",
    "Title": "TitleService",
    "Toast": "Toast",
    "Toggle": "Toggle",
    "Toolbar": "Toolbar",
    "Tooltip": "Tooltip",
    "Topology": "Topology HMI",
    "TotpService": "ITotpService",
    "Transfer": "Transfer",
    "Transition": "Transition",
    "TreeView": "TreeView",
    "Typed": "Typed",
    "UniverIcon": "Univer Icons",
    "UniverSheet": "UniverSheet",
    "Utility": "Utility",
    "ValidateForm": "ValidateForm",
    "Vditor": "Vditor Markdown",
    "VideoDevice": "IVideoDevice",
    "VideoPlayer": "VideoPlayer",
    "Waterfall": "Waterfall",
    "Watermark": "Watermark",
    "WebSerial": "ISerialService",
    "WebSpeech": "Web Speech Api",
    "WinBox": "WinBox",
    "ZIndex": "Layout",
    "ZipArchive": "IZipArchiveService"
  },
  "BootstrapBlazor.Server.Components.Layout.TutorialsNavMenu": {
    "MemorialMode": "Memorial",
    "MFA": "MFA",
    "OnlineSheet": "UniverSheet"
  },
  "BootstrapBlazor.Server.Components.Pages.Breakpoints": {
    "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",
    "Heading": "Breakpoints",
    "Heading1": "Breakpoints are customizable widths that determine how responsive layouts behave in Bootstrap across devices or viewport sizes",
    "Name1": "tiny",
    "Name2": "small",
    "Name3": "medium",
    "Name4": "large",
    "Name5": "oversized",
    "Name6": "extra large",
    "Paragraph1": "Available breakpoints",
    "Paragraph2": "Bootstrap includes six default breakpoints, sometimes called grid layers, for responsive builds",
    "TableHeading1": "Breakpoint name",
    "TableHeading2": "Class suffix",
    "TableHeading3": "Threshold"
  },
  "BootstrapBlazor.Server.Components.Pages.CacheList": {
    "CacheListAction": "Action",
    "CacheListCount": "Total {0} Entry",
    "CacheListDelete": "Delete",
    "CacheListDeleteAll": "Clear",
    "CacheListExpiration": "Expiration",
    "CacheListIntro": "Manage the component library internal cache through the <code>ICacheManager</code> interface method",
    "CacheListKey": "Key",
    "CacheListRefresh": "Refresh",
    "CacheListTitle": "CacheManager",
    "CacheListValue": "Value"
  },
  "BootstrapBlazor.Server.Components.Pages.Chats": {
    "ChatInfo": "Due to the lack of free interfaces in GPT, the number of experiences has been <b>{1}</b> times, and the current number is <b>{0}</b>",
    "ChatNormalIntro": "Chat dialog by calling <code>IAzureOpenAIService</code> service method <code>GetChatCompletionsAsync</code>",
    "ChatNormalTitle": "Azure OpenAI",
    "ChatsDescription": "Azure OpenAI service is a chatbot based on Azure cloud service, which can interact with users through dialogue",
    "ChatsTitle": "Azure OpenAI",
    "ChatUserTitle": "Chat session"
  },
  "BootstrapBlazor.Server.Components.Pages.Globalization": {
    "P1": "Please check <a href='https://learn.microsoft.com/zh-cn/aspnet/core/blazor/globalization-localization?WT.mc_id=DT-MVP-5004174' target='_blank'> before reading the following knowledge points Official document</a>",
    "SubTitle": "ASP.NET Core Blazor Globalization",
    "Title": "Globalization"
  },
  "BootstrapBlazor.Server.Components.Pages.GlobalOption": {
    "SubTitle": "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",
    "Title": "Global exception"
  },
  "BootstrapBlazor.Server.Components.Pages.Index": {
    "Docs": "Read the docs",
    "DonateH1": "Donate",
    "DonateH2": "Scan the code to donate and invite the author to have a cup of coffee",
    "SubTitle": "BootstrapBlazor is an enterprise-grade library that fuses Bootstrap with Blazor, offering developers a powerful toolkit for building responsive and interactive web applications effortlessly.",
    "Support": "Support",
    "Title": "Bootstrap Blazor UI"
  },
  "BootstrapBlazor.Server.Components.Pages.Install": {
    "BootstrapStyle": "// Component styles have been integrated with the latest version of Bootstrap",
    "FontAwesomeCss": "// FontAwesome font icon style Note that you need to reference the BootstrapBlazor.FontAwesome package",
    "InstallDesc": "Getting started with BootstrapBlazor for faster and easier .NET web development.",
    "InstallTitle": "Install",
    "Manual": "Manual Install",
    "ManualDesc": "If you already have a project and want to add <code>BootstrapBlazor</code> to it, either from a default template or a working application.",
    "MotronicDesc": "// Motronic theme optional suggestion to add",
    "OtherText": "Other",
    "Step1": "1. Install Package",
    "Step1Desc": "Install the library through the <code>NuGet</code> Package Manager or with following command",
    "Step2": "2. Add Imports",
    "Step2Desc": "After the package is added, you need to add the following in your <code>_Imports.razor</code>",
    "Step3": "3. Add References",
    "Step3Desc": "Add the following to your HTML head section, it's either <code>index.html</code> or <code>_Layout.cshtml/_Host.cshtml/App.razor</code> depending on whether you're running WebAssembly or Server.",
    "Step4": "4. Add Scripts",
    "Step4Desc": "Next, add the <code>bootstrap.blazor.bundle.min.js</code> file next to the default Blazor script at the end",
    "Step5": "5. Remove References",
    "Step5Desc": "To delete the <code>bootstrap</code> style, please also delete the <code>bootstrap</code> and <code>open-iconic</code> folders in the <code>wwwroot</code> folder.",
    "Step6": "6. Register Services",
    "Step6Desc": "Add the following in <code>Program.cs</code>",
    "Step7": "7. Add <code>BootstrapBlazorRoot</code> Component",
    "Step7Desc": "Add the <code>BootstrapBlazorRoot</code> component to the Layout component",
    "Template": "Using Templates",
    "TemplateDesc": "To get started quickly, you can use our <a href=\"/template\">dotnet templates</a>. They're based on the Microsoft Web App template but have been modified to include BootstrapBlazor components."
  },
  "BootstrapBlazor.Server.Components.Pages.Introduction": {
    "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",
    "Features": "Features of Components",
    "GetStarted": "Get Started",
    "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",
    "LearnTitle": "Learning materials",
    "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",
    "P6": "The Bootstrap Blazor UI component library provides everything from basic <code>Button</code> components to advanced web-level <code>Online</code> components",
    "ProjectsShow": "Exhibition",
    "QuickStart": "Quick Start",
    "ShowWebSiteTitle2": "Demo Site(Blazor)",
    "SubTitle": "BootstrapBlazor is an enterprise-level component library based on Bootstrap and Blazor, which can be considered as the Blazor version of the Bootstrap project.",
    "Summarize": "Summarize",
    "Title": "Introduction",
    "UpdateLog": "In order to fix the components <b><code>bugs</code></b>, a small version of the component may be released every day.",
    "UpdateLogLink": "[Update Log]",
    "UpdateTitle": "Update Log"
  },
  "BootstrapBlazor.Server.Components.Pages.Layout": {
    "Button": "test",
    "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"
  },
  "BootstrapBlazor.Server.Components.Pages.Localization": {
    "AdditionalJsonFile": "Additional <code>json</code> localization file",
    "ES": "Spanish (es)",
    "IT": "Italian（it-IT）",
    "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",
    "N1": "How localization works in components",
    "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",
    "N2": "Components additionally support the use of",
    "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",
    "N3": "Type key-value information as a resource file, which is parsed as",
    "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",
    "N4": "String rendered in",
    "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",
    "N5": "The package comes with the following resource files",
    "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",
    "N6": "Chinese (zh)",
    "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",
    "N7": "English (en)",
    "N8": "German (de)",
    "N9": "Portuguese (pt)",
    "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",
    "RU": "Russian（ru-RU）",
    "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",
    "TH": "Thai（th-TH）",
    "Title": "Localization",
    "TW": "中國台灣 (zh-TW)",
    "UK": "Ukrainian（uk-UA）"
  },
  "BootstrapBlazor.Server.Components.Pages.Online": {
    "Browser": "Browser",
    "City": "City",
    "ConnectionTime": "ConnectionTime",
    "Device": "Device",
    "Dur": "Dur",
    "Engine": "Engine",
    "Ip": "Ip",
    "Language": "Language",
    "LastBeatTime": "LastBeatTime",
    "LocalHost": "localhost",
    "OS": "OS",
    "RequestUrl": "RequestUrl",
    "SubTitle": "Online population statistics"
  },
  "BootstrapBlazor.Server.Components.Pages.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": "4. Uninstall project template",
    "SubTitle": "Bootstrap Blazor App Template",
    "TemplateDesc": "After the template is installed, searching for <code>Bootstrap</code> when creating a new project will list the following template candidates:",
    "TemplateList": "List",
    "Title": "Project Template"
  },
  "BootstrapBlazor.Server.Components.Pages.Theme": {
    "H1": "Component theme",
    "H2": "Test",
    "P1": "The current website theme supports the following",
    "P10": "add this line",
    "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"
  },
  "BootstrapBlazor.Server.Components.Pages.Tutorials": {
    "AdminSummary": "Admin",
    "CategoryTitle": "Bootstrap Blazor Practical Cases",
    "DashboardSummary": "Dashboard",
    "DrawingSummary": "Drawing",
    "LoginSummary": "Login&Register",
    "TranslateSummary": "Translate",
    "WaterfallSummary": "Waterfall"
  },
  "BootstrapBlazor.Server.Components.Samples.Affixs": {
    "AffixIntro": "Fix the element to a specific visible area",
    "AffixNormalIntro": "Affix is fixed at the top of the page by default",
    "AffixNormalTitle": "Basic usage",
    "AffixPositionIntro": "The parameter <code>Position</code> controls whether the top or bottom is fixed, and the <code>Offset</code> value sets the offset to the top or bottom",
    "AffixPositionTitle": "Position",
    "AffixTitle": "Affix"
  },
  "BootstrapBlazor.Server.Components.Samples.Ajaxs": {
    "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.",
    "AjaxTitle": "Ajax call",
    "GoToButtonText1": "Jump to the first page of the document",
    "GoToButtonText2": "Jump to yourself (refresh page)",
    "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>",
    "GoToTitle": "Page jump",
    "NormalB": "Special attention:",
    "NormalButtonText1": "Login successful",
    "NormalButtonText2": "Login failed",
    "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.",
    "NormalIntro": "Impersonate a login",
    "NormalTitle": "Basic usage"
  },
  "BootstrapBlazor.Server.Components.Samples.Alerts": {
    "AlertDangerText": "A simple danger alert—check it out!",
    "AlertDarkText": "A simple dark alert—check it out!",
    "AlertInfoText": "A simple info alert—check it out!",
    "AlertPrimaryText": "A simple primary alert—check it out!",
    "AlertSecondaryText": "A simple secondary alert—check it out!",
    "AlertSuccessText": "A simple success alert—check it out!",
    "AlertWarningText": "A simple warning alert—check it out!",
    "BaseUsageText": "Basic usage",
    "CloseButtonUsageText": "Close button",
    "IntroText1": "Alert components are non-overlay elements in the page that does not disappear automatically.",
    "IntroText2": "Customize the close button as texts or other symbols.",
    "IntroText3": "Displaying an icon improves readability.",
    "IntroText4": "Show <code>Tip</code>",
    "ShowBarUsageText": "With Bar",
    "ShowBorderIntro": "Set <code>ShowBorder=\"true\"</code> show border",
    "ShowBorderTitle": "Border",
    "ShowShadowIntro": "Set <code>ShowShadow=\"true\"</code> Show shadow",
    "ShowShadowTitle": "Shadow",
    "SubTitle": "Displays important alert messages.",
    "Title": "Alert",
    "WithIconUsageText": "With Icon"
  },
  "BootstrapBlazor.Server.Components.Samples.AnchorLinks": {
    "AnchorLinkDemoIntroduction": "After placing the label click on the copy anchor link to the pasteboard",
    "AnchorLinkDemoTitle": "Common usage",
    "AnchorLinkDescribe1": "Apply to title strip",
    "AnchorLinkDescribe2": "Anchor link, click to copy for easy sharing",
    "AnchorLinkText": "I am a clickable anchor link",
    "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",
    "AnchorLinkTitle": "AnchorLink"
  },
  "BootstrapBlazor.Server.Components.Samples.Anchors": {
    "BaseUsageText": "Basic usage",
    "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>",
    "IntroText1": "For displaying anchor hyperlinks on page and jumping between them.",
    "IntroText2": "Click <code>Anchor</code> item try it",
    "SubTitle": "Hyperlinks to scroll on one page.",
    "Title": "Anchor"
  },
  "BootstrapBlazor.Server.Components.Samples.AudioDevices": {
    "AudioDeviceCloseText": "Stop",
    "AudioDeviceDownloadText": "Download",
    "AudioDeviceIntro": "Get audio equipment operation capabilities through this service",
    "AudioDeviceOpenText": "Record",
    "AudioDeviceRequestText": "List",
    "AudioDeviceTitle": "IAudioDevice",
    "BaseUsageIntro": "Perform different operations by calling different API methods",
    "BaseUsageTitle": "Basic usage"
  },
  "BootstrapBlazor.Server.Components.Samples.AutoCompletes": {
    "AutoText": "Custom city",
    "Block1Intro": "By setting <code>Items</code> data collection when the user types information that is automatically displayed",
    "Block1Title": "Basic usage",
    "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>",
    "Block2Title": "Blur queries and ignore case",
    "Block3Intro": "By setting the <code>NoDataTip</code> value setting automatically completes the custom prompt message that appears when the data is not found",
    "Block3Title": "Custom prompt message",
    "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",
    "Block4Title": "Custom candidates",
    "Block5Intro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "Block5Title": "The label is displayed",
    "BlockGroupIntro": "combox with <code>BootstrapInputGroupLabel</code> inside <code>BootstrapInputGroupLabel</code>",
    "BlockGroupPrevLabel": "Prev",
    "BlockGroupSuffixLabel": "Suffix",
    "BlockGroupTitle": "InputGroup",
    "DebounceDescription": "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",
    "DebounceIntro": "Set <code>Debounce</code> value turn on debounce",
    "DebounceTitle": "Debounce",
    "Description": "The input box autocompletes the function",
    "Divider1Text": "Bidirectional binding displays labels",
    "Divider2Text": "Bidirectional bindings do not display labels",
    "Divider3Text": "Customize DisplayText",
    "ItemTemplateIntro": "Set <code>ItemTemplate</code> for customer the dropdown item",
    "ItemTemplateTitle": "ItemTemplate",
    "LikeMatchDescription": "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",
    "NoDataTip": "There is nothing",
    "NoDataTipDescription": "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>",
    "NormalDescription": "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. Enable the clear button by setting <code>IsClearable</code>",
    "OnSelectedItemChangedIntro": "Click the dropdown item or <kbd>Enter</kbd> trigger the callback",
    "OnSelectedItemChangedTitle": "OnSelectedItemChanged",
    "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>",
    "PopoverTitle": "Popover dropdown menu",
    "ShowLabelDescription": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the <a href='input'>[portal]</a>",
    "Title": "AutoComplete",
    "ValueChangedDescription": "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.Server.Components.Samples.AutoFills": {
    "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>",
    "CustomFilterIntro": "Filter data by setting custom filter condition callback delegate <code>OnCustomFilter</code>",
    "CustomFilterTitle": "custom filter",
    "Description": "Auto-fill forms when selected via IntelliSense prompt option",
    "IsVirtualizeDescription": "Component virtual scrolling supports two ways of providing data through <code>Items</code> or <code>OnQueryAsync</code> callback methods",
    "IsVirtualizeIntro": "Set <code>IsVirtualize</code> to <b>true</b> enable virtual scroll for large data",
    "IsVirtualizeTitle": "Virtualize",
    "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>Esc</kbd> <kbd><i class=\"fa-solid fa-arrow-up\"></i></kbd> <kbd><i class=\"fa-solid fa-arrow-down\"></i></kbd>",
    "NormalIntro": "fill the form",
    "NormalTitle": "Basic usage",
    "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",
    "ShowDropdownListOnFocusIntro": "By setting <code>ShowDropdownListOnFocus=&quot;false&quot;</code>",
    "ShowDropdownListOnFocusTitle": "Turn off auto-expand dropdown",
    "Title": "AutoFill components"
  },
  "BootstrapBlazor.Server.Components.Samples.AutoRedirects": {
    "Description": "Through the set address, automatically jump to the specified page when there is no mouse or keyboard action on the page",
    "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>",
    "NormalTitle": "Common usage",
    "Title": "AutoRedirect automatic jump component"
  },
  "BootstrapBlazor.Server.Components.Samples.Avatars": {
    "BasicUsageDivider": "Split the line",
    "BasicUsageIntro": "Set the shape and size of your avatar <code>IsCircle</code> and <code>Size</code>.",
    "BasicUsageTitle": "Basic usage",
    "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",
    "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>",
    "BorderTitle": "Border",
    "CircleIntro": "Suitable for scenarios where the picture address is obtained asynchronously by interfaces such as <code>webapi</code>",
    "CircletTitle": "Asynchronous loading",
    "IconIntro": "Three types are supported: icons, pictures, and characters",
    "IconTitle": "The type of presentation",
    "SubTitle": "Present user or thing information as icons, pictures, or characters.",
    "Title": "Avatar"
  },
  "BootstrapBlazor.Server.Components.Samples.Badges": {
    "BasicusageIntro": "Small badge assembly in a variety of colors is available",
    "BasicusageTitle": "Basic usage",
    "ButtonIntro": "Button internal badge",
    "ButtonSpan": "The primary button",
    "ButtonTitle": "The badge inside the button",
    "PillIntro": "Set the badge pendant with the  of the property <code>IsPill='true'</code> to set the fillet",
    "PillTitle": "Capsule badge",
    "SubTitle": "A number or status tag that appears next to a button, icon, or icon",
    "Title": "Badge"
  },
  "BootstrapBlazor.Server.Components.Samples.BaiduOcr": {
    "BaiduOcrDesc": "本组件通过调用 Baidu AI 平台文字识别接口进行增值税发票文字识别。支持对增值税普票、专票、全电发票（新版全国统一电子发票，专票/普票）、卷票、区块链发票的所有字段进行结构化识别，包括发票基本信息、销售方及购买方信息、商品信息、价税信息等，其中五要素字段的识别准确率超过 99.9%； 同时，支持对增值税卷票的 21 个关键字段进行识别，包括发票类型、发票代码、发票号码、机打号码、机器编号、收款人、销售方名称、销售方纳税人识别号、开票日期、购买方名称、购买方纳税人识别号、项目、单价、数量、金额、税额、合计金额(小写)、合计金额(大写)、校验码、省、市，四要素字段的识别准确率可达95%。上传图片不能超过 4M",
    "BaiduOcrIntro": "Usage",
    "BaiduOcrStep1": "1. Get <code>IBaiduOcr</code> instance by inject service",
    "BaiduOcrStep1Desc": "Update the <code>appsettings.json</code> file with the following configuration. Please register on <a href=\"https://ai.baidu.com/ai-doc/index/OCR\" target=\"\">Baidu AI Open Platform</a> and apply for relevant parameter values.",
    "BaiduOcrStep2": "2. Get <code>IBaiduOcr</code> instance by inject service",
    "BaiduOcrStep3": "3. Call <code>IBaiduOcr</code> instance method",
    "SubTitle": "Character recognition",
    "Title": "IBaiduOcr",
    "VatInvoiceIntro": "Call Baidu Ocr interface for text recognition by uploading VAT invoice image",
    "VatInvoiceTitle": "VAT Invoice",
    "VerifyVatInvoiceIntro": "通过调用 <code>IBaiduOcr</code> 服务实例的发票验真方法 <code>VerifyInvoiceAsync</code> 返回 <code>InvoiceVerifyResult</code> 其属性 <code>Valid</code> 为 <code>true</code> 时为真",
    "VerifyVatInvoiceTitle": "增值税验真"
  },
  "BootstrapBlazor.Server.Components.Samples.BarcodeGenerators": {
    "BarcodeGeneratorNormalIntro": "Renders a one-dimensional barcode in the corresponding format by giving the <code>Value</code> value",
    "BarcodeGeneratorNormalText": "Barcode Generator",
    "Title": "Barcode generator"
  },
  "BootstrapBlazor.Server.Components.Samples.BarcodeReaders": {
    "Attention": "Pay special attention to:",
    "BasicUsageIntro": "The code is identified by the camera",
    "BasicUsageLi1": "Tap to start turning on the camera",
    "BasicUsageLi2": "Scan the barcode",
    "BasicUsageLi3": "Click the close button to turn off the camera",
    "BasicUsageTitle": "Basic usage",
    "CloseCameraLog": "Turn off the camera",
    "ErrorLog": "An error has occurred",
    "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",
    "ImageTitle": "Basic usage",
    "InitLog": "Initialize the camera to complete",
    "Li1": "The site wants to enable <code>https</code>, which is required by browser vendors",
    "Li4": "The bar code recognition rate is related to the pixel, bar code size and mobile phone execution efficiency",
    "OpenCameraLog": "Turn on the camera",
    "ScanCodeLog": "Scan to barcode",
    "Step": "How to do this:",
    "SubTitle": "This component scans the bar code by calling the camera to obtain the bar code content bar code/QR code"
  },
  "BootstrapBlazor.Server.Components.Samples.Blocks": {
    "AuthorizateDiv3": "I am the contents of the <code>AuthorizeView</code> component and are not currently logged in",
    "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>",
    "AuthorizateTitle": "Judging by permissions",
    "BasicUsageIntro": "Determines whether component content is displayed by setting the <code>OnQueryCondition</code> callback method return value",
    "BasicUsageTitle": "Common usage",
    "Content": "I am component content",
    "IsHide": "Hide",
    "IsShow": "Show",
    "Login": "Login",
    "Logout": "Logout",
    "RolesDiv1": "The current role <code>User</code> allow this content to be seen",
    "RolesIntro": "By setting <code>Roles</code> controls the display, which is displayed when the currently logged-in user is in a preset role",
    "RolesTitle": "Preset roles",
    "SubTitle": "Depending on the parameter conditions, the contents of the block are determined to be displayed, usually in conjunction with permission authorization",
    "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",
    "TemplateIntro": "By setting <code>authorized</code> <code>NotAuthorized</code> you can set what appears when you meet and do not meet the criteria, respectively",
    "TemplateTitle": "Template",
    "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",
    "Title": "Block",
    "UsersIntro": "By setting <code>Users</code> controls the display, which is displayed when the currently logged-in user is a preset user",
    "UsersTitle": "Pre-set the user"
  },
  "BootstrapBlazor.Server.Components.Samples.Bluetooth": {
    "BaseUsageIntro": "Request communication with Bluetooth devices through the <code>IBluetooth</code> service",
    "BaseUsageTitle": "Basic usage",
    "BluetoothConnectText": "Connect",
    "BluetoothDescription": "Allows websites to communicate with Bluetooth devices connected to the user's computer. For example, you can connect to a Bluetooth printer to print.",
    "BluetoothDeviceInfoText": "Device Info",
    "BluetoothDisconnectText": "Disconnect",
    "BluetoothGetBatteryText": "Battery",
    "BluetoothGetCharacteristicsText": "Characteristics",
    "BluetoothGetCurrentTimeText": "Time",
    "BluetoothGetServicesText": "Services",
    "BluetoothIntro": "Provides methods to query Bluetooth availability and request access to devices",
    "BluetoothReadValueText": "ReadValue",
    "BluetoothRequestText": "Scan",
    "BluetoothTipsLi1": "This feature is available only in secure contexts (HTTPS)",
    "BluetoothTipsLi2": "This is an experimental technology Check the <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/Bluetooth#browser_compatibility\" target=\"_blank\">Browser compatibility table</a> carefully before using this in production",
    "BluetoothTipsTitle": "Note: The <code>IBluetoothDevice</code> interface instance inherits <code>IAsyncDisposable</code>. When switching routes, you need to release its resources by calling its <code>DisposeAsync</code>.",
    "BluetoothTitle": "IBluetooth Service ",
    "NotSupportBluetoothContent": "The current browser does not support serial port operations. Please change to Edge or Chrome browser.",
    "NotSupportBluetoothTitle": "Scan Devices",
    "UsageDesc": "Click the Scan button and select the phone to test in the pop-up window"
  },
  "BootstrapBlazor.Server.Components.Samples.BootstrapBlazorIcons": {
    "FAIntro": "You can specify the icon style by setting <code>Name</code>",
    "FATitle": "Font Icons",
    "IconsDescription": "Supports font icons, vector SVG icons, and Image pictures",
    "IconsTitle": "Icon",
    "ImageIntro": "Customize the displayed content through the <code>ChildContent</code> template",
    "ImageTitle": "Image",
    "SvgIntro": "Load the <code>Svg</code> sprite image by setting <code>IsSvgSprites=\"true\"</code> <code>Url</code> and specify its <code>Id</code> value by <code>Name</code>",
    "SvgTitle": "Svg Icons"
  },
  "BootstrapBlazor.Server.Components.Samples.Breadcrumbs": {
    "Block1Intro": "Suitable for a wide range of basic usage.",
    "Block1Title": "Basic usage",
    "Describe": "Display the path of the current page and quickly return to any previous page.",
    "Title": "Breadcrumb"
  },
  "BootstrapBlazor.Server.Components.Samples.BrowserFingers": {
    "BrowserFingerIntro": "Obtain the client browser fingerprint by calling the <code>IBrowserFingerService</code> service instance method <code>GetFingerCodeAsync</code>. The fingerprint is consistent in privacy mode",
    "BrowserFingerTitle": "Browser fingerprint"
  },
  "BootstrapBlazor.Server.Components.Samples.Buttons": {
    "Block1Intro": "The underlying button usage.",
    "Block1Title": "Basic usage",
    "Block2Intro": "Display different button styles by setting the <code>ButtonStyle</code>",
    "Block2Title": "Different styles",
    "Block3Intro": "Set the color style of the button border by setting the <code>IsOutline='true'</code>.",
    "Block3Title": "Outline",
    "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.",
    "Block4Title": "Different sizes.",
    "Block5Intro": "Button is not available. By setting the <code>IsDisabled</code> property",
    "Block5Title": "Disable the state",
    "Block6Intro": "A combination of multiple buttons",
    "Block6Title": "Button group",
    "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",
    "Block7Title": "Button with icon",
    "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",
    "Block8Title": "Secondary encapsulation 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. <b>Note</b> This will only take effect when <code>ShowSplit=\"true\"</code> is set",
    "Block9Title": "Asynchronous request button",
    "BlockButton": "Block",
    "ButtonAsync": "Asynchronous",
    "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. In some specific scenarios, the button needs to remain disabled after asynchronous operation. Please control this using the <code>IsKeepDisabled</code> parameter.",
    "ButtonAvailable": "Click to make the first button available",
    "ButtonDisabled": "Click to be disabled",
    "ButtonExtraExtraLargeText": "ExtraExtraLarge",
    "ButtonOne": "Button one",
    "ButtonProgress": "Progress button",
    "ButtonStatus": "Status button",
    "ButtonTwo": "Button two",
    "DangerButton": "Danger",
    "DarkButton": "Dark",
    "Description": "Common action buttons.",
    "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",
    "ExtraLargeButton": "ExtraLarge",
    "ExtraSmallButton": "ExtraSmall",
    "HighlightButton": "Highlight",
    "InformationButton": "Information",
    "IsDisabledTip": "This page transfer is <code>4.8K</code> when set with the <code>IsDisabled</code> property",
    "LargeButton": "Large",
    "LinkButton": "Link",
    "MediumButton": "Medium",
    "NoneButtonColor": "None",
    "NormalButton": "Button",
    "PrimaryButton": "Primary",
    "SecondaryButton": "Secondary",
    "SetDisableTip": "This page transfer is <code>280B</code> when set up using the <code>SetDisable</code> method",
    "SmallButton": "Small",
    "SubTitle": "Performance comparison:",
    "SuccessButton": "Success",
    "Title": "Button",
    "ToggleButton": "Toggle",
    "ToggleIntroduction": "Get the current button <code>Toggle</code> state by setting the <code>IsActiveChanged</code> or <code>OnToggleAsync</code> callback method",
    "TooltipDisabledText": "Disabled",
    "TooltipIntro": "Set <code>TooltipText</code> <code>TooltipPlacement</code> <code>TooltipTrigger</code> shortcut button prompt bar information, position, and triggering method. For more functions, please use the <code>Tooltip</code> component to implement. In this example, the second button is in the <b>disabled</b> state, and the prompt bar is still available",
    "TooltipText": "Button",
    "TooltipTitle": "Tooltip",
    "WarningButton": "Warning"
  },
  "BootstrapBlazor.Server.Components.Samples.Calendars": {
    "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",
    "AppTitle": "Practical applications",
    "BasicUsageIntro": "The underlying calendar is displayed.",
    "BasicUsageTitle": "Basic usage",
    "BindIntro": "The calendar box automatically updates the text box when the time is selected",
    "BindTitle": "Data is bound in both directions",
    "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",
    "CellTemplateDemoSummary": "Work hour statistics of the month",
    "CellTemplateDemoTitle": "Example of actual man hour system",
    "CellTemplateIntro": "customer the cell template via <code>CellTemplate</code>",
    "CellTemplateTitle": "Cell Template",
    "Chinese": "Chinese",
    "English": "English",
    "HeaderTemplateDesc": "Customize the UI by setting the <code>BodyTemplate</code> and <code>HeaderTemplate</code>. In this example, additional columns are added to the front and back of the month view, and a timeline is added to the week view",
    "HeaderTemplateIntro": "Customize the header template by setting the property <code>HeaderTemplate</code>",
    "HeaderTemplateTitle": "Header Template",
    "Math": "Math",
    "None": "None",
    "Study": "Study",
    "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.",
    "Title": "Calendar",
    "ViewModeIntro": "By setting the property <code>CalendarViewMode.Week</code>",
    "ViewModeTitle": "Show by week"
  },
  "BootstrapBlazor.Server.Components.Samples.Cameras": {
    "Attention": "Pay special attention to:",
    "BasicUsageIntro": "Take pictures through the camera",
    "BasicUsageLi1": "Click start to open the camera",
    "BasicUsageLi2": "Click the photo button",
    "BasicUsageLi3": "Click the close button to close the camera",
    "BasicUsageStep": "Steps:",
    "BasicUsageTitle": "Basic usage",
    "DeviceLabel": "Camera",
    "InitDevicesString": "Initializing ...",
    "Li1": "The site wants to enable <code>https</code>, which is required by browser vendors",
    "NotFoundDevicesString": "Video device not found",
    "PlayText": "Open",
    "PreviewText": "Preview",
    "SaveText": "Save",
    "StopText": "Close",
    "SubTitle": "This component takes pictures by calling the camera",
    "Title": "Camera"
  },
  "BootstrapBlazor.Server.Components.Samples.Captchas": {
    "BasicUsageIntro": "Simple human-machine identification",
    "BasicUsageTitle": "Basic usage",
    "ImageCallbackIntro": "Set a custom method to stitch the full path name of a random picture by <code>GetImageName</code>",
    "ImageCallbackTitle": "Specify the graph bed delegate method",
    "ImageTitle": "Specify the path and name of the graph bed",
    "SubTitle": "Human-machine recognition by dragging the slider",
    "Title": "Captchas"
  },
  "BootstrapBlazor.Server.Components.Samples.Cards": {
    "BasicUsageIntro": "Card is a simple example",
    "BasicUsageTitle": "Card card components",
    "CollapsibleBody": "Click card hader for collapse/expand card body",
    "CollapsibleHeaderTemplate": "Header Template",
    "CollapsibleHeaderTemplateIntro": "Setting <code>HeaderTemplate</code> for custom <code>CardHeader</code>",
    "CollapsibleHeaderTemplateTitle": "Header Template",
    "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.",
    "CollapsibleTitle": "Collapsible",
    "ColorIntro": "By setting, <code>The</code> makes the border and Body color appropriate",
    "ColorTitle": "A card with a border color",
    "Compare": "CardCompare",
    "FooterIntro": "You can show the content by adding the HeaderTemplate and FooterTemplate elements",
    "FooterTitle": "Header & Footer",
    "IsCenterIntro": "Make content center by <code>IsCenter=true</code>",
    "IsCenterTitle": "Center",
    "ShadowBody": "Shadow effect sample",
    "ShadowIntro": "Enable shadow effect by set <code>IsShadow</code> to true",
    "ShadowTitle": "Shadow effect",
    "SubTitle": "Aggregate information to display in a card container",
    "Title": "Card"
  },
  "BootstrapBlazor.Server.Components.Samples.Carousels": {
    "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",
    "BasicUsageTitle": "Basic usage",
    "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",
    "CaptionClassTitle": "Caption Class",
    "CaptionIntro": "Set <code>CarouselItem</code> parameter <code>Caption</code> for the content of caption",
    "CaptionTemplateIntro": "Set <code>CarouselItem</code> 的 <code>CaptionTemplate</code> custom the caption of item",
    "CaptionTemplateTitle": "Caption Template",
    "CaptionTitle": "Caption",
    "ChildContentIntro": "Use <code>ChildContent</code> render the customer content",
    "ChildContentTitle": "ChildContent",
    "FadeIntro": "By setting the <code>IsFade</code> property, the picture switches with a fade-in and fade-out effect",
    "FadeTitle": "Fade in and out",
    "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",
    "IntervalTitle": "Individual interval",
    "OnClickIntro": "After you set the <code>OnClick</code> property by setting, click <code>Image</code> to trigger the <code>OnClick</code> callback delegate",
    "OnClickTitle": "Click on the image to call back the event",
    "ShowControlsIntro": "Set <code>ShowControls</code> to <code>true</code> for show/hide the controls of Carousel",
    "ShowControlsTitle": "Show Controls",
    "ShowIndicatorsIntro": "Set <code>ShowIndicators</code> to <code>true</code> for show/hide the indicator of Carousel",
    "ShowIndicatorsTitle": "Indicator",
    "SubTitle": "In limited space, loop through the same type of pictures, text, and more",
    "Title": "Carousel",
    "TouchSwipingIntro": "Set <code>DisableTouchSwiping</code> disable the swiping function on mobile",
    "TouchSwipingTitle": "Disable touch swiping"
  },
  "BootstrapBlazor.Server.Components.Samples.Cascaders": {
    "Block1Intro": "Drop-down selection boxes are available in a variety of colors",
    "Block1Title": "Cascade selection",
    "Block2Intro": "Cascading selection is not available",
    "Block2Title": "Turn off cascading selection",
    "Block3Desc": "You can use <code>IsClearable</code> to control whether to display the clear button. The default value is <code>false</code>",
    "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.",
    "Block3Title": "Two-way binding",
    "Block4Intro": "When cascading selection is not selected, click the submit button to block.",
    "Block4Title": "Client validation",
    "Block5Intro": "The component binding value is an example of a Guid structure",
    "Block5Title": "The binding generic is the Guid structure",
    "Block6Intro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "Block6Title": "The label is displayed",
    "BlockParentSelectableIntro": "Whether can select on the parent node",
    "BlockParentSelectableTitle": "Parent selectable",
    "BlockShowFullLevelsIntro": "Whether show the full levels via <code>ShowFullLevels</code>",
    "BlockShowFullLevelsTitle": "Show Full Levels",
    "CascaderText": "Custom city",
    "Description": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the <a href='input'>[portal]</a>",
    "Divider1": "Bidirectional binding displays labels",
    "Divider2": "Bidirectional bindings do not display labels",
    "Divider3": "Customize DisplayText",
    "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",
    "Title": "Cascader",
    "ValidateButtonText": "Validate"
  },
  "BootstrapBlazor.Server.Components.Samples.Charts.Bar": {
    "BarAspectRatioIntro": "Setting the height and width will automatically disable the constraint chart ratio, and the chart will fill the container",
    "BarAspectRatioTitle": "Chart ratio",
    "BarColorSeparatelyIntro": "By setting <code>BarColorSeparately</code> property，control whether to Set bar chart colors separately，and By setting <code>BackgroundColor</code> property, set bar chart color",
    "BarColorSeparatelyTitle": "Set bar chart colors separately",
    "BarShowDataLabelIntro": "By setting <code>ShowDataLabel</code> property，control whether to display chart data values",
    "BarShowDataLabelTitle": "Display chart data values",
    "BarStackedIntro": "By setting the X/Y axis <code>Stacked</code> property, control whether to stack the arrangement",
    "BarStackedTitle": "Stacked",
    "BarTwoYAxesIntro": "Show secondary Y axis: alignment, title and data group",
    "BarTwoYAxesTitle": "Double Y axis",
    "BarTypeAddData": "Adding data",
    "BarTypeAddDataSet": "Add dataset",
    "BarTypeAnimationOff": "turn off animation",
    "BarTypeAnimationOn": "turn on animation",
    "BarTypeIntro": "Change the chart to a <code>bar</code> chart by setting <code>ChartType</code>",
    "BarTypeRandomData": "random data",
    "BarTypeReload": "Reload",
    "BarTypeRemoveData": "Remove data",
    "BarTypeRemoveDataSet": "Remove dataset",
    "BarTypeTitle": "Bar graph"
  },
  "BootstrapBlazor.Server.Components.Samples.Charts.Bubble": {
    "BubbleBarAspectRatioIntro": "Setting the height and width will automatically disable the constraint chart ratio, and the chart will fill the container",
    "BubbleBarAspectRatioTitle": "Chart ratio",
    "BubbleNormalAddData": "Adding data",
    "BubbleNormalAddDataSet": "Add dataset",
    "BubbleNormalIntro": "Change the chart to a <code>bubble</code> chart by setting <code>ChartType</code>",
    "BubbleNormalRandomData": "Random data",
    "BubbleNormalReload": "Reload",
    "BubbleNormalRemoveData": "Remove data",
    "BubbleNormalRemoveDataset": "Remove dataset",
    "BubbleNormalTitle": "Bubble diagram"
  },
  "BootstrapBlazor.Server.Components.Samples.Charts.Doughnut": {
    "DoughnutAspectRatioIntro": "Setting the height and width will automatically disable the constraint chart ratio, and the chart will fill the container",
    "DoughnutAspectRatioTitle": "Chart ratio",
    "DoughnutNormalAddDataset": "Add dataset",
    "DoughnutNormalAddingData": "Adding data",
    "DoughnutNormalHalf": "Half circle/Full circle",
    "DoughnutNormalIntro": "Change the chart to a <code>doughnut</code> chart by setting <code>ChartType</code>",
    "DoughnutNormalRandomData": "Random data",
    "DoughnutNormalReload": "Reload",
    "DoughnutNormalRemoveData": "Remove data",
    "DoughnutNormalRemoveDataset": "Remove dataset",
    "DoughnutNormalTitle": "Doughnut diagram"
  },
  "BootstrapBlazor.Server.Components.Samples.Charts.Index": {
    "Chart": "Chart",
    "ChartIntro": "Drawing components of various charts with given data",
    "ChartIntro2": "Component data can be set in the <code>OnInit</code> callback delegate"
  },
  "BootstrapBlazor.Server.Components.Samples.Charts.Line": {
    "AppendDataIntro": "Since <code>ChartDataSource</code> does not fully encapsulate all parameters in <code>Chart.JS</code>, when we need to set some unprovided parameters, we can use <code>AppendData</code> to complete it.",
    "AppendDataTitle": "Append Data",
    "CustomTooltipIntro": "Customizing <code>Tooltip</code> requires using client script settings",
    "CustomTooltipLi1": "<code>Chart</code> component settings <b>Id</b> parameter",
    "CustomTooltipLi2": "Create a client-side <code>JavaScript</code> script. This example uses the isolated script method to export the method name <code>customTooltip</code>. The parameters are <b>component Id</b> <b>callback reference instance</b> <b>callback method name (TooltipLog)</b>",
    "CustomTooltipLi3": "In this example, the base class method <code>InvokeInitAsync</code> is overloaded to call the client script through the <code>await InvokeVoidAsync(\"customTooltip\", CustomTooltipId, Interop, nameof(TooltipLog))</code> statement",
    "CustomTooltipTitle": "Tooltip",
    "LineBarAspectRatioIntro": "Setting the height and width will automatically disable the constraint chart ratio, and the chart will fill the container",
    "LineBarAspectRatioTitle": "Chart ratio",
    "LineChartJSIntro": "Due to the underlying reference of<code>BootstrapBlazor.Chart</code>to<code>Chart.JS</code>, we can call and generate charts through JS.",
    "LineChartJSTitle": "Generate Chart through JS",
    "LineContinueIntro": "Call the instance method <code>Reload</code>, readjust the data to shift the curve to the left, set <code>IsAnimation</code> to turn off the animation effect",
    "LineContinueTitle": "Plot",
    "LineNullableIntro": "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",
    "LineNullableTitle": "Line graph",
    "LineOnInitAddDataset": "Add dataset",
    "LineOnInitAddingData": "Adding data",
    "LineOnInitIntro": "Use <code>OnInit</code> to call back the delegate method, and after assigning the initialization data, the drawing operation can be performed, By setting the <code>BorderWidth</code> attribute, you can set the line width of the line chart, with a default value of 3, you can set the font size of Legend Labels by setting the <code>ChartOptions.LegendLabelsFontSize</code> property",
    "LineOnInitRandomData": "Random data",
    "LineOnInitReload": "Reload",
    "LineOnInitRemoveData": "Remove data",
    "LineOnInitRemoveDataset": "Remove dataset",
    "LineOnInitTitle": "Line graph",
    "LineTensionIntro": "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>",
    "LineTensionTitle": "Line graph",
    "LineTwoYAxesIntro": "Show secondary Y axis: alignment, title and data group",
    "LineTwoYAxesTitle": "Double Y axis"
  },
  "BootstrapBlazor.Server.Components.Samples.Charts.Pie": {
    "PieAspectRatioIntro": "Setting the height and width will automatically disable the constraint chart ratio, and the chart will fill the container",
    "PieAspectRatioTitle": "Chart ratio",
    "PieLegendPositionIntro": "Set the legend position through <code>LegendPosition</code>",
    "PieLegendPositionTitle": "LegendPostion",
    "PieNormalAddDataset": "Add dataset",
    "PieNormalAddingData": "Adding data",
    "PieNormalIntro": "Change the chart to a <code>pie</code> chart by setting <code>ChartType</code>",
    "PieNormalRandomData": "Random data",
    "PieNormalReload": "Reload",
    "PieNormalRemoveData": "Remove data",
    "PieNormalRemoveDataset": "Remove dataset",
    "PieNormalTitle": "Pie diagram"
  },
  "BootstrapBlazor.Server.Components.Samples.CheckboxLists": {
    "CheckboxListGenericIntro": "Enable generic support by using the <code>RadioListGeneric</code> component with <code>SelectedItem&lt;TValue&gt;</code>",
    "CheckboxListGenericTitle": "Generic List",
    "CheckboxListsTip": "The control is used to create a multi-select check box group",
    "Counter": "item is selected component binding value",
    "Description": "TValue is set to <code>IEnumerable&lt;string&gt;</code> generic collection",
    "DisabledIntro": "Disable by setting <code>IsDisabled='true'</code>",
    "DisabledTitle": "Disable",
    "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>",
    "EnumTitle": "Bidirectional binding enumeration",
    "Foo": "Pat,Argo",
    "Header": "common",
    "IsButtonIntro": "Set <code>IsButton=\"true\"</code> to change the checkbox style to a button style",
    "IsButtonTitle": "Button CheckboxList",
    "item1": "Pat",
    "item2": "Argo",
    "item3": "Doom",
    "item4": "Simon",
    "ItemTemplateIntro": "Set <code>ItemTemplate</code> for customer the item UI",
    "ItemTemplateTitle": "ItemTemplate",
    "MaxSelectedCountDesc": "When more than 2 nodes are selected, a <code>Toast</code> prompt bar will pop up",
    "MaxSelectedCountIntro": "Control the maximum number of selectable items by setting the <code>MaxSelectedCount</code> property, and handle the logic through the <code>OnMaxSelectedCountExceed</code> callback",
    "MaxSelectedCountTitle": "MaxSelectedCount",
    "NoBorderIntro": "By setting <code>ShowBorder='false'</code> do not display borders",
    "NoBorderTip": "Displays a red border when validation fails",
    "NoBorderTitle": "No border",
    "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",
    "NormalTips4": "Enable label tooltip by <code>ShowLabelTooltip=\"true\"</code>",
    "NormalTitle": "Basic usage",
    "OnMaxSelectedCountExceedTitle": "Maximum Info",
    "ShowLabelIntro": "Binding values are collections",
    "ShowLabelTip": "<code>TValue</code> 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",
    "ShowLabelTitle": "Bidirectional binding collection",
    "Title": "CheckboxList",
    "ValidateFormIntro": "Built in <code>ValidateForm</code>",
    "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",
    "ValidateFormTitle": "Client Validation",
    "VerticalIntro": "Arrange checkboxes vertically by setting <code>IsVertical=\"true\"</code >",
    "VerticalTitle": "Vertical arrangement"
  },
  "BootstrapBlazor.Server.Components.Samples.Checkboxs": {
    "BindStringIntro": "Binding variables within a component, data is automatically synchronized",
    "BindStringTitle": "Bind string data in both directions",
    "Checkbox2Text": "Two-way binding",
    "Checkbox3Text": "Handwritten labels",
    "Description": "Multiple-select in a set of alternatives",
    "DisabledIntro": "Check box is not available, and the <code>IsDisabled</code> is set by whether the component is available",
    "DisabledTitle": "Disable the check box",
    "DisplayTextIntro": "Change the component size by setting the <code>Size</code> property",
    "DisplayTextTitle": "Size",
    "ItemTemplateIntro": "Set <code>ItemTemplate</code> for customer the item UI",
    "ItemTemplateTitle": "ItemTemplate",
    "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>",
    "NormalTitle": "Basic usage",
    "OnBeforeStateChangedIntro": "By setting the <code>OnBeforeStateChanged</code> callback method, you can cancel the state change logic",
    "OnBeforeStateChangedSwalContent": "Whether the current checkbox is selected",
    "OnBeforeStateChangedSwalTitle": "Confirm Select",
    "OnBeforeStateChangedText": "Confirm",
    "OnBeforeStateChangedTitle": "OnBeforeStateChanged",
    "OnStateChangedIntro": "Binding variables within a component, data automatically synchronized, binding data types <code>boolean</code> type when the value is automatically flipped",
    "OnStateChangedTitle": "Two-way binding boolean",
    "ShowAfterLabelDescription": "Set <code>DisplayText</code> property, or display text messages through bidirectional binding",
    "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",
    "ShowAfterLabelTitle": "Label text",
    "ShowLabelIntro": "Change the component background color by setting the <code>Color</code> property",
    "ShowLabelTitle": "Color",
    "StatusText1": "Selected",
    "StatusText2": "Not selected",
    "StatusText3": "Indeterminate",
    "Title": "Checkbox",
    "ValidateFormDescription": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component <a href='input'>[portal]</a>",
    "ValidateFormIntro": "When you use <code>Checkbox</code> in a form, the display label text is placed in front of the component",
    "ValidateFormTitle": "Used in forms"
  },
  "BootstrapBlazor.Server.Components.Samples.CherryMarkdowns": {
    "ApiIntro": "Control content externally using CherryMarkdown's Api",
    "ApiTitle": "External control components",
    "CustomIntro": "Customize the toolbar via <code>ToolbarSettings</code>, and customize the editor style via <code>EditorSettings</code>",
    "CustomTitle": "custom content",
    "FileUploadIntro": "Use the <code>OnFileUpload</code> event to handle the file upload event, support directly pasting pictures to the browser",
    "FileUploadTitle": "Handle file upload events yourself",
    "Header": "CherryMarkdown",
    "InsertCheckListButtonText": "Insert a CheckList",
    "InsertPictureButtonText": "insert a picture",
    "MarkdownsNote": "If you edit too much content, <code>signalR</code> communication interruption may be triggered. Please adjust the <code>HubOptions</code> configuration.",
    "NormalIntro": "Use two-way binding to get the corresponding <code>html</code> and <code>markdown</code> content",
    "NormalTitle": "Basic usage",
    "Tip": "Rich text box component based on CherryMarkdown",
    "ViewIntro": "Pure browsing mode, no editor",
    "ViewTitle": "browse mode"
  },
  "BootstrapBlazor.Server.Components.Samples.Circles": {
    "BasicUsageIntro": "Set the circular progress by setting the <code>Value</code> property",
    "BasicUsageTitle": "Basic usage",
    "ChildContentIntro": "Customize the display content with custom subcomponents",
    "ChildContentP1": "The size of the consumer population",
    "ChildContentSpan": "Total number of people",
    "ChildContentTitle": "Customize the display",
    "CircleTips1": "Displays the percentage of progress for a task",
    "CircleTips2": "Count the proportion of certain indicators.",
    "ColorIntro": "Set the color of the circular progress bar by setting the <code>Color</code> property",
    "ColorTitle": "Color",
    "DecreaseSpan": "Decrease",
    "IncreaseSpan": "Increase",
    "StrokeWidthIntro": "Set the width of the circular progress bar by setting the <code>StrokeWidth</code> property",
    "StrokeWidthTitle": "The width of the progress bar",
    "SubTitle": "Chart class components. There are generally two uses:",
    "Title": "Circle"
  },
  "BootstrapBlazor.Server.Components.Samples.Client": {
    "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.",
    "BasicUsageP3": "2. The component uses the injection service <code>WebClientService</code> to call the <code>GetClientInfo</code> method.",
    "BasicUsageP4": "3. Turn on IP geolocation",
    "BasicUsageTips": "<code>app.UseBootstrapBlazor</code> Middleware is located assembly <code>BootstrapBlazor.Middleware</code>, please refer to this package yourself for proper use",
    "BasicUsageTitle": "Basic usage",
    "Browser": "Browser",
    "City": "City",
    "Device": "Device",
    "Engine": "Engine",
    "GroupBoxTitle": "Connection information",
    "Id": "Connection ID",
    "Ip": "Ip",
    "IpLocatorFactoryDesc": "This service has built-in IP geolocation function. For detailed configuration and documentation, please refer to",
    "Language": "Language",
    "LocatorsProviderDesc1": "Update the <code>appsetting.json</code> project configuration file",
    "LocatorsProviderDesc2": "Or use the code to open",
    "LocatorsProviderDesc3": "Or enable this function through configuration",
    "LocatorsProviderOptions": "<code>BootstrapBlazorOptions</code> section <code>WebClientOptions</code> By default it is <code>false</code>, which means the IP address location function is not enabled. Please change it to <code>true</code> in the configuration file or code.",
    "OS": "OS",
    "RequestUrl": "RequestUrl",
    "SubTitle": "More for system log tracking",
    "Title": "Get client connection information"
  },
  "BootstrapBlazor.Server.Components.Samples.Clipboards": {
    "ClipboardIntro": "Clipboard service! Please note that it can only be run under <code>HTTPS</code> secure connections or used in the localhost development environment.",
    "ClipboardTitle": "ClipboardService"
  },
  "BootstrapBlazor.Server.Components.Samples.ClockPickers": {
    "AutoSwitchText": "Whether to automatically switch the dial",
    "BindValueIntro": "By setting<code>IsAutoSwitch=\"false\"</code> to disable automatic switching of hour, minute, and stopwatch dial functions",
    "BindValueTitle": "bind",
    "Description": "Select a time by dragging the watch needle",
    "HasSecondsIntro": "By setting<code>ShowSecond=\"false\"</code> to not display the second hand dial",
    "HasSecondsTitle": "Do not set the number of seconds",
    "ShowClockScaleIntro": "By setting<code>ShowClockScale=\"true\"</code> to display the dial scale",
    "ShowClockScaleTitle": "Display dial scale",
    "ShowMinuteIntro": "By setting<code>ShowMinute=\"false\"</code>to not display the minute dial",
    "ShowMinuteTitle": "Do not set minutes",
    "Title": "ClockPicker"
  },
  "BootstrapBlazor.Server.Components.Samples.CodeEditors": {
    "BasicIntro": "Basic Use",
    "BasicTitle": "Basic Use",
    "Language": "Language used by the editor: csharp, JavaScript, ...",
    "Theme": "Theme of the editor",
    "Title": "Code Editor",
    "Value": "Gets or sets the value of the input",
    "ValueChanged": "Gets or sets a callback that updates the bound value"
  },
  "BootstrapBlazor.Server.Components.Samples.Collapses": {
    "AccordionIntro": "Only one panel can be expanded at a time",
    "AccordionTitle": "Accordion effect",
    "BasicUsageIntro": "Multiple panels can be expanded at the same time, with no effect between panels",
    "BasicUsageTitle": "Basic usage",
    "ButtonText": "Toggle",
    "CollapseItemAttributeClass": "The class of item",
    "CollapseItemAttributeHeaderClass": "The class of header",
    "CollapseItemAttributeHeaderTemplate": "Header template",
    "CollapseItemAttributeIcon": "The icon of header",
    "CollapseItemAttributeIsCollapsed": "The item status collapsed",
    "CollapseItemAttributeText": "The title of header",
    "CollapseItemAttributeTitleColor": "The color of header",
    "ColorIntro": "Each panel sets a different color",
    "ColorTitle": "The child title color",
    "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.",
    "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.",
    "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.",
    "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.",
    "HeaderTemplateIntro": "Customize the <b>Header</b> display content by setting <code>HeaderTemplate</code>",
    "HeaderTemplateTitle": "Header Template",
    "IconIntro": "Show icon in header",
    "IconTitle": "Icon",
    "ItemsIntro": "The <code>CollapseItems</code> is set by conditional logic",
    "ItemsTitle": "Dynamic updates",
    "SubTitle": "The content area is contained by the collapsed panel",
    "Title": "Collapse"
  },
  "BootstrapBlazor.Server.Components.Samples.ColorPickers": {
    "BindValueIntro": "Set the color value by setting the <code>Value</code> property",
    "BindValueTitle": "Two-way binding",
    "Description": "Select color to use",
    "Disabled": "Disabled",
    "DisabledIntro": "Disable this component by setting the <code>IsDisabled</code> property",
    "DisabledTitle": "Disabled",
    "FormatterIntro": "Set the display value by setting the <code>Formatter</code> callback method",
    "FormatterTitle": "Formatter",
    "IsSupportOpacityIntro": "Enable transparency support by setting <code>IsSupportOpacity=\"true\"</code>",
    "IsSupportOpacityTitle": "Support Opacity",
    "NormalIntro": "Set the color value by setting the <code>Value</code> property",
    "NormalTitle": "Basic Usage",
    "SupportOpacity": "Support Opacity",
    "TemplateIntro": "Customize the display template by setting <code>Template</code>",
    "TemplateTitle": "Display Template",
    "Title": "ColorPicker",
    "ValidateFormIntro": "Built in <code>ValidateForm</code> to use",
    "ValidateFormTitle": "Used in the verification form",
    "ValueDescription": "Set <code>Value='@Value'</code> to initialize the default value",
    "ValueIntro": "Set the color value by setting the <code>Value</code> property",
    "ValueTitle": "Set Initial Value"
  },
  "BootstrapBlazor.Server.Components.Samples.Consoles": {
    "ColorIntro": "Changes to colors are made by setting the <code>Color</code> parameter of <code>ConsoleMessageItem</code>",
    "ColorTitle": "messages in different colors",
    "ConsoleMessageItem": "ConsoleMessageItem property",
    "Description": "Console component, generally used for the output of background tasks",
    "IsAutoScrollDescription": "by setting <code>IsAutoScroll</code> Turn on autoscroll",
    "IsAutoScrollIntro": "Enable or disable automatic scrolling by setting the <code>ShowAutoScroll</code> property value",
    "IsAutoScrollTitle": "auto scroll",
    "NormalIntro": "Display background push messages",
    "NormalTitle": "Basic usage",
    "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",
    "OnClearTitle": "Empty console",
    "ShowAutoScrollDescription": "set up <code>ShowAutoScroll=\"true\"</code> Show autoscroll options",
    "ShowAutoScrollIntro": "Switch auto scroll the data by set <code>ShowAutoScroll</code> parameter",
    "ShowAutoScrollTitle": "ShowAutoScroll",
    "Title": "Console"
  },
  "BootstrapBlazor.Server.Components.Samples.ContextMenus": {
    "ContextMenuCallbackIntro": "By setting the <code>ContextMenu</code> component parameter <code>OnBeforeShowCallback</code>, you can get the callback event before the right-click menu pops up, which can be used for data preparation or render menus based on conditions",
    "ContextMenuCallbackTitle": "ContextMenu Callback",
    "ContextMenuCustomUIIntro": "Right click on the row of <code>Li</code> to pop up a context menu",
    "ContextMenuCustomUITitle": "Custom component",
    "ContextMenuDescription": "Context menu that pops up when the user clicks the right mouse button",
    "ContextMenuDisabledIntro": "By setting the <code>ContextMenuItem</code> component parameter <code>OnDisabledCallback</code> callback method, you can set whether the current right-click option is disabled.",
    "ContextMenuDisabledTitle": "OnDisabledCallback",
    "ContextMenuItemCopy": "Copy",
    "ContextMenuItemPast": "Past",
    "ContextMenuNormalIntro": "Right click on the row of <code>div</code> to pop up a context menu",
    "ContextMenuNormalTitle": "Basic usage",
    "ContextMenuTableIntro": "Right click on the <code>Table</code> to pop up a context menu",
    "ContextMenuTableTitle": "Table",
    "ContextMenuTitle": "ContextMenu",
    "ContextMenuTreeIntro": "Right click on the <code>Tree</code> to pop up a context menu",
    "ContextMenuTreeTitle": "Tree"
  },
  "BootstrapBlazor.Server.Components.Samples.CountButtons": {
    "BaseUsageIntro": "Set the countdown time through the <code>Count</code> parameter value, which defaults to <b>5</b> seconds",
    "BaseUsageText": "Basic usage",
    "Description": "It is often used to force a period of execution time logic, such as waiting for input 60 seconds after sending a verification code",
    "Text": "Send code",
    "TextIntro": "Set countdown text through <code>CountText</code> parameter values",
    "TextTitle": "Timing Text",
    "Title": "CountButton"
  },
  "BootstrapBlazor.Server.Components.Samples.CountUps": {
    "CountUpsNormalIntro": "Set <code>Value</code>",
    "CountUpsNormalTitle": "Normal",
    "Description": "Animates a numerical value by counting to it",
    "Title": "CountUp"
  },
  "BootstrapBlazor.Server.Components.Samples.DateTimePickers": {
    "BindValueIntro": "The values in the text box change as the date component time changes",
    "BindValueTitle": "Data is bound in both directions",
    "BlockAutoCloseDesc": "<code>AutoClose</code> The default value is <code>true</code> When selecting a date, the pop-up window will automatically close. When the value is set to <code>false</code>, the pop-up window needs to be closed when the <b>confirm</b> button is clicked",
    "BlockAutoCloseIntro": "Auto close the popup window by se <code>AutoClose</code> to <code>true</code>",
    "BlockAutoCloseTitle": "Auto close",
    "BlockGroupIntro": "Used in the built-in <code>BootstrapInputGroup</code> and in combination with <code>BootstrapInputGroupLabel</code>",
    "BlockGroupLabel": "Prev",
    "BlockGroupSuffixLabel": "Suffix",
    "BlockGroupTitle": "InputGroup",
    "DateTimeOffsetIntro": "Select the control based on the date of the day in 「day」 as the base unit",
    "DateTimeOffsetTitle": "Click on the pop-up date box",
    "DateTimePickerIntro": "Select the hour, minute, and second on the clock dial to obtain the current date and time.",
    "DateTimePickerTitle": "Select the time",
    "DayTemplateIntro": "By setting the <code>DayTemplate</code> custom display template, the disabled date template is <code>DayDisabledTemplate</code>",
    "DayTemplateTitle": "Custom date display",
    "Description": "Used to select or enter a date",
    "DisableDayCallbackAllowNullDisplayText": "DateTime?",
    "DisableDayCallbackIntro": "Customize which days need to be disabled by setting <code>OnGetDisabledDaysCallback</code>",
    "DisableDayCallbackNotAllowNullDisplayText": "DateTime",
    "DisableDayCallbackTip": "<ul class=\"ul-demo\"><li>When a component is assigned a disabled date, the component still displays its value by default. If you need to display the disabled date as an <b>empty string</b>, please set <code>DisplayDisabledDayAsEmpty=\"true\"</code></li><li>This example uses slightly more complex logic to determine the disabled date. The disabled date is a combination of conditions, so when the conditions change, you need to call the component instance method <code>ClearDisabledDays</code> to clear the internal cache</li></ul><p class=\"mb-3\">In this example, the first component has <code>DisplayDisabledDayAsEmpty=\"true\"</code> set, so the component value is <code>DateTime.Today</code> and the displayed value is <b>empty string</b></p><div>In this example, the data type of the second component is <b>non-nullable type</b>. Since the default value of the parameter <code>AutoToday</code> is <code>true</code> So even if the initial value is <code>DateTime.MinValue</code>, its display value is <code>DateTime.Today</code> Even when today is disabled, it is still displayed. If you need to display an <b>empty string</b>, please set <code>DisplayDisabledDayAsEmpty=\"true\"</code></div>",
    "DisableDayCallbackTitle": "Customize the disable date",
    "DisabledIntro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "DisabledTitle": "Disable",
    "DisableOptions": "Disable options",
    "DisableToday": "Disable today",
    "DisableWeekend": "Disable weekend",
    "DisplayText": "Select the time",
    "Feature": "Feature",
    "FeatureFestivalIntro": "<b>The festival</b> function is provided by the built-in service <code>ICalendarFestivals</code> in the component library. The built-in default implementation provides 12 Gregorian festivals and 7 lunar festivals, which can be extended through custom festival services. For detailed function introductions, please refer to the <b>Festival Services</b> documentation <a href=\"festival\" target=\"_blank\">[Portal]</a>",
    "FeatureIntro": "<b>Holidays</b> Functional dependency component packages <code>BootstrapBlazor.Holiday</code> <a href=\"holiday\" target=\"_blank\">[Portal]</a>",
    "FeatureShowFestivals": "Festivals",
    "FeatureShowFestivalsIntro": "<code>ShowFestivals</code> Whether to display festivals",
    "FeatureShowHolidays": "Holidays",
    "FeatureShowHolidaysIntro": "<code>ShowHolidays</code> Whether to display holidays",
    "FeatureShowLunar": "Lunar",
    "FeatureShowLunarIntro": "<code>ShowLunar</code> Whether to display the lunar calendar",
    "FeatureShowSolarTerm": "Solar Term",
    "FeatureShowSolarTermIntro": "<code>ShowSolarTerm</code> Whether to display the 24 solar terms",
    "IsEditableIntro": "Enable manual input function by setting <code>IsEditable=\"true\"</code>",
    "IsEditableTitle": "Editable",
    "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",
    "MinValueTitle": "Set the range of values",
    "NormalIntro": "Select the control based on the date of the day in 「day」as the base unit",
    "NormalTitle": "Select the day",
    "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",
    "NullValueTitle": "Allow empty time",
    "ShowIconIntro": "Save space by setting <code>ShowIcon=\"false\"</code> to not display component icons",
    "ShowIconTitle": "Whether show the component icon",
    "ShowLabelIntro": "When you are a form component, the label in front of the component is displayed",
    "ShowLabelTip": "Set the <code>DisplayText</code> property value to <code>select time</code>, The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component  of the <a href='input'>[portal]</a>",
    "ShowLabelTitle": "The label is displayed",
    "ShowSidebarIntro": "When you set the <code>ShowSidebar</code> property value to <code>true</code>, the component displays the shortcut sidebar",
    "ShowSidebarTitle": "Sidebar with shortcuts",
    "SubmitText": "Save",
    "Title": "DatePicker",
    "ValidateFormIntro": "Check data validity and prompt automatically based on custom validation rules",
    "ValidateFormTitle": "Client validation",
    "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",
    "ViewModeTitle": "Selector with time"
  },
  "BootstrapBlazor.Server.Components.Samples.DateTimeRanges": {
    "AutoCloseIntro": "Click on the sidebar shortcuts to Close the pop-up automatically",
    "AutoCloseTitle": "AutoClose",
    "BindValueIntro": "Click the confirm button, the time selection box value is the same as the text box value. Enable auto-close by setting <code>AutoClose=\"true\"</code>. Directly display the selected value by setting <code>ShowSelectedValue=\"true\"</code>",
    "BindValueTitle": "Data two-way binding",
    "Description": "Select a date in the same picker",
    "DisabledIntro": "When the <code>IsDisabled</code> attribute value is set to <code>true</code>, the component disables input",
    "DisabledTitle": "Disabled",
    "Feature": "Feature",
    "FeatureShowFestivals": "Festivals",
    "FeatureShowHolidays": "Holidays",
    "FeatureShowLunar": "Lunar",
    "FeatureShowSolarTerm": "Solar Term",
    "Limit": "time limit",
    "MaxMinValueIntro": "set time range",
    "MaxMinValueTitle": "Max and Min",
    "NormalIntro": "Take 'day' as the basic unit, select a period of time",
    "NormalTitle": "Basic skills",
    "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",
    "SidebarTitle": "Sidebar with shortcut keys",
    "SingleViewTitle": "Single view mode",
    "Submit": "Submit",
    "Title": "Date Time Range Picker",
    "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>",
    "TodayTitle": "Show today button",
    "ValidateFormIntro": "Build components into <code>ValidateForm</code> used in",
    "ValidateFormTitle": "Used in the form",
    "ViewModeIntro": "By setting <code>ViewMode=\"DatePickerViewMode.Year\"</code>, the component view is the year view, and by setting <code>ViewMode=\"DatePickerViewMode.Month\"</code>, the component view is the year view.",
    "ViewModeTitle": "ViewMode"
  },
  "BootstrapBlazor.Server.Components.Samples.DialButtons": {
    "BaseUsageIntro": "By setting <code>Placement</code> value for set the dial button popup direction",
    "BaseUsageText": "Basic usage",
    "DialButtonIntro": "After clicking the button, a function menu and other information will pop up, mostly used for displaying secondary functions",
    "DialButtonTitle": "DialButton"
  },
  "BootstrapBlazor.Server.Components.Samples.Dialogs": {
    "ApplyDisplayText": "Primary key parameter",
    "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",
    "ApplyOpenDialogButton": "Pop-ups",
    "ApplyTitle": "Practical application",
    "Attribute": "DialogOption property",
    "BodyContextIntro": "By setting the <code>BodyContext</code> attribute value, parameters can be passed to the components in the pop-up window",
    "BodyContextOpenDialogButton": "Dialog parameter passing example",
    "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",
    "BodyContextTitle": "Pop-up window",
    "CloseDialogByCodeIntro": "This example explains how to open and close a popup window through code",
    "CloseDialogByCodeTip": "Use <code>DialogOption</code> instance method <code>CloseDialogAsync</code> to close the popup",
    "CloseDialogByCodeTitle": "Code to close the popup",
    "ComponentIntro": "Pop up a custom component by calling <code>Show&lt;Counter&gt;()</code>",
    "ComponentOpenDialogButton": "Click to open Dialog",
    "ComponentTip": "In this example, the pop-up dialog box contains a built-in <code>Counter</code> component of a sample website",
    "ComponentTitle": "Pop out complex components",
    "ConfirmDialogButton": "Popup Modal",
    "ConfirmDialogModalContent": "<p>this is the prompt message. </p><div class=\"text-danger\">this is a danger info</div>",
    "ConfirmDialogModalTitle": "Literal Confirmation Modal",
    "CustomerHeaderIntro": "Customize the title bar of the modal box by setting the <code>HeaderTemplate</code> property",
    "CustomerHeaderOpenDialogButton": "Pop-ups",
    "CustomerHeaderTitle": "Custom title bar",
    "Description": "Human-computer interaction by calling the <code>Show</code> method pop-up window by injecting the service",
    "DialogTitle": "Data query window",
    "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",
    "DisableHeaderCloseButtonTitle": "Disable close button in Header",
    "EditDialogButton": "Edit popup",
    "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>",
    "EditDialogTitle": "Edit dialog",
    "EmailDialogButtonYes": "Choose",
    "EmailDialogTitle": "Select recipient",
    "EmailInput": "please enter ...",
    "EmailIntro": "Simulate a mail application, select the recipient in the pop-up window and fill in the recipient box below.",
    "EmailLabel": "recipient",
    "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",
    "EmailTitle": "Practical drill",
    "ErrorLoggerButton": "global exception test",
    "ErrorLoggerIntro": "Through <code>BootstrapBlazorRoot</code> built-in <code>ErrorLogger</code> global exception capture for errors in the pop-up window",
    "ErrorLoggerTitle": "exception catch",
    "ExportPdfButton": "Export Pdf",
    "ExportPdfDialogIntro": "Set <code>ShowExportPdfButtonInHeader</code> to display an export PDF button on the <code>Header</code>",
    "ExportPdfDialogTip": "More parameters can be set by setting <code>ExportPdfButtonOptions</code>",
    "ExportPdfDialogTitle": "Pop up window with export Pdf function",
    "HeaderToolbarTemplateButtonText": "Print",
    "HeaderToolbarTemplateDialogTitle": "Custom toolbar sample",
    "HeaderToolbarTemplateIntro": "Set <code>HeaderToolbarTemplate</code> custom the buttons on <code>Header</code>",
    "HeaderToolbarTemplateTitle": "Header Toolbar Template",
    "HeaderToolbarTemplateToastContent": "Print button clicked",
    "KeyboardIntro": "Set the basic properties of the modal box by setting the <code>DialogOption</code> property",
    "KeyboardOpenDialogButton": "Click to open Dialog",
    "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",
    "KeyboardTitle": "Basic usage",
    "ModalDialogButton": "Click to open 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",
    "ModalDialogTitle": "Modal dialog",
    "MultipleDialogButton": "Pop-ups",
    "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",
    "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",
    "MultipleDialogTitle": "Multi-level popup",
    "PrintDialogButton": "Click to open Dialog",
    "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",
    "PrintDialogTitle": "Print button",
    "ResizeIntro": "Resize the modal box by setting the <code>ShowResize</code> property",
    "ResizeTitle": "Resize",
    "SaveDialogButton": "Save popup",
    "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>",
    "SaveDialogTitle": "Save dialog",
    "SearchDialogButton": "Search popup",
    "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>",
    "SearchDialogTitle": "Search dialog",
    "ShowMaximizeButton": "Click to open Dialog",
    "ShowMaximizeButtonIntro": "Show a window maximize button on the <code>Header</code> by setting <code>ShowMaximizeButton</code>",
    "ShowMaximizeButtonTitle": "Full screen popup",
    "SizeButton": "Fullscreen popup (&lt; 1200px)",
    "SizeIntro": "Very flexible form size control can be achieved by setting the <code>Size</code> <code>FullScreenSize</code> parameter combination",
    "SizeTitle": "Dialog size",
    "Tip1": "Component usage introduction",
    "Tip2": "inject service <code>DialogService</code> <a href=\"dialog-service\" target=\"_blank\">[Portal]</a>",
    "Tip3": "call <code>DialogOption</code> instance method <code>OnCloseAsync</code>",
    "Tip4": "CascadingParameter",
    "Tip5": "DialogCloseButton",
    "Title": "Dialog component"
  },
  "BootstrapBlazor.Server.Components.Samples.DialogServices": {
    "CloseInCodeIntro": "When using dialogs, you usually need buttons for your business logic, such as <b>Close</b>, <b>Save</b>, <b>Apply</b>, etc. Some of these need to close the dialog after handling the logic. The library provides the following ways to close a dialog in code.",
    "CloseInCodeLi1": "Dialog close button <code>DialogCloseButton</code>",
    "CloseInCodeLi1Desc": "This component is designed for dialogs and closes the containing dialog with no extra code.",
    "CloseInCodeLi1Desc2": "Use <code>OnClick</code> or <code>OnClickWithoutRender</code> for business logic; the dialog closes automatically when done.",
    "CloseInCodeLi2": "Close callback",
    "CloseInCodeLi2Desc": "Any component inside the dialog can get a close method via this cascading parameter and call it when needed.",
    "CloseInCodeLi2Note": "<b>Note:</b> The cascading parameter name can be anything, e.g. <code>OnCloseAsync</code> or <code>CloseDialogAsync</code>.",
    "CloseInCodeLi3": "Modal instance",
    "CloseInCodeLi3Desc": "Get the current <code>Modal</code> instance via the cascading parameter and call its <code>Close</code> method to close the dialog.",
    "CodeLabel1": "1. Service injection",
    "CodeLabel2": "2. Using the service",
    "CodeLabel3": "3. Design approach",
    "CodeLabel4": "4. FAQ",
    "DesignTip1": "The dialog service is only responsible for showing dialogs and provides the <code>Close</code> function to close them",
    "DesignTip2": "Display content is specified via the <code>BodyTemplate</code> template or <code>Component</code>",
    "DesignTip3": "For more parameters, see the <code>DialogOption</code> class definition <a href=\"dialog\" target=\"_blank\">[Portal]</a>",
    "ExtensionsIntro": "The library provides several <code>DialogService</code> extension methods for common scenarios. More documentation to follow.",
    "ExtensionsLi1": "Modal <code>ShowModal</code>",
    "ExtensionsLi1Desc": "See <code>ResultDialogOption</code> for parameters.",
    "ExtensionsLi2": "Search dialog <code>ShowSearchDialog</code>",
    "ExtensionsLi2Desc": "See <code>SearchDialogOption</code> for parameters.",
    "ExtensionsLi3": "Edit dialog <code>ShowEditDialog</code>",
    "ExtensionsLi3Desc": "See <code>EditDialogOption</code> for parameters.",
    "ExtensionsLi4": "Save dialog <code>ShowSaveDialog</code>",
    "ExtensionsLi4Desc": "See <code>DialogServiceExtensions</code> for parameters.",
    "ExtensionsLi5": "Close dialog <code>ShowCloseDialog</code>",
    "ExtensionsLi5Desc": "See <code>DialogServiceExtensions</code> for parameters.",
    "ExtensionsLi6": "Validate form dialog <code>ShowValidateFormDialog</code>",
    "ExtensionsLi6Desc": "See <code>DialogServiceExtensions</code> for parameters.",
    "GroupBoxCloseInCodeTitle": "How to close a dialog in code",
    "GroupBoxExtensionsTitle": "Built-in extension methods",
    "GroupBoxInterceptCloseTitle": "How to intercept dialog close",
    "GroupBoxModalDesc": "The component library provides the <code>ShowModal</code> extension method",
    "GroupBoxModalTitle": "Show modal dialog",
    "GroupBoxNoFooterTitle": "Hide default dialog buttons",
    "GroupBoxSetResultTitle": "How to set the modal return value",
    "GroupBoxTableEditFooterTitle": "How to add custom buttons to Table edit dialog",
    "GroupBoxValidateFormTitle": "How to get ValidateForm instance in Table edit dialog",
    "InterceptCloseIntro": "In scenarios like form editing, users may close the dialog or press <kbd>ESC</kbd> without saving, losing changes. Use an <code>OnClosing</code> callback to check for changes and confirm before closing.",
    "InterceptCloseLi1": "<code>DialogOption</code> property <code>OnClosingAsync</code>",
    "InterceptCloseLi1Desc": "This callback has no context. Return <code>true</code> to allow close, <code>false</code> to prevent it. Consider using <code>SwalService</code> for confirmation.",
    "InterceptCloseLi2": "Via cascading parameter <code>Modal</code> and its <code>RegisterOnClosingCallback</code> method",
    "InterceptCloseLi2Desc": "Implement this in your dialog component for more complex logic. <b>Recommended.</b>",
    "ModalIdeaIntro": "The following is for reference only: this approach is influenced by frameworks like <code>WinForm</code>. This example illustrates it.",
    "ModalIdeaP1": "The purpose is to show a dialog first, then display the component <code>ResultDialogDemo</code> in the dialog. The business logic is completed in this component. Click the <code>Close</code> button to return <b>Cancel</b> or the <code>Save</code> button to return <b>Ok</b>. This approach is correct and consistent with <code>WinForm</code>. Subsequent logic is handled according to the return value.",
    "ModalIdeaP2": "Alternatively, show a dialog first and let <code>ResultDialogDemo</code> handle the business logic. When clicking <code>Close</code>, cancel or roll back, or just close. When clicking <code>Save</code>, persist or process the result then close. This approach is also valid. You don't need to rely on the dialog return value for follow-up logic; moving the business logic into the component inside the dialog is more cohesive and avoids custom return types when modal return values are not enough.",
    "NoFooterDesc": "Set <code>ShowFooter=\"false\"</code> to hide default buttons and implement your own in the component (e.g. <code>DataDialogComponent</code>). See <b>DataDialogComponent.razor</b> in the repo.",
    "NoFooterLi1": "Close button <code>DialogCloseButton</code>",
    "NoFooterLi1Desc": "Closes the dialog directly with no business logic.",
    "NoFooterLi2": "Save button <code>DialogSaveButton</code>",
    "NoFooterLi2Desc": "Triggers the <b>Table</b> save logic. It is a <code>submit</code> button; after validation it calls the table's <code>OnSaveAsync</code> callback.",
    "SetResultIntro": "The component library provides the <code>ShowModal</code> extension method for modal dialogs. You can also call the generic extension <code>ShowModal&lt;TDialog&gt;</code>. The generic <code>TDialog</code> must implement <code>IResultDialog</code>. Inside the component, set the modal return value via the cascading parameter <code>SetResultAsync</code>. Example:",
    "SetResultNote": "Example code inside the component:",
    "SetResultNote2": "The above code closes the current dialog on button click and sets the return value to <code>DialogResult.No</code>",
    "SetResultNote3": "The library includes a <code>ResultDialogFooter</code> component; you can use it or refer to the source.",
    "SubTitle": "The component library has a built-in dialog service",
    "TableEditFooterDesc": "The <code>Table</code> component has an <code>EditFooterTemplate</code> parameter, which is the <b>Footer</b> template of the <code>Dialog</code>. Use it to define your own buttons.",
    "Title": "Dialog Service <code>DialogService</code>",
    "UseServiceDesc": "Call the <code>DialogService</code> instance method <code>Show</code>",
    "ValidateFormInstanceDesc": "Get the current form instance via the cascading parameter and call its <code>Validate</code> method for validation.",
    "ValidateFormTip": "Example: use <code>ValidateForm</code> parameter <code>OnFieldValueChanged</code> to know if the model was changed."
  },
  "BootstrapBlazor.Server.Components.Samples.Dispatches": {
    "Description": "By injecting the service to call the instance method, the site-wide pop-up window is used for message notification",
    "DispatchIntro": "Click the button to distribute the message, all people who open this page can receive the message distributed by this button",
    "DispatchNoticeButtonText": "Notice",
    "DispatchNoticeMessage": "Test dispatch message",
    "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",
    "DispatchTitle": "Practical application",
    "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>",
    "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",
    "NormalTipsContent": "Notification content",
    "NormalTipsTitle": "notification title",
    "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",
    "Title": "Dispatch message distribution"
  },
  "BootstrapBlazor.Server.Components.Samples.Displays": {
    "Arr": "Array",
    "BasicUsage": "Basic usage",
    "BasicUsageIntro": "Show only",
    "BasicUsageTitle": "Basic usage",
    "BindWayCustomLabel": "Custom labels",
    "BindWayIntro": "Two-way binding automatically gets the display labels in the resource file",
    "BindWayNotOccupants": "Do not occupy seats",
    "BindWayOccupants": "Occupants",
    "BindWayP1": "When the <code>Display</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",
    "BindWayP2": "Set the <code>DisplayText</code> value to <b>custom label </b>",
    "BindWayP3": "The value of <code>DisplayText</code> is displayed when <code>ShowLabel</code> is <code>true</code>, regardless of whether the value is set",
    "BindWayP4": "The value of <code>DisplayText</code> is not displayed when the <code>ShowLabel</code> is <code>false</code>",
    "BindWayTitle": "Bind data in both directions",
    "Collection": "Collection",
    "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",
    "DataTypeTitle": "Generic binding",
    "EditorFormIntro": "The <code>Display</code> component is used in form components <code>EditorForm</code>, and is used in detail pages and is not editable",
    "EditorFormTitle": "Used within the form",
    "Enum": "Enumerate",
    "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",
    "FormatStringP": "The <code>Display</code> component binding <code>byte[]</code> array, formatted as an example of <code>base64</code> encoded string",
    "FormatStringSettingText": "Set up",
    "FormatStringTitle": "Custom format",
    "Integer": "Integer",
    "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",
    "LookupTitle": "Lookup",
    "ShowTooltipIntro": "Wrapper with <code>Tooltip</code> or <code>ShowTooltip=\"true\"</code> component for show tooltip title",
    "ShowTooltipTitle": "Show Tooltip",
    "SubTitle": "Displays static text data",
    "Title": "Display"
  },
  "BootstrapBlazor.Server.Components.Samples.Dividers": {
    "AlignmentContent1": "Just a Content Test 1",
    "AlignmentContent2": "Just a Content Test 2",
    "AlignmentContent3": "A cute icon",
    "AlignmentContent4": "Learning makes me happy",
    "AlignmentDivider1": "Young Bao Qingtian",
    "AlignmentDivider2": "League of Legends",
    "AlignmentDivider3": "Learning Quotations",
    "AlignmentIntro": "You can customize the content of the copy on the dividing line.",
    "AlignmentTitle": "Set copy",
    "ChildContent1": "A sunny day above my head, I missed one in my heart",
    "ChildContent2": "When the knight returns, the day the broken sword is reforged",
    "ChildContentIntro": "Any content can be customized by setting the content of <code>ChildContent</code>",
    "ChildContentTitle": "Custom content",
    "Description": "The dividing line that separates the content.",
    "DividerChildContent": "I am a custom content <code>div</code> element",
    "IconBookmark": "Bookmarks",
    "IconContent1": "A sunny day above my head, I missed one in my heart",
    "IconContent2": "When the knight returns, the day the broken sword is reforged",
    "IconContent3": "A cute icon",
    "IconContent4": "Learning makes me happy",
    "IconIntro": "You can customize the content of the copy on the dividing line.",
    "IconTitle": "Settings icon",
    "NormalContent1": "Youth is a short dream, when you wake up, it has long since disappeared.",
    "NormalContent2": "A small amount of evil is enough to cancel out all the noble qualities, causing people to be infamous.",
    "NormalIntro": "Split text paragraphs in different chapters.",
    "NormalTitle": "Basic usage",
    "Title": "Dividing line",
    "VerticalContent1": "Rain",
    "VerticalContent2": "Old hometown",
    "VerticalContent3": "Deep vegetation",
    "VerticalDivider": "Dividing line",
    "VerticalIntro": "Display dividing line vertically",
    "VerticalTitle": "Vertical split"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews.DockViewCol": {
    "DockViewColIntro": "Make the <code>DockView</code> vertical by setting <code>Type=\"DockContentType.Column\"</code>",
    "DockViewColTitle": "DockView - Column"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews.DockViewComplex": {
    "DockViewComplexIntro": "Complex layouts can be achieved by combining and nesting <code>DockContentType</code> values",
    "DockViewComplexTitle": "DockView - Complex"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews.DockViewLayout": {
    "DockViewLayoutIntro": "Initialize the display layout of the control panel by setting the <code>LayoutConfig</code> property of <code>DockView</code>, and get the display layout of the panel by using the <code>GetLayoutConfig</code> method",
    "DockViewLayoutTitle": "DockView - Custom Layout"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews.DockViewLock": {
    "DockViewLockIntro": "By setting the <code>IsLock</code> property of <code>DockView</code>, you can control whether all panels can be dragged.",
    "DockViewLockTitle": "DockView - Lock"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews.DockViewNest": {
    "DockViewNestIntro": "<code>DockView</code> can be nested inside <code>DockComponent</code> and its label can be made invisible by setting <code>ShowHeader=\"false\"</code>",
    "DockViewNestTitle": "DockView - Nested Layouts"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews.DockViewRow": {
    "DockViewRowIntro": "Make the <code>DockView</code> horizontal by setting <code>Type=\"DockContentType.Row\"</code>",
    "DockViewRowTitle": "DockView - Row"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews.DockViewStack": {
    "DockViewStackIntro": "Make the <code>DockView</code> group layout by setting <code>Type=\"DockContentType.Stack\"</code>",
    "DockViewStackTitle": "DockView - Stack"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews.DockViewVisible": {
    "DockViewVisibleIntro": "Control whether to display the component by setting <code>Visible</code>, and use <code>OnVisibleStateChangedAsync</code> to set the panel closing callback delegate method",
    "DockViewVisibleTitle": "DockView - Visible"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews.Index": {
    "DockViewDescription": "A multi window layout manager for webapps",
    "DockViewIntro": "<p><code>DockView</code> component is wrapped <a href=\"https://github.com/golden-layout/golden-layout?wt.mc_id=DT-MVP-5004174\" target=\"_blank\">Golden Layout</a> lib，it is a <code>JavaScript</code> layout manager which enables you to layout components in a web page and re-arrange them with drag and drop. Its features include: </p><ul class=\"ul-demo\"><li>Native popup windows</li><li>Touch support</li><li>Support for application frameworks such as <code>Angular</code> and <code>Vue</code></li><li>Virtual components</li><li>Comprehensive API</li><li>Load and save layouts</li><li>Focus components</li><li>Completely themeable</li><li>Works in modern browsers (<code>Firefox</code>, <code>Chrome</code>)</li><li>Responsive design</li></ul>",
    "DockViewTitle": "DockView"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews2.DockViewCol": {
    "DockViewColIntro": "Make the <code>DockViewV2</code> layout vertically by setting <code>Type=\"DockContentType.Column\"</code> and initialize its panel height by setting <code>Height=\"240\"</code>",
    "DockViewColTitle": "DockViewV2 - Column"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews2.DockViewComplex": {
    "DockViewComplexIntro": "Complex layouts can be achieved by combining and nesting <code>DockContentType</code> values",
    "DockViewComplexTitle": "DockViewV2 - Complex"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews2.DockViewGroup": {
    "DockViewGroupIntro": "Make the <code>DockViewV2</code> group layout by setting <code>Type=\"DockContentType.Group\"</code>",
    "DockViewGroupTitle": "DockViewV2 - Group"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews2.DockViewLayout": {
    "DockViewLayoutIntro": "Initialize the display layout of the control panel by setting the <code>LayoutConfig</code> property of <code>DockView</code>, and get the display layout of the panel by using the <code>GetLayoutConfig</code> method",
    "DockViewLayoutTitle": "DockViewV2 - Custom Layout"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews2.DockViewLock": {
    "DockViewLockIntro": "By setting the <code>IsLock</code> property of <code>DockViewV2</code>, you can control whether all panels can be dragged, and by setting <code>ShowLock</code>, you can control whether the lock button is displayed.",
    "DockViewLockTitle": "DockViewV2 - Lock"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews2.DockViewNest": {
    "DockViewNestIntro": "<code>DockViewV2</code> can be nested inside the <code>DockViewComponent</code> component. Its label can be made invisible by setting <code>ShowHeader=\"false\"</code>",
    "DockViewNestTitle": "DockViewV2 - Nested Layouts"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews2.DockViewRow": {
    "DockViewRowIntro": "Make the <code>DockViewV2</code> layout horizontally by setting <code>Type=\"DockContentType.Row\"</code> and initialize its panel width by setting <code>Width=\"240\"</code>",
    "DockViewRowTitle": "DockViewV2 - Row"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews2.DockViewTitle": {
    "DockViewTitleIntro": "By setting <code>ShowTitleBar</code> to control whether to display the function button before the title, use <code>OnClickTitleBarCallback</code> to set the callback delegate method, and use <code>TitleTemplate</code> to customize complex functions",
    "DockViewTitleTitle": "DockViewV2 - Title"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews2.DockViewVisible": {
    "DockViewVisibleIntro": "Control whether to display the component by setting <code>Visible</code>, and use <code>OnVisibleStateChangedAsync</code> to set the panel closing callback delegate method",
    "DockViewVisibleTitle": "DockViewV2 - Visible"
  },
  "BootstrapBlazor.Server.Components.Samples.DockViews2.Index": {
    "DockView2Description": "A multi window layout manager for webapps",
    "DockView2Intro": "<p><code>DockView</code> component is wrapped <a href=\"https://github.com/mathuo/dockview?wt.mc_id=DT-MVP-5004174\" target=\"_blank\">Golden Layout</a> lib，it is a <code>JavaScript</code> layout manager which enables you to layout components in a web page and re-arrange them with drag and drop. Its features include: </p><ul class=\"ul-demo\"><li>Native popup windows</li><li>Touch support</li><li>Support for application frameworks such as <code>Angular</code> and <code>Vue</code></li><li>Virtual components</li><li>Comprehensive API</li><li>Load and save layouts</li><li>Focus components</li><li>Completely themeable</li><li>Works in modern browsers (<code>Firefox</code>, <code>Chrome</code>)</li><li>Responsive design</li></ul>",
    "DockView2Title": "DockViewV2"
  },
  "BootstrapBlazor.Server.Components.Samples.Dom2Images": {
    "Dom2ImageButtonText": "Convert",
    "Dom2ImageDesc": "Since the underlying framework uses <a href=\"https://github.com/zumerlab/snapdom?wt.mc_id=DT-MVP-5004174\" target=\"_blank\">SnapDOM</a> , if you encounter any problems during actual use, please refer to the project <a href=\"https://github.com/zumerlab/snapdom/issues?wt.mc_id=DT-MVP-5004174\" target=\"_blank\">Issue</a>",
    "Dom2ImageDownloadText": "Download",
    "Dom2ImageFullText": "Capture",
    "Dom2ImageIntro": "Export HTML snippets as images",
    "Dom2ImageNormalIntro": "Convert the node to an image by specifying a <code>Selector</code>",
    "Dom2ImageNormalTitle": "Basic usage",
    "Dom2ImageTitle": "Dom2Image"
  },
  "BootstrapBlazor.Server.Components.Samples.Downloads": {
    "DownloadBigFileButtonText": "The button sets the value of <code>IsAsync</code> to <code>true</code> for asynchronous download operation",
    "DownloadBigFileIntro": "This simulation generates a text file of <code>1 million lines</code>, about <b>58M</b>, which can be tested by yourself",
    "DownloadBigFileTitle": "Large file download test",
    "DownloadFolderButtonText": "download",
    "DownloadFolderIntro": "By setting the physical path of the folder, the files in the directory are packaged and compressed and downloaded",
    "DownloadFolderTitle": "Folder download",
    "DownloadImageButtonText": "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.",
    "DownloadImageIntro": "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.",
    "DownloadImageTitle": "Get the picture and display it",
    "DownloadNormalButtonText": "download",
    "DownloadNormalIntro": "Download files directly by setting the physical path",
    "DownloadNormalTitle": "Normal download",
    "DownloadsExample": "Example",
    "DownloadsExampleButtonText": "download file",
    "DownloadsExampleCodeTitle": "<code>C#</code> code",
    "DownloadsExampleContent": "Self-generated and written text, here can be replaced with pictures or other content",
    "DownloadsExampleRazorCodeContent": "<Button OnClick=\"DownloadFile\">Click me to download the file</Button>",
    "DownloadsExampleRazorCodeTitle": "<code>Razor</code> code",
    "DownloadsExampleTestFile": "test file",
    "DownloadsSubTitle": "For direct download of physical files",
    "DownloadsTips1": "pay attention",
    "DownloadsTips2": "<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>.",
    "DownloadsTitle": "Download file download"
  },
  "BootstrapBlazor.Server.Components.Samples.DragDrops": {
    "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",
    "AcceptsTitle": "Limit what can be dragged in",
    "CopyItemIntro": "Use <code>CopyItem</code> to copy a new copy to a new location",
    "CopyItemTitle": "Copy to new container",
    "Description": "For drag and drop",
    "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>",
    "EventTitle": "Various events",
    "NormalIntro": "simple drag and drop",
    "NormalTitle": "Basic usage",
    "Title": "DragDrop"
  },
  "BootstrapBlazor.Server.Components.Samples.Drawers": {
    "BodyScrollIntro": "By setting <code>BodyScroll</code>, you can control whether scrolling is allowed when the drawer pop-up window is displayed. <code>Body</code> is false by default, scrolling is not allowed",
    "BodyScrollTitle": "Body Scroll",
    "Close": "close the drawer",
    "Content": "The layout, components, etc. in the drawer are fully customizable",
    "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.",
    "DrawerServiceIntro": "Open the drawer pop-up window by calling the <code>DrawerService</code> service",
    "DrawerServiceTitle": "Drawer Service",
    "DrawerTips": "Sometimes we want to expand a pop-up window in a certain container. We can do this by embedding a <code>&lt;Drawer/&gt;</code> drawer component in a specific container and then setting the parameter <code>Position=\"absolute\"</code> for relative positioning. Note: The parent container style needs to be set to <code>position: relative;</code>",
    "IsKeyboardIntro": "By default, the component uses the <kbd>ESC</kbd> key to close the drawer popup. You can enable this function by <code>IsKeyboard=\"true\"</code>",
    "IsKeyboardTitle": "ESC",
    "NoBackdropIntro": "By setting the <code>ShowBackdrop=\"false\"</code> do not show the backdrop",
    "NoBackdropTitle": "No backdrop",
    "NormalIntro": "Call out a temporary sidebar that can be called out from multiple directions",
    "NormalTitle": "Basic usage",
    "Open": "click me to open",
    "PlacementContent": "Click on the shaded part of the mask to automatically close the drawer",
    "PlacementIntro": "By setting the <code>IsBackdrop</code> property to <code>true</code>, the drawer is automatically closed when the mask part is clicked",
    "PlacementTitle": "Click to close the mask",
    "Title": "Drawer"
  },
  "BootstrapBlazor.Server.Components.Samples.DriverDotnetJs": {
    "DriverJsDestroyDesc": "You can use the <code>OnBeforeDestroyAsync</code> callback to add some logic when the user tries to exit the tour. Prevent destruction when the callback method <code>OnBeforeDestroyAsync</code> returns not <code>NULL</code> string. You can also prevent the user from exiting the tour using <code>AllowClose</code> option. This option is useful when you want to force the user to complete the tour before they can exit.",
    "DriverJsDestroyIntro": "Callback method before destruction <code>OnBeforeDestroyAsync</code> or callback method for destruction <code>OnDestroyedAsync</code>",
    "DriverJsDestroyTitle": "Destroy callback",
    "DriverJsHighlightIntro": "By calling the <code>DriverJs</code> component instance method <code>Highlight</code>, the specified element is highlighted and focused.",
    "DriverJsHighlightTitle": "Highlight",
    "DriverJsNormalDesc": "Disable the animation effect by setting the <code>DriverJsConfig</code> parameter <code>Animate=\"false\"</code>",
    "DriverJsNormalIntro": "Simple configuration with a click of a button to start user step-by-step guidance",
    "DriverJsNormalTitle": "Basic usage",
    "DriverJsPopoverContentText2": "Here is the component introduction. You can switch the icon theme by clicking the radio button below",
    "DriverJsPopoverContentText3": "This is the sample area, where specific examples are shown",
    "DriverJsPopoverContentText4": "Here is the example area",
    "DriverJsPopoverContentText5": "Click here to get started",
    "DriverJsPopoverDesc": "For detailed parameter information, please see <a href=\"https://driverjs.com/docs/configuration\" target=\"_blank\">[Portal]</a>",
    "DriverJsPopoverIntro": "By setting the <code>DriverJsPopover</code> component to configure <code>Popover</code> related configuration information",
    "DriverJsPopoverStyleIntro": "By setting <code>PopoverClass=\"driverjs-theme\"</code> custome the popover UI",
    "DriverJsPopoverStyleTitle": "Custom Popover",
    "DriverJsPopoverTitle": "Popover",
    "DriverJsPopoverTitleText": "Animated Tour Example",
    "DriverJsSubtitle": "built to be highly configurable. You can configure the driver globally, or per step. You can also configure the driver on the fly, while it’s running",
    "DriverJsTitle": "drive the user's focus across the page"
  },
  "BootstrapBlazor.Server.Components.Samples.Dropdowns": {
    "AddItem": "Add",
    "AlignmentIntro": "By default, the right side of the drop-down menu is aligned by setting <code>MenuAlignment=Alignment.Right</code>",
    "AlignmentTitle": "Menu alignment",
    "ButtonTemplateIntro": "You can customize the displayed content by setting <code>ButtonTemlate</code>",
    "ButtonTemplateTitle": "Button Template",
    "CascadeIntro": "By selecting different options in the first drop-down box, the second drop-down box is filled with content dynamically.",
    "CascadeTitle": "Cascade binding",
    "City": "City",
    "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",
    "ColorTitle": "Drop-down box with color",
    "Description": "Collapse actions or menus into drop-down menus",
    "DirectionIntro": "Add the style of <code>Direction='Direction.Dropup'</code> to make the drop-down menu expand upward.",
    "DirectionTitle": "Expanding direction",
    "DropdownCascadeItem1": "Select ...",
    "DropdownCascadeItem2": "Melbourne",
    "DropdownCascadeItem3": "Sydney",
    "DropdownCascadeItem4": "Hangzhou",
    "DropdownCascadeItem5": "Chaoyang",
    "DropdownCascadeItem6": "Haidian",
    "DropdownCascadeItem7": "Jingan",
    "DropdownCascadeItem8": "Huangpu",
    "DropdownItemsTemplateIntro": "You can customize all the content of the dropdown list by setting <code>ItemsTemplate</code>. In this example, we use the <code>DropdownItem</code> component and <code>DropdownDivider</code> component to customize the dropdown list component.",
    "DropdownItemsTemplateTitle": "Items Template",
    "DropdownItemTemplateIntro": "By setting <code>ItemTemplate</code>, you can customize the content displayed in the drop-down item. In this example, the <code>Tooltip</code> component is used to add a tooltip function when the mouse is hovered.",
    "DropdownItemTemplateTitle": "Item Template",
    "FixedButtonTextIntro": "Set the <code>FixedButtonText</code> value for fixed button text",
    "FixedButtonTextTitle": "Set the fixed button text",
    "IsAsyncIntro": "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",
    "IsAsyncTitle": "Asynchronous request button",
    "IsFixedButtonTextIntro": "Set <code>IsFixedButtonText</code> to <b>true</b> make the ButtonText to const",
    "IsFixedButtonTextTitle": "Fixed button text",
    "Item1": "Melbourne",
    "Item2": "Sydney",
    "Item3": "Queensland",
    "ItemsIntro": "When you click the button on the right, the menu items in the drop-down box will increase",
    "ItemsTitle": "Bind data source",
    "NormalIntro": "Use <code>TagName='a'</code> to open a drop-down list with a button tag",
    "NormalTitle": "Basic usage",
    "NullIntro": "Allow empty <code>Items</code> drop-down menus",
    "NullTitle": "Dropdown empty drop-down menu",
    "RadioIntro": "When you change the options, the menu items in the drop-down box will increase",
    "RadioTitle": "Bind data source",
    "RemoveItem": "Remove",
    "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.",
    "SizeTitle": "Size definition",
    "SplitIntro": "You can create a split drop-down menu with tags similar to a single button drop-down menu, and add ShowSplit='true' when you use a split component. Insert this symbol as a drop-down The options are handled at appropriate intervals (distance).",
    "SplitTitle": "Split button drop-down menu",
    "Title": "Dropdown"
  },
  "BootstrapBlazor.Server.Components.Samples.DropdownWidgets": {
    "AttributeTitle": "DropdownWidgetItem",
    "BasicUsageIntro": "Write pendant content directly on the page through <code>ChildContent</code>",
    "BasicUsageMessage": "You have 4 unread messages",
    "BasicUsageNotify": "You have 10 unread notifications",
    "BasicUsageTasks": "You have 3 tasks",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageViewMessage": "View all messages",
    "BasicUsageViewNotify": "View all notifications",
    "BasicUsageViewTasks": "View all tasks",
    "SubTitle": "More for head information summary presentation",
    "Title": "DropdownWidget"
  },
  "BootstrapBlazor.Server.Components.Samples.EditDialogs": {
    "Description": "Automatic rendering of edit popups by binding the data model",
    "EditDialogOption": "EditDialogOption property",
    "LeftAlignedButton": "Edit popup (left-aligned)",
    "NoRenderIntro": "By setting the <b>Address</b> <b>Count</b> <code>Ignore=true</code> of the <code>IEditorItem</code> instance, the editable pop-up window do not shown.",
    "NoRenderTitle": "Setting bound model part property does not show",
    "NormalIntro": "Automatically generate editable forms for each field of the model by binding the <code>TModel</code> data model",
    "NormalTitle": "Basic usage",
    "PopupButton": "Pop-ups",
    "RightAlignedButton": "Edit popup (right aligned)",
    "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=\"dialog\" target=\"_blank\">[portal]</a>\"",
    "Title": "EditDialog edit popup"
  },
  "BootstrapBlazor.Server.Components.Samples.EditorForms": {
    "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": "In layout mode, adjust the label width by setting the value of <code>LabelWidth</code>. If the global style variable <code>--bb-row-label-width</code> is not set by default, the default value is <b>120px</b>",
    "AlignmentTips3": "<code>Buttons</code> template you can nest <code>div</code> and style <code>text-end</code> align the right side of the button",
    "AlignmentTitle": "Custom rendering component types",
    "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",
    "Att9": "The current bound data value",
    "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",
    "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",
    "AutoGenerateTitle": "It is not automatically generated by default",
    "Description": "Edit forms are automatically rendered through the bound data model",
    "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",
    "GroupBoxTitle": "An example of a form",
    "GroupDescription": "Grouping is enabled by setting the <code>GroupName</code> parameter of the <code>EditorItem</code> component, and the order is controlled by <code>GroupOrder</code>.",
    "GroupIntro": "The grouping format can be controlled by setting the <code>groupType</code> value.",
    "GroupTitle": "Group",
    "IgnoreItemsDescription": "This attribute has the same priority as the <code>Ignore</code> parameter in <code>EditorItem</code>. If it is set to ignore anywhere, it will not be rendered.",
    "IgnoreItemsIntro": "By setting the <code>IgnoreItems</code> value, you can notify the component not to render the specified column in the collection.",
    "IgnoreItemsSwitchButtonText": "Switch",
    "IgnoreItemsTitle": "IgnoreItems",
    "IsDisplayIntro": "Make the entire form non-editable by setting <code>IsDisplay=\"true\"</code>",
    "IsDisplayTitle": "Readonly Form",
    "ItemsPerRowDescription": "This example sets <code>ItemsPerRow=3</code> show 3 components per row",
    "ItemsPerRowIntro": "Control the layout by setting the property values <code></code>ItemsPerRow",
    "ItemsPerRowTitle": "Set the number of controls displayed per row",
    "NormalDescription": "Directly bind the model <code>model</code>, setting the <b>Education</b><b>complete</b>field not to appear",
    "NormalIntro": "By binding <code>TModel</code> data model, editable forms for individual fields of the model are automatically generated",
    "NormalTitle": "Basic usage",
    "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",
    "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",
    "SkipValidateTitle": "The components within the form component bind fields that are not model-independent",
    "SubButtonText": "Submit",
    "SubDescription": "<code>EditorForm</code> component is a very useful component that, when editing data, simply assigns the <code>Model</code> property.",
    "TestAddress": "The test address",
    "TestName": "Tom",
    "Title": "EditorForm",
    "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",
    "ValidateFormTitle": "Turn on data validation"
  },
  "BootstrapBlazor.Server.Components.Samples.Editors": {
    "DoMethodAsyncButton1": "Insert Html",
    "DoMethodAsyncButton2": "Update to  H2",
    "DoMethodAsyncButton3": "Insert Image",
    "DoMethodAsyncButton4": "Get Code",
    "DoMethodAsyncDescription": "In this example, by setting the <code>ToolbarItems</code> property, the default available toolbar buttons are changed",
    "DoMethodAsyncIntro": "Call the instance method, please refer <a href='https://summernote.org/deep-dive'>summernote api</a>",
    "DoMethodAsyncPasteHTML": "Here is the content inserted by the external button",
    "DoMethodAsyncTitle": "Instance Method",
    "EditorCustomerToolbarButtonsDescription": "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",
    "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",
    "EditorCustomerToolbarButtonsTitle": "Customize the extended edit box button",
    "EditorEmptyPlaceholder": "Customize the prompt message for empty values",
    "EditorHeightIntro": "Set the height of the component by setting the <code>Height</code> property",
    "EditorHeightTitle": "Custom height",
    "EditorIsEditorIntro": "Set the component to be directly displayed as a rich text edit box by setting the <code>IsEditor</code> property. When uploading an image, you can get the image information through the <code>OnFileUpload</code> callback method",
    "EditorIsEditorTitle": "Display as a rich text edit box by default",
    "EditorNormalDescription": "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",
    "EditorNormalIntro": "The default rendering is <code>div</code> and it becomes a rich text edit box when clicked",
    "EditorNormalTitle": "Basic usage",
    "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",
    "EditorOnValueChangedInitValue": "Initial value Test",
    "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",
    "EditorOnValueChangedLabel": "Show edit content:",
    "EditorOnValueChangedTitle": "Two-way binding",
    "EditorOnValueChangedUpdateValue": "Changed value",
    "EditorPlaceholderDescription": "The default prompt is <b>Edit after clicking</b>",
    "EditorPlaceholderIntro": "The prompt message when a null value is set by setting the <code>Placeholder</code> attribute",
    "EditorPlaceholderTitle": "Custom prompt message",
    "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. If you edit too much content, <code>signalR</code> communication interruption may be triggered. Please adjust the <code>HubOptions</code> configuration.",
    "EditorsTitle": "Editor",
    "EditorSubmitDescription": "<code>ShowSubmit</code> The default value is <code>true</code> to display the submit button. The <code>OnValueChanged</code> callback method is triggered after the submit button is clicked on the design. This design greatly improves performance and saves server computing Force, after setting the value to <code>false</code>, it will use the <code>summernode</code> library <code>onChange</code> to trigger, which is applicable to the scene where the edited content needs to be obtained in real time",
    "EditorSubmitIntro": "Use <code>ShowSubmit</code> control the <b>Submit</b> button display or not",
    "EditorSubmitTitle": "Show submit",
    "EditorsUploadDesc": "Upload File Callback",
    "EditorsUploadDesc2": "After the component sets a callback, when a file is selected for upload within the component, it will be returned to the caller as an instance of <code>EditorUploadFile</code>. The <code>Stream</code> property allows saving to the server or directly storing to Cloud Object Storage (OSS). The callback return value is the <b>Url</b> used for previewing the stored file.",
    "EditorToolbarItemsDescription": "In this example, by setting the <code>ToolbarItems</code> property, the default avaiLabel toolbar buttons are changed",
    "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",
    "EditorToolbarItemsTitle": "Customize the rich text edit box of the toolbar",
    "Ret1": "<div class='text-danger'>Data returned from plugin1</div>",
    "Ret2": "Data returned from plugin2",
    "Swal1Content": "After clicking the plug-in button, the window will pop up and confirm before proceeding to the next step.",
    "Swal1Title": "A pop-up window will pop up after clicking the plugin1 button",
    "Swal2Content": "After clicking the plug-in button, the window will pop up and confirm before proceeding to the next step.",
    "Swal2Title": "After clicking the plugin2 button, a pop-up window will appear",
    "ToolTip1": "This is the tip of plugin1",
    "ToolTip2": "This is the tip of plugin2"
  },
  "BootstrapBlazor.Server.Components.Samples.EmbedPdfs": {
    "PdfDescription": "EmbedPDF is an open-source JavaScript PDF reader based on PDFium, which renders directly in the browser without requiring backend support.",
    "PdfReaderNormalIntro": "Set the PDF file address using the <code>Url</code> parameter.",
    "PdfReaderNormalText": "Basic usage",
    "PdfTitle": "EmbedPDF PDF"
  },
  "BootstrapBlazor.Server.Components.Samples.Empties": {
    "ImageIntro": "Just set the <code>Image</code> property",
    "ImageText": "No data at this time",
    "ImageTitle": "Set the path to the empty state picture",
    "NormalIntro": "Just add <code>Empty</code> tag",
    "NormalTitle": "Basic usage",
    "SubTitle": "Sub Title PlaceHolder",
    "TemplateIButtonText": "Go back to the previous page",
    "TemplateIntro": "The inner set renders custom components <code>Template</code> labels",
    "TemplateText": "Customize the empty state template",
    "TemplateTitle": "Customize the empty state template",
    "Title": "Empty"
  },
  "BootstrapBlazor.Server.Components.Samples.ExportPdfButtons": {
    "ExportPdfButtonsDescription": "Export <code>HTML</code> fragments or web page elements as <code>Pdf</code>",
    "ExportPdfButtonsTitle": "Convert specified webpage content to Pdf",
    "ExportPdfButtonTips": "<code>IHtml2Pdf</code> service interfaces, please refer to <a target=\"_blank\" href=\"./html2pdf\">[Portal]</a>",
    "GroupBoxTitle": "Edit form",
    "NormalIntro": "Export specified elements by <code>Id</code>",
    "NormalTitle": "ElementId",
    "SelectorIntro": "Export Pdf by specifying element <code>Selector</code>",
    "SelectorTitle": "Selector",
    "ToastContent": "Exporting Pdf file",
    "ToastDownloadTitle": "Download Pdf",
    "ToastTitle": "Export Pdf"
  },
  "BootstrapBlazor.Server.Components.Samples.EyeDroppers": {
    "EyeDropperDescription": "The <code>EyeDropperService</code> provides a mechanism for creating an eyedropper tool. Using this tool, users can sample colors from their screens, including outside of the browser window.",
    "EyeDropperNormalButtonText": "Pick",
    "EyeDropperNormalIntro": "Using the <code>EyeDropperService</code> application can start the eyedropper mode. Once started, the cursor changes to indicate to the user that the mode is active. The user can then either select a color from anywhere on the screen, or dismiss the eyedropper mode by pressing <kbd>Escape</kbd>",
    "EyeDropperNormalTitle": "Basic usage",
    "EyeDropperTips1": "This is an experimental technology Check the <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper_API#browser_compatibility\" target=\"_blank\">Browser compatibility table</a> carefully before using this in production. ",
    "EyeDropperTips2": "To prevent malicious websites from getting pixel data from a user's screen without them realizing, the EyeDropper API implements the following measures. Only be called in response to a user action (like a button click)",
    "EyeDropperTips3": "To help users notice the eyedropper mode more easily, it is made obvious by browsers. The normal mouse cursor disappears after a short delay and a magnifying glass appears instead. There is also a delay between when the eyedropper mode starts and when the user can select a pixel to ensure the user has had time to see the magnifying glass",
    "EyeDropperTips4": "Users are also able to cancel the eyedropper mode at any time (by pressing the <kbd>Escape</kbd> key)",
    "EyeDropperTitle": "EyeDropper Service"
  },
  "BootstrapBlazor.Server.Components.Samples.FileIcons": {
    "BackgroundTemplateIntro": "Set <code>BackgroundTemplate</code> custom the file icon",
    "BackgroundTemplateTitle": "Background Template",
    "BaseUsageIntro": "Set the <code>Extension</code> parameter for the file type",
    "BaseUsageTitle": "Base Usage",
    "ColorIntro": "Set <code>IconColor</code> for the file extension badge background color",
    "ColorTitle": "Color",
    "CustomCssIntro": "Set <code>class</code> parameter set the style for the file icon component",
    "CustomCssTitle": "Custom css",
    "Intro": "The icon show the file extension",
    "SizeIntro": "Set the icon size by setting <code>Size</code>",
    "SizeTitle": "Size",
    "Title": "File Icon"
  },
  "BootstrapBlazor.Server.Components.Samples.FileViewers": {
    "BaseUsageIntro": "Excel/Word file path or URL",
    "BaseUsageIntro2": "Using the Reload method",
    "BaseUsageText": "Basic usage",
    "BaseUsageText2": "Reload file",
    "Tips": "Currently only supports Excel(.xlsx) and Word(.docx) formats.<br/><b>Note</b>:<br/>If throw <code>The type initializer for 'Gdip' threw an exception.<code> error under Linux, please install libgdiplus and enable System. Drawing support.<br/>Enable System.Drawing support for non-Windows platforms in your project file (*.csproj), add:",
    "Title": "FileViewer"
  },
  "BootstrapBlazor.Server.Components.Samples.FlipClocks": {
    "CardGroupMargin": "Card Group Margin",
    "CardHeight": "Card Height",
    "CardMargin": "Card Margin",
    "CardWidth": "Card Width",
    "CountIntro": "By setting <code>ViewMode=\"FlipClockViewMode.Count\"</code> to enable the timer function, the start time can be set using <code>StartValue</code>",
    "CountText": "Counter",
    "Custom": "Parameter Settings",
    "CustomIntro": "Customize the display content by setting parameters",
    "CustomText": "Custom Text",
    "FlipClocksDescription": "Used for website timing or countdown",
    "FlipClocksTitle": "FlipClock",
    "FontSize": "Font Size",
    "Height": "Height",
    "IsCountDownIntro": "By setting <code>ViewMode=\"FlipClockViewMode.CountDown\"</code> for the countdown function, the start time can be set using <code>StartValue</code>. Trigger the <code>OnCompletedAsync</code> callback method when the countdown ends",
    "IsCountDownText": "CountDown"
  },
  "BootstrapBlazor.Server.Components.Samples.FloatingLabels": {
    "FloatingLabelBindValueDisplayText": "Client validation",
    "FloatingLabelBindValueIntro": "Check data validity and prompt automatically based on custom validation rules",
    "FloatingLabelBindValueTitle": "Client validation",
    "FloatingLabelDisabledDisplayText": "Disable",
    "FloatingLabelDisabledIntro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "FloatingLabelDisabledTitle": "Disable",
    "FloatingLabelDisplayTextIntro": "Displays the value of variables within the component",
    "FloatingLabelDisplayTextTitle": "One-way binding data",
    "FloatingLabelFormatStringDisplayText": "Generic binding",
    "FloatingLabelFormatStringIntro": "<code>BootstrapInput</code> component bidirectional binding value is generic, in this case a two-way binding of an <code>int</code> type value",
    "FloatingLabelFormatStringTitle": "Generic binding",
    "FloatingLabelFormatterDescription": "<code>The BootstrapInput</code> component binds <code>byte[]</code> array and formats it as an example of <code>base64</code> encoded string",
    "FloatingLabelFormatterDisplayText": "An array of bytes",
    "FloatingLabelFormatterDiv2": "Set up",
    "FloatingLabelFormatterTitle": "Custom format",
    "FloatingLabelGroupBoxTitle": "GroupBox",
    "FloatingLabelNormalIntro": "Provides basic text entry components",
    "FloatingLabelNormalTitle": "Basic usage",
    "FloatingLabelPasswordDescription": "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>",
    "FloatingLabelPasswordDisplayText": "The password box",
    "FloatingLabelPasswordIntro": "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",
    "FloatingLabelPasswordTitle": "The password box",
    "FloatingLabelsSubtitle": "Enter characters with the mouse or keyboard",
    "FloatingLabelsTestName": "Tom",
    "FloatingLabelsTitle": "FloatingLabel"
  },
  "BootstrapBlazor.Server.Components.Samples.Footers": {
    "FooterChildContentIntro": "Set <code>ChildContent</code> for custom the child content",
    "FooterChildContentTitle": "ChildContent",
    "FooterNormalIntro": "Pass the ID of the scroll bar component to the footer component",
    "FooterNormalTitle": "Basic usage",
    "FootersContent1": "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",
    "FootersContent2": "This example passes the component client ID",
    "FootersDescription": "Displayed at the bottom of the page, with a back to top button",
    "FooterShowGotoIntro": "Set <code>ShowGoto</code> to <code>false</code> for hide the <code>Goto</code> navigator on the right of footer",
    "FooterShowGotoTitle": "Show Goto",
    "FootersTips": "When using <code>Footer</code> components, pay attention to the setting of the style sheet <code>position</code> attribute",
    "FootersTitle": "Footer"
  },
  "BootstrapBlazor.Server.Components.Samples.FullScreenButtons": {
    "FullScreenButtonIntro": "Use the <code>FullScreenButton</code> component to make the entire web page or a specified element full screen",
    "FullScreenButtonNormalIntro": "You can set the default icon of the button through <code>Icon</code>, and set the icon when exiting full screen through the <code>FullScreenExitIcon</code> property",
    "FullScreenButtonNormalTitle": "Basic usage",
    "FullScreenButtonTitle": "FullScreenButton",
    "FullScreenTitleLi1": "Set the fullscreen element ID through the <code>TargetId</code> parameter",
    "FullScreenTitleLi2": "Set the current page title text through the <code>Text</code> property"
  },
  "BootstrapBlazor.Server.Components.Samples.FullScreens": {
    "FullScreenNormalButtonText1": "FullScreen",
    "FullScreenNormalIntro": "The entire page is fully screened by calling the <code>Show</code> method that <code>FullScreenService</code> service instance",
    "FullScreenNormalTitle": "Basic usage",
    "FullScreenOptionDesc": "You can set the full-screen window by setting <code>FullScreenOption</code>, and specify the page element by <code>ElementReference</code> <code>Id</code> <code>Selector</code>",
    "FullScreensDescription": "Human-computer interaction by injecting service calls <code>Show</code> method pop-ups",
    "FullScreensTitle": "FullScreen"
  },
  "BootstrapBlazor.Server.Components.Samples.Gantts": {
    "AttrItems": "Data Source",
    "AttrMethod": "Change the Gantt chart view",
    "AttrOnClick": "The callback that is triggered when you click on a task",
    "AttrOnDataChanged": "A callback that is triggered when a task is dragged",
    "AttrOnProgressChanged": "A callback that is triggered when a task progress is dragged",
    "AttrOption": "Configuration items",
    "BasicTitle": "Basic usage",
    "ViewModeDesc": "Switch view mode call <code>change_view_mode</code>",
    "ViewModeTitle": "Change the view"
  },
  "BootstrapBlazor.Server.Components.Samples.Geolocations": {
    "Accuracy": "Accuracy",
    "Altitude": "Altitude",
    "AltitudeAccuracy": "AltitudeAccuracy",
    "ClearWatchPositionButtonText": "Stop Watch Position",
    "ClearWatchPositionResultFailed": "Stop watch position failed",
    "ClearWatchPositionResultSuccess": "Stop watch position success",
    "CurrentDistance": "CurrentDistance",
    "GeolocationNormalIntro": "Obtain location information through browser API.",
    "GeolocationNormalIntro2": "Click the button to get your coordinates.",
    "GeolocationNormalIntro3": "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.",
    "GeolocationNormalText": "Basic usage",
    "GeolocationsTitle": "Geolocation",
    "GetLocationButtonText": "Get Location",
    "Heading": "Heading",
    "LastUpdateTime": "UpdateTime",
    "Latitude": "Latitude",
    "Longitude": "Longitude",
    "Speed": "Speed",
    "TotalDistance": "TotalDistance",
    "WatchPositionButtonText": "Watch Position",
    "WatchPositionResultFailed": "Call WatchPosition failed",
    "WatchPositionResultSuccess": "Call WatchPosition success"
  },
  "BootstrapBlazor.Server.Components.Samples.GlobalException": {
    "Button1Text": "Test(Component)",
    "Button2Text": "Test(HtmlElement)",
    "ButtonText": "Test",
    "DialogIntro": "Click the button to pop up a pop-up window. The button in the pop-up window triggers an exception and the error is displayed in the pop-up window",
    "DialogText": "Popup",
    "DialogTitle": "In Dialog",
    "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",
    "H1": "Instructions",
    "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",
    "NormalIntro": "This function is to obtain the component instance through the cascade parameter and use its function",
    "NormalTitle": "Test",
    "OnErrorHandleIntro": "By setting the <code>OnErrorHandleAsync</code> parameter of <code>ErrorLogger</code>, you can customize the use of the <code>Swal</code> pop-up to display exception information.",
    "OnErrorHandleTitle": "OnErrorHandleAsync",
    "PageErrorIntro": "Click the button to navigate to the page where the error occurred during the page life cycle. The error is displayed on the current page and does not affect the menu and the overall page layout.",
    "PageErrorTitle": "Page",
    "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",
    "Title": "Global exception"
  },
  "BootstrapBlazor.Server.Components.Samples.GoTops": {
    "Description": "Click to return to the top of the specified container",
    "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",
    "NormalIntro": "Click to return to the top usage",
    "NormalTitle": "Basic usage",
    "Title": "GoTop"
  },
  "BootstrapBlazor.Server.Components.Samples.GroupBoxes": {
    "BasicUsageIntro": "Put your own components inside the <code>GroupBox</code>",
    "BasicUsageTitle": "Basic usage",
    "GroupP1": "I'm an example of <code>GroupBox</code>",
    "GroupP2": "For more examples, please refer to the <code>EditorForms</code> Form Example <a href='editor-form' target='_blank'>[the portal]</a>",
    "GroupTitle": "An example of a form",
    "SubTitle": "Simulate WinForm's GroupBox components",
    "Title": "GroupBox"
  },
  "BootstrapBlazor.Server.Components.Samples.Handwrittens": {
    "SubTitle": "Used to save the mobile terminal signature as Base64 encoded string",
    "Tips": "Deprecated, please use the <a href=\"signature-pad\">BootstrapBlazor.SignaturePad</a> component",
    "Title": "Handwritten"
  },
  "BootstrapBlazor.Server.Components.Samples.HikVisions": {
    "BasicUsageIntro": "Operations are performed by calling the <code>HikVision</code> component instance method.",
    "BasicUsageTitle": "Basic usage",
    "Title": "HikVision"
  },
  "BootstrapBlazor.Server.Components.Samples.Html2Images": {
    "Html2ImageButtonText": "Image",
    "Html2ImageDesc": "Since the underlying library is <a href=\"https://github.com/bubkoo/html-to-image?wt.mc_id=DT-MVP-5004174\" target=\"_blank\">html-to-image</a>, if you encounter any problems during actual use, please refer to the project <a href=\"https://github.com/bubkoo/html-to-image/issues?wt.mc_id=DT-MVP-5004174\" target=\"_blank\">Issue</a>",
    "Html2ImageElementIntro": "Get the <b>base64-encoded</b> image by calling the <code>GetDataAsync</code> method",
    "Html2ImageElementTitle": "ToPng",
    "Html2ImageIntro": "Convert any area web page into an image service",
    "Html2ImageTitle": "Html to Image"
  },
  "BootstrapBlazor.Server.Components.Samples.Html2Pdfs": {
    "ExportButtonText": "Export Pdf",
    "ExportPdfButtonIntro": "Export the specified <code>Id</code> element content as <code>Pdf</code> by setting <code>ExportPdfButton</code> component parameter <code>ElementId</code>",
    "ExportPdfButtonTitle": "ExportPdfButton",
    "Html2PdfDescription": "Export Html fragments or web page elements as Pdf",
    "Html2PdfElementDesc": "Call <code>IHtml2Pdf</code> service instance method <code>PdfStreamFromHtmlAsync</code>. export <code>html</code> to <code>Pdf</code>",
    "Html2PdfElementIntro": "Export <code>Html</code> element content as <code>Pdf</code> stream",
    "Html2PdfElementTitle": "Export DOM",
    "Html2PdfIntro1": "1. Retrieve web page elements through the <code>getHTML</code> script <code>HTML</code> code",
    "Html2PdfIntro2": "2. Generate web page code using a template using <code>HTML</code> code. <code>Note</code> the style sheet required for the web page needs to be provided <code>_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css</code>",
    "Html2PdfIntro3": "3. Convert web pages to Pdf using the <code>IHtml2Pdf</code> service instance method <code>PdfStreamFromHtmlAsync</code>",
    "Html2PdfIntro4": "4. <code>IHtml2Pdf</code> Implement service usage <code>PuppeterSharp</code> convert web pages to <code>Pdf</code>, download <code>Chromium</code> runtime when running for the first time, which may be slow under poor network conditions",
    "Html2PdfNote": "If you export too much content, <code>signalR</code> communication interruption may be triggered. Please adjust the <code>HubOptions</code> configuration.",
    "Html2PdfTitle": "Html export to Pdf",
    "PackageIntro": "Component default not implemented <code>IHtml2Pdf</code>, please refer to the package <code>BootstrapBlazor.Html2Pdf</code> package",
    "Tips1": "Introduce",
    "Tips2": "service",
    "ToastContent": "Export table by id to pdf success.",
    "ToastTitle": "Export Pdf"
  },
  "BootstrapBlazor.Server.Components.Samples.HtmlRenderers": {
    "BaseUsageText": "Normal",
    "IntroText": "Some application scenarios require us to obtain the <code>Html</code> code fragment finally output by <code>Component</code>, and call the <code>RenderAsync</code> instance method of <code>IComponentHtmlRenderer</code> service",
    "SubTitle": "Render components into Html strings",
    "Title": "Html Renderer"
  },
  "BootstrapBlazor.Server.Components.Samples.Icons.AntDesign.AntDesignIcons": {
    "AntDesignIconDescription": "Semantic vector graphics.",
    "AntDesignIconTitle": "AntDesign Svg Icon Lib",
    "Icons": "For icon list, please visit <a href=\"https://ant.design/components/icon\" target=\"_blank\">[portal]</a>",
    "P1": "1. After referencing the extension package, add the package built-in style file to open the icon",
    "P2": "2. Enable css isolation and automatically reference component styles after compilation",
    "P3": "Please copy the following code segement"
  },
  "BootstrapBlazor.Server.Components.Samples.Icons.BootstrapIcons": {
    "BaseUsageText": "Free, high quality, open source icon library",
    "Icons": "For icon list, please visit <a href=\"https://icons.getbootstrap.com\" target=\"_blank\">[portal]</a>",
    "P1": "Extending the Component Package by Reference",
    "P2": "After adding the stylesheet file link open icon",
    "Title": "Bootstrap Icons"
  },
  "BootstrapBlazor.Server.Components.Samples.Icons.ElementIcon.ElementIcons": {
    "ElementIconDescription": "Free, high quality, open source icon library",
    "ElementIconTitle": "Element-plus Icons",
    "Icons": "For icon list, please visit <a href=\"https://element.eleme.cn/#/zh-CN/component/icon\" target=\"_blank\">[portal]</a>",
    "P1": "1. After referencing the extension package, add the package built-in style file to open the icon",
    "P2": "2. Enable css isolation and automatically reference component styles after compilation",
    "P3": "Please copy the following code segement"
  },
  "BootstrapBlazor.Server.Components.Samples.Icons.FAIcons": {
    "BaseUsageText": "<code>BootstrapBlazor</code> uses <code>Font Awesome</code> latest version as the built-in icon library. All icons are as follows",
    "Icons": "For icon list, please visit <a href=\"https://fontawesome.com/icons\" target=\"_blank\">[portal]</a>",
    "P1": "Extending the Component Package by Reference",
    "P2": "After adding the stylesheet file link open icon",
    "Title": "Font Awesome Icons"
  },
  "BootstrapBlazor.Server.Components.Samples.Icons.FluentSystemIcons": {
    "BaseUsageText": "Microsoft Free Open Source Icon Library",
    "Icons": "For icon list, please visit <a href=\"https://react.fluentui.dev/?path=/docs/icons-catalog--docs\" target=\"_blank\">[portal]</a>",
    "P1": "Extending the Component Package by Reference",
    "P2": "After adding the stylesheet file link open icon",
    "Title": "Fluent System Icons"
  },
  "BootstrapBlazor.Server.Components.Samples.Icons.IconPark.IconParks": {
    "IconParkDescription": "It has covered all platforms of ByteDance commercial product series and has been introduced and used by 12 platforms as the underlying code, ensuring the uniformity of icon style and cognition.",
    "IconParkTitle": "ByteDance Svg Icon Lib",
    "Icons": "For icon list, please visit <a href=\"https://iconpark.oceanengine.com/official\" target=\"_blank\">[portal]</a>",
    "P1": "1. After referencing the extension package, add the package built-in style file to open the icon",
    "P2": "2. Enable css isolation and automatically reference component styles after compilation",
    "P3": "Please copy the following code segement"
  },
  "BootstrapBlazor.Server.Components.Samples.Icons.MaterialDesignIcons": {
    "BaseUsageText": "Material Design system icons are simple, modern and user-friendly",
    "Icons": "For icon list, please visit <a href=\"https://pictogrammers.com/library/mdi\" target=\"_blank\">[portal]</a>",
    "P1": "Extending the Component Package by Reference",
    "P2": "After adding the stylesheet file link open icon",
    "Title": "MaterialDesign Icons"
  },
  "BootstrapBlazor.Server.Components.Samples.Icons.OctIcon.OctIcons": {
    "Icons": "For icon list, please visit <a href=\"https://primer.style/foundations/icons\" target=\"_blank\">[portal]</a>",
    "OctIconDescription": "A scalable set of icons handcrafted with <3 by GitHub",
    "OctIconTitle": "Oct Svg Icon Lib",
    "P1": "1. After referencing the extension package, add the package built-in style file to open the icon",
    "P2": "2. Enable css isolation and automatically reference component styles after compilation",
    "P3": "Please copy the following code segement"
  },
  "BootstrapBlazor.Server.Components.Samples.Icons.UniverIcon.UniverIcons": {
    "Icons": "For icon list, please visit <a href=\"https://univer.ai/en-US/icons\" target=\"_blank\">[portal]</a>",
    "P1": "1. After referencing the extension package, add the package built-in style file to open the icon",
    "P2": "2. Enable css isolation and automatically reference component styles after compilation",
    "P3": "Please copy the following code segement",
    "UniverIconDescription": "Icons used by Univer",
    "UniverIconTitle": "Univer Svg Icon Lib"
  },
  "BootstrapBlazor.Server.Components.Samples.IFrames": {
    "IFrameDescription": "Allows embedding documents, videos and interactive media in a page. By doing so, a secondary page can be displayed on the main page. The iFrame element allows including content from other sources, it can integrate content anywhere on the page.",
    "IFrameNormalIntro": "Use the <code>Src</code> parameter to set the URL of other website pages and inline their content into this page",
    "IFrameNormalTitle": "Basic usage",
    "IFrameTitle": "IFrame"
  },
  "BootstrapBlazor.Server.Components.Samples.ImageCroppers": {
    "ImageCropperClearText": "Clear",
    "ImageCropperDisabledText": "Disabled",
    "ImageCropperEnableText": "Enable",
    "ImageCropperNormalIntro": "The URL of the image can be set by setting the <code>Url</code> parameter. The cropping ratio can be set by setting <code>ImageCropperOption.AspectRatio=16/9f</code>. <code>1</code> is a square.",
    "ImageCropperNormalText": "Basic usage",
    "ImageCropperReplaceText": "Replace",
    "ImageCropperResetText": "Reset",
    "ImageCropperRotateText": "Rotate",
    "ImageCropperRoundIntro": "Set the cropping mode to circular by setting the <code>IsRound</code> parameter",
    "ImageCropperRoundText": "Round",
    "Title": "Image cropper"
  },
  "BootstrapBlazor.Server.Components.Samples.ImageViewers": {
    "ImagePreviewerButton": "Show Previewer",
    "ImagePreviewerIntro": "Pop up the Previewer directly in conjunction with other components like Button",
    "ImagePreviewerTitle": "Use ImagePreviewer Standalone",
    "ImageViewerDescription": "In container, and retain the native characteristics of the img, to support lazy loading, custom placeholder, load, failure, etc",
    "ImageViewerErrorTemplateCustom": "The custom",
    "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",
    "ImageViewerErrorTemplateLoadFailed": "Load failed",
    "ImageViewerErrorTemplateTitle": "Load failed",
    "ImageViewerErrorTemplateUrlError": "Url The path error",
    "ImageViewerNormalIntro": "Load and display the image files",
    "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",
    "ImageViewerNormalTitle": "Basic usage",
    "ImageViewerPlaceHolderCustom": "Custom",
    "ImageViewerPlaceHolderDefault": "Default",
    "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",
    "ImageViewerPlaceHolderLoading": "Loading ...",
    "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",
    "ImageViewerPlaceHolderTemplateLoadingShow": "When loading show",
    "ImageViewerPlaceHolderTemplatePlaceholder": "The placeholder template",
    "ImageViewerPlaceHolderTemplateTips1": "Pictures after loading the default browser caches, suggest <KBD>F12</KBD> turn off caching experience this functionality",
    "ImageViewerPlaceHolderTemplateTitle": "The placeholder template",
    "ImageViewerPlaceHolderTemplateUrl": "Is not set Url",
    "ImageViewerPlaceHolderTips1": "Pictures after loading the default browser caches, suggest <KBD>F12</KBD> turn off caching experience this functionality",
    "ImageViewerPlaceHolderTitle": "The placeholder content",
    "ImageViewerPreviewListIntro": "Can be set up by the <code>Preview List</code> opens a larger Preview of the function, set <code>ZoomSpeed</code> to control the speed of scrolling and scaling",
    "ImageViewerPreviewListTitle": "A larger preview",
    "ImageViewerTitle": "Image Viewer pictures",
    "IntersectionObserverIntro": "By setting <code>IsIntersectionObserver=\"true\"</code> to enable lazy loading, the image will not be loaded when it is in the invisible area, and will be loaded only when it is about to be visible.",
    "IntersectionObserverTitle": "Intersection Observer"
  },
  "BootstrapBlazor.Server.Components.Samples.InputGroups": {
    "InputGroupsCheckboxIntro": "Add <code>Checkbox</code> or <code>CheckboxList</code> to the <code>InputGroup</code>",
    "InputGroupsCheckboxTitle": "Checkbox",
    "InputGroupsDateTimePickerIntro": "Add <code>DateTimePicker</code> or <code>DateTimeRange</code> to the <code>InputGroup</code>",
    "InputGroupsDateTimePickerTitle": "DateTimePicker/Range",
    "InputGroupsDescription": "Input can add labels and buttons before or after it to make as a group",
    "InputGroupsDropdownIntro": "Add <code>Dropdown</code> to the <code>InputGroup</code>",
    "InputGroupsDropdownTitle": "Dropdown",
    "InputGroupsMultipleDistance": "Distance",
    "InputGroupsMultipleIntro": "The <code>InputGroup</code> can have lots of children",
    "InputGroupsMultipleTitle": "Add multiple components",
    "InputGroupsNormalIntro": "Add a label before the <code>Input</code>, or Add a <code>Button</code> after the <code>Input</code>",
    "InputGroupsNormalTitle": "Basic usage",
    "InputGroupsNormalUserName": "UserName",
    "InputGroupsRadioIntro": "Add <code>RadioList</code> to the <code>InputGroup</code>",
    "InputGroupsRadioTitle": "Radio",
    "InputGroupsSelectIntro": "Add <code>Select</code> component to the <code>InputGroup</code>",
    "InputGroupsSelectTitle": "Add Select",
    "InputGroupsSlideButtonIntro": "Add <code>SlideButton</code> to the <code>InputGroup</code>",
    "InputGroupsSlideButtonTitle": "SlideButton",
    "InputGroupsStatusText1": "CheckboxItem",
    "InputGroupsSwitchIntro": "Add <code>Switch</code> to the <code>InputGroup</code>",
    "InputGroupsSwitchTitle": "Switch",
    "InputGroupsTitle": "InputGroup",
    "InputGroupsValidateFormIntro": "Inside <code>ValidateForm</code>",
    "InputGroupsValidateFormTitle": "ValidateForm",
    "InputGroupsWidthIntro": "Customize label width by setting <code>Width</code>parameters",
    "InputGroupsWidthTitle": "Custom Width"
  },
  "BootstrapBlazor.Server.Components.Samples.InputNumbers": {
    "InputNumbersColorDescription1": "Show button",
    "InputNumbersColorDescription2": "No button",
    "InputNumbersColorIntro": "Set the <code>Color</code> parameter to customize the button color",
    "InputNumbersColorTitle": "Color",
    "InputNumbersDateTypeIntro": "This component uses generic support the underlying data type <code>int short long float double decimal</code>",
    "InputNumbersDateTypeTitle": "Data type",
    "InputNumbersDescription": "Only standard numeric values are allowed, and custom ranges and other advanced features are supported",
    "InputNumbersDisabledIntro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "InputNumbersDisabledTitle": "Disable",
    "InputNumbersNormalIntro": "The <code>Numer</code> numeric type displays a text box, and the mobile side automatically pops up the numeric keypad",
    "InputNumbersNormalTitle": "Basic usage",
    "InputNumbersNullableIntro": "When binding to a data type that can be empty, the component allows empty strings. When inputting illegal data such as <code>1+2+3e</code>, the component UI value is an empty string",
    "InputNumbersNullableTitle": "Nullable data type",
    "InputNumbersRangeIntro": "Set the <code>Max</code> <code>Min</code> to control the range of value intervals 1-10",
    "InputNumbersRangeTitle": "Interval limit usage",
    "InputNumbersShowButtonDescription": "This example sets a maximum of 10 minimum value of 0",
    "InputNumbersShowButtonIntro": "Set the <code>ShowButton</code> parameter to control whether the buttons are displayed to increase or decrease",
    "InputNumbersShowButtonTitle": "Control button",
    "InputNumbersStep0.1": "The step defaults to 0.1",
    "InputNumbersStep1": "The step defaults to 1",
    "InputNumbersStep10": "The step defaults to 10",
    "InputNumbersStepIntro": "Set the <code>Step</code> parameter to control the increase or decrease in steps",
    "InputNumbersStepTitle": "Custom steps",
    "InputNumbersTitle": "InputNumber",
    "InputNumbersUseInputEventIntro": "Component uses <code>OnInput</code> event for value updates",
    "InputNumbersUseInputEventTitle": "OnInput",
    "InputNumbersValidateFormDescription": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the > of the <a href=inputs'>[The portal]</a>",
    "InputNumbersValidateFormDivider1": "Bidirectional binding displays labels",
    "InputNumbersValidateFormDivider2": "Bidirectional bindings do not display labels",
    "InputNumbersValidateFormDivider3": "Custom  DisplayText",
    "InputNumbersValidateFormInputText": "Customization",
    "InputNumbersValidateFormIntro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "InputNumbersValidateFormTitle": "The label is displayed"
  },
  "BootstrapBlazor.Server.Components.Samples.Inputs": {
    "ClearableIntro": "By setting the <code>Clearable=\"true\"</code> parameter, a small <b>Clear</b> button will be displayed when the component gains focus or when the mouse hovers over it.",
    "ClearableTitle": "Clearable",
    "InputLabelsText": "Custom labels",
    "InputsBaseUsage": "Basic usage",
    "InputsColorIntro": "Change the color of the text border by setting <code>Color</code>",
    "InputsColorTitle": "Color",
    "InputsDescription": "Enter characters with the mouse or keyboard",
    "InputsDisabledIntro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "InputsDisabledTitle": "Disable",
    "InputsFormatStringIntro": "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",
    "InputsFormatStringSetting": "Set up",
    "InputsFormatStringTips": "The <code>BootstrapInput</code> component binds <code>byte[]</code> array and formats it as an example of <code>base64</code> encoded string",
    "InputsFormatStringTitle": "Custom format",
    "InputsGenericBindValue": "The binding value",
    "InputsGenericIntro": "<code>BootstrapInput</code> component bidirectional binding value is generic, in this case a two-way binding of an int type value",
    "InputsGenericTitle": "Generic binding",
    "InputsKeyboardIntro": "Using <code>OnEnterAsync</code> <code>OnEscAsync</code> callback delegates to respond to the <kbd>Enter</kbd> <kbd>ESC</kbd> keystrokes",
    "InputsKeyboardLog": "The key triggers the current text box value",
    "InputsKeyboardTips1": "Press the keyboard <kbd>Enter</kbd> or <kbd>Esc</kbd> test",
    "InputsKeyboardTips2": "Execute <code>@ref.SelectAllTextAsync()</code> method select the all text",
    "InputsKeyboardTitle": "Keyboard response",
    "InputsLabelsDescription": "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",
    "InputsLabelsDivider1": "Custom labels",
    "InputsLabelsDivider2": "Occupants",
    "InputsLabelsDivider3": "Do not occupy seats",
    "InputsLabelsIntro": "Binding variables within a component, data is automatically synchronized",
    "InputsLabelsTips1": "Set the <code>DisplayText</code> value to <b>custom label</b>",
    "InputsLabelsTips3": "The value of <code>DisplayText</code> is not displayed when the <code>ShowLabel</code> is <code>false</code>",
    "InputsLabelsTitle": "Bind data in both directions",
    "InputsLabelsTps2": "The value of <code>DisplayText</code>  is displayed when <code>ShowLabel</code> is <code>true</code>, regardless of whether the value is set",
    "InputsNormalDescription": "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",
    "InputsNormalIntro": "Provides basic text entry components",
    "InputsOnInputIntro": "Use <code>UseInputEvent=\"true\"</code> to trigger when the value of the text box changes, used for key-by-key response occasions",
    "InputsOnInputTitle": "Fires when the value of the text box changes",
    "InputsPassword2Intro": "Use the <code>BootstrapPassword</code> component",
    "InputsPassword2Title": "The password box",
    "InputsPasswordDescription": "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>",
    "InputsPasswordIntro": "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",
    "InputsPasswordTitle": "The password box",
    "InputsPlaceholderIntro": "Displays the value of variables within the component",
    "InputsPlaceholderSpan": "One-way binding",
    "InputsPlaceholderTitle": "One-way binding data",
    "InputsTitle": "Input",
    "InputsTrimIntro": "Use <code>IsTrim=\"true\"</code> to automatically trim white space when entering content",
    "InputsTrimTitle": "Trim",
    "InputsValidateFormIntro": "Check data validity and prompt automatically based on custom validation rules",
    "InputsValidateFormTips1": "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 ",
    "InputsValidateFormTitle": "Client valiation",
    "IsSelectAllTextOnEnterLabel": "Select all on enter",
    "IsSelectAllTextOnFocusLabel": "Select all on focus",
    "NormalPlaceHolder": "Please enter ...",
    "OnInputDescription": "The <code>ValueChanged</code> callback will be trigger when the keyboard is pressed if set the parameter <code>UseInputEvent</code> to <code>true</code>",
    "PlaceHolder": "Please enter ...",
    "TestName": "Tom",
    "TrimDescription": "The front and back spaces in the component will be trimmed when set <code>IsTrim</code> to <code>true</code>"
  },
  "BootstrapBlazor.Server.Components.Samples.IntersectionObservers": {
    "IntersectionObserverBaseUsage": "Basic usage",
    "IntersectionObserverDescription": "Scrolling makes the element visible to trigger component callbacks, mostly used for data lazy loading functions",
    "IntersectionObserverLoadDesc1": "By setting <code>Threshold=\"1.0\"</code> to constrain the loading indicator to be fully visible, perform the load more action",
    "IntersectionObserverLoadDesc2": "Ensure that the loading indicator visibility is always checked by setting <code>AutoUnobserve=\"false\"</code> to prevent automatic removal of the check once it becomes visible",
    "IntersectionObserverLoadDesc3": "Simulate network delay of 1s by setting the <code>OnLoadMoreAsync</code> method",
    "IntersectionObserverLoadIntro": "After scrolling to the bottom, a loading more indicator appears, notifying the background to load data",
    "IntersectionObserverLoadTitle": "Load",
    "IntersectionObserverNormalDescription": "This example loads 100 pictures. The invisible pictures load the default pictures (cached). When you scroll to the visible area, you load the real pictures.",
    "IntersectionObserverNormalIntro": "Monitor element visibility changes by setting <code>RootSelector</code> <code>RootMargin</code> <code>Threshold</code> parameter values",
    "IntersectionObserverThresholdDesc": "Drag the scroll bar of the <code>div</code> below to observe data changes",
    "IntersectionObserverThresholdIntro": "After setting <code>Threshold</code>, the intersection ratio between the observed element and the root element is obtained through the callback parameter <code>IntersectionObserveEntry</code> attribute <code>IntersectionRatio</code>",
    "IntersectionObserverThresholdTitle": "IntersectionRatio",
    "IntersectionObserverTitle": "IntersectionObserver",
    "IntersectionObserverVisibleDesc": "In this example, <code>Threshold=\"1\"</code> is set, which means that the trigger condition is to play when the video is fully visible, otherwise it will automatically pause",
    "IntersectionObserverVisibleIntro": "By setting <code>Threshold</code> specifying a ratio of intersection area to total bounding box area for the observed target",
    "IntersectionObserverVisiblePauseLabel": "Video Paused",
    "IntersectionObserverVisiblePlayLabel": "Video Playing",
    "IntersectionObserverVisibleTitle": "Threshold",
    "LoadMoreDesc": "<p>In this example, the loading indicator is displayed by setting <code>CanLoading</code> to <code>true</code>, and the <b>No More Data</b> prompt text is displayed when loading is complete.</p><ul class=\"ul-demo\"><li>Customize the UI for loading more through <code>LoadingTemplate</code></li><li>Customize the UI displayed when there is no more data through <code>NoMoreTemplate</code></li><li>Set the indicator text displayed when there are no more add-ons through the <code>NoMoreText</code> parameter</li></ui>",
    "LoadMoreIntro": "By setting the <code>LoadMore</code> component parameter <code>IsLoading</code> to control the loading state, the <code>OnLoadMoreAsync</code> callback method loads more data",
    "LoadMoreTitle": "LoadMore Component"
  },
  "BootstrapBlazor.Server.Components.Samples.Ips": {
    "IpNormalIntro": "Enter and display the  <code>ip</code>  address in sections, for example: <code>192.168.1.1</code>",
    "IpNormalTitle": "Basic usage",
    "IpSubTitle": "The IP Address component is a reusable component for entering and validating IP addresses.",
    "IpTitle": "IpAddress",
    "IsDisabledIntro": "Make the component disabled by setting <code>IsDisabled</code>",
    "IsDisabledTitle": "IsDisabled"
  },
  "BootstrapBlazor.Server.Components.Samples.JSRuntimeExtensions": {
    "EvalIntro": "Dynamically run Java Script code within the current scope using the Eval function.",
    "EvalTitle": "JS Eval",
    "FunctionIntro": "Dynamically run Java Script code within the global scope through the Function function.",
    "FunctionTitle": "JS Function",
    "IsMobileIntro": "Determine userAgent through regular expressions, indicating whether the current device is a mobile device",
    "IsMobileTitle": "GetIsMobileDevice",
    "JSTips": "Before use, import the module according to the following code",
    "OpenUrlIntro": "Open url in a Window",
    "OpenUrlTips": "Default to:",
    "OpenUrlTitle": "OpenUrl"
  },
  "BootstrapBlazor.Server.Components.Samples.Labels": {
    "EditorFormLabelAlignCenter": "<p><b>Alignment</b></p><div><code>LabelAlign=\"Alignment.Center\"</code> set the label alignment is center</div>",
    "EditorFormLabelAlignRight": "<p><b>Alignment</b></p><div><code>LabelAlign=\"Alignment.Right\"</code> set the label alignment is right</div>",
    "LabelsDescription": "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:",
    "LabelsDescriptionTips1": "The <a href='/validate-form' 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",
    "LabelsDescriptionTips2": "The <a href='/editor-form' 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",
    "LabelsDescriptionTips3": "Take the <a href='input' target='_blank'>BootstrapInput</a> input box component as an example to explain whether to display the <code>Label</code> logic",
    "LabelsEditorFormDescription1": "<p><b class=\"mb-3\">Do not display labels</b></p><div>Set <code>ShowLabel=\"false\"</code>, all form components in the component <b>Do not display</b> tags</div>",
    "LabelsEditorFormDescription2": "<p><b class=\"mb-3\">Show label</b></p><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>",
    "LabelsEditorFormIntro": "Not used in <code>ValidateForm</code>",
    "LabelsEditorFormTitle": "Used in EditorForm",
    "LabelsNormalDescription": "When two-way binding is not used",
    "LabelsNormalDescription2": "When using two-way binding",
    "LabelsNormalGroupBox1Tips1": "No settings in the first text box, no label",
    "LabelsNormalGroupBox1Tips2": "The second text box setting <code>ShowLabel='true' DisplayText=''</code> displays a placeholder label without content",
    "LabelsNormalGroupBox1Tips3": "The third text box setting <code>ShowLabel='true' DisplayText='Name'</code> shows the set content label",
    "LabelsNormalGroupBox1Tips4": "The fourth text box setting <code>ShowLabel='true' DisplayText='@null'</code> displays a placeholder label without content",
    "LabelsNormalGroupBox1Title": "No two-way binding",
    "LabelsNormalGroupBox2Tips1": "The first text box is set to <code>@bind-Value='Dummy.Name'</code>, no label is displayed",
    "LabelsNormalGroupBox2Tips2": "The second text box setting <code>@bind-Value='Dummy.Name' ShowLabel='true' DisplayText='@Localizer[nameof(Foo.Address)]'</code> Display the contents of the setting",
    "LabelsNormalGroupBox2Tips3": "The third text box setting <code>@bind-Value='Dummy.Name' ShowLabel='true' DisplayText=''</code> Show no content placeholder label",
    "LabelsNormalGroupBox2Tips4": "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>",
    "LabelsNormalGroupBox2Title": "Two-way binding",
    "LabelsNormalIntro": "Suitable for data entry",
    "LabelsNormalTips1": "<code>Label</code> will not be displayed by default",
    "LabelsNormalTips2": "Control whether to display through the <code>ShowLabel</code> property",
    "LabelsNormalTips3": "Display content when setting <code>DisplayText</code>",
    "LabelsNormalTips4": "When not set, render a contentless <code>label</code> component as a placeholder",
    "LabelsNormalTitle": "Use alone",
    "LabelsRowLabelWidthIntro": "Control label width by setting style variable <code>--bb-row-label-width</code>",
    "LabelsRowLabelWidthTitle": "Style setting label width",
    "LabelsTips": "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>",
    "LabelsTitle": "Component label",
    "LabelsValidateForm1Description1": "<p><b>Show label</b></p><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>",
    "LabelsValidateForm1Description2": "<p><b>Do not display labels</b></p><div>Set <code>ShowLabel=\"false\"</code>, all form components in the component <b>Do not display</b> tags</div>",
    "LabelsValidateForm1Intro": "Used in external <code>ValidateForm</code>",
    "LabelsValidateForm1Title": "Use in EditorForm built-in ValidateForm",
    "LabelsValidateForm2Description1": "<p><b>Show label</b></p><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>",
    "LabelsValidateForm2Description2": "<p><b>Do not display labels</b></p><div>Set <code>ShowLabel=\"false\"</code>, all form components in the component <b>Do not display</b> tags</div>",
    "LabelsValidateForm2Description3": "<b>Show labels</b><div>set class <code>form-inline</code> for the all labels within the component are prefixed</div>",
    "LabelsValidateForm2Intro": "Show labels are automatically turned on by default",
    "LabelsValidateForm2Title": "Used in ValidateForm",
    "LabelsWidthCode1": "As shown in the code above, the final value is <b>180</b> according to the principle of proximity",
    "LabelsWidthDescription": "The components <code>ValidateForm</code> <code>EditorForm</code> <code>BootstrapLabelSetting</code> <code>ValidateForm</code> can set the label width value. The components use the <b>proximity principle</b> to determine the final value",
    "LabelsWidthIntro": "Control the label width by setting the variable <code>LabelWidth</code>",
    "LabelsWidthTitle": "Parameter setting label width",
    "ValidateFormAlignCenter": "<p><b>Center</b></p><div><code>form-inline-center</code> set the label alignment is center</div>",
    "ValidateFormAlignRight": "<p><b>Right</b></p><div><code>form-inline-end</code> set the label alignment is right</div>"
  },
  "BootstrapBlazor.Server.Components.Samples.LayoutPages": {
    "H1": "full page level components",
    "P1": "via built-in components",
    "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",
    "P2": "For full page layout, you can use",
    "P20": "Fixed adjustment",
    "P21": "fixed label",
    "P22": "fixed header",
    "P23": "fixed footer",
    "P24": "Shrink adjustment",
    "P25": "Please click",
    "P26": "small <b>button</b>",
    "P27": "height adjustment",
    "P28": "view height",
    "P29": "Tab Test",
    "P3": "or install",
    "P30": "click",
    "P31": "test",
    "P32": "test",
    "P33": "button will add a new tab",
    "P34": "Navigate to a new tab page as code",
    "P35": "navigation",
    "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"
  },
  "BootstrapBlazor.Server.Components.Samples.Layouts": {
    "LayoutsAppIntro": "In application",
    "LayoutsAppTips1": "In actual use, the sidebar generally has two uses",
    "LayoutsAppTips2": "The sidebar fills the entire screen, and scroll bars appear when the overall height of the menu exceeds the screen",
    "LayoutsAppTips3": "The sidebar is not processed and the height is automatically opened by the content",
    "LayoutsAppTips4": "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",
    "LayoutsAppTips5": "In order to facilitate your study and comparison, try to use the <code>style</code> inline style in the following practical examples",
    "LayoutsAppTips6": "In this example, a scroll bar appears after clicking the menu on the left to expand",
    "LayoutsAppTips7": "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>",
    "LayoutsAppTips8": "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",
    "LayoutsAppTips9": "Please refer to <a href='/tab'>Tab component</a> for practical examples of using <code>Layout</code> component and <code>Tab</code> component together",
    "LayoutsAppTitle": "Practical application",
    "LayoutsCustomPercentIntro": "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",
    "LayoutsCustomPercentTitle": "Customize sidebar width support percentage",
    "LayoutsDemosTitle": "Common page layout",
    "LayoutsDescription1": "The container component used for layout, which is convenient to quickly build the basic structure of the page:",
    "LayoutsDescription1_Container": "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.",
    "LayoutsDescription1_Footer": "Bottom bar container",
    "LayoutsDescription1_Header": "Top bar container",
    "LayoutsDescription1_Main": "Main area container",
    "LayoutsDescription1_Side": "Sidebar container",
    "LayoutsDescription2": "Component overview",
    "LayoutsDescription2_Footer": "Bottom layout, with default style, any element can be nested under it",
    "LayoutsDescription2_Header": "Top layout, with default style, any elements can be nested under it",
    "LayoutsDescription2_Layout": "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",
    "LayoutsDescription2_Main": "The content part, with its own default style, any element can be nested under it",
    "LayoutsDescription2_Side": "Sidebar, with default style and basic functions, any elements can be nested under it",
    "LayoutsLeftRightIntro": "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",
    "LayoutsLeftRightTitle": "Left and right structure",
    "LayoutsMiddleLeftRightIntro": "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.",
    "LayoutsMiddleLeftRightTitle": "Left and right structural layout in the middle",
    "LayoutsPageHrefTitle": "Whole page component generator",
    "LayoutsPageIntro": "By setting the <code>IsPage</code> layout the full page",
    "LayoutsPageTips1": "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",
    "LayoutsPageTitle": "Full page level components",
    "LayoutsTips1": "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>",
    "LayoutsTips2": "Matters needing attention",
    "LayoutsTips3": "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</code>. For specific usage and steps, please click <a href='template' target='_blank'>Portal</a>",
    "LayoutsTitle": "Layout",
    "LayoutsUpAndDownIntro": "Commonly found in Internet website layout",
    "LayoutsUpAndDownTitle": "Top, middle and bottom layout"
  },
  "BootstrapBlazor.Server.Components.Samples.Lights": {
    "LightsColorIntro": "Color the light by setting the value of the parameter <code>Color</code>",
    "LightsColorTitle": "discoloration",
    "LightsDescription": "Provides various status indicators",
    "LightsFlashingIntro": "Flash the light by setting the parameter <code>IsFlash</code>",
    "LightsFlashingTitle": "flicker",
    "LightsFlatIntro": "Make the indicator light flat by setting the parameter <code>IsFlat</code>",
    "LightsFlatTitle": "Flat",
    "LightsNormalIntro": "for status indication",
    "LightsNormalTitle": "common usage",
    "LightsTitle": "Light indicator",
    "LightsTooltipTextIntro": "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",
    "LightsTooltipTextTitle": "prompt text",
    "TooltipText": "I am prompt text message"
  },
  "BootstrapBlazor.Server.Components.Samples.LinkButtons": {
    "LinkButtonChildIntro": "Set <code>ChildContent</code> for customer template",
    "LinkButtonChildTitle": "Template",
    "LinkButtonColorIntro": "Set <code>Color</code> change the color of text",
    "LinkButtonColorText": "Button",
    "LinkButtonColorTitle": "Color",
    "LinkButtonIconIntro": "Set <code>Icon</code> for display as icon button",
    "LinkButtonIconTitle": "Icon",
    "LinkButtonImageIntro": "Set <code>ImageUrl</code> for image",
    "LinkButtonImageTitle": "Image",
    "LinkButtonIsDisabledIntro": "Set <code>IsDisabled</code> for disable the link button",
    "LinkButtonIsDisabledText": "Disabled",
    "LinkButtonIsDisabledTitle": "Disabled",
    "LinkButtonOnClickIntro": "Set <code>OnClick</code> handler onclick event",
    "LinkButtonOnClickTitle": "OnClick",
    "LinkButtonsComTitle": "LinkButton",
    "LinkButtonsSubTitle": "Provider A html tag as Button",
    "LinkButtonText": "LinkButton",
    "LinkButtonTextIntro": "Set <code>Text</code> for displayed text",
    "LinkButtonTextTitle": "LinkButton",
    "LinkButtonTitleDetail": "show <code>Tooltip</code> when hover on this button",
    "LinkButtonTitleIntro": "Set <code>Title</code> for tooltip",
    "LinkButtonTitleTitle": "Tooltip",
    "LinkButtonTitleTooltip": "this is Tooltip title",
    "LinkButtonUrlIntro": "Set <code>Url</code> for navigation Url",
    "LinkButtonUrlTitle": "Navigation Url",
    "LinkButtonVerticalIntro": "Set <code>IsVertical</code> for vertical layout the icon and text",
    "LinkButtonVerticalText": "TestButton",
    "LinkButtonVerticalTitle": "Vertical"
  },
  "BootstrapBlazor.Server.Components.Samples.ListGroups": {
    "BasicUsageIntro": "Set datasource by <code>Items</code>",
    "BasicUsageTitle": "Basic usage",
    "HeaderTemplateIntro": "Set <code>HeaderTemplate</code> for custom Header",
    "HeaderTemplateTitle": "Header Template",
    "HeaderText": "Header Title",
    "HeaderTextIntro": "By set <code>HeaderText</code> for header text",
    "HeaderTextTitle": "Header",
    "ListGroupsSubTitle": "Mostly used for data browsing and selection",
    "ListGroupsTips": "<li>Set the list box to display the dataset through <code>Items</code></li><li>Set the list box data item display text by <code>GetItemDisplayText</code></li><li>Due to the internal height of the component being set to <code>100%</code>, the parent container will be automatically filled when used. When the parent container is set to a height, a scroll bar will automatically appear on the list items. In this example, set the height of the external container element code>list-group-demo</code> to <code>280px</code></li>",
    "ListGroupsTitle": "ListGroup"
  },
  "BootstrapBlazor.Server.Components.Samples.ListViews": {
    "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",
    "BasicUsageTitle": "Basic usage",
    "CollapseIntro": "Set up grouping can collapable via <code>Collapsible=\"true\"</code>",
    "CollapseTitle": "Collapsable",
    "GroupIntro": "Set up grouping <code>GroupName</code> data. set the group order by <code>GroupOrderCallback</code>",
    "GroupTitle": "Group display",
    "IsAccordionIntro": "Set up grouping can accordion via <code>IsAccordion=\"true\"</code>",
    "IsAccordionTitle": "Group accordion",
    "ListViewsSubTitle": "Provides rule arrangement controls",
    "ListViewsTitle": "ListView",
    "PaginationIntro": "Set the <code>Pageable</code> display paginated components",
    "PaginationTitle": "Paginated display",
    "ProductListText": "The list of products"
  },
  "BootstrapBlazor.Server.Components.Samples.Live2DDisplays": {
    "Live2DDisplayDescription": "Live2D Widget plugin based on pixi live2d display, supporting all versions of Live2D models.",
    "Live2DDisplayNormalIntro": "By adjusting the default parameter options, achieve dynamic changes in the model.",
    "Live2DDisplayNormalTips": "Add the following code to Program.cs.",
    "Live2DDisplayNormalTitle": "Usage",
    "Live2DDisplayTitle": "Live2D Widget"
  },
  "BootstrapBlazor.Server.Components.Samples.Locators": {
    "LocatorsNormalButtonText": "Locating",
    "LocatorsNormalCustomerLocator": "Add <code>CustomerLocatorProvider</code> to the service container using the <code>AddSingleton</code> method",
    "LocatorsNormalDescription": "Introduction to usage",
    "LocatorsNormalDisplayText": "Geographical location",
    "LocatorsNormalExtend1": "1. Implement a custom locator",
    "LocatorsNormalExtend2": "2. Configure a custom locator",
    "LocatorsNormalExtend3": "3. Use locator",
    "LocatorsNormalExtendDescription": "Extend the custom geo-location query interface",
    "LocatorsNormalInjectIPLocator": "The component uses the injection service <code>IIPLocatorProvider</code> call the <code>Locate</code> method",
    "LocatorsNormalInputText": "IpAddress",
    "LocatorsNormalIntro": "The injection service displays client geographic location information",
    "LocatorsNormalIpTitle": "IP test data",
    "LocatorsNormalTips1": "Solution:",
    "LocatorsNormalTips2": "The <code>Startup</code> file add the following phrase to the  <code>ConfigureServices</code> method",
    "LocatorsNormalTips3": "Shandong, China Unicom",
    "LocatorsNormalTips4": "Shushan District Hefei, Anhui China Telecom",
    "LocatorsNormalTips5": "Bao'an District, Shenzhen, Guangdong China Telecom",
    "LocatorsNormalTipsTitle": "Some geographic location query interfaces may return character sets from other character sets such as<code>gbk</code>, and the program may report an error",
    "LocatorsNormalTitle": "Basic usage",
    "LocatorsProviderDesc": "<p>The component library built-in free online geolocation locators, <code>BaiduIpLocatorProvider</code><p><p>The component library has a built-in paid online geolocation locator <code>BootstrapBlazor.JuHeIpLocatorProvider</code> <a href=\"https://www.nuget.org/packages/BootstrapBlazor.JuHeIpLocatorProvider\" target=\"_blank\">Nuget package</a> <a href=\"https://juhe.cn\" target=\"_blank\">Official website address</a></p><p>The component library has a built-in free offline geolocation locator <code>BootstrapBlazor.IP2Region</code> <a href=\"https://www.nuget.org/packages/BootstrapBlazor.IP2Region\" target=\"_blank\">Nuget package</a>. Supports IPv6 format.</p>",
    "LocatorsSubTitle": "More for system log tracking and analysis",
    "LocatorsTitle": "Get the IP geographic location"
  },
  "BootstrapBlazor.Server.Components.Samples.Logouts": {
    "LogoutsChildContentCustomDisplay": "Customize display content",
    "LogoutsChildContentIntro": "Set <code>ChildContent</code> or write other components directly inside the component",
    "LogoutsChildContentTitle": "Custom display template",
    "LogoutsDescription": "Used for site logout action",
    "LogoutsHeaderTemplateIntro": "set up <code>HeaderTemplate</code>",
    "LogoutsHeaderTemplateTitle": "Custom Login Information Template",
    "LogoutsHeaderTemplateUser1": "General manager",
    "LogoutsHeaderTemplateUser2": "Admin",
    "LogoutsLinkTemplateIntro": "set up <code>LinkTemplate</code>",
    "LogoutsLinkTemplatePersonalCenter": "personal center",
    "LogoutsLinkTemplateSetup": "set up",
    "LogoutsLinkTemplateTitle": "Custom link template",
    "LogoutsNormalIntro": "Use the built-in template directly",
    "LogoutsNormalTitle": "Common usage",
    "LogoutsShowUserNameIntro": "Set <code>ShowUserName</code> to <code>false</code>",
    "LogoutsShowUserNameTitle": "Only show avatars",
    "LogoutsTitle": "Logout component"
  },
  "BootstrapBlazor.Server.Components.Samples.Markdowns": {
    "MarkdownsAsyncButtonText": "load",
    "MarkdownsAsyncIntro": "Get <code>Markdown</code> display with <code>Webapi</code>",
    "MarkdownsAsyncTitle": "Load the data asynchronously",
    "MarkdownsBrowserButtonText1": "Insert a line of text",
    "MarkdownsBrowserButtonText2": "Insert a picture",
    "MarkdownsBrowserButtonText3": "The cursor moves to the end",
    "MarkdownsBrowserIntro": "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>",
    "MarkdownsBrowserText": "coconut palm",
    "MarkdownsBrowserTitle": "External operation Markdown",
    "MarkdownsCommonPropertyDescription": "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",
    "MarkdownsCommonPropertyIntro": "Change the default parameters",
    "MarkdownsCommonPropertyPlaceHolder": "This is Markdown",
    "MarkdownsCommonPropertyTitle": "Common properties",
    "MarkdownsCss": "CSS file",
    "MarkdownsCssText": "dynamic import css",
    "MarkdownsDescription": "A text editor that provides support for the Markdown syntax",
    "MarkdownsEnableHighlightIntro": "Enable plugins with <code>EnableHighlight=true</code>, highlighting using ``` followed by code formatting, and js highlight syntax for example ```js",
    "MarkdownsEnableHighlightTitle": "Enable the code highlighting plugin",
    "MarkdownsIsDarkTitle": "Dark mode",
    "MarkdownsIsViewerDescription": "Set the <code>markdown</code> editor to browse-only mode, <code>IsViewer='true'</code>",
    "MarkdownsIsViewerIntro": "Simple browsing mode, not editable",
    "MarkdownsIsViewerTitle": "Browser mode",
    "MarkdownsJs": "JS file",
    "MarkdownsJsText": "dynamic import JavaScript",
    "MarkdownsLocalizationTips": "The component has a built-in Chinese to switch between current cultural information for Chinese",
    "MarkdownsLocalizationTipsTitle": "Localization",
    "MarkdownsNormalDescription": "Once you <code>Markdown</code> code, click on the relevant area below to display the data",
    "MarkdownsNormalIntro": "The default setting",
    "MarkdownsNormalTitle": "Common usage",
    "MarkdownsNote": "If you edit too much content, <code>signalR</code> communication interruption may be triggered. Please adjust the <code>HubOptions</code> configuration.",
    "MarkdownsTitle": "Markdown",
    "MarkdownString": "Test",
    "MarkdownsValidateIntro": "Check data validity and prompt automatically based on custom validation rules",
    "MarkdownsValidateSubmitText": "Save",
    "MarkdownsValidateTitle": "Validate"
  },
  "BootstrapBlazor.Server.Components.Samples.Marquees": {
    "MarqueeBase": "Usage",
    "MarqueeBaseIntro": "Adjusting the text scrolling effect through parameters",
    "MarqueeDescription": "The component is mostly used to create scrolling text, usually for news scrolling, advertising scrolling, etc.",
    "MarqueeTitle": "Marquee component"
  },
  "BootstrapBlazor.Server.Components.Samples.Masks": {
    "MaskCloseIntro": "Close the popup by using the <code>DialogCloseButton</code> component or cascade parameters",
    "MaskCloseTitle": "Close By Code",
    "MaskContainerIntro": "Specify the mask position by setting the <code>MaskOption</code> parameter <code>ContainerId</code>",
    "MaskContainerTitle": "Container",
    "MaskDescription": "By calling the service display and hide methods, a mask layer is displayed to mask the data.",
    "MaskNormalDesc": "You can adjust the <code>ZIndex</code> <code>Opacity</code> <code>BackgroundColor</code> parameters via <code>MaskOption</code>",
    "MaskNormalIntro": "Call the <code>MaskService</code> mask service example method <code>Show</code> to display a mask, and call the instance method <code>Close</code> to close the mask after 3 seconds",
    "MaskNormalTitle": "Basic usage",
    "MaskTitle": "Mask",
    "MultipleMaskContainerDesc": "Set the <code>Mask</code> component in the component. When calling the <code>Show</code> instance method of <code>MaskService</code>, specify the <code>Mask</code> instance as the second parameter.",
    "MultipleMaskContainerIntro": "By customizing the <code>Mask</code> component, you can mask multiple parts of a web page.",
    "MultipleMaskContainerTitle": "Multiple Mask",
    "ShowMaskButtonText": "Show"
  },
  "BootstrapBlazor.Server.Components.Samples.Menus": {
    "MenusAccordionIntro": "Set the accordion effect sidebar menu by setting the <code>IsAccordion</code> property",
    "MenusAccordionTitle": "Sidebar for accordion effects",
    "MenusBottomBarIntro": "Set the parameter <code>IsBottom</code> value is <b>true</b> menu bar at the bottom of the container, for the mover",
    "MenusBottomBarTips": "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>",
    "MenusBottomBarTitle": "Bottom bar",
    "MenusClickShrinkAlertText": "Note that the <code>IsCollapsed</code> property is available only if the <code>IsVertical</code> is true, i.e. only sidebar menus",
    "MenusClickShrinkDescription": "In this example, the layout component <code>Layout</code> is used to build a web page",
    "MenusClickShrinkIntro": "Set the sidebar menu to the put-away state by setting the <code>IsCollapsed</code> property",
    "MenusClickShrinkMenuTitle": "Admin",
    "MenusClickShrinkSpanSpan": "I am the title of the website",
    "MenusClickShrinkTitle": "Sidebar effect with shrink",
    "MenusCustomNodeDescription": "In this example, the <b>permission settings</b>node is expanded and the remaining nodes are in the recess state",
    "MenusCustomNodeIntro": "Set whether the node is receding by setting the <code>IsCollapsed</code> property of the <code>MenuItem</code>",
    "MenusCustomNodeTitle": "Custom node shrinkage",
    "MenusDescription": "A list of menus that provide navigation for pages and features.",
    "MenusDynamicButton1Text": "Update the menu",
    "MenusDynamicButton2Text": "Reset the menu",
    "MenusDynamicIntro": "Change the menu item by dynamically setting <code>Theitems</code> property values",
    "MenusDynamicTitle": "Dynamically change the menu",
    "MenusIconLeftIntro": "Set the menu icon by setting the menu item the <code>Icon</code> property of the <code>MenuItem</code>",
    "MenusIconLeftTitle": "Sidebar menu with icon",
    "MenusIconTopIntro": "For simple website apps, set the menu icon by setting the menu item the <code>Icon</code> property of the <code>MenuItem</code>",
    "MenusIconTopTitle": "Top bar menu with icon",
    "MenusLeftRightLayoutIntro": "For sites with left and right structure layouts, change the navigation menu to sidebar by setting <code>IsVertical</code>",
    "MenusLeftRightLayoutTitle": "Sidebar",
    "MenusPartDisableDescription1": "In this example <b>navigation two</b> node is disabled and the menu and its submenu are not clickable",
    "MenusPartDisableDescription2": "Example of a disablement of the sidebar",
    "MenusPartDisableIntro": "Set whether the node is disabled by setting the <code>IsDisabled</code> property of the<code>MenuItem</code>",
    "MenusPartDisableTitle": "Some menus disable functionality",
    "MenusTips1": "<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",
    "MenusTitle": "Menu",
    "MenusTopBarIntro": "A wide range of basic usages are applicable.",
    "MenusTopBarTitle": "Top bar",
    "MenusWidgetIntro": "Set the custom component into the menu by setting the <code>Component</code> property of the MenuItem</code> <code>",
    "MenusWidgetTitle": "Menu with pendant"
  },
  "BootstrapBlazor.Server.Components.Samples.Mermaids": {
    "DownloadPdfButtonText": "Export Pdf",
    "MermaidDescription": "This component renders Markdown-inspired text definitions to dynamically create and modify diagrams.",
    "MermaidNormalIntro": "Mermaid basic style",
    "MermaidNormalTitle": "Basic usage",
    "MermaidStyleTitle": "Custom styles",
    "MermaidTitle": "Mermaid",
    "MermaidType": "Type"
  },
  "BootstrapBlazor.Server.Components.Samples.Messages": {
    "MessagesAsyncDemoStep1Text": "Packing documents, please wait...",
    "MessagesAsyncDemoStep2Text": "Packaging completed, downloading...",
    "MessagesAsyncDemoStep3Text": "Download completed, close the window automatically",
    "MessagesAsyncIntro": "By setting the button's <code>IsAsync</code> parameter, use the same <code>MessageOption</code> to update the pop-up window information for different steps",
    "MessagesAsyncText": "AsyncNotify",
    "MessagesAsyncTitle": "Async notification",
    "MessagesCloseButtonIntro": "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>",
    "MessagesCloseButtonTitle": "message box with close button",
    "MessagesDescription": "Often used for feedback prompts after active operations. The difference from Toast is that the latter is more passive reminder for system-level notifications",
    "MessagesDifferentColorDanger": "Danger message",
    "MessagesDifferentColorInfo": "Info message",
    "MessagesDifferentColorIntro": "Change the message box color by setting the <code>Color</code> property of <code>MessageOption</code>",
    "MessagesDifferentColorPrimary": "Primary message",
    "MessagesDifferentColorSecondary": "Secondary message",
    "MessagesDifferentColorSuccess": "success message",
    "MessagesDifferentColorTitle": "message boxes in different colors",
    "MessagesDifferentColorWarning": "Warning message",
    "MessagesIconIntro": "Change the small icon on the left side of the message box by setting the <code>Icon</code> property of <code>MessageOption</code>",
    "MessagesIconTitle": "message box with icon",
    "MessagesIntro": "Component usage introduction：",
    "MessagesItem": "MessageOption property",
    "MessagesLeftBoardIntro": "Change the left border style of the message box by setting the <code>ShowBar</code> property of <code>MessageOption</code>",
    "MessagesLeftBoardTitle": "message box with border on the left",
    "MessagesMessagePrompt": "Open the message prompt",
    "MessagesNormalIntro": "Appears from the top and automatically disappears after 4 seconds",
    "MessagesNormalTitle": "Basic usage",
    "MessagesPositionIntro": "Specify the <code>Message</code> component that has set the bottom display position by setting the component parameter of the <code>MessageService</code> service",
    "MessagesPositionTitle": "message box pop-up location",
    "MessagesShowModeIntro": "Specify the display mode by setting the <code>ShowMode</code> parameter",
    "MessagesShowModePrompt": "Show only last message",
    "MessagesShowModeTitle": "Show mode",
    "MessagesTemplateIntro": "By setting the <code>ChildContent</code> template, rich custom styles and content prompt information can be achieved",
    "MessagesTemplatePrompt": "Custom message",
    "MessagesTemplateTitle": "Custom template",
    "MessagesTips1": "1. Inject service <code>MessageService</code>",
    "MessagesTips2": "2. call its instance <code>api</code>",
    "MessagesTips3": "This is a reminder message",
    "MessagesTitle": "Message prompt"
  },
  "BootstrapBlazor.Server.Components.Samples.MindMaps": {
    "CustomButtonText": "Custom",
    "ExportButtonText": "ExportPng",
    "ExportJsonButtonText": "ExportJSON",
    "FitButtonText": "Fit",
    "GetDataButtonText": "GetData",
    "GetFullDataButtonText": "GetFullData",
    "MindMapDescription": "Used to display specific Json format data as a Web mind map",
    "MindMapExtensionDesc": "<p>Because <code>MindMap</code> encapsulates many <b>api</b> methods, the component library cannot fully encapsulate them, so extension methods are provided. For example, if you need a combination button to use the component, you can call your own <code>Javascript</code> through your own code to control <code>MindMap</code></p><ul><li>The custom button calls the component instance method <code>MindMap.Execute(\"clickCustom\", \"args1\")</code>, assuming the parameter is <code>args1</code></li><li>Your own <code>Javascript</code> is responsible for handling the <code>clickCustom</code> event</li><li><code>this</code> in the <code>clickCustom</code> method is the current <code>MindMap</code> instance, and you can call any of its methods to develop your own business</li></ul><p>The complete example is as follows:</p>",
    "MindMapLayout": "Layout",
    "MindMapNormalTitle": "Basic usage",
    "MindMapTheme": "Theme",
    "MindMapTitle": "Mind Map",
    "ResetButtonText": "Reset",
    "Sample1ButtonText": "Example 1",
    "Sample2ButtonText": "Example 2: week arrangement",
    "Scale1ButtonText": "ZoomOut",
    "Scale2ButtonText": "ZoomIn",
    "SetDataButtonText": "SetData"
  },
  "BootstrapBlazor.Server.Components.Samples.Modals": {
    "ModalsBigPopup": "big popup",
    "ModalsCenterVerticallyIntro": "Set the vertical centering of the popup component via <code>IsCentered</code>",
    "ModalsCenterVerticallyTitle": "Center vertically",
    "ModalsDescription": "Inform the user and host relevant actions while preserving the current page state",
    "ModalsDialogResizeIntro": "Resize the modal box by setting the <code>ShowResize</code> property",
    "ModalsDialogResizeTitle": "Resize",
    "ModalsDialogSizeIntro": "Set the size of the popup component through <code>Size</code>",
    "ModalsDialogSizeTitle": "Bullet size",
    "ModalsFullScreenPopup": "Full screen popup",
    "ModalsFullScreenPopup1200": "Full screen popup(<1200px)",
    "ModalsFullScreenPopup1400": "Full screen popup(<1400px)",
    "ModalsFullScreenPopup992": "Full screen popup(<992px)",
    "ModalsFullScreenSizeIntro": "Just set the property <code>FullScreenSize</code>",
    "ModalsFullScreenSizeTitle": "Full screen popup",
    "ModalsIsBackdropIntro": "Click the area outside the pop-up window to close the pop-up window effect by default",
    "ModalsIsBackdropTitle": "IsBackdrop background off mode",
    "ModalsIsBackdropToClose": "Click on the background to close the popup",
    "ModalsIsDraggableIntro": "Click on the title bar of the pop-up window to drag and drop the pop-up window",
    "ModalsIsDraggableTitle": "Draggable popup",
    "ModalsLargeFullScreenPopup": "Large full screen popup",
    "ModalsLargeFullScreenPopupWindow": "Large full-screen pop-up window",
    "ModalsLongContentIntro": "Use <code>IsScrolling</code> to set the scroll wheel sliding function of the pop-up frame component for the excess content",
    "ModalsLongContentTitle": "Extra long content",
    "ModalsMaximizeIntro": "Show the maximize button by setting the <code>ShowMaximinzeButton</code> popup",
    "ModalsMaximizePopup": "Maximize popup",
    "ModalsMaximizeTitle": "Maximize button",
    "ModalsNormalDefaultPopup": "Default popup",
    "ModalsNormalDefaultPopupText": "I am the text in the pop-up window",
    "ModalsNormalIntro": "A dialog box pops up, suitable for scenarios that require more customization",
    "ModalsNormalIsKeyboard": "by setting <code>Modal</code> component <code>IsKeyboard:true</code> parameter, whether to open the pop-up window is supported <kbd>ESC</kbd>",
    "ModalsNormalPopups": "Pop-ups",
    "ModalsNormalPopupText": "popup text",
    "ModalsNormalPopupTitle": "Popup title",
    "ModalsNormalTitle": "Basic usage",
    "ModalsOverSizedPopup": "OverSized pop-up window",
    "ModalsResize": "Resize",
    "ModalsScrollBarPopup": "Built-in scroll bar popup",
    "ModalsShownCallbackAsyncIntro": "By setting the <code>ShowCallbackAsync</code> callback delegate, this method will be recalled after the pop-up window is displayed",
    "ModalsShownCallbackAsyncTitle": "Popup shows callback method",
    "ModalsSmallPopup": "small popup",
    "ModalsSuperLargeFullScreenPopupWindow": "Super large full-screen pop-up window",
    "ModalsSuperLargePopup": "super large pop-up window",
    "ModalsTitle": "Modal box",
    "ModalsTitlePopupWindowText": "I am the text in the pop-up window",
    "ModalsVerticallyCenteredPopup": "Vertically centered popup",
    "ModalsVeryLongContent": "Pop-up window with very long content"
  },
  "BootstrapBlazor.Server.Components.Samples.MouseFollowers": {
    "MouseFollowerIconIntro": "If you use SVG spritesheet in your project and want to display them in the cursor, then you can use this method. In this case, you need to specify the path to the SVG sprite in the options and set class names.",
    "MouseFollowerIconTitle": "Icon mode",
    "MouseFollowerImageIntro": "This method allows you to show any picture in the cursor",
    "MouseFollowerImageTitle": "Image mode",
    "MouseFollowerNormalIntro": "A Mouse Follower pointer",
    "MouseFollowerNormalTitle": "Normal mode",
    "MouseFollowersDescription": "create amazing and smooth effects for the mouse cursor on your website.。",
    "MouseFollowersTitle": "Mouse Follower",
    "MouseFollowerTextIntro": "To display text in the cursor use this method",
    "MouseFollowerTextTitle": "Text mode",
    "MouseFollowerVideoIntro": "You can also play videos",
    "MouseFollowerVideoTitle": "Video mode"
  },
  "BootstrapBlazor.Server.Components.Samples.MultiSelects": {
    "MultiSelectAdd": "Add",
    "MultiSelectBindingCollectionDescription": "In this example, the <code>SelectArrayValues</code> collection variable by binding bidirectionally, and selects to change its value through the drop-down box",
    "MultiSelectBindingCollectionIntro": "Bind a generic <code>a collection of IEnumerable<T></code>",
    "MultiSelectBindingCollectionTitle": "A collection of bidirectional binding values",
    "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>",
    "MultiSelectBindingEnumCollectionIntro": "Bind a generic a collection of <code>IEnumerable<Enum></code>",
    "MultiSelectBindingEnumCollectionTitle": "Bidirectional binding enumerates the collection",
    "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",
    "MultiSelectBindingNumberIntro": "Bind an array <code>int[]</code>",
    "MultiSelectBindingNumberTitle": "An array of two-way bound values",
    "MultiSelectBindingStringDescription": "<div>The <code>MultiSelect</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>",
    "MultiSelectBindingStringIntro": "Bind a comma string-splitting string",
    "MultiSelectBindingStringTitle": "A two-way binding value string",
    "MultiSelectButtonIntro": "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",
    "MultiSelectButtonTitle": "Full and reverse buttons",
    "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>",
    "MultiSelectCascadingIntro": "The second drop-down box dynamically populates the content by selecting the different options for the first drop-down box.",
    "MultiSelectCascadingTitle": "Cascading bindings",
    "MultiSelectClean": "Clear",
    "MultiSelectClientValidationDescription": "When built into the <code>ValidateForm</code> component, client authentication is automatically turned on, and the binding model has <code>Required</code> tags",
    "MultiSelectClientValidationIntro": "When the drop-down box is not selected, it is blocked when the submit button is clicked.",
    "MultiSelectClientValidationSubmit": "Submit",
    "MultiSelectClientValidationTitle": "Client validation",
    "MultiSelectColorIntro": "Multi-select drop-down boxes in a variety of colors are available",
    "MultiSelectColorTitle": "Color",
    "MultiSelectDecrease": "Decrease",
    "MultiSelectDisableDescription": "The component does not respond when the state is disabled",
    "MultiSelectDisableIntro": "Set the component disabled state by setting the <code>IsDisabled</code> value",
    "MultiSelectDisableTitle": "Disable the feature",
    "MultiSelectDisplayLabelCustomDisplayText": "Customize DisplayText",
    "MultiSelectDisplayLabelCustomText": "Custom name",
    "MultiSelectDisplayLabelDescription": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the of the <a href='input'>[The portal]</a>",
    "MultiSelectDisplayLabelHideLabel": "Bidirectional bindings do not display labels",
    "MultiSelectDisplayLabelIntro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "MultiSelectDisplayLabelShowLabel": "Bidirectional binding displays labels",
    "MultiSelectDisplayLabelTitle": "The label is displayed",
    "MultiSelectDisplayTemplateIntro": "customize display template by set <code>DisplayTemplate</code>",
    "MultiSelectDisplayTemplateTitle": "Display Template",
    "MultiSelectExpandButtonIntro": "Customize features by setting <code>ButtonTemplate</code> custom toolbar buttons",
    "MultiSelectExpandButtonText": "Test",
    "MultiSelectExpandButtonTitle": "Extend the toolbar button",
    "MultiSelectFlagsEnumIntro": "When the binding value is an <code>Enum</code> data type, if it has a <code>Flags</code> tag, multiple selection mode is automatically supported",
    "MultiSelectFlagsEnumTitle": "Flags Enum",
    "MultiSelectGenericIntro": "Data source <code>Items</code> supports generics when using <code>SelectedItem&lt;TValue&gt;</code>",
    "MultiSelectGenericTitle": "Generic",
    "MultiSelectGroupIntro": "Alternatives are presented in groups",
    "MultiSelectGroupTitle": "Grouping",
    "MultiSelectIsEditableDescription": "By setting the <code>EditSubmitKey</code> parameter, you can specify whether to submit via <kbd>Enter</kbd> or <kbd>Space</kbd>",
    "MultiSelectIsEditableIntro": "Make the component editable by setting the <code>IsEditable</code> parameter",
    "MultiSelectIsEditableTitle": "Editable",
    "MultiSelectIsSingleLineDescription": "When there are too many candidates, the component is laid out horizontally, and a horizontal scroll bar is displayed when the mouse is hovering over the component for data scrolling.",
    "MultiSelectIsSingleLineIntro": "Make the component always render in one line by setting <code>IsSingleLine=\"true\"</code>",
    "MultiSelectIsSingleLineTitle": "Single line display",
    "MultiSelectItemTemplateIntro": "customer item template by set <code>ItemTemplate</code>",
    "MultiSelectItemTemplateTitle": "Item Template",
    "MultiSelectMaxMinIntro": "Set the limit on the number of options available to components by setting the <code>max</code> <code>Min</code> values",
    "MultiSelectMaxMinMax": "You can select up to two options",
    "MultiSelectMaxMinMin": "Select at least two options",
    "MultiSelectMaxMinTitle": "Set the maximum and minimum number of options",
    "MultiSelectOptionChangeIntro": "Get the currently selected data set change event by setting the <code>onSelectedItemsChanged</code> callback method by setting",
    "MultiSelectOptionChangeLog": "Select the collection of items",
    "MultiSelectOptionChangeTitle": "Events when the option changes",
    "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>",
    "MultiSelectPopoverTitle": "Popover dropdown menu",
    "MultiSelectsDescription": "When you have multiple options, use the drop-down menu to present and provide a search for multiple choices",
    "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",
    "MultiSelectSearchIntro": "Turn on search by setting the <code>ShowSearch</code> value",
    "MultiSelectSearchLog": "Search for text",
    "MultiSelectSearchTitle": "Search function",
    "MultiSelectsTitle": "MultiSelect",
    "MultiSelectVeryLongTextDisplayText": "Extra long text",
    "MultiSelectVeryLongTextIntro": "The candidate text is particularly long",
    "MultiSelectVeryLongTextTitle": "Options for extra-long text",
    "MultiSelectVirtualizeDescription": "Component virtual scrolling supports two ways of providing data through <code>Items</code> or <code>OnQueryAsync</code> callback methods",
    "MultiSelectVirtualizeIntro": "Set <code>IsVirtualize</code> to <b>true</b> enable virtual scroll for large data",
    "MultiSelectVirtualizeTitle": "Virtualize"
  },
  "BootstrapBlazor.Server.Components.Samples.Navbars": {
    "NavbarDescription": "A powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more",
    "NavbarTitle": "Navbar",
    "NormalIntro": "By setting <code>NavbarBrand</code> <code>NavbarToggleButton</code> <code>NavbarCollapse</code> <code>NavbarGroup</code> <code>NavbarItem</code> to layout its internal elements",
    "NormalTitle": "Basic usage"
  },
  "BootstrapBlazor.Server.Components.Samples.Navigation": {
    "NavsAlignIntro": "Control component alignment by setting the property of <code>Signment</code>",
    "NavsAlignTitle": "Align",
    "NavsDescription": "A menu that provides navigation for your site.",
    "NavsDivider": "Split the line",
    "NavsFillAndAlignIntro": "By setting the <code>IsFill</code> properties controls that the navigation menu is evenly distributed to fill the entire navigation bar",
    "NavsFillAndAlignTitle": "Fill and align",
    "NavsNormalIntro": "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",
    "NavsNormalTitle": "Basic navigation style.",
    "NavsPillsIntro": "Control the background color of the navigation menu by setting the <code>IsPills</code> property",
    "NavsPillsTitle": "Capsule",
    "NavsTitle": "Nav",
    "NavsVerticalIntro": "In this example, you control whether the navigation is vertically distributed by setting the <code>IsVertical</code> property",
    "NavsVerticalTitle": "Vertical",
    "NavsWideIntro": "By setting the <code>IsIze</code> property so that each navigation item will have the same width.",
    "NavsWideTitle": "Equal width"
  },
  "BootstrapBlazor.Server.Components.Samples.NetworkMonitors": {
    "IndicatorLi1": "Green: Very good network (4G)",
    "IndicatorLi2": "Yellow: Average network (3G)",
    "IndicatorLi3": "Red: Poor network (2G)",
    "IndicatorLi4": "Gray: Offline",
    "NetworkMonitorDescription": "Use the browser native API <code>navigator.connection</code> to display the current network status in real time",
    "NetworkMonitorTitle": "NetworkMonitor",
    "NormalIntro": "Use the component <code>NetworkMonitorIndicator</code> to display indicator lights of different colors when the network status changes, and display the network status details when the mouse moves over it",
    "NormalTitle": "Basic usage"
  },
  "BootstrapBlazor.Server.Components.Samples.Notifications": {
    "NotificationsIconText": "Icon",
    "NotificationsNormalButtonText": "Display notification",
    "NotificationsNormalCheckPermissionText": "Check Permission",
    "NotificationsNormalDescription": "Click the button to notification.",
    "NotificationsNormalGetPermissionCallbackText": "Get permission callback",
    "NotificationsNormalIntro": "Notification information through browser API.",
    "NotificationsNormalMessageSampleText": "Your package has arrived on Panama South Road, and there are only 3 stops left for distribution.",
    "NotificationsNormalMessageText": "Message",
    "NotificationsNormalOnClickText": "Click notification callback method name",
    "NotificationsNormalPermissionText": "Permission",
    "NotificationsNormalSilentText": "Silent",
    "NotificationsNormalTips1": "Note: For security reasons, when a web page tries to access notifications, the user is notified and asked to grant permission.",
    "NotificationsNormalTips2": "Uses the static class <code>BrowserNotification</code> to call the <code>Dispatch</code> method",
    "NotificationsNormalTitle": "Basic usage",
    "NotificationsNormalTitleSampleText": "You have a new logistics notification",
    "NotificationsNormalTitleText": "Title",
    "NotificationsSoundText": "The audio URL to play when the notification",
    "NotificationsTitle": "Notifications"
  },
  "BootstrapBlazor.Server.Components.Samples.OfficeViewers": {
    "OfficeViewerDescription": "This component previews Office documents using Microsoft's online document preview feature",
    "OfficeViewerNormalIntro": "Set the document URL for preview by configuring the <code>Url</code> value",
    "OfficeViewerNormalTitle": "Basic Usage",
    "OfficeViewerTitle": "Office Document Viewer",
    "OfficeViewerToastSuccessfulContent": "Office document loaded successfully"
  },
  "BootstrapBlazor.Server.Components.Samples.OnScreenKeyboards": {
    "OnScreenKeyboardsAppDescription": "Bind",
    "OnScreenKeyboardsAppTitle": "BootstrapBlazor component",
    "OnScreenKeyboardsBasicTitle": "Basic",
    "OnScreenKeyboardsCss": "<code> .kioskboard-body-padding { padding-top: unset !important;} </code>",
    "OnScreenKeyboardsNormalIntro": "Full Keyboard",
    "OnScreenKeyboardsNormalText": "Basic usage",
    "OnScreenKeyboardsSpecialcharactersCustomerTitle": "Special characters in customer",
    "OnScreenKeyboardsSpecialcharactersTitle": "Special characters europe",
    "OnScreenKeyboardsThemeDarkTitle": "Theme dark",
    "OnScreenKeyboardsTips": "If the performance is not normal, you can add this css to debug",
    "OnScreenKeyboardsTitle": "On-Screen keyboard",
    "OnScreenKeyboardsTypekeyboardTitle": "Keyboard",
    "OnScreenKeyboardsTypeNumpadTitle": "Numpad"
  },
  "BootstrapBlazor.Server.Components.Samples.OpcDa": {
    "OpcDaDescription": "Connect to OpcDa Server to obtain PLC real-time data",
    "OpcDaNormalIntro": "Get an instance by injecting the service <code>IOpcDaServer</code> and call the <code>Read</code> method to get the PLC Tag value.",
    "OpcDaNormalTitle": "Basic usage",
    "OpcDaTitle": "OpcDa Server"
  },
  "BootstrapBlazor.Server.Components.Samples.OtpInputs": {
    "OtpInputsDescription": "A secure verification password box based on OTP (One-Time Password) that is limited to one-time use and has a time limit",
    "OtpInputsNormalIntro": "Control the password type or length by setting parameters such as <code>Type</code>",
    "OtpInputsNormalTitle": "Basic usage",
    "OtpInputsTips": "OTP (One Time Password, abbreviated as OTP): This is a security measure used to generate a unique password for each login or transaction. This component is used in conjunction with <code>ITotpService</code> <code>IHotpService</code> to greatly improve security.",
    "OtpInputsTitle": "OtpInput",
    "OtpInputsValidateFormIntro": "When the password is not provided, click the Submit button, the password box will be displayed in red and it will be prompted that it cannot be empty.",
    "OtpInputsValidateFormTitle": "ValidateForm"
  },
  "BootstrapBlazor.Server.Components.Samples.OtpServices": {
    "BaseUsageIntro": "By calling the <code>Compute</code> method of the <code>ITotpService</code> service instance, you can get the password in the current time window. By calling the <code>Instance.GetRemainingSeconds</code> method, you can display the remaining validity time of the current password. In this example, the progress bar is used for dynamic display.",
    "BaseUsageTitle": "Basic usage",
    "SubTitle": "An implementation TOTP RFC 6238 and HOTP RFC 4226 Authenticator service.",
    "Title": "ITotpService"
  },
  "BootstrapBlazor.Server.Components.Samples.Paginations": {
    "PaginationsAlignmentIntro": "Set <code>Alignment</code> contorl the pagination alginment",
    "PaginationsAlignmentTitle": "Alignment",
    "PaginationsDescription": "When there is too much data, use paging to break down the data.",
    "PaginationsDisplayTextIntro": "Only one page does not display the switch page number component, only text prompts",
    "PaginationsDisplayTextTitle": "Only text prompts are displayed",
    "PaginationsGotoIntro": "Set <code>ShowGotoNavigator</code> show/hide the Goto，can <code>GotoTemplate</code> custom the Goto navigator",
    "PaginationsGotoTitle": "Goto navigator",
    "PaginationsInfoTemplateIntro": "Set <code>PageInfoTemplate</code> curstom the template of page info",
    "PaginationsInfoTemplateTitle": "Pager info template",
    "PaginationsInfoTotal": "Total 20 pages",
    "PaginationsMaxPageLinkCountIntro": "By <code>ShowPaginationInfo = 'false'</code> setting does not display text prompts",
    "PaginationsMaxPageLinkCountTitle": "Only paginated components are displayed",
    "PaginationsNormalIntro": "You can select the amount of data displayed per page by the drop-down box",
    "PaginationsNormalTitle": "Basic usage",
    "PaginationsPageInfoTextIntro": "Set <code>ShowInfo</code> show/hide the pager info",
    "PaginationsPageInfoTextTitle": "Pager info",
    "PaginationsTitle": "Pagination"
  },
  "BootstrapBlazor.Server.Components.Samples.PdfReaders": {
    "PdfDescription": "Embed and display PDF documents directly in web pages without relying on a PDF reader installed locally by the user.",
    "PdfReaderDownloadFileNameDesc": "You can set the download file name by configuring the parameter <code>DownloadFileName</code>.",
    "PdfReaderFAIconDesc": "The <code>PdfReader</code> component icon depends on the <code>BootstrapBlazor.FontAwesome</code> package. You need to reference the following styles; otherwise, the toolbar icon will not display.",
    "PdfReaderNormalIntro": "Set the PDF file address using the <code>Url</code> parameter, or specify the file stream to be rendered using the <code>OnGetStreamAsync</code> parameter.",
    "PdfReaderNormalText": "Basic usage",
    "PdfReaderSetPdfStreamDesc": "Rendering can be performed by calling the instance method <code>SetPdfStreamAsync</code> or <code>SetPdfBase64DataAsync</code>.",
    "PdfTitle": "PDF Reader"
  },
  "BootstrapBlazor.Server.Components.Samples.PdfViewers": {
    "PdfViewerDescription": "Open the PDF file in the component to read its contents",
    "PdfViewerNormalIntro": "Load a PDF file by setting the <code>Url</code> parameter. Set <code>UseGoogleDocs</code> to use docs.google.com preview",
    "PdfViewerNormalTitle": "Basic usage",
    "PdfViewerTitle": "PDFViewer",
    "PdfViewerToastNotSupportContent": "The browser does not support inline viewing of PDF files.",
    "PdfViewerToastSuccessfulContent": "PDF document loaded successfully."
  },
  "BootstrapBlazor.Server.Components.Samples.Players": {
    "PlayersAudioIntro": "Play audio files by setting <code>Mode=\"PlayerMode.Audio\"</code>",
    "PlayersAudioTitle": "Audio Player",
    "PlayersDescription": "A simple, accessible and customisable media player for Video, Audio, YouTube and Vimeo",
    "PlayersHlsIntro": "Enable <code>Hls</code> support by setting <code>IsHls=\"true\"</code>",
    "PlayersHlsTitle": "HLS",
    "PlayersNormalIntro": "The callback method <code>OnInitAsync</code> sets the configuration instance <code>PlayerOption</code> required by the component. The player is set through the <code>PlayerOption</code> property value.",
    "PlayersNormalTitle": "Basic usage",
    "PlayersTips": "<code>Player</code> supports <b>Video</b>，<b>Audio</b>，<b>Youtube</b> and <b>Vimeo</b>",
    "PlayersTitle": "Player",
    "PlayersVimeoIntro": "Play <code>Vimei</code> videos by setting <code>Mode=\"PlayerSources\"</code> parameter <b>Provider=\"vimeo\"</b>",
    "PlayersVimeoTitle": "Vimeo",
    "PlayersYouTubeIntro": "Play <code>YouTube</code> videos by setting the <code>Mode=\"PlayerSources\"</code> parameter <b>Provider=\"youtube\"</b>",
    "PlayersYouTubeTitle": "YouTube"
  },
  "BootstrapBlazor.Server.Components.Samples.PopoverConfirms": {
    "PopoverConfirmsBodyTemplateButtonText": "Customize content",
    "PopoverConfirmsBodyTemplateIntro": "Customize the content by setting <code>the BodyTemplate</code> property",
    "PopoverConfirmsBodyTemplateTitle": "Customize the PopConfirmButton content",
    "PopoverConfirmsContentDelete": "Delete confirmation button",
    "PopoverConfirmsContentDeleteContent": "Are you sure you want to delete the data?",
    "PopoverConfirmsContentIntro": "Change the text displayed in the confirmation popup by setting the <code>Content</code> attribute",
    "PopoverConfirmsContentTitle": "Content Change the text displayed in the confirmation popup",
    "PopoverConfirmsCustomClassCustomButtonContent": "Are you sure you want to delete the data?",
    "PopoverConfirmsCustomClassCustomButtonText": "custom style button",
    "PopoverConfirmsCustomClassIntro": "Set the <code>CssClass</code> custom component style",
    "PopoverConfirmsCustomClassTitle": "custom style",
    "PopoverConfirmsDescription": "Click on the element to pop up a bubble confirmation box.",
    "PopoverConfirmsFormIntro": "By setting the <code>ButtonType</code> property value to <code>ButtonType.Submit</code>, the confirmation button is clicked to perform asynchronous form data submission",
    "PopoverConfirmsFormSubmitFormContent": "Are you sure you want to submit data?",
    "PopoverConfirmsFormSubmitFormText": "submit Form",
    "PopoverConfirmsFormTitle": "form submission",
    "PopoverConfirmsIsAsyncConfirmationContent": "Are you sure you want to delete the data?",
    "PopoverConfirmsIsAsyncConfirmationText": "Asynchronous confirmation",
    "PopoverConfirmsIsAsyncIntro": "By setting the <code>IsAsync</code> attribute, the data is submitted asynchronously when the confirm button is clicked. In some specific scenarios, the button needs to remain disabled after asynchronous operation. Please control this using the <code>IsKeepDisabled</code> parameter.",
    "PopoverConfirmsIsAsyncTitle": "Asynchronous confirmation",
    "PopoverConfirmsIsLinkHyperLinkContent": "Are you sure you want to delete the data?",
    "PopoverConfirmsIsLinkHyperLinkText": "i am hyperlink",
    "PopoverConfirmsIsLinkIntro": "By setting the <code>IsLink</code> attribute the component uses the <code>A</code> tag to render",
    "PopoverConfirmsIsLinkTitle": "hyperlink button",
    "PopoverConfirmsNormalIntro": "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='/popover'><code>Popover</code><a> documentation, which is not explained in detail in this document.",
    "PopoverConfirmsNormalLeftPopup": "left popup",
    "PopoverConfirmsNormalLeftPopupContent": "Is this a piece of content sure to delete?",
    "PopoverConfirmsNormalPopupAbove": "popup above",
    "PopoverConfirmsNormalPopupAboveContent": "Are you sure you want to delete a piece of content?",
    "PopoverConfirmsNormalPopupBoxContent": "Is this a piece of content sure to delete?",
    "PopoverConfirmsNormalPopupBoxText": "pop-up box below",
    "PopoverConfirmsNormalRightPopup": "right popup",
    "PopoverConfirmsNormalRightPopupContent": "Is this a piece of content sure to delete?",
    "PopoverConfirmsNormalTitle": "Basic usage",
    "PopoverConfirmsShowButtonsButtonText": "Custom Component",
    "PopoverConfirmsShowButtonsDesc": "In a custom component, you can call the <code>Close</code> or <code>Confirm</code> method inside the component through cascading parameters",
    "PopoverConfirmsShowButtonsIntro": "By setting <code>ShowCloseButton=\"false\"</code> <code>ShowConfirmButton=\"false\"</code>, you don't display the built-in function buttons, and customize an <b>Approve</b> button in the custom component.",
    "PopoverConfirmsShowButtonsTitle": "Custom Component",
    "PopoverConfirmsTitle": "PopConfirm bubble check box",
    "PopoverConfirmsTriggerIntro": "By setting the <code>Trigger</code> parameter, you can set the way the component pops up the confirmation box. The default value is <code>click</code>. You can also set <code>hover focus</code> to use in combination.",
    "PopoverConfirmsTriggerTitle": "Trigger"
  },
  "BootstrapBlazor.Server.Components.Samples.Popovers": {
    "PopoversButtonButtonText": "Click to activate/deactivate",
    "PopoversButtonIntro": "<code>Popover</code> pop-up box pops up after clicking the button",
    "PopoversButtonTitle": "button activates popup",
    "PopoversCssClassButtonText": "Click to activate/deactivate",
    "PopoversCssClassDescription": "set up <code>Popover</code> parameter <code>CssClass=\"custom-popover\"</code> make custom styles",
    "PopoversCssClassIntro": "Customize the pop-up window by setting the <code>Popover</code> parameter <code>CssClass</code>",
    "PopoversCssClassTitle": "custom style",
    "PopoversDescription": "Click/mouse into the element to pop up a bubble-like card overlay",
    "PopoversManualDescLI1": "The child component uses the cascade parameters to get the <code>Popover</code> instance and then calls its methods <code>Show</code> <code>Hide</code> <code>Toggle</code>",
    "PopoversManualDescLI2": "Get the Popover instance through <code>@ref</code> and call its instances method",
    "PopoversManualIntro": "Use code to control the popover state by setting <code>Trigger=\"manual\"</code>",
    "PopoversManualTitle": "Manual",
    "PopoversNormalIntro": "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",
    "PopoversNormalTitle": "Basic usage",
    "PopoversTemplateButtonText": "Template",
    "PopoversTemplateIntro": "Customize the pop-up content by setting the <code>Template</code> template",
    "PopoversTemplateTitle": "Custom Template",
    "PopoversTemplateTitleText": "Custom Template",
    "PopoversTitle": "Popover popup component"
  },
  "BootstrapBlazor.Server.Components.Samples.Print": {
    "PrintButtonIntro": "Print the page by clicking the print button",
    "PrintButtonTitle": "Basic usage",
    "PrintDialogIntro": "Turn on printing by setting up the <code>ShowPrint</code>",
    "PrintDialogTitle": "Print the bullet window",
    "PrintsButtonDescription": "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",
    "PrintsButtonText": "Print",
    "PrintsDialogTitle": "The data query window",
    "PrintServiceIntro": "By setting up the content components to print, call the <b>print service</b> directly print jobs. Printing Service <code>PrintService</code> Service Document <a href=\"/print-service\" target=\"_blank\">[Portal]</a>",
    "PrintServiceTitle": "Print service",
    "PrintsSubTitle": "Used to print a document or a local view",
    "PrintsTips1": "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",
    "PrintsTips2": "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",
    "PrintsTitle": "Print"
  },
  "BootstrapBlazor.Server.Components.Samples.Progress": {
    "ProgressBindingIntro": "Bind data",
    "ProgressBindingTitle": "Two-way binding data",
    "ProgressColorIntro": "Set the progress bar color",
    "ProgressColorTitle": "Progress bar with color",
    "ProgressDecimalsIntro": "Adjust the number of decimal places by setting the <code>Round</code> parameter, which defaults to <code>0</code>. Adjust the rounding mode by setting the <code>MidpointRounding</code >parameter, which defaults to <code>MidpointRounding. AwayFromZero</code> rounding",
    "ProgressDecimalsTitle": "Decimals",
    "ProgressDescription": "Used to display the progress of the operation, inform the user of the current status and expectations",
    "ProgressDisplayValueIntro": "Set the progress bar value display through <code>IsShowValue</code>",
    "ProgressDisplayValueTitle": "Display value",
    "ProgressDynamicIntro": "Set the dynamic display of the progress bar through <code>IsAnimated</code>",
    "ProgressDynamicTitle": "Whether to display dynamically",
    "ProgressHeightIntro": "Set the progress bar height via <code>Height</code>",
    "ProgressHeightTitle": "Set the progress bar height",
    "ProgressNormalIntro": "Common progress bar",
    "ProgressNormalTitle": "Progress bar component",
    "ProgressStripeIntro": "Set the stripe setting of the progress bar via <code>IsStriped</code>",
    "ProgressStripeTitle": "Whether to show stripes",
    "ProgressTitle": "Progress progress bar"
  },
  "BootstrapBlazor.Server.Components.Samples.PulseButtons": {
    "Block1Intro": "The underlying button usage.",
    "Block1Title": "Basic usage",
    "PulseButtonHeader": "PulseButton (heartbeat) button",
    "PulseButtonPara": "It is suitable for highlighting function to attract users' attention. The default button is circular",
    "PulseButtonPara2": "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.Server.Components.Samples.QRCodes": {
    "ClearText": "QR code clear successfully",
    "QRCodesColorIntro": "<code>DarkColor</code> set the black color，<code>LightColor</code> set the white color",
    "QRCodesColorTitle": "Color",
    "QRCodesContentIntro": "Specify the contents of the QR code with the <code>Content</code> parameter",
    "QRCodesContentTitle": "Direct build",
    "QRCodesNormalIntro": "Click the Generate button to generate a <code>QRCode</code>",
    "QRCodesNormalTitle": "Basic usage",
    "QRCodesSubTitle": "Generate QR code",
    "QRCodesTitle": "QRCode",
    "QRCodesWidthIntro": "<code>Width</code> of the QRCode",
    "QRCodesWidthTitle": "Size",
    "SuccessText": "QR code generated successfully"
  },
  "BootstrapBlazor.Server.Components.Samples.QueryBuilders": {
    "QueryBuilderHeaderIntro": "Turn off the control button by setting <code>ShowHeader=\"false\"</code>",
    "QueryBuilderHeaderTitle": "Display control buttons",
    "QueryBuilderNormalIntro": "Build filter conditions directly in the <code>Razor</code> file through <code>QueryGroup</code> <code>QueryColumn</code>",
    "QueryBuilderNormalTitle": "Basic usage",
    "QueryBuilderSubTitle": "Can be used for generating forms and table filtering conditions",
    "QueryBuilderTitle": "QueryBuilder"
  },
  "BootstrapBlazor.Server.Components.Samples.Radios": {
    "RadioListGenericIntro": "Enable generic support by using the <code>RadioListGeneric</code> component with <code>SelectedItem&lt;TValue&gt;</code>",
    "RadioListGenericTitle": "Generic List",
    "RadiosAdd1": "Beijing",
    "RadiosAdd2": "Shanghai",
    "RadiosAutoSelectFirstWhenValueIsNullIntro": "The selection of <code>RadioList</code> candidates can be controlled by setting the <code>AutoSelectFirstWhenValueIsNull</code> parameter. The default value of the parameter is <b>true</b>, which means that if the current value of the component is inconsistent with the value in the candidate, the first candidate is automatically selected. If it is set to <b>false</b>, all candidates will be unselected.",
    "RadiosAutoSelectFirstWhenValueIsNullTitle": "AutoSelectFirst",
    "RadiosBindingIntro": "Binding variables within a component, data automatically synchronized, binding an array of selectedItem types",
    "RadiosBindingTitle": "Bind data in both directions",
    "RadiosColorIntro": "Change the component background color by setting the <code>Color</code> property",
    "RadiosColorTitle": "Color",
    "RadiosDescription": "Single in a set of alternatives",
    "RadiosDisableIntro": "The unavailable status of the radio box is <code>IsDisabled='true'</code>",
    "RadiosDisableTitle": "Turn off the radio box",
    "RadiosEnumDescription": "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",
    "RadiosEnumIntro": "You do not need to set up <code>Items</code> <code>Value</code> by binding both directions",
    "RadiosEnumText": "null",
    "RadiosEnumTitle": "The binding enumeration type",
    "RadiosIsButtonIntro": "Set <code>IsButton</code> to <code>True</code> make the radio item display as Button",
    "RadiosIsButtonTitle": "Button Radio",
    "RadiosItem1": "Option one",
    "RadiosItem2": "Option two",
    "RadiosItemTemplateIntro": "Set <code>ItemTemplate</code> for customer the item UI",
    "RadiosItemTemplateTitle": "ItemTemplate",
    "RadiosLabelIntro": "The radio box displays text",
    "RadiosLabelText": "Button group",
    "RadiosLabelTitle": "Label text",
    "RadiosLog1": "The component selects the value:",
    "RadiosLog2": "The value is displayed:",
    "RadiosLog3": "Component value:",
    "RadiosNormalIntro": "Select selectors are recommended because the options are visible by default and should not be too many",
    "RadiosNormalTitle": "Basic usage",
    "RadiosTitle": "Radio",
    "RadiosVerticalIntro": "Make the components vertically arranged internally by setting the <code>IsVertical</code>",
    "RadiosVerticalTitle": "Vertical arrangement"
  },
  "BootstrapBlazor.Server.Components.Samples.Rates": {
    "RatesCry": "Cry",
    "RatesDescription": "Scoring components",
    "RatesDisableIntro": "Disable components by setting <code>IsDisable</code> property to <code>true</code>",
    "RatesDisableTitle": "Disable",
    "RatesGrin": "Grin",
    "RatesIconIntro": "Set <code>ItemTemplate</code> and <code>custom-rate</code> custom the UI",
    "RatesIconTitle": "Item Template",
    "RatesIsWrapIntro": "By setting <code>IsWrap=\"true\"</code> set to wrap. default value is not wrap",
    "RatesIsWrapTitle": "Wrap",
    "RatesLog": "Star rating:",
    "RatesNormalIntro": "<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",
    "RatesNormalTitle": "Basic usage",
    "RatesReadOnlyIntro": "Readonly components by setting <code>IsReadonly</code> property to <code>true</code>",
    "RatesReadOnlyTitle": "Readonly",
    "RatesShowValueIntro": "By setting <code>ShowValue=\"true\"</code> to show the value",
    "RatesShowValueTitle": "Show value",
    "RatesSmile": "Smile",
    "RatesSurprise": "Surprise",
    "RatesSwitchOff": "Enable",
    "RatesSwitchOn": "Disable",
    "RatesTear": "Tear",
    "RatesTitle": "Rate"
  },
  "BootstrapBlazor.Server.Components.Samples.RDKits": {
    "RDKitDescription": "A powerful cheminformatics and molecule rendering toolbelt for Blazor, Powered by RDKit",
    "RDKitNormalIntro": "Set the molecular formula through <code>Smiles</code> and draw the component",
    "RDKitNormalTitle": "Basic usage",
    "RDKitSizeIntro": "Set the width and height of the molecular formula by setting the <code>Width</code> and <code>Height</code> values",
    "RDKitSizeTitle": "Size",
    "RDKitSmartsIntro": "By setting the <code>Smarts</code> value, parts of the molecular formula can be highlighted",
    "RDKitSmartsLabel": "Show Smarts",
    "RDKitSmartsTitle": "Smarts",
    "RDKitTitle": "RDKit"
  },
  "BootstrapBlazor.Server.Components.Samples.Reconnectors": {
    "Application": "Application",
    "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",
    "ReconnectFailedTemplateText": "reconnection failed",
    "ReconnectingTemplateText": "attempting to reconnect",
    "ReconnectRejectedTemplateText": "reconnection rejected",
    "Step1": "1. Add code in <code>_Layout.cshtml</code>",
    "Step2": "2. Add code in <code>App.razor</code>",
    "SubTitle": "Reflect the connection state in the UI (Blazor Server)",
    "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>",
    "Title": "Reconnector",
    "Usage": "Usage"
  },
  "BootstrapBlazor.Server.Components.Samples.Repeaters": {
    "RepeaterContainerIntro": "By setting <code>ContainerTemplate</code> to the container template, the repetitive part of the template is still rendered via <code>ItemTemplate</code>, In this case, the component is rendered as <code>Table</code> using <code>ContainerTemplate</code>",
    "RepeaterContainerTitle": "Container Template",
    "RepeaterDescription": "Iterates on a collection and use a template to generate the page",
    "RepeaterEmptyIntro": "If <code>Items</code> is empty, use <code>ShowEmpty</code> controls whether no data message is displayed. You can customize the empty data template by <code>EmptyTemplate</code>. <code>EmptyText</code> allows you to customize empty data text information",
    "RepeaterEmptyTitle": "No Data",
    "RepeaterLoadingIntro": "If <code>Items</code> is not provided, you can set <code>ShowLoading</code> to control whether loading prompt information is displayed. You can customize loading information by using <code>LoadingTemplate</code>",
    "RepeaterLoadingTitle": "Async Data",
    "RepeaterNormalIntro": "custom the template by <code>ItemTemplate</code>",
    "RepeaterNormalTitle": "Normal",
    "RepeaterTitle": "Repeater"
  },
  "BootstrapBlazor.Server.Components.Samples.Responsives": {
    "ResponsiveDescription": "Determines whether to re-render the content of a responsive layout based on parameter conditions, usually used for responsive layouts",
    "ResponsiveNormalIntro": "Resize the browser window and observe the change of <code>Breakpoint</code>",
    "ResponsiveNormalIntroCurrentText": "current",
    "ResponsiveNormalTitle": "Basic usage",
    "ResponsiveTitle": "Responsive breakpoint monitoring"
  },
  "BootstrapBlazor.Server.Components.Samples.RibbonTabs": {
    "ItemsGroupName1": "Group one",
    "ItemsGroupName2": "Group two",
    "RibbonTabsAnchorDesc": "Set <code>EncodeAnchorCallback</code> custom the encode hash rule, set <code>DecodeAnchorCallback</code> custom the decode hash rule",
    "RibbonTabsAnchorIntro": "Set <code>IsSupportAnchor=\"true\"</code> enable anchor support",
    "RibbonTabsAnchorTitle": "Anchor",
    "RibbonTabsDescription": "Office menu tab",
    "RibbonTabsFloatContent": "I am the body content, I will move up after the menu is collapsed",
    "RibbonTabsFloatIntro": "By setting <code>ShowFloatButton</code>, the shrink button is displayed on the right side of the tab without occupying the main form space",
    "RibbonTabsFloatTitle": "Suspended",
    "RibbonTabsHeaderClickIntro": "Handler the event of click header via <code>OnHeaderClickAsync</code>",
    "RibbonTabsHeaderClickTitle": "Header click callback",
    "RibbonTabsItems1": "Task 1",
    "RibbonTabsItems10": "Task 1",
    "RibbonTabsItems11": "Task 2",
    "RibbonTabsItems12": "Task 3",
    "RibbonTabsItems2": "Task 2",
    "RibbonTabsItems3": "Task 3",
    "RibbonTabsItems4": "Open",
    "RibbonTabsItems5": "Save",
    "RibbonTabsItems6": "Save as",
    "RibbonTabsItems7": "Open",
    "RibbonTabsItems8": "Save",
    "RibbonTabsItems9": "Save as",
    "RibbonTabsItemsText1": "Document",
    "RibbonTabsItemsText2": "Edit",
    "RibbonTabsNormalIntro": "Initialize the tab by setting <code>Items</code>",
    "RibbonTabsNormalTitle": "Basic usage",
    "RibbonTabsRightButtonsTemplateContent": "Documentation",
    "RibbonTabsRightButtonsTemplateIntro": "By setting <code>RightButtonsTemplate</code> some shortcut buttons can be added to the upper right corner of the tab",
    "RibbonTabsRightButtonsTemplateTitle": "top right button template",
    "RibbonTabsTitle": "RibbonTab"
  },
  "BootstrapBlazor.Server.Components.Samples.Rows": {
    "RowCommonDescription": "3 rows are displayed, using <code>Row</code>",
    "RowCommonIntro": "Put your own components inside <code>Row</code>",
    "RowCommonTitle": "Place common controls",
    "RowFormInlineDescription": "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",
    "RowFormInlineIntro": "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",
    "RowFormInlineTitle": "Place form controls (inline)",
    "RowFormIntro": "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",
    "RowFormTitle": "Place form controls",
    "RowNestedIntro": "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",
    "RowNestedTitle": "Nested use",
    "RowsDescription": "The number of components displayed in a row can be easily set",
    "RowSpanIntro": "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",
    "RowSpanTips1": "4 in a row",
    "RowSpanTips2": "2 in a row",
    "RowSpanTips3": "The row shows 4 <code>Address</code> in 2 columns",
    "RowSpanTips4": "Row shows 4, the second component <code>ColSpan</code> is set to 3",
    "RowSpanTips5": "Row shows 2, the first component <code>ColSpan</code> is set to 3",
    "RowSpanTips6": "A component in a row",
    "RowSpanTitle": "Cross-column",
    "RowsTitle": "Row"
  },
  "BootstrapBlazor.Server.Components.Samples.Scrolls": {
    "ScrollDescription": "Add scroll bars to components whose height or width exceeds the standard",
    "ScrollNormalBottom": "bottom",
    "ScrollNormalDescription": "Please scroll the scroll bar on the right",
    "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 500px",
    "ScrollNormalTitle": "Common usage",
    "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",
    "ScrollTitle": "Scroll",
    "ScrollToBottom": "Scroll to bottom"
  },
  "BootstrapBlazor.Server.Components.Samples.SearchDialogs": {
    "SearchDialogOptionAttr": "SearchDialogOption property",
    "SearchDialogsDescription": "<code>SearchDialog</code> component is <code>Dialog</code> An extension of the component, suitable for setting search criteria in the data popup.",
    "SearchDialogsFieldButtonText": "Click to pop up search popup",
    "SearchDialogsFieldIntro": "Explicitly set the displayed search field by setting the <code>Columns</code> parameter",
    "SearchDialogsFieldTitle": "Customize the criteria fields displayed in the search popup",
    "SearchDialogsLayoutButtonText1": "Search popup (left-aligned)",
    "SearchDialogsLayoutButtonText2": "Search popup (right aligned)",
    "SearchDialogsLayoutIntro": "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",
    "SearchDialogsLayoutTitle": "Set the layout in the search popup",
    "SearchDialogsNormalButtonText": "Click to pop up search popup",
    "SearchDialogsNormalIntro": "By binding the <code>TModel</code> data model, the search form for each field of the model is automatically generated",
    "SearchDialogsNormalTitle": "Basic usage",
    "SearchDialogsSubTitle": "Automatically render search popups by binding the data model",
    "SearchDialogsTips": "Inject the service by calling <code>DialogService</code> of <code>ShowSearchDialog</code> The method directly pops up the search criteria pop-up window, which greatly reduces the amount of code. <code>SearchDialogOption</code> Configuration class inheritance <code>DialogOption</code> , for more parameter settings, please click <a href=\"dialog\" target=\"_blank\">[portal]</a>",
    "SearchDialogsTitle": "SearchDialog search popup"
  },
  "BootstrapBlazor.Server.Components.Samples.Searches": {
    "SearchesButtonTemplateDesc": "Customize the buttons displayed in front of the component by setting <code>PrefixButtonTemplate</code>",
    "SearchesButtonTemplateDesc2": "In a custom template, you can call the <code>OnClear</code> <code>OnSearch</code> method inside the <code>Search</code> component with the context.",
    "SearchesButtonTemplateIntro": "Customize the buttons displayed by the component by setting <code>ButtonTemplate</code>",
    "SearchesButtonTemplateTitle": "Button Template",
    "SearchesDisplayButtonIntro": "Control whether the Empty button is displayed by setting the <code>ShowClearButton</code> parameter",
    "SearchesDisplayButtonTitle": "The Empty button is displayed",
    "SearchesIconTemplateDesc": "The search component context <code>SearchContext&lt;string&gt;</code> provides the <code>OnClear</code> <code>OnSearch</code> methods within the component",
    "SearchesIconTemplateIntro": "Customize the icon displayed by the component by setting <code>IconTemplate</code>",
    "SearchesIconTemplateTitle": "Icon Template",
    "SearchesIsClearableIntro": "Display the clear icon by setting <code>IsClearable=\"true\"</code>",
    "SearchesIsClearableTitle": "IsClearable",
    "SearchesItemTemplateIntro": "By setting <code>ItemTemplate</code> and matching generic data, you can achieve any desired effect. In this example, by searching for any keyword, the backend calls any third-party search results and displays them. After selecting the search item, you can handle it yourself through the <code>OnSelectedItemChanged</code> callback method",
    "SearchesItemTemplateTitle": "Item Template",
    "SearchesKeyboardsIntro": "Control whether search operations are performed in real time by setting <code>IsTriggerSearchByInput</code> parameter",
    "SearchesKeyboardsTitle": "Keyboard input instant search",
    "SearchesNormalDescription": "Please enter <code>1234</code> to get the Smart Prompt and turn on auto focus by setting <code>IsAutoFocus='true'</code>",
    "SearchesNormalIntro": "Enter some of the data to search",
    "SearchesNormalTitle": "Basic usage",
    "SearchesPlaceHolder": "Search for examples",
    "SearchesShowPrefixIconDescription": "You can customize the prefix through <code>PrefixIconTemplate</code>. In this example, the <code>Svg</code> icon is used through the prefix template.",
    "SearchesShowPrefixIconIntro": "Control whether to show the prefix icon by setting the <code>ShowPrefixIcon</code> parameter",
    "SearchesShowPrefixIconTitle": "ShowPrefixIcon",
    "SearchesSubTitle": "Used for data search",
    "SearchesTitle": "Search box",
    "SearchesValidateFormIntro": "Inside <code>ValidateForm</code>",
    "SearchesValidateFormTitle": "ValidateForm"
  },
  "BootstrapBlazor.Server.Components.Samples.Segmenteds": {
    "BasicIntro": "select a single option",
    "BasicTitle": "Basic",
    "BlockIntro": "<code>block</code> property will make the Segmented fit to its parent width",
    "BlockTitle": "Block",
    "IconIntro": "Set the Icon for the segmented item",
    "IconTitle": "Icon",
    "IsDisabledIntro": "Make one of them prohibited",
    "IsDisabledTitle": "Disable",
    "ItemTemplateIntro": "Use <code>ItemTemplate</code> to custom-render SegmentedItems",
    "ItemTemplateTitle": "Custom Rendering",
    "SegmentItemIntro": "Write <code>Razor</code> in <code>Razor</code>",
    "SegmentItemTitle": "SegmentItem",
    "SizeIntro": "Set <code>Size</code> defines three sizes (large, default, small) with heights of <code>40px</code>, <code>32px</code>, and <code>4px</code>2",
    "SizeTitle": "Size",
    "SubTitle": "displaying multiple options and user can select a single option",
    "Title": "Segmented"
  },
  "BootstrapBlazor.Server.Components.Samples.SelectCities": {
    "CityDescription": "Provides a city selector classified by province",
    "CityNormalIntro": "Select a city from the drop-down box",
    "CityNormalTitle": "Basic usage",
    "CityTitle": "City Selector"
  },
  "BootstrapBlazor.Server.Components.Samples.SelectObjects": {
    "CustomComponentIntro": "Any component can be placed in a dropdown box, and a callback is required for assignment or window closure",
    "CustomComponentTitle": "Custom Components",
    "HeightIntro": "Change the height of the dropdown box by setting the <code>Height</code> value",
    "HeightTitle": "Height",
    "Intro": "Dropdown boxes are used to display the selection requirements for complex types for any component",
    "MinWidthIntro": "Change the minimum width of the dropdown box by setting the <code>DropdownMinWidth</code> value",
    "MinWidthTitle": "Min-Width",
    "NormalDesc": "You can use <code>IsClearable</code> to control whether to display the clear button. The default value is <code>false</code>",
    "NormalIntro": "Use built in <code>ListView</code> component to select images",
    "NormalTitle": "Basic usage",
    "Title": "Table-Object"
  },
  "BootstrapBlazor.Server.Components.Samples.SelectProvinces": {
    "ProvinceDescription": "Provide a drop-down box to select the province",
    "ProvinceMultipleIntro": "Enable multiple selection mode by setting <code>IsMultiple</code>",
    "ProvinceMultipleTitle": "Multiple",
    "ProvinceNormalIntro": "Select the province from the drop-down box",
    "ProvinceNormalTitle": "Basic usage",
    "ProvinceTitle": "Province Selector"
  },
  "BootstrapBlazor.Server.Components.Samples.SelectRegions": {
    "RegionDescription": "A simple region cascade selector, provide 4 levels Chinese administrative division data",
    "RegionNormalIntro": "Use grouping to switch the selection mode for displaying administrative areas",
    "RegionNormalTitle": "Basic usage",
    "RegionTitle": "Region"
  },
  "BootstrapBlazor.Server.Components.Samples.Selects": {
    "SelectConfirmSelectDesc1": "Set the <code>OnBeforeSelectedItemChange</code> callback method, and pop up a window in the callback method to confirm whether to change the value. If it returns <code>true</code>, the value will be changed, otherwise it will not be changed.",
    "SelectConfirmSelectDesc2": "Set <code>ShowSwal=\"true\"</code> and then confirm the value of the <code>SwalTitle</code> <code>SwalContent</code> parameter using the built-in popup window. In the callback method, you can confirm whether to change the value.",
    "SelectsBindingIntro": "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>",
    "SelectsBindingSelectedItemIntro": "The values in the text box change as you change the drop-down option by binding the <code>SelectItem</code> property to the component with <code>Select</code> .",
    "SelectsBindingSelectedItemTitle": "Select two-way binding SelectItem type",
    "SelectsBindingTitle": "Select two-way binding",
    "SelectsCascadingButtonText1": "In Dialog",
    "SelectsCascadingIntro": "The second drop-down box dynamically populates the content by selecting the different options for the first drop-down box.",
    "SelectsCascadingTitle": "Select cascading binding",
    "SelectsClearableDesc": "Cannot be a null integer. Setting <code>IsClearable</code> has no effect. Its default value is <b>0</b>",
    "SelectsClearableIntro": "You can clear Select using a clear icon",
    "SelectsClearableTitle": "Clearable",
    "SelectsClientValidationButtonText2": "Submit",
    "SelectsClientValidationIntro": "When the drop-down box is not selected, it is blocked when the submit button is clicked.",
    "SelectsClientValidationTitle": "Select client validation",
    "SelectsConfirmSelectIntro": "Prevent the current value from changing by setting the <code>OnBeforeSelectedItemChange</code> delegate or setting the <code>ShowSwal</code> parameter to <code>true</code>.",
    "SelectsConfirmSelectTitle": "Drop-down box with confirmation",
    "SelectsCustomTemplateIntro": "By setting the <code>ItemTemplate</code> you can customize the option rendering style",
    "SelectsCustomTemplateTitle": "Custom option templates",
    "SelectsDescription": "When there are too many options, use the drop-down menu to present and select content",
    "SelectsDisableIntro": "Selector unavailable state",
    "SelectsDisableOption": "The options in the drop-down box <b>disable</b> the example",
    "SelectsDisableTitle": "Select disables the drop-down box",
    "SelectsDisplayLabelDescription": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the  of the <a href='input'>[The portal]</a>",
    "SelectsDisplayLabelDivider1": "Bidirectional binding displays labels",
    "SelectsDisplayLabelDivider2": "Bidirectional bindings show that bidirectional bindings do not display labels",
    "SelectsDisplayLabelDivider3": "Customize DisplayText",
    "SelectsDisplayLabelIntro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "SelectsDisplayLabelSelectText": "Custom city",
    "SelectsDisplayLabelTitle": "The label is displayed",
    "SelectsDisplayTemplateIntro": "Custom <code>UI</code> of display template",
    "SelectsDisplayTemplateTitle": "Display Template",
    "SelectsEnumDescription1": "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",
    "SelectsEnumDescription2": "Setting <code>PlaceHolder</code> is not valid when the binding value is an enumerated type",
    "SelectsEnumIntro": "an example of a type enumerated a <code>select</code> component binding",
    "SelectsEnumSelectText1": "Can be empty",
    "SelectsEnumSelectText2": "Not empty",
    "SelectsEnumSelectText3": "Using enum integer values ​​as Items",
    "SelectsEnumTitle": "Enumerate the data",
    "SelectsGroupIntro": "Alternatives are presented in groups",
    "SelectsGroupTitle": "Grouping",
    "SelectsGuidIntro": "The component binding value is an example of a Guid structure",
    "SelectsGuidTitle": "The binding generic is the Guid structure",
    "SelectsIsEditableDesc": "After the editable function is enabled, if the input value is not in the candidate items, the new value can be returned through the <code>TextConvertToValueCallback</code> callback method, and the <code>Items</code> data source can be updated through the <code>OnInputChangedCallback</code> callback to prevent the input value from being lost after the page is refreshed.",
    "SelectsIsEditableIntro": "By setting <code>IsEditable=\"true\"</code> to make the component editable",
    "SelectsIsEditableTitle": "Editable",
    "SelectsNormalDescription": "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",
    "SelectsNormalIntro": "Drop-down selection boxes are available in a variety of colors",
    "SelectsNormalTitle": "Select drop-down selection box",
    "SelectsNullableBooleanDescription1": "Can be used for the empty boolean type more than in the conditional search box",
    "SelectsNullableBooleanDescription2": "When the first option is selected, the binding value <code>SelectIntItem</code> to <code>null</code>",
    "SelectsNullableBooleanIntro": "an example of the <code>bool?</code> type of <code>select</code> component binding",
    "SelectsNullableBooleanTitle": "The binding can be an empty Boolean type",
    "SelectsNullableDescription": "When the first option is selected, the binding value <code>SelectIntItem</code> to <code>null</code>",
    "SelectsNullableIntro": "<code>an example of the Select</code> component binding <code>int?</code> type",
    "SelectsNullableTitle": "The binding can be an empty type",
    "SelectsOption1": "Please select ...",
    "SelectsOption2": "Beijing",
    "SelectsOption3": "Shanghai",
    "SelectsOption4": "Guangzhou",
    "SelectsPlaceHolder": "Not selected",
    "SelectsPopoverIntro": "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>",
    "SelectsPopoverTitle": "Popover dropdown menu",
    "SelectsShowSearchIntro": "Controls whether the search box is displayed by setting the <code>ShowSearch</code> property, which is not displayed by default <b>false</b>. You can set the <code>IsAutoClearSearchTextWhenCollapsed</code> parameter to control whether the text in the search box is automatically cleared after the drop-down box is collapsed. The default value is <b>false</b>.",
    "SelectsShowSearchTitle": "Drop-down box with search box",
    "SelectsStaticIntro": "Hard-coded writing directly inside the <code>Select</code> component is suitable for static data drop-down boxes",
    "SelectsStaticTitle": "Static data",
    "SelectsTimeZoneIntro": "Display data of Timezone",
    "SelectsTimeZoneTitle": "Timezone",
    "SelectsTitle": "Select",
    "SelectsVirtualizeDescription": "Component virtual scrolling supports two ways of providing data through <code>Items</code> or <code>OnQueryAsync</code> callback methods",
    "SelectsVirtualizeIntro": "Set <code>IsVirtualize</code> to <b>true</b> enable virtual scroll for large data",
    "SelectsVirtualizeTitle": "Virtualize",
    "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",
    "SwalTitle": "The drop-down box value changes"
  },
  "BootstrapBlazor.Server.Components.Samples.SelectTables": {
    "ColorIntro": "Change component border color by setting <code>Color</code>",
    "ColorTitle": "Color",
    "Intro": "The dropdown box is a table used to display the selection requirements for complex types",
    "IsDisabledIntro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses select",
    "IsDisabledTitle": "Disabled",
    "IsMultipleDesc1": "Set the maximum width of the selected item using the <code>MultiSelectedItemMaxWidth</code> parameter.",
    "IsMultipleDesc2": "Set the maximum row height of the component using the <code>MultiSelectedItemsMaxHeight</code> parameter.",
    "IsMultipleDesc3": "The <code>MultiSelectedItemsMaxDisplayCount</code> parameter sets the total number of selected items to be displayed. To customize the color, please set the variable <code>--bb-select-table-item-count-bg-color</code> in your <code>CSS</code>.",
    "IsMultipleDesc4": "The <code>MultiSelectedItemsMaxDisplayCountColor</code> parameter sets the color of total number of selected items to be displayed.",
    "IsMultipleDesc5": "Set the selected item set using the <code>@bind-SelectedItems=\"SelectedItems\"</code> parameter. Do not use <code>Value</code> in multi-select mode.",
    "IsMultipleSelectIntro": "Enable multi-selection using the parameter <code>IsMultipleSelect=\"true\"</code>.",
    "IsMultipleSelectTitle": "Multiple Select",
    "NormalDesc": "You can use <code>IsClearable</code> to control whether to display the clear button. The default value is <code>false</code>",
    "NormalIntro": "Suitable for candidates with a relatively large amount of information, presenting information using <code>Table</code>",
    "NormalTitle": "Basic usage",
    "SearchIntro": "By setting <code>TableColumn</code> <code>Searchable</code> to enable column searchability, just like the component <code>Table</code>, by setting <code>IsPagination</code> <code>ShowSearch</code> to enable pagination and table search functions",
    "SearchTitle": "Sort/Filter",
    "SortableIntro": "Enable sorting and filtering functions by setting <code>Sortable</code> <code>Filterable</code> in <code>TableColumn</code>, just like the component <code>Table</code>",
    "SortableTitle": "Sort/Filter",
    "TemplateIntro": "Present customized display content by customizing the <code>Template</code>",
    "TemplateTitle": "Value Template",
    "Title": "Table Select",
    "ValidateFormIntro": "Intercept data when the value is empty",
    "ValidateFormTitle": "ValidateForm"
  },
  "BootstrapBlazor.Server.Components.Samples.SelectTables+SelectTableMode": {
    "Foo.Required": "{0} is required."
  },
  "BootstrapBlazor.Server.Components.Samples.SelectTrees": {
    "SelectTreesBindingIntro": "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",
    "SelectTreesBindingTitle": "Select two-way binding",
    "SelectTreesClientValidationButtonText": "Submit",
    "SelectTreesClientValidationIntro": "validate the value when submit the form. Inside <code>ValidateForm</code>",
    "SelectTreesClientValidationTitle": "Validation",
    "SelectTreesDescription": "A tree-like data structure is presented in the drop-down box for selection",
    "SelectTreesDisableIntro": "Disabled the component by set <code>IsDisabled</code> to true",
    "SelectTreesDisableTitle": "Disabled",
    "SelectTreesEditDesc": "After setting <code>IsEditable=\"true\"</code>, the content displayed in the text box is the <code>Value</code> value of the node selected in the <code>TreeView</code>, the input value may not be in the <code>Items</code> collection",
    "SelectTreesEditIntro": "By setting <code>IsEditable=\"true\"</code> you can edit the input textbox",
    "SelectTreesEditTitle": "Edit",
    "SelectTreesIsPopoverIntro": "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>",
    "SelectTreesIsPopoverTitle": "IsPopover",
    "SelectTreesNormalIntro": "Selected node",
    "SelectTreesNormalTitle": "Common usage",
    "SelectTreesTitle": "SelectTree"
  },
  "BootstrapBlazor.Server.Components.Samples.ShieldBadges": {
    "ShieldBadgeNormalIntro": "Use <code>Icon</code> to set the icon, <code>Label</code> to set the left text, and <code>Text</code> to set the right text",
    "ShieldBadgeNormalTitle": "Basic usage",
    "SubTitle": "Badge component with icon label text like Shields Badge",
    "Title": "ShieldBadge"
  },
  "BootstrapBlazor.Server.Components.Samples.SignaturePadPageResponsive": {
    "BackText": "Back",
    "ResponsiveInterfaceText": "Responsive signature interface",
    "ResultText": "Your signature",
    "SignatureText": "Signature",
    "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."
  },
  "BootstrapBlazor.Server.Components.Samples.SignaturePads": {
    "BaseUsageIntro": "Signature with touch or mouse",
    "BaseUsageText": "Basic usage",
    "ButtonCssStyleIntro": "Set button css",
    "ButtonCssStyleText": "Button CSS style",
    "CustomButtonIntro": "Custom button text",
    "CustomButtonText": "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"
  },
  "BootstrapBlazor.Server.Components.Samples.Skeletons": {
    "SkeletonsDescription": "Provide a placeholder graphic combination where you need to wait for content to load",
    "SkeletonsFormIntro": "Suitable for display when the edit form is loaded",
    "SkeletonsFormTitle": "Form skeleton",
    "SkeletonsImgDescription": "It can be set to a circle display by setting the <code>Circle</code> property",
    "SkeletonsImgIntro": "Suitable for display when loading avatars, pictures, etc.",
    "SkeletonsImgTitle": "Picture frame",
    "SkeletonsParagraphDescription": "The default paragraph skeleton screen only displays three lines. If you need multiple lines to occupy space, please place multiple <code>SkeletonParagraph</code>.",
    "SkeletonsParagraphIntro": "Applicable to display when loading large paragraphs of text and other types",
    "SkeletonsParagraphTitle": "Paragraph skeleton",
    "SkeletonsTableIntro": "Applicable to display when the edit table is loaded",
    "SkeletonsTableTitle": "Table skeleton",
    "SkeletonsTips1": "When the network is slow and it takes a long time to wait for the loading process",
    "SkeletonsTips2": "Lists/cards with more graphic information content",
    "SkeletonsTips3": "Only used when loading data for the first time",
    "SkeletonsTips4": "Can be completely replaced by Spin, but can provide better visual effects and user experience than Spin in available scenarios",
    "SkeletonsTipsTitle": "When to use",
    "SkeletonsTitle": "Skeleton",
    "SkeletonsTreeIntro": "Display when tree component is loaded",
    "SkeletonsTreeTitle": "Tree skeleton"
  },
  "BootstrapBlazor.Server.Components.Samples.SlideButtons": {
    "AutoCloseIntro": "By setting <code>IsAutoClose</code> to control whether to click on areas outside the pop-up window to automatically close the pop-up window",
    "AutoCloseText": "IsAutoClose",
    "BaseUsageIntro": "Provide secondary function menu data items by setting <code>Items</code>",
    "BaseUsageText": "Basic usage",
    "BodyTemplateIntro": "Customize the pop-up data by setting <code>BodyTemplate</code>",
    "BodyTemplateText": "BodyTemplate",
    "ShowHeaderIntro": "By setting <code>ShowHeader</code> to control whether a title bar is displayed, the default value is <code>false</code>",
    "ShowHeaderText": "ShowHeader",
    "SlideButtonHeaderText": "Foo List",
    "SlideButtonIntro": "After clicking the button, a function menu and other information will pop up, mostly used for displaying secondary functions",
    "SlideButtonItemsIntro": "Directly enter the <code>SlideButtonItems</code> collection as the data source on the page",
    "SlideButtonItemsText": "SlideButtonItems",
    "SlideButtonTitle": "SlideButton"
  },
  "BootstrapBlazor.Server.Components.Samples.Sliders": {
    "SlidersDescription": "Select within a fixed interval by dragging the slider",
    "SlidersIsDisabledIntro": "Disable components by setting <code>IsDisabled=\"true\"</code>",
    "SlidersIsDisabledTitle": "Disabled",
    "SlidersNormalIntro": "Change the current value as you drag the slider",
    "SlidersNormalTitle": "Basic usage",
    "SlidersRangeIntro": "Auto generate <code>min</code> <code>max</code> by set <code>RangeAttribute</code>",
    "SlidersRangeTitle": "Range",
    "SlidersTitle": "Slider"
  },
  "BootstrapBlazor.Server.Components.Samples.SmilesDrawers": {
    "SmilesDrawerDescription": "A small, highly performant JavaScript component for parsing and drawing SMILES strings",
    "SmilesDrawerNormalIntro": "Set the molecular formula through <code>Smiles</code> and draw the component",
    "SmilesDrawerNormalTitle": "Basic usage",
    "SmilesDrawerSizeIntro": "Set the width and height of the molecular formula by setting the <code>Width</code> and <code>Height</code> values",
    "SmilesDrawerSizeTitle": "Size",
    "SmilesDrawerTitle": "SmilesDrawer"
  },
  "BootstrapBlazor.Server.Components.Samples.Sockets.Adapters": {
    "AdaptersDescription": "Receive data through the data adapter and display",
    "AdaptersTitle": "DataPackageAdapter",
    "NormalIntro": "After the connection is established, the timestamp data sent by the server is received through the <code>ReceivedCallBack</code> callback method of the <code>DataPackageAdapter</code> data adapter.",
    "NormalTitle": "Basic usage"
  },
  "BootstrapBlazor.Server.Components.Samples.Sockets.AutoReceives": {
    "NormalIntro": "After connecting, the timestamp data sent by the server is automatically received through the <code>ReceivedCallBack</code> callback method",
    "NormalTitle": "Basic usage",
    "ReceivesDescription": "Receive data through ReceivedCallBack and display it",
    "ReceivesTitle": "Socket Receive"
  },
  "BootstrapBlazor.Server.Components.Samples.Sockets.AutoReconnects": {
    "AutoReconnectsDescription": "Receive data through the data adapter and display",
    "AutoReconnectsTitle": "DataPackageAdapter",
    "NormalIntro": "Enable automatic reconnection by setting <code>IsAutoReconnect</code>",
    "NormalTitle": "Basic usage"
  },
  "BootstrapBlazor.Server.Components.Samples.Sockets.DataEntities": {
    "ConfigIntro": "Use the <code>ConfigureDataConverters</code> method to map the entity class and automatically convert the received data",
    "ConfigTitle": "DataType Converter",
    "DataEntityDescription": "After receiving the communication data, it is automatically converted into the entity class required by the business",
    "DataEntityTitle": "Socket Auto Entity",
    "NormalIntro": "Enable automatic data conversion through the <code>DataPropertyConverterAttribute</code> attribute",
    "NormalTitle": "Basic usage"
  },
  "BootstrapBlazor.Server.Components.Samples.Sockets.ManualReceives": {
    "NormalIntro": "After the connection is established, the data sent by the server is received through the <code>ReceiveAsync</code> callback method. The data problems of sticking and splitting packets need to be handled by the client.",
    "NormalTitle": "Basic usage",
    "ReceivesDescription": "Receive data through call ReceiveAsync and display it",
    "ReceivesTitle": "Manual Receive"
  },
  "BootstrapBlazor.Server.Components.Samples.SortableLists": {
    "SortableListClassLi1": "Chosen item style <code>sortable-chosen</code>",
    "SortableListClassLi2": "The default style of drag element clones is <code>sortable-ghost</code> and can be customized through <code>GhostClass</code>",
    "SortableListClassTitle": "Because <code>SortableList</code> is a container component, its contents are all custom components and cannot be styled. You need to set the style yourself according to the actual situation.",
    "SortableListCloneIntro": "Set the <code>SortableListOption</code> parameter <code>Clone</code> to set whether to clone the current element when dragging",
    "SortableListCloneTitle": "Clone",
    "SortableListDescription": "Reorderable drag-and-drop lists",
    "SortableListDisableSortIntro": "By setting the <code>SortableListOption</code> parameter <code>Sort</code> to set whether to sort the current element when dragging",
    "SortableListDisableSortTitle": "Disable Sort",
    "SortableListFilterIntro": "By setting the <code>SortableListOption</code> parameter <code>Filter</code> to set conditional drag elements, the red element in the example cannot be dragged",
    "SortableListFilterTitle": "Filter",
    "SortableListGroupIntro": "By setting the <code>SortableListOption</code> parameter <code>Group</code> to specify the group name, elements between different groups can be dragged",
    "SortableListGroupTitle": "Group",
    "SortableListHandlerIntro": "By setting the <code>SortableListOption</code> parameter <code>Handle</code> to specify the draggable element, the entire element is dragged when the mouse drags the icon",
    "SortableListHandlerTitle": "Handler",
    "SortableListMultiIntro": "By setting the <code>SortableListOption</code> parameter <code>MultiDrag</code> you can select multiple items before dragging",
    "SortableListMultiTitle": "Multiple Drag",
    "SortableListNestIntro": "By nesting the <code>SortableList</code> component",
    "SortableListNestTitle": "Nest",
    "SortableListNormalIntro": "Get the root element by setting the <code>RootSelector</code> parameter of the <code>SortableListOption</code>",
    "SortableListNormalTitle": "Simple list example",
    "SortableListOnAddIntro": "Get the <code>SortableList</code> to which the dragged item belongs by setting the <code>FromId</code> parameter of the <code>SortableEvent</code>. In this example, the elements in the three areas can be dragged arbitrarily",
    "SortableListOnAddTitle": "Multiple SortableList",
    "SortableListSwapIntro": "By setting the <code>Swap</code> parameter of <code>SortableListOption</code>, the drag item and the target item are swapped.",
    "SortableListSwapTitle": "Swap",
    "SortableListTableIntro": "By setting the <code>SortableListOption</code> parameter <code>RootSelector</code> to specify the drag root element as <code>tbody</code>, you can drag rows.",
    "SortableListTableTitle": "Table Row",
    "SortableListTitle": "SortableList"
  },
  "BootstrapBlazor.Server.Components.Samples.Speeches.Index": {
    "SpeechButtonText": "Get started",
    "SpeechDescription": "Converted to text (STT) through microphone voice capture, or read aloud through text (TTS)",
    "SpeechDescription1": "This set of components is built-in <code>Azure</code> and <code>Baidu</code> Speech service, this example relies on",
    "SpeechDescription2": "When using this component, you need to reference its component package",
    "SpeechGroupBoxHeaderText": "command panel",
    "SpeechGroupBoxTitle": "Command output area",
    "SpeechLi1": "Click <b>start</b> After pressing the button, speak to the computer <b><i>Please turn on the light for me</i></b>",
    "SpeechLi2": "After the computer receives the command, it will ask <b><i>Are you sure you want to turn on the light? Please confirm!</i></b>",
    "SpeechLi3": "You speak to the computer： <b><i>confirm</i></b>",
    "SpeechLi4": "The computer executes the command and enters it in the text box below <b><i>has been opened for you</i></b> text",
    "SpeechLiTitle": "Actual combat experience",
    "SpeechTips1": "1. registration service",
    "SpeechTips1Text": "Add Baidu voice service",
    "SpeechTips2": "2. use the service",
    "SpeechTips2Text1": "speech recognition service",
    "SpeechTips2Text2": "speech synthesis service",
    "SpeechTitle": "Speech Recognition and Synthesis"
  },
  "BootstrapBlazor.Server.Components.Samples.Speeches.Recognizers": {
    "RecognizerNormalDescription": "Instructions for use",
    "RecognizerNormalIntro": "Click to start recognition to recognize the input voice",
    "RecognizerNormalTips": "click <p>start to identify</p> 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. <p>end recognition</p>",
    "RecognizerNormalTitle": "Common usage",
    "RecognizersSubTitle": "Convert speech to text with a voice capture device",
    "RecognizersTitle": "Recognizer Speech Recognition"
  },
  "BootstrapBlazor.Server.Components.Samples.Speeches.SpeechWaves": {
    "NormalIntro": "Displays the waveform plot",
    "NormalTitle": "Basic usage",
    "ShowUsedTimeIntro": "Via <code>ShowUsedTime</code>",
    "ShowUsedTimeTitle": "The length of the display",
    "SpeechWavesDescription": "The dynamic plot of the waveform that is displayed when you start acquiring speech",
    "SpeechWaveTitle": "SpeechWave",
    "ValueButtonText1": "Hide",
    "ValueButtonText2": "Show",
    "ValueIntro": "Use the <code>Show</code> value to control whether the waveform plot is displayed",
    "ValueTitle": "Parameters control whether it is displayed"
  },
  "BootstrapBlazor.Server.Components.Samples.Speeches.Synthesizers": {
    "SynthesizerNormalIntro": "After clicking to start synthesis, perform speech synthesis on the text content",
    "SynthesizerNormalTitle": "Common usage",
    "SynthesizersSubTitle": "Convert text content to speech",
    "SynthesizersTitle": "Synthesizer speech synthesis"
  },
  "BootstrapBlazor.Server.Components.Samples.Speeches.WebSpeeches": {
    "WebSpeechNormalIntro": "After entering the text, select the corresponding language to read aloud",
    "WebSpeechNormalTitle": "Speech Synthesizer",
    "WebSpeechRecognitionButtonText": "Recognition",
    "WebSpeechRecognitionContinuousButtonText": "Recognition",
    "WebSpeechRecognitionContinuousIntro": "Real-time speech recognition by setting the <code>WebSpeechRecognitionOption</code> parameter <code>Continuous=\"true\" InterimResults=\"true\"</code>",
    "WebSpeechRecognitionContinuousTitle": "Real-time speech recognition",
    "WebSpeechRecognitionIntro": "Input voice through microphone for voice recognition",
    "WebSpeechRecognitionTitle": "Speech Recognition",
    "WebSpeechSpeakButtonText": "Speak",
    "WebSpeechStopButtonText": "Stop",
    "WebSpeechSubTitle": "Provide speech recognition/synthesis services using browser interface functions",
    "WebSpeechText": "Welcome blazor",
    "WebSpeechTitle": "Web Speech Api"
  },
  "BootstrapBlazor.Server.Components.Samples.Spinners": {
    "SpinnersColorIntro": "Provides a spin icon in base color",
    "SpinnersColorTitle": "Spinner Spinner icon with color",
    "SpinnersCustomIntro": "Custom layout with text",
    "SpinnersCustomLoading": "Loading...",
    "SpinnersCustomTitle": "Custom Title",
    "SpinnersDescription": "Show animation when loading data",
    "SpinnersFlexIntro": "Custom layout",
    "SpinnersFlexTitle": "Spinner Flex",
    "SpinnersFloatIntro": "Use Float layout",
    "SpinnersFloatTitle": "Spinner Floats",
    "SpinnersGrowingColorIntro": "Provides a spin icon in base color",
    "SpinnersGrowingColorTitle": "Growing Spinner Spinning icon with color",
    "SpinnersGrowingIntro": "Growing Rotation Icon",
    "SpinnersGrowingTitle": "Growing Spinner spin icon",
    "SpinnersNormalIntro": "Default rotate icon",
    "SpinnersNormalTitle": "Basic usage",
    "SpinnersSizeIntro": "Icon style size",
    "SpinnersSizeTitle": "Spinner spin icon size",
    "SpinnersTips": "When the page is partially waiting for asynchronous data or is being rendered, appropriate loading animations can effectively relieve the user's anxiety.",
    "SpinnersTipsTitle": "when to use",
    "SpinnersTitle": "Spinner icon"
  },
  "BootstrapBlazor.Server.Components.Samples.Splits": {
    "SplitsBarHandleHide": "Bar handle hidden",
    "SplitsBarHandleShow": "Bar handle shown",
    "SplitsCollapsibleFalse": "Collapse button hidden",
    "SplitsCollapsibleIntro": "Set whether the panels can be collapsed by configuring the <code>FirstPaneCollapsible</code> and <code>SecondPaneCollapsible</code> properties",
    "SplitsCollapsibleTitle": "Collapse/Expand",
    "SplitsCollapsibleTrue": "Collapse button shown",
    "SplitSetLeftIntro": "Use the component instance method <code>SetLeftWidth</code> to set the width of the left/top panel, and the width of the right/bottom panel will be adaptive",
    "SplitSetLeftTitle": "Code to set panel width",
    "SplitsMinimumIntro": "By setting <code>FirstPaneMinimumSize</code> <code>SecondPaneMinimumSize</code> values. In this example, the minimum values ​​of the left and right panels are set to <code>10%</code>",
    "SplitsMinimumTitle": "Minimum",
    "SplitsNestedIntro": "Combine layout by nesting <code>Split</code> components",
    "SplitsNestedTitle": "Nested use",
    "SplitsNormalIntro": "Left and Right",
    "SplitsNormalTitle": "Basic usage",
    "SplitsPanel1": "I am the left panel",
    "SplitsPanel10": "Right",
    "SplitsPanel2": "I am the right panel",
    "SplitsPanel3": "I am the upper panel",
    "SplitsPanel4": "I am the bottom panel",
    "SplitsPanel5": "Upper",
    "SplitsPanel6": "Lower",
    "SplitsPanel7": "Right",
    "SplitsPanel8": "Upper",
    "SplitsPanel9": "Lower",
    "SplitsPercentIntro": "Set the proportion of the initial position by setting the <code>Basis</code> attribute",
    "SplitsPercentTitle": "Set initialization percentage",
    "SplitsTitle": "Split",
    "SplitsVerticalIntro": "Control the vertical split panel by setting the <code>IsVertical</code> property",
    "SplitsVerticalTitle": "Vertical split"
  },
  "BootstrapBlazor.Server.Components.Samples.Splittings": {
    "SplittingColorIntro": "Modify the color of progress",
    "SplittingColorTitle": "Color",
    "SplittingColumnsIntro": "Modify the <code>Colunms</code> of progress bar segmentation granularity",
    "SplittingColumnsText": "Colunms",
    "SplittingColumnsTitle": "Colunms",
    "SplittingDescription": "Display dynamic effects when loading data",
    "SplittingNormalIntro": "Default Load Animation",
    "SplittingNormalTitle": "Basic usage",
    "SplittingText": "Loading 。。。",
    "SplittingTextIntro": "Modify the displayed text content",
    "SplittingTextTitle": "Custom Text",
    "SplittingTips": "When parts of the page are waiting for asynchronous data or during the rendering process, appropriate loading dynamics can effectively alleviate user anxiety.",
    "SplittingTipsTitle": "When to use",
    "SplittingTitle": "Loader"
  },
  "BootstrapBlazor.Server.Components.Samples.Stacks": {
    "AlignItems": "align-items",
    "AlignSelf": "align-self",
    "AttrAlignItems": "Change the alignment of flex items on the cross axis",
    "AttrChildContent": "Child content render fragment",
    "AttrIsReverse": "Start the horizontal or vertical direction from the opposite side.",
    "AttrIsRow": "Flex direction",
    "AttrIsWrap": "Change how flex items wrap in a flex container",
    "AttrJustify": "Change the alignment of flex items on the main axis",
    "BasicIntro": "Lets you arrange its subcomponents in a horizontal or vertical stack",
    "BasicTitle": "Basic",
    "ColumnMode": "Column",
    "IsReverse": "reverse",
    "IsWrap": "wrap",
    "Justify": "justify-content",
    "Mode": "mode",
    "RowMode": "Row",
    "StackItemGrowShrinkDesc": "<code>StackItem</code> 子项还有两个控制方式:",
    "StackItemGrowShrinkLi": "<li>Use <code>.flex-grow-*</code> utilities to toggle a flex item’s ability to grow to fill available space. In the example below, the <code>.flex-grow-1</code> elements uses all available space it can, while allowing the remaining two flex items their necessary space.</li><li>Use <code>.flex-shrink-*</code> utilities to toggle a flex item’s ability to shrink if necessary. In the example below, the second flex item with <code>.flex-shrink-1</code> is forced to wrap its contents to a new line, “shrinking” to allow more space for the previous flex item with <code>.w-100</code>.</li>",
    "Title": "Stack Layout"
  },
  "BootstrapBlazor.Server.Components.Samples.Steps": {
    "Step1Text": "First",
    "Step1Title": "Step 1",
    "Step2Text": "Second",
    "Step2Title": "Step 2",
    "Step3Text": "End",
    "Step3Title": "Step 3",
    "StepDesc": "This is a description",
    "StepsAttrChildContent": "The template for child",
    "StepsAttrDescription": "Describe the information",
    "StepsAttrFinishedIcon": "The finished step display icon",
    "StepsAttrHeaderTemplate": "The template for Header",
    "StepsAttrIcon": "The step display icon",
    "StepsAttrText": "The step text",
    "StepsAttrTitle": "The step display title",
    "StepsAttrTitleTemplate": "The template for Title",
    "StepsDescIntro": "Each step described has its own description bar of step status",
    "StepsDescription": "A navigation bar that guides the user through the process",
    "StepsDescTitle": "There is a description of the step bar",
    "StepsHeaderTemplateIntro": "custom the title by set <code>HeaderTemplate</code>",
    "StepsHeaderTemplateTitle": "Custom the header",
    "StepsNormalFinishedTemplateDesc": "By setting <code>FinishedTemplate</code>, the subsequent processing logic after all steps are completed can be achieved, such as displaying completed steps. If a certain delay is needed to jump to a new page, a custom component needs to be customized and processed in its <code>OnAfterRenderAsync</code> lifecycle",
    "StepsNormalIntro": "Simple step bar, by directly binding the data source <code>Items</code>",
    "StepsNormalNextButtonText": "Next",
    "StepsNormalPrevButtonText": "Prev",
    "StepsNormalResetButtonText": "Reset",
    "StepsNormalTitle": "Basic usage",
    "StepsStepIntro": "A simple step bar that uses the <code>Step</code> component setup step directly inside the component",
    "StepsStepTitle": "Basic usage",
    "StepsTips": "<code>Steps</code> component supports UI rendering by setting the <code>Items</code> property or by embedding the <code>Step</code> component directly",
    "StepsTipsTitle": "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",
    "StepsTitle": "Step",
    "StepsTitleTemplateIntro": "custom the title by set <code>TitleTemplate</code>",
    "StepsTitleTemplateTitle": "Custom the title",
    "StepsVerticalIntro": "vertical the step by set <code>IsVertical=\"true\"</code>",
    "StepsVerticalTitle": "Vertical step"
  },
  "BootstrapBlazor.Server.Components.Samples.SvgEditors": {
    "BasicIntro": "Use svg editor",
    "BasicTitle": "Svg Editor",
    "SvgEditorTitle": "SvgEditor"
  },
  "BootstrapBlazor.Server.Components.Samples.SweetAlerts": {
    "SwalConsoleInfo": "Return result:",
    "SwalOptionContent": "Content",
    "SwalOptionTitle": "Modal",
    "SweetAlertsAutoCloseButtonText": "Auto close swal",
    "SweetAlertsAutoCloseDescription": "parameter <code>IsAutoHide</code> Defaults to <code>false</code> to disable auto-close, The parameter <code>Delay</code> defaults to 4000 milliseconds",
    "SweetAlertsAutoCloseIntro": "Customize the auto-close time by setting the <code>IsAutoHide</code> <code>Delay</code> property",
    "SweetAlertsAutoCloseTitle": "Auto-off function",
    "SweetAlertsButtonIntro": "Customize the buttons in the pop-up window by setting <code>ButtonTemplate</code>",
    "SweetAlertsButtonTitle": "Custom button",
    "SweetAlertsCloseButtonText": "close swal",
    "SweetAlertsCloseDescription": "Set <code>IsAutoHide=\"false\"</code> <code>ShowClose=\"false\"</code>, close the pop-up window by call <code>await option.CloseAsync</code>",
    "SweetAlertsCloseIntro": "Close the swal popup by call <code>SwalOption</code> instance method <code>CloseAsync</code>",
    "SweetAlertsCloseTitle": "Close by function",
    "SweetAlertsComponentIntro": "By setting the <code>Component</code> popup content as a custom component",
    "SweetAlertsComponentTitle": "Show custom components",
    "SweetAlertsDescription": "Modal dialog box, mostly used to continue after inquiring during the action, or to display the execution result",
    "SweetAlertsDisplayIntro": "By setting <code>Title</code> <code>Content</code> is used to display the title and content of the pop-up window",
    "SweetAlertsDisplayTitle": "Set display content",
    "SweetAlertsFooterButtonText": "Popup with Footer",
    "SweetAlertsFooterDescription": "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>",
    "SweetAlertsFooterIntro": "Customize the Footer template by setting <code>FooterTemplate</code>",
    "SweetAlertsFooterTitle": "Show Footer Information",
    "SweetAlertsModalDescription": "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.",
    "SweetAlertsModalIntro": "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.",
    "SweetAlertsModalTips": "<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>",
    "SweetAlertsModalTitle": "Modal dialog",
    "SweetAlertsNormalDoubt": "doubt",
    "SweetAlertsNormalFail": "fail",
    "SweetAlertsNormalHint": "hint",
    "SweetAlertsNormalIntro": "Call <code>Swal</code> by injecting the service to pop up a dialog",
    "SweetAlertsNormalSuccess": "success",
    "SweetAlertsNormalTitle": "Basic usage",
    "SweetAlertsNormalWarn": "warn",
    "SweetAlertsPopups": "Pop-ups",
    "SweetAlertsPreContentText": "I am Content",
    "SweetAlertsPreTitleText": "I am Title",
    "SweetAlertsTips1": "1. Inject the service <code>SwalService</code>",
    "SweetAlertsTips2": "2. Call its instance <code>api</code>",
    "SweetAlertsTipsTitle": "Component usage introduction",
    "SweetAlertsTitle": "SweetAlert popup component"
  },
  "BootstrapBlazor.Server.Components.Samples.SwitchButtons": {
    "SwitchButtonsDescription": "Toggle state after button click",
    "SwitchButtonsNormalIntro": "Click the component to automatically switch the state",
    "SwitchButtonsNormalTitle": "Basic usage",
    "SwitchButtonsOnClickDescription": "<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>",
    "SwitchButtonsOnClickIntro": "Initialize component state by setting <code>ToggleState</code>",
    "SwitchButtonsOnClickTitle": "click callback method",
    "SwitchButtonsTitle": "Switch Button state switch button",
    "SwitchButtonsToggleStateDescription": "The current component state can be obtained by setting the <code>ToggleStateChanged</code> callback method",
    "SwitchButtonsToggleStateIntro": "Initialize component state by setting <code>ToggleState</code>",
    "SwitchButtonsToggleStateTitle": "initialized state"
  },
  "BootstrapBlazor.Server.Components.Samples.Switches": {
    "SwitchesBindingDescription1": "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",
    "SwitchesBindingDescription2": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component  of the <a href='input'>[The portal]</a>",
    "SwitchesBindingDisplayText1": "An example of a two-way binding",
    "SwitchesBindingDisplayText2": "Custom labels",
    "SwitchesBindingDisplayText3": "Do not display",
    "SwitchesBindingDividerText1": "Custom labels",
    "SwitchesBindingDividerText2": "Occupants",
    "SwitchesBindingDividerText3": "Do not occupy seats",
    "SwitchesBindingDivText1": "The binding value",
    "SwitchesBindingIntro": "Binding variables within a component, data is automatically synchronized",
    "SwitchesBindingTips1": "Set the <code>DisplayText</code> value to <b>custom label </b>",
    "SwitchesBindingTips2": "The value of <code>DisplayText</code> is displayed when <code>ShowLabel</code> is <code>true</code>, regardless of whether the value is set",
    "SwitchesBindingTips3": "The value of <code>DisplayText</code> is not displayed when the <code>ShowLabel</code> is <code>false</code>",
    "SwitchesBindingTitle": "Two-way binding",
    "SwitchesColorIntro": "Set the switch status color by setting the <code>OnColor</code> <code>OffColor</code> property values",
    "SwitchesColorTitle": "Switch color",
    "SwitchesDescription": "The most common switching applications are available",
    "SwitchesDisableIntro": "Control the unavailable state of the component by setting the <code>IsDisabled</code> property",
    "SwitchesDisableTitle": "Disable the state",
    "SwitchesInnerTextDescription": "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",
    "SwitchesInnerTextIntro": "By setting <code>ShowInnerText</code> property control component displays built-in text",
    "SwitchesInnerTextLabelText1": "Default text:",
    "SwitchesInnerTextLabelText2": "Custom text:",
    "SwitchesInnerTextOffInnerText": "Not",
    "SwitchesInnerTextOnInnerText": "Be",
    "SwitchesInnerTextTitle": "Displays built-in text",
    "SwitchesNormalDescription": "Click the first switch to output the log with value",
    "SwitchesNormalIntro": "Click the button to switch statuses",
    "SwitchesNormalTitle": "Basic usage",
    "SwitchesNullableIntro": "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",
    "SwitchesNullableTitle": "Can be an empty type switch",
    "SwitchesOffText": "Off",
    "SwitchesOnText": "On",
    "SwitchesTitle": "Switch"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.Tables": {
    "TableBaseBorderedIntro": "Increase the effect of table frame by setting <code> isbordered </code> attribute",
    "TableBaseBorderedTitle": "Bordered tables",
    "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",
    "TableBaseHeaderStyleDescription": "<code> Headerstyle </code> is the table header style, and the default value is <code> none </code>",
    "TableBaseHeaderStyleIntro": "By setting <code> headerstyle </code> Properties",
    "TableBaseHeaderStyleMode": "The style of table header",
    "TableBaseHeaderStyleTitle": "Header style",
    "TableBaseNormalDescription": "Update data source when clicking button <code> items </code> component <code> Table </code> display data is automatically updated",
    "TableBaseNormalIntro": "Basic table presentation usage",
    "TableBaseNormalRefreshText": "Refresh",
    "TableBaseNormalTitle": "Basic table",
    "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>",
    "TableBaseSizeIntro": "Set the <code> tablesize </code> attribute to make the gap in the table smaller and suitable for big data display",
    "TableBaseSizeTitle": "Compact tables",
    "TableBaseStripedIntro": "Using a table with zebra stripes, it is easier to distinguish data from different rows. Just set <code> istriped = true </code>",
    "TableBaseStripedTitle": "Tables with zebra stripes",
    "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",
    "TableBaseTips4": "<code>TableColumn</code> When using <code>@bind-Field</code> to bind a complex type, All complex type properties must be instantiated",
    "TableBaseTitle": "Table"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesAttribute": {
    "AutoGenerateClassAttribute": "AutoGenerateClassAttribute",
    "AutoGenerateClassP1": "1. Usage",
    "AutoGenerateClassP1Content": "In this example, by setting <code>Filterable=true</code>, all columns in the table are filterable.",
    "AutoGenerateClassP2": "1. Usage",
    "AutoGenerateClassP2Content": "In this example, we enable the filter function for the table's <code>Name</code> column by setting <code>Filterable=true</code>",
    "AutoGenerateCode": "The equivalent code is as follows:",
    "AutoGenerateColumnAttribute": "AutoGenerateColumnAttribute",
    "TableAttributeColumn": "TableColumn value",
    "TableAttributeDescription": "By using feature tags, you can save a lot of code",
    "TableAttributeIntro": "Priority",
    "TableAttributeIntroLI1": "Only <code>AutoGenerateClassAttribute</code> been set and its parameter value is used as the basis",
    "TableAttributeIntroLI2": "Only <code>AutoGenerateColumnAttribute</code> been set and its parameter value is used as the basis",
    "TableAttributeIntroLI3": "Write <code>AutoGenerateClassAttribute</code> and write <code>AutoGenerateColumnAttribute</code> to merge the two parameter values and take the value of <code>AutoGenerateColumnAttribute</code>",
    "TableAttributeIntroLI4": "When setting the TableColumn parameter value, the TableColumn parameter value is the final value.",
    "TableAttributeQA1": "I wrote <code>AutoGenerateClassAttribute</code> and <code>AutoGenerateColumnAttribute</code> to combine the two parameter values and give an example",
    "TableAttributeQAP2": "Since <code>AutoGenerateClassAttribute</code> is not set, <code>Sortable</code> remains at the default value of <code>false</code>, and <code>AutoGenerateColumn</code> sets the <code>Sortable</code> value to <code>true</code>, the final <code>UI</code> uses <code>true</code>",
    "TableAttributeQAP3": "In the latest version, some parameter values ​​such as <code>Filterable</code> of <code>TableColumn</code> are changed to <b>nullable data type</b>, and their default value is changed from <code>false</code> to <code>null</code>. Therefore, as long as the value of the <code>Filterable</code> parameter of <code>TableColumn</code> is not null, the <code>TableColumn</code> value is used as the final <code>UI</code> value.",
    "TableAttributeTitle": "AutoGenerateClassAttribute/AutoGenerateColumnAttribute"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesAutoRefresh": {
    "TablesAutoRefreshControlDescription": "Enable/disable automatic update function by clicking the button",
    "TablesAutoRefreshControlIntro": "This example controls whether to automatically update by setting a variable",
    "TablesAutoRefreshControlIsAutoRefresh": "The current value",
    "TablesAutoRefreshControlTitle": "Control whether to update automatically by setting a variable",
    "TablesAutoRefreshControlToggleAuto": "Change Auto",
    "TablesAutoRefreshDescription": "In a certain application scenario, the change of the data source needs to refresh the table component",
    "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",
    "TablesAutoRefreshNormalTitle": "Auto Refresh"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesCell": {
    "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",
    "TableCellMergeCellTitle": "Merge Cells",
    "TableCellOnDoubleClickCellCurrentCellName": "Current cell name:",
    "TableCellOnDoubleClickCellCurrentValue": "Current Value:",
    "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",
    "TableCellOnDoubleClickCellTitle": "Double-click cell",
    "TableCellOnDoubleClickCellToastTitle": "Double-click cell callback",
    "TablesCellDescription": "Cell related operation example",
    "TablesCellTitle": "Table Cell"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesColumn": {
    "AdvanceIntro": "Custom rendering of columns by showing template <code>Template</code>",
    "AdvanceTitle": "Practical Example",
    "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>",
    "AlignTitle": "Column data alignment",
    "BindComplexObjectButtonText": "Set company",
    "BindComplexObjectIntro": "When binding a complex type, whether the bound object collection is empty or not, the <code>TItem</code> must provide a parameterless constructor. Otherwise, it is required to provide a construction callback through <code>CreateItemCallback</code>. When binding a complex expression, the bound expression must not throw a <code>NullReferenceException</code> exception. If the business logic cannot avoid this issue, it is recommended to handle it using a <code>Template</code>",
    "BindComplexObjectP1": "In this example, the complex type <code>ComplexFoo</code> does not have a parameterless constructor, so a construction callback for <code>ComplexFoo</code> should be provided through <code>CreateItemCallback</code>",
    "BindComplexObjectP2": "In this example, we want to bind a complex expression <code>context.Company.Name</code> to the column <code>CompanyName</code>, but the business logic cannot ensure that the value of the <code>Company</code> property is not <code>null</code> at the time of binding. Therefore, we can first bind a simple expression and then handle it using the column template <code>Template</code>",
    "BindComplexObjectTitle": "Bind Complex Types and Expressions",
    "ColumnIgnoreButtonText": "Ignoring/Not Ignoring",
    "ColumnIgnoreIntro": "By setting the <code>Ignore</code> parameter to control whether the column is rendered, this parameter is different from <code>Visible</code>. Setting<code>Visible=\"false\"</code> to not display the column can be checked and displayed in the list through <code>ShowColumnList=\"true\"</code>",
    "ColumnIgnoreTitle": "Column Ignored",
    "ColumnOrderIntro": "Set the order by setting the <code>Order</code> parameter of <code>TableColumn</code>",
    "ColumnOrderTitle": "Column Order",
    "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",
    "ColumnTextIntro": "Add column header display name by setting <code>Text</code>",
    "ColumnTextTitle": "Custom column name",
    "ComplexFooAddress": "Address",
    "ComplexFooAge": "Age",
    "ComplexFooCompany": "Company",
    "ComplexFooDateTime": "DateTime",
    "ComplexFooName": "Name",
    "CustomColText1": "Custom Column Name 1",
    "CustomColText2": "Custom column name 2",
    "CustomColText3": "Custom column name 3",
    "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",
    "DisabledTitle": "Select Box Column",
    "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",
    "FormatterTitle": "Custom column data format",
    "MoreButtonColorDesc": "Set the button color using <code>MoreButtonColor</code>",
    "MoreButtonTextDesc": "Set the button's text using <code>MoreButtonText</code>",
    "OnColumnCreatingIntro": "By specifying <code>OnColumnCreating</code> callback, make secondary data changes to the column collection",
    "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>",
    "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",
    "OnColumnCreatingTitle": "Set current column properties",
    "SelectIntro": "Add the first column of the table by setting <code>IsMultipleSelect=\"true\"</code> to select the column, and the <code>ShowRowCheckboxCallback</code> callback delegate can control whether each row displays the checkbox. In this example, the <code> Complete</code> attribute to control whether to display the checkbox",
    "SelectTitle": "Table with select list",
    "ShowCheckboxIntro": "By setting <code>ShowCheckboxText=true</code> the display text in the first column of the table is <b>select</b>",
    "ShowCheckboxTitle": "Checkbox table with display text",
    "ShowColumnToolboxIntro": "Enable the column toolbar button by setting the <code>ToolboxTemplate</code> parameter",
    "ShowColumnToolboxTitle": "Column Toolbox",
    "ShowCopyColumnDesc": "You can fine-tune the <code>Tooltip</code> related parameters of the copy column data icon by setting <code>ShowCopyColumnTooltip</code> <code>CopyColumnTooltipText</code> <code>CopyColumnCopiedTooltipText</code> and other settings",
    "ShowCopyColumnIntro": "Set <code>ShowCopyColumn</code> show the icon for copy entire column data",
    "ShowCopyColumnTitle": "Show copy column icon",
    "ShowMoreButtonDesc": "<code>MoreButtonDropdownTemplate</code> Context <code>context</code> is the instance of the current row.",
    "ShowMoreButtonIntro": "By setting the <code>ShowMoreButton</code> parameter, a <b>More</b> button appears when the row expands. Furthermore, by setting the <code>MoreButtonDropdownTemplate</code> template, the dropdown menu options are customized. This design significantly reduces the amount of row space occupied.",
    "ShowMoreButtonTitle": "ShowMoreButton",
    "TablesColumnDescription": "Used to display multiple pieces of data with similar structures, data can be sorted, filtered, compared or other custom operations.",
    "TablesColumnTitle": "Table Column"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesColumnDrag": {
    "AllowDragOrderDesc": "<p>Pressing the mouse over a column heading and dragging it to another column heading position can adjust the column to be in front of the target column, but the built-in columns in the Table component, such as <code>DetailRow</code>, <code>LineNo</code>, <code>MultipleSelect</code>, and <code>Operation</code> columns, cannot be adjusted</p><p>This example enables localized storage by setting the <code>ClientTableName</code> parameter. After dragging and adjusting the order, the page can be refreshed, and the column order remains in the previous state</p><p>By setting the <code>ColumnOrderCallback</code> callback method, server-side column order persistence can be achieved</p>",
    "AllowDragOrderIntro": "By specifying <code>AllowDragColumn</code>, set the table columns to allow dragging column headings to adjust the table column order",
    "AllowDragOrderTitle": "Allow dragging column headings to adjust table column order",
    "TablesColumnDescription": "Used to display multiple pieces of data with similar structures, data can be sorted, filtered, compared or other custom operations.",
    "TablesColumnTitle": "Table Column"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesColumnList": {
    "IsPopoverToolbarDropdownButtonDesc": "The <code>IsPopoverToolbarDropdownButton</code> parameter controls whether the column list is displayed as a popover or a dropdown menu. The default value is <code>false</code>, which means it is displayed as a dropdown menu. When set to <code>true</code>, it is displayed as a popover.",
    "ResetVisibleColumnsButtonText": "Set Columns",
    "ResetVisibleColumnsDesc": "Call the instancel method <code>ResetVisibleColumns</code> of <code>Table</code> for set the multiple columns visible value",
    "ShowColumnListControlsDesc": "The <code>ShowColumnListControls</code> setting controls whether the column dropdown list displays control buttons. The built-in control buttons are <code>All</code> and <code>Invert</code>.",
    "ShownWithBreakPointIntro": "Set whether to display at different widths by specifying the <code>ShownWithBreakPoint</code> attribute",
    "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>",
    "ShownWithBreakPointP1": "<code>ShownWithBreakPoint</code> enumeration value: ",
    "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",
    "ShownWithBreakPointTitle": "Automatically show/hide columns based on screen width",
    "TablesColumnDescription": "Used to display multiple pieces of data with similar structures, data can be sorted, filtered, compared or other custom operations.",
    "TablesColumnTitle": "Table Column",
    "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>",
    "VisibleTitle": "Custom show/hide columns"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesColumnResizing": {
    "AllowResizingDesc": "<b>Note:</b> <code>Table</code> scrollbar only appears when the parent container has valid width values, By setting the <code>ShowColumnWidthTooltip</code> parameter, you can control whether to display the column width tooltip. The default value is <code>false</code>",
    "AllowResizingIntro": "Set table columns to allow resizing by specifying <code>AllowResizing</code>",
    "AllowResizingTitle": "Allow column resizing",
    "CustomerButtonTitle": "Custom button processing method",
    "OnRowButtonClickContent": "The button processing logic is distinguished by different functions, and the parameter Item is the current row data",
    "TablesColumnDescription": "Used to display multiple pieces of data with similar structures, data can be sorted, filtered, compared or other custom operations.",
    "TablesColumnTitle": "Table Column",
    "WidthButtonText1": "Details",
    "WidthButtonText2": "Edit",
    "WidthButtonText3": "Permissions",
    "WidthButtonText4": "Approval",
    "WidthConfirmButtonText": "Confirm",
    "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",
    "WidthTitle": "Customize the width of each column"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesColumnTemplate": {
    "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",
    "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/main/src/BootstrapBlazor/Attributes/AutoGenerateColumnAttribute.cs\" target=\"_blank\" >Source code</a>",
    "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: ",
    "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",
    "AutoGenerateColumnsTitle": "Auto Generate Columns",
    "TableColumnIntro": "Customize the <code>Template</code> template of the <code>TableColumn</code> column to implement any UI",
    "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",
    "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>",
    "TableColumnTitle": "Custom Column Data Template",
    "TablesColumnDescription": "Used to display multiple pieces of data with similar structures, data can be sorted, filtered, compared or other custom operations.",
    "TablesColumnTitle": "Table Column",
    "TableTemplateTips": "Special Note: When using column templates, real-world applications often encounter situations where several or more columns need to be linked. In such cases, directly placing the linked component within an <code>EditTemplate</code> may not achieve the desired linkage. The recommended approach is to create a separate component for the attributes that need to be linked and implement the linkage within that component.",
    "TemplateIntro": "By specifying <code>Template</code> set the last column to display as a custom button",
    "TemplateTitle": "Custom Column Template"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesDetailRow": {
    "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",
    "DetailRowTemplate2Title": "Nested Table Component Application",
    "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",
    "DetailRowTemplate3Title": "Use Tab component in detail row",
    "DetailRowTemplateIntro": "Set the detail row content by setting the <code>DetailRowTemplate</code> template",
    "DetailRowTemplateIsAccordion": "IsAccordion",
    "DetailRowTemplateP": "In the detail row, another field <code>education</code> of the binding row is displayed in the form of ordinary text",
    "DetailRowTemplateTitle": "Simple Application",
    "DynamicIntro": "Data source is <code>DataTable</code>",
    "DynamicTitle": "Detail row of dynamic data",
    "EducationText": "Education:",
    "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",
    "HeightTitle": "Fix the header to enable the detail row function",
    "TabItemText": "Associated Data",
    "TablesDetailRowDesc": "Used to display parent-child relationship table data"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesDialog": {
    "TableDialogNormalChoose": "Choose",
    "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",
    "TableDialogNormalIntro": "Click the Select button in the toolbar to pop up a dialog box to select candidate data",
    "TableDialogNormalSelectItem": "Select item",
    "TableDialogNormalSure": "Sure",
    "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",
    "TableDialogNormalTitle": "Data linkage in the pop-up window",
    "TablesDialogDescription": "Used in data selection with hierarchical relationship"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesDynamic": {
    "TablesDynamicDataTableIntro": "Only show <code>DataTable</code> data",
    "TablesDynamicDataTableTitle": "Common usage",
    "TablesDynamicDescription": "Supports dynamically adding columns",
    "TablesDynamicDynamicColButtonAddColumnText": "Add Column",
    "TablesDynamicDynamicColButtonRemoveColumnText": "Remove Column",
    "TablesDynamicDynamicColIntro": "Dynamic adjustment of the <code>DataTable</code> table component automatically updates via code",
    "TablesDynamicDynamicColTitle": "Dynamic Column",
    "TablesDynamicEditDescription": "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",
    "TablesDynamicEditIntro": "Add editing and maintenance functions",
    "TablesDynamicEditTitle": "Edit function",
    "TablesDynamicPageIntro": "Use <code>Pagination</code> component",
    "TablesDynamicPageTitle": "Pagination",
    "TablesDynamicTitle": "Table Dynamic"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesDynamicExcel": {
    "TablesDynamicExcelDescription": "Commonly used for large data sheet maintenance",
    "TablesDynamicExcelEnumIntro": "Set the column <code>Items</code> value, and render the enum type into a <code>Select</code> component",
    "TablesDynamicExcelEnumNotSet": "not set",
    "TablesDynamicExcelEnumTip": "Use the above code to render the <code>Education</code> column using the <code>Select</code> component",
    "TablesDynamicExcelEnumTitle": "Enum type",
    "TablesDynamicExcelKeyboardDescription": "Currently supported",
    "TablesDynamicExcelKeyboardIntro": "This example is used to test keyboard support in <code>Excel</code> mode",
    "TablesDynamicExcelKeyboardTips1_note1": "Set the <code>TItem</code> property of the <code>Table</code> component to <code>DynamicObject</code>",
    "TablesDynamicExcelKeyboardTips1_note2": "Set the <code>DynamicContext</code> property of the <code>Table</code> component to the <code>DataTableDynamicContext</code> instance",
    "TablesDynamicExcelKeyboardTips1_note3": "Set the Enum type to render to Select",
    "TablesDynamicExcelKeyboardTips1_note4": "Convert enum to List",
    "TablesDynamicExcelKeyboardTips1_Title": "1. Set the data source context",
    "TablesDynamicExcelKeyboardTips2_note1": "Set the <code>OnChanged</code> callback delegate function to handle the <b>New/Delete</b> logic",
    "TablesDynamicExcelKeyboardTips2_note2": "output log information",
    "TablesDynamicExcelKeyboardTips2_Title": "2. Handle <code>DataRow</code> change logic",
    "TablesDynamicExcelKeyboardTips3_note1": "Set the <code>OnValueChanged</code> callback delegate function to handle the cell <b>update</b> logic",
    "TablesDynamicExcelKeyboardTips3_note2": "Get built-in OnValueChanged callback",
    "TablesDynamicExcelKeyboardTips3_note3": "Invoke internally provided methods",
    "TablesDynamicExcelKeyboardTips3_note4": "The internal method updates the original data source DataTable",
    "TablesDynamicExcelKeyboardTips3_note5": "output log information",
    "TablesDynamicExcelKeyboardTips3_Title": "3. Handle <code>DataCell</code> change logic",
    "TablesDynamicExcelKeyboardTips_DatTable": "When using <code>DatTable</code> as the data source, you need to follow the steps below to set",
    "TablesDynamicExcelKeyboardTips_IsExcel": "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>",
    "TablesDynamicExcelKeyboardTitle": "Keyboard Support",
    "TablesDynamicExcelNormalDescription": "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 is used <code>DynamicContext</code> Instance object <code>DataTableDynamicContext</code> constructor to set",
    "TablesDynamicExcelNormalIntro": "Make the component render like <code>Excel</code> by setting the table's <code>IsExcel</code> property",
    "TablesDynamicExcelNormalTitle": "Excel mode",
    "TablesDynamicExcelTitle": "Excel-DataTable"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesDynamicObject": {
    "TablesDynamicObjectDescription": "Use the <code>IDynamicMetaObjectProvider</code> class as a data source",
    "TablesDynamicObjectIDynamicObjectIntro": "Use the <code>IDynamicObject</code> data collection as the data source by setting the <code>Items</code> data source",
    "TablesDynamicObjectIDynamicObjectTitle": "IDynamicObject collection",
    "TablesDynamicObjectMetaObjectProviderIntro": "Use the <code>IDynamicMetaObjectProvider</code> data collection as the data source by setting the <code>Items</code> data source",
    "TablesDynamicObjectMetaObjectProviderTitle": "IDynamicMetaObjectProvider Collection",
    "TablesDynamicObjectTitle": "Table table"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesEdit": {
    "TablesColumnEditTemplateDescription1": "Use the drop-down box to select the name when custom editing by setting the <code>EditTemplate</code> of the name column",
    "TablesColumnEditTemplateIntro": "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; <code>Hobby</code> is listed as a custom component <code>DemoHobbyTemplate</code> and is rendered using a multi-select box component",
    "TablesColumnEditTemplateTips": "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",
    "TablesColumnEditTemplateTitle": "Custom column editing template",
    "TablesEditDataServiceDescription": "custom data service",
    "TablesEditDataServiceIntro": "By setting the <code>DataService</code> attribute of the table, use an independent data service to add, delete, modify and check data",
    "TablesEditDataServiceTips1": "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",
    "TablesEditDataServiceTips2": "In this example, by setting the <code>EditDialogShowMaximizeButton</code> parameter, the <b>Maximize</b> button is displayed in the edit pop-up window",
    "TablesEditDataServiceTitle": "Use custom data services",
    "TablesEditDescription": "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>",
    "TablesEditFooterTemplateDescription": "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",
    "TablesEditFooterTemplateIntro": "Set <code>EditFooterTemplate</code> custom button in <code>EditDialog</code> <code>Footer</code>",
    "TablesEditFooterTemplateTitle": "Custom button in EditDialog footer",
    "TablesEditInjectDataServiceDescription": "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.",
    "TablesEditInjectDataServiceIntro": "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.",
    "TablesEditInjectDataServiceTips1": "Startup file injects data service",
    "TablesEditInjectDataServiceTips2": "Implementation principle and usage introduction",
    "TablesEditInjectDataServiceTips3": "custom data service",
    "TablesEditInjectDataServiceTips4": "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",
    "TablesEditInjectDataServiceTitle": "Using the inject data service",
    "TablesEditItemsDescription": "Setting <code>Items</code> as the data source eliminates the need to set <code>OnSaveAsync</code> <code>OnDeleteAsync</code> callback delegates to use built-in processing logic for updates and deletes. Meanwhile, it should be noted that the <code>[Key]</code> tag of the <code>Foo</code> attribute of the class instance <code>Foo</code> of the generic constraint of <code>TItem</code> should be configured correctly; The `IsGroupExtendButtons` parameter controls whether the inline function buttons are displayed in a group. The default is `true`.",
    "TablesEditItemsIntro": "Set <code>Items</code> as the data source, without setting <code>OnSaveAsync</code> <code>OnDeleteAsync</code> callback delegate to use built-in processing logic to update and delete functions",
    "TablesEditItemsTitle": "Use collection as data source to realize editing function",
    "TablesEditModeAddModalTitle": "Add test data window",
    "TablesEditModeDescription": "<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",
    "TablesEditModeDrawer": "<code>Drawer</code> Pattern example",
    "TablesEditModeEditModalTitle": "Edit Test Data Window",
    "TablesEditModeInCell": "<code>InCell</code> Pattern example",
    "TablesEditModeIntro": "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",
    "TablesEditModeTips1": "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.",
    "TablesEditModeTips2": "<code>EditForm</code> Pattern example",
    "TablesEditModeTitle": "set edit mode",
    "TablesEditOnAddAsyncDescription": "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>",
    "TablesEditOnAddAsyncIntro": "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",
    "TablesEditOnAddAsyncTips1": "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>",
    "TablesEditOnAddAsyncTips2": "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",
    "TablesEditOnAddAsyncTips3": "Some data columns presented in the table are calculated results. This type of column cannot be edited. By setting <code>Ignore=true</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",
    "TablesEditOnAddAsyncTips4": "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",
    "TablesEditOnAddAsyncTips5": "Make the extension buttons appear in front of the row by setting <code>IsExtendButtonsInRowHeader=true</code>",
    "TablesEditOnAddAsyncTips6": "Make the edit popup draggable by setting <code>EditDialogDraggable='true'</code>",
    "TablesEditOnAddAsyncTitle": "Automatically generate tables for single table maintenance function",
    "TablesEditShowSearchPlaceHolderString": "Cannot be empty, within 50 characters",
    "TablesEditTemplateDescription": "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",
    "TablesEditTemplateDisplayDetail1": "Detail 1",
    "TablesEditTemplateDisplayDetail2": "Detail 2",
    "TablesEditTemplateDisplayLabel": "Detail",
    "TablesEditTemplateIntro": "Set <code>ShowSearch</code> to show the query component",
    "TablesEditTemplateTitle": "Tables with single table maintenance",
    "TablesEditTitle": "Table",
    "TablesReadonlyColumnDescription": "Corresponding database calculated columns, or model read-only attributes",
    "TablesReadonlyColumnIntro": "By setting <code>Field</code> and <code>FieldName</code>",
    "TablesReadonlyColumnTips1": "Do not write <code>@bind-Field</code>. Read-only columns cannot be entered when <b>Add</b> or <b>Edit</b>",
    "TablesReadonlyColumnTips2": "The old version needs to write the complete code as follows",
    "TablesReadonlyColumnTitle": "Readonly Column",
    "TablesTemplateColumnDescription": "The title display text is set by setting the <code>Text</code> property, and the cell display content is set by <code>Template</code>. The template context is a <code>TableColumnContext</code> instance. The current row model instance can be obtained through <code>@v.Row</code>. Template columns do not participate in data editing functions such as <b>New</b> and <b>Edit</b>.",
    "TablesTemplateColumnIntro": "By using <code>TableTemplateColumn</code> instead of <code>TableColumn</code> component, you can avoid binding model.",
    "TablesTemplateColumnTitle": "TemplateColumn",
    "TablesVisibleIntro": "If the <code>IsVisibleWhenAdd</code> or <code>IsVisibleWhenEdit</code> property is set to <code>false</code>, hide this column when creating or updating. In this example, the <b>New</b> pop-up window does not display <b>Count</b> <b>Edit</b> Pop up window does not display <b>Complete</b> edit the item",
    "TablesVisibleTitle": "Editor Visible/Hidden",
    "TableTemplateColumnText": "Template"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesExcel": {
    "TablesExcelCellRenderIntro": "Advanced usage",
    "TablesExcelCellRenderTips1": "<code>IsFixedHeader</code> fixed header height is set to <code>Height='500px'</code>",
    "TablesExcelCellRenderTips2": "<code>Name</code> is not editable display avatar",
    "TablesExcelCellRenderTitle": "Individually control how cells are rendered by editing the template",
    "TablesExcelDeleteLogicDescription": "Set the <code>OnDeleteAsync</code> callback delegate function to handle the <b>delete</b> logic",
    "TablesExcelDeleteLogicNote1": "The code here is sample code",
    "TablesExcelDeleteLogicNote2": "output log information",
    "TablesExcelDeleteLogicNote2Log1": "Collection value change notification column",
    "TablesExcelDeleteLogicNote2Log2": "Type",
    "TablesExcelDeleteLogicTitle": "3. Handle delete logic",
    "TablesExcelDescription": "Commonly used for large data sheet maintenance",
    "TablesExcelNewLogicDescription": "Set the <code>OnAddAsync</code> callback delegate function to handle the <b>New</b> logic",
    "TablesExcelNewLogicNote1": "The code here is sample code",
    "TablesExcelNewLogicNote1Address": "custom address",
    "TablesExcelNewLogicNote2": "output log information",
    "TablesExcelNewLogicNote2Log1": "Collection value change notification column",
    "TablesExcelNewLogicNote2Log2": "Type",
    "TablesExcelNewLogicTitle": "2. Handle the new logic",
    "TablesExcelOnQueryIntro": "Get data collection through <code>OnQueryAsync</code> callback",
    "TablesExcelOnQueryTitle": "binding collection",
    "TablesExcelSetDataSourceDescription": "Set the <code>Items</code> property of the <code>Table</code> component or the <code>OnQueryAsync</code> callback delegate method",
    "TablesExcelSetDataSourceTitle": "1. Set the data source",
    "TablesExcelTips": "When using the <code>List&lt;TItem&gt;</code> generic collection as a data source, you need to follow the steps below to set",
    "TablesExcelTitle": "Table Excel",
    "TablesExcelUpdateLogicDescription1": "Set the <code>OnSaveAsync</code> callback delegate function to handle the cell <b>update</b> logic",
    "TablesExcelUpdateLogicDescription2": "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>",
    "TablesExcelUpdateLogicLog1": "Cell Change Notification Class: Foo",
    "TablesExcelUpdateLogicLog2": "value: cell",
    "TablesExcelUpdateLogicNote": "The code here is sample code",
    "TablesExcelUpdateLogicTitle": "4. Handle the update logic"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesExport": {
    "TablesExportButtonCliBoardAllText": "Export All data - ClipBoard",
    "TablesExportButtonCliBoardText": "Export Page data - ClipBoard",
    "TablesExportButtonDropdownTemplateIntro": "Customize the content of the export button dropdown box by setting the <code>ExportButtonDropdownTemplate</code> template",
    "TablesExportButtonDropdownTemplateTitle": "Custom export dropdown button",
    "TablesExportButtonExcelAllText": "Export All data - Excel",
    "TablesExportButtonExcelText": "Export Page data - Excel",
    "TablesExportDescription1": "By setting <code>ShowExportButton</code> to display the export button, the component has built-in export Excel function",
    "TablesExportDescription2": "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",
    "TablesExportNote1": "Add BootstrapBlazor component",
    "TablesExportNote2": "Add Table Excel export service",
    "TablesExportOnExportAsyncIntro": "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. You can set the column property <code>IgnoreWhenExport=\"true\"</code> to ignore this column when exporting",
    "TablesExportOnExportAsyncTitle": "Custom export method",
    "TablesExportPdfDesc": "Export Pdf function dependencies on additional packages",
    "TablesExportPdfNote1": "Injecting the <code>Html2Pdf</code> service",
    "TablesExportPdfNote2": "Added Html2Pdf export service",
    "TablesExportShowExportButtonIntro": "Whether to display the export button by setting the <code>ShowExportButton</code> property, the default is <code>false</code>",
    "TablesExportShowExportButtonTitle": "Table export function",
    "TablesExportShowExportCsvButtonIntro": "Show/hide <code>Csv/Pdf</code> button by set <code>ShowExportCsvButton=\"true\"</code> <code>ShowExportPdfButton=\"true\"</code>",
    "TablesExportShowExportCsvButtonTitle": "Export Csv/Pdf Button",
    "TablesExportTips": "inject service",
    "TablesExportTitle": "Table Export",
    "TablesExportToastFailedContent": "Export failed，auto close after 4 second",
    "TablesExportToastSuccessContent": "Export success，auto close after 4 second",
    "TablesExportToastTitle": "Export Data"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesFilter": {
    "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",
    "DefaultSortTitle": "Default sort function",
    "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",
    "FilterableDiv": "This example is <code>of DateTime, string, bool, enum, int type, and</code> the pop-up filter box is also different",
    "FilterableIntro": "Set the <code>Filterable</code> property of <code>the TableColumn</code> column to control whether the column header has data filtering enabled",
    "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",
    "FilterableP": "<code>Filterable</code> currently supports two applications：",
    "FilterableTitle": "Table with filterable data",
    "FilterTemplateIntro": "Set <code>FilterTemplate</code> template values, customize column filter templates, very suitable for complex types of filter pop-ups",
    "FilterTemplateTitle": "Custom Filter Template",
    "MultiFilterIntro": "Use the built-in <code>MultiFilter</code> component to provide multi-select filtering via <code>FilterTemplate</code>",
    "MultiFilterTips": "The component provides two ways to set the data source: <code>Items</code> and <code>OnGetItemsAsync</code>",
    "MultiFilterTipsLi1": "<code>Items</code> is suitable for small amounts of data and statically prepared data sets",
    "MultiFilterTipsLi2": "<code>OnGetItemsAsync</code> is suitable for large and dynamic data collections. For performance reasons, the component uses a local lazy record method to fill in data, that is, the callback is called to obtain data when the filter window is opened.",
    "MultiFilterTitle": "Multiple selection list filtering",
    "OnAdvancedSortIntro": "By setting <code>ShowAdvancedSort=\"true\"</code> to show the <b>Advanced Sort</b> button.",
    "OnAdvancedSortTitle": "Custom sort",
    "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",
    "OnSortTitle": "Dynamic multi-column sorting",
    "SetFilterInCodeButtonText1": "Name contains 01",
    "SetFilterInCodeButtonText2": "Reset All Filter",
    "SetFilterInCodeIntro": "Example shows how to set filters through code",
    "SetFilterInCodeTitle": "Set filters by code",
    "ShowFilterHeaderIntro": "Show filter header when the <code>ShowFilterHeader</code> property value is <code>set to true</code>",
    "ShowFilterHeaderTitle": "Show Filter Header",
    "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",
    "SortListTitle": "Multi-column sort",
    "TablesFilterDesc": "Filter to quickly find the data you want to see; sort to quickly find or compare data.",
    "TablesFilterDescLi1": "Filters a column of data to specify the column to be filtered by specifying the <code>filterable</code> property of the column",
    "TablesFilterDescLi2": "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",
    "TablesFilterTemplateDescription": "<p><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></p><p class=\"code-label\">Notes:</p><ul class=\"ul-demo\"><li>Custom filter components are wrapped with <code>FilterProvider</code>, and <code>FilterProvider</code> must be under the <code>FilterTemplate</code> node</li><li>Filters can be fine-tuned through the parameters of the <code>FilterProvider</code> component; for example, by setting <code>ShowMoreButton</code> to control whether the <b>+ -</b> symbol is displayed</li><li>Before <code>v9.6.2</code>, use <code>OnFilterValueChanged</code> to trigger the filter callback. After refactoring, use <code>OnFilterAsync</code> to trigger the filter callback method.</li></ul-demo>"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesFixedColumn": {
    "TablesFixedColHeaderDescription": "In this example, set  <code>Name</code> <code>Education</code> <code>Count</code> <code>Complete</code> The first two columns and the last column are fixed columns, and the middle columns are scrolled horizontally",
    "TablesFixedColHeaderIntro": "Set the <code>Fixed</code> attribute to fix the header",
    "TablesFixedColHeaderTitle": "Fixed column header and column footer",
    "TablesFixedColTableHeaderIntro": "Set <code>IsFixedHeader=\"true\"</code> to fix the header, set <code>Fixed</code> to fix the column",
    "TablesFixedColTableHeaderTitle": "Fixed headers and columns",
    "TablesFixedColumnDescription": "For data with a large number of columns, you can fix the front and rear columns and scroll horizontally to view other data",
    "TablesFixedColumnNote": "For fixed column usage, please set the fixed column width as much as possible",
    "TablesFixedExtendButtonsColumnIntro": "Set <code>FixedExtendButtonsColumn</code> to fix the action column",
    "TablesFixedExtendButtonsColumnTitle": "Fixed button action column",
    "TablesFixedHeaderAndExtendButtonsColumnIntro": "Set <code>IsFixedHeader=\"true\"</code> to fix the header, set <code>FixedMultipleColumn</code> to fix the checkbox column, set <code>FixedExtendButtonsColumn</code> to fix the operation column",
    "TablesFixedHeaderAndExtendButtonsColumnTitle": "Fixed header and button action columns"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesFixedHeader": {
    "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, by setting <code>AllowResizing</code>, the parameter allows the column width to be adjusted",
    "AllowResizingTitle": "Width Adjustable",
    "AutoHeightIntro": "Do not set the <code>Height</code> value to adapt the height through the parent container",
    "AutoHeightP": "In this example, when the height of the parent container of the <code>Table</code> changes, the component will adapt to the height and width",
    "AutoHeightTitle": "Automatic Height",
    "DialogButtonText": "Dialog",
    "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 - 400px);</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>",
    "DialogIntro": "<code>Table</code> inside <code>Dialog</code>",
    "DialogTitle": "In Dialog",
    "FixedHeaderIntro": "Set <code>Height=200</code> and <code>IsFixedHeader=\"true\"</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",
    "FixedHeaderTitle": "Width adaptive",
    "FixedWidthIntro": "Set the <code>Height=200</code> and <code>IsFixedHeader=\"true\"</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",
    "FixedWidthTitle": "FixedWidth",
    "TablesFixedHeaderDesc": "When scrolling data, the header is fixed to facilitate viewing the header information of each column",
    "TablesFixedHeaderDescP": " 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"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesFooter": {
    "TablesFooterDescription": "For statistics",
    "TablesFooterStatisticsIntro": "Set <code>ShowFooter=true</code> to show <code>Footer</code> custom total function, fixed the footer by set <code>IsFixedFooter</code>",
    "TablesFooterStatisticsTips1": "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>",
    "TablesFooterStatisticsTips2": "The associated context in the <code>TableFooter</code> template <code>context</code> is the current page data collection",
    "TablesFooterStatisticsTips3": "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",
    "TablesFooterStatisticsTitle": "Statistics example",
    "TablesFooterStatisticsTotal": "Total:",
    "TablesFooterTemplateDescription": "<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",
    "TablesFooterTemplateIntro": "Set <code>FooterTemplate</code> to customize the content displayed at the bottom of the table",
    "TablesFooterTemplateSentences": "Here you can write some descriptive sentences",
    "TablesFooterTemplateTitle": "Footer template",
    "TablesFooterTemplateTotal": "Total:"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesHeader": {
    "TablesHeaderDescription": "When the data structure is complex, multi-level headers can be used to show the hierarchical relationship of the data",
    "TablesHeaderNormalIntro": "Set the <code>MultiHeaderTemplate</code> template",
    "TablesHeaderNormalTips1": "By setting <code>ShowMultiFilterHeader</code> value to control whether to display the filter header",
    "TablesHeaderNormalTips2": "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  <code>border-bottom</code> consistent with other cells",
    "TablesHeaderNormalTitle": "Basic usage",
    "TablesHeaderNormal_Address": "personal address",
    "TablesHeaderNormal_Info": "Personal information",
    "TablesHeaderNormal_Name": "personal name",
    "TablesHeaderNormal_Time": "time"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesLoading": {
    "TablesLoadingDescription": "When calling the remote data interface, there may be a delay due to network reasons, you can use the display loading function to shield",
    "TablesLoadingShowLoadingInFirstRenderIntro": "Just set <code>ShowLoadingInFirstRender</code>",
    "TablesLoadingShowLoadingInFirstRenderTitle": "Turn off loading animation",
    "TablesLoadingShowLoadingIntro": "Just set <code>ShowLoading</code>",
    "TablesLoadingShowLoadingTitle": "Basic usage",
    "TablesLoadingShowSkeletonIntro": "Set <code>ShowSkeleton</code> to",
    "TablesLoadingShowSkeletonTitle": "Skeleton screen"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesLookup": {
    "TableLookupNormalIntro": "Auto-translate display text by setting <code>Lookup</code>",
    "TableLookupNormalTips1": "For detailed <code>ILookupService</code> documentation, please refer to <a href=\"lookup\" target=\"_blank\">[Portal]</a>",
    "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",
    "TableLookupNormalTitle": "Lookup external data source",
    "TablesLookupDescription": "Used to automatically convert foreign key columns to <code>Text</code> display text",
    "TablesLookupTitle": "Table Lookup"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesPages": {
    "TablesPagePaginationIntro": "Set <code>IsPagination</code> to display the pagination component",
    "TablesPagePaginationTitle": "Pagination table",
    "TablesPagesDescription": "It is used to display multiple pieces of data with similar structure, and the data can be sorted, filtered, compared or other custom operations.",
    "TablesPageShowTopPaginationIntro": "Set <code>ShowTopPagination</code> to <code>true</code> is the top display pagination component. You can use <code>IsAutoScrollTopWhenClickPage</code> to control whether to automatically scroll to the top after turning the page. The default value is <code>false</code> to keep the scroll bar position",
    "TablesPageShowTopPaginationTitle": "Show on top",
    "TablesPagesTitle": "Table"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesRow": {
    "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>",
    "ClickToSelectNoneText": "None",
    "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:",
    "ClickToSelectTitle": "Click the cell to select the entire row effect",
    "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",
    "DoubleClickRowCallbackTitle": "Custom row double click event",
    "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",
    "DoubleClickToEditTitle": "DoubleClickToEditTitle",
    "PlaceHolder": "Cannot be empty, within 50 characters",
    "RowContentTemplateDesc": "In this example, a custom component is used to select a date, link the quantity column, randomly generate a random number, and save it to the original data, so there is no need to refresh the entire <code>Table</code> component.",
    "RowContentTemplateIntro": "By setting the <code>RowContentTemplate</code> template, you can implement custom row cell linkage logic by sub-packaging components to achieve performance optimization and avoid the problem of refreshing the entire table component after linkage due to cell data refresh.",
    "RowContentTemplateTitle": "Row Content Template",
    "RowNumberIntro": "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",
    "RowNumberTitle": "Show row numbers",
    "RowTemplateIntro": "By setting the <code>RowTemplate</code> template, you can implement the row merging function according to your own business logic",
    "RowTemplateTitle": "Row Template",
    "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",
    "SetRowClassFormatterTitle": "Custom row highlighting",
    "TablesRowDesc": "Used to display multiple pieces of data with similar structures, data can be sorted, filtered, compared or other custom operations.",
    "TablesRowTitle": "Table Row"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesSearch": {
    "AddModelTitle": "Add Test Data Window",
    "AddressPlaceholder": "Please enter the address within 500 characters",
    "AutoGenerateSearchComment": "Logical relationship usage",
    "AutoGenerateSearchGroupBoxTitle": "Search function experience area",
    "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>Searches</code> of <code>QueryPageOptions</code></p>",
    "AutoGenerateSearchTitle": "Auto-generate search function table",
    "AutoHeightIntro": "<p><b>Highly Adaptive</b></p><p>In this example, when the parent container height is set to <code>600px</code> expand/collapse the search bar, the table automatically fills the parent container</p>",
    "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 <code>SearchTemplate</code> -> <code>AutoGenerate</code> first to find out whether the search template is set, and then automatically generated according to the bound field type",
    "CustomColSearchP3": "Control whether to display the entire search bar by setting <code>ShowSearch</code>",
    "CustomColSearchP4": "Control whether to display the fuzzy search bar by setting <code>ShowSearchText</code>",
    "CustomColSearchP5": "Control whether to display the reset search button by setting <code>ShowResetButton</code>",
    "CustomColSearchP6": "Control whether to display the advanced search button by setting <code>ShowAdvancedSearch</code>",
    "CustomColSearchP7": "Make the search popup draggable by setting <code>SearchDialogDraggable=\"true\"</code>",
    "CustomColSearchTitle": "Custom Column Search Template",
    "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",
    "CustomerSearchModelTitle": "Custom Search Model",
    "DisplayText1": "Search Mode",
    "DisplayText2": "Fuzzy Search",
    "DisplayText3": "Display reset",
    "DisplayText4": "Display Search",
    "DisplayText5": "SearchForm",
    "EditModelTitle": "Edit Test Data Window",
    "NamePlaceholder": "Please enter your name within 50 characters",
    "SearchFormDesc": "When <code>UseSearchForm</code> is enabled and <code>SearchItems</code> is not provided, it will default to using <code>TableColumn</code> with <code>Searchable=\"true\"</code>. You can customize the metadata through the <code>SearchFormItemMetadata</code> property in <code>TableColumn</code>",
    "SearchFormDescItem1": "Customize metadata using the <code>SearchFormItemMetadata</code> property in <code>TableColumn</code>.",
    "SearchFormDescItem2": "Customize the search item UI using the <code>RenderContent</code> method in the <code>SearchFormItemMetadata</code> parameter.",
    "SearchFormIntro": "Enable the search form feature by setting <code>UseSearchForm=\"true\"</code>, and configure the search items within the form using <code>SearchItems</code>, suitable for scenarios with custom complex search conditions",
    "SearchFormItemMetadataCustom": "When the default search metadata above cannot meet your business requirements, for example when a dropdown needs to use the <code>SelectTable</code> component for display, you can inherit from a suitable search metadata base class to implement your own custom search metadata",
    "SearchFormItemMetadataListDesc": "The current version includes the following built-in <code>ISearchFormItemMetadata</code> implementations",
    "SearchFormItemMetadataListP1": "<code>StringSearchMetadata</code> String search metadata, defaults to a contains relationship",
    "SearchFormItemMetadataListP2": "<code>MultipleStringSearchMetadata</code> Multiple string search metadata, uses space-separated values to form multiple OR conditions, e.g. <b>condition1</b> <b>condition2</b> results in contains condition1 OR contains condition2",
    "SearchFormItemMetadataListP3": "<code>NumberSearchMetadata</code> Number search metadata",
    "SearchFormItemMetadataListP4": "<code>SelectSearchMetadata</code> Dropdown select search metadata",
    "SearchFormItemMetadataListP5": "<code>MultipleSelectSearchMetadata</code> Multiple select dropdown search metadata",
    "SearchFormItemMetadataListP6": "<code>DateTimeSearchMetadata</code> DateTime search metadata",
    "SearchFormItemMetadataListP7": "<code>DateTimeRangeSearchMetadata</code> DateTime range search metadata",
    "SearchFormItemMetadataListP8": "<code>CheckboxListSearchMetadata</code> Checkbox list search metadata",
    "SearchFormTips": "Enabling <code>UseSearchForm</code> will prevent <code>SearchModel</code> <code>SearchTemplate</code>, <code>CustomerSearchModel</code>, and <code>CustomerSearchTemplate</code> from taking effect.",
    "SearchFormTitle": "Search Form",
    "SearchFormWarningTips": "<code>BootstrapBlazor</code> v10.4.2 introduced the <code>UseSearchForm</code> parameter, making the following examples obsolete. It is strongly recommended to use <code>UseSearchForm</code>.",
    "SearchTableGroupBoxText": "Search Criteria",
    "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",
    "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",
    "SelectedItemText": "Please select...",
    "SelectedItemText1": "Name1",
    "SelectedItemText2": "Name2",
    "SelectedItemValue1": "Name1",
    "SelectedItemValue2": "Name2",
    "TablesSearchDesc": "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",
    "TablesSearchTitle": "Table Search",
    "SearchFormItemMetadataListDesc": "The current version includes the following built-in <code>ISearchFormItemMetadata</code> implementations",
    "SearchFormItemMetadataListP1": "<code>StringSearchMetadata</code> String search metadata, defaults to a contains relationship",
    "SearchFormItemMetadataListP2": "<code>MultipleStringSearchMetadata</code> Multiple string search metadata, uses space-separated values to form multiple OR conditions, e.g. <b>condition1</b> <b>condition2</b> results in contains condition1 OR contains condition2",
    "SearchFormItemMetadataListP3": "<code>NumberSearchMetadata</code> Number search metadata",
    "SearchFormItemMetadataListP4": "<code>SelectSearchMetadata</code> Dropdown select search metadata",
    "SearchFormItemMetadataListP5": "<code>MultipleSelectSearchMetadata</code> Multiple select dropdown search metadata",
    "SearchFormItemMetadataListP6": "<code>DateTimeSearchMetadata</code> DateTime search metadata",
    "SearchFormItemMetadataListP7": "<code>DateTimeRangeSearchMetadata</code> DateTime range search metadata",
    "SearchFormItemMetadataListP8": "<code>CheckboxListSearchMetadata</code> Checkbox list search metadata",
    "SearchFormItemMetadataCustom": "When the default search metadata above cannot meet your business requirements, for example when a dropdown needs to use the <code>SelectTable</code> component for display, you can inherit from a suitable search metadata base class to implement your own custom search metadata"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesSelection": {
    "TablesSelectionCountText": "Count：{0}",
    "TablesSelectionDescription": "Set the table row state by setting <code>SelectedRows</code>, and set the highlight by selecting the style",
    "TablesSelectionKeepInfo": "Keep State:",
    "TablesSelectionKeepOffText": "No keep",
    "TablesSelectionKeepOnText": "Keep",
    "TablesSelectionNormalButtonText": "clear selection",
    "TablesSelectionNormalIntro": "Defaults to the selected state when the table is initialized by setting the <code>SelectedRows</code> property collection",
    "TablesSelectionNormalSelectRow": "selected row record",
    "TablesSelectionNormalTips": "Maintain line state fallback mechanism, <code>ModelEqualityComparer</code> <code>CustomKeyAttribute</code> <code>IEqualityComparer&lt;TItem&gt;</code> <code>Equals</code> overloaded method",
    "TablesSelectionNormalTitle": "Set row selection function",
    "TablesSelectionScrollButtonText": "Select Last Row",
    "TablesSelectionScrollDescription": "After clicking the button, select the last row and automatically scroll the selected row to the visible area of the window. This code is an example, and this function can be enabled by setting <code>AutoScrollLastSelectedRowToView=\"true\"</code>, Set the alignment via the <code>AutoScrollVerticalAlign</code> parameter",
    "TablesSelectionScrollIntro": "Perform some special operations by setting the <code>OnAfterRenderCallback</code> callback method",
    "TablesSelectionScrollTitle": "Callback method after rendering",
    "TablesSelectionTitle": "Table Selection"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesToolbar": {
    "TablesToolbarCustomButton1": "Download 1",
    "TablesToolbarCustomButton2": "Download 2",
    "TablesToolbarCustomButtonDescription": "In this example, a classic application scenario is implemented",
    "TablesToolbarCustomButtonIntro": "Set the <code>TableToolbarTemplate</code> template to add custom extension buttons",
    "TablesToolbarCustomButtonTips1_note1": "A progress bar is displayed in the foreground, and it is being packaged and exported. During this period, other transactions can be processed.",
    "TablesToolbarCustomButtonTips1_note2": "After the data processing is completed, close the foreground prompt pop-up window, <code>restore</code> download button",
    "TablesToolbarCustomButtonTips1_title": "Click the download button to open the download thread in the background for data processing, <code>disable</code> download button",
    "TablesToolbarCustomButtonTips2_title": "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",
    "TablesToolbarCustomButtonTitle": "Custom extension button",
    "TablesToolbarCustomComponentDescription": "The custom component currently does not render when shrunk into a small icon, and will be resolved later when a better solution is available, If you want to place components behind built-in buttons, please use the <code>TableToolbarTemplate</code> template",
    "TablesToolbarCustomComponentIntro": "Use the <code>TableToolbarComponent</code> component to implement placing the components you need on the toolbar",
    "TablesToolbarCustomComponentTitle": "Custom Component",
    "TablesToolbarCustomDisplayButtonIntro": "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",
    "TablesToolbarCustomDisplayButtonTitle": "Custom display function buttons",
    "TablesToolbarDescription": "It is used to display multiple pieces of data with similar structure, and the data can be sorted, filtered, compared or other custom operations.",
    "TablesToolbarNormalIntro": "Set <code>ShowToolbar</code> to show the toolbar component",
    "TablesToolbarNormalTitle": "Table with Toolbar",
    "TablesToolbarQueryTableDescription": "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",
    "TablesToolbarQueryTableIntro": "Set <code>ShowSearch</code> to show the query component",
    "TablesToolbarQueryTableTitle": "Form with query",
    "TablesToolbarShowRefreshDesc": "Click the <code>Refresh</code> button. The component instance method <code>QueryAsync</code> is called internally. If the <b>virtual scrolling</b> mode is used, different request data modes are triggered according to different data sources. If the <code>OnQueryAsync</code> callback method is used as the data source, it is automatically called.",
    "TablesToolbarShowRefreshIntro": "Set <code>ShowToolbar=\"true\"</code> <code>ShowRefresh=\"false\"</code> to display the toolbar and not the refresh button.",
    "TablesToolbarShowRefreshTitle": "Do not display the refresh button",
    "TablesToolbarTitle": "Table",
    "TableToolbarPopConfirmButton1": "Confirm"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesTracking": {
    "TablesTrackingDescription": "Applicable to application scenarios where parent and child tables are submitted together",
    "TablesTrackingNormalIntro": "Set <code>IsTracking</code> with <code>Items</code> without setting <code>OnSaveAsync</code> and other callback methods",
    "TablesTrackingNormalTips1": "The prompt information of the <b>Save</b> <b>Delete</b> button can be turned off by setting <code>ShowToastAfterSaveOrDeleteModel='false'</code>",
    "TablesTrackingNormalTips2": "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",
    "TablesTrackingNormalTitle": "tracking mode",
    "TablesTrackingTitle": "Table table"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesTree": {
    "TablesTreeDataIntro": "Open the tree table by setting <code>IsTree</code>",
    "TablesTreeDataTitle": "tree data display",
    "TablesTreeDescription": "The table supports the display of tree data",
    "TablesTreeEditIntro": "Realize simple addition, deletion, modification and checking functions.",
    "TablesTreeEditTitle": "Tree data with single table maintenance",
    "TablesTreeIconIntro": "Change the little arrow icon that indicates by setting <code>TreeIcon</code>",
    "TablesTreeIconTips1": "The default level indent width is <code>16px</code> by setting <code>Indent</code> to change the indent width",
    "TablesTreeIconTips2": "In this example change the indent width to <code>8px</code>",
    "TablesTreeIconTitle": "icon",
    "TablesTreeLevelIntro": "Control the indent width of each layer by setting <code>IndentSize</code> .",
    "TablesTreeLevelTips1": "The default level indent width is <code>16px</code> by setting <code>Indent</code> to change the indent width",
    "TablesTreeLevelTips2": "In this example change the indent width to <code>8px</code>",
    "TablesTreeLevelTitle": "Hierarchical indentation",
    "TablesTreeStep1": "Step 1: Set <code>IsTree</code> to <code>true</code>",
    "TablesTreeStep2": "Step 2: Set <code>Items</code> or <code>OnQueryAsync</code> to get component data collection",
    "TablesTreeStep3": "Step 3: Set <code>TreeNodeConverter</code> to convert the component data collection into a tree structure",
    "TablesTreeStep4": "Step 4: Set the <code>OnTreeExpand</code> callback delegate to expand the response line to get the child item data set",
    "TablesTreeTip_note1": "Tree-structure conversion of datasets through <code>TreeNodeConverter</code>",
    "TablesTreeTip_note2": "Set <code>TableTreeNode</code> its <code>IsExpand</code> parameter to control whether the current child node is expanded",
    "TablesTreeTip_note3": "When clicking the child item expansion arrow, the child item data is obtained through the <code>OnTreeExpand</code> callback delegate method",
    "TablesTreeTip_note4": "Maintain line state fallback mechanism, <code>ModelEqualityComparer</code> <code>CustomKeyAttribute</code> <code>IEqualityComparer&lt;TItem&gt;</code> <code>Equals</code> overloaded method",
    "TablesTreeTip_title": "Control whether it is tree data through the <code>IsTree</code> parameter"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesVirtualization": {
    "TablesFooterFixedLabel": "Fixed Footer",
    "TablesFooterFixedText": "Fixed",
    "TablesFooterInfo": "Count：",
    "TablesFooterNotFixedText": "Stack",
    "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.",
    "VirtualizationDynamicDescription": "Display row placeholders when scrolling quickly to improve user experience",
    "VirtualizationDynamicIntro": "Background on-demand loading when scrolling data without paging",
    "VirtualizationDynamicTitle": "Get data dynamically",
    "VirtualizationNormalDescription": "<p>Need to set <code>ScrollMode</code> <code>Height</code> <code>RowHeight</code> <code>PageItems</code> parameters to set virtual scrolling</p>",
    "VirtualizationNormalIntro": "Background on-demand loading when scrolling data without paging",
    "VirtualizationNormalTitle": "Normal use"
  },
  "BootstrapBlazor.Server.Components.Samples.Table.TablesWrap": {
    "TablesWrapCustomCellColumHeaderText_Address": "Address",
    "TablesWrapCustomCellColumHeaderText_DateTime": "time",
    "TablesWrapCustomCellColumHeaderText_Name": "Name",
    "TablesWrapCustomCellIntro": "Use templates for special layout of in-cell data",
    "TablesWrapCustomCellTemplate_State": "state",
    "TablesWrapCustomCellTemplate_Time": "time",
    "TablesWrapCustomCellTitle": "Custom in-cell typography",
    "TablesWrapDataResizingColumHeaderText_Address": "Address",
    "TablesWrapDataResizingColumHeaderText_DateTime": "time",
    "TablesWrapDataResizingColumHeaderText_Name": "Name",
    "TablesWrapDataResizingIntro": "In some special cases, the content of the cell may be relatively long, and it needs to be omitted.",
    "TablesWrapDataResizingTips1": "You can drag the window size, and the <b>address</b> column will be automatically omitted if the window is too small",
    "TablesWrapDataResizingTips2": "Enable text ellipsis by setting <code>TextEllipsis</code>",
    "TablesWrapDataResizingTips3": "<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",
    "TablesWrapDataResizingTips4": "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>, You can customize the display content of <code>Tooltip</code> by setting the <code>GetTooltipTextCallback</code> callback method",
    "TablesWrapDataResizingTips5": "Drag the address column, the cell display content will automatically increase and decrease",
    "TablesWrapDataResizingTitle": "Example of over-length omission of cell data",
    "TablesWrapDescription": "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",
    "TablesWrapHeaderTextWrapColumHeaderText_Address": "I am a super long address header",
    "TablesWrapHeaderTextWrapColumHeaderText_DateTime": "I'm a super long schedule head",
    "TablesWrapHeaderTextWrapColumHeaderText_Name": "I am a super long name header",
    "TablesWrapHeaderTextWrapDescription": "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.",
    "TablesWrapHeaderTextWrapIntro": "Wrap the super long header by setting <code>HeaderTextWrap</code>",
    "TablesWrapHeaderTextWrapTitle": "The header is too long to wrap",
    "TablesWrapLongDataColumHeaderText_Address": "Address",
    "TablesWrapLongDataColumHeaderText_DateTime": "Time",
    "TablesWrapLongDataColumHeaderText_Name": "Name",
    "TablesWrapLongDataIntro": "In some special cases, the cell content may be long and need to be wrapped",
    "TablesWrapLongDataTips1": "You can drag the window size, the <b>address</b> column will be automatically wrapped when the window is too small",
    "TablesWrapLongDataTips2": "Enable word wrapping by setting <code>TextWrap</code>",
    "TablesWrapLongDataTips3": "<b>Note:</b> It is recommended to use <code>Width</code> to set the column width",
    "TablesWrapLongDataTitle": "Example of extra-long wrapping of cell data",
    "TablesWrapNormalColumHeaderText_Address": "I am a super long address header",
    "TablesWrapNormalColumHeaderText_DateTime": "I'm a super long schedule head",
    "TablesWrapNormalColumHeaderText_Name": "I am a super long name header",
    "TablesWrapNormalDescription": "You can drag the window size, and the horizontal scroll bar will automatically appear when the window is too small",
    "TablesWrapNormalIntro": "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.",
    "TablesWrapNormalTitle": "Example of super long header",
    "TablesWrapTip": "<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"
  },
  "BootstrapBlazor.Server.Components.Samples.Tabs": {
    "ActiveButtonText": "Activate the first one",
    "AddButtonText": "Add",
    "BackText1": "Counter",
    "BackText2": "Weather forecast",
    "Block9Div": "Header",
    "BlockHeaderTemplateDesc": "Use <code>Badge</code> in the <code>HeaderTemplate</code>",
    "BlockHeaderTemplateHeaderText": "Todo List",
    "DividerText": "Split Line",
    "RemoveButtonText": "Rmove",
    "ShowTabInHeaderDesc": "After enabling the multi-tab function in the <code>Layout</code> component, you can render the <code>Tab</code> tag header into the <code>Layout</code> Header template by setting <code>ShowTabInHeader=\"true\"</code>. The effect can be viewed by creating a new project in the <a href=\"template\" target=\"_blank\">Project Template</a>",
    "TabItem1Content": "I am a user manager",
    "TabItem1Text": "User",
    "TabItem2Content": "I am menu management",
    "TabItem2Text": "Menu",
    "TabItem3Content": "I am roles management",
    "TabItem3Text": "Roles",
    "TabItem4Content": "I am department management",
    "TabItem4Text": "Department ",
    "TabItem5Content": "I am a system log",
    "TabItem5Text": "System logs",
    "TabItem6Content": "I am Sign log management",
    "TabItem6Text": "Sign log",
    "TabItem7Content": "I am a timed task manager",
    "TabItem7Text": "Timed task",
    "TabItem8Text": "Count",
    "TabItem9Text": "Weather forecast",
    "TabsAddTabItemIntro": "Dynamically add/remove <code>TabItem</code> by calling the component api",
    "TabsAddTabItemTitle": "Custom add tab triggers",
    "TabsAppDescription": "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. The component switches tabs in a loop by default. You can disable this feature by <code>IsLoopSwitchTabItem=\"false\"</code>",
    "TabsAppIntro": "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",
    "TabsAppTitle": "Live Tab components",
    "TabsBorderIntro": "Set tab-style tabs by <code>IsBorderCard='true'</code>.",
    "TabsBorderTitle": "Carding",
    "TabsCapsuleStyleIntro": "Set the capsule tab style by setting <code>TabStyle=\"TabStyle.Capsule\"</code>. Currently only supports <code>Placement=\"Placement.Top\"</code> <code>Placement=\"Placement.Bottom\"</code> mode",
    "TabsCapsuleStyleTitle": "Capsule Style",
    "TabsCardIntro": "Set tab-style tabs by <code>isCard='true'</code>.",
    "TabsCardTitle": "Tab style ",
    "TabsChromeStyleIntro": "Set the Chrome browser tab style by setting <code>TabStyle=\"TabStyle.Chrome\"</code>. Currently only supports <code>Placement=\"Placement.Top\"</code> mode",
    "TabsChromeStyleTitle": "Chrome Style",
    "TabsClosableIntro": "Show the close button to the tab by setting the <code>ShowClose</code> property",
    "TabsClosableTips": "<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>",
    "TabsClosableTitle": "Close",
    "TabsComponentDescription": "<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",
    "TabsComponentIntro": "other components are built into the <code>TabItem</code>",
    "TabsComponentTitle": "Additional components are built in",
    "TabsContextMenuDesc": "The disabled tab can be set by setting the <code>OnBeforeShowContextMenu</code> callback method to control whether the right-click menu is displayed according to the return value. If it is not set, the right-click menu is also displayed for the disabled tab",
    "TabsContextMenuIntro": "Use the built-in <code>ContextMenuZone</code> component to pop up a custom context menu when you right-click a tab item",
    "TabsContextMenuTitle": "TabItem Context Menu",
    "TabsDescription": "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",
    "TabsDisabledIntro": "Disable the current <code>TabItem</code> by setting <code>IsDisabled=\"true\"</code> to prohibit click, drag, close etc.",
    "TabsDisabledTitle": "Disabled",
    "TabsDragIntro": "By setting <code>AllowDrag</code> to enable the tab item drag and drop function, call back the <code>OnDragItemEndAsync</code> method after dropping the tab item",
    "TabsDragTitle": "Drag",
    "TabsDynamicTabItemDescription": "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",
    "TabsDynamicTabItemIntro": "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",
    "TabsDynamicTabItemTitle": "The program dynamically adds the TabItem panel",
    "TabsHeaderTemplateIntro": "customer the header UI via <code>HeaderTemplate</code>",
    "TabsHeaderTemplateTitle": "Header Template",
    "TabsIconIntro": "Set the tab icon by setting the <code>Icon</code> property of the <code>TabItem</code> component",
    "TabsIconTitle": "Icon",
    "TabsInfoItem2": "Tab properties can be set when navigating using the built-in extension method <code>Navigator.NavigateTo(\"provider\", \"url\", \"text\", \"icon\", \"closable\")</code>",
    "TabsInfoItem4": "Setting <code>@attribute [TabItemOption(Text = \"LayoutPage\", Icon = \"fa-solid fa-font-awesome\")]</code> in <code>razor</code> page",
    "TabsInfoTitle": "Set additional information during tab navigation",
    "TabsIsOnlyRenderActiveIntro": "By setting the <code>isOnlyRenderActiveTab</code> parameter, the component renders only the current active label",
    "TabsIsOnlyRenderActiveTitle": "Only the current label is rendered",
    "TabsItemMenuTitle": "Configure Tab and Menu linked dictionary, this method can automatically obtain tab page properties without separately setting TabItemOption.",
    "TabsLazyLoadIntro": "By setting <code>IsLazyLoadTabItem=\"true\"</code> enable the lazy load feature",
    "TabsLazyLoadTitle": "Lazy load tab item",
    "TabsNormalIntro": "Basic, concise tabs.",
    "TabsNormalTitle": "Basic usage",
    "TabsOnTabHeaderTextLocalizerIntro": "Localization of `TabItemOption` is achieved by setting the `OnTabHeaderTextLocalizer` callback delegate method. The input parameter is the `TabItemOption` parameter `Text`, and the return value is the localized value",
    "TabsOnTabHeaderTextLocalizerTitle": "<code>TabItemOption</code> Localizer",
    "TabsPlacementIntro": "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",
    "TabsPlacementTitle": "Position",
    "TabsQA1": "Get <code>TabSet</code> by cascading parameter",
    "TabsQA2": "Get <code>TabItem</code> by cascading parameter",
    "TabsQA3": "How to navigate to a new tab item in <code>razor</code>",
    "TabsQA4": "How to navigate to a new tab in the code",
    "TabsQATitle": "Q&A",
    "TabsSetHeaderTemplateIntro": "Set the parameter <code>Text</code> of <code>TabItem</code> custom the tabitem's header title'",
    "TabsSetHeaderTemplateTitle": "Set header text",
    "TabsSetTabItemHeaderTextIntro": "Set the parameter by <code>TabItem</code> instance method <code>SetHeader</code>",
    "TabsSetTabItemHeaderTextTitle": "Set header text icon",
    "TabsSubTitle": "A collection of data that is associated with the separation content but belongs to a different category.",
    "TabsTips1": "Split as data",
    "TabsTips2": "Page navigation",
    "TabsTips3": "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://learn.microsoft.com/aspnet/core/blazor/fundamentals/routing?wt.mc_id=DT-MVP-5004174' target='_blank'>[Portal]</a>",
    "TabsTips4": "This component adapts to width height, etc., and scroll arrows can appear left and right or up and down when appropriate",
    "TabsTipsTitle": "<code>Tab</code> components are generally used in two ways:",
    "TabsTitle": "Tabs",
    "TabsToolbarDesc": "After clicking the button, the counter value increases, and clicking the <b>Refresh</b> button on the toolbar will reset the counter.",
    "TabsToolbarIntro": "By setting <code>ShowToolbar</code>, you can display the tab toolbar. By default, the <b>Refresh</b> and <b>Fullscreen</b> buttons are displayed. You can control whether to display them by <code>ShowRefreshToolbarButton</code> and <code>ShowFullscreenToolbarButton</code>, click the <b>Refresh</b> button to trigger the <code>OnToolbarRefreshCallback</code> callback method. You can customize toolbar buttons using <code>ToolbarTemplate</code>",
    "TabsToolbarTitle": "Toolbar"
  },
  "BootstrapBlazor.Server.Components.Samples.Tags": {
    "Tag1": "Label I",
    "Tag2": "Label II",
    "Tag3": "Label III",
    "Tag4": "Label IV",
    "Tag5": "Label V",
    "Tag6": "Label VI",
    "Tag7": "Label VII",
    "TagsCloseButtonIntro": "Provides a label for the close button",
    "TagsCloseButtonTitle": "Close button",
    "TagsIconIntro": "Improve readability when representing a state.",
    "TagsIconTitle": "With Icon",
    "TagsNormalIntro": "Non floating elements in the page will not disappear automatically.",
    "TagsNormalTitle": "Basic usage",
    "TagsSubTitle": "Used for marking and selection.",
    "TagsTitle": "Tag"
  },
  "BootstrapBlazor.Server.Components.Samples.TaskBoard": {
    "TaskBoardIntro": "Background task dashboard",
    "TaskBoardNormalIntro": "This component provides detailed information about background task schedule trigger.",
    "TaskBoardNormalTitle": "Basic usage",
    "TaskBoardTitle": "Task DashBoard"
  },
  "BootstrapBlazor.Server.Components.Samples.Terms": {
    "BasicUsageIntro": "Output text by calling the <code>Write</code> method",
    "BasicUsageTitle": "Basic Usage",
    "CheckText": "Check",
    "CleanText": "Clean",
    "StreamUsageIntro": "Connect various streams by calling the <code>Open</code> method, this example simulates <b>Shell</b> and verifies input characters",
    "StreamUsageTitle": "Stream Usage",
    "SubTitle": "Terminal Component",
    "TermDesc": "The <code>Term</code> component is a terminal component that establishes a connection with the stream via <code>C#</code> code. The <code>Term</code> component is then responsible for displaying interactive content. In this example, after establishing a connection with a simulated <code>Stream</code> instance in the backend, data is automatically displayed within the component when it is written. When the user enters a command within the component and presses Enter, the backend processes it and displays the result in the component.",
    "TestText": "Test",
    "Tips": "This component depends on the <code>BootstrapBlazor.Term</code> extension package. You need to reference it as follows",
    "Title": "Terminal"
  },
  "BootstrapBlazor.Server.Components.Samples.TextAreas": {
    "TextAreaAutoScroll": "Automatic scrolling",
    "TextAreaBindWayBindValue": "The binding value",
    "TextAreaBindWayIntro": "Binding variables within a component, data is automatically synchronized",
    "TextAreaBindWayTitle": "Two-way binding",
    "TextAreaDisableIntro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "TextAreaDisableTitle": "Disable",
    "TextAreaHeightIntro": "When you set the <code>rows</code> property, component initialization displays a fixed row height",
    "TextAreaHeightTitle": "Height",
    "TextAreaKeyEventIntro": "Start the <kbd>Enter</kbd> <kbd>Esc</kbd> key callback event by setting <code>OnEnterAsync</code> <code>OnEscAsync</code>",
    "TextAreaKeyEventPlaceHolder": "Press Enter/Esc key to trigger the event",
    "TextAreaKeyEventTitle": "Enter/Esc KeyEvent",
    "TextAreaMockChat": "Mock chat ",
    "TextAreaNormalIntro": "A large amount of text is acceptable",
    "TextAreaNormalTitle": "Basic usage",
    "TextAreaPlaceHolder": "Please enter ...",
    "TextAreaReadOnlyIntro": "When you set the <code>readonly</code> property, the component prohibits input",
    "TextAreaReadOnlyTitle": "Readonly",
    "TextAreaScrollIntro": "Scroll to bottom/top/position",
    "TextAreaScrollTitle": "Content scrolling",
    "TextAreaScrollTo": "Scroll +20",
    "TextAreaScrollToBottom": "Scroll to bottom",
    "TextAreaScrollToTop": "Scroll to top",
    "TextAreaSubTitle": "Used to enter a large amount of text",
    "TextAreaTitle": "Textarea",
    "TextAreaUseShiftEnterIntro": "By setting <code>UseShiftEnter=\"true\"</code> you can start using <kbd>Shift</kbd> + <kbd>Enter</kbd> for line breaks, which is suitable for dialog applications.",
    "TextAreaUseShiftEnterPlaceHolder": "Please enter some text, Enter sends Shift + Enter line break",
    "TextAreaUseShiftEnterTitle": "Shift Enter"
  },
  "BootstrapBlazor.Server.Components.Samples.Timelines": {
    "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",
    "TimelinesAlternateDescription": "Control the alternating timeline left and right by setting the <code>IsAlternate</code> property",
    "TimelinesAlternateIntro": "Content appears alternately on both sides of the timeline",
    "TimelinesAlternateTitle": "Alternate presentations",
    "TimelinesAttributeTitle": "TimelineItem attributes",
    "TimelinesColor": "Node color",
    "TimelinesComponent": "Node custom components",
    "TimelinesContent": "The body of the content",
    "TimelinesCustomNodeStyleIntro": "You can customize the node color according to the actual scene, or use the icon directly.",
    "TimelinesCustomNodeStyleTitle": "Customize the node style",
    "TimelinesDescription": "The node description text",
    "TimelinesDescription1": "Real-time output",
    "TimelinesDescription2": "Counter",
    "TimelinesDescription3": "Weather forecast information",
    "TimelinesDisplayCustomComponentDescription": "Control the custom components that the timeline displays by setting the <code>CustomerComponent</code> of the <code>TimelineItem</code>",
    "TimelinesDisplayCustomComponentIntro": "Custom components are displayed on the timeline",
    "TimelinesDisplayCustomComponentTitle": "Show custom components",
    "TimelinesIcon": "Node icon",
    "TimelinesLeftDescription": "Control the content appearing on the left side of the timeline by setting the <code>IsLeft</code> property",
    "TimelinesLeftIntro": "Content takes turns appearing on the left side of the timeline",
    "TimelinesLeftTitle": "Shown on the left",
    "TimelinesNormalDescription": "sort:",
    "TimelinesNormalIntro": "<code>Timeline</code> can be split into multiple <cdoe>activities</code> 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 <code>Step</code> component.",
    "TimelinesNormalTitle": "Basic usage",
    "TimelinesSelectedItem1": "Positive order",
    "TimelinesSelectedItem2": "Reverse order",
    "TimelinesSubTitle": "Visualize time flow information",
    "TimelinesTitle": "Timeline"
  },
  "BootstrapBlazor.Server.Components.Samples.TimePickers": {
    "Description": "Used to select or enter a timespan",
    "HasSecondsIntro": "Whether to display or hide the seconds control",
    "HasSecondsTitle": "Hide seconds",
    "OnConfirmIntro": "You can choose any time",
    "OnConfirmTitle": "Select any point in time",
    "Title": "TimePicker"
  },
  "BootstrapBlazor.Server.Components.Samples.Timers": {
    "TimersColorIntro": "Set the circular progress bar color by setting the <code>Color</code> property",
    "TimersColorTitle": "Color",
    "TimersDescription": "For time countdown",
    "TimersNormalIntro": "Set the countdown time by setting the <code>Value</code> attribute",
    "TimersNormalTitle": "Basic usage",
    "TimersTitle": "Timer"
  },
  "BootstrapBlazor.Server.Components.Samples.Titles": {
    "AdvanceB": "Pay attention:",
    "AdvanceIntro": "There is no need to add the <code>Title</code> component to the webpage, and the injection service <code>TitleService</code> is called",
    "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>",
    "AdvanceTitle": "Advanced usage",
    "BasicUsageIntro": "Add the <code>Title</code> component to the web page and set the <code>text</code> attribute",
    "BasicUsageP": "<b>Set the <code>Text</code> property</b>",
    "BasicUsageP1": "Test page",
    "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",
    "BasicUsageTitle": "BasicUsage",
    "BasicUsageTitleText": "I am the title",
    "FuncationParmeter": "I am the title",
    "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>",
    "StaticIntro": "Call the <code>TitleService</code> static method directly",
    "StaticTitle": "Static method",
    "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>",
    "Title": "Title"
  },
  "BootstrapBlazor.Server.Components.Samples.Toasts": {
    "ShowHeaderText": "Toast",
    "ToastsAsyncDemoStep1Text": "Packing documents, please wait...",
    "ToastsAsyncDemoStep2Text": "Packaging completed, downloading...",
    "ToastsAsyncDemoStep3Text": "Download completed, close the window automatically",
    "ToastsAsyncDemoTitle": "Async notification",
    "ToastsAsyncIntro": "By setting the button's <code>IsAsync</code> parameter, use the same <code>ToastOption</code> to update the pop-up window information for different steps",
    "ToastsAsyncText": "AsyncNotify",
    "ToastsAsyncTitle": "Async notification",
    "ToastsCloseIntro": "It will not close automatically, you need to manually click the close button. You can customize the event after closing the pop-up window by setting<code>OnCloseAsync</code>callback delegate</code>",
    "ToastsCloseNotificationText": "success notification",
    "ToastsCloseTitle": "Toast is closed manually",
    "ToastsDanger": "Failure notification",
    "ToastsDescriptionTitle": "Component usage introduction",
    "ToastsHeaderTemplateIntro": "set <code>HeaderTemplate</code> custom the header content",
    "ToastsHeaderTemplateTitle": "Custom header",
    "ToastsInfo": "Information notice",
    "ToastsNormalIntro": "When the user operates, the lower right corner will give appropriate prompt information",
    "ToastsNormalTitle": "Basic usage",
    "ToastsPositionAddComponent": "Add BootstrapBlazor component",
    "ToastsPositionAddsNew": "The system adds new components, it will automatically shut down after 4 seconds",
    "ToastsPositionAttentionText": "pay attention",
    "ToastsPositionAutoClose": "Save data successfully, automatically close after 4 seconds",
    "ToastsPositionAutomaticDisappearance": "Uniformly set the automatic disappearance time of the Toast component",
    "ToastsPositionBoxTitle": "Notification box Title value",
    "ToastsPositionCategory": "Notification category",
    "ToastsPositionConfigured": "Configured via the <code>ConfigureServices</code> method in the <code>Startup</code> file for <code>Server-Side App</code> and <code>WebAssembly App</code>",
    "ToastsPositionContent": "Notification body content",
    "ToastsPositionDescription": "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",
    "ToastsPositionDisappearance": "Uniformly set the automatic disappearance time of the Toast component",
    "ToastsPositionIntro": "Provides settings where the Toast popup appears",
    "ToastsPositionNote1": "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",
    "ToastsPositionNote2": "Configured through the configuration file <code>appsetting.json</code> file, suitable for <code>Server-Side App</code>",
    "ToastsPositionNotification": "notification",
    "ToastsPositionSaved": "Successfully saved",
    "ToastsPositionServerSide": "Or, for <code>Server-Side App</code> only",
    "ToastsPositionTips": "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:",
    "ToastsPositionTips2": "Examples are as follows",
    "ToastsPositionTitle": "Toast display location",
    "ToastsPreventIntro": "By setting <code>PreventDuplicates=\"true\"</code> to repeatedly click the button below, only one pop-up window will appear",
    "ToastsPreventText": "Prevent Duplicates",
    "ToastsPreventTitle": "Prevent Duplicates",
    "ToastsShowHeaderIntro": "Set <code>ShowHeader=\"false\"</code> remove <code>Header</code>",
    "ToastsShowHeaderTitle": "No header",
    "ToastsSubTitle": "Provides a lightweight toast popup",
    "ToastsSuccess": "Success notification",
    "ToastsTips1": "1. Inject service <code>ToastService</code>",
    "ToastsTips2": "2. Call its instance <code>api</code>",
    "ToastsTitle": "Toast Lightweight Popup",
    "ToastsWarning": "Warning notice"
  },
  "BootstrapBlazor.Server.Components.Samples.Toggles": {
    "BasicUsageP": "Click the first switch to output the log with value",
    "BindToWayDisplayText1": "An example of a two-way binding",
    "BindToWayDiv": "The binding value:",
    "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>DisplayText</code> property, or through the <code>ShowLabel</code> property turns off the display of the prelabel",
    "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",
    "BindToWayP4": "The value of <code>DisplayText</code> is not displayed when the <code>ShowLabel</code> is <code>false</code>",
    "CustomLabelText": "Custom labels",
    "NotDisplayText": "Do not display",
    "NotOccupantsText": "Not Occupants",
    "OccupantsText": "Occupants",
    "TogglesBindToWayIntro": "Binding variables within a component, data is automatically synchronized",
    "TogglesBindToWayTitle": "Bind data in both directions",
    "TogglesDisableIntro": "The switch is not available.",
    "TogglesDisableTitle": "Disable the state",
    "TogglesNormalIntro": "Click the button to switch statuses",
    "TogglesNormalTitle": "Basic usage",
    "TogglesOffText": "Off",
    "TogglesOnText": "On",
    "TogglesSubTitle": "The most common switching application is available with a value of <code>true</code> <code>false</code>",
    "TogglesTitle": "Toggle"
  },
  "BootstrapBlazor.Server.Components.Samples.Toolbars": {
    "NormalTitle": "Normal",
    "ToolbarsTitle": "Toolbar",
    "ToolbarSubTitle": "ToolBar component is a container for buttons or other application-specific tools"
  },
  "BootstrapBlazor.Server.Components.Samples.Tooltips": {
    "BootstrapTooltipIntro": "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",
    "BootstrapTooltipTips1": "Wrap other components or <code>HTML</code> elements through <code>BootstrapTooltip</code> so that the wrapped object has the function of <code>Tooltip</code>",
    "BootstrapTooltipTips2": "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.",
    "BootstrapTooltipTitle": "test component",
    "TooltipsButtonIntro": "Provides a tooltip after hovering over the mouse or gaining focus",
    "TooltipsButtonTitle": "Button component tooltip",
    "TooltipsCustomClassIntro": "Set the custom style by setting the <code>CustomClass</code> parameter",
    "TooltipsCustomClassTitle": "custom style",
    "TooltipsDescription": "Provides a tooltip after hovering over the mouse or gaining focus",
    "TooltipsManualDescLI1": "The child component uses the cascade parameters to get the <code>Tooltip</code> instance and then calls its methods <code>Show</code> <code>Hide</code> <code>Toggle</code>",
    "TooltipsManualDescLI2": "Get the Tooltip instance through <code>@ref</code> and call its instances method",
    "TooltipsManualIntro": "Use code to control the tooltip state by setting <code>Trigger=\"manual\"</code>",
    "TooltipsManualTitle": "Manual",
    "TooltipsNormalIntro": "Often used to display the prompt information when the mouse hovers",
    "TooltipsNormalTitle": "Basic usage",
    "TooltipsSelectorIntro": "Precisely locate trigger prompt box elements by setting <code>Selector</code> parameters",
    "TooltipsSelectorTitle": "Prompt host settings",
    "TooltipsTitle": "Tooltip"
  },
  "BootstrapBlazor.Server.Components.Samples.Topologies": {
    "TopologiesDescription": "Rendering of human-computer interface through <code>Topology</code> open source components",
    "TopologiesNormalIntro": "Just load the <code>Json</code> file exported by the website, click the number box below the fan to control the operation",
    "TopologiesNormalTitle": "Basic usage",
    "TopologiesTitle": "Topology HMI"
  },
  "BootstrapBlazor.Server.Components.Samples.Transfers": {
    "Backup": "Backup",
    "BindToWayButtonText1": "Add",
    "ClientValidationButtonText": "Submit",
    "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>",
    "Data": "Data",
    "LeftButtonText": "To the left",
    "LeftPanelText": "The list on the left",
    "PlaceHolder": "Please enter",
    "RightButtonText": "To the Right",
    "RightPanelText": "The list on the right",
    "TransferBindDescription": "<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>",
    "TransferBindIntro": "When component data changes, the bidirectional binding <code>bind-Value</code> values change synchronously",
    "TransferBindTitle": "Two-way binding",
    "TransferCustomerIntro": "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.",
    "TransferCustomerTitle": "Customizable",
    "TransferDisableIntro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "TransferDisableTitle": "Disable",
    "TransferItemClassIntro": "By setting the <code>OnSetItemClass</code> callback method styles options based on the<code> values of </code>SelectedItem",
    "TransferItemClassTitle": "Set the Item style",
    "TransferMinMaxIntro": "By setting <code>Min</code> <code>Max</code> Parameter to limit the number of options",
    "TransferMinMaxTitle": "Max Min Constraint",
    "TransferNormalIntro": "Select the candidate items on the left and click the move button to move them to the right",
    "TransferNormalTitle": "Basic usage",
    "TransferSearchIntro": "In cases where there is a lot of data, you can search and filter the data.",
    "TransferSearchTitle": "Searchable",
    "TransfersTitle": "Transfer",
    "TransferValidateIntro": "When component data changes, the bidirectional binding <code>bind-Value</code> values change synchronously",
    "TransferValidateTitle": "Client Validation"
  },
  "BootstrapBlazor.Server.Components.Samples.Transitions": {
    "TransitionsDescription": "BootstarpBlazor applies the transition animation to some components, you can also use it directly.",
    "TransitionsDurationIntro": "Control the animation duration in milliseconds by setting the <code>Duration</code> parameter",
    "TransitionsDurationTitle": "Set animation duration",
    "TransitionsEndCallbackIntro": "Execute the callback function after the animation is completed",
    "TransitionsEndCallbackTitle": "Animation execution complete callback",
    "TransitionsNormalIntro": "Demonstration of basic animation effects",
    "TransitionsNormalTitle": "Basic usage",
    "TransitionsTitle": "Transition effect"
  },
  "BootstrapBlazor.Server.Components.Samples.Translators": {
    "TranslatorsDescription": "Converts characters or letters of a source language to the corresponding characters or letters of a target language.",
    "TranslatorsInjectService": "Inject Service",
    "TranslatorsNormalIntro": "Call <code>TranslateAsync</code> method for convert target language",
    "TranslatorsNormalTitle": "Basic usage",
    "TranslatorsTitle": "Azure Translator",
    "TranslatorsTranslate": "Translate"
  },
  "BootstrapBlazor.Server.Components.Samples.TreeViews": {
    "OnMaxSelectedCountExceedTitle": "Maximum Info",
    "TreeViewAccordionModelDescription": "Enable the accordion effect by setting the <code>IsAccordion</code> property of the <code>Tree</code> component",
    "TreeViewAccordionModelIntro": "For nodes of the same level, only one can be expanded at a time",
    "TreeViewAccordionModelTitle": "Accordion mode",
    "TreeViewCheckboxAddButtonText": "Add",
    "TreeViewCheckboxButtonText": "Refresh",
    "TreeViewCheckboxCheckBoxDisplayText1": "Automatically select child nodes",
    "TreeViewCheckboxCheckBoxDisplayText2": "Automatically select parent node",
    "TreeViewCheckboxIntro": "Suitable for use when you need to select a level",
    "TreeViewCheckboxTips1": "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",
    "TreeViewCheckboxTips2": "The <code>Tree</code> component will keep the status of each node when loading data. The <b>Refresh</b> button will update the data source <code>Items</code> and reinitialize the component. When you click the <code>Append Node</code> button, only the data inside the data source will be changed without reassigning values, so the status of each node will remain unchanged.",
    "TreeViewCheckboxTitle": "Checkbox",
    "TreeViewCheckedItemsIntro": "Get all nodes by setting the <code>OnTreeItemChecked</code> callback delegate",
    "TreeViewCheckedItemsTitle": "Get all selected nodes",
    "TreeViewDefaultExpandDescription": "By setting the <code>IsExpand</code> property of the <code>TreeViewItem</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",
    "TreeViewDefaultExpandIntro": "Some nodes of <code>Tree</code> can be set to be expanded or selected by default",
    "TreeViewDefaultExpandTitle": "Expanded by default and selected by default",
    "TreeViewDraggableDescription": "By setting the <code>AllowDrag</code> property, you can drag and drop nodes in the tree control. Use the <code>OnDragItemEndAsync</code> callback delegate to handle the drop event.",
    "TreeViewDraggableIntro": "Allows nodes to be dragged and dropped in the tree control",
    "TreeViewDraggableTitle": "Draggable nodes",
    "TreeViewEnableKeyboardArrowUpDownIntro": "Support keyboard up and down arrow operations by setting <code>EnableKeyboardArrowUpDown=\"true\"</code>. <kbd>ArrowLeft</kbd> collapse the node, <kbd>ArrowRight</kbd> expand the node, <kbd>ArrowUp</kbd> move the node up, <kbd>ArrowDown</kbd> move the node down, <kbd>Space</kbd> select the node,",
    "TreeViewEnableKeyboardArrowUpDownTitle": "Keyboard",
    "TreeViewMaxSelectedCountDesc": "When more than 2 nodes are selected, a <code>Toast</code> prompt bar will pop up",
    "TreeViewMaxSelectedCountIntro": "Control the maximum number of selectable items by setting the <code>MaxSelectedCount</code> property, and handle the logic through the <code>OnMaxSelectedCountExceed</code> callback",
    "TreeViewMaxSelectedCountTitle": "MaxSelectedCount",
    "TreeViewNormalDescription": "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",
    "TreeViewNormalIntro": "Basic tree structure display",
    "TreeViewNormalTitle": "Basic usage",
    "TreeViewsAttribute": "TreeViewItem property",
    "TreeViewsDescription": "Present information in a clear hierarchy that can be expanded or collapsed",
    "TreeViewsDisableWholeTreeView": "Whole TreeView disable",
    "TreeViewSetActiveDisplayText": "Current Active Node",
    "TreeViewSetActiveIntro": "Set the currently active node by calling the <code>SetActiveItem</code> method",
    "TreeViewSetActiveTitle": "Set Active Node",
    "TreeViewShowSearchIntro": "By setting <code>ShowSearch</code> to display the search bar, and using the <code>OnSearchAsync</code> callback method to set the data source to refresh the page",
    "TreeViewShowSearchTitle": "Show search",
    "TreeViewShowSkeletonButtonText": "Asynchronous loading",
    "TreeViewShowSkeletonIntro": "When the component <code>Items</code> is <code>null</code>, set <code>ShowSkeleton=\"true\"</code> to display the skeleton screen when asynchronously loading data. Set <code>ShowSkeleton=\"false\"</code> to display the default loading animation.",
    "TreeViewShowSkeletonTitle": "Loading skeleton screen",
    "TreeViewShowToolbarDesc": "After it is turned on, when the mouse hovers over a node, a toolbar icon appears on the right, and the toolbar function can be customized; data is updated by setting the <code>OnUpdateCallbackAsync</code> callback method; the toolbar template is defined by setting <code>ToolbarTemplate</code>, and if not set, the internal default node name template is used",
    "TreeViewShowToolbarIntro": "Show the toolbar by setting <code>ShowToolbar=\"true\"</code>",
    "TreeViewShowToolbarTitle": "Show Toolbar",
    "TreeViewsTips1": "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",
    "TreeViewsTips10": "Step 2: Set <code>Items</code> to get the component data source <b>Note</b> The data source type is <code>IEnumerable&lt;TreeViewItem&lt;TItem&gt;&gt;</code>",
    "TreeViewsTips11": "Step 3: Set the <code>OnExpandNodeAsync</code> callback delegate to expand the response node to get the child data source collection",
    "TreeViewsTips12": "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",
    "TreeViewsTips2": "Set <code>TreeViewItem</code> its <code>IsExpand</code> parameter to control whether the current child node is expanded",
    "TreeViewsTips3": "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",
    "TreeViewsTips4": "Keep the node state fallback mechanism, <code>ModelEqualityComparer</code> <code>CustomKeyAttribute</code> <code>IEqualityComparer&lt;TItem&gt;</code> <code>Equals</code> overloaded method",
    "TreeViewsTips5": "The component will remain in the <code>expanded</code> <code>collapsed</code> <code>selected</code> state",
    "TreeViewsTips6": "Set whether the node is <b>expanded</b> state through <code>TreeViewItem&lt;TItem&gt;.IsExpand</code>",
    "TreeViewsTips7": "Set whether the node is <b>selected</b> state through <code>TreeViewItem&lt;TItem&gt;.IsActive</code>",
    "TreeViewsTips8": "Through <code>TreeViewItem&lt;TItem&gt;.Checked</code>, set whether the node is in <b>checked/single selection</b> state",
    "TreeViewsTips9": "Step 1: Set the <code>TItem</code> generic model",
    "TreeViewsTipsOnBeforeTreeItemClick": "You can prevent a node click by setting the <code>OnBeforeTreeItemClick</code> callback method, and cancel the click action when it returns <code>false</code>.",
    "TreeViewsTitle": "Tree tree control",
    "TreeViewsWhetherToExpandWhenDisable": "Whether to expand when the control node is disabled",
    "TreeViewTreeClickExpandDescription": "By setting the <code>ClickToggleNode</code> property of the <code>TreeViewItem</code> object, you can control whether this node can be expanded and contracted by clicking",
    "TreeViewTreeClickExpandIntro": "By setting <code>ClickToggleNode</code> to control whether to expand and contract when the node is clicked",
    "TreeViewTreeClickExpandTitle": "Click on the node to expand and contract",
    "TreeViewTreeCustomNodeIntro": "Implement your own node template by setting <code>TreeViewItem</code> <code>Template</code>",
    "TreeViewTreeCustomNodeTitle": "Custom node",
    "TreeViewTreeDisableDescription": "By setting the <code>Disabled</code> property of the data source <code>TreeViewItem</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",
    "TreeViewTreeDisableIntro": "Some nodes of the Tree can be set to disabled state",
    "TreeViewTreeDisableTitle": "Disabled state",
    "TreeViewTreeDisplayIconDescription": "By setting the <code>ShowIcon</code> property of the <code>TreeViewItem</code> object, you can control whether this node displays the icon or not",
    "TreeViewTreeDisplayIconIntro": "Control whether the component displays the icon by setting <code>ShowIcon</code>",
    "TreeViewTreeDisplayIconTitle": "Show icon",
    "TreeViewTreeLazyLoadingDescription": "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",
    "TreeViewTreeLazyLoadingIntro": "Dynamically add child nodes when expanding a node",
    "TreeViewTreeLazyLoadingTitle": "Lazy loading",
    "TreeViewTreeNodeColorIntro": "Implement your own node style by setting <code>TreeViewItem</code> <code>CssClass</code>",
    "TreeViewTreeNodeColorTitle": "Node color",
    "TreeViewTreeValidationFormDescription": "Show <code>Checkbox</code> built into validation component <code>ValidateForm</code> by setting <code>ShowCheckbox</code> property does not show <code>DisplayName</code>",
    "TreeViewTreeValidationFormIntro": "<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",
    "TreeViewTreeValidationFormTitle": "The Tree component is built into the validation form",
    "TreeViewVirtualizeDescription": "The component uses <code>Virtualize</code> to implement virtual scrolling logic, which reduces the pressure on the browser. However, if there is a lot of tree structure data, such as <b>Select All</b>, all data must be marked, resulting in large data in the memory. This problem has not been solved yet. Currently, this component still puts a lot of pressure on the <b>CPU</b> due to large data.",
    "TreeViewVirtualizeIntro": "Enable virtual scrolling by setting <code>IsVirtualize=\"true\"</code> to support big data",
    "TreeViewVirtualizeTitle": "Virtualize"
  },
  "BootstrapBlazor.Server.Components.Samples.Tutorials.BarCodeGenerator.BarCodeGenerator": {
    "EmailDesc": "Use your iPhone's camera or the QR code scanner to scan the QR code below, then open the <code>Email</code> app to send an email.",
    "Preview": "Preview",
    "SelectType": "Select content type",
    "TextDesc": "Use your iPhone's camera or the QR code scanning function to scan the QR code below, then open the <code>Safari</code> browser and search for the current text using the default search engine.",
    "UrlDesc": "Use your iPhone's camera or the QR code scanning function to scan the QR code below, then open the <code>Safari</code> browser and open the current address",
    "WiFiDesc": "Use your iPhone's camera or the QR code scanner to scan the QR code below to automatically join the <code>WiFi</code> network."
  },
  "BootstrapBlazor.Server.Components.Samples.Tutorials.OnlineSheet.OnlineSheet": {
    "ToastOnReadyContent": "After 4 seconds the table is updated by other writers to change the content",
    "ToastOnReadyTitle": "Collaboration Notification"
  },
  "BootstrapBlazor.Server.Components.Samples.Tutorials.Translation.Translator": {
    "File": "File",
    "Hide": "Hide",
    "Language": "Language",
    "Load": "Load",
    "LoadContent": "All localization items loaded successfully",
    "LoadTitle": "Load",
    "Operation": "Operation",
    "Save": "Save",
    "SaveContent": "All localization items saved successfully",
    "SaveTitle": "Save",
    "Show": "Show",
    "ToolboxCardTitle": "Tools",
    "Translate": "Translate"
  },
  "BootstrapBlazor.Server.Components.Samples.Typeds": {
    "NormalIntro": "Set the text to be displayed by setting the <code>Text</code> parameter",
    "NormalTitle": "Text",
    "TypedIntro": "Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set.",
    "TypedOptionsIntro": "Customize typing speed, delay, and other settings by setting the properties of the <code>TypedOptions</code> parameter",
    "TypedOptionsTitle": "TypedOptions",
    "TypedTitle": "Typed"
  },
  "BootstrapBlazor.Server.Components.Samples.UniverSheets": {
    "NormalDesc1": "Push data to the spreadsheet by calling the instance method <code>PushDataAsync</code>. Click the <b>Save Data</b> button to get the serialized data of the table data",
    "NormalDesc2": "Click the <b>Push Data</b> button to push data to the table, and click the first icon on the <b>Toolbar</b> to get data from the server.",
    "NormalDescDarkMode": "The parameter <code>IsDarkMode</code> controls whether the component uses dark mode.",
    "NormalDescRibbonType": "Set the toolbar style using the parameter <code>RibbonType</code>.",
    "NormalIntro": "Set your own plugins by setting the <code>Plugins</code> parameter",
    "NormalTitle": "Basic usage",
    "PluginIntro": "Set custom plugins by setting the <code>Plugins</code> parameter",
    "PluginTitle": "Plugins",
    "PushButtonText": "Push",
    "SaveButtonText": "Save",
    "ToastOnReadyContent": "The sheet is ready for push data.",
    "ToastOnReadyTitle": "Notification",
    "UniverSheetIntro": "Encapsulates the core spreadsheet component of the open source office suite ​Univer​, providing a high-performance, scalable online spreadsheet solution",
    "UniverSheetTitle": "UniverSheet"
  },
  "BootstrapBlazor.Server.Components.Samples.UploadAvatars": {
    "AvatarUploadAcceptIntro": "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>",
    "AvatarUploadAcceptTitle": "Accept",
    "AvatarUploadButtonText": "Submit",
    "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. The component processes user uploaded avatars by setting the <code>OnChange</code> callback function. If this callback is not provided, the component will use the built-in method to try to read the uploaded file and generate the preview data in <code>base64</code> format.",
    "AvatarUploadTitle": "Basic usage",
    "AvatarUploadValidateIntro": "Place it in <code>ValidateForm</code> to integrate automatic data validation function. For details, please refer to <code>ValidateForm</code> component. In this example, the uploaded file extension is limited to <code>.png, .jpg, .jpeg</code>. An error message will be displayed when uploading other formats. The file size limit is <code>5M</code>. An error message will also be displayed when it exceeds",
    "AvatarUploadValidateTitle": "ValidateForm",
    "UploadsNote": "If you edit too much content, <code>signalR</code> communication interruption may be triggered. Please adjust the <code>HubOptions</code> configuration.",
    "UploadsSubTitle": "Click to upload a file, usually used to upload a preview of one or a group of avatar-like images",
    "UploadsTitle": "AvatarUpload",
    "UploadsValidateFormInValidContent": "Please correct it and submit the form again",
    "UploadsValidateFormTitle": "ValidateForm",
    "UploadsValidateFormValidContent": "Saved successfully"
  },
  "BootstrapBlazor.Server.Components.Samples.UploadButtons": {
    "ButtonUploadIntro": "By setting <code>ShowUploadFileList=\"true\"</code> you can display the uploaded file list, and setting <code>ShowDeleteButton=\"true\"</code> you can display the <b>Delete</b> button",
    "ButtonUploadTitle": "Basic usage",
    "UploadsNote": "If you edit too much content, <code>signalR</code> communication interruption may be triggered. Please adjust the <code>HubOptions</code> configuration.",
    "UploadsSubTitle": "Upload files by clicking on them, usually used to upload file attachments",
    "UploadsTitle": "ButtonUpload"
  },
  "BootstrapBlazor.Server.Components.Samples.UploadCards": {
    "ButtonUploadIntro": "Use <code>DefaultFileList</code> to set up uploaded content",
    "ButtonUploadTitle": "Basic usage",
    "UploadActionButtonTemplateIntro": "Customize the action buttons on the card by setting the <code>ActionButtonTemplate</code> parameter (appending it to the end of the default button), and customize the action buttons on the card by setting the <code>BeforeActionButtonTemplate</code> parameter (insert it before the default button).",
    "UploadActionButtonTemplateTitle": "Custom action button",
    "UploadBase64Intro": "By setting the <code>PrevUrl</code> parameter value of the <code>UploadFile</code> instance, use the image content string in the <code>data:image/xxx;base64,XXXXX</code> format as the preview file path",
    "UploadBase64Title": "Base64 format",
    "UploadFileIconIntro": "Icons are displayed in different file formats",
    "UploadFileIconTemplateIntro": "By setting the <code>IconTemplate</code> parameter and using the <code>FileIcon</code> component, you can further customize the file icon <a href=\"/file-icon\">[FileIcon example]</a>",
    "UploadFileIconTemplateTitle": "Custom file icon",
    "UploadFileIconTitle": "The file icon",
    "UploadsFileError": "The file is larger than 5M. Please reselect the file to upload.",
    "UploadsFileTitle": "Upload",
    "UploadsNote": "If you edit too much content, <code>signalR</code> communication interruption may be triggered. Please adjust the <code>HubOptions</code> configuration.",
    "UploadsSaveFileError": "File save failed",
    "UploadsSubTitle": "Click the button to pop up the file selection box to select one or more files, which will be presented in a card-style preview mode.",
    "UploadsSuccess": "File saved successfully",
    "UploadsTitle": "CardUpload",
    "UploadsWasmError": "In wasm mode, please call the api to save"
  },
  "BootstrapBlazor.Server.Components.Samples.UploadDrops": {
    "DropUploadFooterText": "File size should not exceed 5Mb",
    "DropUploadIntro": "Handle all uploaded files via the <code>OnChange</code> callback",
    "DropUploadTitle": "Basic usage",
    "UploadsNote": "If the uploaded file is too large, it may trigger <code>signalR</code> communication interruption. Please adjust the <code>HubOptions</code> configuration yourself.",
    "UploadsSubTitle": "Upload one or more files by clicking on the component or by dragging or pasting",
    "UploadsTitle": "DropUpload"
  },
  "BootstrapBlazor.Server.Components.Samples.UploadInputs": {
    "UploadFormSettingsButtonText": "Submit",
    "UploadFormSettingsIntro": "Use the file upload component to constrain the file format within the form",
    "UploadFormSettingsLi1": "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>5M</code>",
    "UploadFormSettingsLi2": "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>",
    "UploadFormSettingsTitle": "ValidateForm",
    "UploadNormalIntro": "You can show the <b>Delete</b> button by setting <code>ShowDeleteButton=\"true\"</code>",
    "UploadNormalLabelPhoto": "Select one or more files",
    "UploadNormalTitle": "Basic usage",
    "UploadsNote": "If you edit too much content, <code>signalR</code> communication interruption may be triggered. Please adjust the <code>HubOptions</code> configuration.",
    "UploadsSubTitle": "Select one or more files to upload by clicking the Browse button.",
    "UploadsTitle": "InputUpload"
  },
  "BootstrapBlazor.Server.Components.Samples.Uploads.Person": {
    "Name": "Name",
    "Name.Required": "{0} is required",
    "Picture": "File",
    "Picture.Required": "{0} is required"
  },
  "BootstrapBlazor.Server.Components.Samples.ValidateForms": {
    "ChangeButtonText": "Change",
    "CustomValidationFormComment1": "Add mailbox validation rules",
    "CustomValidationFormComment2": "Used in Razor files",
    "CustomValidationFormP1": "Address text box adds <b>email address</b>verification rules, click On Submission to verify",
    "DatabaseExistLog": "Exists in the database",
    "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",
    "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",
    "LongDisplayText": "I am very long display text",
    "OnInvalidSubmitCallBackLog": "OnInvalidSubmit callback delegate",
    "OnInvalidSubmitLog": "OnInvalidSubmit callback delegate: The validation failed",
    "OnValidSubmitCallBackLog": "OnValidSubmit callback delegate",
    "OnValidSubmitDoneLog": "OnValidSubmit callback delegate: Done!",
    "OnValidSubmitLog": "OnValidSubmit callback delegate: Verification passed",
    "OnValidSubmitStartingLog": "OnValidSubmit callback delegate: Starting ...",
    "ResetButtonText": "Reset",
    "ValidateButtonText": "Save",
    "ValidateFormComplexValidationDescription": "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>",
    "ValidateFormComplexValidationIntro": "Supports any complex type of binding and validation",
    "ValidateFormComplexValidationPre": "ComplexForm.SetError('Dummy.Dummy2.Name','数据库中已存在');",
    "ValidateFormComplexValidationTitle": "Complex type support",
    "ValidateFormCustomDisplayErrorDescription": "<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>",
    "ValidateFormCustomDisplayErrorIntro": "Set the custom error message by calling <code>SetError</code> method",
    "ValidateFormCustomDisplayErrorTitle": "Custom displays error messages",
    "ValidateFormCustomValidationFormIntro": "Add custom validation rules by setting <code>Rules</code>",
    "ValidateFormCustomValidationFormTitle": "Customize the verification form",
    "ValidateFormDisableAutoSubmitFormByEnterIntro": "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>",
    "ValidateFormDisableAutoSubmitFormByEnterTitle": "Disable automatic submit form",
    "ValidateFormDynamicFormDescription": "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",
    "ValidateFormDynamicFormIntro": "By changing the components within the form, verify that the form can still be validated correctly",
    "ValidateFormDynamicFormTitle": "Dynamically adjust the components within the form",
    "ValidateFormInnerComponentInnerComponentDescription1": "Example illustration",
    "ValidateFormInnerComponentInnerComponentDescription2": "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",
    "ValidateFormInnerComponentInnerComponentLabel": "Examples of components that support form validation",
    "ValidateFormInnerComponentInnerComponentLi1": "The name is the string type",
    "ValidateFormInnerComponentInnerComponentLi2": "The age is an integer type",
    "ValidateFormInnerComponentInnerComponentLi3": "Birthday is the datetime type",
    "ValidateFormInnerComponentInnerComponentLi4": "Education is an enumeration type",
    "ValidateFormInnerComponentInnerComponentLi5": "Hobbies are collection types",
    "ValidateFormInnerComponentIntro": "Place the support form components into the <code>ValidateForm</code>",
    "ValidateFormInnerComponentTitle": "Built-in components",
    "ValidateFormInnerFormLabelDescription": "Address text box adds <b>email address</b>validation rules",
    "ValidateFormInnerFormLabelIntro": "Set the alignment of labels throughout the station or in a specific form with style uniformity",
    "ValidateFormInnerFormLabelTitle": "Set the component label right alignment within the form",
    "ValidateFormIValidatableObjectDescription": "This example uses the <code>IValidatableObject</code> interface to implement validation that <code>Telephone 1</code> and <code>Telephone 2</code> must not be the same, and that <code>Name</code> cannot be empty. In this example, <code>Name</code> is not provided, but since the model implements validation through the <code>IValidatableObject</code> interface, it still triggers the <code>OnInvalidSubmit</code> callback delegate when submitting data.",
    "ValidateFormIValidatableObjectIntro": "The <code>IValidatableObject</code> interface provides more flexible custom validation, making it very suitable for performing complex data validation scenarios, such as validating combinations of multiple properties.",
    "ValidateFormIValidatableObjectTitle": "IValidatableObject",
    "ValidateFormIValidateCollectionDescription": "This example uses <code>IValidateCollection</code> to verify that <code>Telephone 1</code> and <code>Telephone 2</code> cannot be the same. If any cell is changed so that the phone numbers are the same, both text boxes will prompt.",
    "ValidateFormIValidateCollectionIntro": "The <code>IValidateCollection</code> interface provides more flexible custom <code>linked</code> validation, which is very suitable for very complex data validation, such as combining multiple attributes for validation.",
    "ValidateFormIValidateCollectionTitle": "IValidateCollection",
    "ValidateFormNormalBasicUsageDescription": "Introduction",
    "ValidateFormNormalBasicUsageDescription2": "Note:",
    "ValidateFormNormalFormLabelWidth": "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>",
    "ValidateFormNormalIntro": "Data compliance checks are automatically performed when components placed in the <code>ValidateForm</code> are submitted",
    "ValidateFormNormalLi1": "<code>ValidateForm</code> component supports asynchronous setting of <code>Model</code> values",
    "ValidateFormNormalLi2": "The form event is for <code>OnValidSubmit</code> <code>OnInvalidSubmit</code>",
    "ValidateFormNormalLi3": "<code>Model</code> parameter is required is not allowed to be empty",
    "ValidateFormNormalLi4": "Multiple buttons can be placed within the form to set whether the <code>ButtonType='ButtonType.Submit'</code> parameter is submitted to the form",
    "ValidateFormNormalLi5": "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",
    "ValidateFormNormalLi6": "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",
    "ValidateFormNormalLi7": "Set the asynchronous submission form by setting the value of the Button <code>Button</code> property <code>IsAsync</code>",
    "ValidateFormNormalLi8": "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",
    "ValidateFormNormalLi9": "After the value of the component control in the form is modified, the <code>OnFieldChanged</code> method is called",
    "ValidateFormNormalTitle": "Basic usage",
    "ValidateFormsSubmitButtonText": "Submit",
    "ValidateFormsSubTitle": "Form components that can be used for data compliance checks",
    "ValidateFormsTitle": "ValidateForm",
    "ValidateFormValidateDescription": "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.",
    "ValidateFormValidateIntro": "call the <code>ValidateForm</code> instance method <code>Validate</code> for trigger the form validation",
    "ValidateFormValidateTitle": "Manual Validate",
    "ValidateFormValidatorAllFieldDescription": "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",
    "ValidateFormValidatorAllFieldIntro": "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",
    "ValidateFormValidatorAllFieldTitle": "Validate all field values",
    "ValidateMetadataTypeIntro": "The model uses <code>[MetadataType(typeof(MockModelMetadataType))]</code> to specify the metadata type <code>MockModelMetadataType</code> for model validation. If the specified model inherits the <code>IValidateCollection</code> interface, its <code>Validate</code> method is called to perform data compliance checks.",
    "ValidateMetadataTypeTitle": "MetadataType IValidateCollection"
  },
  "BootstrapBlazor.Server.Components.Samples.ValidateForms.ComplexFoo": {
    "Name": "Name",
    "Name.Required": "{0} is required."
  },
  "BootstrapBlazor.Server.Components.Samples.ValidateForms.Dummy2": {
    "Name": "Name",
    "Name.Required": "Dummy2 {0} is required"
  },
  "BootstrapBlazor.Server.Components.Samples.Vditors": {
    "BaseUsageIntro": "Set the content displayed by the component by setting the <code>Value</code> value, and set the component configuration information by setting the <code>Options</code> parameter",
    "BaseUsageTitle": "Basic usage",
    "VditorSubTitle": "Vditor is a browser-based Markdown editor that supports WYSIWYG, instant rendering (similar to Typora), and split-screen preview mode.",
    "VditorTitle": "Vditor Markdown"
  },
  "BootstrapBlazor.Server.Components.Samples.VideoDevices": {
    "BaseUsageIntro": "Perform different operations by calling different API methods",
    "BaseUsageTitle": "Basic usage",
    "VideoDeviceCaptureText": "Capture",
    "VideoDeviceCloseText": "Close",
    "VideoDeviceDownloadText": "Download",
    "VideoDeviceIntro": "Get video equipment operation capabilities through this service",
    "VideoDeviceOpenText": "Open",
    "VideoDeviceRequestText": "List",
    "VideoDeviceTitle": "IVideoDevice"
  },
  "BootstrapBlazor.Server.Components.Samples.VideoPlayers": {
    "MineType": "MineType",
    "VideoPlayersChangeURLIntro": "Use the Reload method to switch playback resources",
    "VideoPlayersChangeURLTitle": "Switch playback resources",
    "VideoPlayersNormalTitle": "Basic usage",
    "VideoPlayersTips": "Silent mode enabled by default, this is the way for autoplay follow the modern browser standards.",
    "VideoPlayersTitle": "VideoPlayer"
  },
  "BootstrapBlazor.Server.Components.Samples.Watermarks": {
    "WatermarkDescription": "<p>How to add a watermark globally</p><p>You can add a watermark component to the template page <code>MainLayout</code> and set <code>IsPage=\"true\"</code></p>",
    "WatermarkIntro": "Add specific text or patterns to the page",
    "WatermarkNormalIntro": "Use the <code>Text</code> property to set a string to specify the watermark text",
    "WatermarkNormalTitle": "Basic usage",
    "WatermarkTitle": "Watermark"
  },
  "BootstrapBlazor.Server.Components.Samples.WebSerials": {
    "BaudRateText": "BaudRate",
    "BufferSizeText": "BufferSize",
    "ClosePortText": "Close",
    "CRLFText": "CRLF",
    "DataBitsText": "DataBits",
    "FlowControlTypeText": "FlowControlType",
    "GetInfoButtonText": "Infos",
    "GetSignalsButtonText": "Signals",
    "HEXText": "HEX",
    "LoopIntervalText": "Interval(ms)",
    "LoopSendText": "Loop",
    "NotSupportSerialContent": "The current browser does not support serial port operations. Please change to Edge or Chrome browser.",
    "NotSupportSerialTitle": "Get Port",
    "OpenPortSerialContent": "Failed to open the serial port",
    "OpenPortSerialTitle": "Open Port",
    "OpenPortText": "Open",
    "ParityTypeText": "ParityType",
    "ReadDataText": "Receive Data",
    "RequestPortText": "Request",
    "StopBitsText": "StopBits",
    "WebSerialDescription": "allow websites to communicate with peripherals connected to a user's computer. It provides the ability to connect to devices that are required by the operating system to communicate via the serial API",
    "WebSerialIntro": "Serial port is a widely used communication protocol that enables data transmission between computers",
    "WebSerialNormalIntro": "By calling the <code>ISerialService</code> service, you can connect, open, close, read and write to the serial port device.",
    "WebSerialNormalTitle": "Basic usage",
    "WebSerialTipsLi1": "This feature is available only in secure contexts (HTTPS)",
    "WebSerialTipsLi2": "This is an experimental technology Check the <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/SerialPort#browser_compatibility\" target=\"_blank\">Browser compatibility table</a> carefully before using this in production",
    "WebSerialTipsTitle": "Note: The <code>ISerialPort</code> interface instance inherits <code>IAsyncDisposable</code>. When switching routes, you need to release its resources by calling its <code>DisposeAsync</code>",
    "WebSerialTitle": "Web Serial",
    "WriteButtonText": "Write",
    "WriteDataText": "Send Data"
  },
  "BootstrapBlazor.Server.Components.Samples.WinBoxes": {
    "WinBoxDescription": "Components that emulate Windows window styles",
    "WinBoxNormalIntro": "By setting the <code>WinBoxOption</code> parameter value, a pop-up window is created and displayed.",
    "WinBoxNormalTitle": "Basic usage",
    "WinBoxTitle": "WinBox"
  },
  "BootstrapBlazor.Server.Components.Samples.ZipArchives": {
    "ZipArchiveDirectoryText": "Archive directory",
    "ZipArchiveExtractText": "Extract",
    "ZipArchiveFileText": "Archive file",
    "ZipArchiveInjectText": "Inject service",
    "ZipArchivesSubTitle": "Component built-in service that can compress files or folders into archive files with specified names",
    "ZipArchivesTitle": "IZipArchive"
  },
  "BootstrapBlazor.Server.Data.AttributeItem": {
    "DefaultValue": "DefaultValue",
    "Description": "Description",
    "Name": "Name",
    "Type": "Type",
    "ValueList": "ValueList"
  },
  "BootstrapBlazor.Server.Data.CustomValidataModel": {
    "CanNotBeTheSame": "Telephone 1 and Telephone 2 can not be the same",
    "Name": "Name",
    "Telephone1": "Telephone 1",
    "Telephone2": "Telephone 2"
  },
  "BootstrapBlazor.Server.Data.CustomValidateCollectionModel": {
    "Telephone1": "Telephone 1",
    "Telephone2": "Telephone 2"
  },
  "BootstrapBlazor.Server.Data.EnumEducation": {
    "Middle": "Middle",
    "PlaceHolder": "Click to select ...",
    "Primary": "Primary"
  },
  "BootstrapBlazor.Server.Data.EventItem": {
    "Description": "Description",
    "Name": "Name",
    "Type": "Type"
  },
  "BootstrapBlazor.Server.Data.Foo": {
    "Address": "Address",
    "Address.PlaceHolder": "required",
    "Address.Required": "{0} is required.",
    "Complete": "Complete",
    "Count": "Count",
    "Count.PlaceHolder": "required",
    "DateTime": "DateTime",
    "Education": "Education",
    "Education.Required": "{0} is required.",
    "False": "Failed",
    "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",
    "Foo.Name": "Zhangsan {0}",
    "Hobbies": "Swimming,Climb,Shoot,Chess",
    "Hobby": "Hobby",
    "Hobby.Required": "{0} is required.",
    "Name": "Name",
    "Name.PlaceHolder": "required",
    "Name.Required": "{0} is required.",
    "NullItemText": "Not Set",
    "ReadonlyColumn": "Readonly Column",
    "True": "Pass"
  }
}