From 55074c2312411a16f670738635a48af5ceb726b5 Mon Sep 17 00:00:00 2001
From: Pepe Rivera <joriv@microsoft.com>
Date: Thu, 3 Oct 2019 15:56:44 -0700
Subject: [PATCH] Update Calculator keyboard for greater consistency and
 extensibility (#688)

---
 .../Common/CalculatorButtonUser.h             |   27 +-
 .../Common/LocalizationService.cpp            |   35 +-
 src/CalcViewModel/Common/NavCategory.cpp      |    6 +-
 .../StandardCalculatorViewModel.cpp           |    1 -
 .../StandardCalculatorViewModel.h             |   18 -
 src/Calculator/App.xaml                       |  471 ++++-
 src/Calculator/Assets/CalcMDL2.ttf            |  Bin 24040 -> 24028 bytes
 src/Calculator/Calculator.vcxproj             |    6 +
 src/Calculator/Calculator.vcxproj.filters     |   18 +
 .../Controls/OperatorPanelButton.cpp          |   44 +
 src/Calculator/Controls/OperatorPanelButton.h |   36 +
 .../Controls/OperatorPanelListView.cpp        |  147 ++
 .../Controls/OperatorPanelListView.h          |   43 +
 src/Calculator/Resources/en-US/Resources.resw |  430 ++++-
 src/Calculator/Views/Calculator.xaml.h        |    3 +
 .../CalculatorProgrammerRadixOperators.xaml   |  656 +++++--
 ...alculatorProgrammerRadixOperators.xaml.cpp |   84 +-
 .../CalculatorProgrammerRadixOperators.xaml.h |    6 +-
 .../CalculatorScientificAngleButtons.xaml     |   16 +-
 .../CalculatorScientificAngleButtons.xaml.cpp |    4 -
 .../CalculatorScientificAngleButtons.xaml.h   |    3 +-
 .../Views/CalculatorScientificOperators.xaml  | 1559 +++++++++++------
 .../CalculatorScientificOperators.xaml.cpp    |   90 +-
 .../CalculatorScientificOperators.xaml.h      |   16 +-
 .../Views/CalculatorStandardOperators.xaml    |  442 ++---
 .../CalculatorStandardOperators.xaml.cpp      |    1 +
 src/Calculator/Views/NumberPad.xaml           |    3 +-
 src/Calculator/Views/OperatorsPanel.xaml      |   20 +-
 src/Calculator/Views/OperatorsPanel.xaml.cpp  |    7 +-
 .../StateTriggers/ControlSizeTrigger.cpp      |   80 +
 .../Views/StateTriggers/ControlSizeTrigger.h  |   37 +
 src/Calculator/Views/UnitConverter.xaml       |    5 +-
 .../StandardModeFunctionalTests.cs            |   15 -
 src/Settings.XamlStyler                       |    3 +-
 34 files changed, 3151 insertions(+), 1181 deletions(-)
 create mode 100644 src/Calculator/Controls/OperatorPanelButton.cpp
 create mode 100644 src/Calculator/Controls/OperatorPanelButton.h
 create mode 100644 src/Calculator/Controls/OperatorPanelListView.cpp
 create mode 100644 src/Calculator/Controls/OperatorPanelListView.h
 create mode 100644 src/Calculator/Views/StateTriggers/ControlSizeTrigger.cpp
 create mode 100644 src/Calculator/Views/StateTriggers/ControlSizeTrigger.h

diff --git a/src/CalcViewModel/Common/CalculatorButtonUser.h b/src/CalcViewModel/Common/CalculatorButtonUser.h
index b9ce332..113d34d 100644
--- a/src/CalcViewModel/Common/CalculatorButtonUser.h
+++ b/src/CalcViewModel/Common/CalculatorButtonUser.h
@@ -94,6 +94,32 @@ public
         Byte = (int)CM::Command::CommandByte,
         Cube = (int)CM::Command::CommandCUB,
         DMS = (int)CM::Command::CommandDMS,
+        Hyp = (int) CM::Command::CommandHYP,
+        Sec = (int) CM::Command::CommandSEC,
+        Csc = (int) CM::Command::CommandCSC,
+        Cot = (int) CM::Command::CommandCOT,
+        InvSec = (int) CM::Command::CommandASEC,
+        InvCsc = (int) CM::Command::CommandACSC,
+        InvCot = (int) CM::Command::CommandACOT,
+        Sech = (int) CM::Command::CommandSECH,
+        Csch = (int) CM::Command::CommandCSCH,
+        Coth = (int) CM::Command::CommandCOTH,
+        InvSech = (int) CM::Command::CommandASECH,
+        InvCsch = (int) CM::Command::CommandACSCH,
+        InvCoth = (int) CM::Command::CommandACOTH,
+        CubeRoot = (int) CM::Command::CommandCUBEROOT,
+        TwoPowerX = (int) CM::Command::CommandPOW2,
+        LogBaseX = (int) CM::Command::CommandLogBaseX,
+        Nand = (int) CM::Command::CommandNand,
+        Nor = (int) CM::Command::CommandNor,
+        Abs = (int) CM::Command::CommandAbs,
+        Floor = (int) CM::Command::CommandFloor,
+        Ceil = (int) CM::Command::CommandCeil,
+        Rand = (int) CM::Command::CommandRand,
+        Euler = (int) CM::Command::CommandEuler,
+        RshL = (int)CM::Command::CommandRSHFL,
+        RolC = (int)CM::Command::CommandROLC,
+        RorC = (int)CM::Command::CommandRORC,
 
         BINSTART = (int)CM::Command::CommandBINEDITSTART,
         BINPOS0 = (int)CM::Command::CommandBINPOS0,
@@ -161,7 +187,6 @@ public
         BINPOS62 = (int)CM::Command::CommandBINPOS62,
         BINPOS63 = (int)CM::Command::CommandBINPOS63,
         BINEND = (int)CM::Command::CommandBINEDITEND,
-        Hyp = (int)CM::Command::CommandHYP,
 
         // Enum values below are used for Tracelogging and do not map to the Calculator engine
         MemoryAdd = (int)CM::Command::CommandMPLUS,
diff --git a/src/CalcViewModel/Common/LocalizationService.cpp b/src/CalcViewModel/Common/LocalizationService.cpp
index eacc04d..f314336 100644
--- a/src/CalcViewModel/Common/LocalizationService.cpp
+++ b/src/CalcViewModel/Common/LocalizationService.cpp
@@ -503,16 +503,49 @@ unordered_map<wstring, wstring> LocalizationService::GetTokenToReadableNameMap()
                                                                           make_pair<wstring, wstring>(L"27", L"HyperbolicTangent"),
                                                                           make_pair<wstring, wstring>(L"87", L"InverseHyperbolicTangent"),
 
+                                                                          // Secant permutations
+                                                                          make_pair<wstring, wstring>(L"SecDeg", L"SecantDegrees"),
+                                                                          make_pair<wstring, wstring>(L"SecRad", L"SecantRadians"),
+                                                                          make_pair<wstring, wstring>(L"SecGrad", L"SecantGradians"),
+                                                                          make_pair<wstring, wstring>(L"InverseSecDeg", L"InverseSecantDegrees"),
+                                                                          make_pair<wstring, wstring>(L"InverseSecRad", L"InverseSecantRadians"),
+                                                                          make_pair<wstring, wstring>(L"InverseSecGrad", L"InverseSecantGradians"),
+                                                                          make_pair<wstring, wstring>(L"Sech", L"HyperbolicSecant"),
+                                                                          make_pair<wstring, wstring>(L"InverseSech", L"InverseHyperbolicSecant"),
+
+                                                                          // Cosecant permutations
+                                                                          make_pair<wstring, wstring>(L"CscDeg", L"CosecantDegrees"),
+                                                                          make_pair<wstring, wstring>(L"CscRad", L"CosecantRadians"),
+                                                                          make_pair<wstring, wstring>(L"CscGrad", L"CosecantGradians"),
+                                                                          make_pair<wstring, wstring>(L"InverseCscDeg", L"InverseCosecantDegrees"),
+                                                                          make_pair<wstring, wstring>(L"InverseCscRad", L"InverseCosecantRadians"),
+                                                                          make_pair<wstring, wstring>(L"InverseCscGrad", L"InverseCosecantGradians"),
+                                                                          make_pair<wstring, wstring>(L"Csch", L"HyperbolicCosecant"),
+                                                                          make_pair<wstring, wstring>(L"InverseCsch", L"InverseHyperbolicCosecant"),
+
+                                                                          // Cotangent permutations
+                                                                          make_pair<wstring, wstring>(L"CotDeg", L"CotangentDegrees"),
+                                                                          make_pair<wstring, wstring>(L"CotRad", L"CotangentRadians"),
+                                                                          make_pair<wstring, wstring>(L"CotGrad", L"CotangentGradians"),
+                                                                          make_pair<wstring, wstring>(L"InverseCotDeg", L"InverseCotangentDegrees"),
+                                                                          make_pair<wstring, wstring>(L"InverseCotRad", L"InverseCotangentRadians"),
+                                                                          make_pair<wstring, wstring>(L"InverseCotGrad", L"InverseCotangentGradians"),
+                                                                          make_pair<wstring, wstring>(L"Coth", L"HyperbolicCotangent"),
+                                                                          make_pair<wstring, wstring>(L"InverseCoth", L"InverseHyperbolicCotangent"),
+
                                                                           // Miscellaneous Scientific functions
                                                                           make_pair<wstring, wstring>(L"94", L"Factorial"),
                                                                           make_pair<wstring, wstring>(L"35", L"DegreeMinuteSecond"),
                                                                           make_pair<wstring, wstring>(L"28", L"NaturalLog"),
-                                                                          make_pair<wstring, wstring>(L"91", L"Square")
+                                                                          make_pair<wstring, wstring>(L"91", L"Square"),
+                                                                          make_pair<wstring, wstring>(L"CubeRoot", L"CubeRoot"),
+                                                                          make_pair<wstring, wstring>(L"Abs", L"AbsoluteValue")
     };
 
     static vector<pair<wstring, wstring>> s_noParenEngineKeyResourceMap = { // Programmer mode functions
                                                                             make_pair<wstring, wstring>(L"9", L"LeftShift"),
                                                                             make_pair<wstring, wstring>(L"10", L"RightShift"),
+                                                                            make_pair<wstring, wstring>(L"LogBaseX", L"Logx"),
 
                                                                             // Y Root scientific function
                                                                             make_pair<wstring, wstring>(L"16", L"YRoot")
diff --git a/src/CalcViewModel/Common/NavCategory.cpp b/src/CalcViewModel/Common/NavCategory.cpp
index 9dfd905..8bffc79 100644
--- a/src/CalcViewModel/Common/NavCategory.cpp
+++ b/src/CalcViewModel/Common/NavCategory.cpp
@@ -1,4 +1,4 @@
-// Copyright (c) Microsoft Corporation. All rights reserved.
+// Copyright (c) Microsoft Corporation. All rights reserved.
 // Licensed under the MIT License.
 
 #include "pch.h"
@@ -160,7 +160,7 @@ static constexpr array<const NavCategoryInitializer, 17> s_categoryManifest = {
                                                                                                         L"\uE945",
                                                                                                         CategoryGroupType::Converter,
                                                                                                         MyVirtualKey::None,
-                                                                                                        POSITIVE_ONLY },
+                                                                                                        SUPPORTS_NEGATIVE },
                                                                                 NavCategoryInitializer{ ViewMode::Data,
                                                                                                         DATA_ID,
                                                                                                         L"Data",
@@ -184,7 +184,7 @@ static constexpr array<const NavCategoryInitializer, 17> s_categoryManifest = {
                                                                                                         L"\uF515",
                                                                                                         CategoryGroupType::Converter,
                                                                                                         MyVirtualKey::None,
-                                                                                                        POSITIVE_ONLY } };
+                                                                                                        SUPPORTS_NEGATIVE } };
 
 // This function should only be used when storing the mode to app data.
 int NavCategory::Serialize(ViewMode mode)
diff --git a/src/CalcViewModel/StandardCalculatorViewModel.cpp b/src/CalcViewModel/StandardCalculatorViewModel.cpp
index 04f5726..c842d20 100644
--- a/src/CalcViewModel/StandardCalculatorViewModel.cpp
+++ b/src/CalcViewModel/StandardCalculatorViewModel.cpp
@@ -73,7 +73,6 @@ StandardCalculatorViewModel::StandardCalculatorViewModel()
     , m_MemorizedNumbers(ref new Vector<MemoryItemViewModel ^>())
     , m_IsMemoryEmpty(true)
     , m_IsFToEChecked(false)
-    , m_isShiftChecked(false)
     , m_IsShiftProgrammerChecked(false)
     , m_valueBitLength(BitLength::BitLengthQWord)
     , m_isBitFlipChecked(false)
diff --git a/src/CalcViewModel/StandardCalculatorViewModel.h b/src/CalcViewModel/StandardCalculatorViewModel.h
index d003708..744fe9f 100644
--- a/src/CalcViewModel/StandardCalculatorViewModel.h
+++ b/src/CalcViewModel/StandardCalculatorViewModel.h
@@ -66,7 +66,6 @@ namespace CalculatorApp
             OBSERVABLE_NAMED_PROPERTY_RW(bool, IsMemoryEmpty);
             OBSERVABLE_PROPERTY_RW(bool, IsFToEChecked);
             OBSERVABLE_PROPERTY_RW(bool, IsFToEEnabled);
-            OBSERVABLE_PROPERTY_RW(bool, IsHyperbolicChecked);
             OBSERVABLE_PROPERTY_RW(bool, AreHEXButtonsEnabled);
             OBSERVABLE_PROPERTY_RW(Platform::String ^, CalculationResultAutomationName);
             OBSERVABLE_PROPERTY_RW(Platform::String ^, CalculationExpressionAutomationName);
@@ -90,22 +89,6 @@ namespace CalculatorApp
 
             event HideMemoryClickedHandler ^ HideMemoryClicked;
 
-            property bool IsShiftChecked
-            {
-                bool get()
-                {
-                    return m_isShiftChecked;
-                }
-                void set(bool value)
-                {
-                    if (m_isShiftChecked != value)
-                    {
-                        m_isShiftChecked = value;
-                        RaisePropertyChanged(L"IsShiftChecked");
-                    }
-                }
-            }
-
             property bool IsBitFlipChecked
             {
                 bool get()
@@ -435,7 +418,6 @@ namespace CalculatorApp
             bool m_isAlwaysOnTop;
             bool m_isBinaryBitFlippingEnabled;
             bool m_isBitFlipChecked;
-            bool m_isShiftChecked;
             bool m_isRtlLanguage;
             int m_tokenPosition;
             bool m_keyPressed;
diff --git a/src/Calculator/App.xaml b/src/Calculator/App.xaml
index d9b2d7b..a08fb6d 100644
--- a/src/Calculator/App.xaml
+++ b/src/Calculator/App.xaml
@@ -17,17 +17,33 @@
                     <x:Double x:Key="HighContrastStrokeThickness">0</x:Double>
                     <Color x:Key="AltHighColor">#FF000000</Color>
                     <Color x:Key="ChromeMediumLowColor">#FF2B2B2B</Color>
+                    <Color x:Key="OperatorPanelScrollButtonBackgroundColor">#FF858585</Color>
                     <SolidColorBrush x:Key="SystemControlBackgroundAltHighBrush" Color="{StaticResource AltHighColor}"/>
                     <SolidColorBrush x:Key="SystemControlBackgroundChromeMediumLowBrush" Color="{StaticResource ChromeMediumLowColor}"/>
                     <SolidColorBrush x:Key="TitleBarForegroundBaseHighBrush" Color="{StaticResource SystemBaseHighColor}"/>
                     <SolidColorBrush x:Key="SystemControlBackgroundTransparentBrush" Color="Transparent"/>
                     <SolidColorBrush x:Key="SystemControlHighlightTransparentBrush" Color="Transparent"/>
                     <SolidColorBrush x:Key="AppBackgroundAltMediumLowBrush" Color="{ThemeResource SystemAltMediumLowColor}"/>
+                    <SolidColorBrush x:Key="AppOperatorPanelBackground"
+                                     Opacity="0.4"
+                                     Color="{ThemeResource SystemAltMediumLowColor}"/>
                     <SolidColorBrush x:Key="AppControlPageTextBaseMediumHighBrush" Color="{StaticResource SystemBaseMediumHighColor}"/>
                     <RevealBackgroundBrush x:Key="AppControlHoverButtonFaceBrush" Color="#18FFFFFF"/>
                     <RevealBackgroundBrush x:Key="AppControlPressedButtonFaceBrush" Color="#30FFFFFF"/>
                     <SolidColorBrush x:Key="AppControlTransparentAccentColorBrush" Color="{ThemeResource SystemAccentColor}"/>
                     <SolidColorBrush x:Key="AppControlPageTextBaseHighColorBrush" Color="{StaticResource SystemBaseHighColor}"/>
+                    <SolidColorBrush x:Key="OperatorPanelScrollButtonBackgroundBrush" Color="{ThemeResource OperatorPanelScrollButtonBackgroundColor}"/>
+                    <SolidColorBrush x:Key="AppControlHighlightCalcButtonBrush"
+                                     Opacity="0.4"
+                                     Color="{ThemeResource SystemAccentColor}"/>
+                    <SolidColorBrush x:Key="AppControlHighlightCalcButtonToggledBrush"
+                                     Opacity="0.4"
+                                     Color="{ThemeResource SystemAccentColor}"/>
+
+                    <SolidColorBrush x:Key="AppControlHighlightCalcButtonHoverBrush"
+                                     Opacity="0.9"
+                                     Color="{ThemeResource SystemAccentColor}"/>
+
                     <SolidColorBrush x:Key="AppControlPageTextRedColorBrush" Color="Red"/>
                     <RevealBorderBrush x:Key="AppControlForegroundTransparentRevealBorderBrush"
                                        FallbackColor="Transparent"
@@ -46,24 +62,41 @@
                                   FallbackColor="{ThemeResource SystemChromeMediumColor}"
                                   TintColor="{ThemeResource SystemChromeLowColor}"
                                   TintOpacity="0.7"/>
+                    <SolidColorBrush x:Key="AppChromeAcrylicOperatorFlyoutBackgroundBrush" Color="#FF2F2F2F"/>
                 </ResourceDictionary>
                 <ResourceDictionary x:Key="Light">
                     <Thickness x:Key="HighContrastThicknessTop">0,0,0,0</Thickness>
                     <x:Double x:Key="HighContrastStrokeThickness">0</x:Double>
                     <Color x:Key="AltHighColor">#FFF2F2F2</Color>
                     <Color x:Key="ChromeMediumLowColor">#FFE0E0E0</Color>
+                    <Color x:Key="OperatorPanelScrollButtonBackgroundColor">#FF858585</Color>
                     <SolidColorBrush x:Key="SystemControlBackgroundAltHighBrush" Color="{StaticResource SystemAltHighColor}"/>
                     <SolidColorBrush x:Key="SystemControlBackgroundChromeMediumLowBrush" Color="{StaticResource ChromeMediumLowColor}"/>
                     <SolidColorBrush x:Key="TitleBarForegroundBaseHighBrush" Color="{StaticResource SystemBaseHighColor}"/>
                     <SolidColorBrush x:Key="SystemControlBackgroundTransparentBrush" Color="Transparent"/>
                     <SolidColorBrush x:Key="SystemControlHighlightTransparentBrush" Color="Transparent"/>
                     <SolidColorBrush x:Key="AppBackgroundAltMediumLowBrush" Color="{ThemeResource SystemAltMediumLowColor}"/>
+                    <SolidColorBrush x:Key="AppOperatorPanelBackground"
+                                     Opacity="0.4"
+                                     Color="{ThemeResource SystemAltMediumLowColor}"/>
                     <SolidColorBrush x:Key="AppControlPageTextBaseMediumHighBrush" Color="{StaticResource SystemBaseMediumHighColor}"/>
                     <RevealBackgroundBrush x:Key="AppControlHoverButtonFaceBrush" Color="#17000000"/>
                     <RevealBackgroundBrush x:Key="AppControlPressedButtonFaceBrush" Color="#30000000"/>
                     <SolidColorBrush x:Key="AppControlTransparentAccentColorBrush" Color="{ThemeResource SystemAccentColor}"/>
                     <SolidColorBrush x:Key="AppControlPageTextBaseHighColorBrush" Color="{StaticResource SystemBaseHighColor}"/>
+                    <SolidColorBrush x:Key="OperatorPanelScrollButtonBackgroundBrush" Color="{ThemeResource OperatorPanelScrollButtonBackgroundColor}"/>
                     <SolidColorBrush x:Key="AppControlPageTextRedColorBrush" Color="Red"/>
+                    <SolidColorBrush x:Key="AppControlHighlightCalcButtonBrush"
+                                     Opacity="0.4"
+                                     Color="{ThemeResource SystemAccentColor}"/>
+                    <SolidColorBrush x:Key="AppControlHighlightCalcButtonToggledBrush"
+                                     Opacity="0.4"
+                                     Color="{ThemeResource SystemAccentColor}"/>
+
+                    <SolidColorBrush x:Key="AppControlHighlightCalcButtonHoverBrush"
+                                     Opacity="0.7"
+                                     Color="{ThemeResource SystemAccentColor}"/>
+
                     <RevealBorderBrush x:Key="AppControlForegroundTransparentRevealBorderBrush"
                                        FallbackColor="Transparent"
                                        TargetTheme="Light"
@@ -81,6 +114,11 @@
                                   FallbackColor="{ThemeResource SystemChromeMediumColor}"
                                   TintColor="{ThemeResource SystemChromeLowColor}"
                                   TintOpacity="0.7"/>
+                    <AcrylicBrush x:Key="AppChromeAcrylicOperatorFlyoutBackgroundBrush"
+                                  BackgroundSource="HostBackdrop"
+                                  FallbackColor="{ThemeResource SystemChromeMediumColor}"
+                                  TintColor="{ThemeResource SystemChromeLowColor}"
+                                  TintOpacity="0.8"/>
                 </ResourceDictionary>
                 <ResourceDictionary x:Key="HighContrast">
                     <Thickness x:Key="HighContrastThicknessTop">0,1,0,0</Thickness>
@@ -91,17 +129,23 @@
                     <SolidColorBrush x:Key="SystemControlBackgroundTransparentBrush" Color="{ThemeResource SystemColorButtonFaceColor}"/>
                     <SolidColorBrush x:Key="SystemControlHighlightTransparentBrush" Color="{ThemeResource SystemColorHighlightColor}"/>
                     <SolidColorBrush x:Key="AppBackgroundAltMediumLowBrush" Color="{ThemeResource SystemColorButtonFaceColor}"/>
+                    <SolidColorBrush x:Key="AppOperatorPanelBackground" Color="{ThemeResource SystemColorButtonFaceColor}"/>
                     <SolidColorBrush x:Key="AppControlPageTextBaseMediumHighBrush" Color="{ThemeResource SystemColorWindowTextColor}"/>
                     <SolidColorBrush x:Key="AppControlHoverButtonFaceBrush" Color="{ThemeResource SystemColorHighlightColor}"/>
-                    <SolidColorBrush x:Key="AppControlPressedButtonFaceBrush" Color="{ThemeResource SystemColorButtonFaceColor}"/>
+                    <SolidColorBrush x:Key="AppControlPressedButtonFaceBrush" Color="{ThemeResource SystemColorHighlightColor}"/>
                     <SolidColorBrush x:Key="AppControlTransparentAccentColorBrush" Color="Transparent"/>
                     <SolidColorBrush x:Key="AppControlPageTextBaseHighColorBrush" Color="{ThemeResource SystemColorWindowTextColor}"/>
+                    <SolidColorBrush x:Key="OperatorPanelScrollButtonBackgroundBrush" Color="{ThemeResource SystemColorButtonFaceColor}"/>
                     <SolidColorBrush x:Key="AppControlPageTextRedColorBrush" Color="{ThemeResource SystemColorWindowTextColor}"/>
                     <SolidColorBrush x:Key="AppControlForegroundTransparentRevealBorderBrush" Color="{ThemeResource SystemColorButtonTextColor}"/>
                     <SolidColorBrush x:Key="AppControlHighlightAccentRevealBackgroundBrush" Color="{ThemeResource SystemColorHighlightColor}"/>
                     <SolidColorBrush x:Key="AppControlBackgroundListAccentHighRevealBackgroundBrush" Color="{ThemeResource SystemColorButtonFaceColor}"/>
                     <SolidColorBrush x:Key="AppControlListLowRevealHighlightBrush" Color="{ThemeResource SystemColorHighlightColor}"/>
                     <SolidColorBrush x:Key="AppChromeAcrylicHostBackdropMediumLowBrush" Color="{ThemeResource SystemColorWindowColor}"/>
+                    <SolidColorBrush x:Key="AppChromeAcrylicOperatorFlyoutBackgroundBrush" Color="{ThemeResource SystemColorWindowColor}"/>
+                    <SolidColorBrush x:Key="AppControlHighlightCalcButtonBrush" Color="{ThemeResource SystemColorWindowColor}"/>
+                    <SolidColorBrush x:Key="AppControlHighlightCalcButtonToggledBrush" Color="{ThemeResource SystemColorHighlightColor}"/>
+                    <SolidColorBrush x:Key="AppControlHighlightCalcButtonHoverBrush" Color="{ThemeResource SystemColorHighlightColor}"/>
                 </ResourceDictionary>
             </ResourceDictionary.ThemeDictionaries>
 
@@ -116,6 +160,21 @@
             <x:Double x:Key="PivotHeaderItemFontSize">15</x:Double>
             <FontWeight x:Key="PivotHeaderItemThemeFontWeight">SemiBold</FontWeight>
 
+            <x:Double x:Key="OperatorPanelButtonRowSizeLarge">64</x:Double>
+            <x:Double x:Key="OperatorPanelFontSizeLarge">24</x:Double>
+            <x:Double x:Key="OperatorPanelGlyphFontSizeLarge">24</x:Double>
+            <x:Double x:Key="OperatorPanelChevronFontSizeLarge">16</x:Double>
+
+            <x:Double x:Key="OperatorPanelButtonRowSizeMedium">64</x:Double>
+            <x:Double x:Key="OperatorPanelFontSizeMedium">16</x:Double>
+            <x:Double x:Key="OperatorPanelGlyphFontSizeMedium">20</x:Double>
+            <x:Double x:Key="OperatorPanelChevronFontSizeMedium">10</x:Double>
+
+            <x:Double x:Key="OperatorPanelButtonRowSizeSmall">38</x:Double>
+            <x:Double x:Key="OperatorPanelFontSizeSmall">12</x:Double>
+            <x:Double x:Key="OperatorPanelGlyphFontSizeSmall">16</x:Double>
+            <x:Double x:Key="OperatorPanelChevronFontSizeSmall">8</x:Double>
+
             <x:Double x:Key="CaptionFontSize">12</x:Double>
             <x:Double x:Key="BodyFontSize">15</x:Double>
             <x:Double x:Key="TitleFontSize">24</x:Double>
@@ -125,13 +184,17 @@
             <GridLength x:Key="HamburgerHeightGridLength">40</GridLength>
 
             <x:Double x:Key="CalcButtonCaptionSize">34</x:Double>
+            <x:Double x:Key="CalcButtonTextIconCaptionSize">38</x:Double>
+            <x:Double x:Key="CalcStandardOperatorCaptionSizeExtraLarge">48</x:Double>
             <x:Double x:Key="CalcStandardOperatorCaptionSizeLarge">24</x:Double>
             <!-- Numpad Standard/Scientific in Fill/Full -->
             <x:Double x:Key="CalcStandardOperatorCaptionSize">20</x:Double>
+            <x:Double x:Key="CalcStandardOperatorTextIconCaptionSize">22</x:Double>
             <x:Double x:Key="CalcStandardOperatorCaptionSizeSmall">15</x:Double>
             <x:Double x:Key="CalcStandardOperatorCaptionSizeTiny">12</x:Double>
             <!-- Standard Operators Standard/Scientific in Fill/Full -->
-            <x:Double x:Key="CalcOperatorCaptionSize">15</x:Double>
+            <x:Double x:Key="CalcOperatorCaptionSize">14</x:Double>
+            <x:Double x:Key="CalcOperatorTextIconCaptionSize">16</x:Double>
 
             <!-- Base style for calc buttons -->
             <Style x:Key="CalcButtonStyle" TargetType="Controls:CalculatorButton">
@@ -222,6 +285,11 @@
                    TargetType="Controls:CalculatorButton">
                 <Setter Property="FontSize" Value="12"/>
             </Style>
+            <Style x:Key="NumericButtonStyle14"
+                   BasedOn="{StaticResource NumericButtonStyle}"
+                   TargetType="Controls:CalculatorButton">
+                <Setter Property="FontSize" Value="14"/>
+            </Style>
             <Style x:Key="NumericButtonStyle16"
                    BasedOn="{StaticResource NumericButtonStyle}"
                    TargetType="Controls:CalculatorButton">
@@ -247,11 +315,28 @@
                    TargetType="Controls:CalculatorButton">
                 <Setter Property="FontSize" Value="34"/>
             </Style>
+            <Style x:Key="NumericButtonStyle38"
+                   BasedOn="{StaticResource NumericButtonStyle}"
+                   TargetType="Controls:CalculatorButton">
+                <Setter Property="FontSize" Value="38"/>
+            </Style>
             <Style x:Key="NumericButtonStyle46"
                    BasedOn="{StaticResource NumericButtonStyle}"
                    TargetType="Controls:CalculatorButton">
                 <Setter Property="FontSize" Value="46"/>
             </Style>
+            <Style x:Key="NumericButtonStyle48"
+                   BasedOn="{StaticResource NumericButtonStyle}"
+                   TargetType="Controls:CalculatorButton">
+                <Setter Property="FontSize" Value="48"/>
+            </Style>
+
+            <Style x:Key="SymbolOperatorKeypadButtonStyle"
+                   BasedOn="{StaticResource NumericButtonStyle}"
+                   TargetType="Controls:CalculatorButton">
+                <Setter Property="FontFamily" Value="{StaticResource CalculatorFontFamily}"/>
+                <Setter Property="FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+            </Style>
 
             <Style x:Key="OperatorButtonStyle"
                    BasedOn="{StaticResource CalcButtonStyle}"
@@ -337,13 +422,33 @@
                 </Setter>
             </Style>
 
-            <Style x:Key="AccentCalcButtonStyle"
+            <Style x:Key="AccentEmphasizedCalcButtonStyle"
                    BasedOn="{StaticResource SymbolOperatorButtonStyle}"
                    TargetType="Controls:CalculatorButton">
-                <Setter Property="HoverBackground" Value="{ThemeResource AppControlHighlightAccentRevealBackgroundBrush}"/>
-                <Setter Property="HoverForeground" Value="{ThemeResource SystemControlHighlightAltAltHighBrush}"/>
-                <Setter Property="PressBackground" Value="{ThemeResource AppControlBackgroundListAccentHighRevealBackgroundBrush}"/>
-                <Setter Property="PressForeground" Value="{ThemeResource SystemControlHighlightAltAltHighBrush}"/>
+                <Setter Property="HoverBackground" Value="{ThemeResource AppControlHighlightCalcButtonHoverBrush}"/>
+                <Setter Property="HoverForeground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/>
+                <Setter Property="PressBackground" Value="{ThemeResource SystemControlHighlightAccentBrush}"/>
+                <Setter Property="PressForeground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/>
+                <Setter Property="Background" Value="{ThemeResource AppControlHighlightCalcButtonBrush}"/>
+            </Style>
+
+            <Style x:Key="EmphasizedCalcButtonStyle"
+                   BasedOn="{StaticResource SymbolOperatorButtonStyle}"
+                   TargetType="Controls:CalculatorButton">
+                <Setter Property="HoverBackground" Value="{ThemeResource AppControlHighlightCalcButtonHoverBrush}"/>
+                <Setter Property="HoverForeground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/>
+                <Setter Property="PressBackground" Value="{ThemeResource SystemControlHighlightAccentBrush}"/>
+                <Setter Property="PressForeground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/>
+            </Style>
+
+            <Style x:Key="AccentEmphasizedOperatorCalcButtonStyle"
+                   BasedOn="{StaticResource OperatorButtonStyle}"
+                   TargetType="Controls:CalculatorButton">
+                <Setter Property="HoverBackground" Value="{ThemeResource AppControlHighlightCalcButtonHoverBrush}"/>
+                <Setter Property="HoverForeground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/>
+                <Setter Property="PressBackground" Value="{ThemeResource SystemControlHighlightAccentBrush}"/>
+                <Setter Property="PressForeground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/>
+                <Setter Property="Background" Value="{ThemeResource AppControlHighlightCalcButtonBrush}"/>
             </Style>
 
             <!-- RESULTS -->
@@ -457,6 +562,124 @@
                 </Setter>
             </Style>
 
+            <Style x:Key="OperatorPanelButtonStyle" TargetType="Controls:OperatorPanelButton">
+                <Setter Property="FontSize" Value="{StaticResource CaptionFontSize}"/>
+                <Setter Property="GlyphFontSize" Value="{StaticResource CaptionFontSize}"/>
+                <Setter Property="ChevronFontSize" Value="{StaticResource CaptionFontSize}"/>
+                <Setter Property="Padding" Value="8,0,8,0"/>
+                <Setter Property="MinWidth" Value="32"/>
+                <Setter Property="HorizontalAlignment" Value="Left"/>
+                <Setter Property="VerticalAlignment" Value="Stretch"/>
+                <Setter Property="HorizontalContentAlignment" Value="Center"/>
+                <Setter Property="VerticalContentAlignment" Value="Center"/>
+                <Setter Property="Foreground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/>
+                <Setter Property="Background" Value="{ThemeResource SystemControlBackgroundTransparentBrush}"/>
+                <Setter Property="BorderThickness" Value="1"/>
+                <Setter Property="Margin" Value="1"/>
+                <Setter Property="Template">
+                    <Setter.Value>
+                        <ControlTemplate TargetType="Controls:OperatorPanelButton">
+                            <Grid x:Name="RootGrid" Background="{TemplateBinding Background}">
+                                <VisualStateManager.VisualStateGroups>
+                                    <VisualStateGroup x:Name="CommonStates">
+                                        <VisualState x:Name="Normal"/>
+                                        <VisualState x:Name="PointerOver">
+                                            <VisualState.Setters>
+                                                <Setter Target="RootGrid.(RevealBrush.State)" Value="PointerOver"/>
+                                                <Setter Target="RootGrid.Background" Value="{ThemeResource AppControlHoverButtonFaceBrush}"/>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                        <VisualState x:Name="Pressed">
+                                            <VisualState.Setters>
+                                                <Setter Target="RootGrid.(RevealBrush.State)" Value="Pressed"/>
+                                                <Setter Target="RootGrid.Background" Value="{ThemeResource AppControlPressedButtonFaceBrush}"/>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                        <VisualState x:Name="Disabled">
+                                            <VisualState.Setters>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlDisabledBaseLowBrush}"/>
+                                                <Setter Target="ContentPresenter.BorderThickness" Value="0"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                        <VisualState x:Name="Checked">
+                                            <VisualState.Setters>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}"/>
+                                                <Setter Target="RootGrid.Background" Value="{ThemeResource AppControlPressedButtonFaceBrush}"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                        <VisualState x:Name="CheckedPointerOver">
+                                            <VisualState.Setters>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}"/>
+                                                <Setter Target="RootGrid.(RevealBrush.State)" Value="PointerOver"/>
+                                                <Setter Target="RootGrid.Background" Value="{ThemeResource AppControlPressedButtonFaceBrush}"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                        <VisualState x:Name="CheckedPressed">
+                                            <VisualState.Setters>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}"/>
+                                                <Setter Target="RootGrid.(RevealBrush.State)" Value="Pressed"/>
+                                                <Setter Target="RootGrid.Background" Value="{ThemeResource AppControlPressedButtonFaceBrush}"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                        <VisualState x:Name="CheckedDisabled">
+                                            <VisualState.Setters>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlDisabledBaseLowBrush}"/>
+                                                <Setter Target="ContentPresenter.BorderThickness" Value="0"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                    </VisualStateGroup>
+                                    <VisualStateGroup x:Name="Sizing">
+                                        <VisualState x:Name="NormalSize">
+                                            <VisualState.StateTriggers>
+                                                <AdaptiveTrigger MinWindowHeight="{StaticResource AppMinWindowHeight}" MinWindowWidth="{StaticResource AppMinWindowWidth}"/>
+                                            </VisualState.StateTriggers>
+                                        </VisualState>
+                                        <VisualState x:Name="SmallSize">
+                                            <VisualState.StateTriggers>
+                                                <AdaptiveTrigger MinWindowHeight="0" MinWindowWidth="0"/>
+                                            </VisualState.StateTriggers>
+                                        </VisualState>
+                                    </VisualStateGroup>
+                                </VisualStateManager.VisualStateGroups>
+
+                                <ContentPresenter x:Name="ContentPresenter"
+                                                  Padding="{TemplateBinding Padding}"
+                                                  HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
+                                                  VerticalAlignment="{TemplateBinding VerticalAlignment}"
+                                                  HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                                  VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                                                  BorderBrush="{ThemeResource AppControlForegroundTransparentRevealBorderBrush}"
+                                                  BorderThickness="{TemplateBinding BorderThickness}"
+                                                  FontSize="{TemplateBinding FontSize}"
+                                                  FontWeight="Normal"
+                                                  AutomationProperties.AccessibilityView="Raw"
+                                                  ContentTemplate="{TemplateBinding ContentTemplate}"
+                                                  ContentTransitions="{TemplateBinding ContentTransitions}">
+                                    <StackPanel Orientation="Horizontal">
+                                        <FontIcon Margin="0,2,8,0"
+                                                  VerticalAlignment="Center"
+                                                  FontFamily="{StaticResource CalculatorFontFamily}"
+                                                  FontSize="{TemplateBinding GlyphFontSize}"
+                                                  Glyph="{TemplateBinding Glyph}"/>
+                                        <TextBlock x:Name="trigTextBlock"
+                                                   VerticalAlignment="Center"
+                                                   FontSize="{TemplateBinding FontSize}"
+                                                   Text="{TemplateBinding Text}"/>
+                                        <FontIcon Margin="8,4,0,0"
+                                                  VerticalAlignment="Center"
+                                                  FontFamily="{StaticResource CalculatorFontFamily}"
+                                                  FontSize="{TemplateBinding ChevronFontSize}"
+                                                  Glyph="&#xE70D;"/>
+                                    </StackPanel>
+                                </ContentPresenter>
+                            </Grid>
+                        </ControlTemplate>
+                    </Setter.Value>
+                </Setter>
+            </Style>
+
             <Style x:Key="CaptionButtonStyle" TargetType="Button">
                 <Setter Property="Foreground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/>
                 <Setter Property="Background" Value="{ThemeResource SystemControlBackgroundTransparentBrush}"/>
@@ -692,6 +915,99 @@
                 <Setter Property="MinHeight" Value="0"/>
             </Style>
 
+            <Style x:Key="CaptionToggleEmphasizedButtonStyle"
+                   BasedOn="{StaticResource CaptionToggleButtonStyle}"
+                   TargetType="ToggleButton">
+                <Setter Property="Background" Value="{ThemeResource AppBackgroundAltMediumLowBrush}"/>
+                <Setter Property="Template">
+                    <Setter.Value>
+                        <ControlTemplate TargetType="ToggleButton">
+                            <Grid x:Name="RootGrid" Background="{TemplateBinding Background}">
+                                <VisualStateManager.VisualStateGroups>
+                                    <VisualStateGroup x:Name="CommonStates">
+                                        <VisualState x:Name="Normal"/>
+                                        <VisualState x:Name="PointerOver">
+                                            <VisualState.Setters>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}"/>
+                                                <Setter Target="RootGrid.(RevealBrush.State)" Value="PointerOver"/>
+                                                <Setter Target="RootGrid.Background" Value="{ThemeResource AppControlHoverButtonFaceBrush}"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                        <VisualState x:Name="Pressed">
+                                            <VisualState.Setters>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}"/>
+                                                <Setter Target="RootGrid.(RevealBrush.State)" Value="Pressed"/>
+                                                <Setter Target="RootGrid.Background" Value="{ThemeResource AppControlPressedButtonFaceBrush}"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                        <VisualState x:Name="Disabled">
+                                            <VisualState.Setters>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlDisabledBaseLowBrush}"/>
+                                                <Setter Target="ContentPresenter.BorderThickness" Value="0"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                        <VisualState x:Name="Checked">
+                                            <VisualState.Setters>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}"/>
+                                                <Setter Target="RootGrid.Background" Value="{ThemeResource AppControlHighlightCalcButtonToggledBrush}"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                        <VisualState x:Name="CheckedPointerOver">
+                                            <VisualState.Setters>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}"/>
+                                                <Setter Target="RootGrid.(RevealBrush.State)" Value="PointerOver"/>
+                                                <Setter Target="RootGrid.Background" Value="{ThemeResource AppControlHighlightCalcButtonHoverBrush}"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                        <VisualState x:Name="CheckedPressed">
+                                            <VisualState.Setters>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}"/>
+                                                <Setter Target="RootGrid.(RevealBrush.State)" Value="Pressed"/>
+                                                <Setter Target="RootGrid.Background" Value="{ThemeResource SystemControlHighlightAccentBrush}"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                        <VisualState x:Name="CheckedDisabled">
+                                            <VisualState.Setters>
+                                                <Setter Target="ContentPresenter.Foreground" Value="{ThemeResource SystemControlDisabledBaseLowBrush}"/>
+                                                <Setter Target="ContentPresenter.BorderThickness" Value="0"/>
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                    </VisualStateGroup>
+                                    <VisualStateGroup x:Name="Sizing">
+                                        <VisualState x:Name="NormalSize">
+                                            <VisualState.StateTriggers>
+                                                <AdaptiveTrigger MinWindowHeight="{StaticResource AppMinWindowHeight}" MinWindowWidth="{StaticResource AppMinWindowWidth}"/>
+                                            </VisualState.StateTriggers>
+                                        </VisualState>
+                                        <VisualState x:Name="SmallSize">
+                                            <VisualState.StateTriggers>
+                                                <AdaptiveTrigger MinWindowHeight="0" MinWindowWidth="0"/>
+                                            </VisualState.StateTriggers>
+                                        </VisualState>
+                                    </VisualStateGroup>
+                                </VisualStateManager.VisualStateGroups>
+
+                                <ContentPresenter x:Name="ContentPresenter"
+                                                  Margin="{TemplateBinding Padding}"
+                                                  HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
+                                                  VerticalAlignment="{TemplateBinding VerticalAlignment}"
+                                                  HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                                  VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                                                  Foreground="{TemplateBinding Foreground}"
+                                                  BorderBrush="{ThemeResource AppControlForegroundTransparentRevealBorderBrush}"
+                                                  BorderThickness="{TemplateBinding BorderThickness}"
+                                                  FontFamily="{TemplateBinding FontFamily}"
+                                                  FontSize="{TemplateBinding FontSize}"
+                                                  AutomationProperties.AccessibilityView="Raw"
+                                                  Content="{TemplateBinding Content}"
+                                                  ContentTemplate="{TemplateBinding ContentTemplate}"
+                                                  ContentTransitions="{TemplateBinding ContentTransitions}"/>
+                            </Grid>
+                        </ControlTemplate>
+                    </Setter.Value>
+                </Setter>
+            </Style>
+
             <Style x:Key="ProgWordSizeButtonStyle"
                    BasedOn="{StaticResource CaptionButtonStyle}"
                    TargetType="Button">
@@ -1086,6 +1402,147 @@
                     </Setter.Value>
                 </Setter>
             </Style>
+
+            <Style x:Key="OperatorPanelFlyoutStyle" TargetType="FlyoutPresenter">
+                <Setter Property="Padding" Value="1"/>
+                <Setter Property="Background" Value="{ThemeResource AppChromeAcrylicOperatorFlyoutBackgroundBrush}"/>
+                <Setter Property="Margin" Value="0,-3,0,0"/>
+                <Setter Property="MaxWidth" Value="Infinity"/>
+                <Setter Property="Template">
+                    <Setter.Value>
+                        <ControlTemplate TargetType="FlyoutPresenter">
+                            <Border Background="{TemplateBinding Background}"
+                                    BorderBrush="{TemplateBinding BorderBrush}"
+                                    BorderThickness="{TemplateBinding BorderThickness}">
+                                <ContentPresenter Margin="{TemplateBinding Padding}"
+                                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                                  Content="{TemplateBinding Content}"
+                                                  ContentTemplate="{TemplateBinding ContentTemplate}"
+                                                  ContentTransitions="{TemplateBinding ContentTransitions}"/>
+                            </Border>
+                        </ControlTemplate>
+                    </Setter.Value>
+                </Setter>
+            </Style>
+
+            <Style TargetType="Controls:OperatorPanelListView">
+                <Setter Property="IsTabStop" Value="False"/>
+                <Setter Property="TabNavigation" Value="Once"/>
+                <Setter Property="IsSwipeEnabled" Value="True"/>
+                <Setter Property="Height" Value="Auto"/>
+                <Setter Property="HorizontalAlignment" Value="Stretch"/>
+                <Setter Property="VerticalAlignment" Value="Stretch"/>
+                <Setter Property="SelectionMode" Value="None"/>
+                <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden"/>
+                <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Disabled"/>
+                <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Enabled"/>
+                <Setter Property="ScrollViewer.IsHorizontalRailEnabled" Value="False"/>
+                <Setter Property="ScrollViewer.VerticalScrollMode" Value="Disabled"/>
+                <Setter Property="ScrollViewer.IsVerticalRailEnabled" Value="False"/>
+                <Setter Property="ScrollViewer.ZoomMode" Value="Disabled"/>
+                <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False"/>
+                <Setter Property="ScrollViewer.BringIntoViewOnFocusChange" Value="True"/>
+                <Setter Property="ItemContainerTransitions">
+                    <Setter.Value>
+                        <TransitionCollection>
+                            <AddDeleteThemeTransition/>
+                            <ContentThemeTransition/>
+                            <ReorderThemeTransition/>
+                        </TransitionCollection>
+                    </Setter.Value>
+                </Setter>
+                <Setter Property="ItemsPanel">
+                    <Setter.Value>
+                        <ItemsPanelTemplate>
+                            <StackPanel Height="Auto"
+                                        VerticalAlignment="Stretch"
+                                        Orientation="Horizontal"/>
+                        </ItemsPanelTemplate>
+                    </Setter.Value>
+                </Setter>
+                <Setter Property="ItemContainerStyle">
+                    <Setter.Value>
+                        <Style TargetType="ListViewItem">
+                            <Setter Property="MinHeight" Value="0"/>
+                            <Setter Property="MinWidth" Value="0"/>
+                            <Setter Property="Padding" Value="0"/>
+                            <Setter Property="Margin" Value="0"/>
+                            <Setter Property="IsTabStop" Value="False"/>
+                            <Setter Property="HorizontalContentAlignment" Value="Left"/>
+                            <Setter Property="VerticalContentAlignment" Value="Stretch"/>
+                        </Style>
+                    </Setter.Value>
+                </Setter>
+                <Setter Property="Template">
+                    <Setter.Value>
+                        <ControlTemplate TargetType="Controls:OperatorPanelListView">
+                            <Border x:Name="Border"
+                                    Background="{TemplateBinding Background}"
+                                    BorderBrush="{TemplateBinding BorderBrush}"
+                                    BorderThickness="{TemplateBinding BorderThickness}">
+                                <Grid x:Name="Grid">
+                                    <Grid.Resources>
+                                        <SolidColorBrush x:Key="ButtonBackgroundPointerOver" Color="{ThemeResource OperatorPanelScrollButtonBackgroundColor}"/>
+                                        <SolidColorBrush x:Key="ButtonBackgroundPressed" Color="{ThemeResource OperatorPanelScrollButtonBackgroundColor}"/>
+                                        <SolidColorBrush x:Key="ButtonForegroundPointerOver" Color="{ThemeResource SystemAltMediumHighColor}"/>
+                                        <SolidColorBrush x:Key="ButtonBorderBrushPointerOver" Color="{ThemeResource SystemBaseMediumLowColor}"/>
+                                        <SolidColorBrush x:Key="ButtonForegroundPressed" Color="{ThemeResource SystemAltMediumHighColor}"/>
+                                    </Grid.Resources>
+                                    <Grid.ColumnDefinitions/>
+                                    <ScrollViewer x:Name="ScrollViewer"
+                                                  AutomationProperties.AccessibilityView="Raw"
+                                                  BringIntoViewOnFocusChange="{TemplateBinding ScrollViewer.BringIntoViewOnFocusChange}"
+                                                  HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
+                                                  HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"
+                                                  IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}"
+                                                  IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}"
+                                                  IsHorizontalScrollChainingEnabled="{TemplateBinding ScrollViewer.IsHorizontalScrollChainingEnabled}"
+                                                  IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}"
+                                                  IsVerticalScrollChainingEnabled="{TemplateBinding ScrollViewer.IsVerticalScrollChainingEnabled}"
+                                                  TabNavigation="{TemplateBinding TabNavigation}"
+                                                  VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
+                                                  VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"
+                                                  ZoomMode="{TemplateBinding ScrollViewer.ZoomMode}">
+                                        <ItemsPresenter x:Name="Content"
+                                                        Padding="{TemplateBinding Padding}"
+                                                        Footer="{TemplateBinding Footer}"
+                                                        FooterTemplate="{TemplateBinding FooterTemplate}"
+                                                        FooterTransitions="{TemplateBinding FooterTransitions}"
+                                                        Header="{TemplateBinding Header}"
+                                                        HeaderTemplate="{TemplateBinding HeaderTemplate}"
+                                                        HeaderTransitions="{TemplateBinding HeaderTransitions}"/>
+                                    </ScrollViewer>
+                                    <Button x:Name="ScrollLeft"
+                                            MinWidth="20"
+                                            Padding="0"
+                                            HorizontalAlignment="Left"
+                                            VerticalAlignment="Stretch"
+                                            Background="{ThemeResource OperatorPanelScrollButtonBackgroundBrush}"
+                                            Foreground="{ThemeResource SystemAltMediumHighColor}"
+                                            FontFamily="{ThemeResource SymbolThemeFontFamily}"
+                                            FontSize="12"
+                                            Content="&#xE76B;"
+                                            IsTabStop="False"
+                                            Visibility="Collapsed"/>
+                                    <Button x:Name="ScrollRight"
+                                            MinWidth="20"
+                                            Padding="0"
+                                            HorizontalAlignment="Right"
+                                            VerticalAlignment="Stretch"
+                                            Background="{ThemeResource OperatorPanelScrollButtonBackgroundBrush}"
+                                            Foreground="{ThemeResource SystemAltMediumHighColor}"
+                                            FontFamily="{ThemeResource SymbolThemeFontFamily}"
+                                            FontSize="12"
+                                            Content="&#xE76C;"
+                                            IsTabStop="False"
+                                            Visibility="Collapsed"/>
+                                </Grid>
+                            </Border>
+                        </ControlTemplate>
+                    </Setter.Value>
+                </Setter>
+            </Style>
         </ResourceDictionary>
     </Application.Resources>
 </Application>
diff --git a/src/Calculator/Assets/CalcMDL2.ttf b/src/Calculator/Assets/CalcMDL2.ttf
index 62e165ab675129f65a65dffee1d5c9f4505efbba..9e6bfaa4d2aa2ea7e917c4862bea76bb5243c8b4 100644
GIT binary patch
delta 1853
zcmYjReM}qY8Gqh8pU>xyGsZS&@YkJ<eT@NA8#@M43<(V}Ngy*_AmAj0(U6ot;v^JP
z3Drlps3nnFO}D1gs!o;Kb!-19?YwGPvMr6GY1;NrMO$f^_D7_3U!7D<liCQuxqHsg
zsFq$oU+?ogzvriWpMTvXf4xb{KmfoF3eZqI@>qNF;Dq7_AWP_-9DQ`?*viS(3jlN-
z0CR78eyaG|-1-)P>A!gAx6_LYB6pWt1F+u1`>~ng>G`c6|KkM!^Sc-yKRtD+2qy3X
zocIvq*3)xO&;0R@mItt12k8I&%&DpJ6Q-uv`xwNcu=@;pgcbYmFgb;G^O^aDrJ+lq
zakT%8r*rQ7^we{~(rZ}2it)GSr<RKF3=uJQ3~lk;)cmQRwq5x>K>lagk13wNwD46P
zN(cY}fmpnFs<`x<|M3{p^FIO-LP1~ZFn|93oyYBud;t~{Isk5Iw-sI9U4F};iX`mc
zvTrk`JHP(rYTSLBFzO`nl7p3HGDdoEUZe*|45h-Cky{0TtNGAYV0pU%I&P6q$T4z_
zDCAdoyzngXRhsEtMu*OQ4*Gz>IyMmhM%3e6jzaMUH$eGE)X%sBm3H$Py6w1UrI9oS
z8~@YvOYbYbBmOr7J%PUjOJbAwy5y8(sb3nG7Nl#^b?H7p<pbM4+siakg%FI(AVUhf
z0C9(TIvk41_%Au6bnT?2WPlQ~q(c`ZnWfUHIECQ{YKW)Yt^j3%I~F;W4Mhk1O^ZMI
z)43{C6{6^ef^&a(W6|r+MMK$?Y}x9cy>T_4zdCYbwyGFP!mdDlePEZcBMp6un2x%=
zjc0$ck|PF8R<;I|_hy^C?r2)nex1L1V^+`K0`h}zq}9@)QqBIG9bN{B{~oi6U$Fo!
zkcSy~ofrU|jt&QL@l-ez#~HGeJ`k(VvNJ#j&PLK5j@lJD9l(jRR1Z-*_ldbkvcc^#
zvOL4`1PMx~c6THjf+S04=r}TFWaUhNpv~yyU^L<k(0Y1C*d{d2$UK9Is-s&d8`*Rw
zKnqz0YhYC!4`MJZPttEDPF|fDUp<*fPQG}e@Z5Oow6Aw&F!yA?6xx4!|KLoYpYEM(
zoxC<%E@qbchA$3=>9*&`A6puZ#>OsB3@^!aID0g4V7k}u?Jn%?KCv%Mn|)0V3*UWs
zY~+Bzi;g;vSa#KOCL`a{8a4YV+UjjIJI#id1dE}8Yi?<c2=(rIfx4TcSZlr25e@lF
zL0dB0AMizN3~#sdW}1H}+10yO3Ux&NbzZ^A*<$U<mY^}pm{?Pz%av%fc`Tp#nmzSq
zTPT)Db^66*vt;!Mg0(Kx914^La>a0A^F^YJs&hS$Jo){j<JabUvUBR_zJ;-5YW%5v
zeHTZQ$*~2Jzo_k*d383^`JJHLl3zT0e0Z>T_R67=A3k-UcYpQP<-}-Tr0c|Dw)6bh
z?%2VpC*mH@!|tZBnYqUYc#ikfxg^0x8JgQ#ZKU71E99n#GZGm-8{0I;yZiRETUnFE
z>2i6es~?*r(c^z8#@ju){&rC?x7OmGfuZ3ZITrRu?e%s!duX7Gf7u~Bgcf9hkYFsZ
zr{_`GneOUr^M=Dxh&8c7B;F?D7Qt7$VggpFyfEk|O}96Q@v99|b1S+VPQh8gRZ7&p
zbWlC_uuWYXZfIb4J{sbX-1zi5^cToHuNDsvs@@|u^=8^)-y{@h3acm@J`CEY-phE^
z4-yTkZHQOJPK)}ZgxPCY+)xx2HgJ#EI@W+}cT~UCncit<Q3nrSuqsth7==<$GV0#0
z#7;3gce}iy=$MU_$dE>tai^8oXN;@3hb*|lD48Qth9fdDd_k>hr3osot#2t4JGv2F
zTB$(Asd!;W1E6rJm5hJ?x&{$A!g4gr5!y1LtyA#{tz?|uQK(hpYC&7q)(h0CUb?)k
zt%8C00F0lqn>8Q~eBcNMYcP5-65&XOGaxp@r`0@JD`@vAjw(D*w^XuL%@-(6yI(~(
zRVe5-eZ88mj-Z#~CLU-BvPRy)eC<nv6aS50;#Kla<>&eD(o`y4$s9dI(<w+-E+3m_
F{txary+{B6

delta 1789
zcmY*ZeQX<N8Gqh8pU>xyb1we6*g5;o-*Ftr@!3us+iB8-)OETfPS-X`+oUGThty<s
z){3>Xov$1GQ9#@1v8fcPW0jbuX%keg5NMk^rU@hj8iFDyv}5BBJ_LWDO8h}ST;6j)
zh?Aasp7-~A-sgGm_v)Sp@1noFi|T*?zzPbGP@6j3n<~#MK>&0fqo<CJJu!P_;p!#;
zi81QarHyLs7vH|S0>J2S&i9wTa86|IGv5U;{~hPYR%)voJ2(IIB7pHd%+IY>&(^>I
z9)Ob%FmGO6zp(NxJ6Z&=d;l=|Xl=P#e~P~UqKe5KY}qx8xUN`#i8rV5I=HrR?)>%N
zg&yJcZ?Tov&n#6}Z+`IzF2G~{&5i2$8eB$h%+2Dp_;ht+`K|cZegaUrgZojnGiT2|
zuE4YS0Qf*4)}C3eoqzuki#cuouK@Y6BdeviU)%n8(OUQ?m<$*IxV!r!Mf3Ly-k+-?
z3J8y_drE2Gf1jC_c8B4ydJ1_^rEv)zLzO#P0Rx~I_6l3a+A3JC7KYafD0{q?0|?t)
zocn8Rv)Eq6hI#Zu&1-wKr_n}s>8&*!jl(cdpa%<xYMCji-(beo2h4#+$hbmwy~cmk
zG1l>Ucf!5p`K0rj@JH_jpVQY6kBWbgrlcjQF1;dsPr4`ltMLQNpL^?ixPwUg9omQQ
z-2)QLz*BGzpNI=^D3$GZu_)kA5COlQjtn6=<s}$IGbn<*$Q6j}k(u-m(VrkSrzJS-
zEJ0&>h|I`#WcLzUly23q;fe_qVMzyu^@_6dK|NOH*W%BWvj_9JP^{ds8oN@;mI^uY
zRdjj2`LOwLzIiD;8F{0e`SQ5DIME}f_Xpa%yfwUUx;rwF3wV;l!Jgv@i=CyPX?m<q
zx5*LnJ1xA}-c!uV$HSQwneX<sJ0octcJU`}{W#=5RM;o@g|KvJa738%3&_!YejfRo
zpUjgzU6awt-X3@Ma4vRWu&3P?Po~_7QmVrd8;QsFr=x9s3rSnAEW5sm7P(MBG#fjE
zF?YMfTjkw`*Pq=OFbkoC*O!#IMs4V?bf*F$TcNgbXBTwCBrL%#Xad**oQ%|$;*vTy
zoIFW+kq-?~nn;;+R!%t`c0J8fv?g!3g?I^^K=zXfvUL;4OJY&?68EkLOK$UG1mA><
z#Yy2vf{d^f4%E#7XP2JNY+t;Hw&%WjDwSTkws_*|e2-jxX=bdtPw)*_N5&TNZg+k`
z_rCgYSg7Zw6Q4Vo<K6v73IoUTK6Ja?MA{6#VAyB3wp(o+?_!N+d89mEw3$1tti6+C
z3=~OG#!$ph^8{gXIt`pbM}F8D<T;aVurw1FQ$fkh^DeV1D|Z=71Z{3Nw}k@&?X{$e
zqh29sVO$QIj*X^r`|2Z-Uk(YJ$7N$IUCF*~QLksMR>r{F?R{=DZ$e+uZEjy4T>JXb
z6W7=C`P0{q&Azf;Al~bnIa4g0p6>0ftQU(LGs#``XTR?dE{f5cFF!d^8d|$rK78ZZ
z1BH>(&EuPiN+FP)+stQ{r}|>0MYnG(@EazQ%BH%Ebz0AG9OsHS9MN`HdG_RV(QGi;
zS*}yh7%77AMI#Jyv;{kD1ZpGV;$U%qRG6I^3<SggZJ<-5qg?ZzK@xc(8e^?|X|&hJ
zbCnZM+WGM(CX10+KnP<QBSRD8IkqF8&+)D}%Nh~#;R%HQJkS|{h6a03K<<$({F`s>
z;dn^U2$tbA;5m%cWG13|4wzJN(4t-{n^?q24vCXwPRdBSY4y|OsQS(zr@q~9uy^-#
zhrBycq%?t6@Czxrv+8FDQ&g{0$lBD;CIt^s-%=E<m7+C62n>jZy=JN+Xa3WPRew5B
zGoz-KN`TT-DD~xZpZf7+(1=EqtyTf5@ts4vB%XKZ9s_y<KEDOeJtBh~D8wMm>88ln
zcNTTGx2Lvmlecyjw1{{bJ%_$@z1cR`blmt~h`aoM9jyR^s6D4`)ZN}$BwyD}wW0;`
r7P^Q2Hi!PfU2k4$K7XSXw?b&VQF(zR<bg)_kqMHNVW4qgc8U5ooBxs9

diff --git a/src/Calculator/Calculator.vcxproj b/src/Calculator/Calculator.vcxproj
index 2faf785..8a59e80 100644
--- a/src/Calculator/Calculator.vcxproj
+++ b/src/Calculator/Calculator.vcxproj
@@ -247,6 +247,8 @@
     <ClInclude Include="Converters\RadixToStringConverter.h" />
     <ClInclude Include="Converters\VisibilityNegationConverter.h" />
     <ClInclude Include="Controls\HorizontalNoOverflowStackPanel.h" />
+    <ClInclude Include="Controls\OperatorPanelListView.h" />
+    <ClInclude Include="Controls\OperatorPanelButton.h" />
     <ClInclude Include="pch.h" />
     <ClInclude Include="App.xaml.h">
       <DependentUpon>App.xaml</DependentUpon>
@@ -294,6 +296,7 @@
       <DependentUpon>Views\OperatorsPanel.xaml</DependentUpon>
     </ClInclude>
     <ClInclude Include="Views\StateTriggers\AspectRatioTrigger.h" />
+    <ClInclude Include="Views\StateTriggers\ControlSizeTrigger.h" />
     <ClInclude Include="Views\SupplementaryResults.xaml.h">
       <DependentUpon>Views\SupplementaryResults.xaml</DependentUpon>
     </ClInclude>
@@ -376,6 +379,8 @@
     <ClCompile Include="Converters\RadixToStringConverter.cpp" />
     <ClCompile Include="Converters\VisibilityNegationConverter.cpp" />
     <ClCompile Include="Controls\HorizontalNoOverflowStackPanel.cpp" />
+    <ClCompile Include="Controls\OperatorPanelListView.cpp" />
+    <ClCompile Include="Controls\OperatorPanelButton.cpp" />
     <ClCompile Include="pch.cpp">
       <PrecompiledHeader Condition="'$(Configuration)|$(Platform)'=='Debug|Win32'">Create</PrecompiledHeader>
       <PrecompiledHeader Condition="'$(Configuration)|$(Platform)'=='Release|Win32'">Create</PrecompiledHeader>
@@ -429,6 +434,7 @@
       <DependentUpon>Views\OperatorsPanel.xaml</DependentUpon>
     </ClCompile>
     <ClCompile Include="Views\StateTriggers\AspectRatioTrigger.cpp" />
+    <ClCompile Include="Views\StateTriggers\ControlSizeTrigger.cpp" />
     <ClCompile Include="Views\SupplementaryResults.xaml.cpp">
       <DependentUpon>Views\SupplementaryResults.xaml</DependentUpon>
     </ClCompile>
diff --git a/src/Calculator/Calculator.vcxproj.filters b/src/Calculator/Calculator.vcxproj.filters
index 46e1a69..1931c1e 100644
--- a/src/Calculator/Calculator.vcxproj.filters
+++ b/src/Calculator/Calculator.vcxproj.filters
@@ -299,6 +299,15 @@
       <Filter>Controls</Filter>
     </ClCompile>
     <ClCompile Include="Views\TitleBar.xaml.cpp" />
+    <ClCompile Include="Views\StateTriggers\ControlSizeTrigger.cpp">
+      <Filter>Views\StateTriggers</Filter>
+    </ClCompile>
+    <ClCompile Include="Controls\OperatorPanelListView.cpp">
+      <Filter>Controls</Filter>
+    </ClCompile>
+    <ClCompile Include="Controls\OperatorPanelButton.cpp">
+      <Filter>Controls</Filter>
+    </ClCompile>
   </ItemGroup>
   <ItemGroup>
     <ClInclude Include="pch.h" />
@@ -379,7 +388,16 @@
     <ClInclude Include="Controls\HorizontalNoOverflowStackPanel.h">
       <Filter>Controls</Filter>
     </ClInclude>
+    <ClInclude Include="Views\StateTriggers\ControlSizeTrigger.h">
+      <Filter>Views\StateTriggers</Filter>
+    </ClInclude>
     <ClInclude Include="Views\TitleBar.xaml.h" />
+    <ClInclude Include="Controls\OperatorPanelListView.h">
+      <Filter>Controls</Filter>
+    </ClInclude>
+    <ClInclude Include="Controls\OperatorPanelButton.h">
+      <Filter>Controls</Filter>
+    </ClInclude>
   </ItemGroup>
   <ItemGroup>
     <AppxManifest Include="Package.appxmanifest" />
diff --git a/src/Calculator/Controls/OperatorPanelButton.cpp b/src/Calculator/Controls/OperatorPanelButton.cpp
new file mode 100644
index 0000000..eaa1460
--- /dev/null
+++ b/src/Calculator/Controls/OperatorPanelButton.cpp
@@ -0,0 +1,44 @@
+// Copyright (c) Microsoft Corporation. All rights reserved.
+// Licensed under the MIT License.
+
+#include "pch.h"
+#include "OperatorPanelButton.h"
+
+using namespace Platform;
+using namespace Windows::Foundation;
+using namespace Windows::UI::ViewManagement;
+using namespace Windows::UI::Xaml;
+using namespace Windows::UI::Xaml::Controls;
+using namespace Windows::UI::Xaml::Media;
+using namespace CalculatorApp;
+using namespace CalculatorApp::Common;
+using namespace CalculatorApp::Controls;
+
+DEPENDENCY_PROPERTY_INITIALIZATION(OperatorPanelButton, Text);
+DEPENDENCY_PROPERTY_INITIALIZATION(OperatorPanelButton, Glyph);
+DEPENDENCY_PROPERTY_INITIALIZATION(OperatorPanelButton, GlyphFontSize);
+DEPENDENCY_PROPERTY_INITIALIZATION(OperatorPanelButton, ChevronFontSize);
+DEPENDENCY_PROPERTY_INITIALIZATION(OperatorPanelButton, FlyoutMenu);
+
+void OperatorPanelButton::OnApplyTemplate()
+{
+    if (FlyoutMenu != nullptr)
+    {
+        FlyoutMenu->Closed += ref new EventHandler<Object ^>(this, &OperatorPanelButton::FlyoutClosed);
+    }
+}
+
+void OperatorPanelButton::OnToggle()
+{
+    ToggleButton::OnToggle();
+
+    if (IsChecked)
+    {
+        FlyoutMenu->ShowAt(this);
+    }
+}
+
+void OperatorPanelButton::FlyoutClosed(Object ^ sender, Object ^ args)
+{
+    IsChecked = false;
+}
diff --git a/src/Calculator/Controls/OperatorPanelButton.h b/src/Calculator/Controls/OperatorPanelButton.h
new file mode 100644
index 0000000..effab5e
--- /dev/null
+++ b/src/Calculator/Controls/OperatorPanelButton.h
@@ -0,0 +1,36 @@
+// Copyright (c) Microsoft Corporation. All rights reserved.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include "CalcViewModel/Common/Utils.h"
+
+namespace CalculatorApp
+{
+    namespace Controls
+    {
+    public
+        ref class OperatorPanelButton sealed : Windows::UI::Xaml::Controls::Primitives::ToggleButton
+        {
+        public:
+            OperatorPanelButton()
+            {
+            }
+
+            DEPENDENCY_PROPERTY_OWNER(OperatorPanelButton);
+
+            DEPENDENCY_PROPERTY(Platform::String^, Text);
+            DEPENDENCY_PROPERTY(Platform::String^, Glyph);
+            DEPENDENCY_PROPERTY(double, GlyphFontSize);
+            DEPENDENCY_PROPERTY(double, ChevronFontSize);
+            DEPENDENCY_PROPERTY(Windows::UI::Xaml::Controls::Flyout^, FlyoutMenu);
+
+        protected:
+            virtual void OnApplyTemplate() override;
+            virtual void OnToggle() override;
+
+        private:
+            void FlyoutClosed(Platform::Object^ sender, Platform::Object^ args);
+        };
+    }
+}
diff --git a/src/Calculator/Controls/OperatorPanelListView.cpp b/src/Calculator/Controls/OperatorPanelListView.cpp
new file mode 100644
index 0000000..29019a3
--- /dev/null
+++ b/src/Calculator/Controls/OperatorPanelListView.cpp
@@ -0,0 +1,147 @@
+// Copyright (c) Microsoft Corporation. All rights reserved.
+// Licensed under the MIT License.
+
+#include "pch.h"
+#include "OperatorPanelListView.h"
+
+using namespace CalculatorApp;
+using namespace CalculatorApp::Controls;
+
+using namespace Platform;
+using namespace std;
+using namespace Windows::Foundation;
+using namespace Windows::Devices::Input;
+using namespace Windows::UI::Xaml;
+using namespace Windows::UI::Xaml::Input;
+using namespace Windows::UI::Xaml::Controls;
+
+OperatorPanelListView::OperatorPanelListView()
+{
+}
+
+void OperatorPanelListView::OnApplyTemplate()
+{
+    m_scrollViewer = dynamic_cast<ScrollViewer^>(GetTemplateChild("ScrollViewer"));
+    m_scrollLeft = dynamic_cast<Button^>(GetTemplateChild("ScrollLeft"));
+    m_scrollRight = dynamic_cast<Button^>(GetTemplateChild("ScrollRight"));
+    m_content = dynamic_cast<ItemsPresenter^>(GetTemplateChild("Content"));
+
+    if (m_scrollLeft != nullptr)
+    {
+        m_scrollLeft->Click += ref new RoutedEventHandler(this, &OperatorPanelListView::OnScrollClick);
+        m_scrollLeft->PointerExited += ref new PointerEventHandler(this, &OperatorPanelListView::OnButtonPointerExited);
+    }
+
+    if (m_scrollRight != nullptr)
+    {
+        m_scrollRight->Click += ref new RoutedEventHandler(this, &OperatorPanelListView::OnScrollClick);
+        m_scrollRight->PointerExited += ref new PointerEventHandler(this, &OperatorPanelListView::OnButtonPointerExited);
+    }
+
+    if (m_scrollViewer != nullptr)
+    {
+        m_scrollViewer->ViewChanged += ref new EventHandler<ScrollViewerViewChangedEventArgs^>(this, &OperatorPanelListView::ScrollViewChanged);
+    }
+
+    this->PointerEntered += ref new PointerEventHandler(this, &OperatorPanelListView::OnPointerEntered);
+    this->PointerExited += ref new PointerEventHandler(this, &OperatorPanelListView::OnPointerExited);
+
+    ListView::OnApplyTemplate();
+}
+
+void OperatorPanelListView::ScrollViewChanged(_In_ Object^, _In_ ScrollViewerViewChangedEventArgs^ e)
+{
+    if (m_isPointerEntered && !e->IsIntermediate)
+    {
+        UpdateScrollButtons();
+    }
+}
+
+void OperatorPanelListView::OnScrollClick(_In_ Object^ sender, _In_ RoutedEventArgs^)
+{
+    auto clicked = dynamic_cast<Button^>(sender);
+    if (clicked == m_scrollLeft)
+    {
+        ScrollLeft();
+    }
+    else
+    {
+        ScrollRight();
+    }
+}
+
+void OperatorPanelListView::OnButtonPointerExited(_In_ Object^ sender, _In_ PointerRoutedEventArgs^ e)
+{
+    auto button = dynamic_cast<Button^>(sender);
+
+    // Do not bubble up the pointer exit event to the control if the button being exited was not visible
+    if (button->Visibility == ::Visibility::Collapsed)
+    {
+        e->Handled = true;
+    }
+}
+
+void OperatorPanelListView::OnPointerEntered(_In_ Object^ sender, _In_ PointerRoutedEventArgs^ e)
+{
+    if (e->Pointer->PointerDeviceType == PointerDeviceType::Mouse)
+    {
+        UpdateScrollButtons();
+        m_isPointerEntered = true;
+    }
+}
+
+void OperatorPanelListView::OnPointerExited(_In_ Object^ sender, _In_ PointerRoutedEventArgs^ e)
+{
+    m_scrollLeft->Visibility = ::Visibility::Collapsed;
+    m_scrollRight->Visibility = ::Visibility::Collapsed;
+    m_isPointerEntered = false;
+}
+
+void OperatorPanelListView::ScrollLeft()
+{
+    double offset = m_scrollViewer->HorizontalOffset - (scrollRatio * m_scrollViewer->ViewportWidth);
+    m_scrollViewer->ChangeView(offset, nullptr, nullptr);
+}
+
+void OperatorPanelListView::ScrollRight()
+{
+    double offset = m_scrollViewer->HorizontalOffset + (scrollRatio * m_scrollViewer->ViewportWidth);
+    m_scrollViewer->ChangeView(offset, nullptr, nullptr);
+}
+
+void OperatorPanelListView::UpdateScrollButtons()
+{
+    if (m_content == nullptr || m_scrollViewer == nullptr)
+    {
+        return;
+    }
+
+    // When the width is smaller than the container, don't show any
+    if (m_content->ActualWidth <= m_scrollViewer->ActualWidth)
+    {
+        ShowHideScrollButtons(::Visibility::Collapsed, ::Visibility::Collapsed);
+    }
+    // We have more number on both side. Show both arrows
+    else if ((m_scrollViewer->HorizontalOffset > 0) && (m_scrollViewer->HorizontalOffset < (m_scrollViewer->ExtentWidth - m_scrollViewer->ViewportWidth)))
+    {
+        ShowHideScrollButtons(::Visibility::Visible, ::Visibility::Visible);
+    }
+    // Width is larger than the container and left most part of the number is shown. Should be able to scroll left.
+    else if (m_scrollViewer->HorizontalOffset == 0)
+    {
+        ShowHideScrollButtons(::Visibility::Collapsed, ::Visibility::Visible);
+    }
+    else // Width is larger than the container and right most part of the number is shown. Should be able to scroll left.
+    {
+        ShowHideScrollButtons(::Visibility::Visible, ::Visibility::Collapsed);
+    }
+}
+
+void OperatorPanelListView::ShowHideScrollButtons(::Visibility vLeft, ::Visibility vRight)
+{
+    if (m_scrollLeft != nullptr && m_scrollRight != nullptr)
+    {
+        m_scrollLeft->Visibility = vLeft;
+        m_scrollRight->Visibility = vRight;
+    }
+}
diff --git a/src/Calculator/Controls/OperatorPanelListView.h b/src/Calculator/Controls/OperatorPanelListView.h
new file mode 100644
index 0000000..4e663e9
--- /dev/null
+++ b/src/Calculator/Controls/OperatorPanelListView.h
@@ -0,0 +1,43 @@
+// Copyright (c) Microsoft Corporation. All rights reserved.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include "CalcViewModel/Common/Utils.h"
+
+namespace CalculatorApp
+{
+    namespace Controls
+    {
+    public
+        ref class OperatorPanelListView sealed : public Windows::UI::Xaml::Controls::ListView
+        {
+        public:
+            OperatorPanelListView();
+
+        protected:
+            virtual void OnApplyTemplate() override;
+
+        private:
+            void OnScrollClick(_In_ Platform::Object^ sender, _In_ Windows::UI::Xaml::RoutedEventArgs^ e);
+            void OnPointerEntered(_In_ Platform::Object^ sender, _In_ Windows::UI::Xaml::Input::PointerRoutedEventArgs^ e);
+            void OnPointerExited(_In_ Platform::Object^ sender, _In_ Windows::UI::Xaml::Input::PointerRoutedEventArgs^ e);
+            void OnButtonPointerExited(_In_ Platform::Object^ sender, _In_ Windows::UI::Xaml::Input::PointerRoutedEventArgs^ e);
+            void ScrollViewChanged(_In_ Platform::Object^ sender, _In_ Windows::UI::Xaml::Controls::ScrollViewerViewChangedEventArgs^ args);
+            void ShowHideScrollButtons(Windows::UI::Xaml::Visibility vLeft, Windows::UI::Xaml::Visibility vRight);
+            void UpdateScrollButtons();
+
+            void ScrollLeft();
+            void ScrollRight();
+
+            double scrollRatio = 0.7;
+
+            bool m_isPointerEntered;
+
+            Windows::UI::Xaml::Controls::ItemsPresenter^ m_content;
+            Windows::UI::Xaml::Controls::ScrollViewer^ m_scrollViewer;
+            Windows::UI::Xaml::Controls::Button^ m_scrollLeft;
+            Windows::UI::Xaml::Controls::Button^ m_scrollRight;
+        };
+    }
+}
diff --git a/src/Calculator/Resources/en-US/Resources.resw b/src/Calculator/Resources/en-US/Resources.resw
index e4c1033..e15a19a 100644
--- a/src/Calculator/Resources/en-US/Resources.resw
+++ b/src/Calculator/Resources/en-US/Resources.resw
@@ -449,12 +449,12 @@
     <value>^</value>
     <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
   </data>
-  <data name="rolButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKey" xml:space="preserve">
-    <value>J</value>
+  <data name="rolButton.[using:CalculatorApp.Common]KeyboardShortcutManager.Character" xml:space="preserve">
+    <value>&lt;</value>
     <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
   </data>
-  <data name="rorButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKey" xml:space="preserve">
-    <value>K</value>
+  <data name="rorButton.[using:CalculatorApp.Common]KeyboardShortcutManager.Character" xml:space="preserve">
+    <value>&gt;</value>
     <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
   </data>
   <data name="decimalButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKey" xml:space="preserve">
@@ -3363,6 +3363,114 @@
     <value>inverse hyperbolic tangent</value>
     <comment>Name for the inverse hyperbolic tangent function. Used by screen readers.</comment>
   </data>
+  <data name="SecantDegrees" xml:space="preserve">
+    <value>secant degrees</value>
+    <comment>Name for the secant function in degrees mode. Used by screen readers.</comment>
+  </data>
+  <data name="SecantRadians" xml:space="preserve">
+    <value>secant radians</value>
+    <comment>Name for the secant function in radians mode. Used by screen readers.</comment>
+  </data>
+  <data name="SecantGradians" xml:space="preserve">
+    <value>secant gradians</value>
+    <comment>Name for the secant function in gradians mode. Used by screen readers.</comment>
+  </data>
+  <data name="InverseSecantDegrees" xml:space="preserve">
+    <value>inverse secant degrees</value>
+    <comment>Name for the inverse secant function in degrees mode. Used by screen readers.</comment>
+  </data>
+  <data name="InverseSecantRadians" xml:space="preserve">
+    <value>inverse secant radians</value>
+    <comment>Name for the inverse secant function in radians mode. Used by screen readers.</comment>
+  </data>
+  <data name="InverseSecantGradians" xml:space="preserve">
+    <value>inverse secant gradians</value>
+    <comment>Name for the inverse secant function in gradians mode. Used by screen readers.</comment>
+  </data>
+  <data name="HyperbolicSecant" xml:space="preserve">
+    <value>hyperbolic secant</value>
+    <comment>Name for the hyperbolic secant function. Used by screen readers.</comment>
+  </data>
+  <data name="InverseHyperbolicSecant" xml:space="preserve">
+    <value>inverse hyperbolic secant</value>
+    <comment>Name for the inverse hyperbolic secant function. Used by screen readers.</comment>
+  </data>
+  <data name="CosecantDegrees" xml:space="preserve">
+    <value>cosecant degrees</value>
+    <comment>Name for the cosecant function in degrees mode. Used by screen readers.</comment>
+  </data>
+  <data name="CosecantRadians" xml:space="preserve">
+    <value>cosecant radians</value>
+    <comment>Name for the cosecant function in radians mode. Used by screen readers.</comment>
+  </data>
+  <data name="CosecantGradians" xml:space="preserve">
+    <value>cosecant gradians</value>
+    <comment>Name for the cosecant function in gradians mode. Used by screen readers.</comment>
+  </data>
+  <data name="InverseCosecantDegrees" xml:space="preserve">
+    <value>inverse cosecant degrees</value>
+    <comment>Name for the inverse cosecant function in degrees mode. Used by screen readers.</comment>
+  </data>
+  <data name="InverseCosecantRadians" xml:space="preserve">
+    <value>inverse cosecant radians</value>
+    <comment>Name for the inverse cosecant function in radians mode. Used by screen readers.</comment>
+  </data>
+  <data name="InverseCosecantGradians" xml:space="preserve">
+    <value>inverse cosecant gradians</value>
+    <comment>Name for the inverse cosecant function in gradians mode. Used by screen readers.</comment>
+  </data>
+  <data name="HyperbolicCosecant" xml:space="preserve">
+    <value>hyperbolic cosecant</value>
+    <comment>Name for the hyperbolic cosecant function. Used by screen readers.</comment>
+  </data>
+  <data name="InverseHyperbolicCosecant" xml:space="preserve">
+    <value>inverse hyperbolic cosecant</value>
+    <comment>Name for the inverse hyperbolic cosecant function. Used by screen readers.</comment>
+  </data>
+  <data name="CotangentDegrees" xml:space="preserve">
+    <value>cotangent degrees</value>
+    <comment>Name for the cotangent function in degrees mode. Used by screen readers.</comment>
+  </data>
+  <data name="CotangentRadians" xml:space="preserve">
+    <value>Cotangent radians</value>
+    <comment>Name for the cotangent function in radians mode. Used by screen readers.</comment>
+  </data>
+  <data name="CotangentGradians" xml:space="preserve">
+    <value>cotangent gradians</value>
+    <comment>Name for the cotangent function in gradians mode. Used by screen readers.</comment>
+  </data>
+  <data name="InverseCotangentDegrees" xml:space="preserve">
+    <value>inverse cotangent degrees</value>
+    <comment>Name for the inverse cotangent function in degrees mode. Used by screen readers.</comment>
+  </data>
+  <data name="InverseCotangentRadians" xml:space="preserve">
+    <value>inverse cotangent radians</value>
+    <comment>Name for the inverse cotangent function in radians mode. Used by screen readers.</comment>
+  </data>
+  <data name="InverseCotangentGradians" xml:space="preserve">
+    <value>inverse cotangent gradians</value>
+    <comment>Name for the inverse cotangent function in gradians mode. Used by screen readers.</comment>
+  </data>
+  <data name="HyperbolicCotangent" xml:space="preserve">
+    <value>hyperbolic cotangent</value>
+    <comment>Name for the hyperbolic cotangent function. Used by screen readers.</comment>
+  </data>
+  <data name="InverseHyperbolicCotangent" xml:space="preserve">
+    <value>inverse hyperbolic cotangent</value>
+    <comment>Name for the inverse hyperbolic cotangent function. Used by screen readers.</comment>
+  </data>
+  <data name="CubeRoot" xml:space="preserve">
+    <value>Cube Root</value>
+    <comment>Name for the cube root function. Used by screen readers.</comment>
+  </data>
+  <data name="Logx" xml:space="preserve">
+    <value>Base Log</value>
+    <comment>Name for the logbasex function. Used by screen readers.</comment>
+  </data>
+  <data name="AbsoluteValue" xml:space="preserve">
+    <value>Absolute Value</value>
+    <comment>Name for the absolute value function. Used by screen readers.</comment>
+  </data>
   <data name="LeftShift" xml:space="preserve">
     <value>left shift</value>
     <comment>Name for the programmer function that shifts bits to the left. Used by screen readers.</comment>
@@ -3425,7 +3533,319 @@
   </data>
   <data name="CalculationFailed" xml:space="preserve">
     <value>Calculation failed</value>
-    <comment>Text displayed when the application is not able to do a calculation</comment>
+    <comment>Text displayed when the application is not able to do a calculation</comment>  
+  </data>
+  <data name="logBaseX.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Log base X</value>
+    <comment>Screen reader prompt for the logBaseX button</comment>
+  </data>
+  <data name="logBaseX.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyShiftChord" xml:space="preserve">
+    <value>L</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="trigButton.Text" xml:space="preserve">
+    <value>Trigonometry</value>
+    <comment>Displayed on the button that contains a flyout for the trig functions in scientific mode.</comment>
+  </data>
+  <data name="funcButton.Text" xml:space="preserve">
+    <value>Function</value>
+    <comment>Displayed on the button that contains a flyout for the general functions in scientific mode.</comment>
+  </data>
+  <data name="bitwiseButton.Text" xml:space="preserve">
+    <value>Bitwise</value>
+    <comment>Displayed on the button that contains a flyout for the bitwise functions in programmer mode.</comment>
+  </data>
+  <data name="bitShiftButton.Text" xml:space="preserve">
+    <value>Bit Shift</value>
+    <comment>Displayed on the button that contains a flyout for the bit shift functions in programmer mode.</comment>
+  </data>
+  <data name="trigShiftButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Inverse Function</value>
+    <comment>Screen Reader prompt for the shift button in the trig flyout in scientific mode.</comment>
+  </data>
+  <data name="hypButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Hyperbolic function</value>
+    <comment>Screen reader prompt for the Calculator button HYP in the scientific flyout keypad</comment>
+  </data>
+  <data name="secButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Secant</value>
+    <comment>Screen reader prompt for the Calculator button sec in the scientific flyout keypad</comment>
+  </data>
+  <data name="secButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKey" xml:space="preserve">
+    <value>U</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="sechButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Hyperbolic Secant</value>
+    <comment>Screen reader prompt for the Calculator button sech in the scientific flyout keypad</comment>
+  </data>
+  <data name="sechButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyControlChord" xml:space="preserve">
+    <value>U</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="invsecButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Arc Secant</value>
+    <comment>Screen reader prompt for the Calculator button arc sec in the scientific flyout keypad</comment>
+  </data>
+  <data name="invsecButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyShiftChord" xml:space="preserve">
+    <value>U</value>
+    <comment>{Locked}The shortcut for the inverted sec button</comment>
+  </data>
+  <data name="invsecButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyInverseChord" xml:space="preserve">
+    <value>U</value>
+    <comment>{Locked}The shortcut for the inverted sec button</comment>
+  </data>
+  <data name="invsechButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Hyperbolic Arc Secant</value>
+    <comment>Screen reader prompt for the Calculator button arc sec in the scientific flyout keypad</comment>
+  </data>
+  <data name="invsechButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyControlShiftChord" xml:space="preserve">
+    <value>U</value>
+    <comment>{Locked}The shortcut for the inverted sech button</comment>
+  </data>
+  <data name="invsechButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyControlInverseChord" xml:space="preserve">
+    <value>U</value>
+    <comment>{Locked}The shortcut for the inverted sech button</comment>
+  </data>
+  <data name="cscButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Cosecant</value>
+    <comment>Screen reader prompt for the Calculator button csc in the scientific flyout keypad</comment>
+  </data>
+  <data name="cscButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKey" xml:space="preserve">
+    <value>I</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="cschButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Hyperbolic Cosecant</value>
+    <comment>Screen reader prompt for the Calculator button csch in the scientific flyout keypad</comment>
+  </data>
+  <data name="cschButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyControlChord" xml:space="preserve">
+    <value>I</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="invcscButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Arc Cosecant</value>
+    <comment>Screen reader prompt for the Calculator button arc csc in the scientific flyout keypad</comment>
+  </data>
+  <data name="invcscButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyShiftChord" xml:space="preserve">
+    <value>I</value>
+    <comment>{Locked}The shortcut for the inverted sec button</comment>
+  </data>
+  <data name="invcscButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyInverseChord" xml:space="preserve">
+    <value>I</value>
+    <comment>{Locked}The shortcut for the inverted sec button</comment>
+  </data>
+  <data name="invcschButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Hyperbolic Arc Cosecant</value>
+    <comment>Screen reader prompt for the Calculator button arc csc in the scientific flyout keypad</comment>
+  </data>
+  <data name="invcschButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyControlShiftChord" xml:space="preserve">
+    <value>I</value>
+    <comment>{Locked}The shortcut for the inverted sech button</comment>
+  </data>
+  <data name="invcschButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyControlInverseChord" xml:space="preserve">
+    <value>I</value>
+    <comment>{Locked}The shortcut for the inverted sech button</comment>
+  </data>
+  <data name="cotButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Cotangent</value>
+    <comment>Screen reader prompt for the Calculator button cot in the scientific flyout keypad</comment>
+  </data>
+  <data name="cotButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKey" xml:space="preserve">
+    <value>J</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="cothButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Hyperbolic Cotangent</value>
+    <comment>Screen reader prompt for the Calculator button coth in the scientific flyout keypad</comment>
+  </data>
+  <data name="cothButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyControlChord" xml:space="preserve">
+    <value>J</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="invcotButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Arc Cotangent</value>
+    <comment>Screen reader prompt for the Calculator button arc cot in the scientific flyout keypad</comment>
+  </data>
+  <data name="invcotButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyShiftChord" xml:space="preserve">
+    <value>J</value>
+    <comment>{Locked}The shortcut for the inverted sec button</comment>
+  </data>
+  <data name="invcotButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyInverseChord" xml:space="preserve">
+    <value>J</value>
+    <comment>{Locked}The shortcut for the inverted sec button</comment>
+  </data>
+  <data name="invcothButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Hyperbolic Arc Cotangent</value>
+    <comment>Screen reader prompt for the Calculator button arc coth in the scientific flyout keypad</comment>
+  </data>
+  <data name="invcothButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyControlInverseChord" xml:space="preserve">
+    <value>J</value>
+    <comment>{Locked}The shortcut for the inverted sech button</comment>
+  </data>
+  <data name="invcothButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyControlShiftChord" xml:space="preserve">
+    <value>J</value>
+    <comment>{Locked}The shortcut for the inverted sech button</comment>
+  </data>
+  <data name="floorButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Floor</value>
+    <comment>Screen reader prompt for the Calculator button floor in the scientific flyout keypad</comment>
+  </data>
+  <data name="floorButton.[using:CalculatorApp.Common]KeyboardShortcutManager.Character" xml:space="preserve">
+    <value>[</value>
+    <comment>{Locked}The shortcut for the inverted sech button</comment>
+  </data>
+  <data name="ceilButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Ceiling</value>
+    <comment>Screen reader prompt for the Calculator button ceiling in the scientific flyout keypad</comment>
+  </data>
+  <data name="ceilButton.[using:CalculatorApp.Common]KeyboardShortcutManager.Character" xml:space="preserve">
+    <value>]</value>
+    <comment>{Locked}The shortcut for the inverted sech button</comment>
+  </data>
+  <data name="randButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Random</value>
+    <comment>Screen reader prompt for the Calculator button random in the scientific flyout keypad</comment>
+  </data>
+  <data name="randButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyShiftChord" xml:space="preserve">
+    <value>R</value>
+    <comment>{Locked}The shortcut for the inverted sech button</comment>
+  </data>
+  <data name="absButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Absolute Value</value>
+    <comment>Screen reader prompt for the Calculator button abs in the scientific flyout keypad</comment>
+  </data>
+  <data name="absButton.[using:CalculatorApp.Common]KeyboardShortcutManager.Character" xml:space="preserve">
+    <value>|</value>
+    <comment>{Locked}The shortcut for the inverted sech button</comment>
+  </data>
+  <data name="eulerButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Euler's number</value>
+    <comment>Screen reader prompt for the Calculator button e in the scientific flyout keypad</comment>
+  </data>
+  <data name="eulerButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKeyShiftChord" xml:space="preserve">
+    <value>E</value>
+    <comment>{Locked}The shortcut for the inverted sech button</comment>
+  </data>
+  <data name="twoPowerXButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Two to the exponent</value>
+    <comment>Screen reader prompt for the Calculator button 2^x in the scientific flyout keypad</comment>
+  </data>
+  <data name="twoPowerXButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKey" xml:space="preserve">
+    <value>G</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="nandButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Nand</value>
+    <comment>Screen reader prompt for the Calculator button nand in the scientific flyout keypad</comment>
+  </data>
+  <data name="nandButton.[using:CalculatorApp.Common]KeyboardShortcutManager.Character" xml:space="preserve">
+    <value>.</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="nandButton.[using:CalculatorApp.Controls]CalculatorButton.AuditoryFeedback" xml:space="preserve">
+    <value>Nand</value>
+    <comment>Auditory feedback for Screen Reader users. Users will hear "Display is 7 nand" when the button is pressed. NAND is a mathematical operation on two binary values.</comment>
+  </data>
+  <data name="norButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Nor</value>
+    <comment>Screen reader prompt for the Calculator button nor in the scientific flyout keypad</comment>
+  </data>
+  <data name="norButton.[using:CalculatorApp.Common]KeyboardShortcutManager.Character" xml:space="preserve">
+    <value>\</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="norButton.[using:CalculatorApp.Controls]CalculatorButton.AuditoryFeedback" xml:space="preserve">
+    <value>Nor</value>
+    <comment>Auditory feedback for Screen Reader users. Users will hear "Display is 7 nor" when the button is pressed. NAND is a mathematical operation on two binary values.</comment>
+  </data>
+  <data name="rolCarryButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Rotate on left with carry</value>
+    <comment>Screen reader prompt for the Calculator button rol with carry in the scientific flyout keypad</comment>
+  </data>
+  <data name="rolCarryButton.[using:CalculatorApp.Common]KeyboardShortcutManager.Character" xml:space="preserve">
+    <value>&lt;</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="rorCarryButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Rotate on right with carry</value>
+    <comment>Screen reader prompt for the Calculator button ror with carry in the scientific flyout keypad</comment>
+  </data>
+  <data name="rorCarryButton.[using:CalculatorApp.Common]KeyboardShortcutManager.Character" xml:space="preserve">
+    <value>&gt;</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="lshLogicalButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Left Shift</value>
+    <comment>Screen reader prompt for the Calculator button lshLogical in the scientific flyout keypad</comment>
+  </data>
+  <data name="lshLogicalButton.[using:CalculatorApp.Common]KeyboardShortcutManager.Character" xml:space="preserve">
+    <value>&lt;</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="lshLogicalButton.[using:CalculatorApp.Controls]CalculatorButton.AuditoryFeedback" xml:space="preserve">
+    <value>Left shift</value>
+    <comment>Auditory feedback for Screen Reader users. Users will hear "Display is 7 left shift" when the button is pressed. NAND is a mathematical operation on two binary values.</comment>
+  </data>
+  <data name="rshLogicalButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Right Shift</value>
+    <comment>Screen reader prompt for the Calculator button rshLogical in the scientific flyout keypad</comment>
+  </data>
+  <data name="rshLogicalButton.[using:CalculatorApp.Common]KeyboardShortcutManager.Character" xml:space="preserve">
+    <value>&gt;</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="rshLogicalButton.[using:CalculatorApp.Controls]CalculatorButton.AuditoryFeedback" xml:space="preserve">
+    <value>Right shift</value>
+    <comment>Auditory feedback for Screen Reader users. Users will hear "Display is 7 right shift" when the button is pressed. NAND is a mathematical operation on two binary values.</comment>
+  </data>
+  <data name="arithmeticShiftButton.Content" xml:space="preserve">
+    <value>Arithmetic Shift</value>
+    <comment>Label for a radio button that toggles arithmetic shift behavior for the shift operations.</comment>
+  </data>
+  <data name="logicalShiftButton.Content" xml:space="preserve">
+    <value>Logical Shift</value>
+    <comment>Label for a radio button that toggles logical shift behavior for the shift operations.</comment>
+  </data>
+  <data name="rotateCircularButton.Content" xml:space="preserve">
+    <value>Rotate Circular Shift</value>
+    <comment>Label for a radio button that toggles rotate circular behavior for the shift operations.</comment>
+  </data>
+  <data name="rotateCarryShiftButton.Content" xml:space="preserve">
+    <value>Rotate Through Carry Circular Shift</value>
+    <comment>Label for a radio button that toggles rotate circular with carry behavior for the shift operations.</comment>
+  </data>
+  <data name="cubeRootButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Cube root</value>
+    <comment>Screen reader prompt for the cube root button on the scientific operator keypad</comment>
+  </data>
+  <data name="cubeRootButton.[using:CalculatorApp.Common]KeyboardShortcutManager.VirtualKey" xml:space="preserve">
+    <value>B</value>
+    <comment>{Locked}This is the character that should trigger this button. Note that it is a character and not a key, so it does not come from the Windows::System::VirtualKey enum.</comment>
+  </data>
+  <data name="trigButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Trigonometry</value>
+    <comment>Screen reader prompt for the square root button on the scientific operator keypad</comment>
+  </data>
+  <data name="funcButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Functions</value>
+    <comment>Screen reader prompt for the square root button on the scientific operator keypad</comment>
+  </data>
+  <data name="bitwiseButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Bitwise</value>
+    <comment>Screen reader prompt for the square root button on the scientific operator keypad</comment>
+  </data>
+  <data name="bitShiftButton.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Bitshift</value>
+    <comment>Screen reader prompt for the square root button on the scientific operator keypad</comment>
+  </data>
+  <data name="ScientificOperatorPanel.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Scientific Operator Panels</value>
+    <comment>Screen reader prompt for the Scientific Operator Panels on the scientific operator keypad</comment>
+  </data>
+  <data name="ProgrammerOperatorPanel.[using:Windows.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Programmer Operator Panels</value>
+    <comment>Screen reader prompt for the Programmer Operator Panels on the programmer operator keypad</comment>
   </data>
   <data name="MostSignificantBit" xml:space="preserve">
     <value>most significant bit</value>
diff --git a/src/Calculator/Views/Calculator.xaml.h b/src/Calculator/Views/Calculator.xaml.h
index a1094a4..78ef710 100644
--- a/src/Calculator/Views/Calculator.xaml.h
+++ b/src/Calculator/Views/Calculator.xaml.h
@@ -11,6 +11,8 @@
 #include "Controls/CalculatorButton.h"
 #include "Controls/CalculationResult.h"
 #include "Controls/OverflowTextBlock.h"
+#include "Controls/OperatorPanelListView.h"
+#include "Controls/OperatorPanelButton.h"
 #include "CalcViewModel/HistoryViewModel.h"
 #include "Views/CalculatorProgrammerDisplayPanel.xaml.h"
 #include "Views/CalculatorProgrammerOperators.xaml.h"
@@ -18,6 +20,7 @@
 #include "Views/HistoryList.xaml.h"
 #include "Views/Memory.xaml.h"
 #include "Views/OperatorsPanel.xaml.h"
+#include "Views/StateTriggers/ControlSizeTrigger.h"
 
 namespace CalculatorApp
 {
diff --git a/src/Calculator/Views/CalculatorProgrammerRadixOperators.xaml b/src/Calculator/Views/CalculatorProgrammerRadixOperators.xaml
index 0496bcd..9b0d0bd 100644
--- a/src/Calculator/Views/CalculatorProgrammerRadixOperators.xaml
+++ b/src/Calculator/Views/CalculatorProgrammerRadixOperators.xaml
@@ -1,18 +1,28 @@
 <UserControl x:Class="CalculatorApp.CalculatorProgrammerRadixOperators"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:Windows10version1803="http://schemas.microsoft.com/winfx/2006/xaml/presentation?IsApiContractNotPresent(Windows.Foundation.UniversalApiContract, 7)"
+             xmlns:Windows10version1809="http://schemas.microsoft.com/winfx/2006/xaml/presentation?IsApiContractPresent(Windows.Foundation.UniversalApiContract, 7)"
              xmlns:common="using:CalculatorApp.Common"
              xmlns:controls="using:CalculatorApp.Controls"
+             xmlns:converters="using:CalculatorApp.Converters"
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
              xmlns:local="using:CalculatorApp"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:triggers="using:CalculatorApp.Views.StateTriggers"
              x:Name="ControlRoot"
              d:DesignHeight="395"
              d:DesignWidth="315"
+             XYFocusKeyboardNavigation="Enabled"
              mc:Ignorable="d">
+    <UserControl.Resources>
+        <converters:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
+        <converters:BooleanToVisibilityNegationConverter x:Key="BooleanToVisibilityNegationConverter"/>
+    </UserControl.Resources>
 
     <Grid x:Name="ProgRadixOps">
         <Grid.RowDefinitions>
+            <RowDefinition x:Name="OperatorPanelRow" Height="Auto"/>
             <RowDefinition Height="1*"/>
             <RowDefinition Height="1*"/>
             <RowDefinition Height="1*"/>
@@ -27,7 +37,6 @@
             <ColumnDefinition x:Name="C2" Width="1*"/>
             <ColumnDefinition x:Name="C3" Width="1*"/>
             <ColumnDefinition x:Name="C4" Width="1*"/>
-            <ColumnDefinition x:Name="C5" Width="1*"/>
             <ColumnDefinition x:Name="GutterRight" Width="0"/>
         </Grid.ColumnDefinitions>
 
@@ -45,7 +54,6 @@
                         <Setter Target="NotButton.IsEnabled" Value="False"/>
                         <Setter Target="AndButton.IsEnabled" Value="False"/>
 
-                        <Setter Target="ShiftButton.IsEnabled" Value="False"/>
                         <Setter Target="ModButton.IsEnabled" Value="False"/>
 
                         <Setter Target="DivideButton.IsEnabled" Value="False"/>
@@ -56,180 +64,489 @@
                         <Setter Target="OpenParenthesisButton.IsEnabled" Value="False"/>
                         <Setter Target="CloseParenthesisButton.IsEnabled" Value="False"/>
                         <Setter Target="NegateButton.IsEnabled" Value="False"/>
+                        <Setter Target="BitShiftButton.IsEnabled" Value="False"/>
+                        <Setter Target="BitwiseButton.IsEnabled" Value="False"/>
                     </VisualState.Setters>
                 </VisualState>
             </VisualStateGroup>
             <VisualStateGroup>
-                <VisualState x:Name="Portrait768x1366">
+                <VisualState x:Name="Large">
                     <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="1366" MinWindowWidth="768"/>
+                        <triggers:ControlSizeTrigger MinWidth="1053"
+                                                     MinHeight="729"
+                                                     Source="{x:Bind ProgRadixOps}"/>
                     </VisualState.StateTriggers>
                     <VisualState.Setters>
-                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
-                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
-                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle38}"/>
+                        <Setter Target="AButton.Style" Value="{StaticResource NumericButtonStyle38}"/>
+                        <Setter Target="BButton.Style" Value="{StaticResource NumericButtonStyle38}"/>
+                        <Setter Target="CButton.Style" Value="{StaticResource NumericButtonStyle38}"/>
+                        <Setter Target="DButton.Style" Value="{StaticResource NumericButtonStyle38}"/>
+                        <Setter Target="EButton.Style" Value="{StaticResource NumericButtonStyle38}"/>
+                        <Setter Target="FButton.Style" Value="{StaticResource NumericButtonStyle38}"/>
+
+                        <Setter Target="ModButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="DivideButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="MultiplyButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="MinusButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="PlusButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="EqualButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="OpenParenthesisButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="CloseParenthesisButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+
+                        <Setter Target="AndButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="OrButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="XorButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="NandButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="NorButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="RolButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="RorButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="RolCarryButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="RorCarryButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="LshButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="RshButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="LshLogicalButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="RshLogicalButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="NotButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+
+                        <Setter Target="OperatorPanelRow.MinHeight" Value="{StaticResource OperatorPanelButtonRowSizeLarge}"/>
+
+                        <Setter Target="BitwiseButton.ChevronFontSize" Value="{ThemeResource OperatorPanelChevronFontSizeLarge}"/>
+                        <Setter Target="BitwiseButton.GlyphFontSize" Value="{ThemeResource OperatorPanelGlyphFontSizeLarge}"/>
+                        <Setter Target="BitwiseButton.FontSize" Value="{ThemeResource OperatorPanelFontSizeLarge}"/>
+
+                        <Setter Target="BitShiftButton.ChevronFontSize" Value="{ThemeResource OperatorPanelChevronFontSizeLarge}"/>
+                        <Setter Target="BitShiftButton.GlyphFontSize" Value="{ThemeResource OperatorPanelGlyphFontSizeLarge}"/>
+                        <Setter Target="BitShiftButton.FontSize" Value="{ThemeResource OperatorPanelFontSizeLarge}"/>
+
+                        <Setter Target="BitwiseGrid.MinWidth" Value="387"/>
+                        <Setter Target="BitwiseGrid.MinHeight" Value="192"/>
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState x:Name="Medium">
+                    <VisualState.StateTriggers>
+                        <triggers:ControlSizeTrigger MinWidth="630"
+                                                     MinHeight="437"
+                                                     Source="{x:Bind ProgRadixOps}"/>
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle24}"/>
+                        <Setter Target="AButton.Style" Value="{StaticResource NumericButtonStyle24}"/>
+                        <Setter Target="BButton.Style" Value="{StaticResource NumericButtonStyle24}"/>
+                        <Setter Target="CButton.Style" Value="{StaticResource NumericButtonStyle24}"/>
+                        <Setter Target="DButton.Style" Value="{StaticResource NumericButtonStyle24}"/>
+                        <Setter Target="EButton.Style" Value="{StaticResource NumericButtonStyle24}"/>
+                        <Setter Target="FButton.Style" Value="{StaticResource NumericButtonStyle24}"/>
+
+                        <Setter Target="ModButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="DivideButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="MultiplyButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="MinusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="PlusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="EqualButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
+                        <Setter Target="OpenParenthesisButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="CloseParenthesisButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+
+                        <Setter Target="AndButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="OrButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="XorButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="NandButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="NorButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="RolButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="RorButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="RolCarryButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="RorCarryButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="LshButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="RshButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="LshLogicalButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="RshLogicalButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="NotButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+
+                        <Setter Target="OperatorPanelRow.MinHeight" Value="{StaticResource OperatorPanelButtonRowSizeMedium}"/>
+
+                        <Setter Target="BitwiseButton.ChevronFontSize" Value="{ThemeResource OperatorPanelChevronFontSizeMedium}"/>
+                        <Setter Target="BitwiseButton.GlyphFontSize" Value="{ThemeResource OperatorPanelGlyphFontSizeMedium}"/>
+                        <Setter Target="BitwiseButton.FontSize" Value="{ThemeResource OperatorPanelFontSizeMedium}"/>
+
+                        <Setter Target="BitShiftButton.ChevronFontSize" Value="{ThemeResource OperatorPanelChevronFontSizeMedium}"/>
+                        <Setter Target="BitShiftButton.GlyphFontSize" Value="{ThemeResource OperatorPanelGlyphFontSizeMedium}"/>
+                        <Setter Target="BitShiftButton.FontSize" Value="{ThemeResource OperatorPanelFontSizeMedium}"/>
+
+                        <Setter Target="BitwiseGrid.MinWidth" Value="416"/>
+                        <Setter Target="BitwiseGrid.MinHeight" Value="144"/>
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState x:Name="Small">
+                    <VisualState.StateTriggers>
+                        <AdaptiveTrigger MinWindowHeight="{StaticResource AppMinWindowHeight}" MinWindowWidth="{StaticResource AppMinWindowWidth}"/>
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle18}"/>
+                        <Setter Target="AButton.Style" Value="{StaticResource NumericButtonStyle14}"/>
+                        <Setter Target="BButton.Style" Value="{StaticResource NumericButtonStyle14}"/>
+                        <Setter Target="CButton.Style" Value="{StaticResource NumericButtonStyle14}"/>
+                        <Setter Target="DButton.Style" Value="{StaticResource NumericButtonStyle14}"/>
+                        <Setter Target="EButton.Style" Value="{StaticResource NumericButtonStyle14}"/>
+                        <Setter Target="FButton.Style" Value="{StaticResource NumericButtonStyle14}"/>
+
+                        <Setter Target="ModButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
                         <Setter Target="DivideButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
                         <Setter Target="MultiplyButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
                         <Setter Target="MinusButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
                         <Setter Target="PlusButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
                         <Setter Target="EqualButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="OpenParenthesisButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="CloseParenthesisButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
 
-                        <Setter Target="AButton.FontSize" Value="{StaticResource TitleFontSize}"/>
-                        <Setter Target="BButton.FontSize" Value="{StaticResource TitleFontSize}"/>
-                        <Setter Target="CButton.FontSize" Value="{StaticResource TitleFontSize}"/>
-                        <Setter Target="DButton.FontSize" Value="{StaticResource TitleFontSize}"/>
-                        <Setter Target="EButton.FontSize" Value="{StaticResource TitleFontSize}"/>
-                        <Setter Target="FButton.FontSize" Value="{StaticResource TitleFontSize}"/>
+                        <Setter Target="AndButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="OrButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="XorButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="NandButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="NorButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="RolButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="RorButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="RolCarryButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="RorCarryButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="LshButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="RshButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="LshLogicalButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="RshLogicalButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="NotButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
 
-                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle24}"/>
-                    </VisualState.Setters>
-                </VisualState>
-                <VisualState x:Name="FullLayout">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="768" MinWindowWidth="1024"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle24}"/>
-                    </VisualState.Setters>
-                </VisualState>
-                <VisualState x:Name="MinSizeLayout">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="{StaticResource AppMinWindowHeight}" MinWindowWidth="{StaticResource AppMinWindowWidth}"/>
-                    </VisualState.StateTriggers>
-                </VisualState>
-                <VisualState x:Name="DefaultLayout">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="0" MinWindowWidth="0"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="OpenParenthesisButton.FontSize" Value="12"/>
-                        <Setter Target="OpenParenthesisButton.Padding" Value="0"/>
-                        <Setter Target="CloseParenthesisButton.FontSize" Value="12"/>
-                        <Setter Target="CloseParenthesisButton.Padding" Value="0"/>
+                        <Setter Target="OperatorPanelRow.MinHeight" Value="{StaticResource OperatorPanelButtonRowSizeSmall}"/>
 
-                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle12}"/>
-                        <Setter Target="AButton.Style" Value="{StaticResource NumericButtonStyle12}"/>
-                        <Setter Target="BButton.Style" Value="{StaticResource NumericButtonStyle12}"/>
-                        <Setter Target="CButton.Style" Value="{StaticResource NumericButtonStyle12}"/>
-                        <Setter Target="DButton.Style" Value="{StaticResource NumericButtonStyle12}"/>
-                        <Setter Target="EButton.Style" Value="{StaticResource NumericButtonStyle12}"/>
-                        <Setter Target="FButton.Style" Value="{StaticResource NumericButtonStyle12}"/>
+                        <Setter Target="BitwiseButton.ChevronFontSize" Value="{ThemeResource OperatorPanelChevronFontSizeSmall}"/>
+                        <Setter Target="BitwiseButton.GlyphFontSize" Value="{ThemeResource OperatorPanelGlyphFontSizeSmall}"/>
+                        <Setter Target="BitwiseButton.FontSize" Value="{ThemeResource OperatorPanelFontSizeSmall}"/>
 
-                        <Setter Target="ShiftButton.Style" Value="{StaticResource CaptionToggleButtonSmallStyle}"/>
+                        <Setter Target="BitShiftButton.ChevronFontSize" Value="{ThemeResource OperatorPanelChevronFontSizeSmall}"/>
+                        <Setter Target="BitShiftButton.GlyphFontSize" Value="{ThemeResource OperatorPanelGlyphFontSizeSmall}"/>
+                        <Setter Target="BitShiftButton.FontSize" Value="{ThemeResource OperatorPanelFontSizeSmall}"/>
+
+                        <Setter Target="BitwiseGrid.MinWidth" Value="194"/>
+                        <Setter Target="BitwiseGrid.MinHeight" Value="96"/>
                     </VisualState.Setters>
                 </VisualState>
             </VisualStateGroup>
         </VisualStateManager.VisualStateGroups>
 
+        <controls:OperatorPanelListView x:Uid="ProgrammerOperatorPanel"
+                                        Grid.ColumnSpan="6"
+                                        Background="{ThemeResource AppOperatorPanelBackground}"
+                                        AutomationProperties.HeadingLevel="Level1">
+
+            <controls:OperatorPanelButton x:Name="BitwiseButton"
+                                          x:Uid="bitwiseButton"
+                                          Style="{StaticResource OperatorPanelButtonStyle}"
+                                          AutomationProperties.AutomationId="bitwiseButton"
+                                          Glyph="&#xF895;">
+                <controls:OperatorPanelButton.FlyoutMenu>
+                    <Flyout x:Name="BitwiseFlyout"
+                            Windows10version1803:Placement="Bottom"
+                            Windows10version1809:AreOpenCloseAnimationsEnabled="False"
+                            Windows10version1809:Placement="BottomEdgeAlignedLeft"
+                            FlyoutPresenterStyle="{ThemeResource OperatorPanelFlyoutStyle}">
+                        <Grid x:Name="BitwiseGrid"
+                              MinWidth="258"
+                              MinHeight="96"
+                              XYFocusKeyboardNavigation="Enabled">
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="1*"/>
+                                <RowDefinition Height="1*"/>
+                            </Grid.RowDefinitions>
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="1*"/>
+                                <ColumnDefinition Width="1*"/>
+                                <ColumnDefinition Width="1*"/>
+                            </Grid.ColumnDefinitions>
+                            <!--
+                                Because of the way we handle keyboard shortcuts, the IsEnabled property must be bound to a button outside the flyout.
+                                This is because the content from within the Flyout do not inherit the IsEnabled property of the flyout parent,
+                                causing the shortcut keys to be used when the control would normally be disabled.
+                            -->
+                            <controls:CalculatorButton x:Name="AndButton"
+                                                       x:Uid="andButton"
+                                                       Style="{StaticResource OperatorButtonStyle}"
+                                                       FontSize="12"
+                                                       AutomationProperties.AutomationId="andButton"
+                                                       ButtonId="And"
+                                                       Click="FlyoutButton_Clicked"
+                                                       Command="{x:Bind Model.ButtonPressed}"
+                                                       Content="AND"
+                                                       IsEnabled="{x:Bind BitwiseButton.IsEnabled, Mode=OneWay}"/>
+
+                            <controls:CalculatorButton x:Name="OrButton"
+                                                       x:Uid="orButton"
+                                                       Grid.Column="1"
+                                                       Style="{StaticResource OperatorButtonStyle}"
+                                                       FontSize="12"
+                                                       AutomationProperties.AutomationId="orButton"
+                                                       ButtonId="Or"
+                                                       Click="FlyoutButton_Clicked"
+                                                       Command="{x:Bind Model.ButtonPressed}"
+                                                       Content="OR"
+                                                       IsEnabled="{x:Bind BitwiseButton.IsEnabled, Mode=OneWay}"/>
+
+                            <controls:CalculatorButton x:Name="NotButton"
+                                                       x:Uid="notButton"
+                                                       Grid.Column="2"
+                                                       Style="{StaticResource OperatorButtonStyle}"
+                                                       FontSize="12"
+                                                       AutomationProperties.AutomationId="notButton"
+                                                       ButtonId="Not"
+                                                       Click="FlyoutButton_Clicked"
+                                                       Command="{x:Bind Model.ButtonPressed}"
+                                                       Content="NOT"
+                                                       IsEnabled="{x:Bind BitwiseButton.IsEnabled, Mode=OneWay}"/>
+
+                            <controls:CalculatorButton x:Name="XorButton"
+                                                       x:Uid="xorButton"
+                                                       Grid.Row="1"
+                                                       Grid.Column="2"
+                                                       Style="{StaticResource OperatorButtonStyle}"
+                                                       FontSize="12"
+                                                       AutomationProperties.AutomationId="xorButton"
+                                                       ButtonId="Xor"
+                                                       Click="FlyoutButton_Clicked"
+                                                       Command="{x:Bind Model.ButtonPressed}"
+                                                       Content="XOR"
+                                                       IsEnabled="{x:Bind BitwiseButton.IsEnabled, Mode=OneWay}"/>
+
+                            <controls:CalculatorButton x:Name="NandButton"
+                                                       x:Uid="nandButton"
+                                                       Grid.Row="1"
+                                                       Style="{StaticResource OperatorButtonStyle}"
+                                                       FontSize="12"
+                                                       AutomationProperties.AutomationId="nandButton"
+                                                       ButtonId="Nand"
+                                                       Click="FlyoutButton_Clicked"
+                                                       Command="{x:Bind Model.ButtonPressed}"
+                                                       Content="NAND"
+                                                       IsEnabled="{x:Bind BitwiseButton.IsEnabled, Mode=OneWay}"/>
+
+                            <controls:CalculatorButton x:Name="NorButton"
+                                                       x:Uid="norButton"
+                                                       Grid.Row="1"
+                                                       Grid.Column="1"
+                                                       Style="{StaticResource OperatorButtonStyle}"
+                                                       FontSize="12"
+                                                       AutomationProperties.AutomationId="norButton"
+                                                       ButtonId="Nor"
+                                                       Click="FlyoutButton_Clicked"
+                                                       Command="{x:Bind Model.ButtonPressed}"
+                                                       Content="NOR"
+                                                       IsEnabled="{x:Bind BitwiseButton.IsEnabled, Mode=OneWay}"/>
+                        </Grid>
+                    </Flyout>
+                </controls:OperatorPanelButton.FlyoutMenu>
+            </controls:OperatorPanelButton>
+            <controls:OperatorPanelButton x:Name="BitShiftButton"
+                                          x:Uid="bitShiftButton"
+                                          Style="{StaticResource OperatorPanelButtonStyle}"
+                                          AutomationProperties.AutomationId="bitShiftButton"
+                                          Glyph="&#xE301;">
+                <controls:OperatorPanelButton.FlyoutMenu>
+                    <Flyout x:Name="BitShiftFlyout"
+                            Windows10version1809:AreOpenCloseAnimationsEnabled="False"
+                            FlyoutPresenterStyle="{ThemeResource OperatorPanelFlyoutStyle}"
+                            Placement="Bottom">
+                        <StackPanel MaxWidth="192" Padding="12">
+                            <RadioButton x:Name="ArithmeticShiftButton"
+                                         x:Uid="arithmeticShiftButton"
+                                         AutomationProperties.AutomationId="arithmeticShiftButton"
+                                         Checked="BitshiftFlyout_Checked"
+                                         IsChecked="True"/>
+                            <RadioButton x:Name="LogicalShiftButton"
+                                         x:Uid="logicalShiftButton"
+                                         AutomationProperties.AutomationId="logicalShiftButton"
+                                         Checked="BitshiftFlyout_Checked"/>
+                            <RadioButton x:Name="RotateCircularButton"
+                                         x:Uid="rotateCircularButton"
+                                         AutomationProperties.AutomationId="rotateCircularButton"
+                                         Checked="BitshiftFlyout_Checked"/>
+                            <RadioButton x:Name="RotateCarryShiftButton"
+                                         x:Uid="rotateCarryShiftButton"
+                                         AutomationProperties.AutomationId="rotateCarryShiftButton"
+                                         Checked="BitshiftFlyout_Checked"/>
+                        </StackPanel>
+                    </Flyout>
+                </controls:OperatorPanelButton.FlyoutMenu>
+            </controls:OperatorPanelButton>
+        </controls:OperatorPanelListView>
+
         <Grid x:Uid="ProgrammerOperators"
-              Grid.Column="1"
-              Grid.ColumnSpan="6"
+              Grid.Row="1"
+              Grid.Column="2"
+              Grid.ColumnSpan="2"
               AutomationProperties.HeadingLevel="Level1">
             <Grid.ColumnDefinitions>
                 <ColumnDefinition/>
                 <ColumnDefinition/>
-                <ColumnDefinition/>
-                <ColumnDefinition/>
-                <ColumnDefinition/>
-                <ColumnDefinition/>
             </Grid.ColumnDefinitions>
             <controls:CalculatorButton x:Name="RolButton"
                                        x:Uid="rolButton"
                                        Grid.Column="0"
-                                       Style="{StaticResource OperatorButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        FontSize="12"
                                        x:DeferLoadStrategy="Lazy"
                                        AutomationProperties.AutomationId="rolButton"
                                        ButtonId="Rol"
-                                       Content="RoL"
+                                       Content="&#xF88E;"
                                        Visibility="Collapsed"/>
             <controls:CalculatorButton x:Name="RorButton"
                                        x:Uid="rorButton"
                                        Grid.Column="1"
-                                       Style="{StaticResource OperatorButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        FontSize="12"
                                        x:DeferLoadStrategy="Lazy"
                                        AutomationProperties.AutomationId="rorButton"
                                        ButtonId="Ror"
-                                       Content="RoR"
+                                       Content="&#xF88F;"
                                        Visibility="Collapsed"/>
+
+            <controls:CalculatorButton x:Name="RolCarryButton"
+                                       x:Uid="rolCarryButton"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       FontSize="12"
+                                       x:DeferLoadStrategy="Lazy"
+                                       AutomationProperties.AutomationId="rolButton"
+                                       ButtonId="RolC"
+                                       Content="&#xF88E;"
+                                       Visibility="Collapsed"/>
+
+            <controls:CalculatorButton x:Name="RorCarryButton"
+                                       x:Uid="rorCarryButton"
+                                       Grid.Column="1"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       FontSize="12"
+                                       x:DeferLoadStrategy="Lazy"
+                                       AutomationProperties.AutomationId="rorCarryButton"
+                                       ButtonId="RorC"
+                                       Content="&#xF88F;"
+                                       Visibility="Collapsed"/>
+
             <controls:CalculatorButton x:Name="LshButton"
                                        x:Uid="lshButton"
-                                       Grid.Column="0"
-                                       Style="{StaticResource OperatorButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        FontSize="12"
                                        AutomationProperties.AutomationId="lshButton"
                                        ButtonId="Lsh"
-                                       Content="Lsh"/>
+                                       Content="&#xF88E;"/>
             <controls:CalculatorButton x:Name="RshButton"
                                        x:Uid="rshButton"
                                        Grid.Column="1"
-                                       Style="{StaticResource OperatorButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        FontSize="12"
                                        AutomationProperties.AutomationId="rshButton"
                                        ButtonId="Rsh"
-                                       Content="Rsh"/>
-            <controls:CalculatorButton x:Name="OrButton"
-                                       x:Uid="orButton"
-                                       Grid.Column="2"
-                                       Style="{StaticResource OperatorButtonStyle}"
+                                       Content="&#xF88F;"/>
+
+            <controls:CalculatorButton x:Name="LshLogicalButton"
+                                       x:Uid="LshLogicalButton"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        FontSize="12"
-                                       AutomationProperties.AutomationId="orButton"
-                                       ButtonId="Or"
-                                       Content="Or"/>
-            <controls:CalculatorButton x:Name="XorButton"
-                                       x:Uid="xorButton"
-                                       Grid.Column="3"
-                                       Style="{StaticResource OperatorButtonStyle}"
+                                       x:DeferLoadStrategy="Lazy"
+                                       AutomationProperties.AutomationId="lshLogicalButton"
+                                       ButtonId="Lsh"
+                                       Content="&#xF88E;"
+                                       Visibility="Collapsed"/>
+            <controls:CalculatorButton x:Name="RshLogicalButton"
+                                       x:Uid="rshLogicalButton"
+                                       Grid.Column="1"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        FontSize="12"
-                                       AutomationProperties.AutomationId="xorButton"
-                                       ButtonId="Xor"
-                                       Content="Xor"/>
-            <controls:CalculatorButton x:Name="NotButton"
-                                       x:Uid="notButton"
-                                       Grid.Column="4"
-                                       Style="{StaticResource OperatorButtonStyle}"
-                                       FontSize="12"
-                                       AutomationProperties.AutomationId="notButton"
-                                       ButtonId="Not"
-                                       Content="Not"/>
-            <controls:CalculatorButton x:Name="AndButton"
-                                       x:Uid="andButton"
-                                       Grid.Column="5"
-                                       Style="{StaticResource OperatorButtonStyle}"
-                                       FontSize="12"
-                                       AutomationProperties.AutomationId="andButton"
-                                       ButtonId="And"
-                                       Content="And"/>
+                                       x:DeferLoadStrategy="Lazy"
+                                       AutomationProperties.AutomationId="rshLogicalButton"
+                                       ButtonId="RshL"
+                                       Content="&#xF88F;"
+                                       Visibility="Collapsed"/>
         </Grid>
 
-        <ToggleButton x:Name="ShiftButton"
-                      x:Uid="shiftButton"
-                      Grid.Row="1"
-                      Grid.Column="1"
-                      HorizontalAlignment="Stretch"
-                      VerticalAlignment="Stretch"
-                      Style="{StaticResource CaptionToggleButtonStyle}"
-                      FontFamily="{StaticResource CalculatorFontFamily}"
-                      FontSize="16"
-                      AutomationProperties.AutomationId="shiftButton"
-                      Checked="Shift_Clicked"
-                      Content="&#xF897;"
-                      Unchecked="Shift_Clicked"/>
+        <Grid x:Uid="DisplayControls"
+              Grid.Row="1"
+              Grid.Column="4"
+              Grid.ColumnSpan="2"
+              AutomationProperties.HeadingLevel="Level1">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition/>
+                <ColumnDefinition/>
+            </Grid.ColumnDefinitions>
+            <controls:CalculatorButton x:Name="ClearButton"
+                                       x:Uid="clearButton"
+                                       Style="{StaticResource OperatorButtonStyle}"
+                                       FontSize="12"
+                                       AutomationProperties.AutomationId="clearButton"
+                                       ButtonId="Clear"
+                                       Content="C"
+                                       Visibility="{x:Bind Model.IsInputEmpty, Mode=OneWay, Converter={StaticResource BooleanToVisibilityConverter}}"/>
+
+            <controls:CalculatorButton x:Name="ClearEntryButton"
+                                       x:Uid="clearEntryButton"
+                                       Style="{StaticResource OperatorButtonStyle}"
+                                       FontSize="12"
+                                       AutomationProperties.AutomationId="clearEntryButton"
+                                       ButtonId="ClearEntry"
+                                       Content="CE"
+                                       Visibility="{x:Bind Model.IsInputEmpty, Mode=OneWay, Converter={StaticResource BooleanToVisibilityNegationConverter}}"/>
+
+            <controls:CalculatorButton x:Name="BackSpaceButton"
+                                       x:Uid="backSpaceButton"
+                                       Grid.Column="1"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       FontSize="12"
+                                       AutomationProperties.AutomationId="backSpaceButton"
+                                       ButtonId="Backspace"
+                                       Content="&#xE94F;"/>
+        </Grid>
+
+        <controls:CalculatorButton x:Name="OpenParenthesisButton"
+                                   x:Uid="openParenthesisButton"
+                                   Grid.Row="2"
+                                   Grid.Column="2"
+                                   Style="{StaticResource ParenthesisCalcButtonStyle}"
+                                   FontSize="18"
+                                   AutomationProperties.AutomationId="openParenthesisButton"
+                                   ButtonId="OpenParenthesis"
+                                   Content="("
+                                   GotFocus="OpenParenthesisButton_GotFocus"
+                                   Tag="{x:Bind ParenthesisCountToString(Model.OpenParenthesisCount), Mode=OneWay}"/>
+
+        <controls:CalculatorButton x:Name="CloseParenthesisButton"
+                                   x:Uid="closeParenthesisButton"
+                                   Grid.Row="2"
+                                   Grid.Column="3"
+                                   Style="{StaticResource OperatorButtonStyle}"
+                                   FontSize="18"
+                                   AutomationProperties.AutomationId="closeParenthesisButton"
+                                   ButtonId="CloseParenthesis"
+                                   Content=")"/>
+
         <controls:CalculatorButton x:Name="ModButton"
                                    x:Uid="modButton"
-                                   Grid.Row="1"
-                                   Grid.Column="2"
+                                   Grid.Row="2"
+                                   Grid.Column="4"
                                    Style="{StaticResource OperatorButtonStyle}"
                                    FontSize="12"
                                    AutomationProperties.AutomationId="modButton"
                                    ButtonId="Mod"
-                                   Content="Mod"/>
+                                   Content="%"/>
 
         <Grid x:Uid="StandardOperators"
-              Grid.Row="1"
+              Grid.Row="2"
               Grid.RowSpan="5"
-              Grid.Column="6"
+              Grid.Column="5"
               AutomationProperties.HeadingLevel="Level1">
             <Grid.RowDefinitions>
                 <RowDefinition/>
@@ -241,86 +558,52 @@
             <controls:CalculatorButton x:Name="DivideButton"
                                        x:Uid="divideButton"
                                        Grid.Row="0"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        FontSize="12"
                                        AutomationProperties.AutomationId="divideButton"
                                        ButtonId="Divide"
                                        Content="&#xE94A;"/>
+
             <controls:CalculatorButton x:Name="MultiplyButton"
                                        x:Uid="multiplyButton"
                                        Grid.Row="1"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        FontSize="12"
                                        AutomationProperties.AutomationId="multiplyButton"
                                        ButtonId="Multiply"
                                        Content="&#xE947;"/>
+
             <controls:CalculatorButton x:Name="MinusButton"
                                        x:Uid="minusButton"
                                        Grid.Row="2"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        FontSize="12"
                                        AutomationProperties.AutomationId="minusButton"
                                        ButtonId="Subtract"
                                        Content="&#xE949;"/>
+
             <controls:CalculatorButton x:Name="PlusButton"
                                        x:Uid="plusButton"
                                        Grid.Row="3"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        FontSize="12"
                                        AutomationProperties.AutomationId="plusButton"
                                        ButtonId="Add"
                                        Content="&#xE948;"/>
+
             <controls:CalculatorButton x:Name="EqualButton"
                                        x:Uid="equalButton"
                                        Grid.Row="4"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
+                                       Style="{StaticResource AccentEmphasizedCalcButtonStyle}"
                                        FontSize="12"
                                        AutomationProperties.AutomationId="equalButton"
                                        ButtonId="Equals"
                                        Content="&#xE94E;"/>
         </Grid>
 
-        <Grid x:Uid="DisplayControls"
-              Grid.Row="1"
-              Grid.Column="3"
-              Grid.ColumnSpan="3"
-              AutomationProperties.HeadingLevel="Level1">
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition/>
-                <ColumnDefinition/>
-                <ColumnDefinition/>
-            </Grid.ColumnDefinitions>
-            <controls:CalculatorButton x:Name="ClearEntryButton"
-                                       x:Uid="clearEntryButton"
-                                       Grid.Column="0"
-                                       Style="{StaticResource OperatorButtonStyle}"
-                                       FontSize="12"
-                                       FontWeight="SemiBold"
-                                       AutomationProperties.AutomationId="clearEntryButton"
-                                       ButtonId="ClearEntry"
-                                       Content="CE"/>
-            <controls:CalculatorButton x:Name="ClearButton"
-                                       x:Uid="clearButton"
-                                       Grid.Column="1"
-                                       Style="{StaticResource OperatorButtonStyle}"
-                                       FontSize="12"
-                                       FontWeight="SemiBold"
-                                       AutomationProperties.AutomationId="clearButton"
-                                       ButtonId="Clear"
-                                       Content="C"/>
-            <controls:CalculatorButton x:Name="BackSpaceButton"
-                                       x:Uid="backSpaceButton"
-                                       Grid.Column="2"
-                                       Style="{StaticResource SymbolOperatorButtonStyle}"
-                                       FontSize="12"
-                                       AutomationProperties.AutomationId="backSpaceButton"
-                                       ButtonId="Backspace"
-                                       Content="&#xE94F;"/>
-        </Grid>
-
         <Grid x:Uid="NumberPad"
-              Grid.Row="2"
-              Grid.RowSpan="4"
+              Grid.Row="1"
+              Grid.RowSpan="6"
               Grid.Column="1"
               Grid.ColumnSpan="5"
               AutomationProperties.AutomationId="NumberPad"
@@ -330,6 +613,8 @@
                 <RowDefinition/>
                 <RowDefinition/>
                 <RowDefinition/>
+                <RowDefinition/>
+                <RowDefinition/>
             </Grid.RowDefinitions>
             <Grid.ColumnDefinitions>
                 <ColumnDefinition/>
@@ -338,13 +623,6 @@
                 <ColumnDefinition/>
                 <ColumnDefinition/>
             </Grid.ColumnDefinitions>
-            <local:NumberPad x:Name="NumberPad"
-                             Grid.RowSpan="4"
-                             Grid.Column="2"
-                             Grid.ColumnSpan="3"
-                             ButtonStyle="{StaticResource NumericButtonStyle18}"
-                             CurrentRadixType="{x:Bind Model.CurrentRadixType, Mode=OneWay}"/>
-
             <controls:CalculatorButton x:Name="AButton"
                                        x:Uid="aButton"
                                        Grid.Row="0"
@@ -354,79 +632,73 @@
                                        ButtonId="A"
                                        Content="A"
                                        IsEnabled="{x:Bind Model.AreHEXButtonsEnabled, Mode=OneWay}"/>
+
             <controls:CalculatorButton x:Name="BButton"
                                        x:Uid="bButton"
-                                       Grid.Row="0"
-                                       Grid.Column="1"
+                                       Grid.Row="1"
+                                       Grid.Column="0"
                                        Style="{StaticResource NumericButtonStyle12}"
                                        AutomationProperties.AutomationId="bButton"
                                        ButtonId="B"
                                        Content="B"
                                        IsEnabled="{x:Bind Model.AreHEXButtonsEnabled, Mode=OneWay}"/>
+
             <controls:CalculatorButton x:Name="CButton"
                                        x:Uid="cButton"
-                                       Grid.Row="1"
+                                       Grid.Row="2"
                                        Grid.Column="0"
                                        Style="{StaticResource NumericButtonStyle12}"
                                        AutomationProperties.AutomationId="cButton"
                                        ButtonId="C"
                                        Content="C"
                                        IsEnabled="{x:Bind Model.AreHEXButtonsEnabled, Mode=OneWay}"/>
+
             <controls:CalculatorButton x:Name="DButton"
                                        x:Uid="dButton"
-                                       Grid.Row="1"
-                                       Grid.Column="1"
+                                       Grid.Row="3"
+                                       Grid.Column="0"
                                        Style="{StaticResource NumericButtonStyle12}"
                                        AutomationProperties.AutomationId="dButton"
                                        ButtonId="D"
                                        Content="D"
                                        IsEnabled="{x:Bind Model.AreHEXButtonsEnabled, Mode=OneWay}"/>
+
             <controls:CalculatorButton x:Name="EButton"
                                        x:Uid="eButton"
-                                       Grid.Row="2"
+                                       Grid.Row="4"
                                        Grid.Column="0"
                                        Style="{StaticResource NumericButtonStyle12}"
                                        AutomationProperties.AutomationId="eButton"
                                        ButtonId="E"
                                        Content="E"
                                        IsEnabled="{x:Bind Model.AreHEXButtonsEnabled, Mode=OneWay}"/>
+
             <controls:CalculatorButton x:Name="FButton"
                                        x:Uid="fButton"
-                                       Grid.Row="2"
-                                       Grid.Column="1"
+                                       Grid.Row="5"
+                                       Grid.Column="0"
                                        Style="{StaticResource NumericButtonStyle12}"
                                        AutomationProperties.AutomationId="fButton"
                                        ButtonId="F"
                                        Content="F"
                                        IsEnabled="{x:Bind Model.AreHEXButtonsEnabled, Mode=OneWay}"/>
+
+            <local:NumberPad x:Name="NumberPad"
+                             Grid.Row="2"
+                             Grid.RowSpan="4"
+                             Grid.Column="1"
+                             Grid.ColumnSpan="3"
+                             ButtonStyle="{StaticResource NumericButtonStyle18}"
+                             CurrentRadixType="{x:Bind Model.CurrentRadixType, Mode=OneWay}"/>
         </Grid>
 
-        <controls:CalculatorButton x:Name="OpenParenthesisButton"
-                                   x:Uid="openParenthesisButton"
-                                   Grid.Row="5"
-                                   Grid.Column="1"
-                                   Style="{StaticResource ParenthesisCalcButtonStyle}"
-                                   FontSize="18"
-                                   AutomationProperties.AutomationId="openParenthesisButton"
-                                   ButtonId="OpenParenthesis"
-                                   Content="("
-                                   GotFocus="OpenParenthesisButton_GotFocus"
-                                   Tag="{x:Bind ParenthesisCountToString(Model.OpenParenthesisCount), Mode=OneWay}"/>
-        <controls:CalculatorButton x:Name="CloseParenthesisButton"
-                                   x:Uid="closeParenthesisButton"
-                                   Grid.Row="5"
-                                   Grid.Column="2"
-                                   Style="{StaticResource OperatorButtonStyle}"
-                                   FontSize="18"
-                                   AutomationProperties.AutomationId="closeParenthesisButton"
-                                   ButtonId="CloseParenthesis"
-                                   Content=")"/>
         <controls:CalculatorButton x:Name="NegateButton"
                                    x:Uid="negateButton"
-                                   Grid.Row="5"
-                                   Grid.Column="3"
-                                   Style="{StaticResource SymbolOperatorButtonStyle}"
+                                   Grid.Row="6"
+                                   Grid.Column="2"
+                                   Style="{StaticResource SymbolOperatorKeypadButtonStyle}"
                                    FontSize="12"
+                                   FontWeight="Normal"
                                    AutomationProperties.AutomationId="negateButton"
                                    ButtonId="Negate"
                                    Content="&#xF898;"/>
diff --git a/src/Calculator/Views/CalculatorProgrammerRadixOperators.xaml.cpp b/src/Calculator/Views/CalculatorProgrammerRadixOperators.xaml.cpp
index 26adbfb..b810aab 100644
--- a/src/Calculator/Views/CalculatorProgrammerRadixOperators.xaml.cpp
+++ b/src/Calculator/Views/CalculatorProgrammerRadixOperators.xaml.cpp
@@ -29,32 +29,92 @@ CalculatorProgrammerRadixOperators::CalculatorProgrammerRadixOperators()
     InitializeComponent();
 }
 
-void CalculatorProgrammerRadixOperators::Shift_Clicked(Platform::Object ^ sender, Windows::UI::Xaml::RoutedEventArgs ^ e)
+void CalculatorProgrammerRadixOperators::FlyoutButton_Clicked(_In_ Platform::Object ^ /*sender*/, _In_ Windows::UI::Xaml::RoutedEventArgs ^ /*e*/)
 {
-    bool isShiftChecked = static_cast<ToggleButton ^>(sender)->IsChecked->Value;
-    auto scvm = safe_cast<StandardCalculatorViewModel ^>(this->DataContext);
-    scvm->IsShiftProgrammerChecked = isShiftChecked;
+    this->BitwiseFlyout->Hide();
+}
 
+void CalculatorProgrammerRadixOperators::checkDefaultBitShift()
+{
+    this->ArithmeticShiftButton->IsChecked = true;
+}
+
+void CalculatorProgrammerRadixOperators::BitshiftFlyout_Checked(Platform::Object ^ sender, Windows::UI::Xaml::RoutedEventArgs ^ e)
+{
+    // Load deferred load buttons
     if (RolButton == nullptr)
     {
         FindName("RolButton");
         FindName("RorButton");
+        FindName("RolCarryButton");
+        FindName("RorCarryButton");
+        FindName("LshLogicalButton");
+        FindName("RshLogicalButton");
     }
 
-    if (isShiftChecked)
+    // Since arithmeticShiftButton defaults to IsChecked = true, this event an fire before we can load the deferred loaded controls. If that is the case, just return and do nothing.
+    if (RolButton == nullptr || RorButton == nullptr || RolCarryButton == nullptr || RorCarryButton == nullptr || LshLogicalButton == nullptr
+        || RshLogicalButton == nullptr)
+    {
+        return;
+    }
+
+    CollapseBitshiftButtons();
+
+    auto radioButton = static_cast<RadioButton^>(sender);
+
+    if (radioButton == ArithmeticShiftButton)
+    {
+        LshButton->Visibility = ::Visibility::Visible;
+        RshButton->Visibility = ::Visibility::Visible;
+        LshButton->IsEnabled = true;
+        RshButton->IsEnabled = true;
+    }
+    else if (radioButton == LogicalShiftButton)
+    {
+        LshLogicalButton->Visibility = ::Visibility::Visible;
+        RshLogicalButton->Visibility = ::Visibility::Visible;
+        LshLogicalButton->IsEnabled = true;
+        RshLogicalButton->IsEnabled = true;
+    }
+    else if (radioButton == RotateCircularButton)
     {
         RolButton->Visibility = ::Visibility::Visible;
         RorButton->Visibility = ::Visibility::Visible;
-        LshButton->Visibility = ::Visibility::Collapsed;
-        RshButton->Visibility = ::Visibility::Collapsed;
+        RolButton->IsEnabled = true;
+        RorButton->IsEnabled = true;
     }
-    else
+    else if (radioButton == RotateCarryShiftButton)
     {
-        RolButton->Visibility = ::Visibility::Collapsed;
-        RorButton->Visibility = ::Visibility::Collapsed;
-        LshButton->Visibility = ::Visibility::Visible;
-        RshButton->Visibility = ::Visibility::Visible;
+        RolCarryButton->Visibility = ::Visibility::Visible;
+        RorCarryButton->Visibility = ::Visibility::Visible;
+        RolCarryButton->IsEnabled = true;
+        RorCarryButton->IsEnabled = true;
     }
+
+    this->BitShiftFlyout->Hide();
+}
+
+void CalculatorProgrammerRadixOperators::CollapseBitshiftButtons()
+{
+    RolButton->Visibility = ::Visibility::Collapsed;
+    RorButton->Visibility = ::Visibility::Collapsed;
+    RolCarryButton->Visibility = ::Visibility::Collapsed;
+    RorCarryButton->Visibility = ::Visibility::Collapsed;
+    LshButton->Visibility = ::Visibility::Collapsed;
+    RshButton->Visibility = ::Visibility::Collapsed;
+    LshLogicalButton->Visibility = ::Visibility::Collapsed;
+    RshLogicalButton->Visibility = ::Visibility::Collapsed;
+
+    // We need to set the collapsed buttons to disabled so that the KeyboardShortcutManager can skip the keybinds for the disabled buttons
+    RolButton->IsEnabled = false;
+    RorButton->IsEnabled = false;
+    RolCarryButton->IsEnabled = false;
+    RorCarryButton->IsEnabled = false;
+    LshButton->IsEnabled = false;
+    RshButton->IsEnabled = false;
+    LshLogicalButton->IsEnabled = false;
+    RshLogicalButton->IsEnabled = false;
 }
 
 bool CalculatorProgrammerRadixOperators::IsErrorVisualState::get()
diff --git a/src/Calculator/Views/CalculatorProgrammerRadixOperators.xaml.h b/src/Calculator/Views/CalculatorProgrammerRadixOperators.xaml.h
index e015707..4cab69c 100644
--- a/src/Calculator/Views/CalculatorProgrammerRadixOperators.xaml.h
+++ b/src/Calculator/Views/CalculatorProgrammerRadixOperators.xaml.h
@@ -30,8 +30,12 @@ namespace CalculatorApp
 
         DEPENDENCY_PROPERTY_OWNER(CalculatorProgrammerRadixOperators);
 
+        void checkDefaultBitShift();
+
     private:
-        void Shift_Clicked(Platform::Object ^ sender, Windows::UI::Xaml::RoutedEventArgs ^ e);
+        void BitshiftFlyout_Checked(Platform::Object ^ sender, Windows::UI::Xaml::RoutedEventArgs ^ e);
+        void FlyoutButton_Clicked(_In_ Platform::Object ^ sender, _In_ Windows::UI::Xaml::RoutedEventArgs ^ e);
+        void CollapseBitshiftButtons();
 
         bool m_isErrorVisualState;
         void OpenParenthesisButton_GotFocus(Platform::Object ^ sender, Windows::UI::Xaml::RoutedEventArgs ^ e);
diff --git a/src/Calculator/Views/CalculatorScientificAngleButtons.xaml b/src/Calculator/Views/CalculatorScientificAngleButtons.xaml
index 2e6af2a..b476d6c 100644
--- a/src/Calculator/Views/CalculatorScientificAngleButtons.xaml
+++ b/src/Calculator/Views/CalculatorScientificAngleButtons.xaml
@@ -47,8 +47,6 @@
                         <Setter Target="DegreeButton.Style" Value="{StaticResource CaptionButtonSmallStyle}"/>
                         <Setter Target="RadianButton.Style" Value="{StaticResource CaptionButtonSmallStyle}"/>
                         <Setter Target="GradsButton.Style" Value="{StaticResource CaptionButtonSmallStyle}"/>
-
-                        <Setter Target="HyperbolicButton.Style" Value="{StaticResource CaptionToggleButtonSmallStyle}"/>
                         <Setter Target="FtoeButton.Style" Value="{StaticResource CaptionToggleButtonSmallStyle}"/>
                     </VisualState.Setters>
                 </VisualState>
@@ -60,7 +58,6 @@
                         <Setter Target="DegreeButton.IsEnabled" Value="False"/>
                         <Setter Target="RadianButton.IsEnabled" Value="False"/>
                         <Setter Target="GradsButton.IsEnabled" Value="False"/>
-                        <Setter Target="HyperbolicButton.IsEnabled" Value="False"/>
                         <Setter Target="FtoeButton.IsEnabled" Value="False"/>
                     </VisualState.Setters>
                 </VisualState>
@@ -89,20 +86,9 @@
                 CommandParameter="2"
                 Content="GRAD"
                 Visibility="Collapsed"/>
-        <ToggleButton x:Name="HyperbolicButton"
-                      x:Uid="hyperbolicButton"
-                      Grid.Column="1"
-                      Style="{StaticResource CaptionToggleButtonStyle}"
-                      Background="{ThemeResource SystemControlBackgroundTransparentBrush}"
-                      FontWeight="SemiBold"
-                      AutomationProperties.AutomationId="hyperbolicButton"
-                      Checked="HypButton_Toggled"
-                      Content="HYP"
-                      IsChecked="{Binding IsHyperbolicChecked, Mode=TwoWay}"
-                      Unchecked="HypButton_Toggled"/>
         <ToggleButton x:Name="FtoeButton"
                       x:Uid="ftoeButton"
-                      Grid.Column="2"
+                      Grid.Column="1"
                       Style="{StaticResource CaptionToggleButtonStyle}"
                       Background="{ThemeResource SystemControlBackgroundTransparentBrush}"
                       FontWeight="SemiBold"
diff --git a/src/Calculator/Views/CalculatorScientificAngleButtons.xaml.cpp b/src/Calculator/Views/CalculatorScientificAngleButtons.xaml.cpp
index c6d4fd2..b23dfed 100644
--- a/src/Calculator/Views/CalculatorScientificAngleButtons.xaml.cpp
+++ b/src/Calculator/Views/CalculatorScientificAngleButtons.xaml.cpp
@@ -35,10 +35,6 @@ CalculatorScientificAngleButtons::CalculatorScientificAngleButtons()
     InitializeComponent();
 }
 
-void CalculatorScientificAngleButtons::HypButton_Toggled(_In_ Object ^ sender, _In_ RoutedEventArgs ^ e)
-{
-}
-
 void CalculatorScientificAngleButtons::FToEButton_Toggled(_In_ Object ^ sender, _In_ RoutedEventArgs ^ e)
 {
     auto viewModel = safe_cast<StandardCalculatorViewModel ^>(this->DataContext);
diff --git a/src/Calculator/Views/CalculatorScientificAngleButtons.xaml.h b/src/Calculator/Views/CalculatorScientificAngleButtons.xaml.h
index 06443a9..77c085d 100644
--- a/src/Calculator/Views/CalculatorScientificAngleButtons.xaml.h
+++ b/src/Calculator/Views/CalculatorScientificAngleButtons.xaml.h
@@ -1,4 +1,4 @@
-// Copyright (c) Microsoft Corporation. All rights reserved.
+// Copyright (c) Microsoft Corporation. All rights reserved.
 // Licensed under the MIT License.
 
 //
@@ -35,7 +35,6 @@ namespace CalculatorApp
     private:
         void OnAngleButtonPressed(_In_ Platform::Object ^ commandParameter);
         void FToEButton_Toggled(_In_ Platform::Object ^ sender, _In_ Windows::UI::Xaml::RoutedEventArgs ^ e);
-        void HypButton_Toggled(_In_ Platform::Object ^ sender, _In_ Windows::UI::Xaml::RoutedEventArgs ^ e);
 
         bool m_isErrorVisualState;
     };
diff --git a/src/Calculator/Views/CalculatorScientificOperators.xaml b/src/Calculator/Views/CalculatorScientificOperators.xaml
index e98ad4e..9c68838 100644
--- a/src/Calculator/Views/CalculatorScientificOperators.xaml
+++ b/src/Calculator/Views/CalculatorScientificOperators.xaml
@@ -1,16 +1,18 @@
 <UserControl x:Class="CalculatorApp.CalculatorScientificOperators"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             xmlns:common="using:CalculatorApp.Common"
+             xmlns:Windows10version1803="http://schemas.microsoft.com/winfx/2006/xaml/presentation?IsApiContractNotPresent(Windows.Foundation.UniversalApiContract, 7)"
+             xmlns:Windows10version1809="http://schemas.microsoft.com/winfx/2006/xaml/presentation?IsApiContractPresent(Windows.Foundation.UniversalApiContract, 7)"
              xmlns:controls="using:CalculatorApp.Controls"
              xmlns:converters="using:CalculatorApp.Converters"
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-             xmlns:designdata="using:CalculatorApp.DesignData"
              xmlns:local="using:CalculatorApp"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:triggers="using:CalculatorApp.Views.StateTriggers"
              x:Name="ControlRoot"
              d:DesignHeight="400"
              d:DesignWidth="315"
+             XYFocusKeyboardNavigation="Enabled"
              mc:Ignorable="d">
     <UserControl.Resources>
         <converters:BooleanNegationConverter x:Key="BooleanNegationConverter"/>
@@ -19,10 +21,9 @@
     </UserControl.Resources>
     <Grid x:Name="ScientificOperators">
         <Grid.RowDefinitions>
-            <RowDefinition x:Name="R0" Height="1*"/>
-            <RowDefinition x:Name="R1" Height="0"/>
-            <RowDefinition x:Name="R2" Height="1*"/>
-            <RowDefinition x:Name="R3" Height="0"/>
+            <RowDefinition x:Name="OperatorPanelRow" Height="Auto"/>
+            <RowDefinition Height="1*"/>
+            <RowDefinition Height="1*"/>
             <RowDefinition Height="1*"/>
             <RowDefinition Height="1*"/>
             <RowDefinition Height="1*"/>
@@ -30,17 +31,11 @@
             <RowDefinition Height="1*"/>
         </Grid.RowDefinitions>
         <Grid.ColumnDefinitions>
-            <ColumnDefinition x:Name="GutterLeft" Width="0"/>
-            <ColumnDefinition x:Name="C0" Width="0"/>
-            <ColumnDefinition x:Name="C1" Width="0"/>
-            <ColumnDefinition x:Name="C2" Width="0"/>
-            <ColumnDefinition x:Name="C3" Width="0"/>
-            <ColumnDefinition x:Name="C4" Width="1*"/>
-            <ColumnDefinition x:Name="C5" Width="1*"/>
-            <ColumnDefinition x:Name="C6" Width="1*"/>
-            <ColumnDefinition x:Name="C7" Width="1*"/>
-            <ColumnDefinition x:Name="C8" Width="1*"/>
-            <ColumnDefinition x:Name="GutterRight" Width="0"/>
+            <ColumnDefinition Width="1*"/>
+            <ColumnDefinition Width="1*"/>
+            <ColumnDefinition Width="1*"/>
+            <ColumnDefinition Width="1*"/>
+            <ColumnDefinition Width="1*"/>
         </Grid.ColumnDefinitions>
 
         <VisualStateManager.VisualStateGroups>
@@ -90,45 +85,140 @@
                         <Setter Target="NegateButton.IsEnabled" Value="False"/>
                         <Setter Target="OpenParenthesisButton.IsEnabled" Value="False"/>
                         <Setter Target="CloseParenthesisButton.IsEnabled" Value="False"/>
+
+                        <Setter Target="TrigButton.IsEnabled" Value="False"/>
+                        <Setter Target="FuncButton.IsEnabled" Value="False"/>
+                        <Setter Target="EulerButton.IsEnabled" Value="False"/>
+                        <Setter Target="AbsButton.IsEnabled" Value="False"/>
+                        <Setter Target="LogBaseX.IsEnabled" Value="False"/>
+                        <Setter Target="TwoPowerXButton.IsEnabled" Value="False"/>
+                        <Setter Target="CubeRootButton.IsEnabled" Value="False"/>
                     </VisualState.Setters>
                 </VisualState>
             </VisualStateGroup>
             <VisualStateGroup x:Name="SizeLayouts">
-                <VisualState x:Name="Portrait">
+                <VisualState x:Name="Large">
                     <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="1366" MinWindowWidth="768"/>
+                        <triggers:ControlSizeTrigger MinWidth="878"
+                                                     MinHeight="851"
+                                                     Source="{x:Bind ScientificOperators}"/>
                     </VisualState.StateTriggers>
                     <VisualState.Setters>
-                        <Setter Target="R1.Height" Value="1*"/>
-                        <Setter Target="R3.Height" Value="1*"/>
-                        <Setter Target="OpR2.Height" Value="1*"/>
-                        <Setter Target="OpR3.Height" Value="1*"/>
-                        <Setter Target="Row1.Visibility" Value="Visible"/>
-                        <Setter Target="Row2.Visibility" Value="Visible"/>
-                        <Setter Target="InvRow1.(Grid.Row)" Value="1"/>
-                        <Setter Target="Row2.(Grid.Row)" Value="2"/>
-                        <Setter Target="InvRow2.(Grid.Row)" Value="3"/>
-                        <Setter Target="InvRow1.Visibility" Value="Visible"/>
-                        <Setter Target="InvRow2.Visibility" Value="Visible"/>
+                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeExtraLarge}"/>
+                        <Setter Target="PiButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="FactorialButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="OpenParenthesisButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="CloseParenthesisButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
 
-                        <Setter Target="NegateButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="SinButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="CosButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="TanButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="SinhButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="CoshButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="TanhButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvsinButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvcosButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvtanButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvsinhButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvcoshButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvtanhButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+
+                        <Setter Target="PowerButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="PowerOf10Button.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="LogBase10Button.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="ExpButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="ModButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="YSquareRootButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="PowerOfEButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="LogBaseEButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="XPower2Button.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="XPower3Button.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="SquareRootButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvertButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+
+                        <Setter Target="ClearEntryButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="ClearButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="BackSpaceButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="DivideButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="MultiplyButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="MinusButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="PlusButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="EqualButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="NumberPad.ButtonStyle" Value="{ThemeResource NumericButtonStyle38}"/>
+
+                        <Setter Target="EulerButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="AbsButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="LogBaseX.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="TwoPowerXButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="CubeRootButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+
+                        <Setter Target="ShiftButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="TrigShiftButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="HypButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="SecButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="CscButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="CotButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvsecButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvcscButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvcotButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="SechButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="CschButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="CothButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvsechButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvcschButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvcothButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+
+                        <Setter Target="AbsFlyoutButton.FontSize" Value="{ThemeResource CalcButtonTextIconCaptionSize}"/>
+                        <Setter Target="FloorButton.FontSize" Value="{ThemeResource CalcButtonTextIconCaptionSize}"/>
+                        <Setter Target="CeilButton.FontSize" Value="{ThemeResource CalcButtonTextIconCaptionSize}"/>
+                        <Setter Target="RandButton.FontSize" Value="{ThemeResource CalcButtonCaptionSize}"/>
+                        <Setter Target="DmsButton.FontSize" Value="{ThemeResource CalcButtonTextIconCaptionSize}"/>
+                        <Setter Target="DegreesButton.FontSize" Value="{ThemeResource CalcButtonTextIconCaptionSize}"/>
+
+                        <Setter Target="OperatorPanelRow.MinHeight" Value="{StaticResource OperatorPanelButtonRowSizeLarge}"/>
+
+                        <Setter Target="TrigButton.ChevronFontSize" Value="{ThemeResource OperatorPanelChevronFontSizeLarge}"/>
+                        <Setter Target="TrigButton.GlyphFontSize" Value="{ThemeResource OperatorPanelGlyphFontSizeLarge}"/>
+                        <Setter Target="TrigButton.FontSize" Value="{ThemeResource OperatorPanelFontSizeLarge}"/>
+
+
+                        <Setter Target="FuncButton.ChevronFontSize" Value="{ThemeResource OperatorPanelChevronFontSizeLarge}"/>
+                        <Setter Target="FuncButton.GlyphFontSize" Value="{ThemeResource OperatorPanelGlyphFontSizeLarge}"/>
+                        <Setter Target="FuncButton.FontSize" Value="{ThemeResource OperatorPanelFontSizeLarge}"/>
+
+                        <Setter Target="TrigGrid.MinWidth" Value="516"/>
+                        <Setter Target="TrigGrid.MinHeight" Value="192"/>
+                        <Setter Target="FuncGrid.MinWidth" Value="387"/>
+                        <Setter Target="FuncGrid.MinHeight" Value="192"/>
+
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState x:Name="Medium">
+                    <VisualState.StateTriggers>
+                        <triggers:ControlSizeTrigger MinWidth="527"
+                                                     MinHeight="523"
+                                                     Source="{x:Bind ScientificOperators}"/>
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="NegateButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSizeLarge}"/>
                         <Setter Target="PiButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="FactorialButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="OpenParenthesisButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="CloseParenthesisButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+
                         <Setter Target="SinButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="CosButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="TanButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="SinhButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="CoshButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="TanhButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-
                         <Setter Target="InvsinButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="InvcosButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="InvtanButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="InvsinhButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="InvcoshButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="InvtanhButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+
                         <Setter Target="PowerButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="PowerOf10Button.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="LogBase10Button.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
@@ -137,8 +227,6 @@
                         <Setter Target="YSquareRootButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="PowerOfEButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="LogBaseEButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="DmsButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="DegreesButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="XPower2Button.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="XPower3Button.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="SquareRootButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
@@ -152,513 +240,673 @@
                         <Setter Target="MinusButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="PlusButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
                         <Setter Target="EqualButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="NumberPad.ButtonStyle" Value="{ThemeResource NumericButtonStyle34}"/>
-                    </VisualState.Setters>
-                    <Storyboard Completed="WideLayout_Completed"/>
-                </VisualState>
-                <VisualState x:Name="WideL">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="768" MinWindowWidth="1200"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="R0.Height" Value="0"/>
-                        <Setter Target="R2.Height" Value="0"/>
-                        <Setter Target="C0.Width" Value="1*"/>
-                        <Setter Target="C1.Width" Value="1*"/>
-                        <Setter Target="C2.Width" Value="1*"/>
-                        <Setter Target="C3.Width" Value="1*"/>
-                        <Setter Target="ShiftButton.(Grid.Row)" Value="8"/>
-                        <Setter Target="ShiftButton.(Grid.Column)" Value="1"/>
-                        <Setter Target="ScientificFunctions.(Grid.Row)" Value="4"/>
-                        <Setter Target="ScientificFunctions.(Grid.Column)" Value="1"/>
-                        <Setter Target="OpR2.Height" Value="1*"/>
-                        <Setter Target="OpR3.Height" Value="1*"/>
-                        <Setter Target="Row1.Visibility" Value="Visible"/>
-                        <Setter Target="Row2.Visibility" Value="Visible"/>
-                        <Setter Target="InvRow1.(Grid.Row)" Value="1"/>
-                        <Setter Target="Row2.(Grid.Row)" Value="2"/>
-                        <Setter Target="InvRow2.(Grid.Row)" Value="3"/>
-                        <Setter Target="InvRow1.Visibility" Value="Visible"/>
-                        <Setter Target="InvRow2.Visibility" Value="Visible"/>
+                        <Setter Target="NumberPad.ButtonStyle" Value="{ThemeResource NumericButtonStyle24}"/>
 
-                        <Setter Target="NegateButton.(Grid.Row)" Value="8"/>
-                        <Setter Target="NegateButton.(Grid.Column)" Value="6"/>
-                        <Setter Target="PiButton.(Grid.Row)" Value="8"/>
-                        <Setter Target="PiButton.(Grid.Column)" Value="2"/>
-                        <Setter Target="FactorialButton.(Grid.Row)" Value="8"/>
-                        <Setter Target="FactorialButton.(Grid.Column)" Value="3"/>
-                        <Setter Target="OpenParenthesisButton.(Grid.Row)" Value="8"/>
-                        <Setter Target="OpenParenthesisButton.(Grid.Column)" Value="4"/>
-                        <Setter Target="CloseParenthesisButton.(Grid.Row)" Value="8"/>
-                        <Setter Target="CloseParenthesisButton.(Grid.Column)" Value="5"/>
+                        <Setter Target="EulerButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="AbsButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="LogBaseX.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="TwoPowerXButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="CubeRootButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
 
-                        <Setter Target="NegateButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="PiButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="FactorialButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="OpenParenthesisButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="CloseParenthesisButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="SinButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="CosButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="TanButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="SinhButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="CoshButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="TanhButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="ShiftButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="TrigShiftButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="HypButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="SecButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="CscButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="CotButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="InvsecButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="InvcscButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="InvcotButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="SechButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="CschButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="CothButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="InvsechButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="InvcschButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="InvcothButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
 
-                        <Setter Target="InvsinButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="InvcosButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="InvtanButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="InvsinhButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="InvcoshButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="InvtanhButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="PowerButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="PowerOf10Button.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="LogBase10Button.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="ExpButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="ModButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="YSquareRootButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="PowerOfEButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="LogBaseEButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="DmsButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="DegreesButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="XPower2Button.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="XPower3Button.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="SquareRootButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="InvertButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="AbsFlyoutButton.FontSize" Value="{ThemeResource CalcStandardOperatorTextIconCaptionSize}"/>
+                        <Setter Target="FloorButton.FontSize" Value="{ThemeResource CalcStandardOperatorTextIconCaptionSize}"/>
+                        <Setter Target="CeilButton.FontSize" Value="{ThemeResource CalcStandardOperatorTextIconCaptionSize}"/>
+                        <Setter Target="RandButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="DmsButton.FontSize" Value="{ThemeResource CalcStandardOperatorTextIconCaptionSize}"/>
+                        <Setter Target="DegreesButton.FontSize" Value="{ThemeResource CalcStandardOperatorTextIconCaptionSize}"/>
 
-                        <Setter Target="ClearEntryButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="ClearButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="BackSpaceButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="DivideButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="MultiplyButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="MinusButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="PlusButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="EqualButton.FontSize" Value="{ThemeResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="NumberPad.ButtonStyle" Value="{ThemeResource NumericButtonStyle34}"/>
-                    </VisualState.Setters>
-                    <Storyboard Completed="WideLayout_Completed"/>
-                </VisualState>
-                <VisualState x:Name="WideMINI">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="0" MinWindowWidth="1024"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="R0.Height" Value="0"/>
-                        <Setter Target="R2.Height" Value="0"/>
-                        <Setter Target="C0.Width" Value="1*"/>
-                        <Setter Target="C1.Width" Value="1*"/>
-                        <Setter Target="C2.Width" Value="1*"/>
-                        <Setter Target="C3.Width" Value="1*"/>
-                        <Setter Target="ShiftButton.(Grid.Row)" Value="8"/>
-                        <Setter Target="ShiftButton.(Grid.Column)" Value="1"/>
-                        <Setter Target="ScientificFunctions.(Grid.Row)" Value="4"/>
-                        <Setter Target="ScientificFunctions.(Grid.Column)" Value="1"/>
-                        <Setter Target="OpR2.Height" Value="1*"/>
-                        <Setter Target="OpR3.Height" Value="1*"/>
-                        <Setter Target="Row1.Visibility" Value="Visible"/>
-                        <Setter Target="Row2.Visibility" Value="Visible"/>
-                        <Setter Target="InvRow1.(Grid.Row)" Value="1"/>
-                        <Setter Target="Row2.(Grid.Row)" Value="2"/>
-                        <Setter Target="InvRow2.(Grid.Row)" Value="3"/>
-                        <Setter Target="InvRow1.Visibility" Value="Visible"/>
-                        <Setter Target="InvRow2.Visibility" Value="Visible"/>
+                        <Setter Target="OperatorPanelRow.MinHeight" Value="{StaticResource OperatorPanelButtonRowSizeMedium}"/>
+
+                        <Setter Target="TrigButton.ChevronFontSize" Value="{ThemeResource OperatorPanelChevronFontSizeMedium}"/>
+                        <Setter Target="TrigButton.GlyphFontSize" Value="{ThemeResource OperatorPanelGlyphFontSizeMedium}"/>
+                        <Setter Target="TrigButton.FontSize" Value="{ThemeResource OperatorPanelFontSizeMedium}"/>
+
+                        <Setter Target="FuncButton.ChevronFontSize" Value="{ThemeResource OperatorPanelChevronFontSizeMedium}"/>
+                        <Setter Target="FuncButton.GlyphFontSize" Value="{ThemeResource OperatorPanelGlyphFontSizeMedium}"/>
+                        <Setter Target="FuncButton.FontSize" Value="{ThemeResource OperatorPanelFontSizeMedium}"/>
+
+                        <Setter Target="TrigGrid.MinWidth" Value="480"/>
+                        <Setter Target="TrigGrid.MinHeight" Value="144"/>
+                        <Setter Target="FuncGrid.MinWidth" Value="360"/>
+                        <Setter Target="FuncGrid.MinHeight" Value="144"/>
 
-                        <Setter Target="NegateButton.(Grid.Row)" Value="8"/>
-                        <Setter Target="NegateButton.(Grid.Column)" Value="6"/>
-                        <Setter Target="PiButton.(Grid.Row)" Value="8"/>
-                        <Setter Target="PiButton.(Grid.Column)" Value="2"/>
-                        <Setter Target="FactorialButton.(Grid.Row)" Value="8"/>
-                        <Setter Target="FactorialButton.(Grid.Column)" Value="3"/>
-                        <Setter Target="OpenParenthesisButton.(Grid.Row)" Value="8"/>
-                        <Setter Target="OpenParenthesisButton.(Grid.Column)" Value="4"/>
-                        <Setter Target="CloseParenthesisButton.(Grid.Row)" Value="8"/>
-                        <Setter Target="CloseParenthesisButton.(Grid.Column)" Value="5"/>
                     </VisualState.Setters>
-                    <Storyboard Completed="WideLayout_Completed"/>
                 </VisualState>
-                <VisualState x:Name="Fill640x800">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="800" MinWindowWidth="640"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="R1.Height" Value="1*"/>
-                        <Setter Target="R3.Height" Value="1*"/>
-                        <Setter Target="OpR2.Height" Value="1*"/>
-                        <Setter Target="OpR3.Height" Value="1*"/>
-                        <Setter Target="Row1.Visibility" Value="Visible"/>
-                        <Setter Target="Row2.Visibility" Value="Visible"/>
-                        <Setter Target="InvRow1.(Grid.Row)" Value="1"/>
-                        <Setter Target="Row2.(Grid.Row)" Value="2"/>
-                        <Setter Target="InvRow2.(Grid.Row)" Value="3"/>
-                        <Setter Target="InvRow1.Visibility" Value="Visible"/>
-                        <Setter Target="InvRow2.Visibility" Value="Visible"/>
-                    </VisualState.Setters>
-                    <Storyboard Completed="WideLayout_Completed"/>
-                </VisualState>
-                <VisualState x:Name="Fill640x528">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="0" MinWindowWidth="640"/>
-                    </VisualState.StateTriggers>
-                    <Storyboard Completed="ShortLayout_Completed"/>
-                </VisualState>
-                <VisualState x:Name="Snap320x800">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="800" MinWindowWidth="0"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="R1.Height" Value="1*"/>
-                        <Setter Target="R3.Height" Value="1*"/>
-                        <Setter Target="OpR2.Height" Value="1*"/>
-                        <Setter Target="OpR3.Height" Value="1*"/>
-                        <Setter Target="Row1.Visibility" Value="Visible"/>
-                        <Setter Target="Row2.Visibility" Value="Visible"/>
-                        <Setter Target="InvRow1.(Grid.Row)" Value="1"/>
-                        <Setter Target="Row2.(Grid.Row)" Value="2"/>
-                        <Setter Target="InvRow2.(Grid.Row)" Value="3"/>
-                        <Setter Target="InvRow1.Visibility" Value="Visible"/>
-                        <Setter Target="InvRow2.Visibility" Value="Visible"/>
-                    </VisualState.Setters>
-                    <Storyboard Completed="WideLayout_Completed"/>
-                </VisualState>
-                <VisualState x:Name="MinSizeLayout">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="{StaticResource AppMinWindowHeight}" MinWindowWidth="{StaticResource AppMinWindowWidth}"/>
-                    </VisualState.StateTriggers>
-                    <Storyboard Completed="ShortLayout_Completed"/>
-                </VisualState>
-                <VisualState x:Name="DefaultLayout">
+                <VisualState x:Name="Small">
                     <VisualState.StateTriggers>
                         <AdaptiveTrigger MinWindowHeight="0" MinWindowWidth="0"/>
                     </VisualState.StateTriggers>
                     <VisualState.Setters>
-                        <Setter Target="ShiftButton.Style" Value="{StaticResource CaptionToggleButtonSmallStyle}"/>
+                        <Setter Target="NegateButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="PiButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="FactorialButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="OpenParenthesisButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="CloseParenthesisButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+
+                        <Setter Target="SinButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="CosButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="TanButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="SinhButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="CoshButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="TanhButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvsinButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvcosButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvtanButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvsinhButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvcoshButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvtanhButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+
+                        <Setter Target="PowerButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="PowerOf10Button.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="LogBase10Button.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="ExpButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="ModButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="YSquareRootButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="PowerOfEButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="LogBaseEButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="XPower2Button.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="XPower3Button.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="SquareRootButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvertButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+
+                        <Setter Target="ClearEntryButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="ClearButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="BackSpaceButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="DivideButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="MultiplyButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="MinusButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="PlusButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="EqualButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="NumberPad.ButtonStyle" Value="{ThemeResource NumericButtonStyle18}"/>
+
+                        <Setter Target="EulerButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="AbsButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="LogBaseX.FontSize" Value="16"/>
+                        <Setter Target="TwoPowerXButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="CubeRootButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+
+                        <Setter Target="ShiftButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="TrigShiftButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="HypButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="SecButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="CscButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="CotButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvsecButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvcscButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvcotButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="SechButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="CschButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="CothButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvsechButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvcschButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvcothButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+
+                        <Setter Target="AbsFlyoutButton.FontSize" Value="{ThemeResource CalcOperatorTextIconCaptionSize}"/>
+                        <Setter Target="FloorButton.FontSize" Value="{ThemeResource CalcOperatorTextIconCaptionSize}"/>
+                        <Setter Target="CeilButton.FontSize" Value="{ThemeResource CalcOperatorTextIconCaptionSize}"/>
+                        <Setter Target="RandButton.FontSize" Value="{ThemeResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="DmsButton.FontSize" Value="{ThemeResource CalcOperatorTextIconCaptionSize}"/>
+                        <Setter Target="DegreesButton.FontSize" Value="{ThemeResource CalcOperatorTextIconCaptionSize}"/>
+
+                        <Setter Target="OperatorPanelRow.MinHeight" Value="{ThemeResource OperatorPanelButtonRowSizeSmall}"/>
+
+                        <Setter Target="TrigButton.ChevronFontSize" Value="{ThemeResource OperatorPanelChevronFontSizeSmall}"/>
+                        <Setter Target="TrigButton.GlyphFontSize" Value="{ThemeResource OperatorPanelGlyphFontSizeSmall}"/>
+                        <Setter Target="TrigButton.FontSize" Value="{ThemeResource OperatorPanelFontSizeSmall}"/>
+
+                        <Setter Target="FuncButton.ChevronFontSize" Value="{ThemeResource OperatorPanelChevronFontSizeSmall}"/>
+                        <Setter Target="FuncButton.GlyphFontSize" Value="{ThemeResource OperatorPanelGlyphFontSizeSmall}"/>
+                        <Setter Target="FuncButton.FontSize" Value="{ThemeResource OperatorPanelFontSizeSmall}"/>
+
+                        <Setter Target="TrigGrid.MinWidth" Value="258"/>
+                        <Setter Target="TrigGrid.MinHeight" Value="96"/>
+                        <Setter Target="FuncGrid.MinWidth" Value="194"/>
+                        <Setter Target="FuncGrid.MinHeight" Value="96"/>
+
                     </VisualState.Setters>
-                    <Storyboard Completed="ShortLayout_Completed"/>
                 </VisualState>
             </VisualStateGroup>
         </VisualStateManager.VisualStateGroups>
 
-        <Grid x:Name="ScientificFunctions"
-              x:Uid="ScientificFunctions"
-              Grid.RowSpan="4"
-              Grid.Column="5"
-              Grid.ColumnSpan="5"
-              AutomationProperties.HeadingLevel="Level1">
-            <Grid.RowDefinitions>
-                <RowDefinition/>
-                <RowDefinition/>
-                <RowDefinition x:Name="OpR2" Height="0"/>
-                <RowDefinition x:Name="OpR3" Height="0"/>
-            </Grid.RowDefinitions>
+        <controls:OperatorPanelListView x:Uid="ScientificOperatorPanel"
+                                        Grid.ColumnSpan="5"
+                                        Background="{ThemeResource AppOperatorPanelBackground}"
+                                        AutomationProperties.HeadingLevel="Level1">
 
-            <!-- Scientific Row 1 -->
-            <Grid x:Name="Row1">
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="1*"/>
-                </Grid.ColumnDefinitions>
+            <controls:OperatorPanelButton x:Name="TrigButton"
+                                          x:Uid="trigButton"
+                                          Style="{StaticResource OperatorPanelButtonStyle}"
+                                          AutomationProperties.AutomationId="trigButton"
+                                          Glyph="&#xF892;">
+                <controls:OperatorPanelButton.FlyoutMenu>
+                    <Flyout x:Name="Trigflyout"
+                            Windows10version1803:Placement="Bottom"
+                            Windows10version1809:AreOpenCloseAnimationsEnabled="False"
+                            Windows10version1809:Placement="BottomEdgeAlignedLeft"
+                            FlyoutPresenterStyle="{ThemeResource OperatorPanelFlyoutStyle}">
+                        <Grid x:Name="TrigGrid"
+                              MinWidth="258"
+                              MinHeight="96"
+                              XYFocusKeyboardNavigation="Enabled">
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="1*"/>
+                                <RowDefinition Height="1*"/>
+                            </Grid.RowDefinitions>
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="1*"/>
+                                <ColumnDefinition Width="1*"/>
+                                <ColumnDefinition Width="1*"/>
+                                <ColumnDefinition Width="1*"/>
+                            </Grid.ColumnDefinitions>
+                            <!--
+                                Because of the way we handle keyboard shortcuts, the IsEnabled property must be bound to a button outside the flyout.
+                                This is because the content from within the Flyout do not inherit the IsEnabled property of the flyout parent,
+                                causing the shortcut keys to be used when the control would normally be disabled.
+                            -->
+                            <ToggleButton x:Name="TrigShiftButton"
+                                          x:Uid="trigShiftButton"
+                                          Style="{StaticResource CaptionToggleEmphasizedButtonStyle}"
+                                          FontFamily="{StaticResource CalculatorFontFamily}"
+                                          AutomationProperties.AutomationId="trigShiftButton"
+                                          Checked="TrigFlyoutShift_Toggle"
+                                          Content="&#xF897;"
+                                          Unchecked="TrigFlyoutShift_Toggle"
+                                          IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
 
-                <controls:CalculatorButton x:Name="XPower2Button"
-                                           x:Uid="xpower2Button"
-                                           Style="{StaticResource SymbolOperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="xpower2Button"
-                                           ButtonId="XPower2"
-                                           Content="&#xf7c8;"/>
-                <controls:CalculatorButton x:Name="PowerButton"
-                                           x:Uid="powerButton"
-                                           Grid.Column="1"
-                                           Style="{StaticResource SymbolOperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="powerButton"
-                                           ButtonId="XPowerY"
-                                           Content="&#xf7ca;"/>
-                <controls:CalculatorButton x:Name="SinButton"
-                                           x:Uid="sinButton"
-                                           Grid.Column="2"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="sinButton"
-                                           ButtonId="Sin"
-                                           Content="sin"
-                                           Visibility="{Binding IsHyperbolicChecked, Converter={StaticResource BooleanToVisibilityNegationConverter}}"/>
-                <controls:CalculatorButton x:Name="CosButton"
-                                           x:Uid="cosButton"
-                                           Grid.Column="3"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="cosButton"
-                                           ButtonId="Cos"
-                                           Content="cos"
-                                           Visibility="{Binding IsHyperbolicChecked, Converter={StaticResource BooleanToVisibilityNegationConverter}}"/>
-                <controls:CalculatorButton x:Name="TanButton"
-                                           x:Uid="tanButton"
-                                           Grid.Column="4"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="tanButton"
-                                           ButtonId="Tan"
-                                           Content="tan"
-                                           Visibility="{Binding IsHyperbolicChecked, Converter={StaticResource BooleanToVisibilityNegationConverter}}"/>
-                <controls:CalculatorButton x:Name="SinhButton"
-                                           x:Uid="sinhButton"
-                                           Grid.Column="2"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="sinhButton"
-                                           ButtonId="Sinh"
-                                           Content="sinh"
-                                           Visibility="{Binding IsHyperbolicChecked, Converter={StaticResource BooleanToVisibilityConverter}}"/>
-                <controls:CalculatorButton x:Name="CoshButton"
-                                           x:Uid="coshButton"
-                                           Grid.Column="3"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="coshButton"
-                                           ButtonId="Cosh"
-                                           Content="cosh"
-                                           Visibility="{Binding IsHyperbolicChecked, Converter={StaticResource BooleanToVisibilityConverter}}"/>
-                <controls:CalculatorButton x:Name="TanhButton"
-                                           x:Uid="tanhButton"
-                                           Grid.Column="4"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="tanhButton"
-                                           ButtonId="Tanh"
-                                           Content="tanh"
-                                           Visibility="{Binding IsHyperbolicChecked, Converter={StaticResource BooleanToVisibilityConverter}}"/>
-            </Grid>
+                            <ToggleButton x:Name="HypButton"
+                                          x:Uid="hypButton"
+                                          Grid.Row="1"
+                                          Style="{StaticResource CaptionToggleEmphasizedButtonStyle}"
+                                          AutomationProperties.AutomationId="hypShiftButton"
+                                          Checked="TrigFlyoutHyp_Toggle"
+                                          Content="hyp"
+                                          IsEnabledChanged="ShiftButton_IsEnabledChanged"
+                                          Unchecked="TrigFlyoutHyp_Toggle"
+                                          IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
 
-            <!-- Scientific INV Row 1 -->
-            <Grid x:Name="InvRow1" Visibility="Collapsed">
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition x:Name="CX0" Width="1*"/>
-                    <ColumnDefinition x:Name="CX1" Width="1*"/>
-                    <ColumnDefinition x:Name="CX2" Width="1*"/>
-                    <ColumnDefinition x:Name="Cx3" Width="1*"/>
-                    <ColumnDefinition x:Name="CX4" Width="1*"/>
-                </Grid.ColumnDefinitions>
+                            <Grid x:Name="TrigFunctions"
+                                  Grid.RowSpan="2"
+                                  Grid.Column="1"
+                                  Grid.ColumnSpan="3">
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="1*"/>
+                                    <RowDefinition Height="1*"/>
+                                </Grid.RowDefinitions>
 
-                <controls:CalculatorButton x:Name="XPower3Button"
-                                           x:Uid="xpower3Button"
-                                           Style="{StaticResource SymbolOperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="xpower3Button"
-                                           ButtonId="Cube"
-                                           Content="&#xf7cb;"/>
-                <controls:CalculatorButton x:Name="YSquareRootButton"
-                                           x:Uid="ySquareRootButton"
-                                           Grid.Column="1"
-                                           Style="{StaticResource SymbolOperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="ySquareRootButton"
-                                           ButtonId="YRootX"
-                                           Content="&#xf7cd;"/>
-                <controls:CalculatorButton x:Name="InvsinButton"
-                                           x:Uid="invsinButton"
-                                           Grid.Column="2"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="invsinButton"
-                                           ButtonId="InvSin"
-                                           Content="sin⁻¹"
-                                           Visibility="{Binding IsHyperbolicChecked, Converter={StaticResource BooleanToVisibilityNegationConverter}}"/>
-                <controls:CalculatorButton x:Name="InvcosButton"
-                                           x:Uid="invcosButton"
-                                           Grid.Column="3"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="invcosButton"
-                                           ButtonId="InvCos"
-                                           Content="cos⁻¹"
-                                           Visibility="{Binding IsHyperbolicChecked, Converter={StaticResource BooleanToVisibilityNegationConverter}}"/>
-                <controls:CalculatorButton x:Name="InvtanButton"
-                                           x:Uid="invtanButton"
-                                           Grid.Column="4"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="invtanButton"
-                                           ButtonId="InvTan"
-                                           Content="tan⁻¹"
-                                           Visibility="{Binding IsHyperbolicChecked, Converter={StaticResource BooleanToVisibilityNegationConverter}}"/>
-                <controls:CalculatorButton x:Name="InvsinhButton"
-                                           x:Uid="invsinhButton"
-                                           Grid.Column="2"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="invsinhButton"
-                                           ButtonId="InvSinh"
-                                           Content="sinh⁻¹"
-                                           Visibility="{Binding IsHyperbolicChecked, Converter={StaticResource BooleanToVisibilityConverter}}"/>
-                <controls:CalculatorButton x:Name="InvcoshButton"
-                                           x:Uid="invcoshButton"
-                                           Grid.Column="3"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="invcoshButton"
-                                           ButtonId="InvCosh"
-                                           Content="cosh⁻¹"
-                                           Visibility="{Binding IsHyperbolicChecked, Converter={StaticResource BooleanToVisibilityConverter}}"/>
-                <controls:CalculatorButton x:Name="InvtanhButton"
-                                           x:Uid="invtanhButton"
-                                           Grid.Column="4"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="invtanhButton"
-                                           ButtonId="InvTanh"
-                                           Content="tanh⁻¹"
-                                           Visibility="{Binding IsHyperbolicChecked, Converter={StaticResource BooleanToVisibilityConverter}}"/>
-            </Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="1*"/>
+                                    <ColumnDefinition Width="1*"/>
+                                    <ColumnDefinition Width="1*"/>
+                                </Grid.ColumnDefinitions>
 
-            <!-- Scientific Row 2 -->
-            <Grid x:Name="Row2" Grid.Row="1">
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="1*"/>
-                </Grid.ColumnDefinitions>
+                                <controls:CalculatorButton x:Name="SinButton"
+                                                           x:Uid="sinButton"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="sinButton"
+                                                           ButtonId="Sin"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="sin"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
 
-                <controls:CalculatorButton x:Name="SquareRootButton"
-                                           x:Uid="squareRootButton"
-                                           Style="{StaticResource SymbolOperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="squareRootButton"
-                                           ButtonId="Sqrt"
-                                           Content="&#xF899;"/>
-                <controls:CalculatorButton x:Name="PowerOf10Button"
-                                           x:Uid="powerOf10Button"
-                                           Grid.Column="1"
-                                           Style="{StaticResource SymbolOperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="powerOf10Button"
-                                           ButtonId="TenPowerX"
-                                           Content="&#xF7CC;"/>
-                <controls:CalculatorButton x:Name="LogBase10Button"
-                                           x:Uid="logBase10Button"
-                                           Grid.Column="2"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="logBase10Button"
-                                           ButtonId="LogBase10"
-                                           Content="log"/>
-                <controls:CalculatorButton x:Name="ExpButton"
-                                           x:Uid="expButton"
-                                           Grid.Column="3"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="expButton"
-                                           ButtonId="Exp"
-                                           Content="Exp"/>
-                <controls:CalculatorButton x:Name="ModButton"
-                                           x:Uid="modButton"
-                                           Grid.Column="4"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="modButton"
-                                           ButtonId="Mod"
-                                           Content="Mod"/>
-            </Grid>
+                                <controls:CalculatorButton x:Name="CosButton"
+                                                           x:Uid="cosButton"
+                                                           Grid.Column="1"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="cosButton"
+                                                           ButtonId="Cos"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="cos"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
 
-            <!-- Scientific INV Row 2 -->
-            <Grid x:Name="InvRow2"
-                  Grid.Row="1"
-                  Visibility="Collapsed">
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="1*"/>
-                </Grid.ColumnDefinitions>
+                                <controls:CalculatorButton x:Name="TanButton"
+                                                           x:Uid="tanButton"
+                                                           Grid.Column="2"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="tanButton"
+                                                           ButtonId="Tan"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="tan"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
 
-                <controls:CalculatorButton x:Name="InvertButton"
-                                           x:Uid="invertButton"
-                                           Style="{StaticResource SymbolOperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="invertButton"
-                                           ButtonId="Invert"
-                                           Content="&#xf7c9;"/>
-                <controls:CalculatorButton x:Name="PowerOfEButton"
-                                           x:Uid="powerOfEButton"
-                                           Grid.Column="1"
-                                           Style="{StaticResource SymbolOperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="powerOfEButton"
-                                           ButtonId="EPowerX"
-                                           Content="&#xf7ce;"/>
-                <controls:CalculatorButton x:Name="LogBaseEButton"
-                                           x:Uid="logBaseEButton"
-                                           Grid.Column="2"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="logBaseEButton"
-                                           ButtonId="LogBaseE"
-                                           Content="ln"/>
-                <controls:CalculatorButton x:Name="DmsButton"
-                                           x:Uid="dmsButton"
-                                           Grid.Column="3"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="dmsButton"
-                                           ButtonId="DMS"
-                                           Content="dms"/>
-                <controls:CalculatorButton x:Name="DegreesButton"
-                                           x:Uid="degreesButton"
-                                           Grid.Column="4"
-                                           Style="{StaticResource OperatorButtonStyle}"
-                                           AutomationProperties.AutomationId="degreesButton"
-                                           ButtonId="Degrees"
-                                           Content="deg"/>
-            </Grid>
-        </Grid>
+                                <controls:CalculatorButton x:Name="SecButton"
+                                                           x:Uid="secButton"
+                                                           Grid.Row="1"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="secButton"
+                                                           ButtonId="Sec"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="sec"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="CscButton"
+                                                           x:Uid="cscButton"
+                                                           Grid.Row="1"
+                                                           Grid.Column="1"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="cscButton"
+                                                           ButtonId="Csc"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="csc"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="CotButton"
+                                                           x:Uid="cotButton"
+                                                           Grid.Row="1"
+                                                           Grid.Column="2"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="cotButton"
+                                                           ButtonId="Cot"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="cot"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+                            </Grid>
+
+                            <Grid x:Name="InverseTrigFunctions"
+                                  Grid.RowSpan="2"
+                                  Grid.Column="1"
+                                  Grid.ColumnSpan="3"
+                                  Visibility="Collapsed">
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="1*"/>
+                                    <RowDefinition Height="1*"/>
+                                </Grid.RowDefinitions>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="1*"/>
+                                    <ColumnDefinition Width="1*"/>
+                                    <ColumnDefinition Width="1*"/>
+                                </Grid.ColumnDefinitions>
+
+                                <controls:CalculatorButton x:Name="InvsinButton"
+                                                           x:Uid="invsinButton"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="invsinButton"
+                                                           ButtonId="InvSin"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="sin⁻¹"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="InvcosButton"
+                                                           x:Uid="invcosButton"
+                                                           Grid.Column="1"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="invcosButton"
+                                                           ButtonId="InvCos"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="cos⁻¹"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="InvtanButton"
+                                                           x:Uid="invtanButton"
+                                                           Grid.Column="2"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="invtanButton"
+                                                           ButtonId="InvTan"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="tan⁻¹"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="InvsecButton"
+                                                           x:Uid="invsecButton"
+                                                           Grid.Row="1"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="invsecButton"
+                                                           ButtonId="InvSec"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="sec⁻¹"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="InvcscButton"
+                                                           x:Uid="invcscButton"
+                                                           Grid.Row="1"
+                                                           Grid.Column="1"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="invcscButton"
+                                                           ButtonId="InvCsc"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="csc⁻¹"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="InvcotButton"
+                                                           x:Uid="invcotButton"
+                                                           Grid.Row="1"
+                                                           Grid.Column="2"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="invcotButton"
+                                                           ButtonId="InvCot"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="cot⁻¹"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+                            </Grid>
+
+                            <Grid x:Name="HyperbolicTrigFunctions"
+                                  Grid.RowSpan="2"
+                                  Grid.Column="1"
+                                  Grid.ColumnSpan="3"
+                                  Visibility="Collapsed">
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="1*"/>
+                                    <RowDefinition Height="1*"/>
+                                </Grid.RowDefinitions>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="1*"/>
+                                    <ColumnDefinition Width="1*"/>
+                                    <ColumnDefinition Width="1*"/>
+                                </Grid.ColumnDefinitions>
+
+                                <controls:CalculatorButton x:Name="SinhButton"
+                                                           x:Uid="sinhButton"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="sinhButton"
+                                                           ButtonId="Sinh"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="sinh"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="CoshButton"
+                                                           x:Uid="coshButton"
+                                                           Grid.Column="1"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="coshButton"
+                                                           ButtonId="Cosh"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="cosh"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="TanhButton"
+                                                           x:Uid="tanhButton"
+                                                           Grid.Column="2"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="tanhButton"
+                                                           ButtonId="Tanh"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="tanh"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="SechButton"
+                                                           x:Uid="sechButton"
+                                                           Grid.Row="1"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="sechButton"
+                                                           ButtonId="Sech"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="sech"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="CschButton"
+                                                           x:Uid="cschButton"
+                                                           Grid.Row="1"
+                                                           Grid.Column="1"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="cschButton"
+                                                           ButtonId="Csch"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="csch"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="CothButton"
+                                                           x:Uid="cothButton"
+                                                           Grid.Row="1"
+                                                           Grid.Column="2"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="cothButton"
+                                                           ButtonId="Coth"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="coth"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+                            </Grid>
+
+                            <Grid x:Name="InverseHyperbolicTrigFunctions"
+                                  Grid.RowSpan="2"
+                                  Grid.Column="1"
+                                  Grid.ColumnSpan="3"
+                                  Visibility="Collapsed">
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="1*"/>
+                                    <RowDefinition Height="1*"/>
+                                </Grid.RowDefinitions>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="1*"/>
+                                    <ColumnDefinition Width="1*"/>
+                                    <ColumnDefinition Width="1*"/>
+                                </Grid.ColumnDefinitions>
+                                <controls:CalculatorButton x:Name="InvsinhButton"
+                                                           x:Uid="invsinhButton"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="invsinhButton"
+                                                           ButtonId="InvSinh"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="sinh⁻¹"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="InvcoshButton"
+                                                           x:Uid="invcoshButton"
+                                                           Grid.Column="1"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="invcoshButton"
+                                                           ButtonId="InvCosh"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="cosh⁻¹"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="InvtanhButton"
+                                                           x:Uid="invtanhButton"
+                                                           Grid.Column="2"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="invtanhButton"
+                                                           ButtonId="InvTanh"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="tanh⁻¹"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="InvsechButton"
+                                                           x:Uid="invsechButton"
+                                                           Grid.Row="1"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="invsechButton"
+                                                           ButtonId="InvSech"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="sech⁻¹"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="InvcschButton"
+                                                           x:Uid="invcschButton"
+                                                           Grid.Row="1"
+                                                           Grid.Column="1"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="invcschButton"
+                                                           ButtonId="InvCsch"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="csch⁻¹"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+
+                                <controls:CalculatorButton x:Name="InvcothButton"
+                                                           x:Uid="invcothButton"
+                                                           Grid.Row="1"
+                                                           Grid.Column="2"
+                                                           Style="{StaticResource OperatorButtonStyle}"
+                                                           AutomationProperties.AutomationId="invcothButton"
+                                                           ButtonId="InvCoth"
+                                                           Click="FlyoutButton_Clicked"
+                                                           Command="{x:Bind Model.ButtonPressed}"
+                                                           Content="coth⁻¹"
+                                                           IsEnabled="{x:Bind TrigButton.IsEnabled, Mode=OneWay}"/>
+                            </Grid>
+                        </Grid>
+                    </Flyout>
+                </controls:OperatorPanelButton.FlyoutMenu>
+            </controls:OperatorPanelButton>
+
+            <controls:OperatorPanelButton x:Name="FuncButton"
+                                          x:Uid="funcButton"
+                                          Style="{StaticResource OperatorPanelButtonStyle}"
+                                          AutomationProperties.AutomationId="funcButton"
+                                          Glyph="&#xF893;">
+
+                <controls:OperatorPanelButton.FlyoutMenu>
+                    <Flyout x:Name="FuncFlyout"
+                            Windows10version1809:AreOpenCloseAnimationsEnabled="False"
+                            FlyoutPresenterStyle="{ThemeResource OperatorPanelFlyoutStyle}"
+                            Placement="Bottom">
+
+                        <Grid x:Name="FuncGrid"
+                              MinWidth="194"
+                              MinHeight="96"
+                              XYFocusKeyboardNavigation="Enabled">
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="1*"/>
+                                <RowDefinition Height="1*"/>
+                            </Grid.RowDefinitions>
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="1*"/>
+                                <ColumnDefinition Width="1*"/>
+                                <ColumnDefinition Width="1*"/>
+                            </Grid.ColumnDefinitions>
+                            <controls:CalculatorButton x:Name="AbsFlyoutButton"
+                                                       x:Uid="absButton"
+                                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                                       AutomationProperties.AutomationId="absButton"
+                                                       ButtonId="Abs"
+                                                       Click="FlyoutButton_Clicked"
+                                                       Command="{x:Bind Model.ButtonPressed}"
+                                                       Content="&#xF884;"
+                                                       IsEnabled="{x:Bind FuncButton.IsEnabled, Mode=OneWay}"/>
+
+                            <controls:CalculatorButton x:Name="FloorButton"
+                                                       x:Uid="floorButton"
+                                                       Grid.Column="1"
+                                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                                       AutomationProperties.AutomationId="floorButton"
+                                                       ButtonId="Floor"
+                                                       Click="FlyoutButton_Clicked"
+                                                       Command="{x:Bind Model.ButtonPressed}"
+                                                       Content="&#xF885;"
+                                                       IsEnabled="{x:Bind FuncButton.IsEnabled, Mode=OneWay}"/>
+
+                            <controls:CalculatorButton x:Name="CeilButton"
+                                                       x:Uid="ceilButton"
+                                                       Grid.Column="2"
+                                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                                       AutomationProperties.AutomationId="ceilButton"
+                                                       ButtonId="Ceil"
+                                                       Click="FlyoutButton_Clicked"
+                                                       Command="{x:Bind Model.ButtonPressed}"
+                                                       Content="&#xF886;"
+                                                       IsEnabled="{x:Bind FuncButton.IsEnabled, Mode=OneWay}"/>
+
+                            <controls:CalculatorButton x:Name="RandButton"
+                                                       x:Uid="randButton"
+                                                       Grid.Row="1"
+                                                       Style="{StaticResource OperatorButtonStyle}"
+                                                       AutomationProperties.AutomationId="randButton"
+                                                       ButtonId="Rand"
+                                                       Click="FlyoutButton_Clicked"
+                                                       Command="{x:Bind Model.ButtonPressed}"
+                                                       Content="rand"
+                                                       IsEnabled="{x:Bind FuncButton.IsEnabled, Mode=OneWay}"/>
+
+                            <controls:CalculatorButton x:Name="DmsButton"
+                                                       x:Uid="dmsButton"
+                                                       Grid.Row="1"
+                                                       Grid.Column="1"
+                                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                                       AutomationProperties.AutomationId="dmsButton"
+                                                       ButtonId="DMS"
+                                                       Click="FlyoutButton_Clicked"
+                                                       Command="{x:Bind Model.ButtonPressed}"
+                                                       Content="&#xF890;"
+                                                       IsEnabled="{x:Bind FuncButton.IsEnabled, Mode=OneWay}"/>
+
+                            <controls:CalculatorButton x:Name="DegreesButton"
+                                                       x:Uid="degreesButton"
+                                                       Grid.Row="1"
+                                                       Grid.Column="2"
+                                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                                       AutomationProperties.AutomationId="degreesButton"
+                                                       ButtonId="Degrees"
+                                                       Click="FlyoutButton_Clicked"
+                                                       Command="{x:Bind Model.ButtonPressed}"
+                                                       Content="&#xF891;"
+                                                       IsEnabled="{x:Bind FuncButton.IsEnabled, Mode=OneWay}"/>
+                        </Grid>
+                    </Flyout>
+                </controls:OperatorPanelButton.FlyoutMenu>
+            </controls:OperatorPanelButton>
+        </controls:OperatorPanelListView>
 
         <ToggleButton x:Name="ShiftButton"
                       x:Uid="shiftButton"
-                      Grid.Row="4"
-                      Grid.Column="5"
-                      Style="{StaticResource CaptionToggleButtonStyle}"
+                      Grid.Row="1"
+                      Style="{StaticResource CaptionToggleEmphasizedButtonStyle}"
                       FontFamily="{StaticResource CalculatorFontFamily}"
                       FontSize="20"
                       AutomationProperties.AutomationId="shiftButton"
-                      Checked="shiftButton_Check"
+                      Checked="ShiftButton_Check"
                       Content="&#xF897;"
-                      IsEnabled="{x:Bind IsShiftEnabled(IsWideLayout, IsErrorVisualState), Mode=OneWay}"
-                      IsEnabledChanged="shiftButton_IsEnabledChanged"
-                      Unchecked="shiftButton_Check"/>
+                      IsEnabledChanged="ShiftButton_IsEnabledChanged"
+                      Unchecked="ShiftButton_Check"/>
 
-        <Grid x:Name="StandardOperators"
-              x:Uid="StandardOperators"
-              Grid.Row="4"
-              Grid.RowSpan="5"
-              Grid.Column="9"
-              AutomationProperties.HeadingLevel="Level1">
-            <Grid.RowDefinitions>
-                <RowDefinition/>
-                <RowDefinition/>
-                <RowDefinition/>
-                <RowDefinition/>
-                <RowDefinition/>
-            </Grid.RowDefinitions>
-            <controls:CalculatorButton x:Name="DivideButton"
-                                       x:Uid="divideButton"
-                                       Grid.Row="0"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
-                                       AutomationProperties.AutomationId="divideButton"
-                                       ButtonId="Divide"
-                                       Content="&#xE94A;"/>
-            <controls:CalculatorButton x:Name="MultiplyButton"
-                                       x:Uid="multiplyButton"
-                                       Grid.Row="1"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
-                                       AutomationProperties.AutomationId="multiplyButton"
-                                       ButtonId="Multiply"
-                                       Content="&#xE947;"/>
-            <controls:CalculatorButton x:Name="MinusButton"
-                                       x:Uid="minusButton"
-                                       Grid.Row="2"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
-                                       AutomationProperties.AutomationId="minusButton"
-                                       ButtonId="Subtract"
-                                       Content="&#xE949;"/>
-            <controls:CalculatorButton x:Name="PlusButton"
-                                       x:Uid="plusButton"
-                                       Grid.Row="3"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
-                                       AutomationProperties.AutomationId="plusButton"
-                                       ButtonId="Add"
-                                       Content="&#xE948;"/>
-            <controls:CalculatorButton x:Name="EqualButton"
-                                       x:Uid="equalButton"
-                                       Grid.Row="4"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
-                                       AutomationProperties.AutomationId="equalButton"
-                                       ButtonId="Equals"
-                                       Content="&#xE94E;"/>
-        </Grid>
+        <controls:CalculatorButton x:Name="PiButton"
+                                   x:Uid="piButton"
+                                   Grid.Row="1"
+                                   Grid.Column="1"
+                                   Style="{StaticResource SymbolOperatorButtonStyle}"
+                                   FontSize="14"
+                                   AutomationProperties.AutomationId="piButton"
+                                   ButtonId="Pi"
+                                   Content="&#xf7cf;"/>
 
+        <controls:CalculatorButton x:Name="EulerButton"
+                                   x:Uid="eulerButton"
+                                   Grid.Row="1"
+                                   Grid.Column="2"
+                                   Style="{StaticResource OperatorButtonStyle}"
+                                   FontSize="14"
+                                   AutomationProperties.AutomationId="eulerButton"
+                                   ButtonId="Euler"
+                                   Content="e"/>
         <Grid x:Name="DisplayControls"
               x:Uid="DisplayControls"
-              Grid.Row="4"
-              Grid.Column="6"
+              Grid.Row="1"
+              Grid.Column="2"
               Grid.ColumnSpan="3"
               AutomationProperties.HeadingLevel="Level1">
             <Grid.ColumnDefinitions>
@@ -666,13 +914,16 @@
                 <ColumnDefinition/>
                 <ColumnDefinition/>
             </Grid.ColumnDefinitions>
-            <controls:CalculatorButton x:Name="ClearEntryButton"
+            <controls:CalculatorButton Name="ClearEntryButton"
                                        x:Uid="clearEntryButton"
+                                       Grid.Column="1"
                                        Style="{StaticResource OperatorButtonStyle}"
                                        FontSize="16"
                                        AutomationProperties.AutomationId="clearEntryButton"
                                        ButtonId="ClearEntry"
-                                       Content="CE"/>
+                                       Content="CE"
+                                       Visibility="{x:Bind Model.IsInputEmpty, Mode=OneWay, Converter={StaticResource BooleanToVisibilityNegationConverter}}"/>
+
             <controls:CalculatorButton x:Name="ClearButton"
                                        x:Uid="clearButton"
                                        Grid.Column="1"
@@ -680,7 +931,9 @@
                                        FontSize="16"
                                        AutomationProperties.AutomationId="clearButton"
                                        ButtonId="Clear"
-                                       Content="C"/>
+                                       Content="C"
+                                       Visibility="{x:Bind Model.IsInputEmpty, Mode=OneWay, Converter={StaticResource BooleanToVisibilityConverter}}"/>
+
             <controls:CalculatorButton x:Name="BackSpaceButton"
                                        x:Uid="backSpaceButton"
                                        Grid.Column="2"
@@ -692,38 +945,181 @@
                                        Content="&#xE94F;"/>
         </Grid>
 
-        <controls:CalculatorButton x:Name="PiButton"
-                                   x:Uid="piButton"
-                                   Grid.Row="5"
-                                   Grid.Column="5"
-                                   Style="{StaticResource SymbolOperatorButtonStyle}"
-                                   FontSize="14"
-                                   AutomationProperties.AutomationId="piButton"
-                                   ButtonId="Pi"
-                                   Content="&#xf7cf;"/>
-        <controls:CalculatorButton x:Name="FactorialButton"
-                                   x:Uid="factorialButton"
-                                   Grid.Row="6"
-                                   Grid.Column="5"
-                                   Style="{StaticResource OperatorButtonStyle}"
-                                   FontSize="18"
-                                   AutomationProperties.AutomationId="factorialButton"
-                                   ButtonId="Factorial"
-                                   Content="n!"/>
-        <controls:CalculatorButton x:Name="NegateButton"
-                                   x:Uid="negateButton"
-                                   Grid.Row="7"
-                                   Grid.Column="5"
-                                   Style="{StaticResource SymbolOperatorButtonStyle}"
-                                   FontSize="16"
-                                   AutomationProperties.AutomationId="negateButton"
-                                   ButtonId="Negate"
-                                   Content="&#xF898;"
-                                   IsEnabled="{x:Bind Model.IsNegateEnabled, Mode=OneWay}"/>
+        <Grid x:Uid="ScientificFunctions"
+              Grid.Row="2"
+              Grid.RowSpan="6"
+              AutomationProperties.HeadingLevel="Level1">
+            <!-- Scientific Row 1 -->
+            <Grid x:Name="Row1">
+                <Grid.RowDefinitions>
+                    <RowDefinition/>
+                    <RowDefinition/>
+                    <RowDefinition/>
+                    <RowDefinition/>
+                    <RowDefinition/>
+                    <RowDefinition/>
+                </Grid.RowDefinitions>
+
+                <controls:CalculatorButton x:Name="XPower2Button"
+                                           x:Uid="xpower2Button"
+                                           Style="{StaticResource SymbolOperatorButtonStyle}"
+                                           AutomationProperties.AutomationId="xpower2Button"
+                                           ButtonId="XPower2"
+                                           Content="&#xf7c8;"/>
+
+                <controls:CalculatorButton x:Name="XPower3Button"
+                                           x:Uid="xpower3Button"
+                                           Grid.Row="1"
+                                           Style="{StaticResource SymbolOperatorButtonStyle}"
+                                           AutomationProperties.AutomationId="xpower3Button"
+                                           ButtonId="Cube"
+                                           Content="&#xf7cb;"/>
+
+                <controls:CalculatorButton x:Name="PowerButton"
+                                           x:Uid="powerButton"
+                                           Grid.Row="2"
+                                           Style="{StaticResource SymbolOperatorButtonStyle}"
+                                           AutomationProperties.AutomationId="powerButton"
+                                           ButtonId="XPowerY"
+                                           Content="&#xf7ca;"/>
+
+                <controls:CalculatorButton x:Name="PowerOf10Button"
+                                           x:Uid="powerOf10Button"
+                                           Grid.Row="3"
+                                           Style="{StaticResource SymbolOperatorButtonStyle}"
+                                           AutomationProperties.AutomationId="powerOf10Button"
+                                           ButtonId="TenPowerX"
+                                           Content="&#xF7CC;"/>
+
+                <controls:CalculatorButton x:Name="LogBase10Button"
+                                           x:Uid="logBase10Button"
+                                           Grid.Row="4"
+                                           Style="{StaticResource OperatorButtonStyle}"
+                                           AutomationProperties.AutomationId="logBase10Button"
+                                           ButtonId="LogBase10"
+                                           Content="log"/>
+
+                <controls:CalculatorButton x:Name="LogBaseEButton"
+                                           x:Uid="logBaseEButton"
+                                           Grid.Row="5"
+                                           Style="{StaticResource OperatorButtonStyle}"
+                                           AutomationProperties.AutomationId="logBaseEButton"
+                                           ButtonId="LogBaseE"
+                                           Content="ln"/>
+            </Grid>
+
+            <!-- Scientific INV Row 1 -->
+            <Grid x:Name="InvRow1" Visibility="Collapsed">
+                <Grid.RowDefinitions>
+                    <RowDefinition/>
+                    <RowDefinition/>
+                    <RowDefinition/>
+                    <RowDefinition/>
+                    <RowDefinition/>
+                    <RowDefinition/>
+                </Grid.RowDefinitions>
+                <controls:CalculatorButton x:Name="SquareRootButton"
+                                           x:Uid="squareRootButton"
+                                           Style="{StaticResource EmphasizedCalcButtonStyle}"
+                                           AutomationProperties.AutomationId="squareRootButton"
+                                           ButtonId="Sqrt"
+                                           Click="ShiftButton_Uncheck"
+                                           Content="&#xF899;"/>
+
+                <controls:CalculatorButton x:Name="CubeRootButton"
+                                           x:Uid="cubeRootButton"
+                                           Grid.Row="1"
+                                           Style="{StaticResource EmphasizedCalcButtonStyle}"
+                                           AutomationProperties.AutomationId="cubeRootButton"
+                                           ButtonId="CubeRoot"
+                                           Click="ShiftButton_Uncheck"
+                                           Content="&#xF881;"/>
+
+                <controls:CalculatorButton x:Name="YSquareRootButton"
+                                           x:Uid="ySquareRootButton"
+                                           Grid.Row="2"
+                                           Style="{StaticResource EmphasizedCalcButtonStyle}"
+                                           AutomationProperties.AutomationId="ySquareRootButton"
+                                           ButtonId="YRootX"
+                                           Click="ShiftButton_Uncheck"
+                                           Content="&#xf7cd;"/>
+
+                <controls:CalculatorButton x:Name="TwoPowerXButton"
+                                           x:Uid="twoPowerXButton"
+                                           Grid.Row="3"
+                                           Style="{StaticResource EmphasizedCalcButtonStyle}"
+                                           AutomationProperties.AutomationId="twoPowerXButton"
+                                           ButtonId="TwoPowerX"
+                                           Click="ShiftButton_Uncheck"
+                                           Content="&#xF882;"/>
+
+                <controls:CalculatorButton x:Name="LogBaseX"
+                                           x:Uid="logBaseX"
+                                           Grid.Row="4"
+                                           Style="{StaticResource EmphasizedCalcButtonStyle}"
+                                           AutomationProperties.AutomationId="logBaseX"
+                                           ButtonId="LogBaseX"
+                                           Click="ShiftButton_Uncheck"
+                                           Content="&#xF883;"/>
+
+                <controls:CalculatorButton x:Name="PowerOfEButton"
+                                           x:Uid="powerOfEButton"
+                                           Grid.Row="5"
+                                           Style="{StaticResource EmphasizedCalcButtonStyle}"
+                                           AutomationProperties.AutomationId="powerOfEButton"
+                                           ButtonId="EPowerX"
+                                           Click="ShiftButton_Uncheck"
+                                           Content="&#xf7ce;"/>
+            </Grid>
+        </Grid>
+        <!-- Scientific Row 2 -->
+        <Grid x:Name="Row2"
+              Grid.Row="2"
+              Grid.Column="1"
+              Grid.ColumnSpan="4">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="1*"/>
+                <ColumnDefinition Width="1*"/>
+                <ColumnDefinition Width="1*"/>
+                <ColumnDefinition Width="1*"/>
+            </Grid.ColumnDefinitions>
+
+            <controls:CalculatorButton x:Name="InvertButton"
+                                       x:Uid="invertButton"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       AutomationProperties.AutomationId="invertButton"
+                                       ButtonId="Invert"
+                                       Content="&#xf7c9;"/>
+
+            <controls:CalculatorButton x:Name="AbsButton"
+                                       x:Uid="absButton"
+                                       Grid.Column="1"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       AutomationProperties.AutomationId="absButton"
+                                       ButtonId="Abs"
+                                       Content="&#xF884;"/>
+
+            <controls:CalculatorButton x:Name="ExpButton"
+                                       x:Uid="expButton"
+                                       Grid.Column="2"
+                                       Style="{StaticResource OperatorButtonStyle}"
+                                       AutomationProperties.AutomationId="expButton"
+                                       ButtonId="Exp"
+                                       Content="exp"/>
+
+            <controls:CalculatorButton x:Name="ModButton"
+                                       x:Uid="modButton"
+                                       Grid.Column="3"
+                                       Style="{StaticResource OperatorButtonStyle}"
+                                       AutomationProperties.AutomationId="modButton"
+                                       ButtonId="Mod"
+                                       Content="mod"/>
+        </Grid>
+
         <controls:CalculatorButton x:Name="OpenParenthesisButton"
                                    x:Uid="openParenthesisButton"
-                                   Grid.Row="8"
-                                   Grid.Column="5"
+                                   Grid.Row="3"
+                                   Grid.Column="1"
                                    Style="{StaticResource ParenthesisCalcButtonStyle}"
                                    FontSize="19"
                                    AutomationProperties.AutomationId="openParenthesisButton"
@@ -731,21 +1127,98 @@
                                    Content="("
                                    GotFocus="OpenParenthesisButton_GotFocus"
                                    Tag="{x:Bind ParenthesisCountToString(Model.OpenParenthesisCount), Mode=OneWay}"/>
+
         <controls:CalculatorButton x:Name="CloseParenthesisButton"
                                    x:Uid="closeParenthesisButton"
-                                   Grid.Row="8"
-                                   Grid.Column="6"
+                                   Grid.Row="3"
+                                   Grid.Column="2"
                                    Style="{StaticResource OperatorButtonStyle}"
                                    FontSize="19"
                                    AutomationProperties.AutomationId="closeParenthesisButton"
                                    ButtonId="CloseParenthesis"
                                    Content=")"/>
 
+        <controls:CalculatorButton x:Name="FactorialButton"
+                                   x:Uid="factorialButton"
+                                   Grid.Row="3"
+                                   Grid.Column="3"
+                                   Style="{StaticResource SymbolOperatorButtonStyle}"
+                                   FontSize="18"
+                                   AutomationProperties.AutomationId="factorialButton"
+                                   ButtonId="Factorial"
+                                   Content="&#xF887;"/>
+
+        <Grid x:Name="StandardOperators"
+              x:Uid="StandardOperators"
+              Grid.Row="3"
+              Grid.RowSpan="5"
+              Grid.Column="4"
+              AutomationProperties.HeadingLevel="Level1">
+            <Grid.RowDefinitions>
+                <RowDefinition/>
+                <RowDefinition/>
+                <RowDefinition/>
+                <RowDefinition/>
+                <RowDefinition/>
+            </Grid.RowDefinitions>
+            <controls:CalculatorButton x:Name="DivideButton"
+                                       x:Uid="divideButton"
+                                       Grid.Row="0"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       AutomationProperties.AutomationId="divideButton"
+                                       ButtonId="Divide"
+                                       Content="&#xE94A;"/>
+
+            <controls:CalculatorButton x:Name="MultiplyButton"
+                                       x:Uid="multiplyButton"
+                                       Grid.Row="1"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       AutomationProperties.AutomationId="multiplyButton"
+                                       ButtonId="Multiply"
+                                       Content="&#xE947;"/>
+
+            <controls:CalculatorButton x:Name="MinusButton"
+                                       x:Uid="minusButton"
+                                       Grid.Row="2"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       AutomationProperties.AutomationId="minusButton"
+                                       ButtonId="Subtract"
+                                       Content="&#xE949;"/>
+
+            <controls:CalculatorButton x:Name="PlusButton"
+                                       x:Uid="plusButton"
+                                       Grid.Row="3"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       AutomationProperties.AutomationId="plusButton"
+                                       ButtonId="Add"
+                                       Content="&#xE948;"/>
+
+            <controls:CalculatorButton x:Name="EqualButton"
+                                       x:Uid="equalButton"
+                                       Grid.Row="4"
+                                       Style="{StaticResource AccentEmphasizedCalcButtonStyle}"
+                                       AutomationProperties.AutomationId="equalButton"
+                                       ButtonId="Equals"
+                                       Content="&#xE94E;"/>
+        </Grid>
+
+        <controls:CalculatorButton x:Name="NegateButton"
+                                   x:Uid="negateButton"
+                                   Grid.Row="7"
+                                   Grid.Column="1"
+                                   Style="{StaticResource SymbolOperatorKeypadButtonStyle}"
+                                   FontSize="16"
+                                   FontWeight="Normal"
+                                   AutomationProperties.AutomationId="negateButton"
+                                   ButtonId="Negate"
+                                   Content="&#xF898;"
+                                   IsEnabled="{x:Bind Model.IsNegateEnabled, Mode=OneWay}"/>
+
         <local:NumberPad x:Name="NumberPad"
                          x:Uid="NumberPad"
-                         Grid.Row="5"
+                         Grid.Row="4"
                          Grid.RowSpan="4"
-                         Grid.Column="6"
+                         Grid.Column="1"
                          Grid.ColumnSpan="3"
                          AutomationProperties.HeadingLevel="Level1"
                          ButtonStyle="{StaticResource NumericButtonStyle24}"/>
diff --git a/src/Calculator/Views/CalculatorScientificOperators.xaml.cpp b/src/Calculator/Views/CalculatorScientificOperators.xaml.cpp
index 5ac9dab..45f0643 100644
--- a/src/Calculator/Views/CalculatorScientificOperators.xaml.cpp
+++ b/src/Calculator/Views/CalculatorScientificOperators.xaml.cpp
@@ -9,6 +9,7 @@
 #include "pch.h"
 #include "CalculatorScientificOperators.xaml.h"
 #include "CalcViewModel/Common/KeyboardShortcutManager.h"
+#include "CalcViewModel/Common/TraceLogger.h"
 #include "Controls/CalculatorButton.h"
 #include "CalcViewModel/StandardCalculatorViewModel.h"
 
@@ -20,6 +21,8 @@ using namespace std;
 using namespace Platform;
 using namespace Windows::Foundation;
 using namespace Windows::Foundation::Collections;
+using namespace Windows::UI::Core;
+using namespace Windows::UI::ViewManagement;
 using namespace Windows::UI::Xaml;
 using namespace Windows::UI::Xaml::Controls;
 using namespace Windows::UI::Xaml::Controls::Primitives;
@@ -27,30 +30,15 @@ using namespace Windows::UI::Xaml::Data;
 using namespace Windows::UI::Xaml::Input;
 using namespace Windows::UI::Xaml::Media;
 using namespace Windows::UI::Xaml::Navigation;
+using namespace Windows::UI::Core;
 
 DEPENDENCY_PROPERTY_INITIALIZATION(CalculatorScientificOperators, IsErrorVisualState);
-DEPENDENCY_PROPERTY_INITIALIZATION(CalculatorScientificOperators, IsWideLayout);
 
 CalculatorScientificOperators::CalculatorScientificOperators()
 {
     InitializeComponent();
 
     ExpButton->SetValue(Common::KeyboardShortcutManager::VirtualKeyProperty, Common::MyVirtualKey::E);
-    Common::KeyboardShortcutManager::ShiftButtonChecked(false);
-}
-
-void CalculatorScientificOperators::ShortLayout_Completed(_In_ Platform::Object ^ /*sender*/, _In_ Platform::Object ^ /*e*/)
-{
-    IsWideLayout = false;
-    SetOperatorRowVisibility();
-    Common::KeyboardShortcutManager::ShiftButtonChecked(Model->IsShiftChecked);
-}
-
-void CalculatorScientificOperators::WideLayout_Completed(_In_ Platform::Object ^ /*sender*/, _In_ Platform::Object ^ /*e*/)
-{
-    IsWideLayout = true;
-    SetOperatorRowVisibility();
-    Common::KeyboardShortcutManager::ShiftButtonChecked(Model->IsShiftChecked);
 }
 
 void CalculatorScientificOperators::OnIsErrorVisualStatePropertyChanged(bool /*oldValue*/, bool newValue)
@@ -60,31 +48,75 @@ void CalculatorScientificOperators::OnIsErrorVisualStatePropertyChanged(bool /*o
     NumberPad->IsErrorVisualState = newValue;
 }
 
-void CalculatorScientificOperators::shiftButton_Check(_In_ Platform::Object ^ /*sender*/, _In_ Windows::UI::Xaml::RoutedEventArgs ^ /*e*/)
+void CalculatorScientificOperators::ShiftButton_Check(_In_ Platform::Object ^ /*sender*/, _In_ Windows::UI::Xaml::RoutedEventArgs ^ /*e*/)
 {
-    bool isChecked = ShiftButton->IsChecked->Value;
-    Model->IsShiftChecked = isChecked;
-    Common::KeyboardShortcutManager::ShiftButtonChecked(isChecked);
     SetOperatorRowVisibility();
 }
 
-void CalculatorScientificOperators::shiftButton_IsEnabledChanged(
+void CalculatorScientificOperators::ShiftButton_Uncheck(_In_ Platform::Object ^ /*sender*/, _In_ Windows::UI::Xaml::RoutedEventArgs ^ /*e*/)
+{
+    ShiftButton->IsChecked = false;
+    SetOperatorRowVisibility();
+    ShiftButton->Focus(::FocusState::Programmatic);
+}
+
+void CalculatorScientificOperators::TrigFlyoutShift_Toggle(_In_ Platform::Object ^ /*sender*/, _In_ Windows::UI::Xaml::RoutedEventArgs ^ /*e*/)
+{
+    SetTrigRowVisibility();
+}
+
+void CalculatorScientificOperators::TrigFlyoutHyp_Toggle(_In_ Platform::Object ^ /*sender*/, _In_ Windows::UI::Xaml::RoutedEventArgs ^ /*e*/)
+{
+    SetTrigRowVisibility();
+}
+
+void CalculatorScientificOperators::FlyoutButton_Clicked(_In_ Platform::Object ^ /*sender*/, _In_ Windows::UI::Xaml::RoutedEventArgs ^ /*e*/)
+{
+    this->HypButton->IsChecked = false;
+    this->TrigShiftButton->IsChecked = false;
+    this->Trigflyout->Hide();
+    this->FuncFlyout->Hide();
+}
+
+void CalculatorScientificOperators::ShiftButton_IsEnabledChanged(
     _In_ Platform::Object ^ /*sender*/,
     _In_ Windows::UI::Xaml::DependencyPropertyChangedEventArgs ^ /*e*/)
 {
     SetOperatorRowVisibility();
-    Common::KeyboardShortcutManager::ShiftButtonChecked(ShiftButton->IsEnabled && ShiftButton->IsChecked->Value);
+}
+
+void CalculatorScientificOperators::SetTrigRowVisibility()
+{
+    bool isShiftChecked = TrigShiftButton->IsChecked->Value;
+    bool isHypeChecked = HypButton->IsChecked->Value;
+
+    InverseHyperbolicTrigFunctions->Visibility = ::Visibility::Collapsed;
+    InverseTrigFunctions->Visibility = ::Visibility::Collapsed;
+    HyperbolicTrigFunctions->Visibility = ::Visibility::Collapsed;
+    TrigFunctions->Visibility = ::Visibility::Collapsed;
+
+    if (isShiftChecked && isHypeChecked)
+    {
+        InverseHyperbolicTrigFunctions->Visibility = ::Visibility::Visible;
+    }
+    else if (isShiftChecked && !isHypeChecked)
+    {
+        InverseTrigFunctions->Visibility = ::Visibility::Visible;
+    }
+    else if (!isShiftChecked && isHypeChecked)
+    {
+        HyperbolicTrigFunctions->Visibility = ::Visibility::Visible;
+    }
+    else
+    {
+        TrigFunctions->Visibility = ::Visibility::Visible;
+    }
 }
 
 void CalculatorScientificOperators::SetOperatorRowVisibility()
 {
     ::Visibility rowVis, invRowVis;
-    if (IsWideLayout)
-    {
-        rowVis = ::Visibility::Visible;
-        invRowVis = ::Visibility::Visible;
-    }
-    else if (ShiftButton->IsChecked->Value)
+    if (ShiftButton->IsChecked->Value)
     {
         rowVis = ::Visibility::Collapsed;
         invRowVis = ::Visibility::Visible;
@@ -96,9 +128,7 @@ void CalculatorScientificOperators::SetOperatorRowVisibility()
     }
 
     Row1->Visibility = rowVis;
-    Row2->Visibility = rowVis;
     InvRow1->Visibility = invRowVis;
-    InvRow2->Visibility = invRowVis;
 }
 
 void CalculatorScientificOperators::OpenParenthesisButton_GotFocus(Object ^ sender, RoutedEventArgs ^ e)
diff --git a/src/Calculator/Views/CalculatorScientificOperators.xaml.h b/src/Calculator/Views/CalculatorScientificOperators.xaml.h
index 1398593..5d75178 100644
--- a/src/Calculator/Views/CalculatorScientificOperators.xaml.h
+++ b/src/Calculator/Views/CalculatorScientificOperators.xaml.h
@@ -29,21 +29,19 @@ namespace CalculatorApp
 
         DEPENDENCY_PROPERTY_OWNER(CalculatorScientificOperators);
         DEPENDENCY_PROPERTY_WITH_DEFAULT_AND_CALLBACK(bool, IsErrorVisualState, false);
-        DEPENDENCY_PROPERTY_WITH_DEFAULT(bool, IsWideLayout, false);
 
-        bool IsShiftEnabled(bool isWideLayout, bool isErrorState)
-        {
-            return !(isWideLayout || isErrorState);
-        }
         void OpenParenthesisButton_GotFocus(Platform::Object ^ sender, Windows::UI::Xaml::RoutedEventArgs ^ e);
         Platform::String ^ ParenthesisCountToString(unsigned int count);
 
     private:
-        void ShortLayout_Completed(_In_ Platform::Object ^ sender, _In_ Platform::Object ^ e);
-        void WideLayout_Completed(_In_ Platform::Object ^ sender, _In_ Platform::Object ^ e);
         void OnIsErrorVisualStatePropertyChanged(bool oldValue, bool newValue);
-        void shiftButton_Check(_In_ Platform::Object ^ sender, _In_ Windows::UI::Xaml::RoutedEventArgs ^ e);
-        void shiftButton_IsEnabledChanged(_In_ Platform::Object ^ sender, _In_ Windows::UI::Xaml::DependencyPropertyChangedEventArgs ^ e);
+        void ShiftButton_Check(_In_ Platform::Object ^ sender, _In_ Windows::UI::Xaml::RoutedEventArgs ^ e);
+        void ShiftButton_Uncheck(_In_ Platform::Object ^ sender, _In_ Windows::UI::Xaml::RoutedEventArgs ^ e);
+        void TrigFlyoutShift_Toggle(_In_ Platform::Object ^ sender, _In_ Windows::UI::Xaml::RoutedEventArgs ^ e);
+        void TrigFlyoutHyp_Toggle(_In_ Platform::Object ^ sender, _In_ Windows::UI::Xaml::RoutedEventArgs ^ e);
+        void FlyoutButton_Clicked(_In_ Platform::Object ^ sender, _In_ Windows::UI::Xaml::RoutedEventArgs ^ e);
+        void ShiftButton_IsEnabledChanged(_In_ Platform::Object ^ sender, _In_ Windows::UI::Xaml::DependencyPropertyChangedEventArgs ^ e);
         void SetOperatorRowVisibility();
+        void SetTrigRowVisibility();
     };
 }
diff --git a/src/Calculator/Views/CalculatorStandardOperators.xaml b/src/Calculator/Views/CalculatorStandardOperators.xaml
index bdf5f4f..6907e8b 100644
--- a/src/Calculator/Views/CalculatorStandardOperators.xaml
+++ b/src/Calculator/Views/CalculatorStandardOperators.xaml
@@ -6,7 +6,9 @@
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
              xmlns:local="using:CalculatorApp"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:triggers="using:CalculatorApp.Views.StateTriggers"
              x:Name="ControlRoot"
+             XYFocusKeyboardNavigation="Enabled"
              mc:Ignorable="d">
 
     <Grid x:Name="Root">
@@ -36,7 +38,6 @@
                         <Setter Target="PercentButton.IsEnabled" Value="False"/>
                         <Setter Target="SquareRootButton.IsEnabled" Value="False"/>
                         <Setter Target="XPower2Button.IsEnabled" Value="False"/>
-                        <Setter Target="XPower3Button.IsEnabled" Value="False"/>
                         <Setter Target="InvertButton.IsEnabled" Value="False"/>
                         <Setter Target="DivideButton.IsEnabled" Value="False"/>
                         <Setter Target="MultiplyButton.IsEnabled" Value="False"/>
@@ -47,37 +48,77 @@
                 </VisualState>
             </VisualStateGroup>
             <VisualStateGroup>
-                <VisualState x:Name="NormalFontSize">
+                <VisualState x:Name="Large">
                     <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="440" MinWindowWidth="0"/>
+                        <triggers:ControlSizeTrigger MinWidth="780"
+                                                     MinHeight="814"
+                                                     Source="{x:Bind Root}"/>
                     </VisualState.StateTriggers>
                     <VisualState.Setters>
-                        <Setter Target="PercentButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="SquareRootButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="XPower2Button.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="InvertButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="NegateButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="ClearEntryButton.Style" Value="{StaticResource OperatorButtonStyle}"/>
-                        <Setter Target="ClearButton.Style" Value="{StaticResource OperatorButtonStyle}"/>
-                        <Setter Target="BackSpaceButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="DivideButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="MultiplyButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="MinusButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="PlusButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="EqualButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
+                        <Setter Target="PercentButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="SquareRootButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="XPower2Button.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="InvertButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="DivideButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="MultiplyButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="MinusButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="PlusButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+                        <Setter Target="EqualButton.FontSize" Value="{StaticResource CalcButtonCaptionSize}"/>
+
+                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle38}"/>
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState x:Name="Medium">
+                    <VisualState.StateTriggers>
+                        <triggers:ControlSizeTrigger MinWidth="468"
+                                                     MinHeight="500"
+                                                     Source="{x:Bind Root}"/>
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="PercentButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="SquareRootButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="XPower2Button.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="InvertButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
+                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="DivideButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="MultiplyButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="MinusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="PlusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
+                        <Setter Target="EqualButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
 
                         <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle24}"/>
                     </VisualState.Setters>
                 </VisualState>
-                <VisualState x:Name="SmallFontSize">
+                <VisualState x:Name="Small">
                     <VisualState.StateTriggers>
                         <AdaptiveTrigger MinWindowHeight="260" MinWindowWidth="0"/>
                     </VisualState.StateTriggers>
                     <VisualState.Setters>
+                        <Setter Target="PercentButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="SquareRootButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="XPower2Button.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="InvertButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="DivideButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="MultiplyButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="MinusButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="PlusButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+                        <Setter Target="EqualButton.FontSize" Value="{StaticResource CalcOperatorCaptionSize}"/>
+
                         <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle18}"/>
                     </VisualState.Setters>
                 </VisualState>
-                <VisualState x:Name="TinyFontSize">
+                <VisualState x:Name="Tiny">
                     <VisualState.StateTriggers>
                         <AdaptiveTrigger MinWindowHeight="0" MinWindowWidth="0"/>
                     </VisualState.StateTriggers>
@@ -101,239 +142,81 @@
                 </VisualState>
             </VisualStateGroup>
             <VisualStateGroup>
-                <VisualState x:Name="Portrait768x1366">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="1366" MinWindowWidth="768"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="PercentButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="SquareRootButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="XPower2Button.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="XPower3Button.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="InvertButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="DivideButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="MultiplyButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="MinusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="PlusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="EqualButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-
-                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle46}"/>
-                    </VisualState.Setters>
-                </VisualState>
-                <VisualState x:Name="Landscape13InchLaptop">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="768" MinWindowWidth="1366"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="C0.Width" Value="1*"/>
-                        <Setter Target="R0.Height" Value="0"/>
-
-                        <Setter Target="StandardFunctions.(Grid.Row)" Value="1"/>
-                        <Setter Target="StandardFunctions.(Grid.Column)" Value="1"/>
-                        <Setter Target="StandardFunctions.(Grid.RowSpan)" Value="5"/>
-                        <Setter Target="StandardFunctions.(Grid.ColumnSpan)" Value="1"/>
-                        <Setter Target="FnR1.Height" Value="1*"/>
-                        <Setter Target="FnR2.Height" Value="1*"/>
-                        <Setter Target="FnR3.Height" Value="1*"/>
-                        <Setter Target="FnR4.Height" Value="1*"/>
-                        <Setter Target="FnC1.Width" Value="0"/>
-                        <Setter Target="FnC2.Width" Value="0"/>
-                        <Setter Target="FnC3.Width" Value="0"/>
-
-                        <Setter Target="SquareRootButton.(Grid.Row)" Value="1"/>
-                        <Setter Target="SquareRootButton.(Grid.Column)" Value="0"/>
-                        <Setter Target="XPower2Button.(Grid.Row)" Value="2"/>
-                        <Setter Target="XPower2Button.(Grid.Column)" Value="0"/>
-                        <Setter Target="XPower3Button.Visibility" Value="Visible"/>
-                        <Setter Target="InvertButton.(Grid.Row)" Value="4"/>
-                        <Setter Target="InvertButton.(Grid.Column)" Value="0"/>
-
-                        <Setter Target="NegateButton.(Grid.Row)" Value="5"/>
-                        <Setter Target="NegateButton.(Grid.Column)" Value="2"/>
-
-                        <Setter Target="PercentButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="SquareRootButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="XPower2Button.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="InvertButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="DivideButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="MultiplyButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="MinusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="PlusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="EqualButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-
-                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle34}"/>
-                    </VisualState.Setters>
-                </VisualState>
-                <VisualState x:Name="Landscape8InchTab">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="640" MinWindowWidth="1024"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="C0.Width" Value="1*"/>
-                        <Setter Target="R0.Height" Value="0"/>
-
-                        <Setter Target="StandardFunctions.(Grid.Row)" Value="1"/>
-                        <Setter Target="StandardFunctions.(Grid.Column)" Value="1"/>
-                        <Setter Target="StandardFunctions.(Grid.RowSpan)" Value="5"/>
-                        <Setter Target="StandardFunctions.(Grid.ColumnSpan)" Value="1"/>
-                        <Setter Target="FnR1.Height" Value="1*"/>
-                        <Setter Target="FnR2.Height" Value="1*"/>
-                        <Setter Target="FnR3.Height" Value="1*"/>
-                        <Setter Target="FnR4.Height" Value="1*"/>
-                        <Setter Target="FnC1.Width" Value="0"/>
-                        <Setter Target="FnC2.Width" Value="0"/>
-                        <Setter Target="FnC3.Width" Value="0"/>
-
-                        <Setter Target="SquareRootButton.(Grid.Row)" Value="1"/>
-                        <Setter Target="SquareRootButton.(Grid.Column)" Value="0"/>
-                        <Setter Target="XPower2Button.(Grid.Row)" Value="2"/>
-                        <Setter Target="XPower2Button.(Grid.Column)" Value="0"/>
-                        <Setter Target="XPower3Button.Visibility" Value="Visible"/>
-                        <Setter Target="InvertButton.(Grid.Row)" Value="4"/>
-                        <Setter Target="InvertButton.(Grid.Column)" Value="0"/>
-
-                        <Setter Target="NegateButton.(Grid.Row)" Value="5"/>
-                        <Setter Target="NegateButton.(Grid.Column)" Value="2"/>
-
-                        <Setter Target="PercentButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="SquareRootButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="XPower2Button.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="XPower3Button.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="InvertButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="DivideButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="MultiplyButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="MinusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="PlusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="EqualButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-
-                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle28}"/>
-                    </VisualState.Setters>
-                </VisualState>
-                <VisualState x:Name="Portrait8InchTab">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="1024" MinWindowWidth="640"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="PercentButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="SquareRootButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="XPower2Button.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="XPower3Button.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="InvertButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="DivideButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="MultiplyButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="MinusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="PlusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="EqualButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-
-                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle28}"/>
-                    </VisualState.Setters>
-                </VisualState>
-                <VisualState x:Name="Portrait6InchPhone">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="854" MinWindowWidth="480"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="PercentButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="SquareRootButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="XPower2Button.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="InvertButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="DivideButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="MultiplyButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="MinusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="PlusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-                        <Setter Target="EqualButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSizeLarge}"/>
-
-                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle34}"/>
-                    </VisualState.Setters>
-                </VisualState>
-                <VisualState x:Name="Portrait5InchPhone">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="640" MinWindowWidth="360"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="PercentButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="SquareRootButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="XPower2Button.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="InvertButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="NegateButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="ClearEntryButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="ClearButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="BackSpaceButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="DivideButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="MultiplyButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="MinusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="PlusButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-                        <Setter Target="EqualButton.FontSize" Value="{StaticResource CalcStandardOperatorCaptionSize}"/>
-
-                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle28}"/>
-                    </VisualState.Setters>
-                </VisualState>
-                <VisualState x:Name="MinSizeLayout">
-                    <VisualState.StateTriggers>
-                        <AdaptiveTrigger MinWindowHeight="{StaticResource AppMinWindowHeight}" MinWindowWidth="{StaticResource AppMinWindowWidth}"/>
-                    </VisualState.StateTriggers>
-                    <VisualState.Setters>
-                        <Setter Target="PercentButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="SquareRootButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="XPower2Button.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="InvertButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="NegateButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="ClearEntryButton.Style" Value="{StaticResource OperatorButtonStyle}"/>
-                        <Setter Target="ClearButton.Style" Value="{StaticResource OperatorButtonStyle}"/>
-                        <Setter Target="BackSpaceButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="DivideButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="MultiplyButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="MinusButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="PlusButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-                        <Setter Target="EqualButton.Style" Value="{StaticResource SymbolOperatorButtonStyle}"/>
-
-                        <Setter Target="NumberPad.ButtonStyle" Value="{StaticResource NumericButtonStyle24}"/>
-                    </VisualState.Setters>
-                </VisualState>
                 <VisualState x:Name="ShowStandardFunctions">
                     <VisualState.StateTriggers>
                         <AdaptiveTrigger MinWindowHeight="394" MinWindowWidth="0"/>
                     </VisualState.StateTriggers>
                     <VisualState.Setters>
-                        <Setter Target="R0.Height" Value="1*"/>
+                        <Setter Target="R1.Height" Value="1*"/>
                         <Setter Target="StandardFunctions.Visibility" Value="Visible"/>
                     </VisualState.Setters>
                 </VisualState>
-                <VisualState x:Name="DefaultLayout">
+                <VisualState x:Name="HideStandardFunctions">
                     <VisualState.StateTriggers>
                         <AdaptiveTrigger MinWindowHeight="0" MinWindowWidth="0"/>
                     </VisualState.StateTriggers>
                     <VisualState.Setters>
-                        <Setter Target="R0.Height" Value="0*"/>
+                        <Setter Target="R1.Height" Value="0*"/>
                         <Setter Target="StandardFunctions.Visibility" Value="Collapsed"/>
+                        <Setter Target="PercentButton.Visibility" Value="Collapsed"/>
+                        <Setter Target="PercentColumn.Width" Value="0"/>
+                        <Setter Target="DisplayControls.Column" Value="1"/>
+                        <Setter Target="DisplayControls.ColumnSpan" Value="4"/>
+                        <Setter Target="StandardOperators.Row" Value="0"/>
+                        <Setter Target="StandardOperators.RowSpan" Value="6"/>
                     </VisualState.Setters>
                 </VisualState>
             </VisualStateGroup>
         </VisualStateManager.VisualStateGroups>
 
+        <Grid x:Name="DisplayControls"
+              x:Uid="DisplayControls"
+              Grid.Row="0"
+              Grid.Column="2"
+              Grid.ColumnSpan="4"
+              AutomationProperties.HeadingLevel="Level1">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition x:Name="PercentColumn"/>
+                <ColumnDefinition/>
+                <ColumnDefinition/>
+                <ColumnDefinition/>
+            </Grid.ColumnDefinitions>
+            <controls:CalculatorButton x:Name="PercentButton"
+                                       x:Uid="percentButton"
+                                       Grid.Column="0"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       AutomationProperties.AutomationId="percentButton"
+                                       ButtonId="Percent"
+                                       Content="&#xE94C;"/>
+            <controls:CalculatorButton x:Name="ClearEntryButton"
+                                       x:Uid="clearEntryButton"
+                                       Grid.Column="1"
+                                       Style="{StaticResource OperatorButtonStyle}"
+                                       FontSize="16"
+                                       AutomationProperties.AutomationId="clearEntryButton"
+                                       ButtonId="ClearEntry"
+                                       Content="CE"/>
+            <controls:CalculatorButton x:Name="ClearButton"
+                                       x:Uid="clearButton"
+                                       Grid.Column="2"
+                                       Style="{StaticResource OperatorButtonStyle}"
+                                       FontSize="16"
+                                       AutomationProperties.AutomationId="clearButton"
+                                       ButtonId="Clear"
+                                       Content="C"/>
+            <controls:CalculatorButton x:Name="BackSpaceButton"
+                                       x:Uid="backSpaceButton"
+                                       Grid.Column="3"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       FontSize="16"
+                                       AutomationProperties.AutomationId="backSpaceButton"
+                                       ButtonId="Backspace"
+                                       Content="&#xE94F;"/>
+        </Grid>
+
         <Grid x:Name="StandardFunctions"
               x:Uid="StandardFunctions"
-              Grid.Row="0"
+              Grid.Row="1"
               Grid.Column="2"
               Grid.ColumnSpan="4"
               AutomationProperties.HeadingLevel="Level1">
@@ -350,45 +233,28 @@
                 <ColumnDefinition x:Name="FnC2" Width="1*"/>
                 <ColumnDefinition x:Name="FnC3" Width="1*"/>
             </Grid.ColumnDefinitions>
-            <controls:CalculatorButton x:Name="PercentButton"
-                                       x:Uid="percentButton"
-                                       Grid.Column="0"
-                                       Style="{StaticResource SymbolOperatorButtonStyle}"
-                                       AutomationProperties.AutomationId="percentButton"
-                                       ButtonId="Percent"
-                                       Content="&#xE94C;"/>
-            <controls:CalculatorButton x:Name="SquareRootButton"
-                                       x:Uid="squareRootButton"
-                                       Grid.Column="1"
-                                       Style="{StaticResource SymbolOperatorButtonStyle}"
-                                       AutomationProperties.AutomationId="squareRootButton"
-                                       ButtonId="Sqrt"
-                                       Content="&#xF899;"/>
-            <controls:CalculatorButton x:Name="XPower2Button"
-                                       x:Uid="xpower2Button"
-                                       Grid.Column="2"
-                                       Style="{StaticResource SymbolOperatorButtonStyle}"
-                                       FontSize="18"
-                                       AutomationProperties.AutomationId="xpower2Button"
-                                       ButtonId="XPower2"
-                                       Content="&#xf7c8;"/>
-            <controls:CalculatorButton x:Name="XPower3Button"
-                                       x:Uid="xpower3Button"
-                                       Grid.Row="3"
-                                       Style="{StaticResource SymbolOperatorButtonStyle}"
-                                       FontSize="18"
-                                       AutomationProperties.AutomationId="xpower3Button"
-                                       ButtonId="Cube"
-                                       Content="&#xf7cb;"
-                                       Visibility="Collapsed"/>
             <controls:CalculatorButton x:Name="InvertButton"
                                        x:Uid="invertButton"
-                                       Grid.Column="3"
                                        Style="{StaticResource SymbolOperatorButtonStyle}"
                                        FontSize="18"
                                        AutomationProperties.AutomationId="invertButton"
                                        ButtonId="Invert"
                                        Content="&#xf7c9;"/>
+            <controls:CalculatorButton x:Name="XPower2Button"
+                                       x:Uid="xpower2Button"
+                                       Grid.Column="1"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       FontSize="18"
+                                       AutomationProperties.AutomationId="xpower2Button"
+                                       ButtonId="XPower2"
+                                       Content="&#xf7c8;"/>
+            <controls:CalculatorButton x:Name="SquareRootButton"
+                                       x:Uid="squareRootButton"
+                                       Grid.Column="2"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       AutomationProperties.AutomationId="squareRootButton"
+                                       ButtonId="Sqrt"
+                                       Content="&#xF899;"/>
         </Grid>
 
         <Grid x:Name="StandardOperators"
@@ -407,77 +273,40 @@
             <controls:CalculatorButton x:Name="DivideButton"
                                        x:Uid="divideButton"
                                        Grid.Row="0"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        AutomationProperties.AutomationId="divideButton"
                                        ButtonId="Divide"
                                        Content="&#xE94A;"/>
             <controls:CalculatorButton x:Name="MultiplyButton"
                                        x:Uid="multiplyButton"
                                        Grid.Row="1"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        AutomationProperties.AutomationId="multiplyButton"
                                        ButtonId="Multiply"
                                        Content="&#xE947;"/>
             <controls:CalculatorButton x:Name="MinusButton"
                                        x:Uid="minusButton"
                                        Grid.Row="2"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        AutomationProperties.AutomationId="minusButton"
                                        ButtonId="Subtract"
                                        Content="&#xE949;"/>
             <controls:CalculatorButton x:Name="PlusButton"
                                        x:Uid="plusButton"
                                        Grid.Row="3"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorButtonStyle}"
                                        AutomationProperties.AutomationId="plusButton"
                                        ButtonId="Add"
                                        Content="&#xE948;"/>
             <controls:CalculatorButton x:Name="EqualButton"
                                        x:Uid="equalButton"
                                        Grid.Row="4"
-                                       Style="{StaticResource AccentCalcButtonStyle}"
+                                       Style="{StaticResource AccentEmphasizedCalcButtonStyle}"
                                        AutomationProperties.AutomationId="equalButton"
                                        ButtonId="Equals"
                                        Content="&#xE94E;"/>
         </Grid>
 
-        <Grid x:Name="DisplayControls"
-              x:Uid="DisplayControls"
-              Grid.Row="1"
-              Grid.Column="2"
-              Grid.ColumnSpan="3"
-              AutomationProperties.HeadingLevel="Level1">
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition/>
-                <ColumnDefinition/>
-                <ColumnDefinition/>
-            </Grid.ColumnDefinitions>
-            <controls:CalculatorButton x:Name="ClearEntryButton"
-                                       x:Uid="clearEntryButton"
-                                       Grid.Column="0"
-                                       Style="{StaticResource OperatorButtonStyle}"
-                                       FontSize="16"
-                                       AutomationProperties.AutomationId="clearEntryButton"
-                                       ButtonId="ClearEntry"
-                                       Content="CE"/>
-            <controls:CalculatorButton x:Name="ClearButton"
-                                       x:Uid="clearButton"
-                                       Grid.Column="1"
-                                       Style="{StaticResource OperatorButtonStyle}"
-                                       FontSize="16"
-                                       AutomationProperties.AutomationId="clearButton"
-                                       ButtonId="Clear"
-                                       Content="C"/>
-            <controls:CalculatorButton x:Name="BackSpaceButton"
-                                       x:Uid="backSpaceButton"
-                                       Grid.Column="2"
-                                       Style="{StaticResource SymbolOperatorButtonStyle}"
-                                       FontSize="16"
-                                       AutomationProperties.AutomationId="backSpaceButton"
-                                       ButtonId="Backspace"
-                                       Content="&#xE94F;"/>
-        </Grid>
-
         <local:NumberPad x:Name="NumberPad"
                          x:Uid="NumberPad"
                          Grid.Row="2"
@@ -491,7 +320,8 @@
                                    x:Uid="negateButton"
                                    Grid.Row="5"
                                    Grid.Column="2"
-                                   Style="{StaticResource SymbolOperatorButtonStyle}"
+                                   Style="{StaticResource SymbolOperatorKeypadButtonStyle}"
+                                   FontWeight="Normal"
                                    AutomationProperties.AutomationId="negateButton"
                                    ButtonId="Negate"
                                    Content="&#xF898;"/>
diff --git a/src/Calculator/Views/CalculatorStandardOperators.xaml.cpp b/src/Calculator/Views/CalculatorStandardOperators.xaml.cpp
index 62dcec6..abcbb5a 100644
--- a/src/Calculator/Views/CalculatorStandardOperators.xaml.cpp
+++ b/src/Calculator/Views/CalculatorStandardOperators.xaml.cpp
@@ -8,6 +8,7 @@
 
 #include "pch.h"
 #include "CalculatorStandardOperators.xaml.h"
+#include "Controls/CalculatorButton.h"
 
 using namespace CalculatorApp;
 
diff --git a/src/Calculator/Views/NumberPad.xaml b/src/Calculator/Views/NumberPad.xaml
index 4fa2f2c..72b4daf 100644
--- a/src/Calculator/Views/NumberPad.xaml
+++ b/src/Calculator/Views/NumberPad.xaml
@@ -1,4 +1,4 @@
-<UserControl x:Class="CalculatorApp.NumberPad"
+<UserControl x:Class="CalculatorApp.NumberPad"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:common="using:CalculatorApp.Common"
@@ -112,7 +112,6 @@
                                    Grid.Row="3"
                                    Grid.Column="2"
                                    Style="{Binding ElementName=ControlRoot, Path=ButtonStyle}"
-                                   Background="{ThemeResource AppBackgroundAltMediumLowBrush}"
                                    common:KeyboardShortcutManager.Character="."
                                    AutomationProperties.AutomationId="decimalSeparatorButton"
                                    ButtonId="Decimal"
diff --git a/src/Calculator/Views/OperatorsPanel.xaml b/src/Calculator/Views/OperatorsPanel.xaml
index 8f6e4ba..1623792 100644
--- a/src/Calculator/Views/OperatorsPanel.xaml
+++ b/src/Calculator/Views/OperatorsPanel.xaml
@@ -10,26 +10,26 @@
              mc:Ignorable="d">
     <Grid>
         <local:CalculatorStandardOperators x:Name="StandardOperators"
-                                           x:Load="{x:Bind Model.IsStandard, Mode=OneWay}"
+                                           TabIndex="17"
                                            IsEnabled="{x:Bind Model.IsStandard, Mode=OneWay}"
-                                           TabIndex="17"/>
+                                           x:Load="{x:Bind Model.IsStandard, Mode=OneWay}"/>
 
         <local:CalculatorScientificOperators x:Name="ScientificOperators"
-                                             x:Load="False"
-                                             IsEnabled="{x:Bind Model.IsScientific, Mode=OneWay}"
                                              TabIndex="16"
-                                             Visibility="{x:Bind Model.IsScientific, Mode=OneWay}"/>
+                                             Visibility="{x:Bind Model.IsScientific, Mode=OneWay}"
+                                             IsEnabled="{x:Bind Model.IsScientific, Mode=OneWay}"
+                                             x:Load="False"/>
 
         <local:CalculatorProgrammerBitFlipPanel x:Name="BitFlipPanel"
-                                                x:Load="False"
+                                                Visibility="{x:Bind Model.IsBinaryBitFlippingEnabled, Mode=OneWay}"
                                                 IsEnabled="{x:Bind Model.IsBinaryBitFlippingEnabled, Mode=OneWay}"
-                                                Visibility="{x:Bind Model.IsBinaryBitFlippingEnabled, Mode=OneWay}"/>
+                                                x:Load="False"/>
 
         <local:CalculatorProgrammerRadixOperators x:Name="ProgrammerRadixOperators"
-                                                  x:Load="False"
-                                                  IsEnabled="{x:Bind Model.AreProgrammerRadixOperatorsEnabled, Mode=OneWay}"
                                                   TabIndex="16"
-                                                  Visibility="{x:Bind Model.AreProgrammerRadixOperatorsEnabled, Mode=OneWay}"/>
+                                                  Visibility="{x:Bind Model.AreProgrammerRadixOperatorsEnabled, Mode=OneWay}"
+                                                  IsEnabled="{x:Bind Model.AreProgrammerRadixOperatorsEnabled, Mode=OneWay}"
+                                                  x:Load="False"/>
 
     </Grid>
 </UserControl>
diff --git a/src/Calculator/Views/OperatorsPanel.xaml.cpp b/src/Calculator/Views/OperatorsPanel.xaml.cpp
index 44936dc..810a8e2 100644
--- a/src/Calculator/Views/OperatorsPanel.xaml.cpp
+++ b/src/Calculator/Views/OperatorsPanel.xaml.cpp
@@ -1,4 +1,4 @@
-// Copyright (c) Microsoft Corporation. All rights reserved.
+// Copyright (c) Microsoft Corporation. All rights reserved.
 // Licensed under the MIT License.
 
 #include "pch.h"
@@ -71,6 +71,11 @@ void OperatorsPanel::EnsureProgrammerRadixOps()
     {
         this->FindName(L"ProgrammerRadixOperators");
     }
+
+    if (ProgrammerRadixOperators)
+    {
+        ProgrammerRadixOperators->checkDefaultBitShift();
+    }
 }
 
 void OperatorsPanel::EnsureProgrammerBitFlipPanel()
diff --git a/src/Calculator/Views/StateTriggers/ControlSizeTrigger.cpp b/src/Calculator/Views/StateTriggers/ControlSizeTrigger.cpp
new file mode 100644
index 0000000..708de2e
--- /dev/null
+++ b/src/Calculator/Views/StateTriggers/ControlSizeTrigger.cpp
@@ -0,0 +1,80 @@
+// Copyright (c) Microsoft Corporation. All rights reserved.
+// Licensed under the MIT License.
+
+#include "pch.h"
+#include "ControlSizeTrigger.h"
+
+using namespace CalculatorApp::Views::StateTriggers;
+using namespace Platform;
+using namespace Windows::Foundation;
+using namespace Windows::UI::Xaml;
+
+DEPENDENCY_PROPERTY_INITIALIZATION(ControlSizeTrigger, Source);
+DEPENDENCY_PROPERTY_INITIALIZATION(ControlSizeTrigger, MinHeight);
+DEPENDENCY_PROPERTY_INITIALIZATION(ControlSizeTrigger, MinWidth);
+
+ControlSizeTrigger::ControlSizeTrigger()
+{
+    SetActive(false);
+}
+
+ControlSizeTrigger::~ControlSizeTrigger()
+{
+    UnregisterSizeChanged(Source);
+}
+
+void ControlSizeTrigger::OnSourcePropertyChanged(FrameworkElement^ oldValue, FrameworkElement^ newValue)
+{
+    UnregisterSizeChanged(oldValue);
+    RegisterSizeChanged(newValue);
+}
+
+void ControlSizeTrigger::RegisterSizeChanged(FrameworkElement^ element)
+{
+    if (element == nullptr) { return; }
+
+    if (element != Source)
+    {
+        UnregisterSizeChanged(Source);
+    }
+
+    m_sizeChangedToken =
+        element->SizeChanged += ref new SizeChangedEventHandler(this, &ControlSizeTrigger::OnSizeChanged);
+}
+
+void ControlSizeTrigger::UnregisterSizeChanged(FrameworkElement^ element)
+{
+    if ((element != nullptr) && (m_sizeChangedToken.Value != 0))
+    {
+        element->SizeChanged -= m_sizeChangedToken;
+        m_sizeChangedToken.Value = 0;
+    }
+}
+
+void ControlSizeTrigger::OnSizeChanged(Object^ sender, SizeChangedEventArgs^ e)
+{
+    UpdateIsActive(e->NewSize);
+}
+
+void ControlSizeTrigger::UpdateIsActive(Size sourceSize)
+{
+    if (Source != nullptr && MinWidth > 0 || MinHeight > 0)
+    {
+        if (MinHeight > 0 && MinWidth > 0)
+        {
+            SetActive((sourceSize.Height >= MinHeight) && (sourceSize.Width >= MinWidth));
+        }
+        else if (MinHeight > 0)
+        {
+            SetActive(sourceSize.Height >= MinHeight);
+        }
+        else
+        {
+            SetActive(sourceSize.Width >= MinWidth);
+        }
+    }
+    else
+    {
+        SetActive(false);
+    }
+}
diff --git a/src/Calculator/Views/StateTriggers/ControlSizeTrigger.h b/src/Calculator/Views/StateTriggers/ControlSizeTrigger.h
new file mode 100644
index 0000000..52e4283
--- /dev/null
+++ b/src/Calculator/Views/StateTriggers/ControlSizeTrigger.h
@@ -0,0 +1,37 @@
+// Copyright (c) Microsoft Corporation. All rights reserved.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include "CalcViewModel/Common/Utils.h"
+
+namespace CalculatorApp::Views::StateTriggers
+{
+    public ref class ControlSizeTrigger sealed : public Windows::UI::Xaml::StateTriggerBase
+    {
+    public:
+        ControlSizeTrigger();
+
+        DEPENDENCY_PROPERTY_OWNER(ControlSizeTrigger);
+
+        DEPENDENCY_PROPERTY_WITH_CALLBACK(Windows::UI::Xaml::FrameworkElement^, Source);
+
+        DEPENDENCY_PROPERTY_WITH_DEFAULT(double, MinHeight, 0.0);
+
+        DEPENDENCY_PROPERTY_WITH_DEFAULT(double, MinWidth, 0.0);
+
+    private:
+        ~ControlSizeTrigger();
+
+        void OnSourcePropertyChanged(Windows::UI::Xaml::FrameworkElement^ oldValue, Windows::UI::Xaml::FrameworkElement^ newValue);
+
+        void RegisterSizeChanged(Windows::UI::Xaml::FrameworkElement^ element);
+        void UnregisterSizeChanged(Windows::UI::Xaml::FrameworkElement^ element);
+        void OnSizeChanged(Platform::Object^ sender, Windows::UI::Xaml::SizeChangedEventArgs^ e);
+
+        void UpdateIsActive(Windows::Foundation::Size sourceSize);
+
+    private:
+        Windows::Foundation::EventRegistrationToken m_sizeChangedToken;
+    };
+}
diff --git a/src/Calculator/Views/UnitConverter.xaml b/src/Calculator/Views/UnitConverter.xaml
index b2d8d3d..0e15b92 100644
--- a/src/Calculator/Views/UnitConverter.xaml
+++ b/src/Calculator/Views/UnitConverter.xaml
@@ -702,7 +702,8 @@
               Grid.Column="1"
               Margin="3,0,3,3"
               FlowDirection="LeftToRight"
-              RenderTransformOrigin="0.5,0.5">
+              RenderTransformOrigin="0.5,0.5"
+              XYFocusKeyboardNavigation="Enabled">
             <Grid.RenderTransform>
                 <CompositeTransform/>
             </Grid.RenderTransform>
@@ -761,7 +762,7 @@
                                        x:Uid="converterNegateButton"
                                        Grid.Row="4"
                                        Grid.Column="0"
-                                       Style="{StaticResource SymbolOperatorButtonStyle}"
+                                       Style="{StaticResource SymbolOperatorKeypadButtonStyle}"
                                        FontSize="16"
                                        ButtonId="Negate"
                                        Content="&#xF898;"
diff --git a/src/CalculatorUITests/StandardModeFunctionalTests.cs b/src/CalculatorUITests/StandardModeFunctionalTests.cs
index 2fed75f..6677c84 100644
--- a/src/CalculatorUITests/StandardModeFunctionalTests.cs
+++ b/src/CalculatorUITests/StandardModeFunctionalTests.cs
@@ -165,14 +165,6 @@ public void Operator_SquareRoot()
             Assert.AreEqual("12", page.GetCalculatorResultText());
         }
 
-        [TestMethod]
-        public void Operator_Cubed()
-        {
-            page.StandardOperators.NumberPad.Input(-3);
-            page.StandardOperators.XPower3Button.Click();
-            Assert.AreEqual("-27", page.GetCalculatorResultText());
-        }
-
         [TestMethod]
         public void Operator_Percent()
         {
@@ -242,13 +234,6 @@ public void KeyboardInput_SquareRoot()
             Assert.AreEqual("10", page.GetCalculatorResultText());
         }
 
-        [TestMethod]
-        public void KeyboardInput_Cubed()
-        {
-            page.Header.SendKeys("3#");
-            Assert.AreEqual("27", page.GetCalculatorResultText());
-        }
-
         [TestMethod]
         public void KeyboardInput_Percent()
         {
diff --git a/src/Settings.XamlStyler b/src/Settings.XamlStyler
index 6fc7c48..07bd12e 100644
--- a/src/Settings.XamlStyler
+++ b/src/Settings.XamlStyler
@@ -18,7 +18,8 @@
         "FontFamily, FontSize, LineHeight, FontWeight, FontStyle, FontStretch",
         "*:*, *",
         "PageSource, PageIndex, Offset, Color, TargetName, Property, Value, StartPoint, EndPoint",
-        "mc:Ignorable, d:IsDataSource, d:LayoutOverrides, d:IsStaticText"
+        "mc:Ignorable, d:IsDataSource, d:LayoutOverrides, d:IsStaticText",
+		"IsEnabled, x:Load, Load"
     ],
     "OrderAttributesByName": true,
     "PutEndingBracketOnNewLine": false,