diff --git a/samples/colour-picker/README.md b/samples/colour-picker/README.md
index ba0f476f..24a4e6e2 100644
--- a/samples/colour-picker/README.md
+++ b/samples/colour-picker/README.md
@@ -48,7 +48,7 @@ None
### Using the solution zip
* [Download](./solution/colour-picker.zip) the `.zip` from the `solution` folder
-* Within **Power Apps Studio**, import the solution `.zip` file using **Solutions** > **Import Solution** and select the `.zip` file you just packed.
+* Within **Power Apps Studio**, import the solution `.zip` file using **Solutions** > **Import Solution** and select the `.zip` file you just downloaded.
### Using the source code
@@ -66,13 +66,17 @@ You can also use the [Power Apps CLI](https://docs.microsoft.com/powerapps/devel
### Use the component in your app
-Open the sample app and export the component, and import the component **cptcolour-picker** to your target app.
+Open your target app and click the **Get more components** icon from the **Insert** tab. On the **Import components** pane, select **cptColourPicker** from the **Colour Picker Component Library** and then click **Import** to import the component into your target app:
+
+![Component Import](assets/Import.png)
+
+Then select **cptColourPicker** from the **Library components** group on the **Insert** tab.
-Set the Rows to an odd number divisible by 3 (default is 9).
+Set the **Rows** property of the component instance to an odd number divisible by 3 (default is 9).
-Set the Default Colour property.
+Set the **Default Colour** property.
-Add logic to your app to retrieve the Chosen Colour property from the component instance.
+Add logic to your app to retrieve the **Chosen Colour** property from the component instance.
## Features
@@ -82,7 +86,7 @@ The items for the grid are records containing H (hue), S (saturation) and L (lig
As Power Apps works with RGB colours, the component contains some functions to convert between RGB and HSL colour formats.
-The rectangle in each gallery has its fill colour set using the function property "HSLtoRGB", and its helper function "HUE to RGB".
+The rectangle in each gallery has its fill colour set using the function property "HSLtoRGB", and its helper function "HUEtoRGB".
In addition, the component's Default Colour input property is an RGB colour which, when changed, triggers the OnReset action of the component, where it is converted to HSL by first extracting the R, G and B components by converting the colour to JSON and back to a text string, then using Mid and Hex2Dec to extract the values. These RGB values are then concerted to HSL using the "RGBtoHSL" function property.
diff --git a/samples/colour-picker/assets/Import.png b/samples/colour-picker/assets/Import.png
new file mode 100644
index 00000000..520a2cd4
Binary files /dev/null and b/samples/colour-picker/assets/Import.png differ
diff --git a/samples/colour-picker/solution/colour-picker.zip b/samples/colour-picker/solution/colour-picker.zip
index 36bd3956..fe63fb2f 100644
Binary files a/samples/colour-picker/solution/colour-picker.zip and b/samples/colour-picker/solution/colour-picker.zip differ
diff --git a/samples/colour-picker/sourcecode/ColourPicker/ColourPicker.cdsproj b/samples/colour-picker/sourcecode/ColourPicker/ColourPicker.cdsproj
index 2267d599..eb12d3b9 100644
--- a/samples/colour-picker/sourcecode/ColourPicker/ColourPicker.cdsproj
+++ b/samples/colour-picker/sourcecode/ColourPicker/ColourPicker.cdsproj
@@ -8,7 +8,7 @@
- 55d4ef7a-bef6-411e-b6ca-a5aad131fee1
+ 6f02b444-81f0-4aa1-a523-1d180f98d46d
v4.6.2
net462
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/CanvasManifest.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/CanvasManifest.json
index 4f413272..8d264e79 100644
--- a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/CanvasManifest.json
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/CanvasManifest.json
@@ -117,17 +117,17 @@
"DocumentType": "App",
"EnableInstrumentation": false,
"FileID": "1603aa01-57a7-482a-bb69-3a52fbe3b22b",
- "Id": "25a35d29-2a1f-4c71-8e23-b4e2aa691b45",
+ "Id": "8566777b-2f95-4a2d-ae05-f844c36ba9bc",
"InstrumentationKey": "",
"LocalDatabaseReferences": "",
"ManualOfflineProfileId": "",
- "Name": "ColourPickerComponent",
+ "Name": "Colour Picker Component Demo",
"OriginatingVersion": "1.343",
"ParserErrorCount": 0,
"ShowStatusBar": false
},
"PublishInfo": {
- "AppName": "ColourPickerComponent",
+ "AppName": "Colour Picker Component Demo",
"BackgroundColor": "rgba(0, 0, 0, 1)",
"IconColor": "RGBA(255,255,255,1)",
"IconName": "",
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Entropy/Entropy.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Entropy/Entropy.json
index 24e24ebb..1c6fcf72 100644
--- a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Entropy/Entropy.json
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Entropy/Entropy.json
@@ -6,31 +6,31 @@
"ControlUniqueGuids": {},
"ControlUniqueIds": {
"App": 1,
- "BottomContainer1": 21,
- "btnApplyColour": 23,
+ "BottomContainer1": 19,
+ "btnApplyColour": 21,
"cptColourPicker": 4,
- "cptColourPicker_1": 25,
+ "cptColourPicker_1": 23,
"galHue": 7,
"galleryTemplate2": 6,
"galleryTemplate2_1": 11,
"galleryTemplate3": 8,
"galLightness": 10,
"galSaturation": 5,
- "HeaderContainer1": 19,
+ "HeaderContainer1": 17,
"Host": 3,
- "Label1": 20,
- "lblColourChosen": 14,
- "LeftContainer1": 22,
- "recColourChosen": 15,
+ "Label1": 18,
+ "lblColourChosen": 13,
+ "LeftContainer1": 20,
+ "recColourChosen": 14,
"recColourChosenLightness": 12,
"recColourFixedLightness": 9,
- "RightContainer1": 24,
- "Screen1": 17,
- "ScreenContainer1": 18
+ "RightContainer1": 22,
+ "Screen1": 15,
+ "ScreenContainer1": 16
},
"FunctionParamsInvariantScripts": {},
"FunctionParamsInvariantScriptsOnInstances": {},
- "HeaderLastSavedDateTimeUTC": "10/25/2024 19:47:23",
+ "HeaderLastSavedDateTimeUTC": "10/29/2024 11:50:55",
"IsLegacyComponentAllowGlobalScopeCase": false,
"LocalConnectionIDReferences": {},
"LocalDatabaseReferencesAsEmpty": true,
@@ -112,18 +112,18 @@
"RuleScreenIdWithoutScreen": {},
"TemplateVersions": {},
"VolatileProperties": {
- "AnalysisLoadTime": 0.33726400000000001,
+ "AnalysisLoadTime": 0.32166489999999998,
"ControlCount": {
- "button": 2,
+ "button": 1,
"db45484147974c0d9070a2b8160b34e3": 2,
"gallery": 3,
"galleryTemplate": 3,
"groupContainer": 5,
- "label": 3,
+ "label": 2,
"rectangle": 3,
"screen": 1
},
- "DeserializationLoadTime": 2.0081340000000001
+ "DeserializationLoadTime": 1.2275107999999999
},
"WasLocalDatabaseReferencesEmpty": true
}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Entropy/checksum.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Entropy/checksum.json
index bcbf019f..e0cd1a5b 100644
--- a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Entropy/checksum.json
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Entropy/checksum.json
@@ -2,12 +2,12 @@
"ClientPerFileChecksums": {
".gitignore": "C8_VaC8EcEG56Ufcy1DFyC8Ky19iV9xSsXMDIAcmF2GTj8=",
"AppCheckerResult.sarif": "C8_YzT1sd1pIkgtCG4dPAAqMdHcIOK79FcEkseGWEDB2Ck=",
- "Components\\4.json": "C8_5XGdT+CKn5UynYtdYWXk1p6zKD+GP3F7N9mw3GZOsoU=",
+ "Components\\4.json": "C8_dNfvTsWxJsi+Y9vrdNvxpTEF/UqGWrASUJ5FaPwTDss=",
"ComponentsMetadata.json": "C8_tOUKqA5mC4bXXd2N7B7vNwP/KZfkAy4Ey6AO0bid+aw=",
"Controls\\1.json": "C8_oZeGrJGH83yuiaVBkTM9YQoDLiCeuZ2d+PQgT/nmPIc=",
- "Controls\\17.json": "C8_WQbsJrJJBujnkjYZeZwvp6sqoLz0L3QuD2Ps/2gRinY=",
- "Header.json": "C8_6DeTpQcAqt9s+xdp+flKpkN8LyNBt28RxDkxrXbE9u8=",
- "Properties.json": "C8_0X4st/uv17GD8dEGIFtGXrdd8f57XOLX7n/NwQdl8/Q=",
+ "Controls\\15.json": "C8_MymwXO49kcAmC9r+08x5m8/3TXUg1nlMnmB5Hk4Ztwg=",
+ "Header.json": "C8_uEhO7Ax6LHzkRFU3AwAjFDwWK6kTU+abMeFVBKCuYH8=",
+ "Properties.json": "C8_tLsohBY7ywHQ8xqAfnCeqrQw4FnLXQL1buc/zb0C6no=",
"References\\DataSources.json": "C8_bSi7CkSh6KfufXvbOlZaORyh3OOl6Cloq0BniqsHfY0=",
"References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
"References\\QualifiedValues.json": "C8_nNzpVbalIqls8XE4FEhUuM4ErWe2ll7ryxM2P3IqS34=",
@@ -15,18 +15,18 @@
"References\\Templates.json": "C8_CYipdxT4xXzUWYqpKy3txkkbhi8jWh0bE3ZthL9zvBo=",
"References\\Themes.json": "C8_DwkkMNV1j+tD94nbLPmC4Lq2wvPVfUT0BRPDe6aP2rM=",
"Resources\\ofic4ay3.jpg": "C8_AvD2zi1v4VIuHApK6bDfZP9LUuGii24IuzHKKnfeC1Q=",
- "Resources\\PublishInfo.json": "C8_w/Zlc+qSBTptF0Z3zsfn3QauStFSFRPvkE9Pbpntm5s="
+ "Resources\\PublishInfo.json": "C8_vQze6673EBEtUToLQYpnVt2wIn7jlNzkOvnovFCNuUg="
},
- "ClientStampedChecksum": "C8_BoKEjePxImbdtW2mCZvSjP8CWsjPAvLfUm2t8HP0580=",
+ "ClientStampedChecksum": "C8_v4SXgijjJdzO9x60oG4wDGzE9OTqnBn3whpKubEwkh8=",
"ServerPerFileChecksums": {
".gitignore": "C8_VaC8EcEG56Ufcy1DFyC8Ky19iV9xSsXMDIAcmF2GTj8=",
"AppCheckerResult.sarif": "C8_YzT1sd1pIkgtCG4dPAAqMdHcIOK79FcEkseGWEDB2Ck=",
- "Components\\4.json": "C8_5XGdT+CKn5UynYtdYWXk1p6zKD+GP3F7N9mw3GZOsoU=",
+ "Components\\4.json": "C8_dNfvTsWxJsi+Y9vrdNvxpTEF/UqGWrASUJ5FaPwTDss=",
"ComponentsMetadata.json": "C8_tOUKqA5mC4bXXd2N7B7vNwP/KZfkAy4Ey6AO0bid+aw=",
"Controls\\1.json": "C8_oZeGrJGH83yuiaVBkTM9YQoDLiCeuZ2d+PQgT/nmPIc=",
- "Controls\\17.json": "C8_WQbsJrJJBujnkjYZeZwvp6sqoLz0L3QuD2Ps/2gRinY=",
- "Header.json": "C8_6DeTpQcAqt9s+xdp+flKpkN8LyNBt28RxDkxrXbE9u8=",
- "Properties.json": "C8_0X4st/uv17GD8dEGIFtGXrdd8f57XOLX7n/NwQdl8/Q=",
+ "Controls\\15.json": "C8_MymwXO49kcAmC9r+08x5m8/3TXUg1nlMnmB5Hk4Ztwg=",
+ "Header.json": "C8_uEhO7Ax6LHzkRFU3AwAjFDwWK6kTU+abMeFVBKCuYH8=",
+ "Properties.json": "C8_tLsohBY7ywHQ8xqAfnCeqrQw4FnLXQL1buc/zb0C6no=",
"References\\DataSources.json": "C8_bSi7CkSh6KfufXvbOlZaORyh3OOl6Cloq0BniqsHfY0=",
"References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
"References\\QualifiedValues.json": "C8_nNzpVbalIqls8XE4FEhUuM4ErWe2ll7ryxM2P3IqS34=",
@@ -34,7 +34,7 @@
"References\\Templates.json": "C8_CYipdxT4xXzUWYqpKy3txkkbhi8jWh0bE3ZthL9zvBo=",
"References\\Themes.json": "C8_DwkkMNV1j+tD94nbLPmC4Lq2wvPVfUT0BRPDe6aP2rM=",
"Resources\\ofic4ay3.jpg": "C8_AvD2zi1v4VIuHApK6bDfZP9LUuGii24IuzHKKnfeC1Q=",
- "Resources\\PublishInfo.json": "C8_w/Zlc+qSBTptF0Z3zsfn3QauStFSFRPvkE9Pbpntm5s="
+ "Resources\\PublishInfo.json": "C8_vQze6673EBEtUToLQYpnVt2wIn7jlNzkOvnovFCNuUg="
},
- "ServerStampedChecksum": "C8_BoKEjePxImbdtW2mCZvSjP8CWsjPAvLfUm2t8HP0580="
+ "ServerStampedChecksum": "C8_v4SXgijjJdzO9x60oG4wDGzE9OTqnBn3whpKubEwkh8="
}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Src/Components/cptColourPicker.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Src/Components/cptColourPicker.json
index 0e97d006..b2836c47 100644
--- a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Src/Components/cptColourPicker.json
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Src/Components/cptColourPicker.json
@@ -1552,7 +1552,7 @@
"PaddingBottom",
"PaddingLeft"
],
- "ControlUniqueId": "14",
+ "ControlUniqueId": "13",
"HasDynamicProperties": false,
"Index": 0,
"IsAutoGenerated": false,
@@ -1890,7 +1890,7 @@
"NameMapSourceSchema": "?"
}
],
- "ControlUniqueId": "15",
+ "ControlUniqueId": "14",
"HasDynamicProperties": false,
"Index": 0,
"IsAutoGenerated": false,
@@ -2103,7 +2103,7 @@
"NameMapSourceSchema": "?"
}
],
- "LastModifiedTimestamp": "638654771325312288",
+ "LastModifiedTimestamp": "638657992539531453",
"Name": "cptColourPicker",
"Rules": [
{
@@ -2542,7 +2542,7 @@
"IsPcfControl": false,
"IsPremiumPcfControl": false,
"IsWidgetTemplate": false,
- "LastModifiedTimestamp": "638654771325312288",
+ "LastModifiedTimestamp": "638657992539531453",
"Name": "db45484147974c0d9070a2b8160b34e3",
"OverridableProperties": {},
"Version": "1.0"
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Src/Screen1.fx.yaml b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Src/Screen1.fx.yaml
index be1fa28d..f5e82f51 100644
--- a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Src/Screen1.fx.yaml
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponent_84b4f/Src/Screen1.fx.yaml
@@ -141,26 +141,6 @@ Screen1 As screen:
"Difference"
)
).Value
- OnReset: |-
- =Set(varDefaultColourRGB,With({ColourText:Text(ParseJSON(JSON(cptColourPicker_1.DefaultColour)))},{R:Hex2Dec(Mid(ColourText,2,2)),G:Hex2Dec(Mid(ColourText,4,2)),B:Hex2Dec(Mid(ColourText,6,2))}));
- Set(varDefaultColourHSL,cptColourPicker.RGBtoHSL(varDefaultColourRGB.R,varDefaultColourRGB.G,varDefaultColourRGB.B));
- Set(SL_Values,ForAll(Sequence(cptColourPicker_1.Rows,cptColourPicker_1.Rows,-1) As S,
- (S.Value-1)/(cptColourPicker_1.Rows-1)
- ));
- Set(H_Values,ForAll(Sequence(cptColourPicker_1.Rows,0) As H,
- H.Value/(cptColourPicker_1.Rows)
- ));
- Set(varSelected,
- {
- H:cptColourPicker.NearestNumber(H_Values,varDefaultColourHSL.H),
- S:cptColourPicker.NearestNumber(SL_Values,varDefaultColourHSL.S),
- L:0.5
- }
- );
- Set(varDefaultL,
- {Value:cptColourPicker.NearestNumber(SL_Values,varDefaultColourHSL.L)}
- );
- Set(varHasSelected,false);
RGBtoHSL: |-
=//Adapted to PowerFx from https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion
With({r1 : r/255, g1 : g/255, b1 : b/255},
@@ -175,5 +155,6 @@ Screen1 As screen:
}
)
)))
+ Rows: =15
X: =726
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Assets/logo.jpg b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Assets/logo.jpg
new file mode 100644
index 00000000..20949b3e
Binary files /dev/null and b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Assets/logo.jpg differ
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/CanvasManifest.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/CanvasManifest.json
new file mode 100644
index 00000000..bd701aa2
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/CanvasManifest.json
@@ -0,0 +1,143 @@
+{
+ "FormatVersion": "0.24",
+ "Header": {
+ "AnalysisOptions": {
+ "DataflowAnalysisEnabled": true,
+ "DataflowAnalysisFlagStateToggledByUser": false
+ },
+ "DocVersion": "1.343",
+ "MinVersionToLoad": "1.331",
+ "MSAppStructureVersion": "2.0"
+ },
+ "Properties": {
+ "AppCopilotSchemaName": null,
+ "AppCreationSource": "AppFromScratch",
+ "AppDescription": "A Component Library containing the Colour Picker component.",
+ "AppPreviewFlagsMap": {
+ "aibuilderserviceenrollment": false,
+ "allowmultiplescreensincanvaspages": false,
+ "appinsightserrortracing": false,
+ "appinstrumentationcorrelationtracing": false,
+ "autocreateenvironmentvariables": false,
+ "behaviorpropertyui": true,
+ "blockmovingcontrol": true,
+ "cdsdataformatting": false,
+ "classiccontrols": false,
+ "commentgeneratedformulasv2": true,
+ "consistentreturnschemafortabularfunctions": true,
+ "copyandmerge": false,
+ "dataflowanalysisenabled": true,
+ "datatablev2control": true,
+ "dataverseactionsenabled": true,
+ "delaycontrolrendering": true,
+ "delayloadscreens": true,
+ "disablebehaviorreturntypecheck": false,
+ "disablecdsfileandlargeimage": false,
+ "disableruntimepolicies": false,
+ "dynamicschema": false,
+ "enableappembeddingux": false,
+ "enablecanvasappruntimecopilot": true,
+ "enablecomponentnamemaps": false,
+ "enablecomponentscopeoldbehavior": false,
+ "enablecopilotanswercontrol": true,
+ "enablecopilotcontrol": true,
+ "enabledataverseoffline": false,
+ "enableeditcacherefreshfrequency": false,
+ "enableeditinmcs": true,
+ "enableexcelonlinebusinessv2connector": true,
+ "enableideaspanel": true,
+ "enablelegacybarcodescanner": false,
+ "enablelegacydatatable": false,
+ "enableonstart": true,
+ "enableonstartnavigate": false,
+ "enablepcfmoderndatasets": true,
+ "enablerowscopeonetonexpand": false,
+ "enablerpawarecomponentdependency": true,
+ "enablesaveloadcleardataonweb": true,
+ "enableupdateifdelegation": false,
+ "errorhandling": true,
+ "expandedsavedatasupport": true,
+ "exportimportcomponents2": true,
+ "externalmessage": false,
+ "fluentv9controls": false,
+ "fluentv9controlspreview": false,
+ "formuladataprefetch": true,
+ "formularepair": false,
+ "generatedebugpublishedapp": false,
+ "herocontrols": false,
+ "improvedtabstopbehavior": false,
+ "isemptyrequirestableargument": true,
+ "keeprecentscreensloaded": false,
+ "legacyformulabar": false,
+ "longlivingcache": false,
+ "mobilenativerendering": false,
+ "nativecdsexperimental": true,
+ "offlineprofilegenerationemitscolumns": false,
+ "onegrid": false,
+ "optimizedforteamsmeeting": false,
+ "packagemodernruntime": false,
+ "parallelcodegen": false,
+ "pdffunction": false,
+ "powerfxdecimal": false,
+ "powerfxv1": false,
+ "preferpayamlv3inux": false,
+ "primaryoutputpropertycoerciondeprecated": true,
+ "proactivecontrolrename": false,
+ "projectionmapping": true,
+ "reliableconcurrent": true,
+ "reservedkeywords": false,
+ "rtlinstudiopreview": false,
+ "rtlsupport": false,
+ "showclassicthemes": false,
+ "smartemaildatacard": false,
+ "supportcolumnnamesasidentifiers": true,
+ "tabledoesntwraprecords": true,
+ "usedisplaynamemetadata": true,
+ "useenforcesavedatalimits": true,
+ "useexperimentalcdsconnector": true,
+ "useexperimentalsqlconnector": true,
+ "useguiddatatypes": true,
+ "usenonblockingonstartrule": true,
+ "userdefinedfunctions": false,
+ "userdefinedtypes": false,
+ "webbarcodescanner": false,
+ "zeroalltabindexes": true
+ },
+ "Author": "",
+ "BindingErrorCount": 0,
+ "ContainsThirdPartyPcfControls": false,
+ "DefaultConnectedDataSourceMaxGetRowsCount": 500,
+ "DocumentAppType": "Phone",
+ "DocumentLayoutHeight": 1136,
+ "DocumentLayoutLockOrientation": false,
+ "DocumentLayoutMaintainAspectRatio": true,
+ "DocumentLayoutOrientation": "portrait",
+ "DocumentLayoutScaleToFit": true,
+ "DocumentLayoutWidth": 640,
+ "DocumentType": "ComponentLibrary",
+ "EnableInstrumentation": false,
+ "FileID": "0c99e1fd-6c1d-45cd-9291-378df9a68101",
+ "Id": "0c99e1fd-6c1d-45cd-9291-378df9a68101",
+ "InstrumentationKey": "",
+ "LocalDatabaseReferences": "",
+ "ManualOfflineProfileId": null,
+ "Name": "Colour Picker Component Library",
+ "OriginatingVersion": "1.343",
+ "ParserErrorCount": 0,
+ "ShowStatusBar": false
+ },
+ "PublishInfo": {
+ "AppName": "Colour Picker Component Library",
+ "BackgroundColor": "RGBA(251,101,60,1)",
+ "IconColor": "RGBA(255,255,255,1)",
+ "IconName": "",
+ "LogoFileName": "logo.jpg",
+ "PublishDataLocally": false,
+ "PublishResourcesLocally": false,
+ "PublishTarget": "player",
+ "UserLocale": "en-US"
+ },
+ "ScreenOrder": [
+ "Screen1"
+ ]
+}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/ComponentReferences.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/ComponentReferences.json
new file mode 100644
index 00000000..0637a088
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/ComponentReferences.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Connections/Connections.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Connections/Connections.json
new file mode 100644
index 00000000..9e26dfee
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Connections/Connections.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/ControlTemplates.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/ControlTemplates.json
new file mode 100644
index 00000000..b4c55b23
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/ControlTemplates.json
@@ -0,0 +1,111 @@
+{
+ "appinfo": {
+ "CustomGroupControlTemplateName": "",
+ "FirstParty": true,
+ "Id": "http://microsoft.com/appmagic/appinfo",
+ "IsComponentTemplate": false,
+ "IsCustomGroupControlTemplate": false,
+ "IsPcfControl": false,
+ "IsPremiumPcfControl": false,
+ "IsWidgetTemplate": false,
+ "LastModifiedTimestamp": "0",
+ "Name": "appinfo",
+ "OverridableProperties": {},
+ "Version": "1.0"
+ },
+ "gallery": {
+ "CustomGroupControlTemplateName": "",
+ "FirstParty": true,
+ "Id": "http://microsoft.com/appmagic/gallery",
+ "IsComponentTemplate": false,
+ "IsCustomGroupControlTemplate": false,
+ "IsPcfControl": false,
+ "IsPremiumPcfControl": false,
+ "IsWidgetTemplate": true,
+ "LastModifiedTimestamp": "0",
+ "Name": "gallery",
+ "OverridableProperties": {},
+ "Version": "2.15.0"
+ },
+ "galleryTemplate": {
+ "CustomGroupControlTemplateName": "",
+ "FirstParty": true,
+ "Id": "http://microsoft.com/appmagic/galleryTemplate",
+ "IsComponentTemplate": false,
+ "IsCustomGroupControlTemplate": false,
+ "IsPcfControl": false,
+ "IsPremiumPcfControl": false,
+ "IsWidgetTemplate": false,
+ "LastModifiedTimestamp": "0",
+ "Name": "galleryTemplate",
+ "OverridableProperties": {},
+ "Version": "1.0"
+ },
+ "groupContainer": {
+ "FirstParty": true,
+ "Id": "http://microsoft.com/appmagic/groupContainer",
+ "IsComponentTemplate": false,
+ "IsPcfControl": false,
+ "IsWidgetTemplate": false,
+ "LastModifiedTimestamp": "0",
+ "Name": "groupContainer",
+ "Version": "1.0"
+ },
+ "Host": {
+ "CustomGroupControlTemplateName": "",
+ "FirstParty": true,
+ "HostType": "Default",
+ "Id": "http://microsoft.com/appmagic/hostcontrol",
+ "IsComponentTemplate": false,
+ "IsCustomGroupControlTemplate": false,
+ "IsPcfControl": false,
+ "IsPremiumPcfControl": false,
+ "IsWidgetTemplate": false,
+ "LastModifiedTimestamp": "0",
+ "Name": "hostControl",
+ "OverridableProperties": {},
+ "Version": "1.6.0"
+ },
+ "label": {
+ "CustomGroupControlTemplateName": "",
+ "FirstParty": true,
+ "Id": "http://microsoft.com/appmagic/label",
+ "IsComponentTemplate": false,
+ "IsCustomGroupControlTemplate": false,
+ "IsPcfControl": false,
+ "IsPremiumPcfControl": false,
+ "IsWidgetTemplate": true,
+ "LastModifiedTimestamp": "0",
+ "Name": "label",
+ "OverridableProperties": {},
+ "Version": "2.5.1"
+ },
+ "rectangle": {
+ "CustomGroupControlTemplateName": "",
+ "FirstParty": true,
+ "Id": "http://microsoft.com/appmagic/shapes/rectangle",
+ "IsComponentTemplate": false,
+ "IsCustomGroupControlTemplate": false,
+ "IsPcfControl": false,
+ "IsPremiumPcfControl": false,
+ "IsWidgetTemplate": true,
+ "LastModifiedTimestamp": "0",
+ "Name": "rectangle",
+ "OverridableProperties": {},
+ "Version": "2.3.0"
+ },
+ "screen": {
+ "CustomGroupControlTemplateName": "",
+ "FirstParty": true,
+ "Id": "http://microsoft.com/appmagic/screen",
+ "IsComponentTemplate": false,
+ "IsCustomGroupControlTemplate": false,
+ "IsPcfControl": false,
+ "IsPremiumPcfControl": false,
+ "IsWidgetTemplate": false,
+ "LastModifiedTimestamp": "0",
+ "Name": "screen",
+ "OverridableProperties": {},
+ "Version": "1.0"
+ }
+}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/DataSources/CustomGallerySample.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/DataSources/CustomGallerySample.json
new file mode 100644
index 00000000..03563808
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/DataSources/CustomGallerySample.json
@@ -0,0 +1,17 @@
+[
+ {
+ "Data": "[{\"SampleHeading\":\"Lorem ipsum 1\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"},{\"SampleHeading\":\"Lorem ipsum 2\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Suspendisse enim metus, tincidunt quis lobortis a, fringilla dignissim neque.\"},{\"SampleHeading\":\"Lorem ipsum 3\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Ut pharetra a dolor ac vehicula.\"},{\"SampleHeading\":\"Lorem ipsum 4\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Vestibulum dui felis, fringilla nec mi sed, tristique dictum nisi.\"}]",
+ "IsSampleData": true,
+ "IsWritable": false,
+ "Name": "CustomGallerySample",
+ "OrderedColumnNames": [
+ "SampleImage",
+ "SampleHeading",
+ "SampleText"
+ ],
+ "OriginalName": "CustomGallerySample",
+ "OriginalSchema": "*[SampleHeading:s, SampleImage:i, SampleText:s]",
+ "Schema": "*[SampleHeading:s, SampleImage:i, SampleText:s]",
+ "Type": "StaticDataSourceInfo"
+ }
+]
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Entropy/AppCheckerResult.sarif b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Entropy/AppCheckerResult.sarif
new file mode 100644
index 00000000..2a4f989e
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Entropy/AppCheckerResult.sarif
@@ -0,0 +1,405 @@
+{
+ "$schema": "https://schemastore.azurewebsites.net/schemas/json/sarif-2.1.0-rtm.4.json",
+ "runs": [
+ {
+ "columnKind": "utf16CodeUnits",
+ "invocations": [
+ {
+ "executionSuccessful": true
+ }
+ ],
+ "results": [
+ {
+ "locations": [
+ {
+ "logicalLocations": [
+ {
+ "fullyQualifiedName": "Screen1"
+ }
+ ],
+ "physicalLocation": {
+ "address": {
+ "fullyQualifiedName": "Screen1",
+ "relativeAddress": 0
+ }
+ },
+ "properties": {
+ "module": "Screen1",
+ "type": "Screen1"
+ }
+ }
+ ],
+ "message": {
+ "id": "issue"
+ },
+ "properties": {
+ "level": "Low"
+ },
+ "ruleId": "acc-ReadableScreenNameNeeded",
+ "ruleIndex": 0
+ },
+ {
+ "locations": [
+ {
+ "logicalLocations": [
+ {
+ "fullyQualifiedName": "cptColourPicker.galSaturation.AccessibleLabel"
+ }
+ ],
+ "physicalLocation": {
+ "address": {
+ "fullyQualifiedName": "cptColourPicker.galSaturation.AccessibleLabel",
+ "relativeAddress": 0
+ }
+ },
+ "properties": {
+ "member": "AccessibleLabel",
+ "module": "cptColourPicker",
+ "type": "cptColourPicker.galSaturation"
+ }
+ }
+ ],
+ "message": {
+ "id": "issue"
+ },
+ "properties": {
+ "level": "Medium"
+ },
+ "ruleId": "acc-AccessibleLabelNeeded",
+ "ruleIndex": 1
+ },
+ {
+ "locations": [
+ {
+ "logicalLocations": [
+ {
+ "fullyQualifiedName": "cptColourPicker.galSaturation.TabIndex"
+ }
+ ],
+ "physicalLocation": {
+ "address": {
+ "fullyQualifiedName": "cptColourPicker.galSaturation.TabIndex",
+ "relativeAddress": 0
+ }
+ },
+ "properties": {
+ "member": "TabIndex",
+ "module": "cptColourPicker",
+ "type": "cptColourPicker.galSaturation"
+ }
+ }
+ ],
+ "message": {
+ "id": "issue"
+ },
+ "properties": {
+ "level": "Medium"
+ },
+ "ruleId": "acc-TabIndexShouldBeDefinedForInteractiveControl",
+ "ruleIndex": 2
+ },
+ {
+ "locations": [
+ {
+ "logicalLocations": [
+ {
+ "fullyQualifiedName": "cptColourPicker.galSaturation.galHue.AccessibleLabel"
+ }
+ ],
+ "physicalLocation": {
+ "address": {
+ "fullyQualifiedName": "cptColourPicker.galSaturation.galHue.AccessibleLabel",
+ "relativeAddress": 0
+ }
+ },
+ "properties": {
+ "member": "AccessibleLabel",
+ "module": "cptColourPicker",
+ "type": "cptColourPicker.galSaturation.galHue"
+ }
+ }
+ ],
+ "message": {
+ "id": "issue"
+ },
+ "properties": {
+ "level": "Medium"
+ },
+ "ruleId": "acc-AccessibleLabelNeeded",
+ "ruleIndex": 1
+ },
+ {
+ "locations": [
+ {
+ "logicalLocations": [
+ {
+ "fullyQualifiedName": "cptColourPicker.galSaturation.galHue.TabIndex"
+ }
+ ],
+ "physicalLocation": {
+ "address": {
+ "fullyQualifiedName": "cptColourPicker.galSaturation.galHue.TabIndex",
+ "relativeAddress": 0
+ }
+ },
+ "properties": {
+ "member": "TabIndex",
+ "module": "cptColourPicker",
+ "type": "cptColourPicker.galSaturation.galHue"
+ }
+ }
+ ],
+ "message": {
+ "id": "issue"
+ },
+ "properties": {
+ "level": "Medium"
+ },
+ "ruleId": "acc-TabIndexShouldBeDefinedForInteractiveControl",
+ "ruleIndex": 2
+ },
+ {
+ "locations": [
+ {
+ "logicalLocations": [
+ {
+ "fullyQualifiedName": "cptColourPicker.galSaturation.galHue.recColourFixedLightness.AccessibleLabel"
+ }
+ ],
+ "physicalLocation": {
+ "address": {
+ "fullyQualifiedName": "cptColourPicker.galSaturation.galHue.recColourFixedLightness.AccessibleLabel",
+ "relativeAddress": 0
+ }
+ },
+ "properties": {
+ "member": "AccessibleLabel",
+ "module": "cptColourPicker",
+ "type": "cptColourPicker.galSaturation.galHue.recColourFixedLightness"
+ }
+ }
+ ],
+ "message": {
+ "id": "issue"
+ },
+ "properties": {
+ "level": "Medium"
+ },
+ "ruleId": "acc-AccessibleLabelNeeded",
+ "ruleIndex": 1
+ },
+ {
+ "locations": [
+ {
+ "logicalLocations": [
+ {
+ "fullyQualifiedName": "cptColourPicker.galLightness.AccessibleLabel"
+ }
+ ],
+ "physicalLocation": {
+ "address": {
+ "fullyQualifiedName": "cptColourPicker.galLightness.AccessibleLabel",
+ "relativeAddress": 0
+ }
+ },
+ "properties": {
+ "member": "AccessibleLabel",
+ "module": "cptColourPicker",
+ "type": "cptColourPicker.galLightness"
+ }
+ }
+ ],
+ "message": {
+ "id": "issue"
+ },
+ "properties": {
+ "level": "Medium"
+ },
+ "ruleId": "acc-AccessibleLabelNeeded",
+ "ruleIndex": 1
+ },
+ {
+ "locations": [
+ {
+ "logicalLocations": [
+ {
+ "fullyQualifiedName": "cptColourPicker.galLightness.TabIndex"
+ }
+ ],
+ "physicalLocation": {
+ "address": {
+ "fullyQualifiedName": "cptColourPicker.galLightness.TabIndex",
+ "relativeAddress": 0
+ }
+ },
+ "properties": {
+ "member": "TabIndex",
+ "module": "cptColourPicker",
+ "type": "cptColourPicker.galLightness"
+ }
+ }
+ ],
+ "message": {
+ "id": "issue"
+ },
+ "properties": {
+ "level": "Medium"
+ },
+ "ruleId": "acc-TabIndexShouldBeDefinedForInteractiveControl",
+ "ruleIndex": 2
+ },
+ {
+ "locations": [
+ {
+ "logicalLocations": [
+ {
+ "fullyQualifiedName": "cptColourPicker.galLightness.recColourChosenLightness.AccessibleLabel"
+ }
+ ],
+ "physicalLocation": {
+ "address": {
+ "fullyQualifiedName": "cptColourPicker.galLightness.recColourChosenLightness.AccessibleLabel",
+ "relativeAddress": 0
+ }
+ },
+ "properties": {
+ "member": "AccessibleLabel",
+ "module": "cptColourPicker",
+ "type": "cptColourPicker.galLightness.recColourChosenLightness"
+ }
+ }
+ ],
+ "message": {
+ "id": "issue"
+ },
+ "properties": {
+ "level": "Medium"
+ },
+ "ruleId": "acc-AccessibleLabelNeeded",
+ "ruleIndex": 1
+ },
+ {
+ "locations": [
+ {
+ "logicalLocations": [
+ {
+ "fullyQualifiedName": "cptColourPicker.recColourChosen.AccessibleLabel"
+ }
+ ],
+ "physicalLocation": {
+ "address": {
+ "fullyQualifiedName": "cptColourPicker.recColourChosen.AccessibleLabel",
+ "relativeAddress": 0
+ }
+ },
+ "properties": {
+ "member": "AccessibleLabel",
+ "module": "cptColourPicker",
+ "type": "cptColourPicker.recColourChosen"
+ }
+ }
+ ],
+ "message": {
+ "id": "issue"
+ },
+ "properties": {
+ "level": "Medium"
+ },
+ "ruleId": "acc-AccessibleLabelNeeded",
+ "ruleIndex": 1
+ },
+ {
+ "locations": [
+ {
+ "logicalLocations": [
+ {
+ "fullyQualifiedName": "cptColourPicker.recColourChosen.TabIndex"
+ }
+ ],
+ "physicalLocation": {
+ "address": {
+ "fullyQualifiedName": "cptColourPicker.recColourChosen.TabIndex",
+ "relativeAddress": 0
+ }
+ },
+ "properties": {
+ "member": "TabIndex",
+ "module": "cptColourPicker",
+ "type": "cptColourPicker.recColourChosen"
+ }
+ }
+ ],
+ "message": {
+ "id": "issue"
+ },
+ "properties": {
+ "level": "Medium"
+ },
+ "ruleId": "acc-TabIndexShouldBeDefinedForInteractiveControl",
+ "ruleIndex": 2
+ }
+ ],
+ "tool": {
+ "driver": {
+ "fullName": "PowerApps app checker",
+ "name": "PowerApps app checker",
+ "rules": [
+ {
+ "id": "acc-ReadableScreenNameNeeded",
+ "messageStrings": {
+ "issue": {
+ "text": "Revise screen name"
+ }
+ },
+ "properties": {
+ "componentType": "app",
+ "howToFix": [
+ "Give the screen a title that describes what's on the screen or what it's used for."
+ ],
+ "level": "Low",
+ "primaryCategory": "accessibility",
+ "whyFix": "People who are blind, have low vision, or a reading disability rely on screen titles to navigate using the screen reader. "
+ }
+ },
+ {
+ "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": "acc-TabIndexShouldBeDefinedForInteractiveControl",
+ "messageStrings": {
+ "issue": {
+ "text": "Missing tab stop"
+ }
+ },
+ "properties": {
+ "componentType": "app",
+ "howToFix": [
+ "Set TabIndex to 0 or greater to ensure that interactive elements have a tab stop."
+ ],
+ "level": "Medium",
+ "primaryCategory": "accessibility",
+ "whyFix": "People who use the keyboard with your app will not be able to access this element without a tab stop."
+ }
+ }
+ ],
+ "version": "1.343"
+ }
+ }
+ }
+ ],
+ "version": "2.1.0"
+}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Entropy/Entropy.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Entropy/Entropy.json
new file mode 100644
index 00000000..657fc4dd
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Entropy/Entropy.json
@@ -0,0 +1,96 @@
+{
+ "ComponentIndexes": {
+ "cptColourPicker": 1
+ },
+ "ControlUniqueGuids": {},
+ "ControlUniqueIds": {
+ "App": 1,
+ "cptColourPicker": 6,
+ "galHue": 9,
+ "galleryTemplate2": 8,
+ "galleryTemplate2_1": 13,
+ "galleryTemplate3": 10,
+ "galLightness": 12,
+ "galSaturation": 7,
+ "Host": 3,
+ "lblColourChosen": 15,
+ "recColourChosen": 16,
+ "recColourChosenLightness": 14,
+ "recColourFixedLightness": 11,
+ "Screen1": 4
+ },
+ "FunctionParamsInvariantScripts": {},
+ "FunctionParamsInvariantScriptsOnInstances": {},
+ "HeaderLastSavedDateTimeUTC": "10/29/2024 11:49:44",
+ "IsLegacyComponentAllowGlobalScopeCase": false,
+ "LocalConnectionIDReferences": {},
+ "LocalDatabaseReferencesAsEmpty": true,
+ "LocalResourceFileNames": {},
+ "LocalResourceRootPaths": {},
+ "OldLogoFileName": "q13e3crj.jpg",
+ "OrderComponentMetadata": {
+ "323cb8addca0413b9cf5c3d4441050e7": 0
+ },
+ "OrderComponentTemplate": {
+ "323cb8addca0413b9cf5c3d4441050e7": 0
+ },
+ "OrderDataSource": {
+ "CustomGallerySample": 0
+ },
+ "OrderGroupControls": {},
+ "OrderPcfTemplate": {},
+ "OrderTemplate": {},
+ "OrderXMLTemplate": {
+ "gallery": 0,
+ "label": 2,
+ "rectangle": 1
+ },
+ "OverridablePropertiesEntry": {
+ "App": {},
+ "cptColourPicker": {},
+ "galHue": {},
+ "galleryTemplate2": {},
+ "galleryTemplate2_1": {},
+ "galleryTemplate3": {},
+ "galLightness": {},
+ "galSaturation": {},
+ "Host": {},
+ "lblColourChosen": {},
+ "recColourChosen": {},
+ "recColourChosenLightness": {},
+ "recColourFixedLightness": {},
+ "Screen1": {}
+ },
+ "PCFDynamicSchemaForIRRetrievalEntry": {},
+ "PCFTemplateEntry": {},
+ "PublishOrderIndices": {
+ "App": 0,
+ "cptColourPicker": 0,
+ "galHue": 2,
+ "galleryTemplate2": 1,
+ "galleryTemplate2_1": 6,
+ "galleryTemplate3": 3,
+ "galLightness": 5,
+ "galSaturation": 0,
+ "Host": 0,
+ "lblColourChosen": 8,
+ "recColourChosen": 9,
+ "recColourChosenLightness": 7,
+ "recColourFixedLightness": 4,
+ "Screen1": 0
+ },
+ "ResourcesJsonIndices": {},
+ "RuleScreenIdWithoutScreen": {},
+ "TemplateVersions": {},
+ "VolatileProperties": {
+ "AnalysisLoadTime": 0.090289599999999998,
+ "ControlCount": {
+ "323cb8addca0413b9cf5c3d4441050e7": 1,
+ "gallery": 3,
+ "galleryTemplate": 3,
+ "label": 1,
+ "rectangle": 3
+ }
+ },
+ "WasLocalDatabaseReferencesEmpty": true
+}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Entropy/checksum.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Entropy/checksum.json
new file mode 100644
index 00000000..74fc386c
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Entropy/checksum.json
@@ -0,0 +1,40 @@
+{
+ "ClientPerFileChecksums": {
+ ".gitignore": "C8_VaC8EcEG56Ufcy1DFyC8Ky19iV9xSsXMDIAcmF2GTj8=",
+ "AppCheckerResult.sarif": "C8_JtNsX5BySKJ+bnwYHRf+nmYUAT7ftrsU7A2oMLPAY7I=",
+ "Components\\6.json": "C8_2MtLob6RK8XDnpxNBjTtM3Wq2/Zja2U/IL5gGDH2nvY=",
+ "ComponentsMetadata.json": "C8_lM19Gj9Y+TwQeHQNhnAonKVbK0OKvKA0K1mig67jRA0=",
+ "Controls\\1.json": "C8_/PwNEU6dV00x9Xr4Yt93zX1EmsxAh36PVgOdFy9WD8g=",
+ "Controls\\4.json": "C8_+dfKOuDn6ypEk+q/Oezq6fIRz77MzjU4xENgrroSU8Y=",
+ "Header.json": "C8_rsvpBVijQX6Lx41OrQYBXLqDGUT++r6yadRFmmhB8kc=",
+ "Properties.json": "C8_9dcdTVfLa9b6igZPiLxXh2ZtjcbwvrqI8eNQ6iB8sqw=",
+ "References\\DataSources.json": "C8_bSi7CkSh6KfufXvbOlZaORyh3OOl6Cloq0BniqsHfY0=",
+ "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
+ "References\\NamedValues.json": "C8_n3o5fQBAOyw9AXemhVfQsXcPftdPNnUQF3C7+3HC7Bk=",
+ "References\\Resources.json": "C8_o8YVeUoBOQZMN+H7s7E9s1TDtWtrOeuiBA3wJXAjo2Y=",
+ "References\\Templates.json": "C8_Uy3XsRdRjh5iIypKQZOKinP1xTbpBN3CrxFunia8aTg=",
+ "References\\Themes.json": "C8_DwkkMNV1j+tD94nbLPmC4Lq2wvPVfUT0BRPDe6aP2rM=",
+ "Resources\\PublishInfo.json": "C8_LQzOXInGEQaag+5MT3ImgNAKnggL7HWfnXuwFHgZZ1s=",
+ "Resources\\q13e3crj.jpg": "C8_AvD2zi1v4VIuHApK6bDfZP9LUuGii24IuzHKKnfeC1Q="
+ },
+ "ClientStampedChecksum": "C8_KC4wyEPG8JGvkrqPjbfy34d/Pv17mp2O/ZnFtRLMyhs=",
+ "ServerPerFileChecksums": {
+ ".gitignore": "C8_VaC8EcEG56Ufcy1DFyC8Ky19iV9xSsXMDIAcmF2GTj8=",
+ "AppCheckerResult.sarif": "C8_JtNsX5BySKJ+bnwYHRf+nmYUAT7ftrsU7A2oMLPAY7I=",
+ "Components\\6.json": "C8_2MtLob6RK8XDnpxNBjTtM3Wq2/Zja2U/IL5gGDH2nvY=",
+ "ComponentsMetadata.json": "C8_lM19Gj9Y+TwQeHQNhnAonKVbK0OKvKA0K1mig67jRA0=",
+ "Controls\\1.json": "C8_/PwNEU6dV00x9Xr4Yt93zX1EmsxAh36PVgOdFy9WD8g=",
+ "Controls\\4.json": "C8_+dfKOuDn6ypEk+q/Oezq6fIRz77MzjU4xENgrroSU8Y=",
+ "Header.json": "C8_rsvpBVijQX6Lx41OrQYBXLqDGUT++r6yadRFmmhB8kc=",
+ "Properties.json": "C8_9dcdTVfLa9b6igZPiLxXh2ZtjcbwvrqI8eNQ6iB8sqw=",
+ "References\\DataSources.json": "C8_bSi7CkSh6KfufXvbOlZaORyh3OOl6Cloq0BniqsHfY0=",
+ "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
+ "References\\NamedValues.json": "C8_n3o5fQBAOyw9AXemhVfQsXcPftdPNnUQF3C7+3HC7Bk=",
+ "References\\Resources.json": "C8_o8YVeUoBOQZMN+H7s7E9s1TDtWtrOeuiBA3wJXAjo2Y=",
+ "References\\Templates.json": "C8_Uy3XsRdRjh5iIypKQZOKinP1xTbpBN3CrxFunia8aTg=",
+ "References\\Themes.json": "C8_DwkkMNV1j+tD94nbLPmC4Lq2wvPVfUT0BRPDe6aP2rM=",
+ "Resources\\PublishInfo.json": "C8_LQzOXInGEQaag+5MT3ImgNAKnggL7HWfnXuwFHgZZ1s=",
+ "Resources\\q13e3crj.jpg": "C8_AvD2zi1v4VIuHApK6bDfZP9LUuGii24IuzHKKnfeC1Q="
+ },
+ "ServerStampedChecksum": "C8_KC4wyEPG8JGvkrqPjbfy34d/Pv17mp2O/ZnFtRLMyhs="
+}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Other/.gitignore b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Other/.gitignore
new file mode 100644
index 00000000..6d99c528
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Other/.gitignore
@@ -0,0 +1,5 @@
+## MsApp specific overrides
+/[Cc]ontrols/
+/[Cc]hecksum.json
+/[Hh]eader.json
+/[Aa]pp[Cc]hecker[Rr]esult.sarif
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Other/References/ModernThemes.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Other/References/ModernThemes.json
new file mode 100644
index 00000000..b809c455
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Other/References/ModernThemes.json
@@ -0,0 +1,8 @@
+{
+ "Themes": [
+ {
+ "EntityName": "PowerAppsTheme",
+ "ThemeName": "PowerAppsTheme"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Other/References/NamedValues.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Other/References/NamedValues.json
new file mode 100644
index 00000000..c0e31a33
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Other/References/NamedValues.json
@@ -0,0 +1,24 @@
+{
+ "NamedValues": [
+ {
+ "Kind": "Page",
+ "Name": "Dataverse Actions Page",
+ "Value": "custompage:cat_dataverseactiondetailspage_eec36"
+ },
+ {
+ "Kind": "Page",
+ "Name": "Overview",
+ "Value": "custompage:cat_overview_3dbf5"
+ },
+ {
+ "Kind": "Page",
+ "Name": "Plugin Monitor",
+ "Value": "custompage:cat_plugintracelog_d12af"
+ },
+ {
+ "Kind": "Page",
+ "Name": "API Playground",
+ "Value": "custompage:cat_apiplayground_62f25"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/App.fx.yaml b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/App.fx.yaml
new file mode 100644
index 00000000..a8638f0c
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/App.fx.yaml
@@ -0,0 +1,11 @@
+App As appinfo:
+ BackEnabled: =true
+ Theme: =PowerAppsTheme
+
+ Host As hostControl.DefaultHostControlVariant:
+ OnCancel: =false
+ OnEdit: =false
+ OnNew: =false
+ OnSave: =false
+ OnView: =false
+
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/Components/cptColourPicker.fx.yaml b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/Components/cptColourPicker.fx.yaml
new file mode 100644
index 00000000..9f09cfd3
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/Components/cptColourPicker.fx.yaml
@@ -0,0 +1,224 @@
+cptColourPicker As CanvasComponent:
+ HSLtoRGB(h As Number, s As Number, l As Number):
+ h:
+ Default: =100
+ s:
+ Default: =100
+ l:
+ Default: =100
+ ThisProperty:
+ Default: |-
+ =//Adapted to PowerFx from https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion
+ If(
+ s = 0,
+ With({x:Round(l*255,0)},
+ {R:x,G:x,B:x,A:1}
+ ),
+ With({q: If(l < 0.5, l * (1 + s), l + s - l * s)},
+ With({p: 2 * l - q},
+ {
+ R:Round(cptColourPicker.HUEtoRGB(p, q, h + 1/3) * 255,0),
+ G:Round(cptColourPicker.HUEtoRGB(p, q, h) * 255,0),
+ B:Round(cptColourPicker.HUEtoRGB(p, q, h - 1/3) * 255,0),
+ A:1
+ }
+ )
+ )
+ )
+ HUEtoRGB(p As Number, q As Number, t As Number):
+ p:
+ Default: =100
+ q:
+ Default: =100
+ t:
+ Default: =100
+ ThisProperty:
+ Default: |-
+ =With({T:
+ If(
+ t < 0, t + 1,
+ t > 1, t - 1,
+ t
+ )},
+ If(
+ T < 1/6, p + (q - p) * 6 * T,
+ T < 1/2, q,
+ T < 2/3, p + (q - p) * (2/3 - T) * 6,
+ p
+ )
+ )
+ NearestNumber(NumberTable As Table, TargetNumber As Number):
+ NumberTable:
+ Default: =[1,2,3,4]
+ TargetNumber:
+ Default: =100
+ ThisProperty:
+ Default: |-
+ =First(
+ SortByColumns(
+ AddColumns(
+ NumberTable,
+ Difference,
+ Abs(ThisRecord.Value - TargetNumber)
+ ),
+ "Difference"
+ )
+ ).Value
+ RGBtoHSL(r As Number, g As Number, b As Number):
+ r:
+ Default: =100
+ g:
+ Default: =100
+ b:
+ Default: =100
+ ThisProperty:
+ Default: |-
+ =//Adapted to PowerFx from https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion
+ With({r1 : r/255, g1 : g/255, b1 : b/255},
+ With({vmax: Max(r1, g1, b1), vmin: Min(r1, g1, b1)},
+ With({a:(vmax + vmin) / 2, d: vmax-vmin},
+ If(vmax=vmin,
+ {H:0,S:0,L:a},
+ {
+ H:With({h1:If(vmax = r1,(g1 - b1) / d + (If(g1 < b1,6,0)),vmax = g1,(b1 - r1) / d + 2,vmax = b1,(r1 - g1) / d + 4)},h1/6),
+ S:If(a > 0.5, d/(2-vmax-vmin), d/(vmax+vmin)),
+ L:a
+ }
+ )
+ )))
+ ChosenColour: |-
+ =With({RGB:cptColourPicker.HSLtoRGB(varSelected.H,varSelected.S,galLightness.Selected.Value)},
+ RGBA(RGB.R,RGB.G,RGB.B,RGB.A)
+ )
+ ColourTable: |-
+ =ForAll(Sequence(cptColourPicker.Rows,cptColourPicker.Rows,-1) As S,
+ ForAll(Sequence(cptColourPicker.Rows,0) As H,
+ {
+ H:H.Value/(cptColourPicker.Rows),
+ S:(S.Value-1)/(cptColourPicker.Rows-1),
+ L:0.5
+ }
+ )
+ )
+ DefaultColour: =RGBA(100, 100, 100, 1)
+ Fill: =RGBA(0, 0, 0, 0)
+ Height: =640
+ OnReset: |-
+ =Set(varDefaultColourRGB,With({ColourText:Text(ParseJSON(JSON(cptColourPicker.DefaultColour)))},{R:Hex2Dec(Mid(ColourText,2,2)),G:Hex2Dec(Mid(ColourText,4,2)),B:Hex2Dec(Mid(ColourText,6,2))}));
+ Set(varDefaultColourHSL,cptColourPicker.RGBtoHSL(varDefaultColourRGB.R,varDefaultColourRGB.G,varDefaultColourRGB.B));
+ Set(SL_Values,ForAll(Sequence(cptColourPicker.Rows,cptColourPicker.Rows,-1) As S,
+ (S.Value-1)/(cptColourPicker.Rows-1)
+ ));
+ Set(H_Values,ForAll(Sequence(cptColourPicker.Rows,0) As H,
+ H.Value/(cptColourPicker.Rows)
+ ));
+ Set(varSelected,
+ {
+ H:cptColourPicker.NearestNumber(H_Values,varDefaultColourHSL.H),
+ S:cptColourPicker.NearestNumber(SL_Values,varDefaultColourHSL.S),
+ L:0.5
+ }
+ );
+ Set(varDefaultL,
+ {Value:cptColourPicker.NearestNumber(SL_Values,varDefaultColourHSL.L)}
+ );
+ Set(varHasSelected,false);
+ Rows: =9
+ Width: =640
+ X: =0
+ Y: =0
+ ZIndex: =1
+
+ galLightness As gallery.galleryVertical:
+ Default: |-
+ =If(varHasSelected,
+ Index(ShowColumns(Self.AllItems,Value),Round(Self.AllItemsCount/2,0)),
+ varDefaultL
+ )
+ DelayItemLoading: =true
+ Height: =RoundDown(Parent.Height*.9/cptColourPicker.Rows,0)*cptColourPicker.Rows
+ Items: |-
+ =ForAll(Sequence(cptColourPicker.Rows,cptColourPicker.Rows,-1),
+ (ThisRecord.Value-1)/(cptColourPicker.Rows-1)
+ )
+ Layout: =Layout.Vertical
+ LoadingSpinner: =LoadingSpinner.Data
+ ShowScrollbar: =false
+ TemplatePadding: =0
+ TemplateSize: =RoundDown(Self.Height/cptColourPicker.Rows,0)
+ Width: =Parent.Width*.1
+ X: =Parent.Width*0.9
+ ZIndex: =1
+
+ recColourChosenLightness As rectangle:
+ BorderColor: |-
+ =With({i:Min(255*(1.5-ThisItem.Value),255)},RGBA(i, i, i, 1))
+ BorderThickness: =RoundUp(If(ThisItem.IsSelected,Self.Width*0.2,0),0)
+ Fill: |-
+ =With({RGB:cptColourPicker.HSLtoRGB(varSelected.H,varSelected.S,ThisItem.Value)},
+ RGBA(RGB.R,RGB.G,RGB.B,RGB.A)
+ )
+ Height: =Parent.TemplateHeight
+ TabIndex: =0
+ Width: =Parent.Width
+ ZIndex: =1
+
+ galSaturation As gallery.galleryVertical:
+ Default: =LookUp(cptColourPicker.ColourTable,varSelected in ThisRecord.Value)
+ DelayItemLoading: =true
+ Height: =Parent.Height*.9
+ Items: =cptColourPicker.ColourTable
+ Layout: =Layout.Vertical
+ LoadingSpinner: =LoadingSpinner.Data
+ ShowScrollbar: =false
+ TemplatePadding: =0
+ TemplateSize: =RoundDown(Self.Height/cptColourPicker.Rows,0)
+ Width: =Parent.Width*.9
+ ZIndex: =2
+
+ galHue As gallery.galleryHorizontal:
+ Default: =varSelected
+ DelayItemLoading: =true
+ Height: =Parent.TemplateHeight
+ Items: =ThisItem.Value
+ LoadingSpinner: =LoadingSpinner.Data
+ ShowScrollbar: =false
+ TemplatePadding: =0
+ TemplateSize: =RoundDown(Self.Width/cptColourPicker.Rows,0)
+ Width: =Parent.Width
+ ZIndex: =1
+
+ recColourFixedLightness As rectangle:
+ BorderColor: =RGBA(255, 255, 255, 1)
+ BorderThickness: =RoundUp(If(ThisItem.H=varSelected.H&&ThisItem.S=varSelected.S,Self.Width*0.2,0),0)
+ Fill: |-
+ =With({RGB:cptColourPicker.HSLtoRGB(ThisItem.H,ThisItem.S,ThisItem.L)},
+ RGBA(RGB.R,RGB.G,RGB.B,RGB.A)
+ )
+ Height: =Parent.Height
+ OnSelect: =Set(varSelected,ThisItem);Set(varHasSelected,true);Reset(galLightness);
+ TabIndex: =0
+ Width: =Parent.TemplateWidth
+ ZIndex: =1
+
+ recColourChosen As rectangle:
+ Fill: =cptColourPicker.ChosenColour
+ Height: =Parent.Height*.1
+ Width: =Parent.Width*.5
+ X: =Parent.Width-Self.Width
+ Y: =Parent.Height-Self.Height
+ ZIndex: =3
+
+ lblColourChosen As label:
+ Align: =Align.Center
+ FontWeight: =FontWeight.Semibold
+ Height: =Parent.Height*.1
+ Size: =If(Self.Width<100,6,Self.Width<200,8,Self.Width<300,12,Self.Width<400,16,Self.Width<500,20,24)
+ Text: |-
+ =With({RGB:cptColourPicker.HSLtoRGB(varSelected.H,varSelected.S,galLightness.Selected.Value)},
+ $"R:{RGB.R} G:{RGB.G} B:{RGB.B}{Char(10)}#{Dec2Hex(RGB.R,2)}{Dec2Hex(RGB.G,2)}{Dec2Hex(RGB.B,2)}"
+ )
+ Width: =Parent.Width*.5
+ Y: =Parent.Height-Self.Height
+ ZIndex: =4
+
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/Components/cptColourPicker.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/Components/cptColourPicker.json
new file mode 100644
index 00000000..fe4df63d
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/Components/cptColourPicker.json
@@ -0,0 +1,287 @@
+{
+ "ComponentAllowCustomization": true,
+ "ComponentChangedSinceFileImport": false,
+ "ComponentManifest": {
+ "AllowAccessToGlobals": false,
+ "AllowCustomization": true,
+ "Description": "",
+ "Name": "cptColourPicker",
+ "TemplateGuid": "323cb8addca0413b9cf5c3d4441050e7"
+ },
+ "ComponentType": "CanvasComponent",
+ "CustomGroupControlTemplateName": "",
+ "CustomProperties": [
+ {
+ "Category": 0,
+ "DisplayName": "HSLtoRGB",
+ "Hidden": true,
+ "Name": "HSLtoRGB",
+ "PropertyDataTypeKey": "Record",
+ "PropertyScopeKey": {
+ "PropertyScopeRuleNamespaceKey": "6",
+ "PropertyScopeRulesKey": [
+ {
+ "DisplayName": "HSLtoRGB_h",
+ "Name": "HSLtoRGB_h",
+ "PropertyDataTypeKey": "Number",
+ "ScopeVariableInfo": {
+ "DependencyType": "New",
+ "Description": "h",
+ "IsRequired": true,
+ "ResolveExpands": false,
+ "ResolveSelects": false,
+ "ScopeVariableName": "h"
+ },
+ "Tooltip": "h",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ },
+ {
+ "DisplayName": "HSLtoRGB_s",
+ "Name": "HSLtoRGB_s",
+ "PropertyDataTypeKey": "Number",
+ "ScopeVariableInfo": {
+ "DependencyType": "New",
+ "Description": "s",
+ "IsRequired": true,
+ "ResolveExpands": false,
+ "ResolveSelects": false,
+ "ScopeVariableName": "s"
+ },
+ "Tooltip": "s",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ },
+ {
+ "DisplayName": "HSLtoRGB_l",
+ "Name": "HSLtoRGB_l",
+ "PropertyDataTypeKey": "Number",
+ "ScopeVariableInfo": {
+ "DependencyType": "New",
+ "Description": "l",
+ "IsRequired": true,
+ "ResolveExpands": false,
+ "ResolveSelects": false,
+ "ScopeVariableName": "l"
+ },
+ "Tooltip": "l",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ }
+ ]
+ },
+ "Tooltip": "Converts HSL to an RGB Colour.",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Record\",\"EnumString\":\"\",\"Type\":[{\"Name\":\"A\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]},{\"Name\":\"B\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]},{\"Name\":\"G\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]},{\"Name\":\"R\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}]}}"
+ },
+ {
+ "Category": 0,
+ "DisplayName": "HUEtoRGB",
+ "Hidden": true,
+ "Name": "HUEtoRGB",
+ "PropertyDataTypeKey": "Number",
+ "PropertyScopeKey": {
+ "PropertyScopeRuleNamespaceKey": "6",
+ "PropertyScopeRulesKey": [
+ {
+ "DisplayName": "HUEtoRGB_p",
+ "Name": "HUEtoRGB_p",
+ "PropertyDataTypeKey": "Number",
+ "ScopeVariableInfo": {
+ "DependencyType": "New",
+ "Description": "p",
+ "IsRequired": true,
+ "ResolveExpands": false,
+ "ResolveSelects": false,
+ "ScopeVariableName": "p"
+ },
+ "Tooltip": "p",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ },
+ {
+ "DisplayName": "HUEtoRGB_q",
+ "Name": "HUEtoRGB_q",
+ "PropertyDataTypeKey": "Number",
+ "ScopeVariableInfo": {
+ "DependencyType": "New",
+ "Description": "q",
+ "IsRequired": true,
+ "ResolveExpands": false,
+ "ResolveSelects": false,
+ "ScopeVariableName": "q"
+ },
+ "Tooltip": "q",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ },
+ {
+ "DisplayName": "HUEtoRGB_t",
+ "Name": "HUEtoRGB_t",
+ "PropertyDataTypeKey": "Number",
+ "ScopeVariableInfo": {
+ "DependencyType": "New",
+ "Description": "t",
+ "IsRequired": true,
+ "ResolveExpands": false,
+ "ResolveSelects": false,
+ "ScopeVariableName": "t"
+ },
+ "Tooltip": "t",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ }
+ ]
+ },
+ "Tooltip": "Helper function to convert hue to RGB.",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ },
+ {
+ "Category": 0,
+ "DisplayName": "ColourTable",
+ "Hidden": true,
+ "Name": "ColourTable",
+ "PropertyDataTypeKey": "Table",
+ "Tooltip": "A table of hue, saturation and lightness values.",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Table\",\"EnumString\":\"\",\"Type\":[{\"Name\":\"Value\",\"Kind\":\"Table\",\"EnumString\":\"\",\"Type\":[{\"Name\":\"H\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]},{\"Name\":\"L\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]},{\"Name\":\"S\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}]}]}}"
+ },
+ {
+ "Category": 0,
+ "DisplayName": "Rows",
+ "Hidden": false,
+ "IsResettable": true,
+ "Name": "Rows",
+ "PropertyDataTypeKey": "Number",
+ "Tooltip": "Rows/Columns in picker",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ },
+ {
+ "Category": 0,
+ "DisplayName": "Chosen Colour",
+ "Hidden": true,
+ "Name": "ChosenColour",
+ "PropertyDataTypeKey": "Color",
+ "Tooltip": "The currently selected colour in the colour picker component",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Color\",\"EnumString\":\"\",\"Type\":[]}}"
+ },
+ {
+ "Category": 0,
+ "DisplayName": "Default Colour",
+ "Hidden": false,
+ "IsResettable": true,
+ "Name": "DefaultColour",
+ "PropertyDataTypeKey": "Color",
+ "Tooltip": "The colour that the component will start on (or the closest available)",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Color\",\"EnumString\":\"\",\"Type\":[]}}"
+ },
+ {
+ "Category": 0,
+ "DisplayName": "RGBtoHSL",
+ "Hidden": true,
+ "Name": "RGBtoHSL",
+ "PropertyDataTypeKey": "Record",
+ "PropertyScopeKey": {
+ "PropertyScopeRuleNamespaceKey": "6",
+ "PropertyScopeRulesKey": [
+ {
+ "DisplayName": "RGBtoHSL_r",
+ "Name": "RGBtoHSL_r",
+ "PropertyDataTypeKey": "Number",
+ "ScopeVariableInfo": {
+ "DependencyType": "New",
+ "Description": "Red",
+ "IsRequired": true,
+ "ResolveExpands": false,
+ "ResolveSelects": false,
+ "ScopeVariableName": "r"
+ },
+ "Tooltip": "Red",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ },
+ {
+ "DisplayName": "RGBtoHSL_g",
+ "Name": "RGBtoHSL_g",
+ "PropertyDataTypeKey": "Number",
+ "ScopeVariableInfo": {
+ "DependencyType": "New",
+ "Description": "Green",
+ "IsRequired": true,
+ "ResolveExpands": false,
+ "ResolveSelects": false,
+ "ScopeVariableName": "g"
+ },
+ "Tooltip": "Green",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ },
+ {
+ "DisplayName": "RGBtoHSL_b",
+ "Name": "RGBtoHSL_b",
+ "PropertyDataTypeKey": "Number",
+ "ScopeVariableInfo": {
+ "DependencyType": "New",
+ "Description": "Blue",
+ "IsRequired": true,
+ "ResolveExpands": false,
+ "ResolveSelects": false,
+ "ScopeVariableName": "b"
+ },
+ "Tooltip": "Blue",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ }
+ ]
+ },
+ "Tooltip": "Converts RGB to an HSL Colour.",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Record\",\"EnumString\":\"\",\"Type\":[{\"Name\":\"H\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]},{\"Name\":\"L\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]},{\"Name\":\"S\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}]}}"
+ },
+ {
+ "Category": 0,
+ "DisplayName": "Nearest Number",
+ "Hidden": true,
+ "Name": "NearestNumber",
+ "PropertyDataTypeKey": "Number",
+ "PropertyScopeKey": {
+ "PropertyScopeRuleNamespaceKey": "6",
+ "PropertyScopeRulesKey": [
+ {
+ "DisplayName": "NearestNumber_NumberTable",
+ "Name": "NearestNumber_NumberTable",
+ "PropertyDataTypeKey": "Table",
+ "ScopeVariableInfo": {
+ "DependencyType": "New",
+ "Description": "NumberTable",
+ "IsRequired": true,
+ "ResolveExpands": false,
+ "ResolveSelects": false,
+ "ScopeVariableName": "NumberTable"
+ },
+ "Tooltip": "NumberTable",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Table\",\"EnumString\":\"\",\"Type\":[{\"Name\":\"Value\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}]}}"
+ },
+ {
+ "DisplayName": "NearestNumber_TargetNumber",
+ "Name": "NearestNumber_TargetNumber",
+ "PropertyDataTypeKey": "Number",
+ "ScopeVariableInfo": {
+ "DependencyType": "New",
+ "Description": "TargetNumber",
+ "IsRequired": true,
+ "ResolveExpands": false,
+ "ResolveSelects": false,
+ "ScopeVariableName": "TargetNumber"
+ },
+ "Tooltip": "TargetNumber",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ }
+ ]
+ },
+ "Tooltip": "Finds the nearest number in the number table to the target number",
+ "Type": "{\"Version\":\"1.343\",\"Type\":{\"Name\":\"Root\",\"Kind\":\"Number\",\"EnumString\":\"\",\"Type\":[]}}"
+ }
+ ],
+ "FirstParty": true,
+ "Id": "http://microsoft.com/appmagic/Component",
+ "IsComponentLocked": false,
+ "IsComponentTemplate": true,
+ "IsCustomGroupControlTemplate": false,
+ "IsPcfControl": false,
+ "IsPremiumPcfControl": false,
+ "IsWidgetTemplate": false,
+ "LastModifiedTimestamp": "638657993055087060",
+ "Name": "323cb8addca0413b9cf5c3d4441050e7",
+ "OverridableProperties": {},
+ "TemplateOriginalName": "db45484147974c0d9070a2b8160b34e3",
+ "Version": "1.0"
+}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/EditorState/App.editorstate.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/EditorState/App.editorstate.json
new file mode 100644
index 00000000..3d0c6b3c
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/EditorState/App.editorstate.json
@@ -0,0 +1,114 @@
+{
+ "ControlStates": {
+ "App": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ "MinScreenHeight",
+ "MinScreenWidth",
+ "ConfirmExit",
+ "SizeBreakpoints",
+ "BackEnabled",
+ "Theme"
+ ],
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": true,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "App",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 0,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Data",
+ "PropertyName": "ConfirmExit",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "BackEnabled",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "MinScreenHeight",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "MinScreenWidth",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Theme",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "ConstantData",
+ "PropertyName": "SizeBreakpoints",
+ "RuleProviderType": "Unknown"
+ }
+ ],
+ "StyleName": "",
+ "Type": "ControlInfo"
+ },
+ "Host": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ "OnNew",
+ "OnEdit",
+ "OnView",
+ "OnSave",
+ "OnCancel"
+ ],
+ "HasDynamicProperties": false,
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": true,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "Host",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 0,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Behavior",
+ "PropertyName": "OnNew",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Behavior",
+ "PropertyName": "OnEdit",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Behavior",
+ "PropertyName": "OnView",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Behavior",
+ "PropertyName": "OnSave",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Behavior",
+ "PropertyName": "OnCancel",
+ "RuleProviderType": "Unknown"
+ }
+ ],
+ "StyleName": "",
+ "Type": "ControlInfo"
+ }
+ },
+ "TopParentName": "App"
+}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/EditorState/Screen1.editorstate.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/EditorState/Screen1.editorstate.json
new file mode 100644
index 00000000..823274e5
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/EditorState/Screen1.editorstate.json
@@ -0,0 +1,74 @@
+{
+ "ControlStates": {
+ "Screen1": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ "Fill",
+ "ImagePosition",
+ "Height",
+ "Width",
+ "Size",
+ "Orientation",
+ "LoadingSpinner",
+ "LoadingSpinnerColor"
+ ],
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": false,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "Screen1",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 0,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Design",
+ "PropertyName": "Fill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "ImagePosition",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Height",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Width",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Size",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Orientation",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "LoadingSpinner",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "LoadingSpinnerColor",
+ "RuleProviderType": "Unknown"
+ }
+ ],
+ "StyleName": "defaultScreenStyle",
+ "Type": "ControlInfo"
+ }
+ },
+ "TopParentName": "Screen1"
+}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/EditorState/cptColourPicker.editorstate.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/EditorState/cptColourPicker.editorstate.json
new file mode 100644
index 00000000..89b50778
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/EditorState/cptColourPicker.editorstate.json
@@ -0,0 +1,1919 @@
+{
+ "ControlStates": {
+ "cptColourPicker": {
+ "AllowAccessToGlobals": false,
+ "ControlPropertyState": [
+ "Fill",
+ "Height",
+ "Width",
+ "X",
+ "Y",
+ "ZIndex",
+ "HSLtoRGB_h",
+ "HSLtoRGB_s",
+ "HSLtoRGB_l",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "If(\r\n s = 0,\r\n {R:l*255,G: l*255,B: l*255,A: 1}, // achromatic\r\n With(\r\n {\r\n q: If(l < 0.5, l * (1 + s), l + s - l * s)\r\n },\r\n With(\r\n {\r\n p: 2 * l - q\r\n },\r\n {\r\n R:Round(cptColourPicker.HUEtoRGB(p, q, h + 1/3) * 255,0),\r\n G:Round(cptColourPicker.HUEtoRGB(p, q, h) * 255,0),\r\n B:Round(cptColourPicker.HUEtoRGB(p, q, h - 1/3) * 255,0),\r\n A:1\r\n }\r\n )\r\n )\r\n)",
+ "InvariantPropertyName": "HSLtoRGB",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "With({T:\r\n If(\r\n t < 0, t + 1,\r\n t > 1, t - 1,\r\n t\r\n )},\r\n If(\r\n T < 1/6, p + (q - p) * 6 * T,\r\n T < 1/2, q,\r\n T < 2/3, p + (q - p) * (2/3 - T) * 6,\r\n p\r\n )\r\n)",
+ "InvariantPropertyName": "HUEtoRGB",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "HUEtoRGB_t",
+ "HUEtoRGB_q",
+ "HUEtoRGB_p",
+ "ColourTable",
+ "Rows",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "galLightness.Selected.recColour_2.Fill",
+ "InvariantPropertyName": "ChosenColour",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "DefaultColour",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "OnReset",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "Converts HSL to an RGB Colour.",
+ "InvariantPropertyName": "RGBtoHSL",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "RGBtoHSL_b",
+ "RGBtoHSL_g",
+ "RGBtoHSL_r",
+ "NearestNumber_TargetNumber",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "[Table({SampleStringField: \"SampleText\", SampleNumberField: 10, SampleBooleanField: true})]",
+ "InvariantPropertyName": "NearestNumber_NumberTable",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "First(\r\n SortByColumns(\r\n AddColumns(\r\n NumberTable,\r\n Difference,\r\n Abs(ThisRecord.SampleNumberField - TargetNumber)\r\n ),\r\n \"Difference\"\r\n )\r\n).SampleNumberField",
+ "InvariantPropertyName": "NearestNumber",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ }
+ ],
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": true,
+ "IsDataControl": false,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "cptColourPicker",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 0,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Data",
+ "PropertyName": "HSLtoRGB_h",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "HSLtoRGB_s",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "HSLtoRGB_l",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "HSLtoRGB",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "HUEtoRGB",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "HUEtoRGB_t",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "HUEtoRGB_q",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "HUEtoRGB_p",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "ColourTable",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "Rows",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "ChosenColour",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "DefaultColour",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "RGBtoHSL",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "RGBtoHSL_b",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "RGBtoHSL_g",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "RGBtoHSL_r",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "NearestNumber_TargetNumber",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "NearestNumber_NumberTable",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "NearestNumber",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Fill",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Height",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Width",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "X",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Y",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "ZIndex",
+ "RuleProviderType": "System"
+ },
+ {
+ "Category": "Behavior",
+ "PropertyName": "OnReset",
+ "RuleProviderType": "System"
+ }
+ ],
+ "StyleName": "",
+ "Type": "ControlInfo"
+ },
+ "galHue": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "CustomGallerySample",
+ "InvariantPropertyName": "Items",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "If(Self.Layout = Layout.Horizontal, Min(320, Self.Width - 60), Min(320, Self.Height - 60))",
+ "InvariantPropertyName": "TemplateSize",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "TemplatePadding",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "Layout",
+ "Transition",
+ "DelayItemLoading",
+ "LoadingSpinner",
+ "LoadingSpinnerColor",
+ "DisplayMode",
+ "BorderColor",
+ "DisabledBorderColor",
+ "PressedBorderColor",
+ "HoverBorderColor",
+ "BorderStyle",
+ "FocusedBorderColor",
+ "Fill",
+ "DisabledFill",
+ "PressedFill",
+ "HoverFill",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "X",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Y",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "640",
+ "InvariantPropertyName": "Width",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "575",
+ "InvariantPropertyName": "Height",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "ZIndex",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Default",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "ShowScrollbar",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ }
+ ],
+ "GalleryTemplateChildName": "galleryTemplate3",
+ "HasDynamicProperties": false,
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": false,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "galHue",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 1,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Data",
+ "PropertyName": "Items",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "Default",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisabledFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "TemplatePadding",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Layout",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Transition",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DelayItemLoading",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "LoadingSpinner",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "PressedBorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisplayMode",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "FocusedBorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisabledBorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "LoadingSpinnerColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderStyle",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "TemplateSize",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Fill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Width",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Height",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "HoverFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "X",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Y",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "HoverBorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "PressedFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "ZIndex",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "ShowScrollbar",
+ "RuleProviderType": "Unknown"
+ }
+ ],
+ "StyleName": "defaultGalleryStyle",
+ "Type": "ControlInfo"
+ },
+ "galleryTemplate2": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ "TemplateFill"
+ ],
+ "HasDynamicProperties": false,
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": true,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "galleryTemplate2",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 0,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Design",
+ "PropertyName": "TemplateFill",
+ "RuleProviderType": "Unknown"
+ }
+ ],
+ "StyleName": "",
+ "Type": "ControlInfo"
+ },
+ "galleryTemplate2_1": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ "TemplateFill"
+ ],
+ "HasDynamicProperties": false,
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": true,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "galleryTemplate2_1",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 0,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Design",
+ "PropertyName": "TemplateFill",
+ "RuleProviderType": "Unknown"
+ }
+ ],
+ "StyleName": "",
+ "Type": "ControlInfo"
+ },
+ "galleryTemplate3": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ "TemplateFill"
+ ],
+ "HasDynamicProperties": false,
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": true,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "galleryTemplate3",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 0,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Design",
+ "PropertyName": "TemplateFill",
+ "RuleProviderType": "Unknown"
+ }
+ ],
+ "StyleName": "",
+ "Type": "ControlInfo"
+ },
+ "galLightness": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "CustomGallerySample",
+ "InvariantPropertyName": "Items",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "WrapCount",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "If(Self.Layout = Layout.Horizontal, Min(280, Self.Width - 60), Min(280, Self.Height - 60))",
+ "InvariantPropertyName": "TemplateSize",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "TemplatePadding",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "Layout",
+ "Transition",
+ "DelayItemLoading",
+ "LoadingSpinner",
+ "LoadingSpinnerColor",
+ "DisplayMode",
+ "BorderColor",
+ "DisabledBorderColor",
+ "PressedBorderColor",
+ "HoverBorderColor",
+ "BorderStyle",
+ "FocusedBorderColor",
+ "Fill",
+ "DisabledFill",
+ "PressedFill",
+ "HoverFill",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "20",
+ "InvariantPropertyName": "X",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Y",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "640",
+ "InvariantPropertyName": "Width",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "575",
+ "InvariantPropertyName": "Height",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "ZIndex",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "ShowScrollbar",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Default",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ }
+ ],
+ "GalleryTemplateChildName": "galleryTemplate2_1",
+ "HasDynamicProperties": false,
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": false,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "galLightness",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 1,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Data",
+ "PropertyName": "Items",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "WrapCount",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "Default",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "HoverFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisabledBorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "TemplatePadding",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Layout",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Transition",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DelayItemLoading",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "LoadingSpinner",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisplayMode",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "FocusedBorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "LoadingSpinnerColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "TemplateSize",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderStyle",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "PressedFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Fill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "HoverBorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "PressedBorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisabledFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "X",
+ "RuleProviderType": "User"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Y",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Width",
+ "RuleProviderType": "User"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Height",
+ "RuleProviderType": "User"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "ZIndex",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "ShowScrollbar",
+ "RuleProviderType": "Unknown"
+ }
+ ],
+ "StyleName": "defaultGalleryStyle",
+ "Type": "ControlInfo"
+ },
+ "galSaturation": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "CustomGallerySample",
+ "InvariantPropertyName": "Items",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "WrapCount",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "If(Self.Layout = Layout.Horizontal, Min(280, Self.Width - 60), Min(280, Self.Height - 60))",
+ "InvariantPropertyName": "TemplateSize",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "TemplatePadding",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "Layout",
+ "Transition",
+ "DelayItemLoading",
+ "LoadingSpinner",
+ "LoadingSpinnerColor",
+ "DisplayMode",
+ "BorderColor",
+ "DisabledBorderColor",
+ "PressedBorderColor",
+ "HoverBorderColor",
+ "BorderStyle",
+ "FocusedBorderColor",
+ "Fill",
+ "DisabledFill",
+ "PressedFill",
+ "HoverFill",
+ "X",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Y",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "640",
+ "InvariantPropertyName": "Width",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "575",
+ "InvariantPropertyName": "Height",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "ZIndex",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "ShowScrollbar",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Default",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ }
+ ],
+ "GalleryTemplateChildName": "galleryTemplate2",
+ "HasDynamicProperties": false,
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": false,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "galSaturation",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 0,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Data",
+ "PropertyName": "Items",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "WrapCount",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Data",
+ "PropertyName": "Default",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "TemplateSize",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "TemplatePadding",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Layout",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Transition",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DelayItemLoading",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "LoadingSpinner",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "LoadingSpinnerColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisplayMode",
+ "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": "X",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Y",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Width",
+ "RuleProviderType": "User"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Height",
+ "RuleProviderType": "User"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "ZIndex",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "ShowScrollbar",
+ "RuleProviderType": "Unknown"
+ }
+ ],
+ "StyleName": "defaultGalleryStyle",
+ "Type": "ControlInfo"
+ },
+ "lblColourChosen": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ "Live",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Overflow",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "\"Text\"",
+ "InvariantPropertyName": "Text",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "Role",
+ "Color",
+ "DisabledColor",
+ "PressedColor",
+ "HoverColor",
+ "BorderColor",
+ "DisabledBorderColor",
+ "PressedBorderColor",
+ "HoverBorderColor",
+ "BorderStyle",
+ "FocusedBorderColor",
+ "Fill",
+ "DisabledFill",
+ "PressedFill",
+ "HoverFill",
+ "Font",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "FontWeight",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Align",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "VerticalAlign",
+ "X",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "576",
+ "InvariantPropertyName": "Y",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "253",
+ "InvariantPropertyName": "Width",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "40",
+ "InvariantPropertyName": "Height",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "DisplayMode",
+ "ZIndex",
+ "LineHeight",
+ "BorderThickness",
+ "FocusedBorderThickness",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Size",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "Italic",
+ "Underline",
+ "Strikethrough",
+ "PaddingTop",
+ "PaddingRight",
+ "PaddingBottom",
+ "PaddingLeft"
+ ],
+ "HasDynamicProperties": false,
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": false,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "lblColourChosen",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 2,
+ "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": "HoverColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "PressedColor",
+ "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": "Size",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Width",
+ "RuleProviderType": "User"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Height",
+ "RuleProviderType": "User"
+ },
+ {
+ "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": "Y",
+ "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"
+ },
+ "recColourChosen": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "RGBA(56, 96, 178, 1)",
+ "InvariantPropertyName": "Fill",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "DisabledFill",
+ "PressedFill",
+ "HoverFill",
+ "BorderColor",
+ "BorderStyle",
+ "FocusedBorderColor",
+ "DisplayMode",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "X",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Y",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "150",
+ "InvariantPropertyName": "Width",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "100",
+ "InvariantPropertyName": "Height",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "Select(Parent)",
+ "InvariantPropertyName": "OnSelect",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "ZIndex",
+ "BorderThickness",
+ "FocusedBorderThickness",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Visible",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ }
+ ],
+ "HasDynamicProperties": false,
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": false,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "recColourChosen",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 3,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Design",
+ "PropertyName": "Fill",
+ "RuleProviderType": "User"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Width",
+ "RuleProviderType": "User"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Height",
+ "RuleProviderType": "User"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "HoverFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderStyle",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Y",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisplayMode",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "PressedFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisabledFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "X",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "FocusedBorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "ZIndex",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderThickness",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "FocusedBorderThickness",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Visible",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Behavior",
+ "PropertyName": "OnSelect",
+ "RuleProviderType": "User"
+ }
+ ],
+ "StyleName": "defaultRectangleStyle",
+ "Type": "ControlInfo"
+ },
+ "recColourChosenLightness": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "RGBA(56, 96, 178, 1)",
+ "InvariantPropertyName": "Fill",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "DisabledFill",
+ "PressedFill",
+ "HoverFill",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "BorderColor",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "BorderStyle",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "FocusedBorderColor",
+ "DisplayMode",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "X",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Y",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "150",
+ "InvariantPropertyName": "Width",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "100",
+ "InvariantPropertyName": "Height",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "Select(Parent)",
+ "InvariantPropertyName": "OnSelect",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "ZIndex",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "0",
+ "InvariantPropertyName": "BorderThickness",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "FocusedBorderThickness",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "TabIndex",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ }
+ ],
+ "HasDynamicProperties": false,
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": false,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "recColourChosenLightness",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 1,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Design",
+ "PropertyName": "Fill",
+ "RuleProviderType": "User"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderThickness",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "HoverFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "PressedFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderColor",
+ "RuleProviderType": "User"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderStyle",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisplayMode",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "X",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Y",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Width",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisabledFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "ZIndex",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Height",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "FocusedBorderThickness",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "FocusedBorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "TabIndex",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Behavior",
+ "PropertyName": "OnSelect",
+ "RuleProviderType": "User"
+ }
+ ],
+ "StyleName": "defaultRectangleStyle",
+ "Type": "ControlInfo"
+ },
+ "recColourFixedLightness": {
+ "AllowAccessToGlobals": true,
+ "ControlPropertyState": [
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "RGBA(56, 96, 178, 1)",
+ "InvariantPropertyName": "Fill",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "DisabledFill",
+ "PressedFill",
+ "HoverFill",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "BorderColor",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "BorderStyle",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "FocusedBorderColor",
+ "DisplayMode",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "X",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "Y",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "150",
+ "InvariantPropertyName": "Width",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "100",
+ "InvariantPropertyName": "Height",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "Select(Parent)",
+ "InvariantPropertyName": "OnSelect",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "ZIndex",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "BorderThickness",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ },
+ "FocusedBorderThickness",
+ {
+ "AFDDataSourceName": "",
+ "AutoRuleBindingEnabled": false,
+ "AutoRuleBindingString": "",
+ "InvariantPropertyName": "TabIndex",
+ "IsLockable": false,
+ "NameMapSourceSchema": "?"
+ }
+ ],
+ "HasDynamicProperties": false,
+ "IsAutoGenerated": false,
+ "IsComponentDefinition": false,
+ "IsDataControl": false,
+ "IsFromScreenLayout": false,
+ "IsGroupControl": false,
+ "IsLocked": false,
+ "LayoutName": "",
+ "MetaDataIDKey": "",
+ "Name": "recColourFixedLightness",
+ "OptimizeForDevices": "Off",
+ "ParentIndex": 1,
+ "PersistMetaDataIDKey": false,
+ "Properties": [
+ {
+ "Category": "Design",
+ "PropertyName": "Fill",
+ "RuleProviderType": "User"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Height",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisabledFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "PressedFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderStyle",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "DisplayMode",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "X",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Y",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "FocusedBorderColor",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "HoverFill",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "ZIndex",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "BorderThickness",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "FocusedBorderThickness",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "Width",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Design",
+ "PropertyName": "TabIndex",
+ "RuleProviderType": "Unknown"
+ },
+ {
+ "Category": "Behavior",
+ "PropertyName": "OnSelect",
+ "RuleProviderType": "User"
+ }
+ ],
+ "StyleName": "defaultRectangleStyle",
+ "Type": "ControlInfo"
+ }
+ },
+ "TopParentName": "cptColourPicker"
+}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/Screen1.fx.yaml b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/Screen1.fx.yaml
new file mode 100644
index 00000000..ed5688b8
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/Screen1.fx.yaml
@@ -0,0 +1,2 @@
+Screen1 As screen:
+
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/Themes.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/Themes.json
new file mode 100644
index 00000000..5a6f4d5a
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/Src/Themes.json
@@ -0,0 +1,4986 @@
+{
+ "CurrentTheme": "defaultTheme",
+ "CustomThemes": [
+ {
+ "name": "defaultTheme",
+ "palette": [
+ {
+ "name": "ScreenBkgColor",
+ "type": "c",
+ "value": "%Color.RESERVED%.White"
+ },
+ {
+ "name": "InvertedBkgColor",
+ "type": "c",
+ "value": "RGBA(56, 96, 178, 1)"
+ },
+ {
+ "name": "PrimaryColor1",
+ "type": "c",
+ "value": "RGBA(56, 96, 178, 1)"
+ },
+ {
+ "name": "PrimaryColor2",
+ "type": "c",
+ "value": "RGBA(0, 18, 107, 1)"
+ },
+ {
+ "name": "PrimaryColor3",
+ "type": "c",
+ "value": "RGBA(186, 202, 226, 1)"
+ },
+ {
+ "name": "PrimaryColor1Light",
+ "type": "c",
+ "value": "RGBA(56, 96, 178, .2)"
+ },
+ {
+ "name": "PrimaryColor2Light",
+ "type": "c",
+ "value": "RGBA(0, 18, 107, .2)"
+ },
+ {
+ "name": "PrimaryColor3Light",
+ "type": "c",
+ "value": "RGBA(186, 202, 226, .2)"
+ },
+ {
+ "name": "PrimaryColor3Fade",
+ "type": "c",
+ "value": "ColorFade(RGBA(186, 202, 226, 1), 70%)"
+ },
+ {
+ "name": "Transparency",
+ "type": "c",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "name": "TextMainColor",
+ "type": "c",
+ "value": "RGBA(0, 0, 0, 1)"
+ },
+ {
+ "name": "TextMainColorInverted",
+ "type": "c",
+ "value": "RGBA(255, 255, 255, 1)"
+ },
+ {
+ "name": "TextLinkColor",
+ "type": "c",
+ "value": "RGBA(0, 134, 208, 1)"
+ },
+ {
+ "name": "TextFooterFontColor",
+ "type": "c",
+ "value": "RGBA(117, 117, 117, 1)"
+ },
+ {
+ "name": "InputBkgColor",
+ "type": "c",
+ "value": "RGBA(255, 255, 255, 1)"
+ },
+ {
+ "name": "InputTextColor",
+ "type": "c",
+ "value": "RGBA(0, 0, 0, 1)"
+ },
+ {
+ "name": "InputBorderColor",
+ "type": "c",
+ "value": "RGBA(0, 18, 107, 1)"
+ },
+ {
+ "name": "RailBkgColor",
+ "type": "c",
+ "value": "RGBA(128, 130, 133, 1)"
+ },
+ {
+ "name": "HandleBkgColor",
+ "type": "c",
+ "value": "RGBA(255, 255, 255, 1)"
+ },
+ {
+ "name": "InnerCircleBkgColor",
+ "type": "c",
+ "value": "RGBA(255, 255, 255, 1)"
+ },
+ {
+ "name": "DisabledBorderColor",
+ "type": "c",
+ "value": "RGBA(166, 166, 166, 1)"
+ },
+ {
+ "name": "DisabledTextMainColor",
+ "type": "c",
+ "value": "RGBA(166, 166, 166, 1)"
+ },
+ {
+ "name": "DisabledInputBkgColor",
+ "type": "c",
+ "value": "RGBA(244, 244, 244, 1)"
+ },
+ {
+ "name": "DisabledButtonBkgColor",
+ "type": "c",
+ "value": "RGBA(244, 244, 244, 1)"
+ },
+ {
+ "name": "HoverButtonBkgColor",
+ "type": "c",
+ "value": "ColorFade(RGBA(56, 96, 178, 1), -20%)"
+ },
+ {
+ "name": "HoverCancelButtonBkgColor",
+ "type": "c",
+ "value": "ColorFade(RGBA(62, 96, 170, 1), 20%)"
+ },
+ {
+ "name": "HoverInputBkgColor",
+ "type": "c",
+ "value": "RGBA(186, 202, 226, 1)"
+ },
+ {
+ "name": "OverlayBkgColor",
+ "type": "c",
+ "value": "RGBA(0, 0, 0, 0.4)"
+ },
+ {
+ "name": "ReservedInfoColor",
+ "type": "c",
+ "value": "RGBA(0, 134, 208, 1)"
+ },
+ {
+ "name": "ReservedSuccessColor",
+ "type": "c",
+ "value": "RGBA(141, 198, 63, 1)"
+ },
+ {
+ "name": "ReservedWarningColor",
+ "type": "c",
+ "value": "RGBA(252, 219, 2, 1)"
+ },
+ {
+ "name": "ReservedErrorColor",
+ "type": "c",
+ "value": "RGBA(246, 88, 16, 1)"
+ },
+ {
+ "name": "ReservedCriticalErrorColor",
+ "type": "c",
+ "value": "RGBA(168, 0, 0, 1)"
+ },
+ {
+ "name": "ReservedDisabledStatusColor",
+ "type": "c",
+ "value": "RGBA(193, 193, 193, 1)"
+ },
+ {
+ "name": "ReservedWhiteColor",
+ "type": "c",
+ "value": "RGBA(255, 255, 255, 1)"
+ },
+ {
+ "name": "ReservedGrayColor",
+ "type": "c",
+ "value": "RGBA(240, 240, 240, 1)"
+ },
+ {
+ "name": "ReservedBlackColor",
+ "type": "c",
+ "value": "RGBA(47, 41, 43, 1)"
+ },
+ {
+ "name": "ReservedChartColorSet",
+ "type": "![]",
+ "value": "[RGBA(49, 130, 93, 1),RGBA(48,166,103, 1), RGBA(94,193,108,1), RGBA(246,199,144,1), RGBA(247,199,114,1), RGBA(247,180,91,1), RGBA(246,143,100,1), RGBA(212,96,104,1), RGBA(148, 110, 176, 1), RGBA(118, 154, 204, 1), RGBA(96, 197, 234, 1)]"
+ },
+ {
+ "name": "TextBodyFontWeight",
+ "type": "e",
+ "value": "%FontWeight.RESERVED%.Normal"
+ },
+ {
+ "name": "TextEmphasisFontWeight",
+ "type": "e",
+ "value": "%FontWeight.RESERVED%.Semibold"
+ },
+ {
+ "name": "TextBodyFontFace",
+ "type": "e",
+ "value": "%Font.RESERVED%.'Open Sans'"
+ },
+ {
+ "name": "InputBorderThickness",
+ "type": "n",
+ "value": "2"
+ },
+ {
+ "name": "InputFocusedBorderThickness",
+ "type": "n",
+ "value": "4"
+ },
+ {
+ "name": "TextHeaderFontSize",
+ "phoneValue": "27",
+ "type": "n",
+ "value": "18"
+ },
+ {
+ "name": "TextTitleFontSize",
+ "type": "n",
+ "value": "20"
+ },
+ {
+ "name": "TextSubtitleFontSize",
+ "type": "n",
+ "value": "18"
+ },
+ {
+ "name": "TextContentFontSize",
+ "type": "n",
+ "value": "16"
+ },
+ {
+ "name": "TextTitleFontSize_galleryLayouts_ver5",
+ "type": "n",
+ "value": "14"
+ },
+ {
+ "name": "TextSubtitleFontSize_galleryLayouts_ver5",
+ "type": "n",
+ "value": "12"
+ },
+ {
+ "name": "TextContentFontSize_galleryLayouts_ver5",
+ "type": "n",
+ "value": "12"
+ },
+ {
+ "name": "DividerColor2020",
+ "type": "c",
+ "value": "RGBA(255, 255, 255, 1)"
+ },
+ {
+ "name": "TextTitleColor_galleryLayouts_ver5",
+ "type": "c",
+ "value": "RGBA(50, 49, 48, 1)"
+ },
+ {
+ "name": "TableNameLabelPadding_copilotAppSinglePage",
+ "type": "n",
+ "value": "16"
+ },
+ {
+ "name": "SearchContainerFill_copilotAppPage",
+ "type": "c",
+ "value": "RGBA(245, 245, 245, 1)"
+ },
+ {
+ "name": "ContainerRadius",
+ "type": "n",
+ "value": "4"
+ },
+ {
+ "name": "TextHeaderFontSize2020",
+ "type": "n",
+ "value": "16"
+ },
+ {
+ "name": "TextEmphasisFontSize",
+ "phoneValue": "24",
+ "type": "n",
+ "value": "15"
+ },
+ {
+ "name": "TextBodyFontSize",
+ "phoneValue": "21",
+ "type": "n",
+ "value": "13"
+ },
+ {
+ "name": "TextFooterFontSize",
+ "phoneValue": "18",
+ "type": "n",
+ "value": "11"
+ },
+ {
+ "name": "TextMiniFontSize",
+ "phoneValue": "15",
+ "type": "n",
+ "value": "9"
+ },
+ {
+ "name": "IconFillColorInverted",
+ "type": "c",
+ "value": "RGBA(255, 255, 255, 1)"
+ },
+ {
+ "name": "IconPressedFillColorInverted",
+ "type": "c",
+ "value": "RGBA(255, 255, 255, 0.3)"
+ },
+ {
+ "name": "DatePickerSelectedColor",
+ "type": "c",
+ "value": "RGBA(37, 70, 148, 1)"
+ },
+ {
+ "name": "DatePickerHeaderColor",
+ "type": "c",
+ "value": "RGBA(68, 97, 165, 1)"
+ },
+ {
+ "name": "NoAttachmentPaddingLeft",
+ "phoneValue": "20",
+ "type": "n",
+ "value": "12"
+ },
+ {
+ "name": "DefaultSize",
+ "phoneValue": "24",
+ "type": "n",
+ "value": "14"
+ },
+ {
+ "name": "DefaultSize2",
+ "type": "n",
+ "value": "13"
+ },
+ {
+ "name": "DropTargetBorderColor",
+ "type": "c",
+ "value": "RGBA(0, 0, 0, 1)"
+ },
+ {
+ "name": "DropTargetBackgroundColor",
+ "type": "c",
+ "value": "RGBA(255, 255, 255, 0.8)"
+ },
+ {
+ "name": "DropTargetTextColor",
+ "type": "c",
+ "value": "RGBA(0, 0, 0, 1)"
+ },
+ {
+ "name": "DropTargetBorderThickness",
+ "type": "n",
+ "value": "2"
+ }
+ ],
+ "styles": [
+ {
+ "controlTemplateName": "screen",
+ "name": "defaultScreenStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.ScreenBkgColor%"
+ },
+ {
+ "property": "LoadingSpinnerColor",
+ "value": "%Palette.PrimaryColor1%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "defaultLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "LineHeight",
+ "value": "1.2"
+ },
+ {
+ "property": "Overflow",
+ "value": "%Overflow.RESERVED%.Hidden"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "RGBA(56, 56, 56, 1)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "Fill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "Underline",
+ "value": "false"
+ },
+ {
+ "property": "Strikethrough",
+ "value": "false"
+ },
+ {
+ "property": "PaddingTop",
+ "value": "5"
+ },
+ {
+ "property": "PaddingRight",
+ "value": "5"
+ },
+ {
+ "property": "PaddingBottom",
+ "value": "5"
+ },
+ {
+ "property": "PaddingLeft",
+ "value": "5"
+ },
+ {
+ "property": "VerticalAlign",
+ "value": "%VerticalAlign.RESERVED%.Middle"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "basicNoSizeLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "basicNoSizeInvertedBkgLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "basicNoSizeWeightColorLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "invertedBkgHeaderLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextHeaderFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "invertedBkgTitleLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextTitleFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "linkLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextLinkColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "headerLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextHeaderFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "subHeaderLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "titleLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextTitleFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "overlayTitleLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextTitleFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "subtitleLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextSubtitleFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "overlaySubtitleLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextSubtitleFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "contentLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextContentFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "titleLabelStyle_galleryLayouts_ver5",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextTitleColor_galleryLayouts_ver5%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextTitleFontSize_galleryLayouts_ver5%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "subtitleLabelStyle_galleryLayouts_ver5",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextSubtitleFontSize_galleryLayouts_ver5%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "contentLabelStyle_galleryLayouts_ver5",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextContentFontSize_galleryLayouts_ver5%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "rectangle",
+ "name": "dividerStyle2020",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.DividerColor2020%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "tableNameLabelStyle_copilotAppSinglePage",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.ReservedWhiteColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "PaddingLeft",
+ "value": "%Palette.TableNameLabelPadding_copilotAppSinglePage%"
+ },
+ {
+ "property": "PaddingRight",
+ "value": "%Palette.TableNameLabelPadding_copilotAppSinglePage%"
+ },
+ {
+ "property": "PaddingTop",
+ "value": "%Palette.TableNameLabelPadding_copilotAppSinglePage%"
+ },
+ {
+ "property": "PaddingBottom",
+ "value": "%Palette.TableNameLabelPadding_copilotAppSinglePage%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "groupContainer",
+ "name": "containerStyle_copilotAppPage",
+ "propertyValuesMap": [
+ {
+ "property": "DropShadow",
+ "value": "%DropShadow.RESERVED%.None"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "groupContainer",
+ "name": "searchContainerStyle_copilotAppPage",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.SearchContainerFill_copilotAppPage%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "text",
+ "name": "searchInputStyle_copilotAppPage",
+ "propertyValuesMap": [
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.None"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.Transparency%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.Transparency%"
+ },
+ {
+ "property": "PressedFill",
+ "value": "%Palette.Transparency%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "icon",
+ "name": "searchIconStyle_copilotAppPage",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.Transparency%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "icon",
+ "name": "headerIconStyle_copilotAppSinglePage",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.ReservedWhiteColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "accentLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "LineHeight",
+ "value": "1.2"
+ },
+ {
+ "property": "Overflow",
+ "value": "%Overflow.RESERVED%.Hidden"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "RGBA(56, 56, 56, 1)"
+ },
+ {
+ "property": "BorderColor",
+ "value": "RGBA(0, 0, 0, 1)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "Fill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "Underline",
+ "value": "false"
+ },
+ {
+ "property": "Strikethrough",
+ "value": "false"
+ },
+ {
+ "property": "PaddingTop",
+ "value": "5"
+ },
+ {
+ "property": "PaddingRight",
+ "value": "5"
+ },
+ {
+ "property": "PaddingBottom",
+ "value": "5"
+ },
+ {
+ "property": "PaddingLeft",
+ "value": "5"
+ },
+ {
+ "property": "VerticalAlign",
+ "value": "%VerticalAlign.RESERVED%.Middle"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "pickerEmphasisLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextEmphasisFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "pickerEmphasisWithAccentLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextEmphasisFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "pickerEmphasisSecondaryLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextFooterFontColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextEmphasisFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "footerAccentLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextFooterFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "footerLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextFooterFontColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextFooterFontSize%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "RGBA(0, 0, 0, 1)"
+ },
+ {
+ "property": "LineHeight",
+ "value": "1.2"
+ },
+ {
+ "property": "Overflow",
+ "value": "%Overflow.RESERVED%.Hidden"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "RGBA(56, 56, 56, 1)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "Fill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "Underline",
+ "value": "false"
+ },
+ {
+ "property": "Strikethrough",
+ "value": "false"
+ },
+ {
+ "property": "PaddingTop",
+ "value": "5"
+ },
+ {
+ "property": "PaddingRight",
+ "value": "5"
+ },
+ {
+ "property": "PaddingBottom",
+ "value": "5"
+ },
+ {
+ "property": "PaddingLeft",
+ "value": "5"
+ },
+ {
+ "property": "VerticalAlign",
+ "value": "%VerticalAlign.RESERVED%.Middle"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "miniLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextMiniFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "miniInvertedBkgLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextMiniFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "disabledLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.ReservedDisabledStatusColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "infoLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextLinkColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "successLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.ReservedSuccessColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "warningLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.ReservedWarningColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "errorLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.ReservedErrorColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "label",
+ "name": "criticalErrorLabelStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.ReservedCriticalErrorColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "LineHeight",
+ "value": "1.2"
+ },
+ {
+ "property": "BorderColor",
+ "value": "RGBA(0, 0, 0, 1)"
+ },
+ {
+ "property": "Overflow",
+ "value": "%Overflow.RESERVED%.Hidden"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "RGBA(56, 56, 56, 1)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "Fill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "Underline",
+ "value": "false"
+ },
+ {
+ "property": "Strikethrough",
+ "value": "false"
+ },
+ {
+ "property": "VerticalAlign",
+ "value": "%VerticalAlign.RESERVED%.Middle"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.DefaultSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "toggleSwitch",
+ "name": "defaultToggleSwitchStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "HandleFill",
+ "value": "%Palette.HandleBkgColor%"
+ },
+ {
+ "property": "FalseFill",
+ "value": "%Palette.RailBkgColor%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "TrueFill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "FalseHoverFill",
+ "value": "ColorFade(Self.FalseFill, 15%)"
+ },
+ {
+ "property": "TrueHoverFill",
+ "value": "ColorFade(Self.TrueFill, 15%)"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "RGBA(56, 56, 56, 1)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "ColorFade(Self.BorderColor, -15%)"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 15%)"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "rating",
+ "name": "defaultRatingStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "RatingFill",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "checkbox",
+ "name": "defaultCheckboxStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "CheckboxBackgroundFill",
+ "value": "%Palette.InnerCircleBkgColor%"
+ },
+ {
+ "property": "CheckboxBorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "CheckmarkFill",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "RGBA(56, 56, 56, 1)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "ColorFade(Self.BorderColor, -30%)"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 30%)"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "RGBA(186, 186, 186, 1)"
+ },
+ {
+ "property": "Fill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "PressedColor",
+ "value": "RGBA(70, 68, 64, 1)"
+ },
+ {
+ "property": "PressedFill",
+ "value": "ColorFade(Self.Fill, -30%)"
+ },
+ {
+ "property": "HoverFill",
+ "value": "ColorFade(Self.Fill, 30%)"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "Underline",
+ "value": "false"
+ },
+ {
+ "property": "Strikethrough",
+ "value": "false"
+ },
+ {
+ "property": "PaddingTop",
+ "value": "0"
+ },
+ {
+ "property": "PaddingRight",
+ "value": "0"
+ },
+ {
+ "property": "PaddingBottom",
+ "value": "0"
+ },
+ {
+ "property": "PaddingLeft",
+ "value": "0"
+ },
+ {
+ "property": "VerticalAlign",
+ "value": "%VerticalAlign.RESERVED%.Middle"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "radio",
+ "name": "defaultRadioStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "RadioBackgroundFill",
+ "value": "%Palette.InnerCircleBkgColor%"
+ },
+ {
+ "property": "RadioBorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "RadioSelectionFill",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "RGBA(56, 56, 56, 1)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "RGBA(186, 186, 186, 1)"
+ },
+ {
+ "property": "Fill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "Underline",
+ "value": "false"
+ },
+ {
+ "property": "Strikethrough",
+ "value": "false"
+ },
+ {
+ "property": "PaddingTop",
+ "value": "10"
+ },
+ {
+ "property": "PaddingRight",
+ "value": "0"
+ },
+ {
+ "property": "PaddingBottom",
+ "value": "10"
+ },
+ {
+ "property": "PaddingLeft",
+ "value": "0"
+ },
+ {
+ "property": "Align",
+ "value": "%Align.RESERVED%.Left"
+ },
+ {
+ "property": "PressedColor",
+ "value": "Self.Color"
+ },
+ {
+ "property": "HoverFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "PressedFill",
+ "value": "Self.Fill"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "listbox",
+ "name": "defaultListboxStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "%Palette.InputBorderThickness%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "%Palette.InputFocusedBorderThickness%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "DisabledSelectionColor",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "DisabledSelectionFill",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.InputBkgColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverInputBkgColor%"
+ },
+ {
+ "property": "PressedColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "PressedFill",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "SelectionColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "SelectionFill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "RGBA(186, 186, 186, 1)"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "RGBA(242, 242, 242, 1)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "Self.HoverBorderColor"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 15%)"
+ },
+ {
+ "property": "PaddingTop",
+ "value": "0"
+ },
+ {
+ "property": "PaddingRight",
+ "value": "0"
+ },
+ {
+ "property": "PaddingBottom",
+ "value": "0"
+ },
+ {
+ "property": "PaddingLeft",
+ "value": "0"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "dropdown",
+ "name": "defaultDropdownStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "%Palette.InputBorderThickness%"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "%Palette.InputFocusedBorderThickness%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "ChevronBackground",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "ChevronFill",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "ChevronHoverBackground",
+ "value": "%Palette.HoverButtonBkgColor%"
+ },
+ {
+ "property": "ChevronHoverFill",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "ChevronDisabledBackground",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "ChevronDisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.InputBkgColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverInputBkgColor%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "PressedColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "PressedFill",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "SelectionColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "SelectionFill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 15%)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "Self.HoverBorderColor"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "Underline",
+ "value": "false"
+ },
+ {
+ "property": "Strikethrough",
+ "value": "false"
+ },
+ {
+ "property": "PaddingTop",
+ "value": "10"
+ },
+ {
+ "property": "PaddingRight",
+ "value": "10"
+ },
+ {
+ "property": "PaddingBottom",
+ "value": "10"
+ },
+ {
+ "property": "PaddingLeft",
+ "value": "10"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "combobox",
+ "name": "defaultComboBoxStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "%Palette.InputBorderThickness%"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "%Palette.InputFocusedBorderThickness%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "ChevronBackground",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "ChevronFill",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "ChevronHoverBackground",
+ "value": "%Palette.HoverButtonBkgColor%"
+ },
+ {
+ "property": "ChevronHoverFill",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "ChevronDisabledBackground",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "ChevronDisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.InputBkgColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverInputBkgColor%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "PressedColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "PressedFill",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "SelectionColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "SelectionFill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 15%)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "Self.HoverBorderColor"
+ },
+ {
+ "property": "MoreItemsButtonColor",
+ "value": "Self.ChevronBackground"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "attachments",
+ "name": "defaultAttachmentsStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "%Palette.InputBorderThickness%"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "%Palette.InputFocusedBorderThickness%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.InputBkgColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverInputBkgColor%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "PressedColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "PressedFill",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "ItemColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "ItemFill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "ItemHoverColor",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "ItemHoverFill",
+ "value": "%Palette.HoverInputBkgColor%"
+ },
+ {
+ "property": "ItemSpacing",
+ "value": "0"
+ },
+ {
+ "property": "NoAttachmentsColor",
+ "value": "Self.Color"
+ },
+ {
+ "property": "NoAttachmentsPaddingLeft",
+ "value": "%Palette.NoAttachmentPaddingLeft%"
+ },
+ {
+ "property": "DropTargetBorderThickness",
+ "value": "%Palette.DropTargetBorderThickness%"
+ },
+ {
+ "property": "DropTargetBorderStyle",
+ "value": "%BorderStyle.RESERVED%.Dotted"
+ },
+ {
+ "property": "DropTargetBorderColor",
+ "value": "%Palette.DropTargetBorderColor%"
+ },
+ {
+ "property": "DropTargetBackgroundColor",
+ "value": "%Palette.DropTargetBackgroundColor%"
+ },
+ {
+ "property": "DropTargetTextColor",
+ "value": "%Palette.DropTargetTextColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "datepicker",
+ "name": "defaultDatePickerStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "%Palette.InputBorderThickness%"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "%Palette.InputFocusedBorderThickness%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.InputBkgColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "IconFill",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "IconBackground",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "SelectedDateFill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "HoverDateFill",
+ "value": "%Palette.PrimaryColor3%"
+ },
+ {
+ "property": "CalendarHeaderFill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.DefaultSize%"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "PaddingTop",
+ "value": "0"
+ },
+ {
+ "property": "PaddingRight",
+ "value": "5"
+ },
+ {
+ "property": "PaddingBottom",
+ "value": "5"
+ },
+ {
+ "property": "PaddingLeft",
+ "value": "12"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "lookup",
+ "name": "defaultLookupStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "%Palette.InputBorderThickness%"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "%Palette.InputFocusedBorderThickness%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "ChevronBackground",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "ChevronFill",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "ChevronHoverBackground",
+ "value": "%Palette.HoverButtonBkgColor%"
+ },
+ {
+ "property": "ChevronHoverFill",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "ChevronDisabledBackground",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "ChevronDisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.InputBkgColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverInputBkgColor%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "PressedColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "PressedFill",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "SelectionColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "SelectionFill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 15%)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "Self.HoverBorderColor"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "Underline",
+ "value": "false"
+ },
+ {
+ "property": "Strikethrough",
+ "value": "false"
+ },
+ {
+ "property": "PaddingTop",
+ "value": "10"
+ },
+ {
+ "property": "PaddingRight",
+ "value": "10"
+ },
+ {
+ "property": "PaddingBottom",
+ "value": "10"
+ },
+ {
+ "property": "PaddingLeft",
+ "value": "10"
+ },
+ {
+ "property": "FooterSize",
+ "value": "Self.Size - 3"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "text",
+ "name": "defaultTextStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "%Palette.InputBorderThickness%"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "%Palette.InputFocusedBorderThickness%"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverInputBkgColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.InputBkgColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "RadiusTopLeft",
+ "value": "5"
+ },
+ {
+ "property": "RadiusBottomRight",
+ "value": "5"
+ },
+ {
+ "property": "RadiusTopRight",
+ "value": "5"
+ },
+ {
+ "property": "RadiusBottomLeft",
+ "value": "5"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "Self.HoverBorderColor"
+ },
+ {
+ "property": "PressedColor",
+ "value": "Self.Color"
+ },
+ {
+ "property": "PressedFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "Underline",
+ "value": "false"
+ },
+ {
+ "property": "Strikethrough",
+ "value": "false"
+ },
+ {
+ "property": "Align",
+ "value": "%Align.RESERVED%.Left"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "text",
+ "name": "searchTextStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.None"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "%Palette.InputBorderThickness%"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "%Palette.InputFocusedBorderThickness%"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverInputBkgColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.InputBkgColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "slider",
+ "name": "defaultSliderStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "HandleFill",
+ "value": "%Palette.HandleBkgColor%"
+ },
+ {
+ "property": "RailFill",
+ "value": "%Palette.RailBkgColor%"
+ },
+ {
+ "property": "ValueFill",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "HandleHoverFill",
+ "value": "Self.HandleFill"
+ },
+ {
+ "property": "HandleActiveFill",
+ "value": "Self.HandleFill"
+ },
+ {
+ "property": "RailHoverFill",
+ "value": "ColorFade(Self.RailFill, 15%)"
+ },
+ {
+ "property": "ValueHoverFill",
+ "value": "ColorFade(Self.ValueFill, 15%)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "ColorFade(Self.BorderColor, -30%)"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 30%)"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "button",
+ "name": "defaultButtonStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextEmphasisFontSize%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverButtonBkgColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "ColorFade(Self.Fill, -15%)"
+ },
+ {
+ "property": "RadiusTopLeft",
+ "value": "10"
+ },
+ {
+ "property": "RadiusBottomRight",
+ "value": "10"
+ },
+ {
+ "property": "RadiusTopRight",
+ "value": "10"
+ },
+ {
+ "property": "RadiusBottomLeft",
+ "value": "10"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 20%)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "2"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "4"
+ },
+ {
+ "property": "PressedColor",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "PressedFill",
+ "value": "Self.Color"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "Underline",
+ "value": "false"
+ },
+ {
+ "property": "Strikethrough",
+ "value": "false"
+ },
+ {
+ "property": "Align",
+ "value": "%Align.RESERVED%.Center"
+ },
+ {
+ "property": "VerticalAlign",
+ "value": "%VerticalAlign.RESERVED%.Middle"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "button",
+ "name": "cancelButtonStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor3%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextEmphasisFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "button",
+ "name": "rezervedOkButtonStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.ReservedWhiteColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.ReservedInfoColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextEmphasisFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "button",
+ "name": "rezervedCancelButtonStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.ReservedInfoColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.ReservedWhiteColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextEmphasisFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "lineChart",
+ "name": "defaultLineChartStyle",
+ "propertyValuesMap": [
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "ItemColorSet",
+ "value": "%Palette.ReservedChartColorSet%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "RGBA(0, 0, 0, 1)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "ColorFade(Self.BorderColor, -30%)"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 30%)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "Font",
+ "value": "%Font.RESERVED%.'Open Sans'"
+ },
+ {
+ "property": "Size",
+ "value": "11"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "lineChart",
+ "name": "monochromeAccentLineChartStyle",
+ "propertyValuesMap": [
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "ItemColorSet",
+ "value": "[%Palette.PrimaryColor1%]"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "pieChart",
+ "name": "defaultPieChartStyle",
+ "propertyValuesMap": [
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "ItemColorSet",
+ "value": "%Palette.ReservedChartColorSet%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "RGBA(0, 0, 0, 1)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "ColorFade(Self.BorderColor, -30%)"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 30%)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "Font",
+ "value": "%Font.RESERVED%.'Open Sans'"
+ },
+ {
+ "property": "Size",
+ "value": "10"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "pieChart",
+ "name": "monochromeAccentPieChartStyle",
+ "propertyValuesMap": [
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "ItemColorSet",
+ "value": "[%Palette.PrimaryColor1%]"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "barChart",
+ "name": "defaultBarChartStyle",
+ "propertyValuesMap": [
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "ItemColorSet",
+ "value": "%Palette.ReservedChartColorSet%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "RGBA(0, 0, 0, 1)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "ColorFade(Self.BorderColor, -30%)"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 30%)"
+ },
+ {
+ "property": "Size",
+ "value": "10"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "Font",
+ "value": "%Font.RESERVED%.'Open Sans'"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "barChart",
+ "name": "monochromeAccentBarChartStyle",
+ "propertyValuesMap": [
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "ItemColorSet",
+ "value": "[%Palette.PrimaryColor1%]"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "legend",
+ "name": "defaultLegendStyle",
+ "propertyValuesMap": [
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextFooterFontSize%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "RGBA(0, 0, 0, 1)"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "RGBA(56, 56, 56, 1)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "Self.BorderColor"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "Self.BorderColor"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "rectangle",
+ "name": "separatorShapeStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor3%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "videoPlayback",
+ "name": "defaultVideoPlaybackStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "timer",
+ "name": "defaultTimerStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverButtonBkgColor%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "ColorFade(Self.Fill, -15%)"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "ColorFade(Self.BorderColor, 70%)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 20%)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "2"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "4"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "ColorFade(Self.Fill, 90%)"
+ },
+ {
+ "property": "PressedColor",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "ColorFade(Self.Fill, 70%)"
+ },
+ {
+ "property": "PressedFill",
+ "value": "Self.Color"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.DefaultSize2%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "triangle",
+ "name": "defaultTriangleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "PressedFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "HoverFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "star",
+ "name": "defaultStarStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "pentagon",
+ "name": "defaultPentagonStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "PressedFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "HoverFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "partialCircle",
+ "name": "defaultPartialCircleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "octagon",
+ "name": "defaultOctagonStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "PressedFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "HoverFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "hexagon",
+ "name": "defaultHexagonStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "PressedFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "HoverFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "hexagon",
+ "name": "primary2HexagonStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "hexagon",
+ "name": "primary3HexagonStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor3%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "hexagon",
+ "name": "primary3FadeHexagonStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor3Fade%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "hexagon",
+ "name": "screenHexagonStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.ScreenBkgColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "circle",
+ "name": "defaultCircleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "PressedFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "HoverFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "circle",
+ "name": "primary2CircleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "circle",
+ "name": "primary3CircleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor3%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "circle",
+ "name": "primary3FadeCircleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor3Fade%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "arrow",
+ "name": "defaultArrowStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "icon",
+ "name": "defaultIconStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledButtonBkgColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "PressedColor",
+ "value": "ColorFade(Self.Color, -20%)"
+ },
+ {
+ "property": "HoverColor",
+ "value": "ColorFade(Self.Color, 20%)"
+ },
+ {
+ "property": "Fill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "PressedFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "HoverFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "ColorFade(Self.BorderColor, -20%)"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 20%)"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "icon",
+ "name": "primary1IconStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledButtonBkgColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "icon",
+ "name": "primary3IconStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.PrimaryColor3%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledButtonBkgColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "icon",
+ "name": "invertedBkgHeaderIconStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.IconFillColorInverted%"
+ },
+ {
+ "property": "PressedFill",
+ "value": "%Palette.IconPressedFillColorInverted%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledButtonBkgColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "microphone",
+ "name": "defaultMicrophoneStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverButtonBkgColor%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "RGBA(186, 186, 186, 1)"
+ },
+ {
+ "property": "PressedColor",
+ "value": "Self.Color"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "RGBA(56, 56, 56, 1)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "ColorFade(Self.BorderColor, -15%)"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 15%)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "RGBA(119, 119, 119, 1)"
+ },
+ {
+ "property": "PressedFill",
+ "value": "ColorFade(Self.Fill, -15%)"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "barcode",
+ "name": "defaultBarcodeStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "groupContainer",
+ "name": "defaultGroupContainerStyle",
+ "propertyValuesMap": [
+ {
+ "property": "RadiusTopLeft",
+ "value": "%Palette.ContainerRadius%"
+ },
+ {
+ "property": "RadiusBottomRight",
+ "value": "%Palette.ContainerRadius%"
+ },
+ {
+ "property": "RadiusTopRight",
+ "value": "%Palette.ContainerRadius%"
+ },
+ {
+ "property": "RadiusBottomLeft",
+ "value": "%Palette.ContainerRadius%"
+ },
+ {
+ "property": "DropShadow",
+ "value": "%DropShadow.RESERVED%.Light"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "barcodeScanner",
+ "name": "defaultBarcodeScannerStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextEmphasisFontSize%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverButtonBkgColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "ColorFade(Self.Fill, -15%)"
+ },
+ {
+ "property": "RadiusTopLeft",
+ "value": "10"
+ },
+ {
+ "property": "RadiusBottomRight",
+ "value": "10"
+ },
+ {
+ "property": "RadiusTopRight",
+ "value": "10"
+ },
+ {
+ "property": "RadiusBottomLeft",
+ "value": "10"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 20%)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "2"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "4"
+ },
+ {
+ "property": "PressedColor",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "PressedFill",
+ "value": "Self.Color"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "Underline",
+ "value": "false"
+ },
+ {
+ "property": "Strikethrough",
+ "value": "false"
+ },
+ {
+ "property": "Align",
+ "value": "%Align.RESERVED%.Center"
+ },
+ {
+ "property": "VerticalAlign",
+ "value": "%VerticalAlign.RESERVED%.Middle"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "camera",
+ "name": "defaultCameraStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "inkControl",
+ "name": "defaultInkControlStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "Size",
+ "value": "2"
+ },
+ {
+ "property": "Fill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "2"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "import",
+ "name": "defaultImportStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverButtonBkgColor%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextEmphasisFontSize%"
+ },
+ {
+ "property": "RadiusTopLeft",
+ "value": "10"
+ },
+ {
+ "property": "RadiusTopRight",
+ "value": "10"
+ },
+ {
+ "property": "RadiusBottomLeft",
+ "value": "10"
+ },
+ {
+ "property": "RadiusBottomRight",
+ "value": "10"
+ },
+ {
+ "property": "BorderColor",
+ "value": "ColorFade(Self.Fill, -15%)"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "RGBA(56, 56, 56, 1)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "ColorFade(Self.BorderColor, -20%)"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 20%)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "2"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "4"
+ },
+ {
+ "property": "PressedColor",
+ "value": "Self.Color"
+ },
+ {
+ "property": "PressedFill",
+ "value": "ColorFade(Self.Fill, -20%)"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "image",
+ "name": "defaultImageStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledButtonBkgColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "RGBA(0, 0, 0, 0)"
+ },
+ {
+ "property": "PressedFill",
+ "value": "ColorFade(Self.Fill, -20%)"
+ },
+ {
+ "property": "HoverFill",
+ "value": "ColorFade(Self.Fill, 20%)"
+ },
+ {
+ "property": "RadiusTopLeft",
+ "value": "0"
+ },
+ {
+ "property": "RadiusTopRight",
+ "value": "0"
+ },
+ {
+ "property": "RadiusBottomLeft",
+ "value": "0"
+ },
+ {
+ "property": "RadiusBottomRight",
+ "value": "0"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "ColorFade(Self.BorderColor, -20%)"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 20%)"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "PaddingTop",
+ "value": "0"
+ },
+ {
+ "property": "PaddingRight",
+ "value": "0"
+ },
+ {
+ "property": "PaddingBottom",
+ "value": "0"
+ },
+ {
+ "property": "PaddingLeft",
+ "value": "0"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "htmlviewer",
+ "name": "defaultHtmlViewerStyle",
+ "propertyValuesMap": [
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "htmlviewer",
+ "name": "typedDataCardHtmlViewerStyle",
+ "propertyValuesMap": [
+ {
+ "property": "DisabledBorderColor",
+ "value": "%Palette.DisabledBorderColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextLinkColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "export",
+ "name": "defaultExportStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextEmphasisFontWeight%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "%Palette.DisabledInputBkgColor%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.HoverButtonBkgColor%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextEmphasisFontSize%"
+ },
+ {
+ "property": "RadiusTopLeft",
+ "value": "10"
+ },
+ {
+ "property": "RadiusTopRight",
+ "value": "10"
+ },
+ {
+ "property": "RadiusBottomLeft",
+ "value": "10"
+ },
+ {
+ "property": "RadiusBottomRight",
+ "value": "10"
+ },
+ {
+ "property": "BorderColor",
+ "value": "ColorFade(Self.Fill, -15%)"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "RGBA(56, 56, 56, 1)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "ColorFade(Self.BorderColor, -20%)"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 20%)"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "2"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "4"
+ },
+ {
+ "property": "PressedColor",
+ "value": "Self.Color"
+ },
+ {
+ "property": "PressedFill",
+ "value": "ColorFade(Self.Fill, -20%)"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "addMedia",
+ "name": "defaultAddMediaStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Color",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.InputBkgColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ },
+ {
+ "property": "Font",
+ "value": "%Font.RESERVED%.'Open Sans'"
+ },
+ {
+ "property": "Size",
+ "value": "11"
+ },
+ {
+ "property": "Italic",
+ "value": "false"
+ },
+ {
+ "property": "Underline",
+ "value": "false"
+ },
+ {
+ "property": "Strikethrough",
+ "value": "false"
+ },
+ {
+ "property": "DisabledBorderColor",
+ "value": "RGBA(56, 56, 56, 1)"
+ },
+ {
+ "property": "PressedBorderColor",
+ "value": "ColorFade(Self.BorderColor, -20%)"
+ },
+ {
+ "property": "HoverBorderColor",
+ "value": "ColorFade(Self.BorderColor, 20%)"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "RGBA(186, 186, 186, 1)"
+ },
+ {
+ "property": "PressedColor",
+ "value": "Self.Color"
+ },
+ {
+ "property": "HoverColor",
+ "value": "Self.Color"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "RGBA(119, 119, 119, 1)"
+ },
+ {
+ "property": "PressedFill",
+ "value": "ColorFade(Self.Fill, -20%)"
+ },
+ {
+ "property": "HoverFill",
+ "value": "ColorFade(Self.Fill, 20%)"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%FontWeight.RESERVED%.Semibold"
+ },
+ {
+ "property": "Align",
+ "value": "%Align.RESERVED%.Center"
+ },
+ {
+ "property": "VerticalAlign",
+ "value": "%VerticalAlign.RESERVED%.Middle"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "audioPlayback",
+ "name": "defaultAudioPlaybackStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "rectangle",
+ "name": "defaultRectangleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "DisabledFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "PressedFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "HoverFill",
+ "value": "Self.Fill"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "FocusedBorderThickness",
+ "value": "2"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "rectangle",
+ "name": "primary2RectangleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "rectangle",
+ "name": "primary3RectangleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor3%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "rectangle",
+ "name": "primary3FadeRectangleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.PrimaryColor3Fade%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "rectangle",
+ "name": "grayRectangleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.ReservedGrayColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "rectangle",
+ "name": "invertedBackgroundRectangleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.InvertedBkgColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "rectangle",
+ "name": "overlayRectangleStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.OverlayBkgColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "typedDataCard",
+ "name": "defaultTypedDataCardStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "entityForm",
+ "name": "defaultEntityFormStyle",
+ "propertyValuesMap": [
+ {
+ "property": "TextColor",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "InputTextColor",
+ "value": "%Palette.InputTextColor%"
+ },
+ {
+ "property": "DisabledTextColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "PrimaryColor1",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "PrimaryColor2",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "PrimaryColor3",
+ "value": "%Palette.PrimaryColor3%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "InputBackgroundColor",
+ "value": "%Palette.InputBkgColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "Font",
+ "value": "%Font.RESERVED%.'Open Sans'"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%FontWeight.RESERVED%.Normal"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "dataGrid",
+ "name": "defaultDataGridStyle",
+ "propertyValuesMap": [
+ {
+ "property": "LinkColor",
+ "value": "%Palette.TextLinkColor%"
+ },
+ {
+ "property": "PrimaryColor1",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "PrimaryColor2",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "PrimaryColor3",
+ "value": "%Palette.PrimaryColor3%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "InvertedColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "SelectedFill",
+ "value": "%Palette.PrimaryColor1Light%"
+ },
+ {
+ "property": "SelectedColor",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.PrimaryColor3Light%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "InputFill",
+ "value": "%Palette.InputBkgColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "HeadingFont",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "HeadingFontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "HeadingSize",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "HeadingColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "HeadingFill",
+ "value": "%Palette.PrimaryColor1%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "powerbi",
+ "name": "defaultPowerbiStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "microsoftStreamPlayback",
+ "name": "defaultMicrosoftStreamPlaybackStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "BorderStyle",
+ "value": "%BorderStyle.RESERVED%.Solid"
+ },
+ {
+ "property": "BorderThickness",
+ "value": "0"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "Fill",
+ "value": "%Palette.ScreenBkgColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "form",
+ "name": "defaultFormStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "formViewer",
+ "name": "defaultFormViewerStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "pdfViewer",
+ "name": "defaultPdfViewerStyle",
+ "propertyValuesMap": [
+ {
+ "property": "Fill",
+ "value": "%Palette.ScreenBkgColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "gallery",
+ "name": "defaultGalleryStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "richTextEditor",
+ "name": "defaultRichTextEditorStyle",
+ "propertyValuesMap": [
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ }
+ ]
+ },
+ {
+ "controlTemplateName": "dataTable",
+ "name": "defaultDataTableStyle",
+ "propertyValuesMap": [
+ {
+ "property": "LinkColor",
+ "value": "%Palette.TextLinkColor%"
+ },
+ {
+ "property": "PrimaryColor1",
+ "value": "%Palette.PrimaryColor1%"
+ },
+ {
+ "property": "PrimaryColor2",
+ "value": "%Palette.PrimaryColor2%"
+ },
+ {
+ "property": "PrimaryColor3",
+ "value": "%Palette.PrimaryColor3%"
+ },
+ {
+ "property": "Color",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "InvertedColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "DisabledColor",
+ "value": "%Palette.DisabledTextMainColor%"
+ },
+ {
+ "property": "SelectedFill",
+ "value": "%Palette.PrimaryColor1Light%"
+ },
+ {
+ "property": "SelectedColor",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "HoverFill",
+ "value": "%Palette.PrimaryColor3Light%"
+ },
+ {
+ "property": "HoverColor",
+ "value": "%Palette.TextMainColor%"
+ },
+ {
+ "property": "BorderColor",
+ "value": "%Palette.InputBorderColor%"
+ },
+ {
+ "property": "InputFill",
+ "value": "%Palette.InputBkgColor%"
+ },
+ {
+ "property": "Font",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "FontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "Size",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "HeadingFont",
+ "value": "%Palette.TextBodyFontFace%"
+ },
+ {
+ "property": "HeadingFontWeight",
+ "value": "%Palette.TextBodyFontWeight%"
+ },
+ {
+ "property": "HeadingSize",
+ "value": "%Palette.TextBodyFontSize%"
+ },
+ {
+ "property": "HeadingColor",
+ "value": "%Palette.TextMainColorInverted%"
+ },
+ {
+ "property": "HeadingFill",
+ "value": "%Palette.PrimaryColor1%"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/pkgs/gallery_2.15.0.xml b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/pkgs/gallery_2.15.0.xml
new file mode 100644
index 00000000..ccbf8855
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/pkgs/gallery_2.15.0.xml
@@ -0,0 +1,767 @@
+
+
+ TODO: Need license text here.
]]>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ##gallery_IsSelected_Description##
+ data
+
+
+ Accessible label for a gallery item
+ data
+ ##gallery_ItemAccessibleLabel_DisplayName##
+ ##gallery_ItemAccessibleLabel_Tooltip##
+
+
+
+ ##gallery_TemplateFill_Description##
+ ##gallery_TemplateFill_Tooltip##
+ design
+ color
+ ##gallery_TemplateFill_DisplayName##
+
+
+
+ On select
+ ##gallery_OnSelect_Tooltip##
+ behavior
+ ##gallery_OnSelect_DisplayName##
+
+
+
+
+
+
+ ##gallery_Items_Description##
+ data
+
+ ##gallery_Items_DisplayName##
+ ##gallery_Items_Tooltip##
+
+
+
+ ##gallery_Default_Description##
+ data
+ Items
+ ##gallery_Default_DisplayName##
+ ##gallery_Default_Tooltip##
+
+
+ ##gallery_AllItems_Description##
+ data
+ Items
+
+
+
+ ##gallery_AllItemsCount_Description##
+ data
+
+
+ ##gallery_WrapCount_Description##
+ data
+ ##gallery_WrapCount_DisplayName##
+
+
+ Selectable
+ data
+ ##gallery_Selectable_DisplayName##
+ ##gallery_Selectable_Tooltip##
+
+
+ ##gallery_Selected_Description##
+ data
+ Items
+
+
+
+ ##gallery_VisibleIndex_Description##
+ data
+ ##gallery_VisibleIndex_DisplayName##
+
+
+ ##gallery_TemplateSize_Description##
+ design
+ templateSize
+ ##gallery_TemplateSize_DisplayName##
+ ##gallery_TemplateSize_Tooltip##
+
+
+ ##gallery_TemplateWidth_Description##
+ design
+ ##gallery_TemplateWidth_DisplayName##
+
+
+ ##gallery_TemplateMaximumWidth_Description##
+ design
+ ##gallery_TemplateMaximumWidth_DisplayName##
+
+
+ ##gallery_HorizontalScrollPosition_Description##
+ design
+ ##gallery_HorizontalScrollPosition_DisplayName##
+
+
+ ##gallery_TemplateHeight_Description##
+ design
+ ##gallery_TemplateHeight_DisplayName##
+
+
+ ##gallery_TemplatePadding_Description##
+ design
+ ##gallery_TemplatePadding_DisplayName##
+ templatePadding
+ ##gallery_TemplatePadding_Tooltip##
+
+
+ ##gallery_MaxTemplateSize_Description##
+ design
+ ##gallery_MaxTemplateSize_DisplayName##
+ ##gallery_MaxTemplateSize_Tooltip##
+
+
+ ##gallery_Layout_Description##
+ design
+ layout
+ ##gallery_Layout_DisplayName##
+ ##gallery_Layout_Tooltip##
+
+
+ ##gallery_Transition_Description##
+ design
+ transition
+ ##gallery_Transition_DisplayName##
+ ##gallery_Transition_Tooltip##
+
+
+ ##gallery_ShowNavigation_Description##
+ design
+ boolean
+ ##gallery_ShowNavigation_DisplayName##
+ ##gallery_ShowNavigation_Tooltip##
+
+
+ ##gallery_NavigationStep_Description##
+ design
+ ##gallery_NavigationStep_DisplayName##
+ ##gallery_NavigationStep_Tooltip##
+
+
+ ShowScrollbar
+ ##gallery_ShowScrollbar_Tooltip##
+ design
+ boolean
+ ##gallery_ShowScrollbar_DisplayName##
+
+
+ Valid
+ data
+ ##commonProperties_Valid_DisplayName##
+ ##commonProperties_Valid_Tooltip##
+
+
+
+ SelectionTracksMove
+ design
+
+
+ Reset
+ data
+ ##commonProperties_Reset_DisplayName##
+ ##commonProperties_Reset_Tooltip##
+
+
+
+ AutoHeight
+ design
+ ##CommonProperties_AutoHeight_DisplayName##
+ ##CommonProperties_AutoHeight_Tooltip##
+
+
+ DelayItemLoading
+ design
+ boolean
+ ##gallery_DelayItemLoading_DisplayName##
+ ##gallery_DelayItemLoading_Tooltip##
+
+
+ LoadingSpinner
+ design
+ ##CommonProperties_LoadingSpinner_DisplayName##
+ ##CommonProperties_LoadingSpinner_Tooltip##
+
+
+ LoadingSpinner
+ design
+ color
+ ##CommonProperties_LoadingSpinnerColor_DisplayName##
+ ##CommonProperties_LoadingSpinnerColor_Tooltip##
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/pkgs/label_2.5.1.xml b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/pkgs/label_2.5.1.xml
new file mode 100644
index 00000000..aa420973
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/pkgs/label_2.5.1.xml
@@ -0,0 +1,340 @@
+
+
+ TODO: Need license text here.]]>
+
+
+
+
+
+
+ = 0 ? 'button' : 'presentation',
+ 'aria-disabled': properties.TabIndex() >= 0 && viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit
+ },
+ event: {
+ click: handleClick
+ },
+ shortcut: {
+ provider: shortcutProvider,
+ enabled: shortcutsEnabled
+ }"
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ]]>
+
+
+
+ Live
+ data
+ ##label_Live_DisplayName##
+ ##label_Live_Tooltip##
+
+
+
+ Line Height
+ design
+ ##label_LineHeight_DisplayName##
+ ##label_LineHeight_Tooltip##
+ lineWidth
+
+
+ Overflow
+ design
+ ##label_Overflow_DisplayName##
+ ##label_Overflow_Tooltip##
+ overflow
+
+
+
+ AutoHeight
+ design
+ ##CommonProperties_AutoHeight_DisplayName##
+ ##CommonProperties_AutoHeight_Tooltip##
+
+
+ Wrap
+ design
+ ##label_Wrap_DisplayName##
+ ##label_Wrap_Tooltip##
+
+
+
+ design
+
+
+
+
+
+ true
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/pkgs/rectangle_2.3.0.xml b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/pkgs/rectangle_2.3.0.xml
new file mode 100644
index 00000000..dce0729a
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/src/wjw_colourpickercomponentlibrary_6635e/pkgs/rectangle_2.3.0.xml
@@ -0,0 +1,147 @@
+
+
+ TODO: Need license text here.]]>
+
+
+
+
+
+
+ = 0) && (viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit),
+ 'aria-hidden': properties.TabIndex() < 0 && !properties.AccessibleLabel()
+ }">
+
+
+ ]]>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponent_84b4f.meta.xml b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponent_84b4f.meta.xml
index b910fe2a..d7923b6c 100644
--- a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponent_84b4f.meta.xml
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponent_84b4f.meta.xml
@@ -1,15 +1,15 @@
wjw_colourpickercomponent_84b4f
- 2024-10-25T19:47:55Z
+ 2024-10-29T11:50:55Z
Ready
- 3.24102.14.0
- 3.24102.14.0
- {"primaryDeviceWidth":"1366","primaryDeviceHeight":"768","supportsPortrait":"true","supportsLandscape":"true","primaryFormFactor":"Tablet","showStatusBar":"false","publisherVersion":"3.24102.14","minimumRequiredApiVersion":"2.2.0","hasComponent":"true","hasUnlockedComponent":"true","isUnifiedRootApp":"false","sienaVersion":"20241025T194755Z-3.24102.14.0"}
+ 3.24102.15.0
+ 3.24102.15.0
+ {"primaryDeviceWidth":"640","primaryDeviceHeight":"640","supportsPortrait":"true","supportsLandscape":"true","primaryFormFactor":"Tablet","showStatusBar":"false","publisherVersion":"3.24102.15","minimumRequiredApiVersion":"2.2.0","hasComponent":"true","hasUnlockedComponent":"true","isUnifiedRootApp":"false","sienaVersion":"20241025T194755Z-3.24102.14.0"}
0
rgba(0, 0, 0, 1)
- ColourPickerComponent
+ Colour Picker Component Demo
A component that provides a colour picker interface with a customisable number of rows/columns.
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponent_84b4f_DocumentUri.msapp b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponent_84b4f_DocumentUri.msapp
index 66cd6def..bfa561c3 100644
Binary files a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponent_84b4f_DocumentUri.msapp and b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponent_84b4f_DocumentUri.msapp differ
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponentlibrary_6635e.meta.xml b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponentlibrary_6635e.meta.xml
new file mode 100644
index 00000000..dcb0fd35
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponentlibrary_6635e.meta.xml
@@ -0,0 +1,34 @@
+
+
+ wjw_colourpickercomponentlibrary_6635e
+ 2024-10-29T11:49:46Z
+ Ready
+ 3.24102.15.0
+ 3.24102.15.0
+ {"primaryDeviceWidth":"640","primaryDeviceHeight":"640","supportsPortrait":"true","supportsLandscape":"true","primaryFormFactor":"Phone","showStatusBar":"false","publisherVersion":"3.24102.15","minimumRequiredApiVersion":"2.2.0","hasComponent":"true","hasUnlockedComponent":"true","isUnifiedRootApp":"false"}
+ 0
+
+ RGBA(251,101,60,1)
+ Colour Picker Component Library
+ A Component Library containing the Colour Picker component.
+
+
+ []
+ {}
+ {}
+ [{"appComponentName":"323cb8addca0413b9cf5c3d4441050e7","displayName":"cptColourPicker","appName":"945d08b6-d40f-49d9-84ea-4feeb1f9c8f5","appVersion":"2024-10-29T11:49:46Z","appComponentLibraryLogicalName":"wjw_colourpickercomponentlibrary_6635e","appDisplayName":"Colour Picker Component Library","environmentName":"6ca51c28-f05d-ee87-8afd-29fcc9ef7fad","owner":{"id":"cd350c02-a2b3-4e79-aa4d-c8260894d466","displayName":"James Williams","type":"User","tenantId":"bd78dee9-9abf-4401-b6d6-e142688c4654","userPrincipalName":"james@wjwdev.onmicrosoft.com"},"allowCustomization":true,"createdOn":"2024-10-29T11:49:44.862Z","lastModifiedOn":"2024-10-29T11:49:44.862Z","connectionReferences":{},"databaseReferences":{}}]
+ []
+ 0
+ 1
+ 0
+ 0
+
+ 1.0
+ {"cdsdependencies":[]}
+ 1
+ /CanvasApps/wjw_colourpickercomponentlibrary_6635e_BackgroundImageUri
+ /CanvasApps/wjw_colourpickercomponentlibrary_6635e_DocumentUri.msapp
+
+ /CanvasApps/wjw_colourpickercomponentlibrary_6635e_AdditionalUris0_identity.json
+
+
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponentlibrary_6635e_AdditionalUris0_identity.json b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponentlibrary_6635e_AdditionalUris0_identity.json
new file mode 100644
index 00000000..55a66efe
--- /dev/null
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponentlibrary_6635e_AdditionalUris0_identity.json
@@ -0,0 +1 @@
+{"__Version":"0.1","App":"705a2fb6-a3b1-4b67-ad85-535089ab858c","Test_7F478737223C4B69":"83eec1cc-8ae5-4f0d-9b85-175d49d65fe0","Host":"5c04fb15-845f-45d3-8633-146435071b65","Screen1":"adfb69a6-5bc2-4da1-9259-e8d03dd0841c","cptColourPicker":"37930a09-206f-4683-8299-2a0dddb2c69b","galSaturation":"6865e9b0-5fb4-443b-8d18-d0f277884c9b","galleryTemplate2":"839948d0-7b19-4c0f-8ae5-342c73a1d40c","galHue":"eae253d2-eb7c-48f3-a404-e7b1078e3aae","galleryTemplate3":"24c4c6c2-efb2-4e54-9caf-b0c5a57a3383","recColourFixedLightness":"6f0c71eb-8a59-4318-86c3-2018e00a209b","galLightness":"46117652-80f2-4a02-b804-18a13148b758","galleryTemplate2_1":"fb6fdc6c-f902-42ab-81dc-1c7e3f8f1f3a","recColourChosenLightness":"2ebe0aff-79a7-476a-b6f0-24be05072d44","lblColourChosen":"41167051-0cc5-4b13-b42b-4ff9290281a8","recColourChosen":"e5f46630-a249-4dc6-84db-b418aa04ed89"}
\ No newline at end of file
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponentlibrary_6635e_BackgroundImageUri b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponentlibrary_6635e_BackgroundImageUri
new file mode 100644
index 00000000..20949b3e
Binary files /dev/null and b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponentlibrary_6635e_BackgroundImageUri differ
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponentlibrary_6635e_DocumentUri.msapp b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponentlibrary_6635e_DocumentUri.msapp
new file mode 100644
index 00000000..a8f84070
Binary files /dev/null and b/samples/colour-picker/sourcecode/ColourPicker/src/CanvasApps/wjw_colourpickercomponentlibrary_6635e_DocumentUri.msapp differ
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/Other/Customizations.xml b/samples/colour-picker/sourcecode/ColourPicker/src/Other/Customizations.xml
index c37198a1..5e7e7b8c 100644
--- a/samples/colour-picker/sourcecode/ColourPicker/src/Other/Customizations.xml
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/Other/Customizations.xml
@@ -1,5 +1,5 @@
-
+
diff --git a/samples/colour-picker/sourcecode/ColourPicker/src/Other/Solution.xml b/samples/colour-picker/sourcecode/ColourPicker/src/Other/Solution.xml
index a06def48..df1085e3 100644
--- a/samples/colour-picker/sourcecode/ColourPicker/src/Other/Solution.xml
+++ b/samples/colour-picker/sourcecode/ColourPicker/src/Other/Solution.xml
@@ -1,5 +1,5 @@
-
+
ColourPicker
@@ -79,6 +79,7 @@
+