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