Commit

fluentui/ControlTemplates.json

@@ -13,20 +13,6 @@
     "OverridableProperties": {},
     "Version": "1.0"
   },
-  "button": {
-    "CustomGroupControlTemplateName": "",
-    "FirstParty": true,
-    "Id": "http://microsoft.com/appmagic/button",
-    "IsComponentTemplate": false,
-    "IsCustomGroupControlTemplate": false,
-    "IsPcfControl": false,
-    "IsPremiumPcfControl": false,
-    "IsWidgetTemplate": true,
-    "LastModifiedTimestamp": "0",
-    "Name": "button",
-    "OverridableProperties": {},
-    "Version": "2.2.0"
-  },
   "groupContainer": {
     "FirstParty": true,
     "Id": "http://microsoft.com/appmagic/groupContainer",

fluentui/Entropy/Entropy.json

@@ -3,7 +3,6 @@
   "ControlUniqueGuids": {},
   "ControlUniqueIds": {
     "App": 1,
-    "B1": 13,
     "chatbox1": 5,
     "eraser1": 10,
     "Host": 3,
@@ -17,7 +16,7 @@
   },
   "FunctionParamsInvariantScripts": {},
   "FunctionParamsInvariantScriptsOnInstances": {},
-  "HeaderLastSavedDateTimeUTC": "11/12/2023 10:13:02",
+  "HeaderLastSavedDateTimeUTC": "11/12/2023 10:13:42",
   "IsLegacyComponentAllowGlobalScopeCase": false,
   "LocalConnectionIDReferences": {},
   "LocalDatabaseReferencesAsEmpty": false,
@@ -33,14 +32,12 @@
   "OrderPcfTemplate": {},
   "OrderTemplate": {},
   "OrderXMLTemplate": {
-    "button": 3,
     "icon": 1,
     "label": 0,
     "text": 2
   },
   "OverridablePropertiesEntry": {
     "App": {},
-    "B1": {},
     "chatbox1": {},
     "eraser1": {},
     "Host": {},
@@ -56,7 +53,6 @@
   "PCFTemplateEntry": {},
   "PublishOrderIndices": {
     "App": 0,
-    "B1": 8,
     "chatbox1": 0,
     "eraser1": 5,
     "Host": 0,

fluentui/Entropy/checksum.json

@@ -6,29 +6,29 @@
   "ClientPerFileChecksums": {
     "AppCheckerResult.sarif": "C8_r349f2PWjl0WYciH7JnitB/PPhsNUQk2Cy69dYrQCqM=",
     "Controls\\1.json": "C8_opQhFd7tQ3IkRABVgFFq82IYQKAFbJ5qy/GElyH/FyI=",
-    "Controls\\4.json": "C8_iKjgRGg+rSgnxwYaiaEVSxc/al5+lzmJJC51Af41TCg=",
-    "Header.json": "C8_OXeXz3oQNzjmSL27a4HDaBb4PqMQCsG07V8HsE1LkF0=",
+    "Controls\\4.json": "C8_qIM5DaGgIhtRnzS+uMjfoBwuuEmeltW+hYHBlQfDthE=",
+    "Header.json": "C8_vzC5h1nnwFjAnCnhitZYM2h7Q+r0v52aCoMd8P64jUQ=",
     "Properties.json": "C8_ESSA79XGdrORPiXDp7gO6508dOU6vJO0nfwBmkZin8M=",
     "References\\DataSources.json": "C8_Mg5OhCscRCsdB8WFyXz4o6iMRDxQFaCtfXCnNT8E/+o=",
     "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
     "References\\Resources.json": "C8_s+se9qfOYnCKwfIt6gbv1FGBHW47JCt5d/CkUpqbcjk=",
-    "References\\Templates.json": "C8_lyMtnrg9NYRKVIKJa08j9mLx9AAnr4Qom3M/HoJvY4U=",
+    "References\\Templates.json": "C8_v7fH2JUvzuhiESAQqmBqfbFU1T2SAXeP/KS4+myZEow=",
     "References\\Themes.json": "C8_tsXtDVkT5pjhDU/pIa1ap3UW1Mua31Be8aPLGOt6H94=",
     "Resources\\PublishInfo.json": "C8_BDzXB/XwFggKTFb7EVkbB4z5ZX4/lSRN87GpfLsKt+k="
   },
-  "ClientStampedChecksum": "C8_HmHGBSXj0r7pzGMkVgiOXGZW8aoOzUMGHIMCPCzFj68=",
+  "ClientStampedChecksum": "C8_WJtMD40Xr2LwahmTKS+jjph+3+o8MbwYILtcP3eVjUQ=",
   "ServerPerFileChecksums": {
     "AppCheckerResult.sarif": "C8_r349f2PWjl0WYciH7JnitB/PPhsNUQk2Cy69dYrQCqM=",
     "Controls\\1.json": "C8_opQhFd7tQ3IkRABVgFFq82IYQKAFbJ5qy/GElyH/FyI=",
-    "Controls\\4.json": "C8_iKjgRGg+rSgnxwYaiaEVSxc/al5+lzmJJC51Af41TCg=",
-    "Header.json": "C8_OXeXz3oQNzjmSL27a4HDaBb4PqMQCsG07V8HsE1LkF0=",
+    "Controls\\4.json": "C8_qIM5DaGgIhtRnzS+uMjfoBwuuEmeltW+hYHBlQfDthE=",
+    "Header.json": "C8_vzC5h1nnwFjAnCnhitZYM2h7Q+r0v52aCoMd8P64jUQ=",
     "Properties.json": "C8_ESSA79XGdrORPiXDp7gO6508dOU6vJO0nfwBmkZin8M=",
     "References\\DataSources.json": "C8_Mg5OhCscRCsdB8WFyXz4o6iMRDxQFaCtfXCnNT8E/+o=",
     "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
     "References\\Resources.json": "C8_s+se9qfOYnCKwfIt6gbv1FGBHW47JCt5d/CkUpqbcjk=",
-    "References\\Templates.json": "C8_lyMtnrg9NYRKVIKJa08j9mLx9AAnr4Qom3M/HoJvY4U=",
+    "References\\Templates.json": "C8_v7fH2JUvzuhiESAQqmBqfbFU1T2SAXeP/KS4+myZEow=",
     "References\\Themes.json": "C8_tsXtDVkT5pjhDU/pIa1ap3UW1Mua31Be8aPLGOt6H94=",
     "Resources\\PublishInfo.json": "C8_BDzXB/XwFggKTFb7EVkbB4z5ZX4/lSRN87GpfLsKt+k="
   },
-  "ServerStampedChecksum": "C8_HmHGBSXj0r7pzGMkVgiOXGZW8aoOzUMGHIMCPCzFj68="
+  "ServerStampedChecksum": "C8_WJtMD40Xr2LwahmTKS+jjph+3+o8MbwYILtcP3eVjUQ="
 }
\ No newline at end of file

fluentui/Src/EditorState/Main.editorstate.json

 {
   "ControlStates": {
-    "B1": {
-      "AllowAccessToGlobals": true,
-      "ControlPropertyState": [
-        {
-          "AFDDataSourceName": "",
-          "AutoRuleBindingEnabled": false,
-          "AutoRuleBindingString": "",
-          "InvariantPropertyName": "Text",
-          "IsLockable": false,
-          "NameMapSourceSchema": "?"
-        },
-        "BorderColor",
-        "DisabledBorderColor",
-        {
-          "AFDDataSourceName": "",
-          "AutoRuleBindingEnabled": false,
-          "AutoRuleBindingString": "",
-          "InvariantPropertyName": "PressedBorderColor",
-          "IsLockable": false,
-          "NameMapSourceSchema": "?"
-        },
-        "HoverBorderColor",
-        "BorderStyle",
-        "FocusedBorderColor",
-        "Color",
-        "DisabledColor",
-        "PressedColor",
-        "HoverColor",
-        "DisplayMode",
-        {
-          "AFDDataSourceName": "",
-          "AutoRuleBindingEnabled": false,
-          "AutoRuleBindingString": "",
-          "InvariantPropertyName": "Fill",
-          "IsLockable": false,
-          "NameMapSourceSchema": "?"
-        },
-        "DisabledFill",
-        {
-          "AFDDataSourceName": "",
-          "AutoRuleBindingEnabled": false,
-          "AutoRuleBindingString": "",
-          "InvariantPropertyName": "PressedFill",
-          "IsLockable": false,
-          "NameMapSourceSchema": "?"
-        },
-        {
-          "AFDDataSourceName": "",
-          "AutoRuleBindingEnabled": false,
-          "AutoRuleBindingString": "",
-          "InvariantPropertyName": "HoverFill",
-          "IsLockable": false,
-          "NameMapSourceSchema": "?"
-        },
-        "Font",
-        "FontWeight",
-        "Align",
-        "VerticalAlign",
-        "X",
-        "Y",
-        "Width",
-        "Height",
-        "ZIndex",
-        "RadiusTopLeft",
-        "RadiusTopRight",
-        "RadiusBottomLeft",
-        "RadiusBottomRight",
-        "BorderThickness",
-        "FocusedBorderThickness",
-        "Size",
-        "Italic",
-        "Underline",
-        "Strikethrough",
-        {
-          "AFDDataSourceName": "",
-          "AutoRuleBindingEnabled": false,
-          "AutoRuleBindingString": "false",
-          "InvariantPropertyName": "OnSelect",
-          "IsLockable": false,
-          "NameMapSourceSchema": "?"
-        }
-      ],
-      "HasDynamicProperties": false,
-      "IsAutoGenerated": false,
-      "IsComponentDefinition": false,
-      "IsDataControl": false,
-      "IsFromScreenLayout": false,
-      "IsGroupControl": false,
-      "IsLocked": false,
-      "LayoutName": "",
-      "MetaDataIDKey": "",
-      "Name": "B1",
-      "ParentIndex": 8,
-      "PersistMetaDataIDKey": false,
-      "Properties": [
-        {
-          "Category": "Data",
-          "PropertyName": "Text",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "Strikethrough",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "Underline",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "Italic",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "Size",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "FocusedBorderThickness",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "BorderThickness",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "RadiusBottomRight",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "RadiusBottomLeft",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "RadiusTopRight",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "RadiusTopLeft",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "ZIndex",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "Height",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "Width",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "Y",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "X",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "VerticalAlign",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "Align",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "FontWeight",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "Font",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "HoverFill",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "PressedFill",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "DisabledFill",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "Fill",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "DisplayMode",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "HoverColor",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "PressedColor",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "DisabledColor",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "Color",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "BorderStyle",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "HoverBorderColor",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "PressedBorderColor",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "DisabledBorderColor",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "BorderColor",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Design",
-          "PropertyName": "FocusedBorderColor",
-          "RuleProviderType": "Unknown"
-        },
-        {
-          "Category": "Behavior",
-          "PropertyName": "OnSelect",
-          "RuleProviderType": "Unknown"
-        }
-      ],
-      "StyleName": "defaultButtonStyle",
-      "Type": "ControlInfo"
-    },
     "chatbox1": {
       "AllowAccessToGlobals": true,
       "ControlPropertyState": [

fluentui/Src/Main.fx.yaml

@@ -34,7 +34,7 @@ Main As screen:
         Size: =21
         Width: =479
         X: =40
-        Y: =976
+        Y: =1001
         ZIndex: =1
 
     send1 As icon.Send:
@@ -56,8 +56,8 @@ Main As screen:
         PressedColor: =RGBA(16, 110, 190, 1)
         PressedFill: =RGBA(0, 0, 0, 0)
         Tooltip: ="1"
-        X: =545
-        Y: =980
+        X: =550
+        Y: =1001
         ZIndex: =2
 
     chatbox1 As label:
@@ -75,7 +75,7 @@ Main As screen:
         VerticalAlign: =VerticalAlign.Bottom
         Width: =560
         X: =40
-        Y: =40
+        Y: =100
         ZIndex: =3
 
     tab1 As icon.Bookmark:
@@ -93,7 +93,7 @@ Main As screen:
         PressedColor: =RGBA(16, 110, 190, 1)
         PressedFill: =RGBA(0, 0, 0, 0)
         X: =40
-        Y: =798
+        Y: =858
         ZIndex: =10
 
     tab2 As icon.Bookmark:
@@ -111,7 +111,7 @@ Main As screen:
         PressedColor: =RGBA(16, 110, 190, 1)
         PressedFill: =RGBA(0, 0, 0, 0)
         X: =149
-        Y: =798
+        Y: =858
         ZIndex: =11
 
     tab3 As icon.Bookmark:
@@ -129,7 +129,7 @@ Main As screen:
         PressedColor: =RGBA(16, 110, 190, 1)
         PressedFill: =RGBA(0, 0, 0, 0)
         X: =258
-        Y: =798
+        Y: =858
         ZIndex: =12
 
     tab4 As icon.Bookmark:
@@ -147,39 +147,9 @@ Main As screen:
         PressedColor: =RGBA(16, 110, 190, 1)
         PressedFill: =RGBA(0, 0, 0, 0)
         X: =377
-        Y: =798
+        Y: =858
         ZIndex: =13
 
-    B1 As button:
-        BorderColor: =RGBA(0, 0, 0, 0)
-        BorderStyle: =BorderStyle.None
-        DisabledBorderColor: =RGBA(0, 0, 0, 0)
-        DisabledColor: =RGBA(161, 159, 157, 1)
-        DisabledFill: =RGBA(242, 242, 241, 0)
-        Fill: =RGBA(224, 24, 24, 1)
-        Font: =Font.'Segoe UI'
-        FontWeight: =FontWeight.Semibold
-        Height: =51
-        HoverBorderColor: =RGBA(0, 0, 0, 0)
-        HoverColor: =RGBA(255, 255, 255, 1)
-        HoverFill: =RGBA(180, 24, 24, 1)
-        OnSelect: |-
-            =Set(varResponse, varResponse & Char(13) & textinput1.Text);
-            Reset(textinput1);
-        PressedBorderColor: =RGBA(180, 24, 24, 1)
-        PressedColor: =RGBA(255, 255, 255, 1)
-        PressedFill: =RGBA(180, 24, 24, 1)
-        RadiusBottomLeft: =0
-        RadiusBottomRight: =0
-        RadiusTopLeft: =0
-        RadiusTopRight: =0
-        Size: =24
-        Text: ="Send"
-        Width: =99
-        X: =245
-        Y: =1071
-        ZIndex: =14
-
     eraser1 As icon.Erase:
         BorderColor: =RGBA(0, 0, 0, 0)
         Color: =RGBA(224, 24, 24, 1)
@@ -196,6 +166,6 @@ Main As screen:
         PressedColor: =RGBA(16, 110, 190, 1)
         PressedFill: =RGBA(0, 0, 0, 0)
         X: =536
-        Y: =798
+        Y: =858
         ZIndex: =15
 

fluentui/pkgs/button_2.2.0.xml

-<widget xmlns="http://openajax.org/metadata" spec="1.0" id="http://microsoft.com/appmagic/button" name="button" jsClass="AppMagic.Controls.Button" version="2.2.0" styleable="true" runtimeCost="1" xmlns:appMagic="http://schemas.microsoft.com/appMagic">
-  <author name="Microsoft AppMagic" />
-  <license type="text/html"><![CDATA[<p>TODO:  Need license text here.</p>]]></license>
-  <description><![CDATA[BUTTON
-      Control description here.]]></description>
-  <requires>
-    <require type="css" src="/ctrllib/common/css/button.css" />
-    <require type="javascript" src="/ctrllib/common/js/button.js" excludeOnFeatureGate="controls.reactButton" />
-    <require type="javascript" src="/ctrllib/reactControls/js/buttonReact.js" includeOnFeatureGate="controls.reactButton" />
-    <require type="javascript" src="/ctrllib/common/js/buttonReactProxy.js" includeOnFeatureGate="controls.reactButton" />
-  </requires>
-  <appMagic:capabilities contextualViewsEnabled="true" autoBorders="true" autoFocusedBorders="true" autoFill="true" autoPointerViewState="true" autoDisabledViewState="true" autoBorderRadius="true" isVersionFlexible="true" supportsSetFocus="true" />
-  <appMagic:accessibilityChecks controlIsInteractive="true" />
-  <content><![CDATA[
-<div class="appmagic-button-wrapper">
-  <div
-    class="a11y appmagic-button-busy"
-    tabindex="-1"
-    data-bind="
-      style: {
-        display: viewState.isAutoDisabled() ? null : 'none'
-      },
-      text: AppMagic.Strings.ButtonBusyMessage
-    "
-  ></div>
-
-  <button
-    class="appmagic-button-container no-focus-outline"
-    data-control-part="button"
-    data-bind="
-      event: {
-        click: handleClick,
-        pointerdown: handleMouseDown,
-        pointerup: handleMouseUp,
-        pointerout: handleMouseOut
-      },
-      attr: {
-        title: properties.Tooltip,
-        disabled: viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit
-      }
-    "
-  >
-    <div
-      class="appmagic-button"
-      touch-action="pan-x pan-y"
-      data-bind="
-        style: {
-            fontFamily: properties.Font,
-            fontSize: properties.Size,
-            color: autoProperties.Color,
-            fontWeight: properties.FontWeight,
-            fontStyle: properties.Italic,
-            textAlign: properties.Align,
-            paddingTop: properties.PaddingTop,
-            paddingRight: properties.PaddingRight,
-            paddingBottom: properties.PaddingBottom,
-            paddingLeft: properties.PaddingLeft,
-        },
-        css: {
-            top: properties.VerticalAlign() === 'top',
-            middle: properties.VerticalAlign() === 'middle',
-            bottom: properties.VerticalAlign() === 'bottom',
-            left: properties.Align() === 'left',
-            right: properties.Align() === 'right',
-            center: properties.Align() === 'center',
-            justify: properties.Align() === 'justify',
-            disabled: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled,
-            underline: properties.Underline,
-            strikethrough: properties.Strikethrough,
-            readonly: viewState.displayMode() === AppMagic.Constants.DisplayMode.View
-        }
-      "
-    >
-      <div
-        class="appmagic-button-label no-focus-outline"
-        data-control-part="text"
-        spellcheck="false"
-        data-bind="inlineEditText: properties.Text"
-      >
-      </div>
-    </div>
-  </button>
-<div>
-]]></content>
-  <properties>
-    <property name="Pressed" localizedName="##button_Pressed##" datatype="Boolean" direction="out" defaultValue="false" isPrimaryOutputProperty="true">
-      <title>The pressed state of the button.</title>
-      <appMagic:category>data</appMagic:category>
-      <appMagic:helperUI>boolean</appMagic:helperUI>
-    </property>
-  </properties>
-  <appMagic:includeProperties>
-    <!-- Behavior -->
-    <appMagic:includeProperty name="OnSelect" direction="in" isPrimaryInputProperty="true" />
-    <appMagic:includeProperty name="AutoDisableOnSelect" />
-    <!-- Data -->
-    <appMagic:includeProperty name="Text" defaultValue="##Button_DefaultValue_Text##" isExpr="true" />
-    <appMagic:includeProperty name="Tooltip" />
-    <appMagic:includeProperty name="ContentLanguage" />
-    <!-- Design -->
-    <appMagic:includeProperty name="BorderColor" defaultValue="ColorFade(Self.Fill, -15%)" />
-    <!-- TASK: 4548082: Add the Color and Fill in default theme json -->
-    <appMagic:includeProperty name="RadiusTopLeft" defaultValue="10" />
-    <appMagic:includeProperty name="RadiusTopRight" defaultValue="10" />
-    <appMagic:includeProperty name="RadiusBottomLeft" defaultValue="10" />
-    <appMagic:includeProperty name="RadiusBottomRight" defaultValue="10" />
-    <appMagic:includeProperty name="DisabledBorderColor" defaultValue="ColorFade(Self.BorderColor, 70%)" />
-    <appMagic:includeProperty name="PressedBorderColor" defaultValue="Self.Fill" />
-    <appMagic:includeProperty name="HoverBorderColor" defaultValue="ColorFade(Self.BorderColor, 20%)" />
-    <appMagic:includeProperty name="BorderStyle" />
-    <appMagic:includeProperty name="BorderThickness" defaultValue="2" />
-    <appMagic:includeProperty name="FocusedBorderColor" defaultValue="Self.BorderColor" isExpr="true" />
-    <appMagic:includeProperty name="FocusedBorderThickness" defaultValue="4" />
-    <appMagic:includeProperty name="Color" defaultValue="RGBA(255, 255, 255, 1)" />
-    <appMagic:includeProperty name="DisabledColor" defaultValue="ColorFade(Self.Fill, 90%)" />
-    <appMagic:includeProperty name="PressedColor" defaultValue="Self.Fill" />
-    <appMagic:includeProperty name="HoverColor" defaultValue="Self.Color" />
-    <appMagic:includeProperty name="DisplayMode" />
-    <appMagic:includeProperty name="Fill" defaultValue="RGBA(35, 31, 32, 1)" />
-    <appMagic:includeProperty name="DisabledFill" defaultValue="ColorFade(Self.Fill, 70%)" />
-    <appMagic:includeProperty name="PressedFill" defaultValue="Self.Color" />
-    <appMagic:includeProperty name="HoverFill" defaultValue="ColorFade(Self.Fill, 20%)" />
-    <appMagic:includeProperty name="Font" />
-    <appMagic:includeProperty name="Size" defaultValue="13" phoneDefaultValue="23" />
-    <appMagic:includeProperty name="FontWeight" defaultValue="%FontWeight.RESERVED%.Normal" />
-    <appMagic:includeProperty name="Italic" />
-    <appMagic:includeProperty name="Underline" />
-    <appMagic:includeProperty name="Strikethrough" />
-    <appMagic:includeProperty name="Align" defaultValue="%Align.RESERVED%.Center" />
-    <appMagic:includeProperty name="PaddingTop" defaultValue="5" />
-    <appMagic:includeProperty name="PaddingRight" defaultValue="5" />
-    <appMagic:includeProperty name="PaddingBottom" defaultValue="5" />
-    <appMagic:includeProperty name="PaddingLeft" defaultValue="5" />
-    <appMagic:includeProperty name="Visible" />
-    <appMagic:includeProperty name="VerticalAlign" defaultValue="%VerticalAlign.RESERVED%.Middle" />
-    <appMagic:includeProperty name="X" />
-    <appMagic:includeProperty name="Y" />
-    <appMagic:includeProperty name="Width" defaultValue="160" phoneDefaultValue="280" webDefaultValue="85" />
-    <appMagic:includeProperty name="Height" defaultValue="40" phoneDefaultValue="70" webDefaultValue="32" />
-    <appMagic:includeProperty name="TabIndex" />
-    <!-- Hidden properties -->
-    <appMagic:includeProperty name="maximumHeight" defaultValue="768" />
-    <appMagic:includeProperty name="maximumWidth" defaultValue="1366" />
-    <appMagic:includeProperty name="minimumHeight" defaultValue="5" />
-    <appMagic:includeProperty name="minimumWidth" defaultValue="5" />
-  </appMagic:includeProperties>
-  <appMagic:insertMetadata>
-    <appMagic:category name="Popular" priority="80" />
-    <appMagic:category name="Input" priority="10" />
-    <appMagic:category name="ClassicControls" priority="10" />
-  </appMagic:insertMetadata>
-  <!-- Display metadata providing property visibility, order, sections, and grouping in UI (e.g. properties panel) -->
-  <appMagic:displayMetadata>
-    <appMagic:section>
-      <appMagic:property name="Text" />
-      <appMagic:property name="DisplayMode" />
-    </appMagic:section>
-    <appMagic:section>
-      <appMagic:property name="Visible" />
-      <appMagic:propertyGroup name="Position">
-        <appMagic:property name="X" />
-        <appMagic:property name="Y" />
-      </appMagic:propertyGroup>
-      <appMagic:propertyGroup name="Size">
-        <appMagic:property name="Width" />
-        <appMagic:property name="Height" />
-      </appMagic:propertyGroup>
-      <appMagic:propertyGroup name="Padding">
-        <appMagic:property name="PaddingTop" labelOverride="##Padding_Top_Title##" />
-        <appMagic:property name="PaddingBottom" labelOverride="##Padding_Bottom_Title##" />
-        <appMagic:property name="PaddingLeft" labelOverride="##Padding_Left_Title##" />
-        <appMagic:property name="PaddingRight" labelOverride="##Padding_Right_Title##" />
-      </appMagic:propertyGroup>
-    </appMagic:section>
-    <appMagic:section>
-      <appMagic:propertyGroup name="Color">
-        <appMagic:property name="Color" showInFloatie="true" showInCommandBar="true" />
-        <appMagic:property name="Fill" showInFloatie="true" showInCommandBar="true" />
-      </appMagic:propertyGroup>
-      <appMagic:propertyGroup name="Border">
-        <appMagic:property name="BorderStyle" />
-        <appMagic:property name="BorderThickness" />
-        <appMagic:property name="BorderColor" />
-      </appMagic:propertyGroup>
-      <appMagic:propertyGroup name="Radius">
-        <appMagic:property name="RadiusTopLeft" />
-        <appMagic:property name="RadiusTopRight" />
-        <appMagic:property name="RadiusBottomLeft" />
-        <appMagic:property name="RadiusBottomRight" />
-      </appMagic:propertyGroup>
-      <appMagic:property name="Font" displayType="FontEnum" showInFloatie="true" showInCommandBar="true" />
-      <appMagic:property name="Size" labelOverride="##FontSize_Property##" showInFloatie="true" showInCommandBar="true" />
-      <appMagic:property name="FontWeight" displayType="EnumIcon" itemsOrder="Bold;Semibold;Normal;Lighter" showInCommandBar="true" />
-      <appMagic:propertyGroup name="Style">
-        <appMagic:property name="Italic" displayType="ToggleButton" />
-        <appMagic:property name="Underline" displayType="ToggleButton" />
-        <appMagic:property name="Strikethrough" displayType="ToggleButton" />
-      </appMagic:propertyGroup>
-      <appMagic:property name="Align" displayType="EnumButtons" itemsOrder="Left;Center;Right;Justify" labelOverride="##FontAlign_Property##" showInFloatie="true" showInCommandBar="true" floatieDisplayType="FaceplateIconEnum" />
-      <appMagic:property name="VerticalAlign" displayType="EnumIcon" itemsOrder="Top;Middle;Bottom" />
-    </appMagic:section>
-    <appMagic:section>
-      <appMagic:property name="AutoDisableOnSelect" />
-      <appMagic:propertyGroup name="DisabledColor">
-        <appMagic:property name="DisabledColor" />
-        <appMagic:property name="DisabledFill" />
-        <appMagic:property name="DisabledBorderColor" />
-      </appMagic:propertyGroup>
-      <appMagic:propertyGroup name="PressedColor">
-        <appMagic:property name="PressedColor" />
-        <appMagic:property name="PressedFill" />
-        <appMagic:property name="PressedBorderColor" />
-      </appMagic:propertyGroup>
-      <appMagic:propertyGroup name="HoverColor">
-        <appMagic:property name="HoverColor" />
-        <appMagic:property name="HoverFill" />
-        <appMagic:property name="HoverBorderColor" />
-      </appMagic:propertyGroup>
-      <appMagic:property name="Tooltip" />
-      <appMagic:property name="TabIndex" />
-    </appMagic:section>
-  </appMagic:displayMetadata>
-  <appMagic:conversion from="2.0.0" to="2.0.1">
-    <!-- Accessibility fixes for KO template -->
-  </appMagic:conversion>
-  <appMagic:conversion from="2.0.1" to="2.1.0">
-    <appMagic:conversionAction type="add" name="ContentLanguage" />
-  </appMagic:conversion>
-  <appMagic:conversion from="2.1.0" to="2.2.0">
-    <!-- Adding showInCommandBar flag -->
-  </appMagic:conversion>
-</widget>
\ No newline at end of file