From 8bb7e4a16150f72deef7097538ce3929f57b73d1 Mon Sep 17 00:00:00 2001
From: Manuel <manuel.geyer@rbb-online.de>
Date: Fri, 19 Jan 2024 10:27:24 +0000
Subject: [PATCH] Commit

---
 fluentui-ard/Connections/Connections.json     |   6 +
 fluentui-ard/ControlTemplates.json            |  14 +
 fluentui-ard/DataSources/DropDownSample.json  |  15 +
 fluentui-ard/Entropy/AppCheckerResult.sarif   |  49 +-
 fluentui-ard/Entropy/Entropy.json             |  48 +-
 fluentui-ard/Entropy/checksum.json            |  28 +-
 fluentui-ard/Src/BaseScreen.fx.yaml           |   9 +
 .../EditorState/BaseScreen.editorstate.json   | 301 +++++++++++-
 fluentui-ard/pkgs/dropdown_2.3.1.xml          | 429 ++++++++++++++++++
 9 files changed, 861 insertions(+), 38 deletions(-)
 create mode 100644 fluentui-ard/DataSources/DropDownSample.json
 create mode 100644 fluentui-ard/pkgs/dropdown_2.3.1.xml

diff --git a/fluentui-ard/Connections/Connections.json b/fluentui-ard/Connections/Connections.json
index 5e93f4b..490b608 100644
--- a/fluentui-ard/Connections/Connections.json
+++ b/fluentui-ard/Connections/Connections.json
@@ -19,6 +19,9 @@
       "iconUri": "https://connectoricons-prod.azureedge.net/releases/v1.0.1664/1.0.1664.3477/logicflows/icon.png",
       "id": "/providers/microsoft.powerapps/apis/shared_logicflows",
       "parameterHints": {
+        "58777019-e129-4c81-9ea2-60ba600d72f2": {
+          "value": "shared_azure-2dopenai-2dconnector-5f1d98e22a441b0e2d-5f3739fab3a930da50"
+        },
         "workflowEntityId": {
           "value": "921001dc-f7aa-ee11-be37-0022488291be"
         },
@@ -27,6 +30,9 @@
         }
       },
       "parameterHintsV2": {
+        "shared_azure-2dopenai-2dconnector-5f1d98e22a441b0e2d-5f3739fab3a930da50": {
+          "value": "58777019-e129-4c81-9ea2-60ba600d72f2"
+        },
         "workflowEntityId": {
           "value": "921001dc-f7aa-ee11-be37-0022488291be"
         },
diff --git a/fluentui-ard/ControlTemplates.json b/fluentui-ard/ControlTemplates.json
index ecd45d6..5f75c96 100644
--- a/fluentui-ard/ControlTemplates.json
+++ b/fluentui-ard/ControlTemplates.json
@@ -27,6 +27,20 @@
     "OverridableProperties": {},
     "Version": "1.0"
   },
+  "dropdown": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/dropdown",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": true,
+    "LastModifiedTimestamp": "0",
+    "Name": "dropdown",
+    "OverridableProperties": {},
+    "Version": "2.3.1"
+  },
   "groupContainer": {
     "CustomGroupControlTemplateName": "",
     "FirstParty": true,
diff --git a/fluentui-ard/DataSources/DropDownSample.json b/fluentui-ard/DataSources/DropDownSample.json
new file mode 100644
index 0000000..cae86d6
--- /dev/null
+++ b/fluentui-ard/DataSources/DropDownSample.json
@@ -0,0 +1,15 @@
+[
+  {
+    "Data": "[{\"Value\":\"1\"},{\"Value\":\"2\"},{\"Value\":\"3\"}]",
+    "IsSampleData": true,
+    "IsWritable": false,
+    "Name": "DropDownSample",
+    "OrderedColumnNames": [
+      "Value"
+    ],
+    "OriginalName": "DropDownSample",
+    "OriginalSchema": "*[Value:s]",
+    "Schema": "*[Value:s]",
+    "Type": "StaticDataSourceInfo"
+  }
+]
\ No newline at end of file
diff --git a/fluentui-ard/Entropy/AppCheckerResult.sarif b/fluentui-ard/Entropy/AppCheckerResult.sarif
index 0a50263..fc26846 100644
--- a/fluentui-ard/Entropy/AppCheckerResult.sarif
+++ b/fluentui-ard/Entropy/AppCheckerResult.sarif
@@ -9,6 +9,36 @@
         }
       ],
       "results": [
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "BaseScreen.ConBan.behave1.AccessibleLabel"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "BaseScreen.ConBan.behave1.AccessibleLabel",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "AccessibleLabel",
+                "module": "BaseScreen",
+                "type": "BaseScreen.ConBan.behave1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-AccessibleLabelNeeded",
+          "ruleIndex": 0
+        },
         {
           "locations": [
             {
@@ -37,7 +67,7 @@
             "level": "Medium"
           },
           "ruleId": "app-UnusedMediaResources",
-          "ruleIndex": 0
+          "ruleIndex": 1
         }
       ],
       "tool": {
@@ -45,6 +75,23 @@
           "fullName": "PowerApps app checker",
           "name": "PowerApps app checker",
           "rules": [
+            {
+              "id": "acc-AccessibleLabelNeeded",
+              "messageStrings": {
+                "issue": {
+                  "text": "Missing accessible label"
+                }
+              },
+              "properties": {
+                "componentType": "app",
+                "howToFix": [
+                  "Edit the accessible label property to describe the item."
+                ],
+                "level": "Medium",
+                "primaryCategory": "accessibility",
+                "whyFix": "If there's no accessible text, people who can’t see the screen won't understand what’s in images and controls."
+              }
+            },
             {
               "id": "app-UnusedMediaResources",
               "messageStrings": {
diff --git a/fluentui-ard/Entropy/Entropy.json b/fluentui-ard/Entropy/Entropy.json
index d427c50..270d03d 100644
--- a/fluentui-ard/Entropy/Entropy.json
+++ b/fluentui-ard/Entropy/Entropy.json
@@ -7,6 +7,7 @@
     "App": 1,
     "Banlabel1": 6,
     "BaseScreen": 4,
+    "behave1": 22,
     "chatbox1": 10,
     "chatboxhtml": 9,
     "ConBan": 5,
@@ -26,11 +27,11 @@
   "DoesTestStepsMetadataExist": true,
   "FunctionParamsInvariantScripts": {},
   "FunctionParamsInvariantScriptsOnInstances": {},
-  "HeaderLastSavedDateTimeUTC": "01/19/2024 10:22:06",
+  "HeaderLastSavedDateTimeUTC": "01/19/2024 10:27:24",
   "IsLegacyComponentAllowGlobalScopeCase": false,
   "LocalConnectionIDReferences": {
     "58777019-e129-4c81-9ea2-60ba600d72f2": "\"/providers/microsoft.powerapps/apis/shared_azure-2dopenai-2dconnector-5f1d98e22a441b0e2d-5f3739fab3a930da50/connections/shared-azure-2dopena-3f4cdc89-63b5-4018-882d-1f1c97eb18e0\"",
-    "8eb8458d-c1b8-445f-84ee-0ccad7160794": "\"/providers/Microsoft.PowerApps/apis/shared_logicflows/connections/EC84356E395FAA1B0FDF1C7E126B562E-C1654A69E558FC9F\"",
+    "8eb8458d-c1b8-445f-84ee-0ccad7160794": "\"/providers/microsoft.powerapps/apis/shared_logicflows/connections/ec84356e395faa1b0fdf1c7e126b562e-c1654a69e558fc9f\"",
     "dd997e22-3bdb-48cb-af6f-587b3b988bb4": "\"/providers/microsoft.powerapps/apis/shared_office365/connections/shared-office365-4f712e21-7360-4723-a8e1-b17877eae069\""
   },
   "LocalDatabaseReferencesAsEmpty": false,
@@ -46,19 +47,21 @@
   "OrderComponentTemplate": {},
   "OrderDataSource": {
     "ConnectAzureOpenai": 0,
+    "DropDownSample": 2,
     "Office365Outlook": 1
   },
   "OrderGroupControls": {},
   "OrderPcfTemplate": {},
   "OrderTemplate": {},
   "OrderXMLTemplate": {
+    "dropdown": 1,
     "groupContainer": 0,
-    "htmlViewer": 3,
-    "icon": 5,
-    "image": 2,
-    "label": 1,
-    "text": 4,
-    "toggleSwitch": 6
+    "htmlViewer": 4,
+    "icon": 6,
+    "image": 3,
+    "label": 2,
+    "text": 5,
+    "toggleSwitch": 7
   },
   "OverridablePropertiesEntry": {
     "2082bd44-3dd1-43ad-9f56-e87204d4031a": {},
@@ -66,6 +69,7 @@
     "App": {},
     "Banlabel1": {},
     "BaseScreen": {},
+    "behave1": {},
     "chatbox1": {},
     "chatboxhtml": {},
     "ConBan": {},
@@ -88,23 +92,24 @@
     "2082bd44-3dd1-43ad-9f56-e87204d4031a": 0,
     "6ca9d7c2-f54d-418a-aa75-1937d061df3b": 0,
     "App": 0,
-    "Banlabel1": 1,
+    "Banlabel1": 2,
     "BaseScreen": 3,
-    "chatbox1": 5,
-    "chatboxhtml": 4,
+    "behave1": 1,
+    "chatbox1": 6,
+    "chatboxhtml": 5,
     "ConBan": 0,
-    "ConFkt1": 6,
-    "ConResp": 3,
-    "ConSend": 11,
-    "Creativity1": 10,
-    "Eraser1": 9,
-    "Fktlabel1": 7,
+    "ConFkt1": 7,
+    "ConResp": 4,
+    "ConSend": 12,
+    "Creativity1": 11,
+    "Eraser1": 10,
+    "Fktlabel1": 8,
     "Host": 0,
-    "Logo": 2,
-    "send1": 13,
-    "SendMail1": 8,
+    "Logo": 3,
+    "send1": 14,
+    "SendMail1": 9,
     "Test_7F478737223C4B69": 0,
-    "textinput1": 12
+    "textinput1": 13
   },
   "ResourcesJsonIndices": {
     "Image-ard-logo": 1,
@@ -116,6 +121,7 @@
   "VolatileProperties": {
     "AnalysisLoadTime": 0.1245403,
     "ControlCount": {
+      "dropdown": 1,
       "groupContainer": 4,
       "htmlViewer": 1,
       "icon": 3,
diff --git a/fluentui-ard/Entropy/checksum.json b/fluentui-ard/Entropy/checksum.json
index d5e02b3..a7a1996 100644
--- a/fluentui-ard/Entropy/checksum.json
+++ b/fluentui-ard/Entropy/checksum.json
@@ -4,37 +4,37 @@
     "IsLocalBuild": false
   },
   "ClientPerFileChecksums": {
-    "AppCheckerResult.sarif": "C8_N4XEmEN8UObsfZnRbymA9dKLykMBGRYKXNtP0OZG3bk=",
+    "AppCheckerResult.sarif": "C8_FR+rChiYwzo+Mrrisfn1kK6viScOyF8EJFRMbwzrBP4=",
     "AppTests\\2.json": "C8_omA4KVA0ye8qkU+fMWC8nSkoW42AEHM4XBnnYkUJCys=",
     "Assets\\Images\\0001.png": "C8_D0WGiAaxVuIcUWpkdQuVcyQy/gSJZuMRDwL63zxJhAk=",
     "Assets\\Images\\0002.jpg": "C8_Tc/HGdQ62xbtBm/41G1l7DIpMm/RT0cgmhtJyanyURs=",
     "Controls\\1.json": "C8_/PwNEU6dV00x9Xr4Yt93zX1EmsxAh36PVgOdFy9WD8g=",
-    "Controls\\4.json": "C8_jC94+Q+UV8QVvr+mvvckaTPBs0fiDfGyBh2drECaFg4=",
-    "Header.json": "C8_uojhkjeO0JWmhV58d0HgxMAkx781xupxgWPsLhhlCmY=",
-    "Properties.json": "C8_QmGceMjy6AeOGxi0sa9vVzutdMieRRstXM9wyfCIhrQ=",
-    "References\\DataSources.json": "C8_khu+WUDb4a5tvZu/0zvUqAExTFpdTX7df3InxUaD7RQ=",
+    "Controls\\4.json": "C8_HHm7pc/ThPPr08F0ADzZC8zBNi1AQj9CGmijGhc775A=",
+    "Header.json": "C8_cSdmwQ9ePBu0a09F/FhBrDYEpMDVtNvJ8x9qjqGzyXk=",
+    "Properties.json": "C8_HKeTRcP2lIQ4RLf6MB6cGJ53i/iKUS5PLGcriJEsQBQ=",
+    "References\\DataSources.json": "C8_/K7tVtiFazk17nW1lYdLoSO8zYC5PM0RNVbt7MtTeVA=",
     "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
     "References\\Resources.json": "C8_wjrwChaskes02OrUNkqqoVyQNL3a5CydvOQHz8X+fuE=",
-    "References\\Templates.json": "C8_3Ww4szJIRkOM5XYjrrcfTagI+vAz0yk7R/L/qw0YjPE=",
+    "References\\Templates.json": "C8_o0FNIqZaLuY6PB/+7sTxc28Dy2vpyt3YLPtY/iirCKQ=",
     "References\\Themes.json": "C8_zuMgLpz3IJQlVgGqo3GtyhriL3PR35GxXf+rtPR4Gfc=",
     "Resources\\PublishInfo.json": "C8_L9UhOWDoS/LUj0KodcbQiXLqewg00O5iSZA4+bCdTGs="
   },
-  "ClientStampedChecksum": "C8_k9Yn6Dg1VsWyGu24XfT+8VYhYXaaA7Ax0nY/ZP0xgBo=",
+  "ClientStampedChecksum": "C8_Re20JpiJSRl5fDiEkJpdU11ZKTfFAutLnmWQs8EwjA4=",
   "ServerPerFileChecksums": {
-    "AppCheckerResult.sarif": "C8_N4XEmEN8UObsfZnRbymA9dKLykMBGRYKXNtP0OZG3bk=",
+    "AppCheckerResult.sarif": "C8_FR+rChiYwzo+Mrrisfn1kK6viScOyF8EJFRMbwzrBP4=",
     "AppTests\\2.json": "C8_omA4KVA0ye8qkU+fMWC8nSkoW42AEHM4XBnnYkUJCys=",
     "Assets\\Images\\0001.png": "C8_D0WGiAaxVuIcUWpkdQuVcyQy/gSJZuMRDwL63zxJhAk=",
     "Assets\\Images\\0002.jpg": "C8_Tc/HGdQ62xbtBm/41G1l7DIpMm/RT0cgmhtJyanyURs=",
     "Controls\\1.json": "C8_/PwNEU6dV00x9Xr4Yt93zX1EmsxAh36PVgOdFy9WD8g=",
-    "Controls\\4.json": "C8_jC94+Q+UV8QVvr+mvvckaTPBs0fiDfGyBh2drECaFg4=",
-    "Header.json": "C8_uojhkjeO0JWmhV58d0HgxMAkx781xupxgWPsLhhlCmY=",
-    "Properties.json": "C8_QmGceMjy6AeOGxi0sa9vVzutdMieRRstXM9wyfCIhrQ=",
-    "References\\DataSources.json": "C8_khu+WUDb4a5tvZu/0zvUqAExTFpdTX7df3InxUaD7RQ=",
+    "Controls\\4.json": "C8_HHm7pc/ThPPr08F0ADzZC8zBNi1AQj9CGmijGhc775A=",
+    "Header.json": "C8_cSdmwQ9ePBu0a09F/FhBrDYEpMDVtNvJ8x9qjqGzyXk=",
+    "Properties.json": "C8_HKeTRcP2lIQ4RLf6MB6cGJ53i/iKUS5PLGcriJEsQBQ=",
+    "References\\DataSources.json": "C8_/K7tVtiFazk17nW1lYdLoSO8zYC5PM0RNVbt7MtTeVA=",
     "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
     "References\\Resources.json": "C8_wjrwChaskes02OrUNkqqoVyQNL3a5CydvOQHz8X+fuE=",
-    "References\\Templates.json": "C8_3Ww4szJIRkOM5XYjrrcfTagI+vAz0yk7R/L/qw0YjPE=",
+    "References\\Templates.json": "C8_o0FNIqZaLuY6PB/+7sTxc28Dy2vpyt3YLPtY/iirCKQ=",
     "References\\Themes.json": "C8_zuMgLpz3IJQlVgGqo3GtyhriL3PR35GxXf+rtPR4Gfc=",
     "Resources\\PublishInfo.json": "C8_L9UhOWDoS/LUj0KodcbQiXLqewg00O5iSZA4+bCdTGs="
   },
-  "ServerStampedChecksum": "C8_k9Yn6Dg1VsWyGu24XfT+8VYhYXaaA7Ax0nY/ZP0xgBo="
+  "ServerStampedChecksum": "C8_Re20JpiJSRl5fDiEkJpdU11ZKTfFAutLnmWQs8EwjA4="
 }
\ No newline at end of file
diff --git a/fluentui-ard/Src/BaseScreen.fx.yaml b/fluentui-ard/Src/BaseScreen.fx.yaml
index ae6d180..fe6afcd 100644
--- a/fluentui-ard/Src/BaseScreen.fx.yaml
+++ b/fluentui-ard/Src/BaseScreen.fx.yaml
@@ -44,6 +44,15 @@ BaseScreen As screen:
             Y: =ConBan.Y + (ConBan.Height/7)
             ZIndex: =2
 
+        behave1 As dropdown:
+            Height: =ConBan.Height/1.4
+            Items: =DropDownSample
+            Size: =21
+            Width: =ConBan.Height*1.4
+            X: =ConBan.Width - (ConBan.Width - ConBan.Width/25)
+            Y: =ConBan.Y + (ConBan.Height/7)
+            ZIndex: =3
+
     ConFkt1 As groupContainer.manualLayoutContainer:
         BorderStyle: =BorderStyle.None
         DropShadow: =DropShadow.None
diff --git a/fluentui-ard/Src/EditorState/BaseScreen.editorstate.json b/fluentui-ard/Src/EditorState/BaseScreen.editorstate.json
index 6a73be3..0306ae2 100644
--- a/fluentui-ard/Src/EditorState/BaseScreen.editorstate.json
+++ b/fluentui-ard/Src/EditorState/BaseScreen.editorstate.json
@@ -161,7 +161,7 @@
       "MetaDataIDKey": "",
       "Name": "Banlabel1",
       "OptimizeForDevices": "Off",
-      "ParentIndex": 0,
+      "ParentIndex": 1,
       "PersistMetaDataIDKey": false,
       "Properties": [
         {
@@ -456,6 +456,303 @@
       "StyleName": "defaultScreenStyle",
       "Type": "ControlInfo"
     },
+    "behave1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Items",
+        "SelectionColor",
+        "ChevronFill",
+        "ChevronHoverFill",
+        "ChevronDisabledFill",
+        "ChevronBackground",
+        "ChevronHoverBackground",
+        "ChevronDisabledBackground",
+        "SelectionFill",
+        "Color",
+        "HoverColor",
+        "PressedColor",
+        "DisabledColor",
+        "BorderColor",
+        "DisabledBorderColor",
+        "HoverBorderColor",
+        "PressedBorderColor",
+        "BorderStyle",
+        "FocusedBorderColor",
+        "Fill",
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "Font",
+        "FontWeight",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "40",
+          "InvariantPropertyName": "X",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "27",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "107",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "60",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisplayMode",
+        "ZIndex",
+        "BorderThickness",
+        "FocusedBorderThickness",
+        "Size",
+        "Italic",
+        "Underline",
+        "Strikethrough",
+        "PaddingTop",
+        "PaddingRight",
+        "PaddingBottom",
+        "PaddingLeft"
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "behave1",
+      "OptimizeForDevices": "Off",
+      "ParentIndex": 0,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "NameMap": "{\"Value\":\"Value\"}",
+          "PropertyName": "Items",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingTop",
+          "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": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "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": "FontWeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Font",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingLeft",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingRight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingBottom",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Color",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "SelectionFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ChevronDisabledBackground",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ChevronHoverBackground",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ChevronBackground",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ChevronDisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ChevronHoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ChevronFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "SelectionColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverBorderColor",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultDropdownStyle",
+      "Type": "ControlInfo"
+    },
     "chatbox1": {
       "AllowAccessToGlobals": true,
       "ControlPropertyState": [
@@ -3179,7 +3476,7 @@
       "MetaDataIDKey": "",
       "Name": "Logo",
       "OptimizeForDevices": "Off",
-      "ParentIndex": 1,
+      "ParentIndex": 2,
       "PersistMetaDataIDKey": false,
       "Properties": [
         {
diff --git a/fluentui-ard/pkgs/dropdown_2.3.1.xml b/fluentui-ard/pkgs/dropdown_2.3.1.xml
new file mode 100644
index 0000000..65d9864
--- /dev/null
+++ b/fluentui-ard/pkgs/dropdown_2.3.1.xml
@@ -0,0 +1,429 @@
+<widget xmlns="http://openajax.org/metadata" spec="1.0" id="http://microsoft.com/appmagic/dropdown" name="dropdown" jsClass="AppMagic.Controls.Dropdown.DropdownControl" version="2.3.1" 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[DROPDOWN
+      Control description here.]]></description>
+  <requires>
+    <require type="css" src="css/dropdown.css" />
+    <require type="javascript" src="js/dropdown.js" />
+    <require type="other" src="data/DropdownSample.xlsx" authoringOnly="true" />
+    <require type="other" src="images/dropdownarrow_blackicon.svg" />
+  </requires>
+  <appMagic:capabilities contextualViewsEnabled="true" autoBorders="true" autoFocusedBorders="true" screenActiveAware="true" autoDisabledViewState="true" autoPointerViewState="true" isVersionFlexible="true" />
+  <appMagic:accessibilityChecks controlIsInteractive="true" />
+  <content><![CDATA[
+    <div class="appmagic-dropdown no-focus-outline"
+      data-bind="
+        shortcut: {
+          provider: shortcutProvider,
+          capture: false
+        }
+      ">
+      <div
+        data-bind="
+          style: {
+            fontFamily: properties.Font,
+            fontSize: properties.Size,
+            color: autoProperties.Color,
+            backgroundColor: autoProperties.Fill,
+            fontWeight: properties.FontWeight,
+            fontStyle: properties.Italic,
+            textAlign: properties.Align
+          },
+          attr: {
+            class: id + ' appmagic-dropdownLabel',
+          },
+          event: {
+            click: onClickLabel,
+          },
+          css: {
+            disabled: isDisabled,
+            underline: properties.Underline,
+            readonly: isReadOnly,
+            strikethrough: properties.Strikethrough
+          },
+          controlFlyout: {
+            contentSelector: '.appmagic-dropdownFlyout',
+            position: 'bottom left',
+            openOn: null,
+            matchWidth: true,
+            beforeOpen: beforeOpenFlyout.bind($data),
+            showEvent: openFlyoutEvent,
+            closeEvent: closeFlyoutEvent,
+            onShow: onShow.bind($data),
+            onClose: onClose.bind($data)
+          }
+        "
+      >
+        <div class="appmagic-dropdownLabelText no-focus-outline"
+          touch-action="pan-x pan-y"
+          role="button"
+          aria-haspopup="listbox"
+          data-bind="
+            attr: {
+              title: properties.Tooltip() || null,
+              'aria-label': (properties.AccessibleLabel() || '') + '. ' + selectedValue,
+              'aria-disabled': isDisabled || isReadOnly
+            },
+            text: selectedValue,
+            style: {
+              paddingTop: properties.PaddingTop,
+              paddingRight: properties.PaddingRight,
+              paddingBottom: properties.PaddingBottom,
+              paddingLeft: properties.PaddingLeft
+            }
+          "
+        >
+        </div>
+
+        <div class="appmagic-dropdownLabelArrow" data-bind="style: { width: properties.ChevronWidth }">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" focusable="false" aria-hidden="true"
+            data-bind="style: { width: properties.ChevronWidth, height: AppMagic.Controls.converters.pxVerticalConverter.view(properties.Height()) }">
+              <polygon class="chevron-svg" points="18,24.5 7,13.6 9.1,11.5 18,20.3 26.9,11.5 29,13.6" />
+          </svg>
+        </div>
+      </div>
+      <!-- ko stopBinding: true -->
+      <div
+        class="appmagic-dropdownFlyout"
+        data-bind="
+          shortcut: {
+            provider: shortcutProvider,
+            capture: false
+          },
+          attr: {
+            id: 'appmagic-dropdownFlyout' + id,
+          }
+        "
+      >
+        <div
+          role="listbox"
+          data-bind="
+            style: {
+              fontFamily: properties.Font,
+              fontSize: properties.Size,
+              fontWeight: properties.FontWeight,
+              maxHeight: flyoutMaximumHeight,
+              fontStyle: properties.Italic,
+              textAlign: properties.Align,
+              borderWidth: properties.BorderThickness,
+              borderColor: properties.HoverBorderColor,
+              borderStyle: properties.BorderStyle,
+              backgroundColor: properties.Fill,
+            },
+            attr: {
+              class: id + ' appmagic-dropdownList',
+              'aria-label': Core.Utility.formatString(AppMagic.Strings.ListBoxItemsLabel || '', properties.AccessibleLabel())
+            },
+            css: {
+              underline: properties.Underline,
+              strikethrough: properties.Strikethrough
+            },
+            foreach: currentItems
+          "
+        >
+          <div
+            touch-action="pan-y"
+            role="option"
+            tabindex="-1"
+            data-bind="
+              attr: {
+                  class: 'item' + $index() + ' appmagic-dropdownListItem',
+                  id: 'appmagic-dropdownFlyout' + $parent.id + '_' + $index(),
+                  'aria-selected': selected
+              },
+              style: {
+                  minHeight: 'calc(1.333em + ' + $parent.properties.PaddingTop() + ' + ' + $parent.properties.PaddingBottom() + ')',
+                  paddingTop: $parent.properties.PaddingTop,
+                  paddingRight: $parent.properties.PaddingRight,
+                  paddingBottom: $parent.properties.PaddingBottom,
+                  paddingLeft: $parent.properties.PaddingLeft},
+              css: {
+                  selected: selected
+              },
+              event: {
+                  click: $parent.onClickItem.bind($parent),
+                  mouseover: onMouseEvent,
+                  pointerout: onMouseEvent,
+                  mousedown: onMouseEvent,
+                  pointerdown: onMouseEvent,
+                  pointerup: onMouseEvent
+              },
+              text: value
+            "
+          ></div>
+          </div>
+      </div>
+      <!-- /ko -->
+    </div>
+    <style data-bind="text: dropdownStyles"></style>
+    ]]></content>
+  <properties>
+    <property name="Items" localizedName="##dropdown_Items##" datatype="Array" direction="in" isPrimaryInputProperty="true" hasEditableNameMap="true" errorCapability="recordErrors">
+      <title>dropdown items</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:displayName>##dropdown_Items_DisplayName##</appMagic:displayName>
+      <appMagic:sampleDataSource name="DropDownSample" location="data/DropdownSample.xlsx" />
+      <properties>
+        <property name="Value" localizedName="##dropdown_Value##" datatype="String"></property>
+      </properties>
+      <appMagic:tooltip>##dropdown_Items_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="Selected" localizedName="##dropdown_Selected##" datatype="object" direction="out" supportsAutomation="true">
+      <title>Value of the selected item</title>
+      <appMagic:passThroughReference>Items</appMagic:passThroughReference>
+      <appMagic:category>data</appMagic:category>
+    </property>
+    <property name="SelectedText" localizedName="##dropdown_SelectedText##" datatype="object" direction="out" isPrimaryOutputProperty="true" supportsAutomation="true">
+      <title>Text value of the selected item</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:passThroughReference>Items</appMagic:passThroughReference>
+      <properties>
+        <property name="Value" localizedName="##dropdown_Value##" datatype="String"></property>
+      </properties>
+    </property>
+    <property name="Default" localizedName="##dropdown_Default##" datatype="String" defaultValue="1" editable="true" direction="in">
+      <title>Selected item</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:displayName>##dropdown_Default_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##dropdown_Default_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="Reset" localizedName="##commonProperties_Reset##" datatype="Boolean" defaultValue="false" direction="in">
+      <title>Reset</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:displayName>##commonProperties_Reset_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##commonProperties_Reset_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="AllowEmptySelection" localizedName="##dropdown_AllowEmptySelection##" datatype="Boolean" defaultValue="false" direction="in">
+      <title>AllowEmptySelection</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:displayName>##dropdown_AllowEmptySelection_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##dropdown_AllowEmptySelection_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="SelectionColor" localizedName="##dropdown_SelectionColor##" datatype="Color" defaultValue="RGBA(255, 255, 255, 1)" isExpr="true" converter="argbConverter">
+      <title>Selected Text color</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##dropdown_SelectionColor_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##dropdown_SelectionColor_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="ChevronWidth" localizedName="##Dropdown_Chevron_Width##" datatype="Number" defaultValue="34" phoneDefaultValue="50" webDefaultValue="32" converter="pxHorizontalConverter" hidden="true" styleable="true">
+      <title>Dropdown Chevron Width</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##Dropdown_Chevron_Width_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="FlyoutMaximumHeight" localizedName="##Dropdown_Flyout_MaximumHeight##" datatype="Number" defaultValue="400" converter="pxVerticalConverter" phoneDefaultValue="700" hidden="true" styleable="true">
+      <title>Dropdown Flyout Maximum Height</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##Dropdown_Flyout_MaximumHeight_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="ChevronFill" localizedName="##Dropdown_Chevron_Fill##" datatype="Color" isExpr="true" defaultValue="RGBA(255, 255, 255, 1)" converter="argbConverter">
+      <title>Dropdown Chevron Fill</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##Dropdown_Chevron_Fill_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##Dropdown_Chevron_Fill_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="ChevronHoverFill" localizedName="##Dropdown_Chevron_HoverFill##" datatype="Color" isExpr="true" defaultValue="Self.ChevronFill" converter="argbConverter" styleable="true">
+      <title>Dropdown Chevron Hover Fill</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##Dropdown_Chevron_HoverFill_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="ChevronDisabledFill" localizedName="##Dropdown_Chevron_DisabledFill##" datatype="Color" isExpr="true" defaultValue="RGBA(235, 233, 229, 1)" converter="argbConverter" styleable="true">
+      <title>Dropdown Chevron Disabled Fill</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##Dropdown_Chevron_DisabledFill_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="ChevronBackground" localizedName="##Dropdown_Chevron_Background##" datatype="Color" isExpr="true" defaultValue="RGBA(35, 31, 32, 1)" converter="argbConverter">
+      <title>Dropdown Chevron Fill</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##Dropdown_Chevron_Background_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##Dropdown_Chevron_Background_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="ChevronHoverBackground" localizedName="##Dropdown_Chevron_HoverBackground##" datatype="Color" isExpr="true" defaultValue="ColorFade(Self.ChevronBackground, 20%)" converter="argbConverter" styleable="true">
+      <title>Dropdown Chevron Hover Fill</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##Dropdown_Chevron_HoverBackground_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="ChevronDisabledBackground" localizedName="##Dropdown_Chevron_DisabledBackground##" datatype="Color" isExpr="true" defaultValue="RGBA(215, 210, 204, 1)" converter="argbConverter" styleable="true">
+      <title>Dropdown Chevron Disabled Fill</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##Dropdown_Chevron_DisabledBackground_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="SelectionFill" localizedName="##dropdown_SelectionFill##" datatype="Color" defaultValue="RGBA(0, 176, 240, 1)" isExpr="true" converter="argbConverter">
+      <title>Selected Fill color</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##dropdown_SelectionFill_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##dropdown_SelectionFill_Tooltip##</appMagic:tooltip>
+    </property>
+  </properties>
+  <appMagic:includeProperties>
+    <!-- Data -->
+    <appMagic:includeProperty name="AccessibleLabel" />
+    <appMagic:includeProperty name="Tooltip" />
+    <appMagic:includeProperty name="ContentLanguage" />
+    <!-- Design -->
+    <appMagic:includeProperty name="Color" defaultValue="RGBA(0, 0, 0, 1)" isExpr="true" />
+    <appMagic:includeProperty name="HoverColor" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="PressedColor" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="DisabledColor" defaultValue="RGBA(186, 186, 186, 1)" />
+    <appMagic:includeProperty name="BorderColor" defaultValue="RGBA(69, 69, 69, 1)" />
+    <appMagic:includeProperty name="DisabledBorderColor" defaultValue="RGBA(186, 186, 186, 1)" />
+    <appMagic:includeProperty name="HoverBorderColor" defaultValue="ColorFade(Self.BorderColor, 15%)" />
+    <appMagic:includeProperty name="PressedBorderColor" defaultValue="Self.HoverBorderColor" />
+    <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="Fill" defaultValue="RGBA(255, 255, 255, 1)" />
+    <appMagic:includeProperty name="DisabledFill" defaultValue="RGBA(242, 242, 242, 1)" />
+    <appMagic:includeProperty name="PressedFill" defaultValue="ColorFade(Self.SelectionFill, -30%)" />
+    <appMagic:includeProperty name="HoverFill" defaultValue="RGBA(186, 186, 186, 1)" />
+    <appMagic:includeProperty name="Font" />
+    <appMagic:includeProperty name="Size" phoneDefaultValue="30" />
+    <appMagic:includeProperty name="FontWeight" />
+    <appMagic:includeProperty name="Italic" />
+    <appMagic:includeProperty name="Underline" />
+    <appMagic:includeProperty name="Strikethrough" />
+    <appMagic:includeProperty name="PaddingTop" defaultValue="10" />
+    <appMagic:includeProperty name="PaddingRight" defaultValue="10" />
+    <appMagic:includeProperty name="PaddingBottom" defaultValue="10" />
+    <appMagic:includeProperty name="PaddingLeft" defaultValue="10" />
+    <appMagic:includeProperty name="X" />
+    <appMagic:includeProperty name="Y" />
+    <appMagic:includeProperty name="Width" defaultValue="328" phoneDefaultValue="575" webDefaultValue="180" />
+    <appMagic:includeProperty name="Height" defaultValue="40" phoneDefaultValue="70" webDefaultValue="32" />
+    <appMagic:includeProperty name="Visible" />
+    <appMagic:includeProperty name="TabIndex" />
+    <appMagic:includeProperty name="DisplayMode" />
+    <!-- Behavior -->
+    <appMagic:includeProperty name="OnSelect" direction="in" />
+    <appMagic:includeProperty name="OnChange" direction="in" isPrimaryBehaviorProperty="true" />
+    <!-- Hidden properties -->
+    <appMagic:includeProperty name="minimumWidth" defaultValue="80" />
+    <appMagic:includeProperty name="minimumHeight" defaultValue="35" />
+    <appMagic:includeProperty name="maximumWidth" defaultValue="1366" />
+    <appMagic:includeProperty name="maximumHeight" defaultValue="768" />
+  </appMagic:includeProperties>
+  <!--Property Dependencies -->
+  <appMagic:propertyDependencies>
+    <appMagic:propertyDependency input="Items" output="Selected" />
+    <appMagic:propertyDependency input="Default" output="Selected" />
+    <appMagic:propertyDependency input="Reset" output="Selected" />
+    <appMagic:propertyDependency input="Items" output="SelectedText" />
+    <appMagic:propertyDependency input="Default" output="SelectedText" />
+  </appMagic:propertyDependencies>
+  <appMagic:insertMetadata>
+    <appMagic:category name="Input" priority="40" />
+    <appMagic:category name="ClassicControls" priority="40" />
+  </appMagic:insertMetadata>
+  <!-- Display metadata providing property visibility, order, sections, and grouping in UI (e.g. properties panel) -->
+  <appMagic:displayMetadata>
+    <appMagic:section>
+      <appMagic:property name="Items" serverProvidesValue="true" hasNameMaps="true" computedValueType="ItemsWithNameMaps" />
+      <appMagic:configureProperty propertyInvariantName="DependentItems" ruleToSet="Items" hasNameMaps="true" computedValueType="ItemsWithNameMaps" />
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:property name="Default" />
+      <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" />
+        <appMagic:property name="Fill" showInFloatie="true" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="SelectionColor">
+        <appMagic:property name="SelectionColor" />
+        <appMagic:property name="SelectionFill" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="ChevronColor">
+        <appMagic:property name="ChevronFill" />
+        <appMagic:property name="ChevronBackground" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Font" displayType="FontEnum" showInFloatie="true" />
+      <appMagic:property name="Size" labelOverride="##FontSize_Property##" showInFloatie="true" />
+      <appMagic:property name="FontWeight" displayType="EnumIcon" itemsOrder="Bold;Semibold;Normal;Lighter" />
+      <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:propertyGroup name="Border">
+        <appMagic:property name="BorderStyle" />
+        <appMagic:property name="BorderThickness" />
+        <appMagic:property name="BorderColor" />
+      </appMagic:propertyGroup>
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:propertyGroup name="DisabledColor">
+        <appMagic:property name="DisabledColor" />
+        <appMagic:property name="DisabledFill" />
+        <appMagic:property name="DisabledBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="ChevronDisabledFill" />
+      <appMagic:property name="ChevronDisabledBackground" />
+      <appMagic:propertyGroup name="HoverColor">
+        <appMagic:property name="HoverColor" />
+        <appMagic:property name="HoverFill" />
+        <appMagic:property name="HoverBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="ChevronHoverFill" />
+      <appMagic:property name="ChevronHoverBackground" />
+      <appMagic:propertyGroup name="PressedColor">
+        <appMagic:property name="PressedColor" />
+        <appMagic:property name="PressedFill" />
+        <appMagic:property name="PressedBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="TabIndex" />
+      <appMagic:property name="Tooltip" />
+    </appMagic:section>
+  </appMagic:displayMetadata>
+  <appMagic:conversion from="2.0.0" to="2.1.0">
+    <appMagic:conversionAction type="add" name="AllowUnsetValue" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.1.0" to="2.2.0">
+    <appMagic:conversionAction type="rename" name="Selected" newName="SelectedText" />
+    <appMagic:conversionAction type="add" name="Selected" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.2.0" to="2.2.1">
+    <appMagic:conversionAction type="rename" name="AllowUnsetValue" newName="AllowEmptySelection" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.2.1" to="2.2.2">
+    <!-- KO template changes for accessibility fixes -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.2.2" to="2.2.3">
+    <!-- KO template changes for undefined string fix -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.2.3" to="2.2.4">
+    <!-- Defined Items property as able to receive record errors -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.2.4" to="2.3.0">
+    <appMagic:conversionAction type="add" name="ContentLanguage" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.3.0" to="2.3.1">
+    <!-- KO template changes for fixing min height issue -->
+  </appMagic:conversion>
+</widget>
\ No newline at end of file
-- 
GitLab