Commit

fluentui/Entropy/AppCheckerResult.sarif

@@ -69,6 +69,36 @@
           "ruleId": "acc-TabOrderShouldBeChecked",
           "ruleIndex": 1
         },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Main.chatbox1.AccessibleLabel"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Main.chatbox1.AccessibleLabel",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "AccessibleLabel",
+                "module": "Main",
+                "type": "Main.chatbox1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-AccessibleLabelNeeded",
+          "ruleIndex": 0
+        },
         {
           "locations": [
             {
@@ -369,36 +399,6 @@
           "ruleId": "acc-AccessibleLabelNeeded",
           "ruleIndex": 0
         },
-        {
-          "locations": [
-            {
-              "logicalLocations": [
-                {
-                  "fullyQualifiedName": "Main.chatbox1.AccessibleLabel"
-                }
-              ],
-              "physicalLocation": {
-                "address": {
-                  "fullyQualifiedName": "Main.chatbox1.AccessibleLabel",
-                  "relativeAddress": 0
-                }
-              },
-              "properties": {
-                "member": "AccessibleLabel",
-                "module": "Main",
-                "type": "Main.chatbox1"
-              }
-            }
-          ],
-          "message": {
-            "id": "issue"
-          },
-          "properties": {
-            "level": "Medium"
-          },
-          "ruleId": "acc-AccessibleLabelNeeded",
-          "ruleIndex": 0
-        },
         {
           "locations": [
             {

fluentui/Entropy/Entropy.json

@@ -3,21 +3,22 @@
   "ControlUniqueGuids": {},
   "ControlUniqueIds": {
     "App": 1,
-    "chatbox1": 12,
-    "completionmode": 10,
+    "chatbox1": 7,
+    "completionmode": 11,
     "Dropdown1": 5,
-    "Eraser1": 9,
+    "Eraser1": 10,
     "Host": 3,
-    "Label7": 7,
+    "Label1": 14,
+    "Label7": 8,
     "Main": 4,
     "rbblogo": 6,
     "send1": 13,
-    "SendMail1": 8,
-    "textinput1": 11
+    "SendMail1": 9,
+    "textinput1": 12
   },
   "FunctionParamsInvariantScripts": {},
   "FunctionParamsInvariantScriptsOnInstances": {},
-  "HeaderLastSavedDateTimeUTC": "11/14/2023 15:55:35",
+  "HeaderLastSavedDateTimeUTC": "11/15/2023 09:58:38",
   "IsLegacyComponentAllowGlobalScopeCase": false,
   "LocalConnectionIDReferences": {
     "99352d8f-567f-4bcc-a2d7-87a89a789722": "\"/providers/microsoft.powerapps/apis/shared_logicflows/connections/38d6e5b5b5fa999a16ebdf0aa169572f-c1654a69e558fc9f\"",
@@ -28,7 +29,7 @@
     "rbb-logo": "c78fd8d6-7fd4-4a19-9148-12889f1d10c9.jpg"
   },
   "LocalResourceRootPaths": {
-    "rbb-logo": "https://docserverpwaprodweu.blob.core.windows.net/bef5880d-b26f-4cb9-b419-11579c7babe0-1/resource/Assets0Images0c78fd8d6-7fd4-4a19-9148-12889f1d10c9.jpg?skoid=58690ece-ec83-4ce2-9ce8-883d4d6a54ee&sktid=975f013f-7f24-47e8-a7d3-abc4752bf346&skt=2023-11-14T15%3A17%3A11Z&ske=2023-11-15T15%3A32%3A11Z&sks=b&skv=2021-12-02&sv=2021-12-02&spr=https&se=2023-11-15T15%3A32%3A11Z&sr=b&sp=r&sig=XWjkHPDk%2BknDMNYSd6uAToTcWb%2BBIYV0qhlRjksXvGQ%3D"
+    "rbb-logo": "https://docserverpwaprodweu.blob.core.windows.net/0c29099b-4e5d-4dc3-9d92-d2e7dd5a0eca-1/resource/Assets0Images0c78fd8d6-7fd4-4a19-9148-12889f1d10c9.jpg?skoid=58690ece-ec83-4ce2-9ce8-883d4d6a54ee&sktid=975f013f-7f24-47e8-a7d3-abc4752bf346&skt=2023-11-15T09%3A56%3A01Z&ske=2023-11-16T10%3A11%3A01Z&sks=b&skv=2021-12-02&sv=2021-12-02&spr=https&se=2023-11-16T10%3A11%3A01Z&sr=b&sp=r&sig=GMqswKxbOi1OcGyI7940OhawloUUmwLJ8NTnjaXieWE%3D"
   },
   "OldLogoFileName": "dbucp5e3.jpg",
   "OrderComponentMetadata": {},
@@ -43,11 +44,11 @@
   "OrderPcfTemplate": {},
   "OrderTemplate": {},
   "OrderXMLTemplate": {
-    "dropdown": 0,
+    "dropdown": 1,
     "icon": 4,
-    "image": 1,
-    "label": 3,
-    "text": 2,
+    "image": 2,
+    "label": 0,
+    "text": 3,
     "toggleSwitch": 5
   },
   "OverridablePropertiesEntry": {
@@ -57,6 +58,7 @@
     "Dropdown1": {},
     "Eraser1": {},
     "Host": {},
+    "Label1": {},
     "Label7": {},
     "Main": {},
     "rbblogo": {},
@@ -68,17 +70,18 @@
   "PCFTemplateEntry": {},
   "PublishOrderIndices": {
     "App": 0,
-    "chatbox1": 2,
-    "completionmode": 6,
-    "Dropdown1": 0,
-    "Eraser1": 5,
+    "chatbox1": 3,
+    "completionmode": 7,
+    "Dropdown1": 1,
+    "Eraser1": 6,
     "Host": 0,
-    "Label7": 3,
+    "Label1": 0,
+    "Label7": 4,
     "Main": 0,
-    "rbblogo": 1,
-    "send1": 8,
-    "SendMail1": 4,
-    "textinput1": 7
+    "rbblogo": 2,
+    "send1": 9,
+    "SendMail1": 5,
+    "textinput1": 8
   },
   "ResourcesJsonIndices": {
     "Image-rbb-logo": 1,
@@ -87,7 +90,7 @@
   "RuleScreenIdWithoutScreen": {},
   "TemplateVersions": {},
   "VolatileProperties": {
-    "AnalysisLoadTime": 0.1175323,
+    "AnalysisLoadTime": 0.0944784,
     "ControlCount": {
       "dropdown": 1,
       "icon": 3,
@@ -97,7 +100,7 @@
       "text": 2,
       "toggleSwitch": 1
     },
-    "DeserializationLoadTime": 0.8567659
+    "DeserializationLoadTime": 0.6480815
   },
   "WasLocalDatabaseReferencesEmpty": true
 }
\ No newline at end of file

fluentui/Entropy/checksum.json

@@ -4,35 +4,35 @@
     "IsLocalBuild": false
   },
   "ClientPerFileChecksums": {
-    "AppCheckerResult.sarif": "C8_pj0s4AHH7pUu2g+VMrTC8leHhSjFnag9VdPf73Vcax4=",
+    "AppCheckerResult.sarif": "C8_8VMww9DE2Iigo1lVsNR9xU6WUOmhaZhLVCKnr1UdlsI=",
     "Assets\\Images\\c78fd8d6-7fd4-4a19-9148-12889f1d10c9.jpg": "C8_Tc/HGdQ62xbtBm/41G1l7DIpMm/RT0cgmhtJyanyURs=",
     "Controls\\1.json": "C8_opQhFd7tQ3IkRABVgFFq82IYQKAFbJ5qy/GElyH/FyI=",
-    "Controls\\4.json": "C8_e/W9CNKZ74o6nIPf2Ugt7ri3FAmtt1XDPjz9YuYhjlU=",
-    "Header.json": "C8_ziWR9XXOZXUUlOqDyDqoehonZpd4zFcvC5C5iXnovL4=",
-    "Properties.json": "C8_aKWOeNVEvM7teiM4ikf8T/91llkZ+U+k5KZlbyt2uKk=",
+    "Controls\\4.json": "C8_B3ohM+wG/zyLSEC86Bu6A8OntiqLPG8TpCg8c78DQD0=",
+    "Header.json": "C8_HT73Cc5zEz//Xk6sMT6n8UckK0ftteJPgywMytCKYNo=",
+    "Properties.json": "C8_iSkzbmrBYw1jpjqvdQK0koHYhShp6h330tWLwjx9mvc=",
     "References\\DataSources.json": "C8_l4/JWdS5LzsAapgpFFlYHhNyBsBaeSUj2f88rHt3dog=",
     "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
-    "References\\Resources.json": "C8_B0BPpuvq+m3dAwP7ijJ/tTXnhuvkTixYStGFMwoxt8Y=",
-    "References\\Templates.json": "C8_AzmicLxRMwZS3q6fD4bAGyWv4pZVGVI0XKX0YOxIX6g=",
+    "References\\Resources.json": "C8_ZMadmDHaAR3VRg0pLWYHNNmrYdHvmrU2t3uXDrMWrwQ=",
+    "References\\Templates.json": "C8_rrzf56+otCbhyWgVRZNnjwR4pubZ5Wg4Bft87QbnPI4=",
     "References\\Themes.json": "C8_tsXtDVkT5pjhDU/pIa1ap3UW1Mua31Be8aPLGOt6H94=",
     "Resources\\dbucp5e3.jpg": "C8_2LEwJZMhrD5m6xki6L+aGapXwTRKzCree1HX8l46rss=",
     "Resources\\PublishInfo.json": "C8_bks7wnKsxkFad74B2uHcDqv0O4q9QcoIWSENafrbcDQ="
   },
-  "ClientStampedChecksum": "C8_FnNcuHPlRtex6exd8NMDNEDSgQxtH1UnaMjaaofdo6A=",
+  "ClientStampedChecksum": "C8_DkKkO5CNnldbzdvkbzx+4AauD6eEETiFzPr067yykHw=",
   "ServerPerFileChecksums": {
-    "AppCheckerResult.sarif": "C8_pj0s4AHH7pUu2g+VMrTC8leHhSjFnag9VdPf73Vcax4=",
+    "AppCheckerResult.sarif": "C8_8VMww9DE2Iigo1lVsNR9xU6WUOmhaZhLVCKnr1UdlsI=",
     "Assets\\Images\\c78fd8d6-7fd4-4a19-9148-12889f1d10c9.jpg": "C8_Tc/HGdQ62xbtBm/41G1l7DIpMm/RT0cgmhtJyanyURs=",
     "Controls\\1.json": "C8_opQhFd7tQ3IkRABVgFFq82IYQKAFbJ5qy/GElyH/FyI=",
-    "Controls\\4.json": "C8_e/W9CNKZ74o6nIPf2Ugt7ri3FAmtt1XDPjz9YuYhjlU=",
-    "Header.json": "C8_ziWR9XXOZXUUlOqDyDqoehonZpd4zFcvC5C5iXnovL4=",
-    "Properties.json": "C8_aKWOeNVEvM7teiM4ikf8T/91llkZ+U+k5KZlbyt2uKk=",
+    "Controls\\4.json": "C8_B3ohM+wG/zyLSEC86Bu6A8OntiqLPG8TpCg8c78DQD0=",
+    "Header.json": "C8_HT73Cc5zEz//Xk6sMT6n8UckK0ftteJPgywMytCKYNo=",
+    "Properties.json": "C8_iSkzbmrBYw1jpjqvdQK0koHYhShp6h330tWLwjx9mvc=",
     "References\\DataSources.json": "C8_l4/JWdS5LzsAapgpFFlYHhNyBsBaeSUj2f88rHt3dog=",
     "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
-    "References\\Resources.json": "C8_B0BPpuvq+m3dAwP7ijJ/tTXnhuvkTixYStGFMwoxt8Y=",
-    "References\\Templates.json": "C8_AzmicLxRMwZS3q6fD4bAGyWv4pZVGVI0XKX0YOxIX6g=",
+    "References\\Resources.json": "C8_ZMadmDHaAR3VRg0pLWYHNNmrYdHvmrU2t3uXDrMWrwQ=",
+    "References\\Templates.json": "C8_rrzf56+otCbhyWgVRZNnjwR4pubZ5Wg4Bft87QbnPI4=",
     "References\\Themes.json": "C8_tsXtDVkT5pjhDU/pIa1ap3UW1Mua31Be8aPLGOt6H94=",
     "Resources\\dbucp5e3.jpg": "C8_2LEwJZMhrD5m6xki6L+aGapXwTRKzCree1HX8l46rss=",
     "Resources\\PublishInfo.json": "C8_bks7wnKsxkFad74B2uHcDqv0O4q9QcoIWSENafrbcDQ="
   },
-  "ServerStampedChecksum": "C8_FnNcuHPlRtex6exd8NMDNEDSgQxtH1UnaMjaaofdo6A="
+  "ServerStampedChecksum": "C8_DkKkO5CNnldbzdvkbzx+4AauD6eEETiFzPr067yykHw="
 }
\ No newline at end of file

fluentui/Src/EditorState/Main.editorstate.json

@@ -205,7 +205,7 @@
       "LayoutName": "",
       "MetaDataIDKey": "",
       "Name": "chatbox1",
-      "ParentIndex": 2,
+      "ParentIndex": 3,
       "PersistMetaDataIDKey": false,
       "Properties": [
         {
@@ -543,7 +543,7 @@
       "LayoutName": "",
       "MetaDataIDKey": "",
       "Name": "completionmode",
-      "ParentIndex": 6,
+      "ParentIndex": 7,
       "PersistMetaDataIDKey": false,
       "Properties": [
         {
@@ -883,7 +883,7 @@
       "LayoutName": "",
       "MetaDataIDKey": "",
       "Name": "Dropdown1",
-      "ParentIndex": 0,
+      "ParentIndex": 1,
       "PersistMetaDataIDKey": false,
       "Properties": [
         {
@@ -1206,7 +1206,7 @@
       "LayoutName": "",
       "MetaDataIDKey": "",
       "Name": "Eraser1",
-      "ParentIndex": 5,
+      "ParentIndex": 6,
       "PersistMetaDataIDKey": false,
       "Properties": [
         {
@@ -1338,6 +1338,289 @@
       "StyleName": "defaultIconStyle",
       "Type": "ControlInfo"
     },
+    "Label1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Live",
+        "Overflow",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "\"Text\"",
+          "InvariantPropertyName": "Text",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Role",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "DisabledColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "PressedColor",
+        "HoverColor",
+        "BorderColor",
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        "BorderStyle",
+        "FocusedBorderColor",
+        "Fill",
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "Font",
+        "FontWeight",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Align",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "VerticalAlign",
+        "X",
+        "Y",
+        "Width",
+        "Height",
+        "DisplayMode",
+        "ZIndex",
+        "LineHeight",
+        "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": "Label1",
+      "ParentIndex": 0,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "PropertyName": "Live",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "Text",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "Role",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Overflow",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Color",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Font",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FontWeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Align",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "VerticalAlign",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LineHeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Size",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Italic",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Underline",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Strikethrough",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingTop",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingRight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingBottom",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingLeft",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultLabelStyle",
+      "Type": "ControlInfo"
+    },
     "Label7": {
       "AllowAccessToGlobals": true,
       "ControlPropertyState": [
@@ -1419,7 +1702,7 @@
       "LayoutName": "",
       "MetaDataIDKey": "",
       "Name": "Label7",
-      "ParentIndex": 3,
+      "ParentIndex": 4,
       "PersistMetaDataIDKey": false,
       "Properties": [
         {
@@ -1779,7 +2062,7 @@
       "LayoutName": "",
       "MetaDataIDKey": "",
       "Name": "rbblogo",
-      "ParentIndex": 1,
+      "ParentIndex": 2,
       "PersistMetaDataIDKey": false,
       "Properties": [
         {
@@ -2028,7 +2311,7 @@
       "LayoutName": "",
       "MetaDataIDKey": "",
       "Name": "send1",
-      "ParentIndex": 8,
+      "ParentIndex": 9,
       "PersistMetaDataIDKey": false,
       "Properties": [
         {
@@ -2265,7 +2548,7 @@
       "LayoutName": "",
       "MetaDataIDKey": "",
       "Name": "SendMail1",
-      "ParentIndex": 4,
+      "ParentIndex": 5,
       "PersistMetaDataIDKey": false,
       "Properties": [
         {
@@ -2595,7 +2878,7 @@
       "LayoutName": "",
       "MetaDataIDKey": "",
       "Name": "textinput1",
-      "ParentIndex": 7,
+      "ParentIndex": 8,
       "PersistMetaDataIDKey": false,
       "Properties": [
         {

fluentui/Src/Main.fx.yaml

@@ -236,3 +236,23 @@ Main As screen:
         Y: =97
         ZIndex: =16
 
+    Label1 As label:
+        Align: =Align.Center
+        BorderColor: =RGBA(0, 0, 0, 0)
+        BorderStyle: =BorderStyle.None
+        BorderThickness: =2
+        Color: =RGBA(255, 255, 255, 1)
+        DisabledBorderColor: =RGBA(0, 0, 0, 0)
+        DisabledColor: =RGBA(255, 255, 255, 1)
+        FocusedBorderThickness: =4
+        Font: =Font.'Segoe UI'
+        Height: =66
+        Size: =21
+        Text: |-
+            ="Ask
+            ChatGPT"
+        Width: =134
+        X: =29
+        Y: =12
+        ZIndex: =17
+