Add Class Parameters, Parent Containment, and Updated Touch Controls

[BSchafer01]

Class Parameters

• Added LeftClassString, RightClassString, TopClassString, BottomClassString, SliderClassString, and OverrideSliderStyle parameters to the vertical panel and horizontal panel components.
  • Moved the slider's background-color and cursor styles to a defaultSlider class in the isolated CSS of the horizontal and vertical panel components
  • To change the background and cursor parameters of the slider, the user needs to set OverrideSliderStyle to true and then the user can define the background and cursor to what they would like
• Added ClassString parameter to the absolute panel component

Parent Containment

• Stemming from issue I do not want the Slider to be Absolute, but to inherit it's position from the div that owns it #2 I've updated the logic within the resize commands
  • Added a ParentContained parameter to the absolute panel. The user must set this to true if they want the panel controls to be contained to it's parent div.
  • If this is set the javascript will look for the base absolute panel div which now has a new class AbsolutePanel, once it finds this it will get the calculated values of its parent element
  • Instead of passing the window's inner width and inner height it will pass in the parent's calculated width and height

Updated Touch Controls

• While working through the logic for containing the panel controls, I noticed an uncaught exception error in the console for touch events on the slider.
  • The touch even was passing a float value instead of an int like the mouse events and was resulting in a json parsing error
  • I wrapped the touch events in a parseInt() function to get the int value to pass along and alleviate the uncaught exception

Added Sample Views and Test Cases

• Added a sample view for custom classes and a sample view for parent contained panels in the Blazor Server and Blazor WASM projects
• Added a test for each new view in the WASM project and updated the tests to match the new output

Let me know if there's anything you would like to see differently.

[BSchafer01]

I just added functionality to allow users to define their width/height units (either percent, px, or rem). If the user specifies percent they will define the initial percentage in the "TopPanelHeight" or "LeftPanelStartingWidth" parameters.

[LBost]

Any chance this gets pulled into the master?

[carlfranklin]

Sorry! I completely missed this. I'll check it out today.

…

On Wed, Feb 9, 2022 at 1:37 PM Leon Bost ***@***.***> wrote: Any chance this gets pulled into the master? — Reply to this email directly, view it on GitHub <#8 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AALK4DFVJVMN4XPQKLVBIFTU2JUZTANCNFSM47M4NLLQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[Yomodo]

@carlfranklin This PR seems really valuable on top of your great work. Please merge.