diff --git a/examples/Demo/Shared/Microsoft.Fast.Components.FluentUI.xml b/examples/Demo/Shared/Microsoft.Fast.Components.FluentUI.xml index b255119c53..01f720b89c 100644 --- a/examples/Demo/Shared/Microsoft.Fast.Components.FluentUI.xml +++ b/examples/Demo/Shared/Microsoft.Fast.Components.FluentUI.xml @@ -209,6 +209,16 @@ Defaults to + + + displayed at the start of anchor content. + + + + + displayed at the end of anchor content. + + Gets or sets the content to be rendered inside the component. @@ -598,14 +608,30 @@ Defaults to + + + Background color of this button (overrides the property). + Set the value "rgba(0, 0, 0, 0)" to display a transparent button. + + + + + Color of the font (overrides the property). + + + + + Display a progress ring and disable the button. + + - displayed to the left of button content. + displayed at the start of button content. - displayed to the right of button content. + displayed at the end of button content. @@ -623,6 +649,11 @@ Command executed when the user clicks on the button. + + + Constructs an instance of . + + @@ -642,7 +673,7 @@ - + @@ -1126,6 +1157,11 @@ + + + Gets or sets the reference to the item that holds this cell's values + + Gets or sets the cell type. See @@ -1148,9 +1184,15 @@ Gets or sets the owning component + + + Gets or sets the reference to the item that holds this row's values + + Gets or sets the index of this row + When FluentDataGrid is virtualized, this value is not used @@ -1750,7 +1792,7 @@ Closes the dialog - + Constructs an instance of . @@ -1793,11 +1835,21 @@ Text to display for the primary action. + + + When true, primary action's button is enabled. + + Text to display for the secondary action. + + + When true, secondary action's button is enabled. + + Width of the dialog. Must be a valid CSS width value like "600px" or "3em" @@ -1940,7 +1992,7 @@ - Shows the standard with the given parameters."/> + Shows the standard with the given parameters. The componente that receives the callback Name of the callback function @@ -1948,7 +2000,7 @@ - Shows a custom splash screen dialog with the given parameters."/> + Shows a custom splash screen dialog with the given parameters. The componente that receives the callback Name of the callback function @@ -1956,7 +2008,7 @@ - Shows a splash screen of the given type with the given parameters."/> + Shows a splash screen of the given type with the given parameters. The type of the component to show The componente that receives the callback @@ -2012,27 +2064,159 @@ - Shows a panel with the dialog component type as the body, - passing the specified + Shows a panel with the dialog component type as the body Parameters to pass to component being displayed. - Shows a panel with the dialog component type as the body, - passing the specified + Shows a panel with the dialog component type as the body Type of component to display. Parameters to pass to component being displayed. - Shows a dialog with the component type as the body, - passing the specified + Shows a dialog with the component type as the body Parameters to pass to component being displayed. + + Shows a dialog with the component type as the body + + Type of component to display. + Content to pass to component being displayed. + Parameters to configure the dialog component. + + + + Updates a dialog + + Id of the dialog to update. + Parameters to configure the dialog component. + + + + Shows the standard with the given parameters. + + The componente that receives the callback + Name of the callback function + that holds the content to display + + + + Shows the standard with the given parameters. + + that holds the content to display + + + + Shows a custom splash screen dialog with the given parameters."/> + + The componente that receives the callback + Name of the callback function + that holds the content to display + + + + Shows a custom splash screen dialog with the given parameters. + + that holds the content to display + + + + Shows a splash screen of the given type with the given parameters. + + The type of the component to show + The componente that receives the callback + Name of the callback function + that holds the content to display + + + + Shows a splash screen of the given type with the given parameters. + + The type of the component to show + that holds the content to display + + + + Shows a dialog with the component type as the body + + Parameters to pass to component being displayed. + + + + Shows a success message box. Does not have a callback function. + + The message to display. + The title to display on the dialog. + + + + Shows a warning message box. Does not have a callback function. + + The message to display. + The title to display on the dialog. + + + + Shows an error message box. Does not have a callback function. + + The message to display. + The title to display on the dialog. + + + + Shows an information message box. Does not have a callback function. + + The message to display. + The title to display on the dialog. + + + + Shows a confirmation message box. Has a callback function which returns boolean + (true=PrimaryAction clicked, false=SecondaryAction clicked). + + The component that receives the callback function. + The callback function. + The message to display. + The text to display on the primary button. + The text to display on the secondary button. + The title to display on the dialog. + + + + Shows a confirmation message box. Has no callback function + (true=PrimaryAction clicked, false=SecondaryAction clicked). + + The message to display. + The text to display on the primary button. + The text to display on the secondary button. + The title to display on the dialog. + + + + Shows a custom message box. Has a callback function which returns boolean + (true=PrimaryAction clicked, false=SecondaryAction clicked). + + Parameters to pass to component being displayed. + + + + Shows a panel with the dialog component type as the body + + Parameters to pass to component being displayed. + + + + Shows a panel with the dialog component type as the body + + Type of component to display. + Parameters to pass to component being displayed. + + Shows a dialog with the component type as the body, passing the specified @@ -2041,6 +2225,13 @@ Content to pass to component being displayed. Parameters to configure the dialog component. + + + Updates a dialog + + Id of the dialog to update. + Parameters to configure the dialog component. + Convenience method to create a for a dialog result. @@ -2213,9 +2404,15 @@ - FluentUI Icon content. + FluentUI Emoji content. + + + Please use the constructor including parameters. + + + Initializes a new instance of the class. @@ -2433,6 +2630,11 @@ List of delimiters chars. Example: " ,;". + + + If true, highlights the text until the next regex boundary + + Description: Scroll speed in pixels per second @@ -2530,6 +2732,12 @@ FluentUI Icon content. + + + Please use the constructor including parameters. + + + Initializes a new instance of the class. @@ -2885,21 +3093,14 @@ Gets or sets the visual appearance. See - - - Width style - - - - - Height style - - The maximum number of options that should be visible in the listbox scroll area. + + + Gets or sets if the element is disabled @@ -2976,6 +3177,16 @@ + + + Width of the component. + + + + + Height of the component or of the popup panel. + + Text used on aria-label attribute. @@ -3768,6 +3979,12 @@ Gets or sets the id of the component the popover is positioned relative to + + + The default horizontal position of the region relative to the anchor element + Default is unset. See + + Gets or sets popover opened state @@ -3972,6 +4189,12 @@ + + + + + + Allows associating a datalist to the element by id. @@ -4032,6 +4255,21 @@ Gets or sets if the skeleton is shimmered + + + Gets or sets the width of the skeleton + + + + + Gets or sets the height of the skeleton + + + + + Gets or sets whether the skeleton is visible + + Gets or sets the content to be rendered inside the component. @@ -4248,6 +4486,11 @@ True to let the user edit the property. + + + Render the tab content only when the tab is selected. + + Customized content of this tab panel. @@ -4431,6 +4674,12 @@ Gets or sets the content to be rendered inside the component. + + + + + + Gets or sets the text filed type. See @@ -4476,6 +4725,12 @@ Gets or sets the content to be rendered inside the component. + + + Specifies whether a form or an input field should have autocomplete "on" or "off" or another value. + An Id value must be set to use this property. + + Closes the toast @@ -4843,6 +5098,31 @@ Gets or sets the content to be rendered inside the component. + + + Gets or sets a reference to the list of registered services. + + + https://github.com/dotnet/aspnetcore/issues/24193 + + + + + Gets a reference to the tooltip service (if registered). + + + + + Gets the default tooltip options. + + + + + Use ITooltipService to create the tooltip, if this service was injected. + If the is dynamic, set this to false. + Default, true. + + Gets or sets if the tooltip is visible @@ -4850,17 +5130,23 @@ - Gets or sets the anchor + Required. Gets or sets the control identifier associated with the tooltip. - Gets or sets the delay (in miliseconds) + Gets or sets the delay (in milliseconds). Default is 300. - Gets or sets the tooltip's position. See + Gets or sets the tooltip's position. See . + Don't set this if you want the tooltip to use the best position. + + + + + Gets or sets the maximum width of tooltip panel. @@ -4872,12 +5158,12 @@ - Gets or sets wether the horizontal viewport is locked + Gets or sets whether the horizontal viewport is locked - Gets or sets wether the vertical viewport is locked + Gets or sets whether the vertical viewport is locked @@ -4885,11 +5171,188 @@ Gets or sets the content to be rendered inside the component. - + + + Callback for when the tooltip is dismissed + + + + + + + + + + + + + + + + + + + + Service for managing tooltips. + + + + + Action that is invoked when the tooltip list is updated. + + + + + Gets the list of tooltips currently registered with the service. + + + + + Gets the global options for tooltips. + + + + + Adds a tooltip to the service. + + + + + + clears all tooltips from the service. + + + + + removes a tooltip from the service. + + Identifier of the tooltip + + + + Global options for tooltips. + + + + + Default delay (in milliseconds). + + + + + Gets or sets the delay (in milliseconds). Default is 300. + + + + + Gets or sets the default tooltip's position. + See + + + + + Gets or sets the default maximum width of tooltip panel. + Default is 500px. + + + + + Gets or sets whether the horizontal viewport is locked + + + + + Gets or sets whether the vertical viewport is locked + + + + + Options for a tooltip. + + + + + Gets or sets the unique identifier of the tooltip. + + + + + Gets or sets the anchor identifier of the tooltip. + + + + + Gets or sets the tooltip content. + + + + + Gets or sets the tooltip panel width. + + + + + Gets or sets the delay (in milliseconds). Default is 300. + + + + + Gets or sets the tooltip's position. See + + + Callback for when the tooltip is dismissed + + + Gets or sets if the tooltip is visible + + + + + + + + Initializes a new instance of the class. + + + + + Initializes a new instance of the class. + + Default global options + + + + + + + + + + + + + + + + + + + + + + + + + Clears all tooltips from the service. + + + + + Gets or sets the text of the tree item @@ -8302,27 +8765,32 @@ - The anchored region position is unset. + No positions set. - The anchored region is positioned at the start of the anchor. + Position at the start of the anchor. - The anchored region is positioned at the end of the anchor. + Position at the end of the anchor. - The anchored region is positioned in the left of the anchor. + Position on the left of the anchor. - The anchored region is positioned in the right of the anchor. + Position on the right of the anchor. + + + + + Position at the center of the anchor. @@ -9043,17 +9511,22 @@ - No positioning set + No position set. - Position at the top + Position at the top. - Position at the bottom + Position at the bottom. + + + + + Position at the center. @@ -9218,6 +9691,12 @@ Defines the global Fluent UI Blazor component library services configuration + + + Gets or sets a value indicating whether the library should use the TooltipServiceProvider. + If set to true, add the FluentTooltipProvider component at end of the MainLayout.razor page. + + A strongly-typed resource class, for looking up localized strings, etc. @@ -9460,7 +9939,7 @@ Inspired from https://github.com/MudBlazor - + Splits the text into fragments, according to the text to be highlighted @@ -9469,6 +9948,7 @@ The texts to be highlighted Regex expression that was used to split fragments. Whether it's case sensitive or not + If true, splits until the next regex boundary diff --git a/src/Core/Components/DateTime/CalendarExtended.cs b/src/Core/Components/DateTime/CalendarExtended.cs index 79a4829852..ae388b523d 100644 --- a/src/Core/Components/DateTime/CalendarExtended.cs +++ b/src/Core/Components/DateTime/CalendarExtended.cs @@ -110,16 +110,18 @@ public string GetMonthNameAndYear() /// Returns a list of days, abbreviated and complete (Mon, Monday), ...,(Sun, Sunday) in the correct culture. /// /// - public IEnumerable<(string Abbreviated, string Name)> GetDayNames() + public IEnumerable<(string Abbreviated, string Shorted, string Name)> GetDayNames() { int firstDayOfWeek = (int)GetFirstDayOfWeek(); var abbreviated = Culture.DateTimeFormat.AbbreviatedDayNames; var names = Culture.DateTimeFormat.DayNames; - var dayNames = new (string Abbreviated, string Name)[7]; + var shorted = Culture.DateTimeFormat.ShortestDayNames; + var dayNames = new (string Abbreviated, string Shorted, string Name)[7]; for (int i = 0; i < 7; i++) { dayNames[i].Name = ToTitleCase(names[i]); + dayNames[i].Shorted = shorted[i]; dayNames[i].Abbreviated = ToTitleCase(abbreviated[i]); } @@ -177,4 +179,4 @@ private string ToTitleCase(string value) { return Culture.TextInfo.ToTitleCase(value); } -} +} \ No newline at end of file diff --git a/src/Core/Components/DateTime/FluentCalendar.razor b/src/Core/Components/DateTime/FluentCalendar.razor index cdeb29734a..3f8b8806f7 100644 --- a/src/Core/Components/DateTime/FluentCalendar.razor +++ b/src/Core/Components/DateTime/FluentCalendar.razor @@ -43,7 +43,7 @@ @foreach (var weekDay in CalendarExtended.GetDayNames()) {
- @weekDay.Abbreviated[0] + @weekDay.Shorted
}