Skip to main contentAzure DevOps
infsoft-dev
/
WPE Libraries
/
Repos
/
Commits
/
Sign in to your account
Sign in
WPE Libraries
Overview
ReposFilesCommitsBranchesTagsPull requests
Pipelines
add number picker
Browse Files
4b10c0fd
Simon Liebers
committed Nov 21, 2023
main
succeeded
Files
Details
16 changed files
WPE.App.Shared.BaseComponents
Pages
ActionElement/NumberPicker
NumberPicker.razor
+
NumberPicker.razor.css
+
NumberSlider.razor
+
NumberSlider.razor.css
+
Text
Text_Base.cs
+
Text_Bold.razor
Text_Bold.razor.css
Text_Display.razor
Text_Display.razor.css
Text_ExtraBold.razor
Text_ExtraBold.razor.css
Text_Regular.razor
Text_Regular.razor.css
Text_Uppercase.razor
Text_Uppercase.razor.css
WPE.App.Shared.BaseComponents.csproj
NumberPicker.razor
/WPE.App.Shared.BaseComponents/Pages/ActionElement/NumberPicker/NumberPicker.razor+105
/WPE.App.Shared.BaseComponents/Pages/ActionElement/NumberPicker/NumberPicker.razor
View
Add comment 1 Plus  @using Infsoft.WPE.App.Shared.BaseComponents.Models.Text;
Add comment 2 Plus  @using Infsoft.WPE.App.Shared.BaseComponents.Pages.Text
Add comment 3 Plus  
Add comment 4 Plus  @{
Add comment 5 Plus   string valueString = Active ? Value.ToString() : "-";
Add comment 6 Plus  
Add comment 7 Plus   string wrapperClass = "row-wrapper";
Add comment 8 Plus   wrapperClass += Active ? " active" : " inactive";
Add comment 9 Plus  }
Add comment 10 Plus  
Add comment 11 Plus  @* Figma Component: actionelement/numberpicker *@
Add comment 12 Plus  <div class="@wrapperClass">
Add comment 13 Plus   <div class="slider-outer-wrapper">
Add comment 14 Plus   <div class="slider-wrapper">
Add comment 15 Plus   <div class="indicator-wrapper">
Add comment 16 Plus   @if (DisplayUnits.Count == 0)
Add comment 17 Plus   {
Add comment 18 Plus   for (int i = Min; i <= Max; i += DisplayStep)
Add comment 19 Plus   {
Add comment 20 Plus   <div class="line"></div>
Add comment 21 Plus   }
Add comment 22 Plus   }
Add comment 23 Plus   else
Add comment 24 Plus   {
Add comment 25 Plus   foreach (var unit in DisplayUnits)
Add comment 26 Plus   {
Add comment 27 Plus   <div class="line"></div>
Add comment 28 Plus   }
Add comment 29 Plus   }
Add comment 30 Plus   </div>
Add comment 31 Plus   <input disabled="@(!Active)" value="@Value" @oninput="OnInput" type="range" min="@Min" max="@Max" step="@Step" class="slider" id="myRange">
Add comment 32 Plus   </div>
Add comment 33 Plus   <div class="indicator-wrapper">
Add comment 34 Plus   @if (DisplayUnits.Count == 0)
Add comment 35 Plus   {
Add comment 36 Plus   for (int i = Min; i <= Max; i += DisplayStep)
Add comment 37 Plus   {
Add comment 38 Plus   int k = i;
Add comment 39 Plus   <div>
Add comment 40 Plus   <span class="inner">
Add comment 41 Plus   <Text_Bold Type="TextType.TextXS">@k</Text_Bold>
Add comment 42 Plus   </span>
Add comment 43 Plus   </div>
Add comment 44 Plus   }
Add comment 45 Plus   }
Add comment 46 Plus   else
Add comment 47 Plus   {
Add comment 48 Plus   foreach (var unit in DisplayUnits)
Add comment 49 Plus   {
Add comment 50 Plus   <div>
Add comment 51 Plus   <span class="inner">
Add comment 52 Plus   <Text_Bold Type="TextType.TextXS">@unit</Text_Bold>
Add comment 53 Plus   </span>
Add comment 54 Plus   </div>
Add comment 55 Plus   }
Add comment 56 Plus   }
Add comment 57 Plus   </div>
Add comment 58 Plus   </div>
Add comment 59 Plus   <div class="value-wrapper">
Add comment 60 Plus   <Text_Regular Type="TextType.TextL">@valueString</Text_Regular>
Add comment 61 Plus   </div>
Add comment 62 Plus  </div>
Add comment 63 Plus  
Add comment 64 Plus  @code {
Add comment 65 Plus   [Parameter]
Add comment 66 Plus   public int Step { get; set; } = 1;
Add comment 67 Plus  
Add comment 68 Plus   [Parameter]
Add comment 69 Plus   public int DisplayStep { get; set; } = 15;
Add comment 70 Plus  
Add comment 71 Plus   [Parameter]
Add comment 72 Plus   public int Min { get; set; } = 15;
Add comment 73 Plus  
Add comment 74 Plus   [Parameter]
Add comment 75 Plus   public int Max { get; set; } = 90;
Add comment 76 Plus  
Add comment 77 Plus   [Parameter]
Add comment 78 Plus   public List<String> DisplayUnits { get; set; } = new();
Add comment 79 Plus  
Add comment 80 Plus   [Parameter]
Add comment 81 Plus   public EventCallback<int> ValueChanged { get; set; }
Add comment 82 Plus  
Add comment 83 Plus   [Parameter]
Add comment 84 Plus   public int Value { get; set; } = 0;
Add comment 85 Plus  
Add comment 86 Plus   [Parameter]
Add comment 87 Plus   public bool Active { get; set; } = true;
Add comment 88 Plus  
Add comment 89 Plus   protected override void OnAfterRender(bool firstRender)
Add comment 90 Plus   {
Add comment 91 Plus   base.OnAfterRender(firstRender);
Add comment 92 Plus  
Add comment 93 Plus   if (firstRender)
Add comment 94 Plus   {
Add comment 95 Plus   Value = Min;
Add comment 96 Plus   }
Add comment 97 Plus   }
Add comment 98 Plus  
Add comment 99 Plus   void OnInput(ChangeEventArgs e)
Add comment 100 Plus   {
Add comment 101 Plus   Value = int.Parse(e.Value.ToString());
Add comment 102 Plus   _ = ValueChanged.InvokeAsync(Value);
Add comment 103 Plus   }
Add comment 104 Plus  }
Add comment 105 Plus  
NumberPicker.razor.css
/WPE.App.Shared.BaseComponents/Pages/ActionElement/NumberPicker/NumberPicker.razor.css+165
/WPE.App.Shared.BaseComponents/Pages/ActionElement/NumberPicker/NumberPicker.razor.css
View
Add comment 1 Plus  .row-wrapper {
Add comment 2 Plus   position: relative;
Add comment 3 Plus   width: 100%;
Add comment 4 Plus   display: flex;
Add comment 5 Plus   gap: 28px;
Add comment 6 Plus   padding: 12px;
Add comment 7 Plus   border-radius: 4px;
Add comment 8 Plus   border: 1px solid #EEE;
Add comment 9 Plus   background: #FFF;
Add comment 10 Plus  }
Add comment 11 Plus  
Add comment 12 Plus   .row-wrapper .value-wrapper {
Add comment 13 Plus   position: relative;
Add comment 14 Plus   flex-shrink: 0;
Add comment 15 Plus   height: 44px;
Add comment 16 Plus   width: 51px;
Add comment 17 Plus   display: grid;
Add comment 18 Plus   place-items: center;
Add comment 19 Plus   border-radius: 4px;
Add comment 20 Plus   border: 1px solid #DDD;
Add comment 21 Plus   background: #FFF;
Add comment 22 Plus   color: #4C4C4C;
Add comment 23 Plus   }
Add comment 24 Plus  
Add comment 25 Plus  .slider-outer-wrapper {
Add comment 26 Plus   position: relative;
Add comment 27 Plus   width: 100%;
Add comment 28 Plus   display: flex;
Add comment 29 Plus   flex-direction: column;
Add comment 30 Plus   justify-content: center;
Add comment 31 Plus   gap: 14px;
Add comment 32 Plus  }
Add comment 33 Plus  
Add comment 34 Plus  .slider-wrapper {
Add comment 35 Plus   position: relative;
Add comment 36 Plus   width: 100%;
Add comment 37 Plus   display: flex;
Add comment 38 Plus   margin-top: 8px;
Add comment 39 Plus  }
Add comment 40 Plus  
Add comment 41 Plus   .slider-wrapper::before {
Add comment 42 Plus   position: absolute;
Add comment 43 Plus   left: 0;
Add comment 44 Plus   right: 0;
Add comment 45 Plus   top: 0;
Add comment 46 Plus   bottom: 0;
Add comment 47 Plus   margin: auto 0;
Add comment 48 Plus   height: 4px;
Add comment 49 Plus   border-radius: 4px;
Add comment 50 Plus   background-color: #BBBBBB;
Add comment 51 Plus   content: '';
Add comment 52 Plus   }
Add comment 53 Plus  
Add comment 54 Plus   .slider-wrapper .indicator-wrapper {
Add comment 55 Plus   position: absolute;
Add comment 56 Plus   left: 0;
Add comment 57 Plus   right: 0;
Add comment 58 Plus   height: 12px;
Add comment 59 Plus   pointer-events: none;
Add comment 60 Plus   display: flex;
Add comment 61 Plus   justify-content: space-between;
Add comment 62 Plus   top: -4px;
Add comment 63 Plus   }
Add comment 64 Plus  
Add comment 65 Plus   .slider-wrapper .indicator-wrapper .line {
Add comment 66 Plus   position: relative;
Add comment 67 Plus   width: 14px;
Add comment 68 Plus   height: 12px;
Add comment 69 Plus   display: flex;
Add comment 70 Plus   justify-content: center;
Add comment 71 Plus   }
Add comment 72 Plus  
Add comment 73 Plus   .slider-wrapper .indicator-wrapper .line:first-child {
Add comment 74 Plus   margin-left: 3.5px;
Add comment 75 Plus   }
Add comment 76 Plus  
Add comment 77 Plus   .slider-wrapper .indicator-wrapper .line:last-child {
Add comment 78 Plus   margin-right: 3.5px;
Add comment 79 Plus   }
Add comment 80 Plus  
Add comment 81 Plus   .slider-wrapper .indicator-wrapper .line::after {
Add comment 82 Plus   position: relative;
Add comment 83 Plus   display: block;
Add comment 84 Plus   height: 100%;
Add comment 85 Plus   width: 1px;
Add comment 86 Plus   border-radius: 4px;
Add comment 87 Plus   background-color: #BBBBBB;
Add comment 88 Plus   content: '';
Add comment 89 Plus   }
Add comment 90 Plus  
Add comment 91 Plus  .slider-outer-wrapper > .indicator-wrapper {
Add comment 92 Plus   position: relative;
Add comment 93 Plus   display: flex;
Add comment 94 Plus   justify-content: space-between;
Add comment 95 Plus  }
Add comment 96 Plus  
Add comment 97 Plus   .slider-outer-wrapper > .indicator-wrapper > div {
Add comment 98 Plus   position: relative;
Add comment 99 Plus   height: 15px;
Add comment 100 Plus   width: 14px;
Add comment 101 Plus   }
Add comment 102 Plus  
Add comment 103 Plus   .slider-outer-wrapper > .indicator-wrapper > div:first-child {
Add comment 104 Plus   margin-left: 3.5px;
Add comment 105 Plus   }
Add comment 106 Plus  
Add comment 107 Plus   .slider-outer-wrapper > .indicator-wrapper > div:last-child {
Add comment 108 Plus   margin-right: 3.5px;
Add comment 109 Plus   }
Add comment 110 Plus  
Add comment 111 Plus   .slider-outer-wrapper > .indicator-wrapper > div > .inner {
Add comment 112 Plus   position: absolute;
Add comment 113 Plus   left: 50%;
Add comment 114 Plus   transform: translateX(-50%);
Add comment 115 Plus   color: #4C4C4C;
Add comment 116 Plus   text-align: center;
Add comment 117 Plus   white-space: nowrap;
Add comment 118 Plus   }
Add comment 119 Plus  
Add comment 120 Plus  .slider {
Add comment 121 Plus   position: relative;
Add comment 122 Plus   width: 100%;
Add comment 123 Plus   -webkit-appearance: none;
Add comment 124 Plus   height: 4px;
Add comment 125 Plus   border-radius: 5px;
Add comment 126 Plus   background: transparent;
Add comment 127 Plus   outline: none;
Add comment 128 Plus   opacity: 1;
Add comment 129 Plus   -webkit-transition: .2s;
Add comment 130 Plus   transition: opacity .2s;
Add comment 131 Plus   --thumb-color: var(--primaryWcag);
Add comment 132 Plus  }
Add comment 133 Plus  
Add comment 134 Plus   .slider::-webkit-slider-thumb {
Add comment 135 Plus   -webkit-appearance: none;
Add comment 136 Plus   appearance: none;
Add comment 137 Plus   width: 21px;
Add comment 138 Plus   height: 21px;
Add comment 139 Plus   border: 3px solid var(--thumb-color);
Add comment 140 Plus   background: radial-gradient(circle, #EFEFEF 0%, #FFFFFF 100%);
Add comment 141 Plus   border-radius: 50%;
Add comment 142 Plus   cursor: pointer;
Add comment 143 Plus   }
Add comment 144 Plus  
Add comment 145 Plus   .slider::-moz-range-thumb {
Add comment 146 Plus   width: 21px;
Add comment 147 Plus   height: 21px;
Add comment 148 Plus   border: 3px solid var(--thumb-color);
Add comment 149 Plus   background: radial-gradient(circle, #EFEFEF 0%, #FFFFFF 100%);
Add comment 150 Plus   border-radius: 50%;
Add comment 151 Plus   cursor: pointer;
Add comment 152 Plus   }
Add comment 153 Plus  
Add comment 154 Plus  .row-wrapper.inactive .slider {
Add comment 155 Plus   --thumb-color: #9A9A9A;
Add comment 156 Plus  }
Add comment 157 Plus  
Add comment 158 Plus  .row-wrapper.inactive .slider-outer-wrapper > .indicator-wrapper {
Add comment 159 Plus   opacity: 0.35;
Add comment 160 Plus  }
Add comment 161 Plus  
Add comment 162 Plus  .row-wrapper.inactive .value-wrapper {
Add comment 163 Plus   color: #BBB;
Add comment 164 Plus  }
Add comment 165 Plus  
NumberSlider.razor
/WPE.App.Shared.BaseComponents/Pages/ActionElement/NumberPicker/NumberSlider.razor+52
/WPE.App.Shared.BaseComponents/Pages/ActionElement/NumberPicker/NumberSlider.razor
View
Add comment 1 Plus  @using Infsoft.WPE.App.Shared.BaseComponents.Models.Text;
Add comment 2 Plus  @using Infsoft.WPE.App.Shared.BaseComponents.Pages.Text
Add comment 3 Plus  
Add comment 4 Plus  @* Figma Component: actionelement/numberpicker -> Slider only *@
Add comment 5 Plus  <div class="slider-outer-wrapper">
Add comment 6 Plus   <div class="slider-wrapper">
Add comment 7 Plus   <div class="indicator-wrapper">
Add comment 8 Plus   @for (int i = Min; i <= Max; i += DisplayStep)
Add comment 9 Plus   {
Add comment 10 Plus   <div class="line"></div>
Add comment 11 Plus   }
Add comment 12 Plus   </div>
Add comment 13 Plus   <input value="@Value" @oninput="OnInput" type="range" min="@Min" max="@Max" step="@Step" class="slider" id="myRange">
Add comment 14 Plus   </div>
Add comment 15 Plus  </div>
Add comment 16 Plus  
Add comment 17 Plus  @code {
Add comment 18 Plus   [Parameter]
Add comment 19 Plus   public int Step { get; set; } = 1;
Add comment 20 Plus  
Add comment 21 Plus   [Parameter]
Add comment 22 Plus   public int DisplayStep { get; set; } = 15;
Add comment 23 Plus  
Add comment 24 Plus   [Parameter]
Add comment 25 Plus   public int Min { get; set; } = 15;
Add comment 26 Plus  
Add comment 27 Plus   [Parameter]
Add comment 28 Plus   public int Max { get; set; } = 90;
Add comment 29 Plus  
Add comment 30 Plus   [Parameter]
Add comment 31 Plus   public EventCallback<int> ValueChanged { get; set; }
Add comment 32 Plus  
Add comment 33 Plus   [Parameter]
Add comment 34 Plus   public int Value { get; set; } = 0;
Add comment 35 Plus  
Add comment 36 Plus   protected override void OnAfterRender(bool firstRender)
Add comment 37 Plus   {
Add comment 38 Plus   base.OnAfterRender(firstRender);
Add comment 39 Plus  
Add comment 40 Plus   if (firstRender)
Add comment 41 Plus   {
Add comment 42 Plus   Value = Min;
Add comment 43 Plus   }
Add comment 44 Plus   }
Add comment 45 Plus  
Add comment 46 Plus   void OnInput(ChangeEventArgs e)
Add comment 47 Plus   {
Add comment 48 Plus   Value = int.Parse(e.Value.ToString());
Add comment 49 Plus   _ = ValueChanged.InvokeAsync(Value);
Add comment 50 Plus   }
Add comment 51 Plus  }
Add comment 52 Plus  
NumberSlider.razor.css
/WPE.App.Shared.BaseComponents/Pages/ActionElement/NumberPicker/NumberSlider.razor.css+100
/WPE.App.Shared.BaseComponents/Pages/ActionElement/NumberPicker/NumberSlider.razor.css
View
Add comment 1 Plus  .slider-outer-wrapper {
Add comment 2 Plus   position: relative;
Add comment 3 Plus   width: 100%;
Add comment 4 Plus   display: flex;
Add comment 5 Plus   flex-direction: column;
Add comment 6 Plus   justify-content: center;
Add comment 7 Plus   gap: 14px;
Add comment 8 Plus  }
Add comment 9 Plus  
Add comment 10 Plus  .slider-wrapper {
Add comment 11 Plus   position: relative;
Add comment 12 Plus   width: 100%;
Add comment 13 Plus   display: flex;
Add comment 14 Plus   margin-top: 8px;
Add comment 15 Plus  }
Add comment 16 Plus  
Add comment 17 Plus   .slider-wrapper::before {
Add comment 18 Plus   position: absolute;
Add comment 19 Plus   left: 0;
Add comment 20 Plus   right: 0;
Add comment 21 Plus   top: 0;
Add comment 22 Plus   bottom: 0;
Add comment 23 Plus   margin: auto 0;
Add comment 24 Plus   height: 4px;
Add comment 25 Plus   border-radius: 4px;
Add comment 26 Plus   background-color: #FFF;
Add comment 27 Plus   content: '';
Add comment 28 Plus   }
Add comment 29 Plus  
Add comment 30 Plus   .slider-wrapper .indicator-wrapper {
Add comment 31 Plus   position: absolute;
Add comment 32 Plus   left: 0;
Add comment 33 Plus   right: 0;
Add comment 34 Plus   height: 12px;
Add comment 35 Plus   pointer-events: none;
Add comment 36 Plus   display: flex;
Add comment 37 Plus   justify-content: space-between;
Add comment 38 Plus   top: -4px;
Add comment 39 Plus   }
Add comment 40 Plus  
Add comment 41 Plus   .slider-wrapper .indicator-wrapper .line {
Add comment 42 Plus   position: relative;
Add comment 43 Plus   width: 14px;
Add comment 44 Plus   height: 12px;
Add comment 45 Plus   display: flex;
Add comment 46 Plus   justify-content: center;
Add comment 47 Plus   }
Add comment 48 Plus  
Add comment 49 Plus   .slider-wrapper .indicator-wrapper .line:first-child {
Add comment 50 Plus   margin-left: 3.5px;
Add comment 51 Plus   }
Add comment 52 Plus  
Add comment 53 Plus   .slider-wrapper .indicator-wrapper .line:last-child {
Add comment 54 Plus   margin-right: 3.5px;
Add comment 55 Plus   }
Add comment 56 Plus  
Add comment 57 Plus   .slider-wrapper .indicator-wrapper .line::after {
Add comment 58 Plus   position: relative;
Add comment 59 Plus   display: block;
Add comment 60 Plus   height: 100%;
Add comment 61 Plus   width: 1px;
Add comment 62 Plus   border-radius: 4px;
Add comment 63 Plus   background-color: #FFF;
Add comment 64 Plus   content: '';
Add comment 65 Plus   }
Add comment 66 Plus  
Add comment 67 Plus  .slider {
Add comment 68 Plus   position: relative;
Add comment 69 Plus   width: 100%;
Add comment 70 Plus   -webkit-appearance: none;
Add comment 71 Plus   height: 4px;
Add comment 72 Plus   border-radius: 5px;
Add comment 73 Plus   background: transparent;
Add comment 74 Plus   outline: none;
Add comment 75 Plus   opacity: 1;
Add comment 76 Plus   -webkit-transition: .2s;
Add comment 77 Plus   transition: opacity .2s;
Add comment 78 Plus   --thumb-color: var(--primaryWcag);
Add comment 79 Plus  }
Add comment 80 Plus  
Add comment 81 Plus   .slider::-webkit-slider-thumb {
Add comment 82 Plus   -webkit-appearance: none;
Add comment 83 Plus   appearance: none;
Add comment 84 Plus   width: 21px;
Add comment 85 Plus   height: 21px;
Add comment 86 Plus   border: 3px solid var(--thumb-color);
Add comment 87 Plus   background: radial-gradient(circle, #EFEFEF 0%, #FFFFFF 100%);
Add comment 88 Plus   border-radius: 50%;
Add comment 89 Plus   cursor: pointer;
Add comment 90 Plus   }
Add comment 91 Plus  
Add comment 92 Plus   .slider::-moz-range-thumb {
Add comment 93 Plus   width: 21px;
Add comment 94 Plus   height: 21px;
Add comment 95 Plus   border: 3px solid var(--thumb-color);
Add comment 96 Plus   background: radial-gradient(circle, #EFEFEF 0%, #FFFFFF 100%);
Add comment 97 Plus   border-radius: 50%;
Add comment 98 Plus   cursor: pointer;
Add comment 99 Plus   }
Add comment 100 Plus  
Text_Base.cs
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Base.cs+28
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Base.cs
View
Add comment 1 Plus  using Infsoft.WPE.App.Shared.BaseComponents.Models.Text;
Add comment 2 Plus  using Microsoft.AspNetCore.Components;
Add comment 3 Plus  
Add comment 4 Plus  namespace Infsoft.WPE.App.Shared.BaseComponents.Pages.Text
Add comment 5 Plus  {
Add comment 6 Plus   public class Text_Base : ComponentBase
Add comment 7 Plus   {
Add comment 8 Plus   [Parameter]
Add comment 9 Plus   public string Color { get; set; } = "";
Add comment 10 Plus  
Add comment 11 Plus   [Parameter]
Add comment 12 Plus   public TextType Type { get; set; } = TextType.TitleM;
Add comment 13 Plus  
Add comment 14 Plus   [Parameter]
Add comment 15 Plus   [EditorRequired]
Add comment 16 Plus   public required RenderFragment ChildContent { get; set; }
Add comment 17 Plus  
Add comment 18 Plus   protected string GetStyle()
Add comment 19 Plus   {
Add comment 20 Plus   string style = "";
Add comment 21 Plus  
Add comment 22 Plus   style += !String.IsNullOrEmpty(Color) ? $"color: {Color};" : "";
Add comment 23 Plus  
Add comment 24 Plus   return style;
Add comment 25 Plus   }
Add comment 26 Plus   }
Add comment 27 Plus  }
Add comment 28 Plus  
Text_Bold.razor
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Bold.razor-11+3
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Bold.razor
View
Add comment 1 @using Infsoft.WPE.App.Shared.BaseComponents.Models.Text;
Add comment 2
Add comment 3 Minus  <div class="text-bold @Type.ToString().ToLower()">
Add comment 3 Plus  @inherits Text_Base
Add comment 4 Plus  
Add comment 5 Plus  <div class="text-bold @Type.ToString().ToLower()" style="@GetStyle()">
Add comment 4 6 @ChildContent
Add comment 5 7 </div>
Add comment 6 Minus  
Add comment 7 Minus  @code {
Add comment 8 Minus   [Parameter]
Add comment 9 Minus   public TextType Type { get; set; } = TextType.TitleM;
Add comment 10 Minus  
Add comment 11 Minus   [Parameter]
Add comment 12 Minus   [EditorRequired]
Add comment 13 Minus   public required RenderFragment ChildContent { get; set; }
Add comment 14 Minus  }
Add comment 15 Minus  
Text_Bold.razor.css
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Bold.razor.css
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Bold.razor.css
View
Text_Display.razor
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Display.razor
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Display.razor
View
Text_Display.razor.css
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Display.razor.css
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Display.razor.css
View
Text_ExtraBold.razor
/WPE.App.Shared.BaseComponents/Pages/Text/Text_ExtraBold.razor
/WPE.App.Shared.BaseComponents/Pages/Text/Text_ExtraBold.razor
View
Text_ExtraBold.razor.css
/WPE.App.Shared.BaseComponents/Pages/Text/Text_ExtraBold.razor.css
/WPE.App.Shared.BaseComponents/Pages/Text/Text_ExtraBold.razor.css
View
Text_Regular.razor
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Regular.razor
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Regular.razor
View
Text_Regular.razor.css
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Regular.razor.css
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Regular.razor.css
View
Text_Uppercase.razor
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Uppercase.razor
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Uppercase.razor
View
Text_Uppercase.razor.css
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Uppercase.razor.css
/WPE.App.Shared.BaseComponents/Pages/Text/Text_Uppercase.razor.css
View
WPE.App.Shared.BaseComponents.csproj
/WPE.App.Shared.BaseComponents/WPE.App.Shared.BaseComponents.csproj
/WPE.App.Shared.BaseComponents/WPE.App.Shared.BaseComponents.csproj
View