Grid.razor.cs

           
#region using statements

using DataJuggler.Blazor.Components.Interfaces;
using DataJuggler.Blazor.Components.Objects;
using DataJuggler.Blazor.Components.Util;
using DataJuggler.Cryptography;
using DataJuggler.Excelerate;
using DataJuggler.UltimateHelper;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
using System;
using System.Collections.Generic;
using System.Drawing;
using System.Threading.Tasks;
using System.Reflection;

#endregion

namespace DataJuggler.Blazor.Components
{

    #region class Grid
    /// <summary>
    /// This class represents a Grid to display and edit column values.
    /// </summary>
    public partial class Grid : ComponentBase, IBlazorComponent, IBlazorComponentParent
    {
        
        #region Private Variables
        private Color borderColor;
        private string borderStyle;
        private double borderWidth;
        private ButtonClickedHandler buttonClickHandler;
        private List<ImageButton> buttons;
        private string className;
        private string columnHeaderClassName;
        private Color columnHeaderColor;
        private double columnHeaderHeight;
        private string columnHeaderStyle;
        private string columnHeaderTextClassName;
        private List<Column> columns;
        private bool columnsBuilt;
        private string containerStyle;        
        private bool editMode;
        private Row editRow;
        private Guid editRowId;
        private bool enableClick;
        private bool enableDoubleClick;
        private int externalId;
        private string externalIdDescription;        
        private double fontSize;
        private string fontSizeUnit;
        private Color gridBackColor;
        private string gridBorderStyle;
        private RenderFragment<Grid> gridColumns;
        private List<GridColumn> gridColumnDefs;
        private string gridStyle;
        private string headerClassName;
        private Color headerColor;
        private double headerHeight;
        private string headerStyle;
        private string headerText;
        private double height;
        private string heightUnit;
        private double left;
        private string name;
        private bool notifyParentOnDoubleClick;
        private string overflowX;
        private string overflowY;
        private IBlazorComponentParent parent;
        private string position;        
        private string rowContent;
        private double rowContentHeight;
        private List<Row> rows;
        private string scrollStyle;
        private TextBoxComponent setFocusEditor;
        private bool showColumnHeaders;
        private bool showFilterRow;
        private bool showHeader;
        private bool stickyHeader;        
        private double top;
        private string unit;
        private bool visible;
        private string visibility;
        private double width;

        // New Scrollbar Support
        private double scrollBarRadius;
        private Color scrollBarThumbColor;
        private Color scrollBarThumbHoverColor;
        private Color scrollBarTrackBorderColor;
        private Color scrollBarTrackColor;
        private double scrollBarWidth;
        #endregion

        #region Constructor
        /// <summary>
        /// Create a new instance of a Grid object.
        /// </summary>
        public Grid()
        {
            // Perform initializations for this object
            Init();
        }
        #endregion

        #region Events

            #region Enter(KeyboardEventArgs e)
            /// <summary>
            /// event is fired when Enter
            /// </summary>
            public void Enter(KeyboardEventArgs e)
            {
                if (e.Code == "Enter" || e.Code == "NumpadEnter")
                {
                    // Exit
                    EditMode = false;

                    // if the value for HasEditRow is true
                    if (HasEditRow)
                    {
                        // Set to false
                        EditRow.EditMode = false;

                        // Reload the screen to exit read only mode
                        Refresh();
                    }
                }
            }
            #endregion

            #region OnAfterRenderAsync(bool firstRender)
            /// <summary>
            /// This method is used to verify a user
            /// </summary>
            /// <param name="firstRender"></param>
            /// <returns></returns>
            protected async override Task OnAfterRenderAsync(bool firstRender)
            {
                try
                {
                    // if the value for HasSetFocusEditor is true
                    if (HasSetFocusEditor)
                    {
                        // Set Focus
                        SetFocusEditor.SetFocus();
                    }
                }
                catch (Exception error)
                {
                    // Attempt to trap
                    DebugHelper.WriteDebugError("OnAfterRenderAsync", "Grid.razor.cs", error);
                }

                // call the base
                await base.OnAfterRenderAsync(firstRender);
            }
            #endregion

            #region OnClick(Row row, int columnNumber)
            /// <summary>
            /// On Double Click
            /// </summary>
            public void OnClick(Row row, int columnNumber)
            {
                // if the row exists
                if (NullHelper.Exists(row))
                {
                    // if NotifyParent is true
                    if (HasParent)
                    {
                        // Create a message
                        Message message = new Message();

                        // Set the parent
                        message.Text = "A row was clicked with Id " + row.ExternalId + " " + row.ExternalIdDescription;
                        message.Id = row.ExternalId;
                        message.Sender = this;

                        // Notify the parent
                        Parent.ReceiveData(message);
                    }
                }

                // Update the page in EditMode
                Refresh();
            }
            #endregion
            
            #region OnDoubleClick(Row row, int columnNumber)
            /// <summary>
            /// On Double Click
            /// </summary>
            public void OnDoubleClick(Row row, int columnNumber)
            {
                // if the row exists
                if (NullHelper.Exists(row))
                {
                    // if NotifyParent is true
                    if ((NotifyParentOnDoubleClick) && (HasParent))
                    {
                        // Create a message
                        Message message = new Message();

                        // Set the parent
                        message.Text = "A row was double clicked with Id " + row.ExternalId + " " + row.ExternalIdDescription;
                        message.Id = row.ExternalId;
                        message.Sender = this;

                        // Notify the parent
                        Parent.ReceiveData(message);
                    }
                    else
                    {
                        // Find the column
                        Column column = row.FindColumnByNumber(columnNumber);

                        // If the column object exists
                        if (NullHelper.Exists(column))
                        {
                            // Set the column to focus
                            column.SetFocusOnFirstRender = true;

                            // Set the column to EditMode
                            column.EditMode = true;
                        }

                        // Set the row into EditMode so the edit control is displayed.
                        // to do: Figure out the Edit Control.
                        row.EditMode = true;

                        // turn on EditMode
                        EditMode = true;
                    }
                }

                // Update the page in EditMode
                Refresh();
            }
            #endregion

        #endregion

        #region Methods
            
            #region ConvertGridColumnsToColumns()
            /// <summary>
            /// Converts the Grid Columns To Columns
            /// </summary>
            public void ConvertGridColumnsToColumns()
            {
                // locals
                Column column = null;
                int index = -1;

                // if the Columns exist
                if (HasGridColumnDefs)
                {
                    // Create the Columns object
                    Columns = new List<Column>();

                    // Iterate the collection of GridColumn objects
                    foreach (GridColumn gridColumn in GridColumnDefs)
                    {
                        // Increment the value for index
                        index++;

                        // Create a new instance of a 'column' object.
                        column = new Column();

                        // map properties
                        column.BorderWidth = gridColumn.BorderWidth;
                        column.ColumnName = gridColumn.Name;
                        column.ColumnNumber = gridColumn.ColumnNumber;
                        column.Caption = gridColumn.Caption;
                        column.ClassName = gridColumn.ClassName;
                        column.DataType = gridColumn.DataType;
                        column.FieldName = gridColumn.FieldName;
                        column.Format = gridColumn.Format;
                        column.Height = gridColumn.Height;
                        column.PrimaryKey = gridColumn.PrimaryKey;
                        column.Width = gridColumn.Width;
                        
                        // Set these values
                        column.Index = index;
                        column.ColumnNumber = index + 1;

                        // Column.Visible doesn’t exist — use Hidden instead
                        column.Hidden = !gridColumn.Visible;

                        // Add this column to the collection
                        Columns.Add(column);
                    }

                    // So this doesn't fire again
                    ColumnsBuilt = true;
                }
            }
            #endregion
            
            #region Init()
            /// <summary>
            ///  This method performs initializations for this object.
            /// </summary>
            public void Init()
            {
                // Units have to be first
                Unit = "px";
                HeightUnit = "px";

                // Create
                BorderColor = Color.Gray;
                BorderWidth = 1;
                BorderStyle = "solid";                
                Buttons = new List<ImageButton>();
                Columns = new List<Column>();
                ColumnHeaderColor = Color.SteelBlue;
                ColumnHeaderHeight = 32;
                ColumnHeaderTextClassName = "down6";
                FontSize = 12;
                FontSizeUnit="px";
                GridBackColor = Color.White;               
                GridColumnDefs = new List<GridColumn>();
                HeaderColor = Color.SteelBlue;
                HeaderHeight = 24;
                Height = 240;                
                Position = "relative";
                StickyHeader = true;                                
                Width = 400;
                OverflowX = "hidden";
                OverflowY = "auto";             
                Visible = true;
                
                // default values for the Grid.
                ScrollBarWidth = 10;
                ScrollBarTrackColor = Color.LightGray;
                ScrollBarThumbColor = Color.LightSteelBlue;
                ScrollBarThumbHoverColor = Color.DimGray;
                ScrollBarRadius = 6;
                ScrollBarTrackBorderColor = Color.DarkSlateBlue;
            }
            #endregion
            
            #region ReceiveData(Message message)
            /// <summary>
            /// method returns the Data
            /// </summary>
            public void ReceiveData(Message message)
            {
                // If the message object exists
                if (NullHelper.Exists(message))
                {
                    if ((message.Text == "EnterPressed") && (HasParent))
                    {
                        // Set the Sender
                        message.Sender = this;

                        // raise this up to the parent to Save
                        Parent.ReceiveData(message);
                    }
                    else if ((message.Text == "EscapePressed") && (HasParent))
                    {
                        // Set the Sender
                        SetFocusEditor = null;

                        // Exit edit mode
                        EditMode = false;

                        // if the EditRow exists
                        if (HasEditRow)
                        {
                            // Exit EditMode
                            EditRow.EditMode = false;

                            // Erase
                            EditRow = null;
                        }

                        // raise this up to the parent to Save
                        Parent.ReceiveData(message);

                        // Escape = exit editor mode
                        Refresh();
                    }
                    else if (message.HasParameters)
                    {
                        // iterate the parameters
                        foreach (NamedParameter parameter in message.Parameters)
                        {
                            // if this is the Rows collection
                            if (parameter.Name == "Rows")
                            {
                                // cast the value as a List of Row objects.
                                Rows = parameter.Value as List<Row>;
                            }

                            // if this is the Columns collection
                            if (parameter.Name == "Columns")
                            {
                                // cast the value as a List of Row objects.
                                Columns = parameter.Value as List<Column>;
                            }                           
                        }
                    }
                    
                    // Display the Data
                    Refresh();                    
                }
            }
            #endregion

            #region Refresh()
            /// <summary>
            /// method Refresh
            /// </summary>
            public void Refresh()
            {
                // Update the UI
                InvokeAsync(() =>
                {
                    StateHasChanged();
                });
            }
            #endregion

            #region RefreshAsync()
            /// <summary>
            /// Asynchronously refreshes the UI.
            /// </summary>
            public async Task RefreshAsync()
            {
                // Update the UI
                await InvokeAsync(StateHasChanged);
            }
            #endregion

            #region Register(IBlazorComponent component)
            /// <summary>
            /// This method is used to keep track of the current editors.
            /// When Save is called, these editors have to be removed.
            /// </summary>
            public void Register(IBlazorComponent component)
            {
                // If the component object exists
                if (NullHelper.Exists(component))
                {
                    if (component is TextBoxComponent)
                    {
                        // Test if this is a TextBoxComponent
                        TextBoxComponent TextBoxComponent = component as TextBoxComponent;

                        // if this is the control to set focus to
                        if ((NullHelper.Exists(TextBoxComponent)) && (TextBoxComponent.SetFocusOnFirstRender))
                        {
                            // Set the SetFocusEditor
                            SetFocusEditor = TextBoxComponent;
                        }
                    }
                    else if (component is ImageButton)
                    {
                        // cast the IBlazorComponent as an ImageButton
                        ImageButton button = component as ImageButton;

                        // Add this button
                        Buttons.Add(button);
                    }
                    else if (component is GridColumn tempGridColumn)
                    {
                        // if the Columns have not been Built
                        if (!ColumnsBuilt)
                        {
                            if (ListHelper.HasOneOrMoreItems(GridColumnDefs))
                            {
                                if (!GridColumnDefs.Contains(tempGridColumn))
                                {
                                    // Add this column
                                    GridColumnDefs.Add(tempGridColumn);
                                }
                            }
                            else
                            {
                                // Add this column
                                GridColumnDefs.Add(tempGridColumn);
                            }

                            // if this is the last column
                            if (tempGridColumn.LastColumn)
                            {
                                // Create the HeaderColumns from the GridColumns
                                ConvertGridColumnsToColumns();
                            }
                        }
                    }
                }
            }
            #endregion

            #region SetVisible(bool visible)
            /// <summary>
            /// returns the Visible
            /// </summary>
            public void SetVisible(bool visible)
            {
                // Set to Visible
                this.Visible = visible;

                // Update
                Refresh();
            }
            #endregion
            
        #endregion

        #region Properties

            #region BorderColor
            /// <summary>
            /// This property gets or sets the value for 'BorderColor'.
            /// </summary>
            [Parameter]
            public Color BorderColor
            {
                get { return borderColor; }
                set { borderColor = value; }
            }
            #endregion
            
            #region BorderStyle
            /// <summary>
            /// This property gets or sets the value for 'BorderStyle'.
            /// </summary>            
            public string BorderStyle
            {
                get { return borderStyle; }
                set { borderStyle = value; }
            }
            #endregion
            
            #region BorderWidth
            /// <summary>
            /// This property gets or sets the value for 'BorderWidth'.
            /// </summary>
            [Parameter]
            public double BorderWidth
            {
                get { return borderWidth; }
                set { borderWidth = value; }
            }
            #endregion
            
            #region BorderWidthStyle
            /// <summary>
            /// This read only property returns the value of BorderWidth + Unit
            /// </summary>
            public string BorderWidthStyle
            {

                get
                {
                    // initial value
                    string borderWidthStyle = borderWidth + Unit;
                    
                    // return value
                    return borderWidthStyle;
                }
            }
            #endregion

            #region Buttons
            /// <summary>
            /// This property gets or sets the value for 'Buttons'.
            /// </summary>
            public List<ImageButton> Buttons
            {
                get { return buttons; }
                set { buttons = value; }
            }
            #endregion
            
            #region ClassName
            /// <summary>
            /// This property gets or sets the value for 'ClassName'.
            /// </summary>
            [Parameter]
            public string ClassName
            {
                get { return className; }
                set { className = value; }
            }
            #endregion
            
            #region ButtonClickHandler
            /// <summary>
            /// This property gets or sets the value for 'ClickHandler'.
            /// </summary>
            public ButtonClickedHandler ButtonClickHandler
            {
                get { return buttonClickHandler; }
                set { buttonClickHandler = value; }
            }
            #endregion
            
            #region ColumnHeaderClassName
            /// <summary>
            /// This property gets or sets the value for 'ColumnHeaderClassName'.
            /// </summary>
            [Parameter]
            public string ColumnHeaderClassName
            {
                get { return columnHeaderClassName; }
                set { columnHeaderClassName = value; }
            }
            #endregion
            
            #region ColumnHeaderColor
            /// <summary>
            /// This property gets or sets the value for 'ColumnHeaderColor'.
            /// </summary>
            [Parameter]
            public Color ColumnHeaderColor
            {
                get { return columnHeaderColor; }
                set { columnHeaderColor = value; }
            }
            #endregion
            
            #region ColumnHeaderHeight
            /// <summary>
            /// This property gets or sets the value for 'ColumnHeaderHeight'.
            /// </summary>
            [Parameter]
            public double ColumnHeaderHeight
            {
                get { return columnHeaderHeight; }
                set { columnHeaderHeight = value; }
            }
            #endregion
            
            #region ColumnHeaderHeightStyle
            /// <summary>
            /// This read only property returns the value of ColumnHeaderHeight + HeightUnit
            /// </summary>
            public string ColumnHeaderHeightStyle
            {

                get
                {
                    // initial value
                    string columnHeaderHeightStyle = ColumnHeaderHeight + HeightUnit;

                    // return value
                    return columnHeaderHeightStyle;
                }
            }
            #endregion

            #region ColumnHeaderStyle
            /// <summary>
            /// This property gets or sets the value for 'ColumnHeaderStyle'.
            /// </summary>
            public string ColumnHeaderStyle
            {
                get { return columnHeaderStyle; }
                set { columnHeaderStyle = value; }
            }
            #endregion
            
            #region ColumnHeaderTextClassName
            /// <summary>
            /// This property gets or sets the value for 'ColumnHeaderTextClassName'.
            /// </summary>
            [Parameter]
            public string ColumnHeaderTextClassName
            {
                get { return columnHeaderTextClassName; }
                set { columnHeaderTextClassName = value; }
            }
            #endregion

            #region Columns
            /// <summary>
            /// This property gets or sets the value for 'Columns'.
            /// </summary>            
            public List<Column> Columns
            {
                get { return columns; }
                set { columns = value; }
            }
            #endregion
            
            #region ColumnsBuilt
            /// <summary>
            /// This property gets or sets the value for 'ColumnsBuilt'.
            /// </summary>
            public bool ColumnsBuilt
            {
                get { return columnsBuilt; }
                set { columnsBuilt = value; }
            }
            #endregion
            
            #region ContainerStyle
            /// <summary>
            /// This property gets or sets the value for 'ContainerStyle'.
            /// </summary>
            public string ContainerStyle
            {
                get { return containerStyle; }
                set { containerStyle = value; }
            }
            #endregion
           
            #region EditMode
            /// <summary>
            /// This property gets or sets the value for 'EditMode'.
            /// </summary>
            public bool EditMode
            {
                get { return editMode; }
                set { editMode = value; }
            }
            #endregion
            
            #region EditRow
            /// <summary>
            /// This property gets or sets the value for 'EditRow'.
            /// </summary>
            public Row EditRow
            {
                get { return editRow; }
                set { editRow = value; }
            }
            #endregion
            
            #region EditRowId
            /// <summary>
            /// This property gets or sets the value for 'EditRowId'.
            /// </summary>
            public Guid EditRowId
            {
                get { return editRowId; }
                set { editRowId = value; }
            }
            #endregion
            
            #region EnableClick
            /// <summary>
            /// This property gets or sets the value for 'EnableClick'.
            /// </summary>
            [Parameter]
            public bool EnableClick
            {
                get { return enableClick; }
                set { enableClick = value; }
            }
            #endregion
            
            #region EnableDoubleClick
            /// <summary>
            /// This property gets or sets the value for 'EnableDoubleClick'.
            /// </summary>
            [Parameter]
            public bool EnableDoubleClick
            {
                get { return enableDoubleClick; }
                set { enableDoubleClick = value; }
            }
            #endregion
            
            #region ExternalId
            /// <summary>
            /// This property gets or sets the value for 'ExternalId'.
            /// </summary>
            [Parameter]
            public int ExternalId
            {
                get { return externalId; }
                set { externalId = value; }
            }
            #endregion
            
            #region ExternalIdDescription
            /// <summary>
            /// This property gets or sets the value for 'ExternalIdDescription'.
            /// </summary>
            [Parameter]
            public string ExternalIdDescription
            {
                get { return externalIdDescription; }
                set { externalIdDescription = value; }
            }
            #endregion            
            
            #region FontSize
            /// <summary>
            /// This property gets or sets the value for 'FontSize'.
            /// </summary>
            [Parameter]
            public double FontSize
            {
                get { return fontSize; }
                set { fontSize = value; }
            }
            #endregion
            
            #region FontSizeStyle
            /// <summary>
            /// This property gets or sets the value for 'FontSizeStyle'.
            /// </summary>
            public string FontSizeStyle
            {
                get
                {
                    // set the return value
                    string fontSizeStyle = FontSize + FontSizeUnit;

                    // return value
                    return fontSizeStyle;
                }
            }
            #endregion
            
            #region FontSizeUnit
            /// <summary>
            /// This property gets or sets the value for 'FontSizeUnit'.
            /// </summary>
            [Parameter]
            public string FontSizeUnit
            {
                get { return fontSizeUnit; }
                set { fontSizeUnit = value; }
            }
            #endregion
            
            #region GridBackColor
            /// <summary>
            /// This property gets or sets the value for 'GridBackColor'.
            /// </summary>
            [Parameter]
            public Color GridBackColor
            {
                get { return gridBackColor; }
                set { gridBackColor = value; }
            }
            #endregion
            
            #region GridBorderStyle
            /// <summary>
            /// This property gets or sets the value for 'GridBorderStyle'.
            /// </summary>
            [Parameter]
            public string GridBorderStyle
            {
                get { return gridBorderStyle; }
                set { gridBorderStyle = value; }
            }
            #endregion
            
            #region GridColumnDefs
            /// <summary>
            /// This property gets or sets the value for 'GridColumnDefs'.
            /// </summary>            
            public List<GridColumn> GridColumnDefs
            {
                get { return gridColumnDefs; }
                set { gridColumnDefs = value; }
            }
            #endregion
                        
            #region GridColumns
            /// <summary>
            /// This property gets or sets the value for 'GridColumns'.
            /// </summary>
            [Parameter]
            public RenderFragment<Grid> GridColumns
            {
                get { return gridColumns; }
                set { gridColumns = value; }
            }
            #endregion
            
            #region GridStyle
            /// <summary>
            /// This property gets or sets the value for 'GridStyle'.
            /// </summary>
            public string GridStyle
            {
                get { return gridStyle; }
                set { gridStyle = value; }
            }
            #endregion
            
            #region HasButtons
            /// <summary>
            /// This property returns true if this object has a 'Buttons'.
            /// </summary>
            public bool HasButtons
            {
                get
                {
                    // initial value
                    bool hasButtons = (this.Buttons != null);
                    
                    // return value
                    return hasButtons;
                }
            }
            #endregion
            
            #region HasColumns
            /// <summary>
            /// This property returns true if this object has a 'Columns'.
            /// </summary>
            public bool HasColumns
            {
                get
                {
                    // initial value
                    bool hasColumns = (ListHelper.HasOneOrMoreItems(Columns));
                    
                    // return value
                    return hasColumns;
                }
            }
            #endregion
          
            #region HasEditRow
            /// <summary>
            /// This property returns true if this object has an 'EditRow'.
            /// </summary>
            public bool HasEditRow
            {
                get
                {
                    // initial value
                    bool hasEditRow = (this.EditRow != null);
                    
                    // return value
                    return hasEditRow;
                }
            }
            #endregion
            
            #region HasGridColumns
            /// <summary>
            /// This property returns true if this object has a 'GridColumns'.
            /// </summary>
            public bool HasGridColumnDefs
            {
                get
                {
                    // initial value
                    bool hasGridColumnDefs = (ListHelper.HasOneOrMoreItems(GridColumnDefs));

                    // return value
                    return hasGridColumnDefs;
                }
            }
            #endregion
            
            #region HasHeaderText
            /// <summary>
            /// This property returns true if the 'HeaderText' exists.
            /// </summary>
            public bool HasHeaderText
            {
                get
                {
                    // initial value
                    bool hasHeaderText = (!String.IsNullOrEmpty(this.HeaderText));
                    
                    // return value
                    return hasHeaderText;
                }
            }
            #endregion
            
            #region HasParent
            /// <summary>
            /// This property returns true if this object has a 'Parent'.
            /// </summary>
            public bool HasParent
            {
                get
                {
                    // initial value
                    bool hasParent = (this.Parent != null);
                    
                    // return value
                    return hasParent;
                }
            }
            #endregion

            #region HasPrimaryKey
            /// <summary>
            /// This property returns true if this object has a 'PrimaryKey'.
            /// </summary>
            public bool HasPrimaryKey
            {
                get
                {
                    // initial value
                    bool hasPrimaryKey = (PrimaryKey != null);

                    // return value
                    return hasPrimaryKey;
                }
            }
            #endregion
            
            #region HasRows
            /// <summary>
            /// This property returns true if this object has a 'Rows'.
            /// </summary>
            public bool HasRows
            {
                get
                {
                    // initial value
                    bool hasRows = (this.Rows != null);
                    
                    // return value
                    return hasRows;
                }
            }
            #endregion
            
            #region HasSetFocusEditor
            /// <summary>
            /// This property returns true if this object has a 'SetFocusEditor'.
            /// </summary>
            public bool HasSetFocusEditor
            {
                get
                {
                    // initial value
                    bool hasSetFocusEditor = (this.SetFocusEditor != null);
                    
                    // return value
                    return hasSetFocusEditor;
                }
            }
            #endregion
            
            #region HeaderClassName
            /// <summary>
            /// This property gets or sets the value for 'HeaderClassName'.
            /// </summary>
            [Parameter]
            public string HeaderClassName
            {
                get { return headerClassName; }
                set { headerClassName = value; }
            }
            #endregion
            
            #region HeaderColor
            /// <summary>
            /// This property gets or sets the value for 'HeaderColor'.
            /// </summary>
            [Parameter]
            public Color HeaderColor
            {
                get { return headerColor; }
                set { headerColor = value; }
            }
            #endregion
            
            #region HeaderHeight
            /// <summary>
            /// This property gets or sets the value for 'HeaderHeight'.
            /// </summary>
            [Parameter]
            public double HeaderHeight
            {
                get { return headerHeight; }
                set { headerHeight = value; }
            }
            #endregion
            
            #region HeaderHeightStyle
            /// <summary>
            /// This read only property returns the value of HeaderHeight + Unit
            /// </summary>
            public string HeaderHeightStyle
            {

                get
                {
                    // initial value
                    string headerHeightStyle = HeaderHeight + HeightUnit;

                    // return value
                    return headerHeightStyle;
                }
            }
            #endregion

            #region HeaderStyle
            /// <summary>
            /// This property gets or sets the value for 'HeaderStyle'.
            /// </summary>
            public string HeaderStyle
            {
                get { return headerStyle; }
                set { headerStyle = value; }
            }
            #endregion
            
            #region HeaderText
            /// <summary>
            /// This property gets or sets the value for 'HeaderText'.
            /// </summary>
            [Parameter]
            public string HeaderText
            {
                get { return headerText; }
                set { headerText = value; }
            }
            #endregion
            
            #region Height
            /// <summary>
            /// This property gets or sets the value for 'Height'.
            /// </summary>
            [Parameter]
            public double Height
            {
                get { return height; }
                set 
                {
                    height = value;

                    rowContentHeight = height - TotalHeaderHeight;
                }
            }
            #endregion

            #region HeightStyle
            /// <summary>
            /// This read only property returns the value of Height + Unit
            /// </summary>
            public string HeightStyle
            {
                
                get
                {
                    // initial value
                    string heightStyle = Height + HeightUnit;

                    // If the HeightUnit string exists
                    if (TextHelper.Exists(HeightUnit))
                    {
                        // Use the HeightUnit
                        heightStyle = Height + HeightUnit;
                    }
                    
                    // return value
                    return heightStyle;
                }
            }
            #endregion

            #region HeightUnit
            /// <summary>
            /// This property gets or sets the value for 'HeightUnit'.
            /// </summary>
            [Parameter]
            public string HeightUnit
            {
                get { return heightUnit; }
                set { heightUnit = value; }
            }
            #endregion
            
            #region Left
            /// <summary>
            /// This property gets or sets the value for 'Left'.
            /// </summary>
            [Parameter]
            public double Left
            {
                get { return left; }
                set { left = value; }
            }
            #endregion
            
            #region LeftStyle
            /// <summary>
            /// This property returns the value for 'LeftStyle'.
            /// </summary>
            public string LeftStyle
            {
                get
                {
                    // initial value
                    string leftStyle = Left + Unit;

                    // return value
                    return leftStyle;
                }
            }
            #endregion

            #region Name
            /// <summary>
            /// This property gets or sets the value for 'Name'.
            /// </summary>
            [Parameter]
            public string Name
            {
                get { return name; }
                set { name = value; }
            }
            #endregion
            
            #region NotifyParentOnDoubleClick
            /// <summary>
            /// This property gets or sets the value for 'NotifyParentOnDoubleClick'.
            /// </summary>
            [Parameter]
            public bool NotifyParentOnDoubleClick
            {
                get { return notifyParentOnDoubleClick; }
                set { notifyParentOnDoubleClick = value; }
            }
            #endregion
            
            #region OverflowX
            /// <summary>
            /// This property gets or sets the value for 'OverflowX'.
            /// </summary>
            [Parameter]
            public string OverflowX
            {
                get { return overflowX; }
                set { overflowX = value; }
            }
            #endregion
            
            #region OverflowY
            /// <summary>
            /// This property gets or sets the value for 'OverflowY'.
            /// </summary>
            [Parameter]
            public string OverflowY
            {
                get { return overflowY; }
                set { overflowY = value; }
            }
            #endregion
            
            #region Parent
            /// <summary>
            /// This property gets or sets the value for 'Parent'.
            /// You should set the Name property before this method.
            /// </summary>
            [Parameter]
            public IBlazorComponentParent Parent
            {
                get { return parent; }
                set 
                {
                    // set the value
                    parent = value;

                    // if the value for HasParent is true
                    if (HasParent)
                    {
                        // Register with the parent
                        Parent.Register(this);
                    }
                }
            }
            #endregion
            
            #region Position
            /// <summary>
            /// This property gets or sets the value for 'Position'.
            /// </summary>
            [Parameter]
            public string Position
            {
                get { return position; }
                set { position = value; }
            }
            #endregion
            
            #region PrimaryKey
            /// <summary>
            /// This read only property returns the value of PrimaryKey from the object Columns.
            /// </summary>
            public Column PrimaryKey
            {

                get
                {
                    // initial value
                    Column primaryKey = null;

                    // if Columns exists
                    if (HasColumns)
                    {
                        // set the return value
                        primaryKey = Columns.Find(x => x.PrimaryKey);
                    }

                    // return value
                    return primaryKey;
                }
            }
            #endregion

            #region RowContent
            /// <summary>
            /// This property gets or sets the value for 'RowContent'.
            /// </summary>
            public string RowContent
            {
                get { return rowContent; }
                set { rowContent = value; }
            }
            #endregion
            
            #region RowContentHeight
            /// <summary>
            /// This property gets or sets the value for 'RowContentHeight'.
            /// </summary>
            [Parameter]
            public double RowContentHeight
            {
                get { return rowContentHeight; }
                set { rowContentHeight = value; }
            }
            #endregion
            
            #region RowContentHeightStyle
            /// <summary>
            /// This read only property returns the value of RowContentHeight + HeightUnit
            /// </summary>
            public string RowContentHeightStyle
            {

                get
                {
                    // initial value
                    string rowContentHeightStyle = RowContentHeight + HeightUnit;

                    // return value
                    return rowContentHeightStyle;
                }
            }
            #endregion

            #region Rows
            /// <summary>
            /// This property gets or sets the value for 'Rows'.
            /// </summary>
            public List<Row> Rows
            {
                get { return rows; }
                set { rows = value; }
            }
            #endregion
            
            #region ScrollBarRadiusStyle
            /// <summary>
            /// This read only property returns the value of ScrollBarRadiius + Unit
            /// </summary>
            public string ScrollBarRadiusStyle
            {

                get
                {
                    // initial value
                    string scrollBarRadiiusStyle = ScrollBarRadius + Unit;
                    

                    // return value
                    return scrollBarRadiiusStyle;
                }
            }
            #endregion

            #region ScrollBarRadius
            /// <summary>
            /// This property gets or sets the value for 'ScrollBarRadiusStyle'.
            /// </summary>
            [Parameter]
            public double ScrollBarRadius
            {
                get { return scrollBarRadius; }
                set { scrollBarRadius = value; }
            }
            #endregion
            
            #region ScrollBarThumbColor
            /// <summary>
            /// This property gets or sets the value for 'ScrollBarThumbColor'.
            /// </summary>
            [Parameter]
            public Color ScrollBarThumbColor
            {
                get { return scrollBarThumbColor; }
                set { scrollBarThumbColor = value; }
            }
            #endregion
            
            #region ScrollBarThumbHoverColor
            /// <summary>
            /// This property gets or sets the value for 'ScrollBarThumbHoverColor'.
            /// </summary>            
            [Parameter]
            public Color ScrollBarThumbHoverColor
            {
                get { return scrollBarThumbHoverColor; }
                set { scrollBarThumbHoverColor = value; }
            }
            #endregion
            
            #region ScrollBarTrackBorderColor
            /// <summary>
            /// This property gets or sets the value for 'ScrollBarTrackBorderColor'.
            /// </summary>
            [Parameter]
            public Color ScrollBarTrackBorderColor
            {
                get { return scrollBarTrackBorderColor; }
                set { scrollBarTrackBorderColor = value; }
            }
            #endregion
            
            #region ScrollBarTrackColor
            /// <summary>
            /// This property gets or sets the value for 'ScrollBarTrackColor'.
            /// </summary>
            [Parameter]
            public Color ScrollBarTrackColor
            {
                get { return scrollBarTrackColor; }
                set { scrollBarTrackColor = value; }
            }
            #endregion
            
            #region ScrollBarWidth
            /// <summary>
            /// This property gets or sets the value for 'ScrollBarWidth'.
            /// </summary>
            [Parameter]
            public double ScrollBarWidth
            {
                get { return scrollBarWidth; }
                set { scrollBarWidth = value; }
            }
            #endregion
            
            #region ScrollBarWidthStyle
            /// <summary>
            /// This read only property returns the value of ScrollBarWidth + Unit
            /// </summary>
            public string ScrollBarWidthStyle
            {

                get
                {
                    // initial value
                    string scrollBarWidthStyle = ScrollBarWidth + Unit;
                    
                    // return value
                    return scrollBarWidthStyle;
                }
            }
            #endregion

            #region ScrollStyle
            /// <summary>
            /// This property gets or sets the value for 'ScrollStyle'.
            /// </summary>
            public string ScrollStyle
            {
                get { return scrollStyle; }
                set { scrollStyle = value; }
            }
            #endregion
            
            #region SetFocusEditor
            /// <summary>
            /// This property gets or sets the value for 'SetFocusEditor'.
            /// </summary>
            public TextBoxComponent SetFocusEditor
            {
                get { return setFocusEditor; }
                set { setFocusEditor = value; }
            }
            #endregion
            
            #region ShowColumnHeaders
            /// <summary>
            /// This property gets or sets the value for 'ShowColumnHeaders'.
            /// </summary>
            [Parameter]
            public bool ShowColumnHeaders
            {
                get { return showColumnHeaders; }
                set { showColumnHeaders = value; }
            }
            #endregion
            
            #region ShowFilterRow
            /// <summary>
            /// This property gets or sets the value for 'ShowFilterRow'.
            /// </summary>
            [Parameter]
            public bool ShowFilterRow
            {
                get { return showFilterRow; }
                set { showFilterRow = value; }
            }
            #endregion
            
            #region ShowHeader
            /// <summary>
            /// This property gets or sets the value for 'ShowHeader'.
            /// </summary>
            [Parameter]
            public bool ShowHeader
            {
                get { return showHeader; }
                set { showHeader = value; }
            }        
            #endregion

            #region StickyHeader
            /// <summary>
            /// This property gets or sets the value for 'StickyHeader'.
            /// </summary>
            [Parameter]
            public bool StickyHeader
            {
                get { return stickyHeader; }
                set { stickyHeader = value; }
            }
            #endregion
            
            #region Top
            /// <summary>
            /// This property gets or sets the value for 'Top'.
            /// </summary>
            [Parameter]
            public double Top
            {
                get { return top; }
                set { top = value; }
            }
            #endregion
            
            #region TopStyle
            /// <summary>
            /// This property returns the value for 'TopStyle'.
            /// </summary>
            public string TopStyle
            {
                get
                {
                    // initial value
                    string topStyle = Top + HeightUnit;

                    // Set the value
                    return topStyle;
                }
            }
            #endregion

            #region TotalHeaderHeight
            /// <summary>
            /// This read only property returns the value of ColumnHeaderHeight + HeaderHeight
            /// </summary>
            public double TotalHeaderHeight
            {

                get
                {
                    // initial value
                    double totalHeaderHeight = 0;
                    
                    // if the ColumnHeaders are shown
                    if (ShowHeader)
                    {
                        // Add the HeaderHeight
                        totalHeaderHeight += HeaderHeight;
                    }

                    // if the ColumnHeaders are shown
                    if (ShowColumnHeaders)
                    {
                        // Add the ColumnHeaderHeight
                        totalHeaderHeight += ColumnHeaderHeight;
                    }

                    // return value
                    return totalHeaderHeight;
                }
            }
            #endregion

            #region TotalHeaderHeightStyle
            /// <summary>
            /// This read only property returns the value of TotalHeaderHeight + HeightUnit
            /// </summary>
            public string TotalHeaderHeightStyle
            {

                get
                {
                    // initial value
                    string totalHeaderHeightStyle = TotalHeaderHeight + HeightUnit;

                    // return value
                    return totalHeaderHeightStyle;
                }
            }
            #endregion

            #region Unit
            /// <summary>
            /// This property gets or sets the value for 'Unit'.
            /// </summary>
            [Parameter]
            public string Unit
            {
                get { return unit; }
                set { unit = value; }
            }
            #endregion
            
            #region Visible
            /// <summary>
            /// This property gets or sets the value for 'Visible'.
            /// </summary>
            [Parameter]
            public bool Visible
            {
                get { return visible; }
                set 
                {
                    // set the value
                    visible = value;

                    // if the value for visible is true
                    if (visible)
                    {
                        Visibility = "visible";
                    }
                    else
                    {
                        Visibility = "hidden";
                    }
                }
            }
            #endregion
            
            #region Visibility
            /// <summary>
            /// This property gets or sets the value for 'Visibility'.
            /// </summary>
            public string Visibility
            {
                get { return visibility; }
                set { visibility = value; }
            }
            #endregion
            
            #region Width
            /// <summary>
            /// This property gets or sets the value for 'Width'.
            /// </summary>
            [Parameter]
            public double Width
            {
                get { return width; }
                set { width = value; }
            }
            #endregion

            #region WidthStyle
            /// <summary>
            /// This read only property returns the value of WidthStyle
            /// </summary>
            public string WidthStyle
            {  
                get
                {
                    // initial value
                    string widthStyle = Width + Unit;
                    
                    // return value
                    return widthStyle;
                }
            }
            #endregion
            
        #endregion

    }
    #endregion

}