@pnp/spfx-property-controls 3.5.0-beta.1834392 → 3.5.0

package/release/webpack-stats/sp-dev-fx-property-controls.stats.json

@@ -2,9 +2,9 @@
   "errors": [],
   "warnings": [],
   "version": "4.44.2",
-  "hash": "ef9b98d2019d338ab5b7",
-  "time": 11228,
-  "builtAt": 1644687156898,
+  "hash": "0b52621ec7682f71e32a",
+  "time": 9900,
+  "builtAt": 1645195131020,
   "publicPath": "",
   "outputPath": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/dist",
   "assetsByChunkName": {
@@ -264,7 +264,7 @@
     },
     {
       "name": "property-controls-test-web-part.js",
-      "size": 9117291,
+      "size": 9117393,
       "chunks": [
         "property-controls-test-web-part"
       ],
@@ -277,7 +277,7 @@
     },
     {
       "name": "property-controls-test-web-part.js.map",
-      "size": 8539178,
+      "size": 8538990,
       "chunks": [
         "property-controls-test-web-part"
       ],
@@ -325,7 +325,7 @@
       "rendered": true,
       "initial": true,
       "entry": true,
-      "size": 6931043,
+      "size": 6931057,
       "names": [
         "property-controls-test-web-part"
       ],
@@ -333,7 +333,7 @@
         "property-controls-test-web-part.js",
         "property-controls-test-web-part.js.map"
       ],
-      "hash": "4d3751e006f55c502113",
+      "hash": "cd5c498e28ff22168b93",
       "siblings": [],
       "parents": [],
       "children": [],
@@ -424,7 +424,7 @@
           "name": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
           "index": 804,
           "index2": 802,
-          "size": 2020,
+          "size": 2021,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -481,7 +481,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldLabelHost from './PropertyFieldLabelWithCalloutHost';\n/**\n * Represents a PropertyFieldLabelWithCallout object\n */\nvar PropertyFieldLabelWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldLabelWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldLabelWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldLabelHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n    };\n    PropertyFieldLabelWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    return PropertyFieldLabelWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Label with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Label with Callout component is associated to.\n * @param properties - Strongly typed Label with Callout component properties.\n */\nexport function PropertyFieldLabelWithCallout(targetProperty, properties) {\n    return new PropertyFieldLabelWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldLabelHost from './PropertyFieldLabelWithCalloutHost';\n/**\n * Represents a PropertyFieldLabelWithCallout object\n */\nvar PropertyFieldLabelWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldLabelWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldLabelWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldLabelHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n    };\n    PropertyFieldLabelWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    return PropertyFieldLabelWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Label with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Label with Callout component is associated to.\n * @param properties - Strongly typed Label with Callout component properties.\n */\nexport function PropertyFieldLabelWithCallout(targetProperty, properties) {\n    return new PropertyFieldLabelWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "+As/",
@@ -2826,9 +2826,9 @@
           "chunks": [
             "property-controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_toKey.js",
-          "issuerId": "9Nap",
-          "issuerName": "./node_modules/lodash/_toKey.js",
+          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_isKey.js",
+          "issuerId": "9ggG",
+          "issuerName": "./node_modules/lodash/_isKey.js",
           "issuerPath": [
             {
               "id": "fd0V",
@@ -2856,14 +2856,14 @@
               "name": "./node_modules/lodash/omit.js"
             },
             {
-              "id": "S7Xf",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_baseUnset.js",
-              "name": "./node_modules/lodash/_baseUnset.js"
+              "id": "4uTw",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_castPath.js",
+              "name": "./node_modules/lodash/_castPath.js"
             },
             {
-              "id": "9Nap",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_toKey.js",
-              "name": "./node_modules/lodash/_toKey.js"
+              "id": "9ggG",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_isKey.js",
+              "name": "./node_modules/lodash/_isKey.js"
             }
           ],
           "failed": false,
@@ -9019,6 +9019,24 @@
           "warnings": 0,
           "assets": [],
           "reasons": [
+            {
+              "moduleId": "+6dq",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
+              "module": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
+              "moduleName": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-68"
+            },
+            {
+              "moduleId": "+6dq",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
+              "module": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
+              "moduleName": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "21:20-41"
+            },
             {
               "moduleId": "/GGk",
               "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/termPicker/PropertyFieldTermPicker.js",
@@ -9037,6 +9055,78 @@
               "userRequest": "@microsoft/sp-property-pane",
               "loc": "28:20-41"
             },
+            {
+              "moduleId": "3zy0",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
+              "module": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
+              "moduleName": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-69"
+            },
+            {
+              "moduleId": "3zy0",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
+              "module": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
+              "moduleName": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "21:20-41"
+            },
+            {
+              "moduleId": "4i14",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
+              "module": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
+              "moduleName": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-69"
+            },
+            {
+              "moduleId": "4i14",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
+              "module": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
+              "moduleName": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "20:20-41"
+            },
+            {
+              "moduleId": "6FID",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/search/PropertyFieldSearch.js",
+              "module": "./lib/propertyFields/search/PropertyFieldSearch.js",
+              "moduleName": "./lib/propertyFields/search/PropertyFieldSearch.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-69"
+            },
+            {
+              "moduleId": "6FID",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/search/PropertyFieldSearch.js",
+              "module": "./lib/propertyFields/search/PropertyFieldSearch.js",
+              "moduleName": "./lib/propertyFields/search/PropertyFieldSearch.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "18:20-41"
+            },
+            {
+              "moduleId": "7c32",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
+              "module": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
+              "moduleName": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "3:0-68"
+            },
+            {
+              "moduleId": "7c32",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
+              "module": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
+              "moduleName": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "8:20-41"
+            },
             {
               "moduleId": "A+nD",
               "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/number/PropertyFieldNumber.js",
@@ -9073,6 +9163,24 @@
               "userRequest": "@microsoft/sp-property-pane",
               "loc": "13:20-41"
             },
+            {
+              "moduleId": "CPwD",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
+              "module": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
+              "moduleName": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-68"
+            },
+            {
+              "moduleId": "CPwD",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
+              "module": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
+              "moduleName": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "18:20-41"
+            },
             {
               "moduleId": "D/gl",
               "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/folderPicker/PropertyFieldFolderPicker.js",
@@ -9091,6 +9199,60 @@
               "userRequest": "@microsoft/sp-property-pane",
               "loc": "13:20-41"
             },
+            {
+              "moduleId": "HjPl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/message/PropertyFieldMessage.js",
+              "module": "./lib/propertyFields/message/PropertyFieldMessage.js",
+              "moduleName": "./lib/propertyFields/message/PropertyFieldMessage.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-69"
+            },
+            {
+              "moduleId": "HjPl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/message/PropertyFieldMessage.js",
+              "module": "./lib/propertyFields/message/PropertyFieldMessage.js",
+              "moduleName": "./lib/propertyFields/message/PropertyFieldMessage.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "18:20-41"
+            },
+            {
+              "moduleId": "Ho7w",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
+              "module": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
+              "moduleName": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "3:0-68"
+            },
+            {
+              "moduleId": "Ho7w",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
+              "module": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
+              "moduleName": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "7:20-41"
+            },
+            {
+              "moduleId": "IdMT",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
+              "module": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
+              "moduleName": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "1:0-68"
+            },
+            {
+              "moduleId": "IdMT",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
+              "module": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
+              "moduleName": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "12:20-41"
+            },
             {
               "moduleId": "K7tg",
               "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/editableComboBox/PropertyFieldEditableComboBox.js",
@@ -9127,6 +9289,60 @@
               "userRequest": "@microsoft/sp-property-pane",
               "loc": "22:20-41"
             },
+            {
+              "moduleId": "L9LI",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/guid/PropertyFieldGuid.js",
+              "module": "./lib/propertyFields/guid/PropertyFieldGuid.js",
+              "moduleName": "./lib/propertyFields/guid/PropertyFieldGuid.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-69"
+            },
+            {
+              "moduleId": "L9LI",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/guid/PropertyFieldGuid.js",
+              "module": "./lib/propertyFields/guid/PropertyFieldGuid.js",
+              "moduleName": "./lib/propertyFields/guid/PropertyFieldGuid.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "18:20-41"
+            },
+            {
+              "moduleId": "NGtH",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/password/PropertyFieldPassword.js",
+              "module": "./lib/propertyFields/password/PropertyFieldPassword.js",
+              "moduleName": "./lib/propertyFields/password/PropertyFieldPassword.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-69"
+            },
+            {
+              "moduleId": "NGtH",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/password/PropertyFieldPassword.js",
+              "module": "./lib/propertyFields/password/PropertyFieldPassword.js",
+              "moduleName": "./lib/propertyFields/password/PropertyFieldPassword.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "18:20-41"
+            },
+            {
+              "moduleId": "P40l",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
+              "module": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
+              "moduleName": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "15:0-69"
+            },
+            {
+              "moduleId": "P40l",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
+              "module": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
+              "moduleName": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "27:20-41"
+            },
             {
               "moduleId": "PB4o",
               "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/iconPicker/PropertyFieldIconPicker.js",
@@ -9145,6 +9361,24 @@
               "userRequest": "@microsoft/sp-property-pane",
               "loc": "18:20-41"
             },
+            {
+              "moduleId": "WBrC",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinner/PropertyFieldSpinner.js",
+              "module": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
+              "moduleName": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-69"
+            },
+            {
+              "moduleId": "WBrC",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinner/PropertyFieldSpinner.js",
+              "module": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
+              "moduleName": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "18:20-41"
+            },
             {
               "moduleId": "XNoj",
               "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/codeEditor/PropertyFieldCodeEditor.js",
@@ -9163,6 +9397,24 @@
               "userRequest": "@microsoft/sp-property-pane",
               "loc": "25:20-41"
             },
+            {
+              "moduleId": "XPiY",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
+              "module": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
+              "moduleName": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-68"
+            },
+            {
+              "moduleId": "XPiY",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
+              "module": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
+              "moduleName": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "22:20-41"
+            },
             {
               "moduleId": "a4J0",
               "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/teamPicker/PropertyFieldTeamPicker.js",
@@ -9181,6 +9433,24 @@
               "userRequest": "@microsoft/sp-property-pane",
               "loc": "25:20-41"
             },
+            {
+              "moduleId": "bEfm",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
+              "module": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
+              "moduleName": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-68"
+            },
+            {
+              "moduleId": "bEfm",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
+              "module": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
+              "moduleName": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "21:20-41"
+            },
             {
               "moduleId": "d/vt",
               "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/viewPicker/PropertyFieldViewPicker.js",
@@ -9262,6 +9532,42 @@
               "userRequest": "@microsoft/sp-property-pane",
               "loc": "730:32-50"
             },
+            {
+              "moduleId": "gsK6",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/order/PropertyFieldOrder.js",
+              "module": "./lib/propertyFields/order/PropertyFieldOrder.js",
+              "moduleName": "./lib/propertyFields/order/PropertyFieldOrder.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "1:0-68"
+            },
+            {
+              "moduleId": "gsK6",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/order/PropertyFieldOrder.js",
+              "module": "./lib/propertyFields/order/PropertyFieldOrder.js",
+              "moduleName": "./lib/propertyFields/order/PropertyFieldOrder.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "9:20-41"
+            },
+            {
+              "moduleId": "nyTD",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
+              "module": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
+              "moduleName": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-68"
+            },
+            {
+              "moduleId": "nyTD",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
+              "module": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
+              "moduleName": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "19:20-41"
+            },
             {
               "moduleId": "p+Fw",
               "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/columnPicker/PropertyFieldColumnPicker.js",
@@ -9280,6 +9586,96 @@
               "userRequest": "@microsoft/sp-property-pane",
               "loc": "17:20-41"
             },
+            {
+              "moduleId": "sSbZ",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
+              "module": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
+              "moduleName": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-68"
+            },
+            {
+              "moduleId": "sSbZ",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
+              "module": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
+              "moduleName": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "19:20-41"
+            },
+            {
+              "moduleId": "tlRU",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
+              "module": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
+              "moduleName": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "3:0-68"
+            },
+            {
+              "moduleId": "tlRU",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
+              "module": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
+              "moduleName": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "9:20-41"
+            },
+            {
+              "moduleId": "tuSQ",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
+              "module": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
+              "moduleName": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "1:0-68"
+            },
+            {
+              "moduleId": "tuSQ",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
+              "module": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
+              "moduleName": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "11:20-41"
+            },
+            {
+              "moduleId": "twr2",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
+              "module": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
+              "moduleName": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "4:0-68"
+            },
+            {
+              "moduleId": "twr2",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
+              "module": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
+              "moduleName": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "7:20-41"
+            },
+            {
+              "moduleId": "wYei",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
+              "module": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
+              "moduleName": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-68"
+            },
+            {
+              "moduleId": "wYei",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
+              "module": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
+              "moduleName": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "19:20-41"
+            },
             {
               "moduleId": "yEbF",
               "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/peoplePicker/PropertyFieldPeoplePicker.js",
@@ -9298,6 +9694,24 @@
               "userRequest": "@microsoft/sp-property-pane",
               "loc": "25:20-41"
             },
+            {
+              "moduleId": "yZVT",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
+              "module": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
+              "moduleName": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "14:0-69"
+            },
+            {
+              "moduleId": "yZVT",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
+              "module": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
+              "moduleName": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-property-pane",
+              "loc": "23:20-41"
+            },
             {
               "moduleId": "zseQ",
               "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/sitePicker/PropertyFieldSitePicker.js",
@@ -17335,7 +17749,7 @@
           "name": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
           "index": 832,
           "index2": 829,
-          "size": 2264,
+          "size": 2266,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -17392,7 +17806,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport { PropertyFieldCollectionDataHost } from '.';\n/**\n * Property Field Collection Data Builder Class\n */\nvar PropertyFieldCollectionDataBuilder = /** @class */ (function () {\n    function PropertyFieldCollectionDataBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this.render.bind(this);\n        this.properties.onDispose = this.dispose.bind(this);\n    }\n    PropertyFieldCollectionDataBuilder.prototype.render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldCollectionDataHost, __assign(__assign({}, props), { onChanged: this.onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    /**\n     * Dispose the property field\n     */\n    PropertyFieldCollectionDataBuilder.prototype.dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    /**\n     * On field change event handler\n     * @param value\n     */\n    PropertyFieldCollectionDataBuilder.prototype.onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldCollectionDataBuilder;\n}());\n/**\n * Property field\n * @param targetProperty\n * @param properties\n */\nexport function PropertyFieldCollectionData(targetProperty, properties) {\n    return new PropertyFieldCollectionDataBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport { PropertyFieldCollectionDataHost } from '.';\n/**\n * Property Field Collection Data Builder Class\n */\nvar PropertyFieldCollectionDataBuilder = /** @class */ (function () {\n    function PropertyFieldCollectionDataBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this.render.bind(this);\n        this.properties.onDispose = this.dispose.bind(this);\n    }\n    PropertyFieldCollectionDataBuilder.prototype.render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldCollectionDataHost, __assign(__assign({}, props), { onChanged: this.onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    /**\n     * Dispose the property field\n     */\n    PropertyFieldCollectionDataBuilder.prototype.dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    /**\n     * On field change event handler\n     * @param value\n     */\n    PropertyFieldCollectionDataBuilder.prototype.onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldCollectionDataBuilder;\n}());\n/**\n * Property field\n * @param targetProperty\n * @param properties\n */\nexport function PropertyFieldCollectionData(targetProperty, properties) {\n    return new PropertyFieldCollectionDataBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "4251",
@@ -21399,7 +21813,7 @@
           "name": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
           "index": 819,
           "index2": 817,
-          "size": 2772,
+          "size": 2774,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -21456,7 +21870,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldMultiSelectHost from './PropertyFieldMultiSelectHost';\nimport { cloneDeep } from '@microsoft/sp-lodash-subset';\nimport omit from 'lodash/omit';\nvar PropertyFieldMultiSelectBuilder = /** @class */ (function () {\n    function PropertyFieldMultiSelectBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldMultiSelectBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldMultiSelectHost, __assign(__assign({}, omit(props, ['options', 'ariaPositionInSet', 'ariaSetSize'])), { options: props.options || [], onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldMultiSelectBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldMultiSelectBuilder.prototype._onChanged = function (item) {\n        if (this._onChangeCallback) {\n            // Get all the selected keys\n            var updateSelectedKeys = this.properties.selectedKeys ? cloneDeep(this.properties.selectedKeys) : [];\n            // Check if item got selected\n            if (item.selected) {\n                updateSelectedKeys.push(item.key);\n            }\n            else {\n                // Remove the item from the selected keys list\n                var itemIdx = updateSelectedKeys.indexOf(item.key);\n                if (itemIdx > -1) {\n                    updateSelectedKeys.splice(itemIdx, 1);\n                }\n            }\n            this._onChangeCallback(this.targetProperty, updateSelectedKeys);\n        }\n    };\n    return PropertyFieldMultiSelectBuilder;\n}());\nexport function PropertyFieldMultiSelect(targetProperty, properties) {\n    return new PropertyFieldMultiSelectBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldMultiSelectHost from './PropertyFieldMultiSelectHost';\nimport { cloneDeep } from '@microsoft/sp-lodash-subset';\nimport omit from 'lodash/omit';\nvar PropertyFieldMultiSelectBuilder = /** @class */ (function () {\n    function PropertyFieldMultiSelectBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldMultiSelectBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldMultiSelectHost, __assign(__assign({}, omit(props, ['options', 'ariaPositionInSet', 'ariaSetSize'])), { options: props.options || [], onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldMultiSelectBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldMultiSelectBuilder.prototype._onChanged = function (item) {\n        if (this._onChangeCallback) {\n            // Get all the selected keys\n            var updateSelectedKeys = this.properties.selectedKeys ? cloneDeep(this.properties.selectedKeys) : [];\n            // Check if item got selected\n            if (item.selected) {\n                updateSelectedKeys.push(item.key);\n            }\n            else {\n                // Remove the item from the selected keys list\n                var itemIdx = updateSelectedKeys.indexOf(item.key);\n                if (itemIdx > -1) {\n                    updateSelectedKeys.splice(itemIdx, 1);\n                }\n            }\n            this._onChangeCallback(this.targetProperty, updateSelectedKeys);\n        }\n    };\n    return PropertyFieldMultiSelectBuilder;\n}());\nexport function PropertyFieldMultiSelect(targetProperty, properties) {\n    return new PropertyFieldMultiSelectBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "4iH1",
@@ -26173,7 +26587,7 @@
           "name": "./lib/propertyFields/search/PropertyFieldSearch.js",
           "index": 1341,
           "index2": 1339,
-          "size": 2081,
+          "size": 2082,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -26230,7 +26644,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-webpart-base';\nimport PropertyFieldSearchHost from './PropertyFieldSearchHost';\nvar PropertyFieldSearchBuilder = /** @class */ (function () {\n    function PropertyFieldSearchBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldSearchBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldSearchHost, __assign(__assign({}, props), { onChange: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldSearchBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldSearchBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldSearchBuilder;\n}());\nexport function PropertyFieldSearch(targetProperty, properties) {\n    return new PropertyFieldSearchBuilder(targetProperty, __assign(__assign({}, properties), { onChange: properties.onChange, onClear: properties.onClear, onEscape: properties.onEscape, onSearch: properties.onSearch, onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldSearchHost from './PropertyFieldSearchHost';\nvar PropertyFieldSearchBuilder = /** @class */ (function () {\n    function PropertyFieldSearchBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldSearchBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldSearchHost, __assign(__assign({}, props), { onChange: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldSearchBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldSearchBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldSearchBuilder;\n}());\nexport function PropertyFieldSearch(targetProperty, properties) {\n    return new PropertyFieldSearchBuilder(targetProperty, __assign(__assign({}, properties), { onChange: properties.onChange, onClear: properties.onClear, onEscape: properties.onEscape, onSearch: properties.onSearch, onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "6Irw",
@@ -26486,9 +26900,9 @@
           "chunks": [
             "property-controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/@uifabric/react-hooks/lib/useSetTimeout.js",
-          "issuerId": "FLjh",
-          "issuerName": "./node_modules/@uifabric/react-hooks/lib/useSetTimeout.js",
+          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/@uifabric/react-hooks/lib/useWarnings.js",
+          "issuerId": "sNMJ",
+          "issuerName": "./node_modules/@uifabric/react-hooks/lib/useWarnings.js",
           "issuerPath": [
             {
               "id": "fd0V",
@@ -26551,9 +26965,9 @@
               "name": "./node_modules/@uifabric/react-hooks/lib/index.js"
             },
             {
-              "id": "FLjh",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/@uifabric/react-hooks/lib/useSetTimeout.js",
-              "name": "./node_modules/@uifabric/react-hooks/lib/useSetTimeout.js"
+              "id": "sNMJ",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/@uifabric/react-hooks/lib/useWarnings.js",
+              "name": "./node_modules/@uifabric/react-hooks/lib/useWarnings.js"
             }
           ],
           "failed": false,
@@ -29718,7 +30132,7 @@
           "name": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
           "index": 960,
           "index2": 963,
-          "size": 1303,
+          "size": 1304,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -29765,7 +30179,7 @@
           ],
           "optimizationBailout": [],
           "depth": 1,
-          "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyPanePropertyEditorHost from './PropertyPanePropertyEditorHost';\nvar PropertyPanePropertyEditorBuilder = /** @class */ (function () {\n    function PropertyPanePropertyEditorBuilder(_properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.properties = {\n            key: _properties.key,\n            webpart: _properties.webpart,\n            onRender: this.onRender.bind(this)\n        };\n    }\n    PropertyPanePropertyEditorBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyPanePropertyEditorBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        var element = React.createElement(PropertyPanePropertyEditorHost, {\n            webpart: this.properties.webpart\n        });\n        ReactDom.render(element, elem);\n    };\n    return PropertyPanePropertyEditorBuilder;\n}());\nexport function PropertyPanePropertyEditor(properties) {\n    return new PropertyPanePropertyEditorBuilder(properties);\n}\n"
+          "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyPanePropertyEditorHost from './PropertyPanePropertyEditorHost';\nvar PropertyPanePropertyEditorBuilder = /** @class */ (function () {\n    function PropertyPanePropertyEditorBuilder(_properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.properties = {\n            key: _properties.key,\n            webpart: _properties.webpart,\n            onRender: this.onRender.bind(this)\n        };\n    }\n    PropertyPanePropertyEditorBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyPanePropertyEditorBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        var element = React.createElement(PropertyPanePropertyEditorHost, {\n            webpart: this.properties.webpart\n        });\n        ReactDom.render(element, elem);\n    };\n    return PropertyPanePropertyEditorBuilder;\n}());\nexport function PropertyPanePropertyEditor(properties) {\n    return new PropertyPanePropertyEditorBuilder(properties);\n}\n"
         },
         {
           "id": "7c8E",
@@ -31037,9 +31451,9 @@
           "chunks": [
             "property-controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/SearchBox/index.js",
-          "issuerId": "Q7R/",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/SearchBox/index.js",
+          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/SearchBox/SearchBox.js",
+          "issuerId": "WDP9",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/SearchBox/SearchBox.js",
           "issuerPath": [
             {
               "id": "fd0V",
@@ -31075,6 +31489,11 @@
               "id": "Q7R/",
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/SearchBox/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/SearchBox/index.js"
+            },
+            {
+              "id": "WDP9",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/SearchBox/SearchBox.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/SearchBox/SearchBox.js"
             }
           ],
           "failed": false,
@@ -41772,7 +42191,7 @@
           "name": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
           "index": 752,
           "index2": 754,
-          "size": 2084,
+          "size": 2085,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -41829,7 +42248,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldToggleWithCalloutHost from './PropertyFieldToggleWithCalloutHost';\nvar PropertyFieldToggleWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldToggleWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldToggleWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldToggleWithCalloutHost, __assign(__assign({}, props), { onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldToggleWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldToggleWithCalloutBuilder.prototype._onChanged = function (checked) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, checked);\n        }\n    };\n    return PropertyFieldToggleWithCalloutBuilder;\n}());\nexport function PropertyFieldToggleWithCallout(targetProperty, properties) {\n    return new PropertyFieldToggleWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldToggleWithCalloutHost from './PropertyFieldToggleWithCalloutHost';\nvar PropertyFieldToggleWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldToggleWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldToggleWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldToggleWithCalloutHost, __assign(__assign({}, props), { onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldToggleWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldToggleWithCalloutBuilder.prototype._onChanged = function (checked) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, checked);\n        }\n    };\n    return PropertyFieldToggleWithCalloutBuilder;\n}());\nexport function PropertyFieldToggleWithCallout(targetProperty, properties) {\n    return new PropertyFieldToggleWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "CXBn",
@@ -54089,9 +54508,9 @@
           "chunks": [
             "property-controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/HoverCard/index.js",
-          "issuerId": "K0tY",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/index.js",
+          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
+          "issuerId": "OQ9B",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
           "issuerPath": [
             {
               "id": "fd0V",
@@ -54127,6 +54546,11 @@
               "id": "K0tY",
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/HoverCard/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/index.js"
+            },
+            {
+              "id": "OQ9B",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js"
             }
           ],
           "failed": false,
@@ -57300,7 +57724,7 @@
           "name": "./lib/propertyFields/message/PropertyFieldMessage.js",
           "index": 1033,
           "index2": 1333,
-          "size": 1918,
+          "size": 1919,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -57357,7 +57781,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-webpart-base';\nimport PropertyFieldMessageHost from './PropertyFieldMessageHost';\nvar PropertyFieldMessageBuilder = /** @class */ (function () {\n    function PropertyFieldMessageBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldMessageBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldMessageHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldMessageBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldMessageBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldMessageBuilder;\n}());\nexport function PropertyFieldMessage(targetProperty, properties) {\n    return new PropertyFieldMessageBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldMessageHost from './PropertyFieldMessageHost';\nvar PropertyFieldMessageBuilder = /** @class */ (function () {\n    function PropertyFieldMessageBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldMessageBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldMessageHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldMessageBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldMessageBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldMessageBuilder;\n}());\nexport function PropertyFieldMessage(targetProperty, properties) {\n    return new PropertyFieldMessageBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "Hl3h",
@@ -57458,7 +57882,7 @@
           "name": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
           "index": 957,
           "index2": 956,
-          "size": 1726,
+          "size": 1727,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -57510,7 +57934,7 @@
           ],
           "optimizationBailout": [],
           "depth": 2,
-          "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyPaneWebPartInformationHost from './PropertyPaneWebPartInformationHost';\nvar PropertyPaneWebPartInformationBuilder = /** @class */ (function () {\n    function PropertyPaneWebPartInformationBuilder(_properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.properties = {\n            key: _properties.key,\n            moreInfoLink: _properties.moreInfoLink,\n            moreInfoLinkTarget: _properties.moreInfoLinkTarget !== undefined ? _properties.moreInfoLinkTarget : \"_blank\",\n            videoProperties: _properties.videoProperties,\n            description: _properties.description,\n            onRender: this.onRender.bind(this)\n        };\n    }\n    PropertyPaneWebPartInformationBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyPaneWebPartInformationBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        var element = React.createElement(PropertyPaneWebPartInformationHost, {\n            moreInfoLink: this.properties.moreInfoLink,\n            moreInfoLinkTarget: this.properties.moreInfoLinkTarget,\n            description: this.properties.description,\n            videoProperties: this.properties.videoProperties\n        });\n        ReactDom.render(element, elem);\n    };\n    return PropertyPaneWebPartInformationBuilder;\n}());\nexport function PropertyPaneWebPartInformation(properties) {\n    return new PropertyPaneWebPartInformationBuilder(properties);\n}\n"
+          "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyPaneWebPartInformationHost from './PropertyPaneWebPartInformationHost';\nvar PropertyPaneWebPartInformationBuilder = /** @class */ (function () {\n    function PropertyPaneWebPartInformationBuilder(_properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.properties = {\n            key: _properties.key,\n            moreInfoLink: _properties.moreInfoLink,\n            moreInfoLinkTarget: _properties.moreInfoLinkTarget !== undefined ? _properties.moreInfoLinkTarget : \"_blank\",\n            videoProperties: _properties.videoProperties,\n            description: _properties.description,\n            onRender: this.onRender.bind(this)\n        };\n    }\n    PropertyPaneWebPartInformationBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyPaneWebPartInformationBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        var element = React.createElement(PropertyPaneWebPartInformationHost, {\n            moreInfoLink: this.properties.moreInfoLink,\n            moreInfoLinkTarget: this.properties.moreInfoLinkTarget,\n            description: this.properties.description,\n            videoProperties: this.properties.videoProperties\n        });\n        ReactDom.render(element, elem);\n    };\n    return PropertyPaneWebPartInformationBuilder;\n}());\nexport function PropertyPaneWebPartInformation(properties) {\n    return new PropertyPaneWebPartInformationBuilder(properties);\n}\n"
         },
         {
           "id": "Hol9",
@@ -59409,7 +59833,7 @@
           "name": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
           "index": 545,
           "index2": 585,
-          "size": 4149,
+          "size": 4150,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -59466,7 +59890,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "import { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport { getColorFromString } from 'office-ui-fabric-react/lib/utilities/color';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nimport { debounce } from '../../common/util/Util';\nimport { PropertyFieldColorPickerStyle, } from './IPropertyFieldColorPicker';\nimport PropertyFieldColorPickerHost from './PropertyFieldColorPickerHost';\nvar PropertyFieldColorPickerBuilder = /** @class */ (function () {\n    function PropertyFieldColorPickerBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this._debounce = debounce();\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            onPropertyChange: _properties.onPropertyChange,\n            selectedColor: _properties.selectedColor,\n            disabled: _properties.disabled,\n            debounce: _properties.debounce,\n            isHidden: _properties.isHidden,\n            alphaSliderHidden: _properties.alphaSliderHidden,\n            properties: _properties.properties,\n            style: _properties.style,\n            iconName: _properties.iconName,\n            onRender: this.onRender.bind(this)\n        };\n        if (typeof _properties.selectedColor === 'undefined') {\n            this.color = '#ffffff';\n        }\n        else {\n            if (typeof _properties.selectedColor === 'string') {\n                this.color = _properties.selectedColor;\n            }\n            else {\n                this.color = _properties.selectedColor.str;\n            }\n        }\n        this.valueAsObject = _properties.valueAsObject;\n    }\n    PropertyFieldColorPickerBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldColorPickerBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldColorPickerHost, {\n            label: this.properties.label,\n            alphaSliderHidden: this.properties.alphaSliderHidden,\n            disabled: this.properties.disabled,\n            debounce: this.properties.debounce,\n            isHidden: this.properties.isHidden,\n            selectedColor: this.color,\n            style: this.properties.style || PropertyFieldColorPickerStyle.Inline,\n            iconName: this.properties.iconName || 'Color',\n            onColorChanged: this.onColorChanged.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldColorPickerBuilder.prototype.onColorChanged = function (newColor) {\n        var _this = this;\n        if (this.properties.onPropertyChange && newColor !== null) {\n            var newValue_1 = (this.valueAsObject ? getColorFromString(newColor) : newColor);\n            var oldValue_1 = (this.valueAsObject ? getColorFromString(this.color) : this.color);\n            this.color = newColor;\n            this.properties.debounce ?\n                this._debounce(function () {\n                    _this.onColorChangedInternal(oldValue_1, newValue_1);\n                }, this.properties.debounce) :\n                this.onColorChangedInternal(oldValue_1, newValue_1);\n        }\n    };\n    PropertyFieldColorPickerBuilder.prototype.onColorChangedInternal = function (oldValue, newValue) {\n        this.properties.onPropertyChange(this.targetProperty, oldValue, newValue);\n        setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n        if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n            this.changeCB(this.targetProperty, newValue);\n        }\n    };\n    return PropertyFieldColorPickerBuilder;\n}());\nexport function PropertyFieldColorPicker(targetProperty, properties) {\n    return new PropertyFieldColorPickerBuilder(targetProperty, properties);\n}\n"
+          "source": "import { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport { getColorFromString } from 'office-ui-fabric-react/lib/utilities/color';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nimport { debounce } from '../../common/util/Util';\nimport { PropertyFieldColorPickerStyle, } from './IPropertyFieldColorPicker';\nimport PropertyFieldColorPickerHost from './PropertyFieldColorPickerHost';\nvar PropertyFieldColorPickerBuilder = /** @class */ (function () {\n    function PropertyFieldColorPickerBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this._debounce = debounce();\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            onPropertyChange: _properties.onPropertyChange,\n            selectedColor: _properties.selectedColor,\n            disabled: _properties.disabled,\n            debounce: _properties.debounce,\n            isHidden: _properties.isHidden,\n            alphaSliderHidden: _properties.alphaSliderHidden,\n            properties: _properties.properties,\n            style: _properties.style,\n            iconName: _properties.iconName,\n            onRender: this.onRender.bind(this)\n        };\n        if (typeof _properties.selectedColor === 'undefined') {\n            this.color = '#ffffff';\n        }\n        else {\n            if (typeof _properties.selectedColor === 'string') {\n                this.color = _properties.selectedColor;\n            }\n            else {\n                this.color = _properties.selectedColor.str;\n            }\n        }\n        this.valueAsObject = _properties.valueAsObject;\n    }\n    PropertyFieldColorPickerBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldColorPickerBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldColorPickerHost, {\n            label: this.properties.label,\n            alphaSliderHidden: this.properties.alphaSliderHidden,\n            disabled: this.properties.disabled,\n            debounce: this.properties.debounce,\n            isHidden: this.properties.isHidden,\n            selectedColor: this.color,\n            style: this.properties.style || PropertyFieldColorPickerStyle.Inline,\n            iconName: this.properties.iconName || 'Color',\n            onColorChanged: this.onColorChanged.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldColorPickerBuilder.prototype.onColorChanged = function (newColor) {\n        var _this = this;\n        if (this.properties.onPropertyChange && newColor !== null) {\n            var newValue_1 = (this.valueAsObject ? getColorFromString(newColor) : newColor);\n            var oldValue_1 = (this.valueAsObject ? getColorFromString(this.color) : this.color);\n            this.color = newColor;\n            this.properties.debounce ?\n                this._debounce(function () {\n                    _this.onColorChangedInternal(oldValue_1, newValue_1);\n                }, this.properties.debounce) :\n                this.onColorChangedInternal(oldValue_1, newValue_1);\n        }\n    };\n    PropertyFieldColorPickerBuilder.prototype.onColorChangedInternal = function (oldValue, newValue) {\n        this.properties.onPropertyChange(this.targetProperty, oldValue, newValue);\n        setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n        if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n            this.changeCB(this.targetProperty, newValue);\n        }\n    };\n    return PropertyFieldColorPickerBuilder;\n}());\nexport function PropertyFieldColorPicker(targetProperty, properties) {\n    return new PropertyFieldColorPickerBuilder(targetProperty, properties);\n}\n"
         },
         {
           "id": "Intl",
@@ -59885,9 +60309,9 @@
           "chunks": [
             "property-controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/index.js",
-          "issuerId": "S6XE",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/utilities/color/index.js",
+          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/getColorFromString.js",
+          "issuerId": "vgI3",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/utilities/color/getColorFromString.js",
           "issuerPath": [
             {
               "id": "fd0V",
@@ -59905,14 +60329,29 @@
               "name": "./lib/propertyFields/colorPicker/index.js"
             },
             {
-              "id": "IdMT",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-              "name": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js"
+              "id": "kPPc",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/colorPicker/PropertyFieldColorPickerHost.js",
+              "name": "./lib/propertyFields/colorPicker/PropertyFieldColorPickerHost.js"
             },
             {
-              "id": "S6XE",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/index.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/utilities/color/index.js"
+              "id": "rE1q",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/ColorPicker.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/ColorPicker.js"
+            },
+            {
+              "id": "mFm4",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
+            },
+            {
+              "id": "xYHk",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js"
+            },
+            {
+              "id": "vgI3",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/getColorFromString.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/utilities/color/getColorFromString.js"
             }
           ],
           "failed": false,
@@ -64993,7 +65432,7 @@
           "name": "./lib/propertyFields/guid/PropertyFieldGuid.js",
           "index": 1492,
           "index2": 1490,
-          "size": 1938,
+          "size": 1939,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -65050,7 +65489,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-webpart-base';\nimport PropertyFieldGuidHost from './PropertyFieldGuidHost';\nvar PropertyFieldGuidBuilder = /** @class */ (function () {\n    function PropertyFieldGuidBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldGuidBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldGuidHost, __assign(__assign({}, props), { onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldGuidBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldGuidBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldGuidBuilder;\n}());\nexport function PropertyFieldGuid(targetProperty, properties) {\n    return new PropertyFieldGuidBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldGuidHost from './PropertyFieldGuidHost';\nvar PropertyFieldGuidBuilder = /** @class */ (function () {\n    function PropertyFieldGuidBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldGuidBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldGuidHost, __assign(__assign({}, props), { onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldGuidBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldGuidBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldGuidBuilder;\n}());\nexport function PropertyFieldGuid(targetProperty, properties) {\n    return new PropertyFieldGuidBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "LCbo",
@@ -85434,7 +85873,7 @@
           "name": "./lib/propertyFields/password/PropertyFieldPassword.js",
           "index": 1018,
           "index2": 1016,
-          "size": 2015,
+          "size": 2016,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -85491,7 +85930,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-webpart-base';\nimport PropertyFieldPasswordHost from './PropertyFieldPasswordHost';\nvar PropertyFieldPasswordBuilder = /** @class */ (function () {\n    function PropertyFieldPasswordBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldPasswordBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldPasswordHost, __assign(__assign({}, props), { onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldPasswordBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldPasswordBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldPasswordBuilder;\n}());\nexport function PropertyFieldPassword(targetProperty, properties) {\n    return new PropertyFieldPasswordBuilder(targetProperty, __assign(__assign({}, properties), { onChanged: properties.onChanged, onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldPasswordHost from './PropertyFieldPasswordHost';\nvar PropertyFieldPasswordBuilder = /** @class */ (function () {\n    function PropertyFieldPasswordBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldPasswordBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldPasswordHost, __assign(__assign({}, props), { onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldPasswordBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldPasswordBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldPasswordBuilder;\n}());\nexport function PropertyFieldPassword(targetProperty, properties) {\n    return new PropertyFieldPasswordBuilder(targetProperty, __assign(__assign({}, properties), { onChanged: properties.onChanged, onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "NIt1",
@@ -87885,11 +88324,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
             },
-            {
-              "id": "qZiu",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-            },
             {
               "id": "xYHk",
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -88541,9 +88975,9 @@
           "chunks": [
             "property-controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_baseAssignValue.js",
-          "issuerId": "hypo",
-          "issuerName": "./node_modules/lodash/_baseAssignValue.js",
+          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_baseSetToString.js",
+          "issuerId": "pFRH",
+          "issuerName": "./node_modules/lodash/_baseSetToString.js",
           "issuerPath": [
             {
               "id": "fd0V",
@@ -88571,19 +89005,19 @@
               "name": "./node_modules/lodash/omit.js"
             },
             {
-              "id": "juv8",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_copyObject.js",
-              "name": "./node_modules/lodash/_copyObject.js"
+              "id": "xs/l",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_flatRest.js",
+              "name": "./node_modules/lodash/_flatRest.js"
             },
             {
-              "id": "MrPd",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_assignValue.js",
-              "name": "./node_modules/lodash/_assignValue.js"
+              "id": "wclG",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_setToString.js",
+              "name": "./node_modules/lodash/_setToString.js"
             },
             {
-              "id": "hypo",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_baseAssignValue.js",
-              "name": "./node_modules/lodash/_baseAssignValue.js"
+              "id": "pFRH",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_baseSetToString.js",
+              "name": "./node_modules/lodash/_baseSetToString.js"
             }
           ],
           "failed": false,
@@ -90766,7 +91200,7 @@
           "name": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
           "index": 517,
           "index2": 538,
-          "size": 4715,
+          "size": 4717,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -90823,7 +91257,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport { DayOfWeek } from 'office-ui-fabric-react/lib/utilities/dateValues/DateValues';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldDateTimePickerHost from './PropertyFieldDateTimePickerHost';\nimport { TimeConvention, DateConvention } from './IPropertyFieldDateTimePicker';\n/**\n * Represents a PropertyFieldDateTimePicker object\n */\nvar PropertyFieldDateTimePickerBuilder = /** @class */ (function () {\n    /**\n     * Constructor\n     */\n    function PropertyFieldDateTimePickerBuilder(_targetProperty, _properties) {\n        // Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.disabled = false;\n        this.deferredValidationTime = 200;\n        this.showLabels = true;\n        this.render = this.render.bind(this);\n        this.targetProperty = _properties.targetProperty;\n        this.properties = _properties;\n        this.label = _properties.label;\n        this.initialDate = _properties.initialDate;\n        this.properties.onDispose = this.dispose;\n        this.properties.onRender = this.render;\n        this.onPropertyChange = _properties.onPropertyChange;\n        this.formatDate = _properties.formatDate;\n        this.customProperties = _properties.properties;\n        this.key = _properties.key;\n        this.onGetErrorMessage = _properties.onGetErrorMessage;\n        if (_properties.deferredValidationTime) {\n            this.deferredValidationTime = _properties.deferredValidationTime;\n        }\n        if (typeof _properties.disabled !== 'undefined') {\n            this.disabled = _properties.disabled;\n        }\n        if (typeof _properties.dateConvention !== 'undefined') {\n            this.dateConvention = _properties.dateConvention;\n        }\n        else {\n            this.dateConvention = DateConvention.DateTime;\n        }\n        if (typeof _properties.timeConvention !== 'undefined') {\n            this.timeConvention = _properties.timeConvention;\n        }\n        else {\n            this.timeConvention = TimeConvention.Hours24;\n        }\n        if (typeof _properties.firstDayOfWeek !== 'undefined') {\n            this.firstDayOfWeek = _properties.firstDayOfWeek;\n        }\n        else {\n            this.firstDayOfWeek = DayOfWeek.Sunday;\n        }\n        this.showLabels = _properties.showLabels;\n    }\n    /**\n     * Renders the DatePicker field content\n     */\n    PropertyFieldDateTimePickerBuilder.prototype.render = function (elem, ctx, changeCallback) {\n        // Construct the JSX properties\n        var element = React.createElement(PropertyFieldDateTimePickerHost, {\n            label: this.label,\n            disabled: this.disabled,\n            initialDate: this.initialDate,\n            targetProperty: this.targetProperty,\n            formatDate: this.formatDate,\n            dateConvention: this.dateConvention,\n            timeConvention: this.timeConvention,\n            firstDayOfWeek: this.firstDayOfWeek,\n            onDispose: this.dispose,\n            onRender: this.render,\n            onPropertyChange: this.onPropertyChange,\n            onChange: changeCallback,\n            properties: this.customProperties,\n            key: this.key,\n            onGetErrorMessage: this.onGetErrorMessage,\n            deferredValidationTime: this.deferredValidationTime,\n            showLabels: this.showLabels\n        });\n        // Calls the REACT content generator\n        ReactDom.render(element, elem);\n    };\n    /**\n     * Disposes the current object\n     */\n    PropertyFieldDateTimePickerBuilder.prototype.dispose = function (elem) {\n    };\n    return PropertyFieldDateTimePickerBuilder;\n}());\n/**\n * Helper method to create the customer field on the PropertyPane.\n * @param targetProperty - Target property the custom field is associated to.\n * @param properties - Strongly typed custom field properties.\n */\nexport function PropertyFieldDateTimePicker(targetProperty, properties) {\n    // Calls the PropertyFieldDateTimePicker builder object\n    // This object will simulate a PropertyFieldCustom to manage his rendering process\n    return new PropertyFieldDateTimePickerBuilder(targetProperty, __assign(__assign({}, properties), { targetProperty: targetProperty, onDispose: null, onRender: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport { DayOfWeek } from 'office-ui-fabric-react/lib/utilities/dateValues/DateValues';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldDateTimePickerHost from './PropertyFieldDateTimePickerHost';\nimport { TimeConvention, DateConvention } from './IPropertyFieldDateTimePicker';\n/**\n * Represents a PropertyFieldDateTimePicker object\n */\nvar PropertyFieldDateTimePickerBuilder = /** @class */ (function () {\n    /**\n     * Constructor\n     */\n    function PropertyFieldDateTimePickerBuilder(_targetProperty, _properties) {\n        // Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.disabled = false;\n        this.deferredValidationTime = 200;\n        this.showLabels = true;\n        this.render = this.render.bind(this);\n        this.targetProperty = _properties.targetProperty;\n        this.properties = _properties;\n        this.label = _properties.label;\n        this.initialDate = _properties.initialDate;\n        this.properties.onDispose = this.dispose;\n        this.properties.onRender = this.render;\n        this.onPropertyChange = _properties.onPropertyChange;\n        this.formatDate = _properties.formatDate;\n        this.customProperties = _properties.properties;\n        this.key = _properties.key;\n        this.onGetErrorMessage = _properties.onGetErrorMessage;\n        if (_properties.deferredValidationTime) {\n            this.deferredValidationTime = _properties.deferredValidationTime;\n        }\n        if (typeof _properties.disabled !== 'undefined') {\n            this.disabled = _properties.disabled;\n        }\n        if (typeof _properties.dateConvention !== 'undefined') {\n            this.dateConvention = _properties.dateConvention;\n        }\n        else {\n            this.dateConvention = DateConvention.DateTime;\n        }\n        if (typeof _properties.timeConvention !== 'undefined') {\n            this.timeConvention = _properties.timeConvention;\n        }\n        else {\n            this.timeConvention = TimeConvention.Hours24;\n        }\n        if (typeof _properties.firstDayOfWeek !== 'undefined') {\n            this.firstDayOfWeek = _properties.firstDayOfWeek;\n        }\n        else {\n            this.firstDayOfWeek = DayOfWeek.Sunday;\n        }\n        this.showLabels = _properties.showLabels;\n    }\n    /**\n     * Renders the DatePicker field content\n     */\n    PropertyFieldDateTimePickerBuilder.prototype.render = function (elem, ctx, changeCallback) {\n        // Construct the JSX properties\n        var element = React.createElement(PropertyFieldDateTimePickerHost, {\n            label: this.label,\n            disabled: this.disabled,\n            initialDate: this.initialDate,\n            targetProperty: this.targetProperty,\n            formatDate: this.formatDate,\n            dateConvention: this.dateConvention,\n            timeConvention: this.timeConvention,\n            firstDayOfWeek: this.firstDayOfWeek,\n            onDispose: this.dispose,\n            onRender: this.render,\n            onPropertyChange: this.onPropertyChange,\n            onChange: changeCallback,\n            properties: this.customProperties,\n            key: this.key,\n            onGetErrorMessage: this.onGetErrorMessage,\n            deferredValidationTime: this.deferredValidationTime,\n            showLabels: this.showLabels\n        });\n        // Calls the REACT content generator\n        ReactDom.render(element, elem);\n    };\n    /**\n     * Disposes the current object\n     */\n    PropertyFieldDateTimePickerBuilder.prototype.dispose = function (elem) {\n    };\n    return PropertyFieldDateTimePickerBuilder;\n}());\n/**\n * Helper method to create the customer field on the PropertyPane.\n * @param targetProperty - Target property the custom field is associated to.\n * @param properties - Strongly typed custom field properties.\n */\nexport function PropertyFieldDateTimePicker(targetProperty, properties) {\n    // Calls the PropertyFieldDateTimePicker builder object\n    // This object will simulate a PropertyFieldCustom to manage his rendering process\n    return new PropertyFieldDateTimePickerBuilder(targetProperty, __assign(__assign({}, properties), { targetProperty: targetProperty, onDispose: null, onRender: null }));\n}\n"
         },
         {
           "id": "P6i7",
@@ -113626,9 +114060,9 @@
           "chunks": [
             "property-controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/pickers/BasePicker.js",
-          "issuerId": "QoT3",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/pickers/BasePicker.js",
+          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ComboBox/ComboBox.js",
+          "issuerId": "ihU0",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ComboBox/ComboBox.js",
           "issuerPath": [
             {
               "id": "fd0V",
@@ -113636,34 +114070,34 @@
               "name": "./lib/webparts/propertyControlsTest/PropertyControlsTestWebPart.js"
             },
             {
-              "id": "UN86",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/PropertyFieldPeoplePicker.js",
-              "name": "./lib/PropertyFieldPeoplePicker.js"
+              "id": "0GYy",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/PropertyFieldEditableComboBox.js",
+              "name": "./lib/PropertyFieldEditableComboBox.js"
             },
             {
-              "id": "kUl3",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/peoplePicker/index.js",
-              "name": "./lib/propertyFields/peoplePicker/index.js"
+              "id": "kxuI",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/editableComboBox/index.js",
+              "name": "./lib/propertyFields/editableComboBox/index.js"
             },
             {
-              "id": "poVe",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/peoplePicker/PropertyFieldPeoplePickerHost.js",
-              "name": "./lib/propertyFields/peoplePicker/PropertyFieldPeoplePickerHost.js"
+              "id": "2ahu",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/editableComboBox/PropertyFieldEditableComboBoxHost.js",
+              "name": "./lib/propertyFields/editableComboBox/PropertyFieldEditableComboBoxHost.js"
             },
             {
-              "id": "PGky",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/Pickers.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Pickers.js"
+              "id": "nqDX",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/ComboBox.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/ComboBox.js"
             },
             {
-              "id": "hLc7",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/pickers/index.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/pickers/index.js"
+              "id": "FaLo",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ComboBox/index.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/ComboBox/index.js"
             },
             {
-              "id": "QoT3",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/pickers/BasePicker.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/pickers/BasePicker.js"
+              "id": "ihU0",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ComboBox/ComboBox.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/ComboBox/ComboBox.js"
             }
           ],
           "failed": false,
@@ -114088,7 +114522,7 @@
           "name": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
           "index": 1347,
           "index2": 1345,
-          "size": 1918,
+          "size": 1919,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -114145,7 +114579,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-webpart-base';\nimport PropertyFieldSpinnerHost from './PropertyFieldSpinnerHost';\nvar PropertyFieldSpinnerBuilder = /** @class */ (function () {\n    function PropertyFieldSpinnerBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldSpinnerBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldSpinnerHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldSpinnerBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldSpinnerBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldSpinnerBuilder;\n}());\nexport function PropertyFieldSpinner(targetProperty, properties) {\n    return new PropertyFieldSpinnerBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldSpinnerHost from './PropertyFieldSpinnerHost';\nvar PropertyFieldSpinnerBuilder = /** @class */ (function () {\n    function PropertyFieldSpinnerBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldSpinnerBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldSpinnerHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldSpinnerBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldSpinnerBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldSpinnerBuilder;\n}());\nexport function PropertyFieldSpinner(targetProperty, properties) {\n    return new PropertyFieldSpinnerBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "WDP9",
@@ -114597,11 +115031,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
             },
-            {
-              "id": "qZiu",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-            },
             {
               "id": "xYHk",
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -116428,7 +116857,7 @@
           "name": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
           "index": 810,
           "index2": 812,
-          "size": 2044,
+          "size": 2045,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -116485,7 +116914,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldLinkHost from './PropertyFieldLinkWithCalloutHost';\nimport omit from 'lodash/omit';\n/**\n * Represents a PropertyFieldLinkWithCallout object\n */\nvar PropertyFieldLinkWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldLinkWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldLinkWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = omit(this.properties);\n        var element = React.createElement(PropertyFieldLinkHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n    };\n    PropertyFieldLinkWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    return PropertyFieldLinkWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Link with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Link with Callout component is associated to.\n * @param properties - Strongly typed Link with Callout component properties.\n */\nexport function PropertyFieldLinkWithCallout(targetProperty, properties) {\n    return new PropertyFieldLinkWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldLinkHost from './PropertyFieldLinkWithCalloutHost';\nimport omit from 'lodash/omit';\n/**\n * Represents a PropertyFieldLinkWithCallout object\n */\nvar PropertyFieldLinkWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldLinkWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldLinkWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = omit(this.properties);\n        var element = React.createElement(PropertyFieldLinkHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n    };\n    PropertyFieldLinkWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    return PropertyFieldLinkWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Link with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Link with Callout component is associated to.\n * @param properties - Strongly typed Link with Callout component properties.\n */\nexport function PropertyFieldLinkWithCallout(targetProperty, properties) {\n    return new PropertyFieldLinkWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "XY9E",
@@ -123501,11 +123930,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
             },
-            {
-              "id": "qZiu",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-            },
             {
               "id": "xYHk",
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -126542,7 +126966,7 @@
           "name": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
           "index": 798,
           "index2": 796,
-          "size": 2413,
+          "size": 2414,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -126599,7 +127023,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldCheckboxHost from './PropertyFieldCheckboxWithCalloutHost';\n/**\n * Represents a PropertyFieldCheckboxWithCallout object\n */\nvar PropertyFieldCheckboxWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldCheckboxWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldCheckboxWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldCheckboxHost, __assign(__assign({}, props), { onChange: this._onChange.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldCheckboxWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldCheckboxWithCalloutBuilder.prototype._onChange = function (e, value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldCheckboxWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Checkbox with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Checkbox with Callout component is associated to.\n * @param properties - Strongly typed Checkbox with Callout component properties.\n */\nexport function PropertyFieldCheckboxWithCallout(targetProperty, properties) {\n    return new PropertyFieldCheckboxWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldCheckboxHost from './PropertyFieldCheckboxWithCalloutHost';\n/**\n * Represents a PropertyFieldCheckboxWithCallout object\n */\nvar PropertyFieldCheckboxWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldCheckboxWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldCheckboxWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldCheckboxHost, __assign(__assign({}, props), { onChange: this._onChange.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldCheckboxWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldCheckboxWithCalloutBuilder.prototype._onChange = function (e, value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldCheckboxWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Checkbox with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Checkbox with Callout component is associated to.\n * @param properties - Strongly typed Checkbox with Callout component properties.\n */\nexport function PropertyFieldCheckboxWithCallout(targetProperty, properties) {\n    return new PropertyFieldCheckboxWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "bFxf",
@@ -127495,11 +127919,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
             },
-            {
-              "id": "qZiu",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-            },
             {
               "id": "xYHk",
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -127740,276 +128159,6 @@
           "warnings": 0,
           "assets": [],
           "reasons": [
-            {
-              "moduleId": "+6dq",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
-              "module": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
-              "moduleName": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-67"
-            },
-            {
-              "moduleId": "+6dq",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
-              "module": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
-              "moduleName": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "21:20-41"
-            },
-            {
-              "moduleId": "3zy0",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
-              "module": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
-              "moduleName": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-67"
-            },
-            {
-              "moduleId": "3zy0",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
-              "module": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
-              "moduleName": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "21:20-41"
-            },
-            {
-              "moduleId": "4i14",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
-              "module": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
-              "moduleName": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-67"
-            },
-            {
-              "moduleId": "4i14",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
-              "module": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
-              "moduleName": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "20:20-41"
-            },
-            {
-              "moduleId": "6FID",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/search/PropertyFieldSearch.js",
-              "module": "./lib/propertyFields/search/PropertyFieldSearch.js",
-              "moduleName": "./lib/propertyFields/search/PropertyFieldSearch.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-68"
-            },
-            {
-              "moduleId": "6FID",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/search/PropertyFieldSearch.js",
-              "module": "./lib/propertyFields/search/PropertyFieldSearch.js",
-              "moduleName": "./lib/propertyFields/search/PropertyFieldSearch.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "18:20-41"
-            },
-            {
-              "moduleId": "7c32",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
-              "module": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
-              "moduleName": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "3:0-67"
-            },
-            {
-              "moduleId": "7c32",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
-              "module": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
-              "moduleName": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "8:20-41"
-            },
-            {
-              "moduleId": "CPwD",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
-              "module": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
-              "moduleName": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-67"
-            },
-            {
-              "moduleId": "CPwD",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
-              "module": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
-              "moduleName": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "18:20-41"
-            },
-            {
-              "moduleId": "HjPl",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/message/PropertyFieldMessage.js",
-              "module": "./lib/propertyFields/message/PropertyFieldMessage.js",
-              "moduleName": "./lib/propertyFields/message/PropertyFieldMessage.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-68"
-            },
-            {
-              "moduleId": "HjPl",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/message/PropertyFieldMessage.js",
-              "module": "./lib/propertyFields/message/PropertyFieldMessage.js",
-              "moduleName": "./lib/propertyFields/message/PropertyFieldMessage.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "18:20-41"
-            },
-            {
-              "moduleId": "Ho7w",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
-              "module": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
-              "moduleName": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "3:0-67"
-            },
-            {
-              "moduleId": "Ho7w",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
-              "module": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
-              "moduleName": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "7:20-41"
-            },
-            {
-              "moduleId": "IdMT",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-              "module": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-              "moduleName": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "1:0-67"
-            },
-            {
-              "moduleId": "IdMT",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-              "module": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-              "moduleName": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "12:20-41"
-            },
-            {
-              "moduleId": "L9LI",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/guid/PropertyFieldGuid.js",
-              "module": "./lib/propertyFields/guid/PropertyFieldGuid.js",
-              "moduleName": "./lib/propertyFields/guid/PropertyFieldGuid.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-68"
-            },
-            {
-              "moduleId": "L9LI",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/guid/PropertyFieldGuid.js",
-              "module": "./lib/propertyFields/guid/PropertyFieldGuid.js",
-              "moduleName": "./lib/propertyFields/guid/PropertyFieldGuid.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "18:20-41"
-            },
-            {
-              "moduleId": "NGtH",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/password/PropertyFieldPassword.js",
-              "module": "./lib/propertyFields/password/PropertyFieldPassword.js",
-              "moduleName": "./lib/propertyFields/password/PropertyFieldPassword.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-68"
-            },
-            {
-              "moduleId": "NGtH",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/password/PropertyFieldPassword.js",
-              "module": "./lib/propertyFields/password/PropertyFieldPassword.js",
-              "moduleName": "./lib/propertyFields/password/PropertyFieldPassword.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "18:20-41"
-            },
-            {
-              "moduleId": "P40l",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
-              "module": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
-              "moduleName": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "15:0-67"
-            },
-            {
-              "moduleId": "P40l",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
-              "module": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
-              "moduleName": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "27:20-41"
-            },
-            {
-              "moduleId": "WBrC",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinner/PropertyFieldSpinner.js",
-              "module": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
-              "moduleName": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-68"
-            },
-            {
-              "moduleId": "WBrC",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinner/PropertyFieldSpinner.js",
-              "module": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
-              "moduleName": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "18:20-41"
-            },
-            {
-              "moduleId": "XPiY",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
-              "module": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
-              "moduleName": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-67"
-            },
-            {
-              "moduleId": "XPiY",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
-              "module": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
-              "moduleName": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "22:20-41"
-            },
-            {
-              "moduleId": "bEfm",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
-              "module": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
-              "moduleName": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-67"
-            },
-            {
-              "moduleId": "bEfm",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
-              "module": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
-              "moduleName": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "21:20-41"
-            },
             {
               "moduleId": "fd0V",
               "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/webparts/propertyControlsTest/PropertyControlsTestWebPart.js",
@@ -128027,150 +128176,6 @@
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-webpart-base",
               "loc": "1256:2-23"
-            },
-            {
-              "moduleId": "gsK6",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/order/PropertyFieldOrder.js",
-              "module": "./lib/propertyFields/order/PropertyFieldOrder.js",
-              "moduleName": "./lib/propertyFields/order/PropertyFieldOrder.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "1:0-67"
-            },
-            {
-              "moduleId": "gsK6",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/order/PropertyFieldOrder.js",
-              "module": "./lib/propertyFields/order/PropertyFieldOrder.js",
-              "moduleName": "./lib/propertyFields/order/PropertyFieldOrder.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "9:20-41"
-            },
-            {
-              "moduleId": "nyTD",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
-              "module": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
-              "moduleName": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-67"
-            },
-            {
-              "moduleId": "nyTD",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
-              "module": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
-              "moduleName": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "19:20-41"
-            },
-            {
-              "moduleId": "sSbZ",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
-              "module": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
-              "moduleName": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-67"
-            },
-            {
-              "moduleId": "sSbZ",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
-              "module": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
-              "moduleName": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "19:20-41"
-            },
-            {
-              "moduleId": "tlRU",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
-              "module": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
-              "moduleName": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "3:0-67"
-            },
-            {
-              "moduleId": "tlRU",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
-              "module": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
-              "moduleName": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "9:20-41"
-            },
-            {
-              "moduleId": "tuSQ",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
-              "module": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
-              "moduleName": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "1:0-67"
-            },
-            {
-              "moduleId": "tuSQ",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
-              "module": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
-              "moduleName": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "11:20-41"
-            },
-            {
-              "moduleId": "twr2",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
-              "module": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
-              "moduleName": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "4:0-67"
-            },
-            {
-              "moduleId": "twr2",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
-              "module": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
-              "moduleName": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "7:20-41"
-            },
-            {
-              "moduleId": "wYei",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
-              "module": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
-              "moduleName": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-67"
-            },
-            {
-              "moduleId": "wYei",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
-              "module": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
-              "moduleName": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "19:20-41"
-            },
-            {
-              "moduleId": "yZVT",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
-              "module": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
-              "moduleName": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
-              "type": "harmony side effect evaluation",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "14:0-67"
-            },
-            {
-              "moduleId": "yZVT",
-              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
-              "module": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
-              "moduleName": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
-              "type": "harmony import specifier",
-              "userRequest": "@microsoft/sp-webpart-base",
-              "loc": "23:20-41"
             }
           ],
           "providedExports": null,
@@ -151362,7 +151367,7 @@
           "name": "./lib/common/telemetry/version.js",
           "index": 348,
           "index2": 342,
-          "size": 43,
+          "size": 30,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -151424,7 +151429,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "export var version = \"3.5.0-beta.1834392\";\n"
+          "source": "export var version = \"3.5.0\";\n"
         },
         {
           "id": "cLrF",
@@ -158280,11 +158285,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
             },
-            {
-              "id": "qZiu",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-            },
             {
               "id": "xYHk",
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -164324,7 +164324,7 @@
           "name": "./lib/propertyFields/order/PropertyFieldOrder.js",
           "index": 925,
           "index2": 928,
-          "size": 3152,
+          "size": 3153,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -164381,7 +164381,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "import { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nimport PropertyFieldOrderHost from './PropertyFieldOrderHost';\nvar PropertyFieldOrderBuilder = /** @class */ (function () {\n    function PropertyFieldOrderBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            onPropertyChange: _properties.onPropertyChange,\n            disabled: _properties.disabled,\n            properties: _properties.properties,\n            items: _properties.items,\n            textProperty: _properties.textProperty,\n            moveUpIconName: _properties.moveUpIconName,\n            moveDownIconName: _properties.moveDownIconName,\n            disableDragAndDrop: _properties.disableDragAndDrop,\n            removeArrows: _properties.removeArrows,\n            maxHeight: _properties.maxHeight,\n            onRenderItem: _properties.onRenderItem,\n            onRender: this.onRender.bind(this)\n        };\n        this.items = _properties.items;\n    }\n    PropertyFieldOrderBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldOrderBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldOrderHost, {\n            label: this.properties.label,\n            disabled: this.properties.disabled,\n            items: this.items,\n            textProperty: this.properties.textProperty,\n            moveUpIconName: this.properties.moveUpIconName || 'ChevronUpSmall',\n            moveDownIconName: this.properties.moveDownIconName || 'ChevronDownSmall',\n            disableDragAndDrop: this.properties.disableDragAndDrop,\n            removeArrows: this.properties.removeArrows,\n            maxHeight: this.properties.maxHeight,\n            onRenderItem: this.properties.onRenderItem,\n            valueChanged: this.onValueChanged.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldOrderBuilder.prototype.onValueChanged = function (newValue) {\n        if (this.properties.onPropertyChange && newValue !== null) {\n            this.properties.onPropertyChange(this.targetProperty, this.items, newValue);\n            this.items = newValue;\n            setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n                this.changeCB(this.targetProperty, newValue);\n            }\n        }\n    };\n    return PropertyFieldOrderBuilder;\n}());\nexport function PropertyFieldOrder(targetProperty, properties) {\n    return new PropertyFieldOrderBuilder(targetProperty, properties);\n}\n"
+          "source": "import { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nimport PropertyFieldOrderHost from './PropertyFieldOrderHost';\nvar PropertyFieldOrderBuilder = /** @class */ (function () {\n    function PropertyFieldOrderBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            onPropertyChange: _properties.onPropertyChange,\n            disabled: _properties.disabled,\n            properties: _properties.properties,\n            items: _properties.items,\n            textProperty: _properties.textProperty,\n            moveUpIconName: _properties.moveUpIconName,\n            moveDownIconName: _properties.moveDownIconName,\n            disableDragAndDrop: _properties.disableDragAndDrop,\n            removeArrows: _properties.removeArrows,\n            maxHeight: _properties.maxHeight,\n            onRenderItem: _properties.onRenderItem,\n            onRender: this.onRender.bind(this)\n        };\n        this.items = _properties.items;\n    }\n    PropertyFieldOrderBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldOrderBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldOrderHost, {\n            label: this.properties.label,\n            disabled: this.properties.disabled,\n            items: this.items,\n            textProperty: this.properties.textProperty,\n            moveUpIconName: this.properties.moveUpIconName || 'ChevronUpSmall',\n            moveDownIconName: this.properties.moveDownIconName || 'ChevronDownSmall',\n            disableDragAndDrop: this.properties.disableDragAndDrop,\n            removeArrows: this.properties.removeArrows,\n            maxHeight: this.properties.maxHeight,\n            onRenderItem: this.properties.onRenderItem,\n            valueChanged: this.onValueChanged.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldOrderBuilder.prototype.onValueChanged = function (newValue) {\n        if (this.properties.onPropertyChange && newValue !== null) {\n            this.properties.onPropertyChange(this.targetProperty, this.items, newValue);\n            this.items = newValue;\n            setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n                this.changeCB(this.targetProperty, newValue);\n            }\n        }\n    };\n    return PropertyFieldOrderBuilder;\n}());\nexport function PropertyFieldOrder(targetProperty, properties) {\n    return new PropertyFieldOrderBuilder(targetProperty, properties);\n}\n"
         },
         {
           "id": "gwZ5",
@@ -164788,11 +164788,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
             },
-            {
-              "id": "qZiu",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-            },
             {
               "id": "xYHk",
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -172785,9 +172780,9 @@
           "chunks": [
             "property-controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/Checkbox/index.js",
-          "issuerId": "fmqj",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Checkbox/index.js",
+          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.js",
+          "issuerId": "zXKl",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.js",
           "issuerPath": [
             {
               "id": "fd0V",
@@ -172818,6 +172813,11 @@
               "id": "fmqj",
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/Checkbox/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/Checkbox/index.js"
+            },
+            {
+              "id": "zXKl",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.js"
             }
           ],
           "failed": false,
@@ -190615,7 +190615,7 @@
           "name": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
           "index": 604,
           "index2": 738,
-          "size": 2199,
+          "size": 2200,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -190672,7 +190672,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldDropdownHost from './PropertyFieldDropdownWithCalloutHost';\nimport omit from 'lodash/omit';\nvar PropertyFieldDropdownWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldDropdownWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldDropdownWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldDropdownHost, __assign(__assign({}, omit(props, ['options', 'ariaPositionInSet', 'ariaSetSize'])), { options: props.options || [], onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldDropdownWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldDropdownWithCalloutBuilder.prototype._onChanged = function (item) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, item.key);\n        }\n    };\n    return PropertyFieldDropdownWithCalloutBuilder;\n}());\nexport function PropertyFieldDropdownWithCallout(targetProperty, properties) {\n    return new PropertyFieldDropdownWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldDropdownHost from './PropertyFieldDropdownWithCalloutHost';\nimport omit from 'lodash/omit';\nvar PropertyFieldDropdownWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldDropdownWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldDropdownWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldDropdownHost, __assign(__assign({}, omit(props, ['options', 'ariaPositionInSet', 'ariaSetSize'])), { options: props.options || [], onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldDropdownWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldDropdownWithCalloutBuilder.prototype._onChanged = function (item) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, item.key);\n        }\n    };\n    return PropertyFieldDropdownWithCalloutBuilder;\n}());\nexport function PropertyFieldDropdownWithCallout(targetProperty, properties) {\n    return new PropertyFieldDropdownWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "o/0k",
@@ -202923,7 +202923,7 @@
           "name": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
           "index": 762,
           "index2": 764,
-          "size": 2433,
+          "size": 2434,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -202980,7 +202980,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldSliderWithCalloutHost from './PropertyFieldSliderWithCalloutHost';\nimport { debounce } from '../../common/util/Util';\nvar PropertyFieldSliderWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldSliderWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this._debounce = debounce();\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldSliderWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldSliderWithCalloutHost, __assign(__assign({}, props), { onChange: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldSliderWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldSliderWithCalloutBuilder.prototype._onChanged = function (value) {\n        var _this = this;\n        var props = this.properties;\n        if (this._onChangeCallback) {\n            props.debounce ?\n                this._debounce(function () { console.log(\"Debounced after \" + props.debounce); _this._onChangeCallback(_this.targetProperty, value); }, props.debounce) :\n                this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldSliderWithCalloutBuilder;\n}());\nexport function PropertyFieldSliderWithCallout(targetProperty, properties) {\n    return new PropertyFieldSliderWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldSliderWithCalloutHost from './PropertyFieldSliderWithCalloutHost';\nimport { debounce } from '../../common/util/Util';\nvar PropertyFieldSliderWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldSliderWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this._debounce = debounce();\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldSliderWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldSliderWithCalloutHost, __assign(__assign({}, props), { onChange: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldSliderWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldSliderWithCalloutBuilder.prototype._onChanged = function (value) {\n        var _this = this;\n        var props = this.properties;\n        if (this._onChangeCallback) {\n            props.debounce ?\n                this._debounce(function () { console.log(\"Debounced after \" + props.debounce); _this._onChangeCallback(_this.targetProperty, value); }, props.debounce) :\n                this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldSliderWithCalloutBuilder;\n}());\nexport function PropertyFieldSliderWithCallout(targetProperty, properties) {\n    return new PropertyFieldSliderWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "sU0K",
@@ -205930,11 +205930,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
             },
-            {
-              "id": "qZiu",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-            },
             {
               "id": "xYHk",
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -207256,7 +207251,7 @@
           "name": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
           "index": 592,
           "index2": 595,
-          "size": 5820,
+          "size": 5821,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -207313,7 +207308,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldSpinButtonHost from './PropertyFieldSpinButtonHost';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nvar PropertyFieldSpinButtonBuilder = /** @class */ (function () {\n    function PropertyFieldSpinButtonBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            step: _properties.step || 1,\n            min: _properties.min,\n            max: _properties.max,\n            onPropertyChange: _properties.onPropertyChange,\n            disabled: _properties.disabled,\n            properties: _properties.properties,\n            incrementIconName: _properties.incrementIconName,\n            decrementIconName: _properties.decrementIconName,\n            suffix: _properties.suffix,\n            decimalPlaces: _properties.decimalPlaces || 0,\n            onRender: this.onRender.bind(this)\n        };\n        this.svalue = _properties.initialValue || this.properties.min || 0;\n    }\n    PropertyFieldSpinButtonBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldSpinButtonHost, {\n            label: this.properties.label,\n            disabled: this.properties.disabled,\n            value: this.formatValueString(this.svalue),\n            incrementIconName: this.properties.incrementIconName || 'ChevronUpSmall',\n            decrementIconName: this.properties.decrementIconName || 'ChevronDownSmall',\n            onValidate: this.validate.bind(this),\n            onIncrement: this.increment.bind(this),\n            onDecrement: this.decrement.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.validate = function (rawValue) {\n        var numValue = this.extractNumValue(rawValue);\n        return this.validateNumber(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.validateNumber = function (numValue) {\n        // Check against max value\n        if (typeof this.properties.max !== \"undefined\" && numValue > this.properties.max) {\n            numValue = this.properties.max;\n        }\n        // Check against min value\n        if (typeof this.properties.min !== \"undefined\" && numValue < this.properties.min) {\n            numValue = this.properties.min;\n        }\n        //ensure matching rounding for decimals\n        numValue = +numValue.toFixed(this.properties.decimalPlaces);\n        //Check for change and notify\n        if (numValue !== this.svalue) {\n            this.onValueChanged(numValue);\n        }\n        return this.formatValueString(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.increment = function (rawValue) {\n        var numValue = this.extractNumValue(rawValue);\n        numValue += this.properties.step;\n        return this.validateNumber(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.decrement = function (rawValue) {\n        var numValue = this.extractNumValue(rawValue);\n        numValue -= this.properties.step;\n        return this.validateNumber(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.extractNumValue = function (rawValue) {\n        var numValue;\n        var baseValue = this.removeSuffix(rawValue);\n        if (isNaN(+baseValue)) {\n            if (this.properties.min) {\n                numValue = Math.max(this.properties.min, 0);\n            }\n            else {\n                numValue = 0;\n            }\n        }\n        else {\n            numValue = +baseValue;\n        }\n        return numValue;\n    };\n    PropertyFieldSpinButtonBuilder.prototype.hasSuffix = function (rawValue) {\n        if (!this.properties.suffix) {\n            return false;\n        }\n        var subString = rawValue.substr(rawValue.length - this.properties.suffix.length);\n        return subString === this.properties.suffix;\n    };\n    PropertyFieldSpinButtonBuilder.prototype.removeSuffix = function (rawValue) {\n        if (!this.hasSuffix(rawValue)) {\n            return rawValue;\n        }\n        return rawValue.substr(0, rawValue.length - this.properties.suffix.length);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.formatValueString = function (numValue) {\n        return this.addSuffix(numValue.toFixed(this.properties.decimalPlaces));\n    };\n    PropertyFieldSpinButtonBuilder.prototype.addSuffix = function (stringValue) {\n        if (!this.properties.suffix) {\n            return stringValue;\n        }\n        return stringValue + this.properties.suffix;\n    };\n    PropertyFieldSpinButtonBuilder.prototype.onValueChanged = function (newValue) {\n        if (this.properties.onPropertyChange && newValue !== null) {\n            this.properties.onPropertyChange(this.targetProperty, this.svalue, newValue);\n            this.svalue = newValue;\n            setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n                this.changeCB(this.targetProperty, newValue);\n            }\n        }\n    };\n    return PropertyFieldSpinButtonBuilder;\n}());\nexport function PropertyFieldSpinButton(targetProperty, properties) {\n    return new PropertyFieldSpinButtonBuilder(targetProperty, properties);\n}\n"
+          "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldSpinButtonHost from './PropertyFieldSpinButtonHost';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nvar PropertyFieldSpinButtonBuilder = /** @class */ (function () {\n    function PropertyFieldSpinButtonBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            step: _properties.step || 1,\n            min: _properties.min,\n            max: _properties.max,\n            onPropertyChange: _properties.onPropertyChange,\n            disabled: _properties.disabled,\n            properties: _properties.properties,\n            incrementIconName: _properties.incrementIconName,\n            decrementIconName: _properties.decrementIconName,\n            suffix: _properties.suffix,\n            decimalPlaces: _properties.decimalPlaces || 0,\n            onRender: this.onRender.bind(this)\n        };\n        this.svalue = _properties.initialValue || this.properties.min || 0;\n    }\n    PropertyFieldSpinButtonBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldSpinButtonHost, {\n            label: this.properties.label,\n            disabled: this.properties.disabled,\n            value: this.formatValueString(this.svalue),\n            incrementIconName: this.properties.incrementIconName || 'ChevronUpSmall',\n            decrementIconName: this.properties.decrementIconName || 'ChevronDownSmall',\n            onValidate: this.validate.bind(this),\n            onIncrement: this.increment.bind(this),\n            onDecrement: this.decrement.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.validate = function (rawValue) {\n        var numValue = this.extractNumValue(rawValue);\n        return this.validateNumber(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.validateNumber = function (numValue) {\n        // Check against max value\n        if (typeof this.properties.max !== \"undefined\" && numValue > this.properties.max) {\n            numValue = this.properties.max;\n        }\n        // Check against min value\n        if (typeof this.properties.min !== \"undefined\" && numValue < this.properties.min) {\n            numValue = this.properties.min;\n        }\n        //ensure matching rounding for decimals\n        numValue = +numValue.toFixed(this.properties.decimalPlaces);\n        //Check for change and notify\n        if (numValue !== this.svalue) {\n            this.onValueChanged(numValue);\n        }\n        return this.formatValueString(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.increment = function (rawValue) {\n        var numValue = this.extractNumValue(rawValue);\n        numValue += this.properties.step;\n        return this.validateNumber(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.decrement = function (rawValue) {\n        var numValue = this.extractNumValue(rawValue);\n        numValue -= this.properties.step;\n        return this.validateNumber(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.extractNumValue = function (rawValue) {\n        var numValue;\n        var baseValue = this.removeSuffix(rawValue);\n        if (isNaN(+baseValue)) {\n            if (this.properties.min) {\n                numValue = Math.max(this.properties.min, 0);\n            }\n            else {\n                numValue = 0;\n            }\n        }\n        else {\n            numValue = +baseValue;\n        }\n        return numValue;\n    };\n    PropertyFieldSpinButtonBuilder.prototype.hasSuffix = function (rawValue) {\n        if (!this.properties.suffix) {\n            return false;\n        }\n        var subString = rawValue.substr(rawValue.length - this.properties.suffix.length);\n        return subString === this.properties.suffix;\n    };\n    PropertyFieldSpinButtonBuilder.prototype.removeSuffix = function (rawValue) {\n        if (!this.hasSuffix(rawValue)) {\n            return rawValue;\n        }\n        return rawValue.substr(0, rawValue.length - this.properties.suffix.length);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.formatValueString = function (numValue) {\n        return this.addSuffix(numValue.toFixed(this.properties.decimalPlaces));\n    };\n    PropertyFieldSpinButtonBuilder.prototype.addSuffix = function (stringValue) {\n        if (!this.properties.suffix) {\n            return stringValue;\n        }\n        return stringValue + this.properties.suffix;\n    };\n    PropertyFieldSpinButtonBuilder.prototype.onValueChanged = function (newValue) {\n        if (this.properties.onPropertyChange && newValue !== null) {\n            this.properties.onPropertyChange(this.targetProperty, this.svalue, newValue);\n            this.svalue = newValue;\n            setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n                this.changeCB(this.targetProperty, newValue);\n            }\n        }\n    };\n    return PropertyFieldSpinButtonBuilder;\n}());\nexport function PropertyFieldSpinButton(targetProperty, properties) {\n    return new PropertyFieldSpinButtonBuilder(targetProperty, properties);\n}\n"
         },
         {
           "id": "toVl",
@@ -208585,7 +208580,7 @@
           "name": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
           "index": 936,
           "index2": 950,
-          "size": 3942,
+          "size": 3943,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -208642,7 +208637,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "import { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport { getColorFromString } from 'office-ui-fabric-react/lib/utilities/color/colors';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nimport { PropertyFieldSwatchColorPickerStyle, } from './IPropertyFieldSwatchColorPicker';\nimport PropertyFieldSwatchColorPickerHost from './PropertyFieldSwatchColorPickerHost';\nvar PropertyFieldSwatchColorPickerBuilder = /** @class */ (function () {\n    function PropertyFieldSwatchColorPickerBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            onPropertyChange: _properties.onPropertyChange,\n            selectedColor: _properties.selectedColor,\n            colors: _properties.colors,\n            showAsCircles: _properties.showAsCircles,\n            columnCount: _properties.columnCount,\n            disabled: _properties.disabled,\n            properties: _properties.properties,\n            style: _properties.style,\n            iconName: _properties.iconName,\n            onRender: this.onRender.bind(this)\n        };\n        if (typeof _properties.selectedColor === 'undefined') {\n            this.color = null;\n        }\n        else {\n            if (typeof _properties.selectedColor === 'string') {\n                this.color = _properties.selectedColor;\n            }\n            else {\n                this.color = _properties.selectedColor.str;\n            }\n        }\n        this.valueAsObject = _properties.valueAsObject;\n    }\n    PropertyFieldSwatchColorPickerBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldSwatchColorPickerBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldSwatchColorPickerHost, {\n            label: this.properties.label,\n            disabled: this.properties.disabled,\n            colors: (typeof this.properties.colors === 'undefined' || this.properties.colors.length === 0) ? [{ color: '#FFFFFF' }] : this.properties.colors,\n            showAsCircles: this.properties.showAsCircles,\n            columnCount: typeof this.properties.columnCount === 'undefined' ? 6 : Math.min(Math.max(1, this.properties.columnCount), 8),\n            selectedColor: this.color,\n            style: this.properties.style || PropertyFieldSwatchColorPickerStyle.Inline,\n            iconName: this.properties.iconName || 'Color',\n            onColorChanged: this.onColorChanged.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldSwatchColorPickerBuilder.prototype.onColorChanged = function (id, newColor) {\n        if (this.properties.onPropertyChange && newColor !== null) {\n            var newValue = (this.valueAsObject ? getColorFromString(newColor) : newColor);\n            var oldValue = (this.valueAsObject ? getColorFromString(this.color) : this.color);\n            this.color = newColor;\n            this.properties.onPropertyChange(this.targetProperty, oldValue, newValue);\n            setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n                this.changeCB(this.targetProperty, newValue);\n            }\n        }\n    };\n    return PropertyFieldSwatchColorPickerBuilder;\n}());\nexport function PropertyFieldSwatchColorPicker(targetProperty, properties) {\n    return new PropertyFieldSwatchColorPickerBuilder(targetProperty, properties);\n}\n"
+          "source": "import { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport { getColorFromString } from 'office-ui-fabric-react/lib/utilities/color/colors';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nimport { PropertyFieldSwatchColorPickerStyle, } from './IPropertyFieldSwatchColorPicker';\nimport PropertyFieldSwatchColorPickerHost from './PropertyFieldSwatchColorPickerHost';\nvar PropertyFieldSwatchColorPickerBuilder = /** @class */ (function () {\n    function PropertyFieldSwatchColorPickerBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            onPropertyChange: _properties.onPropertyChange,\n            selectedColor: _properties.selectedColor,\n            colors: _properties.colors,\n            showAsCircles: _properties.showAsCircles,\n            columnCount: _properties.columnCount,\n            disabled: _properties.disabled,\n            properties: _properties.properties,\n            style: _properties.style,\n            iconName: _properties.iconName,\n            onRender: this.onRender.bind(this)\n        };\n        if (typeof _properties.selectedColor === 'undefined') {\n            this.color = null;\n        }\n        else {\n            if (typeof _properties.selectedColor === 'string') {\n                this.color = _properties.selectedColor;\n            }\n            else {\n                this.color = _properties.selectedColor.str;\n            }\n        }\n        this.valueAsObject = _properties.valueAsObject;\n    }\n    PropertyFieldSwatchColorPickerBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldSwatchColorPickerBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldSwatchColorPickerHost, {\n            label: this.properties.label,\n            disabled: this.properties.disabled,\n            colors: (typeof this.properties.colors === 'undefined' || this.properties.colors.length === 0) ? [{ color: '#FFFFFF' }] : this.properties.colors,\n            showAsCircles: this.properties.showAsCircles,\n            columnCount: typeof this.properties.columnCount === 'undefined' ? 6 : Math.min(Math.max(1, this.properties.columnCount), 8),\n            selectedColor: this.color,\n            style: this.properties.style || PropertyFieldSwatchColorPickerStyle.Inline,\n            iconName: this.properties.iconName || 'Color',\n            onColorChanged: this.onColorChanged.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldSwatchColorPickerBuilder.prototype.onColorChanged = function (id, newColor) {\n        if (this.properties.onPropertyChange && newColor !== null) {\n            var newValue = (this.valueAsObject ? getColorFromString(newColor) : newColor);\n            var oldValue = (this.valueAsObject ? getColorFromString(this.color) : this.color);\n            this.color = newColor;\n            this.properties.onPropertyChange(this.targetProperty, oldValue, newValue);\n            setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n                this.changeCB(this.targetProperty, newValue);\n            }\n        }\n    };\n    return PropertyFieldSwatchColorPickerBuilder;\n}());\nexport function PropertyFieldSwatchColorPicker(targetProperty, properties) {\n    return new PropertyFieldSwatchColorPickerBuilder(targetProperty, properties);\n}\n"
         },
         {
           "id": "tvzp",
@@ -208735,7 +208730,7 @@
           "name": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
           "index": 1483,
           "index2": 1483,
-          "size": 1648,
+          "size": 1649,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -208792,7 +208787,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport PropertyPaneMarkdownContentHost from './PropertyPaneMarkdownContentHost';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nvar PropertyPaneMarkdownContentBuilder = /** @class */ (function () {\n    function PropertyPaneMarkdownContentBuilder(_properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            markdown: _properties.markdown,\n            options: _properties.options,\n            onRender: this.onRender.bind(this),\n        };\n    }\n    PropertyPaneMarkdownContentBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyPaneMarkdownContentBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        var element = React.createElement(PropertyPaneMarkdownContentHost, {\n            description: this.properties.label,\n            markdown: this.properties.markdown,\n            markdownProps: this.properties.options\n        });\n        ReactDom.render(element, elem);\n    };\n    return PropertyPaneMarkdownContentBuilder;\n}());\n/**\n * Creates a property pane section that displays read-only markdown content.\n * Use this property pane control to display additional instructions, help\n * screens, etc.\n *\n * @param properties\n */\nexport function PropertyPaneMarkdownContent(properties) {\n    return new PropertyPaneMarkdownContentBuilder(properties);\n}\n"
+          "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport PropertyPaneMarkdownContentHost from './PropertyPaneMarkdownContentHost';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nvar PropertyPaneMarkdownContentBuilder = /** @class */ (function () {\n    function PropertyPaneMarkdownContentBuilder(_properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            markdown: _properties.markdown,\n            options: _properties.options,\n            onRender: this.onRender.bind(this),\n        };\n    }\n    PropertyPaneMarkdownContentBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyPaneMarkdownContentBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        var element = React.createElement(PropertyPaneMarkdownContentHost, {\n            description: this.properties.label,\n            markdown: this.properties.markdown,\n            markdownProps: this.properties.options\n        });\n        ReactDom.render(element, elem);\n    };\n    return PropertyPaneMarkdownContentBuilder;\n}());\n/**\n * Creates a property pane section that displays read-only markdown content.\n * Use this property pane control to display additional instructions, help\n * screens, etc.\n *\n * @param properties\n */\nexport function PropertyPaneMarkdownContent(properties) {\n    return new PropertyPaneMarkdownContentBuilder(properties);\n}\n"
         },
         {
           "id": "txSx",
@@ -214394,11 +214389,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
             },
-            {
-              "id": "qZiu",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-            },
             {
               "id": "xYHk",
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -217076,7 +217066,7 @@
           "name": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
           "index": 772,
           "index2": 778,
-          "size": 2585,
+          "size": 2586,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -217133,7 +217123,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport omit from 'lodash/omit';\nimport PropertyFieldToggleWithCalloutHost from './PropertyFieldChoiceGroupWithCalloutHost';\nvar PropertyFieldChoiceGroupWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldChoiceGroupWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldChoiceGroupWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        // IPropertyPaneChoiceGroupOption should be manually converted to IChoiceGroupOption\n        var options = this.properties.options.map(function (o) {\n            return __assign(__assign({}, omit(o, ['key', 'iconProps'])), { iconProps: o.iconProps && {\n                    iconName: o.iconProps.officeFabricIconFontName\n                }, key: o.key.toString() });\n        });\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldToggleWithCalloutHost, __assign(__assign({}, omit(props, ['options'])), { options: options, onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldChoiceGroupWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldChoiceGroupWithCalloutBuilder.prototype._onChanged = function (option) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, option.key);\n        }\n    };\n    return PropertyFieldChoiceGroupWithCalloutBuilder;\n}());\nexport function PropertyFieldChoiceGroupWithCallout(targetProperty, properties) {\n    return new PropertyFieldChoiceGroupWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport omit from 'lodash/omit';\nimport PropertyFieldToggleWithCalloutHost from './PropertyFieldChoiceGroupWithCalloutHost';\nvar PropertyFieldChoiceGroupWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldChoiceGroupWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldChoiceGroupWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        // IPropertyPaneChoiceGroupOption should be manually converted to IChoiceGroupOption\n        var options = this.properties.options.map(function (o) {\n            return __assign(__assign({}, omit(o, ['key', 'iconProps'])), { iconProps: o.iconProps && {\n                    iconName: o.iconProps.officeFabricIconFontName\n                }, key: o.key.toString() });\n        });\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldToggleWithCalloutHost, __assign(__assign({}, omit(props, ['options'])), { options: options, onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldChoiceGroupWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldChoiceGroupWithCalloutBuilder.prototype._onChanged = function (option) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, option.key);\n        }\n    };\n    return PropertyFieldChoiceGroupWithCalloutBuilder;\n}());\nexport function PropertyFieldChoiceGroupWithCallout(targetProperty, properties) {\n    return new PropertyFieldChoiceGroupWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "wYsl",
@@ -221003,9 +220993,9 @@
           "chunks": [
             "property-controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-          "issuerId": "qZiu",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
+          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
+          "issuerId": "mFm4",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
           "issuerPath": [
             {
               "id": "fd0V",
@@ -221036,11 +221026,6 @@
               "id": "mFm4",
               "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
-            },
-            {
-              "id": "qZiu",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
             }
           ],
           "failed": false,
@@ -224895,7 +224880,7 @@
           "name": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
           "index": 787,
           "index2": 790,
-          "size": 2423,
+          "size": 2425,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -224952,7 +224937,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldButtonHost from './PropertyFieldButtonWithCalloutHost';\nimport { ButtonType } from 'office-ui-fabric-react/lib/components/Button';\nimport omit from 'lodash/omit';\n/**\n * Represents a PropertyFieldButtonWithCallout object\n */\nvar PropertyFieldButtonWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldButtonWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldButtonWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        //\n        // PropertyPaneButtonType is not assignable to ButtonType\n        //\n        var buttonTypeString = ButtonType[this.properties.buttonType];\n        var buttonType = ButtonType[buttonTypeString];\n        var element = React.createElement(PropertyFieldButtonHost, __assign(__assign({}, omit(props, ['icon', 'buttonType'])), { buttonType: buttonType }));\n        ReactDOM.render(element, elem);\n    };\n    PropertyFieldButtonWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    return PropertyFieldButtonWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Button with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Button with Callout component is associated to.\n * @param properties - Strongly typed Button with Callout component properties.\n */\nexport function PropertyFieldButtonWithCallout(targetProperty, properties) {\n    return new PropertyFieldButtonWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldButtonHost from './PropertyFieldButtonWithCalloutHost';\nimport { ButtonType } from 'office-ui-fabric-react/lib/components/Button';\nimport omit from 'lodash/omit';\n/**\n * Represents a PropertyFieldButtonWithCallout object\n */\nvar PropertyFieldButtonWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldButtonWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldButtonWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        //\n        // PropertyPaneButtonType is not assignable to ButtonType\n        //\n        var buttonTypeString = ButtonType[this.properties.buttonType];\n        var buttonType = ButtonType[buttonTypeString];\n        var element = React.createElement(PropertyFieldButtonHost, __assign(__assign({}, omit(props, ['icon', 'buttonType'])), { buttonType: buttonType }));\n        ReactDOM.render(element, elem);\n    };\n    PropertyFieldButtonWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    return PropertyFieldButtonWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Button with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Button with Callout component is associated to.\n * @param properties - Strongly typed Button with Callout component properties.\n */\nexport function PropertyFieldButtonWithCallout(targetProperty, properties) {\n    return new PropertyFieldButtonWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "yZuV",
@@ -232044,7 +232029,7 @@
       "name": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
       "index": 804,
       "index2": 802,
-      "size": 2020,
+      "size": 2021,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -232101,7 +232086,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldLabelHost from './PropertyFieldLabelWithCalloutHost';\n/**\n * Represents a PropertyFieldLabelWithCallout object\n */\nvar PropertyFieldLabelWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldLabelWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldLabelWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldLabelHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n    };\n    PropertyFieldLabelWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    return PropertyFieldLabelWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Label with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Label with Callout component is associated to.\n * @param properties - Strongly typed Label with Callout component properties.\n */\nexport function PropertyFieldLabelWithCallout(targetProperty, properties) {\n    return new PropertyFieldLabelWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldLabelHost from './PropertyFieldLabelWithCalloutHost';\n/**\n * Represents a PropertyFieldLabelWithCallout object\n */\nvar PropertyFieldLabelWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldLabelWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldLabelWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldLabelHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n    };\n    PropertyFieldLabelWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    return PropertyFieldLabelWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Label with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Label with Callout component is associated to.\n * @param properties - Strongly typed Label with Callout component properties.\n */\nexport function PropertyFieldLabelWithCallout(targetProperty, properties) {\n    return new PropertyFieldLabelWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "+As/",
@@ -234446,9 +234431,9 @@
       "chunks": [
         "property-controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_toKey.js",
-      "issuerId": "9Nap",
-      "issuerName": "./node_modules/lodash/_toKey.js",
+      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_isKey.js",
+      "issuerId": "9ggG",
+      "issuerName": "./node_modules/lodash/_isKey.js",
       "issuerPath": [
         {
           "id": "fd0V",
@@ -234476,14 +234461,14 @@
           "name": "./node_modules/lodash/omit.js"
         },
         {
-          "id": "S7Xf",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_baseUnset.js",
-          "name": "./node_modules/lodash/_baseUnset.js"
+          "id": "4uTw",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_castPath.js",
+          "name": "./node_modules/lodash/_castPath.js"
         },
         {
-          "id": "9Nap",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_toKey.js",
-          "name": "./node_modules/lodash/_toKey.js"
+          "id": "9ggG",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_isKey.js",
+          "name": "./node_modules/lodash/_isKey.js"
         }
       ],
       "failed": false,
@@ -240639,6 +240624,24 @@
       "warnings": 0,
       "assets": [],
       "reasons": [
+        {
+          "moduleId": "+6dq",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
+          "module": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
+          "moduleName": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-68"
+        },
+        {
+          "moduleId": "+6dq",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
+          "module": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
+          "moduleName": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "21:20-41"
+        },
         {
           "moduleId": "/GGk",
           "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/termPicker/PropertyFieldTermPicker.js",
@@ -240657,6 +240660,78 @@
           "userRequest": "@microsoft/sp-property-pane",
           "loc": "28:20-41"
         },
+        {
+          "moduleId": "3zy0",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
+          "module": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
+          "moduleName": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-69"
+        },
+        {
+          "moduleId": "3zy0",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
+          "module": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
+          "moduleName": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "21:20-41"
+        },
+        {
+          "moduleId": "4i14",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
+          "module": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
+          "moduleName": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-69"
+        },
+        {
+          "moduleId": "4i14",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
+          "module": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
+          "moduleName": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "20:20-41"
+        },
+        {
+          "moduleId": "6FID",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/search/PropertyFieldSearch.js",
+          "module": "./lib/propertyFields/search/PropertyFieldSearch.js",
+          "moduleName": "./lib/propertyFields/search/PropertyFieldSearch.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-69"
+        },
+        {
+          "moduleId": "6FID",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/search/PropertyFieldSearch.js",
+          "module": "./lib/propertyFields/search/PropertyFieldSearch.js",
+          "moduleName": "./lib/propertyFields/search/PropertyFieldSearch.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "18:20-41"
+        },
+        {
+          "moduleId": "7c32",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
+          "module": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
+          "moduleName": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "3:0-68"
+        },
+        {
+          "moduleId": "7c32",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
+          "module": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
+          "moduleName": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "8:20-41"
+        },
         {
           "moduleId": "A+nD",
           "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/number/PropertyFieldNumber.js",
@@ -240693,6 +240768,24 @@
           "userRequest": "@microsoft/sp-property-pane",
           "loc": "13:20-41"
         },
+        {
+          "moduleId": "CPwD",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
+          "module": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
+          "moduleName": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-68"
+        },
+        {
+          "moduleId": "CPwD",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
+          "module": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
+          "moduleName": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "18:20-41"
+        },
         {
           "moduleId": "D/gl",
           "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/folderPicker/PropertyFieldFolderPicker.js",
@@ -240711,6 +240804,60 @@
           "userRequest": "@microsoft/sp-property-pane",
           "loc": "13:20-41"
         },
+        {
+          "moduleId": "HjPl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/message/PropertyFieldMessage.js",
+          "module": "./lib/propertyFields/message/PropertyFieldMessage.js",
+          "moduleName": "./lib/propertyFields/message/PropertyFieldMessage.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-69"
+        },
+        {
+          "moduleId": "HjPl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/message/PropertyFieldMessage.js",
+          "module": "./lib/propertyFields/message/PropertyFieldMessage.js",
+          "moduleName": "./lib/propertyFields/message/PropertyFieldMessage.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "18:20-41"
+        },
+        {
+          "moduleId": "Ho7w",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
+          "module": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
+          "moduleName": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "3:0-68"
+        },
+        {
+          "moduleId": "Ho7w",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
+          "module": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
+          "moduleName": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "7:20-41"
+        },
+        {
+          "moduleId": "IdMT",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
+          "module": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
+          "moduleName": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "1:0-68"
+        },
+        {
+          "moduleId": "IdMT",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
+          "module": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
+          "moduleName": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "12:20-41"
+        },
         {
           "moduleId": "K7tg",
           "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/editableComboBox/PropertyFieldEditableComboBox.js",
@@ -240747,6 +240894,60 @@
           "userRequest": "@microsoft/sp-property-pane",
           "loc": "22:20-41"
         },
+        {
+          "moduleId": "L9LI",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/guid/PropertyFieldGuid.js",
+          "module": "./lib/propertyFields/guid/PropertyFieldGuid.js",
+          "moduleName": "./lib/propertyFields/guid/PropertyFieldGuid.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-69"
+        },
+        {
+          "moduleId": "L9LI",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/guid/PropertyFieldGuid.js",
+          "module": "./lib/propertyFields/guid/PropertyFieldGuid.js",
+          "moduleName": "./lib/propertyFields/guid/PropertyFieldGuid.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "18:20-41"
+        },
+        {
+          "moduleId": "NGtH",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/password/PropertyFieldPassword.js",
+          "module": "./lib/propertyFields/password/PropertyFieldPassword.js",
+          "moduleName": "./lib/propertyFields/password/PropertyFieldPassword.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-69"
+        },
+        {
+          "moduleId": "NGtH",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/password/PropertyFieldPassword.js",
+          "module": "./lib/propertyFields/password/PropertyFieldPassword.js",
+          "moduleName": "./lib/propertyFields/password/PropertyFieldPassword.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "18:20-41"
+        },
+        {
+          "moduleId": "P40l",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
+          "module": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
+          "moduleName": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "15:0-69"
+        },
+        {
+          "moduleId": "P40l",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
+          "module": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
+          "moduleName": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "27:20-41"
+        },
         {
           "moduleId": "PB4o",
           "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/iconPicker/PropertyFieldIconPicker.js",
@@ -240765,6 +240966,24 @@
           "userRequest": "@microsoft/sp-property-pane",
           "loc": "18:20-41"
         },
+        {
+          "moduleId": "WBrC",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinner/PropertyFieldSpinner.js",
+          "module": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
+          "moduleName": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-69"
+        },
+        {
+          "moduleId": "WBrC",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinner/PropertyFieldSpinner.js",
+          "module": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
+          "moduleName": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "18:20-41"
+        },
         {
           "moduleId": "XNoj",
           "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/codeEditor/PropertyFieldCodeEditor.js",
@@ -240783,6 +241002,24 @@
           "userRequest": "@microsoft/sp-property-pane",
           "loc": "25:20-41"
         },
+        {
+          "moduleId": "XPiY",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
+          "module": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
+          "moduleName": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-68"
+        },
+        {
+          "moduleId": "XPiY",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
+          "module": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
+          "moduleName": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "22:20-41"
+        },
         {
           "moduleId": "a4J0",
           "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/teamPicker/PropertyFieldTeamPicker.js",
@@ -240801,6 +241038,24 @@
           "userRequest": "@microsoft/sp-property-pane",
           "loc": "25:20-41"
         },
+        {
+          "moduleId": "bEfm",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
+          "module": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
+          "moduleName": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-68"
+        },
+        {
+          "moduleId": "bEfm",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
+          "module": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
+          "moduleName": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "21:20-41"
+        },
         {
           "moduleId": "d/vt",
           "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/viewPicker/PropertyFieldViewPicker.js",
@@ -240882,6 +241137,42 @@
           "userRequest": "@microsoft/sp-property-pane",
           "loc": "730:32-50"
         },
+        {
+          "moduleId": "gsK6",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/order/PropertyFieldOrder.js",
+          "module": "./lib/propertyFields/order/PropertyFieldOrder.js",
+          "moduleName": "./lib/propertyFields/order/PropertyFieldOrder.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "1:0-68"
+        },
+        {
+          "moduleId": "gsK6",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/order/PropertyFieldOrder.js",
+          "module": "./lib/propertyFields/order/PropertyFieldOrder.js",
+          "moduleName": "./lib/propertyFields/order/PropertyFieldOrder.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "9:20-41"
+        },
+        {
+          "moduleId": "nyTD",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
+          "module": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
+          "moduleName": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-68"
+        },
+        {
+          "moduleId": "nyTD",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
+          "module": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
+          "moduleName": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "19:20-41"
+        },
         {
           "moduleId": "p+Fw",
           "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/columnPicker/PropertyFieldColumnPicker.js",
@@ -240900,6 +241191,96 @@
           "userRequest": "@microsoft/sp-property-pane",
           "loc": "17:20-41"
         },
+        {
+          "moduleId": "sSbZ",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
+          "module": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
+          "moduleName": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-68"
+        },
+        {
+          "moduleId": "sSbZ",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
+          "module": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
+          "moduleName": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "19:20-41"
+        },
+        {
+          "moduleId": "tlRU",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
+          "module": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
+          "moduleName": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "3:0-68"
+        },
+        {
+          "moduleId": "tlRU",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
+          "module": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
+          "moduleName": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "9:20-41"
+        },
+        {
+          "moduleId": "tuSQ",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
+          "module": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
+          "moduleName": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "1:0-68"
+        },
+        {
+          "moduleId": "tuSQ",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
+          "module": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
+          "moduleName": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "11:20-41"
+        },
+        {
+          "moduleId": "twr2",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
+          "module": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
+          "moduleName": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "4:0-68"
+        },
+        {
+          "moduleId": "twr2",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
+          "module": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
+          "moduleName": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "7:20-41"
+        },
+        {
+          "moduleId": "wYei",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
+          "module": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
+          "moduleName": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-68"
+        },
+        {
+          "moduleId": "wYei",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
+          "module": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
+          "moduleName": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "19:20-41"
+        },
         {
           "moduleId": "yEbF",
           "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/peoplePicker/PropertyFieldPeoplePicker.js",
@@ -240918,6 +241299,24 @@
           "userRequest": "@microsoft/sp-property-pane",
           "loc": "25:20-41"
         },
+        {
+          "moduleId": "yZVT",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
+          "module": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
+          "moduleName": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "14:0-69"
+        },
+        {
+          "moduleId": "yZVT",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
+          "module": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
+          "moduleName": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-property-pane",
+          "loc": "23:20-41"
+        },
         {
           "moduleId": "zseQ",
           "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/sitePicker/PropertyFieldSitePicker.js",
@@ -248955,7 +249354,7 @@
       "name": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
       "index": 832,
       "index2": 829,
-      "size": 2264,
+      "size": 2266,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -249012,7 +249411,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport { PropertyFieldCollectionDataHost } from '.';\n/**\n * Property Field Collection Data Builder Class\n */\nvar PropertyFieldCollectionDataBuilder = /** @class */ (function () {\n    function PropertyFieldCollectionDataBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this.render.bind(this);\n        this.properties.onDispose = this.dispose.bind(this);\n    }\n    PropertyFieldCollectionDataBuilder.prototype.render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldCollectionDataHost, __assign(__assign({}, props), { onChanged: this.onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    /**\n     * Dispose the property field\n     */\n    PropertyFieldCollectionDataBuilder.prototype.dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    /**\n     * On field change event handler\n     * @param value\n     */\n    PropertyFieldCollectionDataBuilder.prototype.onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldCollectionDataBuilder;\n}());\n/**\n * Property field\n * @param targetProperty\n * @param properties\n */\nexport function PropertyFieldCollectionData(targetProperty, properties) {\n    return new PropertyFieldCollectionDataBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport { PropertyFieldCollectionDataHost } from '.';\n/**\n * Property Field Collection Data Builder Class\n */\nvar PropertyFieldCollectionDataBuilder = /** @class */ (function () {\n    function PropertyFieldCollectionDataBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this.render.bind(this);\n        this.properties.onDispose = this.dispose.bind(this);\n    }\n    PropertyFieldCollectionDataBuilder.prototype.render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldCollectionDataHost, __assign(__assign({}, props), { onChanged: this.onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    /**\n     * Dispose the property field\n     */\n    PropertyFieldCollectionDataBuilder.prototype.dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    /**\n     * On field change event handler\n     * @param value\n     */\n    PropertyFieldCollectionDataBuilder.prototype.onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldCollectionDataBuilder;\n}());\n/**\n * Property field\n * @param targetProperty\n * @param properties\n */\nexport function PropertyFieldCollectionData(targetProperty, properties) {\n    return new PropertyFieldCollectionDataBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "4251",
@@ -253019,7 +253418,7 @@
       "name": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
       "index": 819,
       "index2": 817,
-      "size": 2772,
+      "size": 2774,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -253076,7 +253475,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldMultiSelectHost from './PropertyFieldMultiSelectHost';\nimport { cloneDeep } from '@microsoft/sp-lodash-subset';\nimport omit from 'lodash/omit';\nvar PropertyFieldMultiSelectBuilder = /** @class */ (function () {\n    function PropertyFieldMultiSelectBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldMultiSelectBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldMultiSelectHost, __assign(__assign({}, omit(props, ['options', 'ariaPositionInSet', 'ariaSetSize'])), { options: props.options || [], onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldMultiSelectBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldMultiSelectBuilder.prototype._onChanged = function (item) {\n        if (this._onChangeCallback) {\n            // Get all the selected keys\n            var updateSelectedKeys = this.properties.selectedKeys ? cloneDeep(this.properties.selectedKeys) : [];\n            // Check if item got selected\n            if (item.selected) {\n                updateSelectedKeys.push(item.key);\n            }\n            else {\n                // Remove the item from the selected keys list\n                var itemIdx = updateSelectedKeys.indexOf(item.key);\n                if (itemIdx > -1) {\n                    updateSelectedKeys.splice(itemIdx, 1);\n                }\n            }\n            this._onChangeCallback(this.targetProperty, updateSelectedKeys);\n        }\n    };\n    return PropertyFieldMultiSelectBuilder;\n}());\nexport function PropertyFieldMultiSelect(targetProperty, properties) {\n    return new PropertyFieldMultiSelectBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldMultiSelectHost from './PropertyFieldMultiSelectHost';\nimport { cloneDeep } from '@microsoft/sp-lodash-subset';\nimport omit from 'lodash/omit';\nvar PropertyFieldMultiSelectBuilder = /** @class */ (function () {\n    function PropertyFieldMultiSelectBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldMultiSelectBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldMultiSelectHost, __assign(__assign({}, omit(props, ['options', 'ariaPositionInSet', 'ariaSetSize'])), { options: props.options || [], onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldMultiSelectBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldMultiSelectBuilder.prototype._onChanged = function (item) {\n        if (this._onChangeCallback) {\n            // Get all the selected keys\n            var updateSelectedKeys = this.properties.selectedKeys ? cloneDeep(this.properties.selectedKeys) : [];\n            // Check if item got selected\n            if (item.selected) {\n                updateSelectedKeys.push(item.key);\n            }\n            else {\n                // Remove the item from the selected keys list\n                var itemIdx = updateSelectedKeys.indexOf(item.key);\n                if (itemIdx > -1) {\n                    updateSelectedKeys.splice(itemIdx, 1);\n                }\n            }\n            this._onChangeCallback(this.targetProperty, updateSelectedKeys);\n        }\n    };\n    return PropertyFieldMultiSelectBuilder;\n}());\nexport function PropertyFieldMultiSelect(targetProperty, properties) {\n    return new PropertyFieldMultiSelectBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "4iH1",
@@ -257793,7 +258192,7 @@
       "name": "./lib/propertyFields/search/PropertyFieldSearch.js",
       "index": 1341,
       "index2": 1339,
-      "size": 2081,
+      "size": 2082,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -257850,7 +258249,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-webpart-base';\nimport PropertyFieldSearchHost from './PropertyFieldSearchHost';\nvar PropertyFieldSearchBuilder = /** @class */ (function () {\n    function PropertyFieldSearchBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldSearchBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldSearchHost, __assign(__assign({}, props), { onChange: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldSearchBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldSearchBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldSearchBuilder;\n}());\nexport function PropertyFieldSearch(targetProperty, properties) {\n    return new PropertyFieldSearchBuilder(targetProperty, __assign(__assign({}, properties), { onChange: properties.onChange, onClear: properties.onClear, onEscape: properties.onEscape, onSearch: properties.onSearch, onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldSearchHost from './PropertyFieldSearchHost';\nvar PropertyFieldSearchBuilder = /** @class */ (function () {\n    function PropertyFieldSearchBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldSearchBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldSearchHost, __assign(__assign({}, props), { onChange: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldSearchBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldSearchBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldSearchBuilder;\n}());\nexport function PropertyFieldSearch(targetProperty, properties) {\n    return new PropertyFieldSearchBuilder(targetProperty, __assign(__assign({}, properties), { onChange: properties.onChange, onClear: properties.onClear, onEscape: properties.onEscape, onSearch: properties.onSearch, onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "6Irw",
@@ -258106,9 +258505,9 @@
       "chunks": [
         "property-controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/@uifabric/react-hooks/lib/useSetTimeout.js",
-      "issuerId": "FLjh",
-      "issuerName": "./node_modules/@uifabric/react-hooks/lib/useSetTimeout.js",
+      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/@uifabric/react-hooks/lib/useWarnings.js",
+      "issuerId": "sNMJ",
+      "issuerName": "./node_modules/@uifabric/react-hooks/lib/useWarnings.js",
       "issuerPath": [
         {
           "id": "fd0V",
@@ -258171,9 +258570,9 @@
           "name": "./node_modules/@uifabric/react-hooks/lib/index.js"
         },
         {
-          "id": "FLjh",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/@uifabric/react-hooks/lib/useSetTimeout.js",
-          "name": "./node_modules/@uifabric/react-hooks/lib/useSetTimeout.js"
+          "id": "sNMJ",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/@uifabric/react-hooks/lib/useWarnings.js",
+          "name": "./node_modules/@uifabric/react-hooks/lib/useWarnings.js"
         }
       ],
       "failed": false,
@@ -261338,7 +261737,7 @@
       "name": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
       "index": 960,
       "index2": 963,
-      "size": 1303,
+      "size": 1304,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -261385,7 +261784,7 @@
       ],
       "optimizationBailout": [],
       "depth": 1,
-      "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyPanePropertyEditorHost from './PropertyPanePropertyEditorHost';\nvar PropertyPanePropertyEditorBuilder = /** @class */ (function () {\n    function PropertyPanePropertyEditorBuilder(_properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.properties = {\n            key: _properties.key,\n            webpart: _properties.webpart,\n            onRender: this.onRender.bind(this)\n        };\n    }\n    PropertyPanePropertyEditorBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyPanePropertyEditorBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        var element = React.createElement(PropertyPanePropertyEditorHost, {\n            webpart: this.properties.webpart\n        });\n        ReactDom.render(element, elem);\n    };\n    return PropertyPanePropertyEditorBuilder;\n}());\nexport function PropertyPanePropertyEditor(properties) {\n    return new PropertyPanePropertyEditorBuilder(properties);\n}\n"
+      "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyPanePropertyEditorHost from './PropertyPanePropertyEditorHost';\nvar PropertyPanePropertyEditorBuilder = /** @class */ (function () {\n    function PropertyPanePropertyEditorBuilder(_properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.properties = {\n            key: _properties.key,\n            webpart: _properties.webpart,\n            onRender: this.onRender.bind(this)\n        };\n    }\n    PropertyPanePropertyEditorBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyPanePropertyEditorBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        var element = React.createElement(PropertyPanePropertyEditorHost, {\n            webpart: this.properties.webpart\n        });\n        ReactDom.render(element, elem);\n    };\n    return PropertyPanePropertyEditorBuilder;\n}());\nexport function PropertyPanePropertyEditor(properties) {\n    return new PropertyPanePropertyEditorBuilder(properties);\n}\n"
     },
     {
       "id": "7c8E",
@@ -262657,9 +263056,9 @@
       "chunks": [
         "property-controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/SearchBox/index.js",
-      "issuerId": "Q7R/",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/SearchBox/index.js",
+      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/SearchBox/SearchBox.js",
+      "issuerId": "WDP9",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/SearchBox/SearchBox.js",
       "issuerPath": [
         {
           "id": "fd0V",
@@ -262695,6 +263094,11 @@
           "id": "Q7R/",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/SearchBox/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/SearchBox/index.js"
+        },
+        {
+          "id": "WDP9",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/SearchBox/SearchBox.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/SearchBox/SearchBox.js"
         }
       ],
       "failed": false,
@@ -273392,7 +273796,7 @@
       "name": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
       "index": 752,
       "index2": 754,
-      "size": 2084,
+      "size": 2085,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -273449,7 +273853,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldToggleWithCalloutHost from './PropertyFieldToggleWithCalloutHost';\nvar PropertyFieldToggleWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldToggleWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldToggleWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldToggleWithCalloutHost, __assign(__assign({}, props), { onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldToggleWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldToggleWithCalloutBuilder.prototype._onChanged = function (checked) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, checked);\n        }\n    };\n    return PropertyFieldToggleWithCalloutBuilder;\n}());\nexport function PropertyFieldToggleWithCallout(targetProperty, properties) {\n    return new PropertyFieldToggleWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldToggleWithCalloutHost from './PropertyFieldToggleWithCalloutHost';\nvar PropertyFieldToggleWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldToggleWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldToggleWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldToggleWithCalloutHost, __assign(__assign({}, props), { onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldToggleWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldToggleWithCalloutBuilder.prototype._onChanged = function (checked) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, checked);\n        }\n    };\n    return PropertyFieldToggleWithCalloutBuilder;\n}());\nexport function PropertyFieldToggleWithCallout(targetProperty, properties) {\n    return new PropertyFieldToggleWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "CXBn",
@@ -285709,9 +286113,9 @@
       "chunks": [
         "property-controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/HoverCard/index.js",
-      "issuerId": "K0tY",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/index.js",
+      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
+      "issuerId": "OQ9B",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
       "issuerPath": [
         {
           "id": "fd0V",
@@ -285747,6 +286151,11 @@
           "id": "K0tY",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/HoverCard/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/index.js"
+        },
+        {
+          "id": "OQ9B",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js"
         }
       ],
       "failed": false,
@@ -288920,7 +289329,7 @@
       "name": "./lib/propertyFields/message/PropertyFieldMessage.js",
       "index": 1033,
       "index2": 1333,
-      "size": 1918,
+      "size": 1919,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -288977,7 +289386,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-webpart-base';\nimport PropertyFieldMessageHost from './PropertyFieldMessageHost';\nvar PropertyFieldMessageBuilder = /** @class */ (function () {\n    function PropertyFieldMessageBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldMessageBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldMessageHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldMessageBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldMessageBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldMessageBuilder;\n}());\nexport function PropertyFieldMessage(targetProperty, properties) {\n    return new PropertyFieldMessageBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldMessageHost from './PropertyFieldMessageHost';\nvar PropertyFieldMessageBuilder = /** @class */ (function () {\n    function PropertyFieldMessageBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldMessageBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldMessageHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldMessageBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldMessageBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldMessageBuilder;\n}());\nexport function PropertyFieldMessage(targetProperty, properties) {\n    return new PropertyFieldMessageBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "Hl3h",
@@ -289078,7 +289487,7 @@
       "name": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
       "index": 957,
       "index2": 956,
-      "size": 1726,
+      "size": 1727,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -289130,7 +289539,7 @@
       ],
       "optimizationBailout": [],
       "depth": 2,
-      "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyPaneWebPartInformationHost from './PropertyPaneWebPartInformationHost';\nvar PropertyPaneWebPartInformationBuilder = /** @class */ (function () {\n    function PropertyPaneWebPartInformationBuilder(_properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.properties = {\n            key: _properties.key,\n            moreInfoLink: _properties.moreInfoLink,\n            moreInfoLinkTarget: _properties.moreInfoLinkTarget !== undefined ? _properties.moreInfoLinkTarget : \"_blank\",\n            videoProperties: _properties.videoProperties,\n            description: _properties.description,\n            onRender: this.onRender.bind(this)\n        };\n    }\n    PropertyPaneWebPartInformationBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyPaneWebPartInformationBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        var element = React.createElement(PropertyPaneWebPartInformationHost, {\n            moreInfoLink: this.properties.moreInfoLink,\n            moreInfoLinkTarget: this.properties.moreInfoLinkTarget,\n            description: this.properties.description,\n            videoProperties: this.properties.videoProperties\n        });\n        ReactDom.render(element, elem);\n    };\n    return PropertyPaneWebPartInformationBuilder;\n}());\nexport function PropertyPaneWebPartInformation(properties) {\n    return new PropertyPaneWebPartInformationBuilder(properties);\n}\n"
+      "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyPaneWebPartInformationHost from './PropertyPaneWebPartInformationHost';\nvar PropertyPaneWebPartInformationBuilder = /** @class */ (function () {\n    function PropertyPaneWebPartInformationBuilder(_properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.properties = {\n            key: _properties.key,\n            moreInfoLink: _properties.moreInfoLink,\n            moreInfoLinkTarget: _properties.moreInfoLinkTarget !== undefined ? _properties.moreInfoLinkTarget : \"_blank\",\n            videoProperties: _properties.videoProperties,\n            description: _properties.description,\n            onRender: this.onRender.bind(this)\n        };\n    }\n    PropertyPaneWebPartInformationBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyPaneWebPartInformationBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        var element = React.createElement(PropertyPaneWebPartInformationHost, {\n            moreInfoLink: this.properties.moreInfoLink,\n            moreInfoLinkTarget: this.properties.moreInfoLinkTarget,\n            description: this.properties.description,\n            videoProperties: this.properties.videoProperties\n        });\n        ReactDom.render(element, elem);\n    };\n    return PropertyPaneWebPartInformationBuilder;\n}());\nexport function PropertyPaneWebPartInformation(properties) {\n    return new PropertyPaneWebPartInformationBuilder(properties);\n}\n"
     },
     {
       "id": "Hol9",
@@ -291053,7 +291462,7 @@
       "name": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
       "index": 545,
       "index2": 585,
-      "size": 4149,
+      "size": 4150,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -291110,7 +291519,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "import { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport { getColorFromString } from 'office-ui-fabric-react/lib/utilities/color';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nimport { debounce } from '../../common/util/Util';\nimport { PropertyFieldColorPickerStyle, } from './IPropertyFieldColorPicker';\nimport PropertyFieldColorPickerHost from './PropertyFieldColorPickerHost';\nvar PropertyFieldColorPickerBuilder = /** @class */ (function () {\n    function PropertyFieldColorPickerBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this._debounce = debounce();\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            onPropertyChange: _properties.onPropertyChange,\n            selectedColor: _properties.selectedColor,\n            disabled: _properties.disabled,\n            debounce: _properties.debounce,\n            isHidden: _properties.isHidden,\n            alphaSliderHidden: _properties.alphaSliderHidden,\n            properties: _properties.properties,\n            style: _properties.style,\n            iconName: _properties.iconName,\n            onRender: this.onRender.bind(this)\n        };\n        if (typeof _properties.selectedColor === 'undefined') {\n            this.color = '#ffffff';\n        }\n        else {\n            if (typeof _properties.selectedColor === 'string') {\n                this.color = _properties.selectedColor;\n            }\n            else {\n                this.color = _properties.selectedColor.str;\n            }\n        }\n        this.valueAsObject = _properties.valueAsObject;\n    }\n    PropertyFieldColorPickerBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldColorPickerBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldColorPickerHost, {\n            label: this.properties.label,\n            alphaSliderHidden: this.properties.alphaSliderHidden,\n            disabled: this.properties.disabled,\n            debounce: this.properties.debounce,\n            isHidden: this.properties.isHidden,\n            selectedColor: this.color,\n            style: this.properties.style || PropertyFieldColorPickerStyle.Inline,\n            iconName: this.properties.iconName || 'Color',\n            onColorChanged: this.onColorChanged.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldColorPickerBuilder.prototype.onColorChanged = function (newColor) {\n        var _this = this;\n        if (this.properties.onPropertyChange && newColor !== null) {\n            var newValue_1 = (this.valueAsObject ? getColorFromString(newColor) : newColor);\n            var oldValue_1 = (this.valueAsObject ? getColorFromString(this.color) : this.color);\n            this.color = newColor;\n            this.properties.debounce ?\n                this._debounce(function () {\n                    _this.onColorChangedInternal(oldValue_1, newValue_1);\n                }, this.properties.debounce) :\n                this.onColorChangedInternal(oldValue_1, newValue_1);\n        }\n    };\n    PropertyFieldColorPickerBuilder.prototype.onColorChangedInternal = function (oldValue, newValue) {\n        this.properties.onPropertyChange(this.targetProperty, oldValue, newValue);\n        setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n        if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n            this.changeCB(this.targetProperty, newValue);\n        }\n    };\n    return PropertyFieldColorPickerBuilder;\n}());\nexport function PropertyFieldColorPicker(targetProperty, properties) {\n    return new PropertyFieldColorPickerBuilder(targetProperty, properties);\n}\n"
+      "source": "import { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport { getColorFromString } from 'office-ui-fabric-react/lib/utilities/color';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nimport { debounce } from '../../common/util/Util';\nimport { PropertyFieldColorPickerStyle, } from './IPropertyFieldColorPicker';\nimport PropertyFieldColorPickerHost from './PropertyFieldColorPickerHost';\nvar PropertyFieldColorPickerBuilder = /** @class */ (function () {\n    function PropertyFieldColorPickerBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this._debounce = debounce();\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            onPropertyChange: _properties.onPropertyChange,\n            selectedColor: _properties.selectedColor,\n            disabled: _properties.disabled,\n            debounce: _properties.debounce,\n            isHidden: _properties.isHidden,\n            alphaSliderHidden: _properties.alphaSliderHidden,\n            properties: _properties.properties,\n            style: _properties.style,\n            iconName: _properties.iconName,\n            onRender: this.onRender.bind(this)\n        };\n        if (typeof _properties.selectedColor === 'undefined') {\n            this.color = '#ffffff';\n        }\n        else {\n            if (typeof _properties.selectedColor === 'string') {\n                this.color = _properties.selectedColor;\n            }\n            else {\n                this.color = _properties.selectedColor.str;\n            }\n        }\n        this.valueAsObject = _properties.valueAsObject;\n    }\n    PropertyFieldColorPickerBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldColorPickerBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldColorPickerHost, {\n            label: this.properties.label,\n            alphaSliderHidden: this.properties.alphaSliderHidden,\n            disabled: this.properties.disabled,\n            debounce: this.properties.debounce,\n            isHidden: this.properties.isHidden,\n            selectedColor: this.color,\n            style: this.properties.style || PropertyFieldColorPickerStyle.Inline,\n            iconName: this.properties.iconName || 'Color',\n            onColorChanged: this.onColorChanged.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldColorPickerBuilder.prototype.onColorChanged = function (newColor) {\n        var _this = this;\n        if (this.properties.onPropertyChange && newColor !== null) {\n            var newValue_1 = (this.valueAsObject ? getColorFromString(newColor) : newColor);\n            var oldValue_1 = (this.valueAsObject ? getColorFromString(this.color) : this.color);\n            this.color = newColor;\n            this.properties.debounce ?\n                this._debounce(function () {\n                    _this.onColorChangedInternal(oldValue_1, newValue_1);\n                }, this.properties.debounce) :\n                this.onColorChangedInternal(oldValue_1, newValue_1);\n        }\n    };\n    PropertyFieldColorPickerBuilder.prototype.onColorChangedInternal = function (oldValue, newValue) {\n        this.properties.onPropertyChange(this.targetProperty, oldValue, newValue);\n        setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n        if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n            this.changeCB(this.targetProperty, newValue);\n        }\n    };\n    return PropertyFieldColorPickerBuilder;\n}());\nexport function PropertyFieldColorPicker(targetProperty, properties) {\n    return new PropertyFieldColorPickerBuilder(targetProperty, properties);\n}\n"
     },
     {
       "id": "Intl",
@@ -291529,9 +291938,9 @@
       "chunks": [
         "property-controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/index.js",
-      "issuerId": "S6XE",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/utilities/color/index.js",
+      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/getColorFromString.js",
+      "issuerId": "vgI3",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/utilities/color/getColorFromString.js",
       "issuerPath": [
         {
           "id": "fd0V",
@@ -291549,14 +291958,29 @@
           "name": "./lib/propertyFields/colorPicker/index.js"
         },
         {
-          "id": "IdMT",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-          "name": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js"
+          "id": "kPPc",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/colorPicker/PropertyFieldColorPickerHost.js",
+          "name": "./lib/propertyFields/colorPicker/PropertyFieldColorPickerHost.js"
         },
         {
-          "id": "S6XE",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/index.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/utilities/color/index.js"
+          "id": "rE1q",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/ColorPicker.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/ColorPicker.js"
+        },
+        {
+          "id": "mFm4",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
+        },
+        {
+          "id": "xYHk",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js"
+        },
+        {
+          "id": "vgI3",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/getColorFromString.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/utilities/color/getColorFromString.js"
         }
       ],
       "failed": false,
@@ -296637,7 +297061,7 @@
       "name": "./lib/propertyFields/guid/PropertyFieldGuid.js",
       "index": 1492,
       "index2": 1490,
-      "size": 1938,
+      "size": 1939,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -296694,7 +297118,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-webpart-base';\nimport PropertyFieldGuidHost from './PropertyFieldGuidHost';\nvar PropertyFieldGuidBuilder = /** @class */ (function () {\n    function PropertyFieldGuidBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldGuidBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldGuidHost, __assign(__assign({}, props), { onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldGuidBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldGuidBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldGuidBuilder;\n}());\nexport function PropertyFieldGuid(targetProperty, properties) {\n    return new PropertyFieldGuidBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldGuidHost from './PropertyFieldGuidHost';\nvar PropertyFieldGuidBuilder = /** @class */ (function () {\n    function PropertyFieldGuidBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldGuidBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldGuidHost, __assign(__assign({}, props), { onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldGuidBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldGuidBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldGuidBuilder;\n}());\nexport function PropertyFieldGuid(targetProperty, properties) {\n    return new PropertyFieldGuidBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "LCbo",
@@ -317078,7 +317502,7 @@
       "name": "./lib/propertyFields/password/PropertyFieldPassword.js",
       "index": 1018,
       "index2": 1016,
-      "size": 2015,
+      "size": 2016,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -317135,7 +317559,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-webpart-base';\nimport PropertyFieldPasswordHost from './PropertyFieldPasswordHost';\nvar PropertyFieldPasswordBuilder = /** @class */ (function () {\n    function PropertyFieldPasswordBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldPasswordBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldPasswordHost, __assign(__assign({}, props), { onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldPasswordBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldPasswordBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldPasswordBuilder;\n}());\nexport function PropertyFieldPassword(targetProperty, properties) {\n    return new PropertyFieldPasswordBuilder(targetProperty, __assign(__assign({}, properties), { onChanged: properties.onChanged, onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldPasswordHost from './PropertyFieldPasswordHost';\nvar PropertyFieldPasswordBuilder = /** @class */ (function () {\n    function PropertyFieldPasswordBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldPasswordBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldPasswordHost, __assign(__assign({}, props), { onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldPasswordBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldPasswordBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldPasswordBuilder;\n}());\nexport function PropertyFieldPassword(targetProperty, properties) {\n    return new PropertyFieldPasswordBuilder(targetProperty, __assign(__assign({}, properties), { onChanged: properties.onChanged, onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "NIt1",
@@ -319529,11 +319953,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
         },
-        {
-          "id": "qZiu",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-        },
         {
           "id": "xYHk",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -320185,9 +320604,9 @@
       "chunks": [
         "property-controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_baseAssignValue.js",
-      "issuerId": "hypo",
-      "issuerName": "./node_modules/lodash/_baseAssignValue.js",
+      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_baseSetToString.js",
+      "issuerId": "pFRH",
+      "issuerName": "./node_modules/lodash/_baseSetToString.js",
       "issuerPath": [
         {
           "id": "fd0V",
@@ -320215,19 +320634,19 @@
           "name": "./node_modules/lodash/omit.js"
         },
         {
-          "id": "juv8",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_copyObject.js",
-          "name": "./node_modules/lodash/_copyObject.js"
+          "id": "xs/l",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_flatRest.js",
+          "name": "./node_modules/lodash/_flatRest.js"
         },
         {
-          "id": "MrPd",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_assignValue.js",
-          "name": "./node_modules/lodash/_assignValue.js"
+          "id": "wclG",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_setToString.js",
+          "name": "./node_modules/lodash/_setToString.js"
         },
         {
-          "id": "hypo",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_baseAssignValue.js",
-          "name": "./node_modules/lodash/_baseAssignValue.js"
+          "id": "pFRH",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/lodash/_baseSetToString.js",
+          "name": "./node_modules/lodash/_baseSetToString.js"
         }
       ],
       "failed": false,
@@ -322410,7 +322829,7 @@
       "name": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
       "index": 517,
       "index2": 538,
-      "size": 4715,
+      "size": 4717,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -322467,7 +322886,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport { DayOfWeek } from 'office-ui-fabric-react/lib/utilities/dateValues/DateValues';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldDateTimePickerHost from './PropertyFieldDateTimePickerHost';\nimport { TimeConvention, DateConvention } from './IPropertyFieldDateTimePicker';\n/**\n * Represents a PropertyFieldDateTimePicker object\n */\nvar PropertyFieldDateTimePickerBuilder = /** @class */ (function () {\n    /**\n     * Constructor\n     */\n    function PropertyFieldDateTimePickerBuilder(_targetProperty, _properties) {\n        // Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.disabled = false;\n        this.deferredValidationTime = 200;\n        this.showLabels = true;\n        this.render = this.render.bind(this);\n        this.targetProperty = _properties.targetProperty;\n        this.properties = _properties;\n        this.label = _properties.label;\n        this.initialDate = _properties.initialDate;\n        this.properties.onDispose = this.dispose;\n        this.properties.onRender = this.render;\n        this.onPropertyChange = _properties.onPropertyChange;\n        this.formatDate = _properties.formatDate;\n        this.customProperties = _properties.properties;\n        this.key = _properties.key;\n        this.onGetErrorMessage = _properties.onGetErrorMessage;\n        if (_properties.deferredValidationTime) {\n            this.deferredValidationTime = _properties.deferredValidationTime;\n        }\n        if (typeof _properties.disabled !== 'undefined') {\n            this.disabled = _properties.disabled;\n        }\n        if (typeof _properties.dateConvention !== 'undefined') {\n            this.dateConvention = _properties.dateConvention;\n        }\n        else {\n            this.dateConvention = DateConvention.DateTime;\n        }\n        if (typeof _properties.timeConvention !== 'undefined') {\n            this.timeConvention = _properties.timeConvention;\n        }\n        else {\n            this.timeConvention = TimeConvention.Hours24;\n        }\n        if (typeof _properties.firstDayOfWeek !== 'undefined') {\n            this.firstDayOfWeek = _properties.firstDayOfWeek;\n        }\n        else {\n            this.firstDayOfWeek = DayOfWeek.Sunday;\n        }\n        this.showLabels = _properties.showLabels;\n    }\n    /**\n     * Renders the DatePicker field content\n     */\n    PropertyFieldDateTimePickerBuilder.prototype.render = function (elem, ctx, changeCallback) {\n        // Construct the JSX properties\n        var element = React.createElement(PropertyFieldDateTimePickerHost, {\n            label: this.label,\n            disabled: this.disabled,\n            initialDate: this.initialDate,\n            targetProperty: this.targetProperty,\n            formatDate: this.formatDate,\n            dateConvention: this.dateConvention,\n            timeConvention: this.timeConvention,\n            firstDayOfWeek: this.firstDayOfWeek,\n            onDispose: this.dispose,\n            onRender: this.render,\n            onPropertyChange: this.onPropertyChange,\n            onChange: changeCallback,\n            properties: this.customProperties,\n            key: this.key,\n            onGetErrorMessage: this.onGetErrorMessage,\n            deferredValidationTime: this.deferredValidationTime,\n            showLabels: this.showLabels\n        });\n        // Calls the REACT content generator\n        ReactDom.render(element, elem);\n    };\n    /**\n     * Disposes the current object\n     */\n    PropertyFieldDateTimePickerBuilder.prototype.dispose = function (elem) {\n    };\n    return PropertyFieldDateTimePickerBuilder;\n}());\n/**\n * Helper method to create the customer field on the PropertyPane.\n * @param targetProperty - Target property the custom field is associated to.\n * @param properties - Strongly typed custom field properties.\n */\nexport function PropertyFieldDateTimePicker(targetProperty, properties) {\n    // Calls the PropertyFieldDateTimePicker builder object\n    // This object will simulate a PropertyFieldCustom to manage his rendering process\n    return new PropertyFieldDateTimePickerBuilder(targetProperty, __assign(__assign({}, properties), { targetProperty: targetProperty, onDispose: null, onRender: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport { DayOfWeek } from 'office-ui-fabric-react/lib/utilities/dateValues/DateValues';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldDateTimePickerHost from './PropertyFieldDateTimePickerHost';\nimport { TimeConvention, DateConvention } from './IPropertyFieldDateTimePicker';\n/**\n * Represents a PropertyFieldDateTimePicker object\n */\nvar PropertyFieldDateTimePickerBuilder = /** @class */ (function () {\n    /**\n     * Constructor\n     */\n    function PropertyFieldDateTimePickerBuilder(_targetProperty, _properties) {\n        // Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.disabled = false;\n        this.deferredValidationTime = 200;\n        this.showLabels = true;\n        this.render = this.render.bind(this);\n        this.targetProperty = _properties.targetProperty;\n        this.properties = _properties;\n        this.label = _properties.label;\n        this.initialDate = _properties.initialDate;\n        this.properties.onDispose = this.dispose;\n        this.properties.onRender = this.render;\n        this.onPropertyChange = _properties.onPropertyChange;\n        this.formatDate = _properties.formatDate;\n        this.customProperties = _properties.properties;\n        this.key = _properties.key;\n        this.onGetErrorMessage = _properties.onGetErrorMessage;\n        if (_properties.deferredValidationTime) {\n            this.deferredValidationTime = _properties.deferredValidationTime;\n        }\n        if (typeof _properties.disabled !== 'undefined') {\n            this.disabled = _properties.disabled;\n        }\n        if (typeof _properties.dateConvention !== 'undefined') {\n            this.dateConvention = _properties.dateConvention;\n        }\n        else {\n            this.dateConvention = DateConvention.DateTime;\n        }\n        if (typeof _properties.timeConvention !== 'undefined') {\n            this.timeConvention = _properties.timeConvention;\n        }\n        else {\n            this.timeConvention = TimeConvention.Hours24;\n        }\n        if (typeof _properties.firstDayOfWeek !== 'undefined') {\n            this.firstDayOfWeek = _properties.firstDayOfWeek;\n        }\n        else {\n            this.firstDayOfWeek = DayOfWeek.Sunday;\n        }\n        this.showLabels = _properties.showLabels;\n    }\n    /**\n     * Renders the DatePicker field content\n     */\n    PropertyFieldDateTimePickerBuilder.prototype.render = function (elem, ctx, changeCallback) {\n        // Construct the JSX properties\n        var element = React.createElement(PropertyFieldDateTimePickerHost, {\n            label: this.label,\n            disabled: this.disabled,\n            initialDate: this.initialDate,\n            targetProperty: this.targetProperty,\n            formatDate: this.formatDate,\n            dateConvention: this.dateConvention,\n            timeConvention: this.timeConvention,\n            firstDayOfWeek: this.firstDayOfWeek,\n            onDispose: this.dispose,\n            onRender: this.render,\n            onPropertyChange: this.onPropertyChange,\n            onChange: changeCallback,\n            properties: this.customProperties,\n            key: this.key,\n            onGetErrorMessage: this.onGetErrorMessage,\n            deferredValidationTime: this.deferredValidationTime,\n            showLabels: this.showLabels\n        });\n        // Calls the REACT content generator\n        ReactDom.render(element, elem);\n    };\n    /**\n     * Disposes the current object\n     */\n    PropertyFieldDateTimePickerBuilder.prototype.dispose = function (elem) {\n    };\n    return PropertyFieldDateTimePickerBuilder;\n}());\n/**\n * Helper method to create the customer field on the PropertyPane.\n * @param targetProperty - Target property the custom field is associated to.\n * @param properties - Strongly typed custom field properties.\n */\nexport function PropertyFieldDateTimePicker(targetProperty, properties) {\n    // Calls the PropertyFieldDateTimePicker builder object\n    // This object will simulate a PropertyFieldCustom to manage his rendering process\n    return new PropertyFieldDateTimePickerBuilder(targetProperty, __assign(__assign({}, properties), { targetProperty: targetProperty, onDispose: null, onRender: null }));\n}\n"
     },
     {
       "id": "P6i7",
@@ -345270,9 +345689,9 @@
       "chunks": [
         "property-controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/pickers/BasePicker.js",
-      "issuerId": "QoT3",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/pickers/BasePicker.js",
+      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ComboBox/ComboBox.js",
+      "issuerId": "ihU0",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ComboBox/ComboBox.js",
       "issuerPath": [
         {
           "id": "fd0V",
@@ -345280,34 +345699,34 @@
           "name": "./lib/webparts/propertyControlsTest/PropertyControlsTestWebPart.js"
         },
         {
-          "id": "UN86",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/PropertyFieldPeoplePicker.js",
-          "name": "./lib/PropertyFieldPeoplePicker.js"
+          "id": "0GYy",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/PropertyFieldEditableComboBox.js",
+          "name": "./lib/PropertyFieldEditableComboBox.js"
         },
         {
-          "id": "kUl3",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/peoplePicker/index.js",
-          "name": "./lib/propertyFields/peoplePicker/index.js"
+          "id": "kxuI",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/editableComboBox/index.js",
+          "name": "./lib/propertyFields/editableComboBox/index.js"
         },
         {
-          "id": "poVe",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/peoplePicker/PropertyFieldPeoplePickerHost.js",
-          "name": "./lib/propertyFields/peoplePicker/PropertyFieldPeoplePickerHost.js"
+          "id": "2ahu",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/editableComboBox/PropertyFieldEditableComboBoxHost.js",
+          "name": "./lib/propertyFields/editableComboBox/PropertyFieldEditableComboBoxHost.js"
         },
         {
-          "id": "PGky",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/Pickers.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Pickers.js"
+          "id": "nqDX",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/ComboBox.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/ComboBox.js"
         },
         {
-          "id": "hLc7",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/pickers/index.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/pickers/index.js"
+          "id": "FaLo",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ComboBox/index.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/ComboBox/index.js"
         },
         {
-          "id": "QoT3",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/pickers/BasePicker.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/pickers/BasePicker.js"
+          "id": "ihU0",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ComboBox/ComboBox.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/ComboBox/ComboBox.js"
         }
       ],
       "failed": false,
@@ -345732,7 +346151,7 @@
       "name": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
       "index": 1347,
       "index2": 1345,
-      "size": 1918,
+      "size": 1919,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -345789,7 +346208,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-webpart-base';\nimport PropertyFieldSpinnerHost from './PropertyFieldSpinnerHost';\nvar PropertyFieldSpinnerBuilder = /** @class */ (function () {\n    function PropertyFieldSpinnerBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldSpinnerBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldSpinnerHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldSpinnerBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldSpinnerBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldSpinnerBuilder;\n}());\nexport function PropertyFieldSpinner(targetProperty, properties) {\n    return new PropertyFieldSpinnerBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldSpinnerHost from './PropertyFieldSpinnerHost';\nvar PropertyFieldSpinnerBuilder = /** @class */ (function () {\n    function PropertyFieldSpinnerBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldSpinnerBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldSpinnerHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldSpinnerBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldSpinnerBuilder.prototype._onChanged = function (value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldSpinnerBuilder;\n}());\nexport function PropertyFieldSpinner(targetProperty, properties) {\n    return new PropertyFieldSpinnerBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "WDP9",
@@ -346241,11 +346660,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
         },
-        {
-          "id": "qZiu",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-        },
         {
           "id": "xYHk",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -348072,7 +348486,7 @@
       "name": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
       "index": 810,
       "index2": 812,
-      "size": 2044,
+      "size": 2045,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -348129,7 +348543,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldLinkHost from './PropertyFieldLinkWithCalloutHost';\nimport omit from 'lodash/omit';\n/**\n * Represents a PropertyFieldLinkWithCallout object\n */\nvar PropertyFieldLinkWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldLinkWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldLinkWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = omit(this.properties);\n        var element = React.createElement(PropertyFieldLinkHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n    };\n    PropertyFieldLinkWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    return PropertyFieldLinkWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Link with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Link with Callout component is associated to.\n * @param properties - Strongly typed Link with Callout component properties.\n */\nexport function PropertyFieldLinkWithCallout(targetProperty, properties) {\n    return new PropertyFieldLinkWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldLinkHost from './PropertyFieldLinkWithCalloutHost';\nimport omit from 'lodash/omit';\n/**\n * Represents a PropertyFieldLinkWithCallout object\n */\nvar PropertyFieldLinkWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldLinkWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldLinkWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = omit(this.properties);\n        var element = React.createElement(PropertyFieldLinkHost, __assign({}, props));\n        ReactDOM.render(element, elem);\n    };\n    PropertyFieldLinkWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    return PropertyFieldLinkWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Link with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Link with Callout component is associated to.\n * @param properties - Strongly typed Link with Callout component properties.\n */\nexport function PropertyFieldLinkWithCallout(targetProperty, properties) {\n    return new PropertyFieldLinkWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "XY9E",
@@ -355145,11 +355559,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
         },
-        {
-          "id": "qZiu",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-        },
         {
           "id": "xYHk",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -358186,7 +358595,7 @@
       "name": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
       "index": 798,
       "index2": 796,
-      "size": 2413,
+      "size": 2414,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -358243,7 +358652,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldCheckboxHost from './PropertyFieldCheckboxWithCalloutHost';\n/**\n * Represents a PropertyFieldCheckboxWithCallout object\n */\nvar PropertyFieldCheckboxWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldCheckboxWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldCheckboxWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldCheckboxHost, __assign(__assign({}, props), { onChange: this._onChange.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldCheckboxWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldCheckboxWithCalloutBuilder.prototype._onChange = function (e, value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldCheckboxWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Checkbox with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Checkbox with Callout component is associated to.\n * @param properties - Strongly typed Checkbox with Callout component properties.\n */\nexport function PropertyFieldCheckboxWithCallout(targetProperty, properties) {\n    return new PropertyFieldCheckboxWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldCheckboxHost from './PropertyFieldCheckboxWithCalloutHost';\n/**\n * Represents a PropertyFieldCheckboxWithCallout object\n */\nvar PropertyFieldCheckboxWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldCheckboxWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldCheckboxWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldCheckboxHost, __assign(__assign({}, props), { onChange: this._onChange.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldCheckboxWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldCheckboxWithCalloutBuilder.prototype._onChange = function (e, value) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldCheckboxWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Checkbox with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Checkbox with Callout component is associated to.\n * @param properties - Strongly typed Checkbox with Callout component properties.\n */\nexport function PropertyFieldCheckboxWithCallout(targetProperty, properties) {\n    return new PropertyFieldCheckboxWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "bFxf",
@@ -359139,11 +359548,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
         },
-        {
-          "id": "qZiu",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-        },
         {
           "id": "xYHk",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -359384,276 +359788,6 @@
       "warnings": 0,
       "assets": [],
       "reasons": [
-        {
-          "moduleId": "+6dq",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
-          "module": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
-          "moduleName": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-67"
-        },
-        {
-          "moduleId": "+6dq",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
-          "module": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
-          "moduleName": "./lib/propertyFields/labelWithCallout/PropertyFieldLabelWithCallout.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "21:20-41"
-        },
-        {
-          "moduleId": "3zy0",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
-          "module": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
-          "moduleName": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-67"
-        },
-        {
-          "moduleId": "3zy0",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
-          "module": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
-          "moduleName": "./lib/propertyFields/collectionData/PropertyFieldCollectionData.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "21:20-41"
-        },
-        {
-          "moduleId": "4i14",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
-          "module": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
-          "moduleName": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-67"
-        },
-        {
-          "moduleId": "4i14",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
-          "module": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
-          "moduleName": "./lib/propertyFields/multiSelect/PropertyFieldMultiSelect.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "20:20-41"
-        },
-        {
-          "moduleId": "6FID",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/search/PropertyFieldSearch.js",
-          "module": "./lib/propertyFields/search/PropertyFieldSearch.js",
-          "moduleName": "./lib/propertyFields/search/PropertyFieldSearch.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-68"
-        },
-        {
-          "moduleId": "6FID",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/search/PropertyFieldSearch.js",
-          "module": "./lib/propertyFields/search/PropertyFieldSearch.js",
-          "moduleName": "./lib/propertyFields/search/PropertyFieldSearch.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "18:20-41"
-        },
-        {
-          "moduleId": "7c32",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
-          "module": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
-          "moduleName": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "3:0-67"
-        },
-        {
-          "moduleId": "7c32",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
-          "module": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
-          "moduleName": "./lib/propertyFields/propertyEditor/PropertyPanePropertyEditor.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "8:20-41"
-        },
-        {
-          "moduleId": "CPwD",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
-          "module": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
-          "moduleName": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-67"
-        },
-        {
-          "moduleId": "CPwD",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
-          "module": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
-          "moduleName": "./lib/propertyFields/toggleWithCallout/PropertyFieldToggleWithCallout.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "18:20-41"
-        },
-        {
-          "moduleId": "HjPl",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/message/PropertyFieldMessage.js",
-          "module": "./lib/propertyFields/message/PropertyFieldMessage.js",
-          "moduleName": "./lib/propertyFields/message/PropertyFieldMessage.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-68"
-        },
-        {
-          "moduleId": "HjPl",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/message/PropertyFieldMessage.js",
-          "module": "./lib/propertyFields/message/PropertyFieldMessage.js",
-          "moduleName": "./lib/propertyFields/message/PropertyFieldMessage.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "18:20-41"
-        },
-        {
-          "moduleId": "Ho7w",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
-          "module": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
-          "moduleName": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "3:0-67"
-        },
-        {
-          "moduleId": "Ho7w",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
-          "module": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
-          "moduleName": "./lib/propertyFields/webPartInformation/PropertyPaneWebPartInformation.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "7:20-41"
-        },
-        {
-          "moduleId": "IdMT",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-          "module": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-          "moduleName": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "1:0-67"
-        },
-        {
-          "moduleId": "IdMT",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-          "module": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-          "moduleName": "./lib/propertyFields/colorPicker/PropertyFieldColorPicker.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "12:20-41"
-        },
-        {
-          "moduleId": "L9LI",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/guid/PropertyFieldGuid.js",
-          "module": "./lib/propertyFields/guid/PropertyFieldGuid.js",
-          "moduleName": "./lib/propertyFields/guid/PropertyFieldGuid.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-68"
-        },
-        {
-          "moduleId": "L9LI",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/guid/PropertyFieldGuid.js",
-          "module": "./lib/propertyFields/guid/PropertyFieldGuid.js",
-          "moduleName": "./lib/propertyFields/guid/PropertyFieldGuid.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "18:20-41"
-        },
-        {
-          "moduleId": "NGtH",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/password/PropertyFieldPassword.js",
-          "module": "./lib/propertyFields/password/PropertyFieldPassword.js",
-          "moduleName": "./lib/propertyFields/password/PropertyFieldPassword.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-68"
-        },
-        {
-          "moduleId": "NGtH",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/password/PropertyFieldPassword.js",
-          "module": "./lib/propertyFields/password/PropertyFieldPassword.js",
-          "moduleName": "./lib/propertyFields/password/PropertyFieldPassword.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "18:20-41"
-        },
-        {
-          "moduleId": "P40l",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
-          "module": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
-          "moduleName": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "15:0-67"
-        },
-        {
-          "moduleId": "P40l",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
-          "module": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
-          "moduleName": "./lib/propertyFields/dateTimePicker/PropertyFieldDateTimePicker.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "27:20-41"
-        },
-        {
-          "moduleId": "WBrC",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinner/PropertyFieldSpinner.js",
-          "module": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
-          "moduleName": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-68"
-        },
-        {
-          "moduleId": "WBrC",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinner/PropertyFieldSpinner.js",
-          "module": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
-          "moduleName": "./lib/propertyFields/spinner/PropertyFieldSpinner.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "18:20-41"
-        },
-        {
-          "moduleId": "XPiY",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
-          "module": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
-          "moduleName": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-67"
-        },
-        {
-          "moduleId": "XPiY",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
-          "module": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
-          "moduleName": "./lib/propertyFields/linkWithCallout/PropertyFieldLinkWithCallout.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "22:20-41"
-        },
-        {
-          "moduleId": "bEfm",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
-          "module": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
-          "moduleName": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-67"
-        },
-        {
-          "moduleId": "bEfm",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
-          "module": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
-          "moduleName": "./lib/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCallout.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "21:20-41"
-        },
         {
           "moduleId": "fd0V",
           "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/webparts/propertyControlsTest/PropertyControlsTestWebPart.js",
@@ -359671,150 +359805,6 @@
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-webpart-base",
           "loc": "1256:2-23"
-        },
-        {
-          "moduleId": "gsK6",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/order/PropertyFieldOrder.js",
-          "module": "./lib/propertyFields/order/PropertyFieldOrder.js",
-          "moduleName": "./lib/propertyFields/order/PropertyFieldOrder.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "1:0-67"
-        },
-        {
-          "moduleId": "gsK6",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/order/PropertyFieldOrder.js",
-          "module": "./lib/propertyFields/order/PropertyFieldOrder.js",
-          "moduleName": "./lib/propertyFields/order/PropertyFieldOrder.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "9:20-41"
-        },
-        {
-          "moduleId": "nyTD",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
-          "module": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
-          "moduleName": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-67"
-        },
-        {
-          "moduleId": "nyTD",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
-          "module": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
-          "moduleName": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "19:20-41"
-        },
-        {
-          "moduleId": "sSbZ",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
-          "module": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
-          "moduleName": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-67"
-        },
-        {
-          "moduleId": "sSbZ",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
-          "module": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
-          "moduleName": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "19:20-41"
-        },
-        {
-          "moduleId": "tlRU",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
-          "module": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
-          "moduleName": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "3:0-67"
-        },
-        {
-          "moduleId": "tlRU",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
-          "module": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
-          "moduleName": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "9:20-41"
-        },
-        {
-          "moduleId": "tuSQ",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
-          "module": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
-          "moduleName": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "1:0-67"
-        },
-        {
-          "moduleId": "tuSQ",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
-          "module": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
-          "moduleName": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "11:20-41"
-        },
-        {
-          "moduleId": "twr2",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
-          "module": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
-          "moduleName": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "4:0-67"
-        },
-        {
-          "moduleId": "twr2",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
-          "module": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
-          "moduleName": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "7:20-41"
-        },
-        {
-          "moduleId": "wYei",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
-          "module": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
-          "moduleName": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-67"
-        },
-        {
-          "moduleId": "wYei",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
-          "module": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
-          "moduleName": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "19:20-41"
-        },
-        {
-          "moduleId": "yZVT",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
-          "module": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
-          "moduleName": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
-          "type": "harmony side effect evaluation",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "14:0-67"
-        },
-        {
-          "moduleId": "yZVT",
-          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
-          "module": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
-          "moduleName": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
-          "type": "harmony import specifier",
-          "userRequest": "@microsoft/sp-webpart-base",
-          "loc": "23:20-41"
         }
       ],
       "providedExports": null,
@@ -383006,7 +382996,7 @@
       "name": "./lib/common/telemetry/version.js",
       "index": 348,
       "index2": 342,
-      "size": 43,
+      "size": 30,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -383068,7 +383058,7 @@
       ],
       "optimizationBailout": [],
       "depth": 4,
-      "source": "export var version = \"3.5.0-beta.1834392\";\n"
+      "source": "export var version = \"3.5.0\";\n"
     },
     {
       "id": "cLrF",
@@ -389924,11 +389914,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
         },
-        {
-          "id": "qZiu",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-        },
         {
           "id": "xYHk",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -395968,7 +395953,7 @@
       "name": "./lib/propertyFields/order/PropertyFieldOrder.js",
       "index": 925,
       "index2": 928,
-      "size": 3152,
+      "size": 3153,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -396025,7 +396010,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "import { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nimport PropertyFieldOrderHost from './PropertyFieldOrderHost';\nvar PropertyFieldOrderBuilder = /** @class */ (function () {\n    function PropertyFieldOrderBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            onPropertyChange: _properties.onPropertyChange,\n            disabled: _properties.disabled,\n            properties: _properties.properties,\n            items: _properties.items,\n            textProperty: _properties.textProperty,\n            moveUpIconName: _properties.moveUpIconName,\n            moveDownIconName: _properties.moveDownIconName,\n            disableDragAndDrop: _properties.disableDragAndDrop,\n            removeArrows: _properties.removeArrows,\n            maxHeight: _properties.maxHeight,\n            onRenderItem: _properties.onRenderItem,\n            onRender: this.onRender.bind(this)\n        };\n        this.items = _properties.items;\n    }\n    PropertyFieldOrderBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldOrderBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldOrderHost, {\n            label: this.properties.label,\n            disabled: this.properties.disabled,\n            items: this.items,\n            textProperty: this.properties.textProperty,\n            moveUpIconName: this.properties.moveUpIconName || 'ChevronUpSmall',\n            moveDownIconName: this.properties.moveDownIconName || 'ChevronDownSmall',\n            disableDragAndDrop: this.properties.disableDragAndDrop,\n            removeArrows: this.properties.removeArrows,\n            maxHeight: this.properties.maxHeight,\n            onRenderItem: this.properties.onRenderItem,\n            valueChanged: this.onValueChanged.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldOrderBuilder.prototype.onValueChanged = function (newValue) {\n        if (this.properties.onPropertyChange && newValue !== null) {\n            this.properties.onPropertyChange(this.targetProperty, this.items, newValue);\n            this.items = newValue;\n            setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n                this.changeCB(this.targetProperty, newValue);\n            }\n        }\n    };\n    return PropertyFieldOrderBuilder;\n}());\nexport function PropertyFieldOrder(targetProperty, properties) {\n    return new PropertyFieldOrderBuilder(targetProperty, properties);\n}\n"
+      "source": "import { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nimport PropertyFieldOrderHost from './PropertyFieldOrderHost';\nvar PropertyFieldOrderBuilder = /** @class */ (function () {\n    function PropertyFieldOrderBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            onPropertyChange: _properties.onPropertyChange,\n            disabled: _properties.disabled,\n            properties: _properties.properties,\n            items: _properties.items,\n            textProperty: _properties.textProperty,\n            moveUpIconName: _properties.moveUpIconName,\n            moveDownIconName: _properties.moveDownIconName,\n            disableDragAndDrop: _properties.disableDragAndDrop,\n            removeArrows: _properties.removeArrows,\n            maxHeight: _properties.maxHeight,\n            onRenderItem: _properties.onRenderItem,\n            onRender: this.onRender.bind(this)\n        };\n        this.items = _properties.items;\n    }\n    PropertyFieldOrderBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldOrderBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldOrderHost, {\n            label: this.properties.label,\n            disabled: this.properties.disabled,\n            items: this.items,\n            textProperty: this.properties.textProperty,\n            moveUpIconName: this.properties.moveUpIconName || 'ChevronUpSmall',\n            moveDownIconName: this.properties.moveDownIconName || 'ChevronDownSmall',\n            disableDragAndDrop: this.properties.disableDragAndDrop,\n            removeArrows: this.properties.removeArrows,\n            maxHeight: this.properties.maxHeight,\n            onRenderItem: this.properties.onRenderItem,\n            valueChanged: this.onValueChanged.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldOrderBuilder.prototype.onValueChanged = function (newValue) {\n        if (this.properties.onPropertyChange && newValue !== null) {\n            this.properties.onPropertyChange(this.targetProperty, this.items, newValue);\n            this.items = newValue;\n            setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n                this.changeCB(this.targetProperty, newValue);\n            }\n        }\n    };\n    return PropertyFieldOrderBuilder;\n}());\nexport function PropertyFieldOrder(targetProperty, properties) {\n    return new PropertyFieldOrderBuilder(targetProperty, properties);\n}\n"
     },
     {
       "id": "gwZ5",
@@ -396432,11 +396417,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
         },
-        {
-          "id": "qZiu",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-        },
         {
           "id": "xYHk",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -404429,9 +404409,9 @@
       "chunks": [
         "property-controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/Checkbox/index.js",
-      "issuerId": "fmqj",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Checkbox/index.js",
+      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.js",
+      "issuerId": "zXKl",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.js",
       "issuerPath": [
         {
           "id": "fd0V",
@@ -404462,6 +404442,11 @@
           "id": "fmqj",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/Checkbox/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/Checkbox/index.js"
+        },
+        {
+          "id": "zXKl",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.js"
         }
       ],
       "failed": false,
@@ -422259,7 +422244,7 @@
       "name": "./lib/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.js",
       "index": 604,
       "index2": 738,
-      "size": 2199,
+      "size": 2200,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -422316,7 +422301,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldDropdownHost from './PropertyFieldDropdownWithCalloutHost';\nimport omit from 'lodash/omit';\nvar PropertyFieldDropdownWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldDropdownWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldDropdownWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldDropdownHost, __assign(__assign({}, omit(props, ['options', 'ariaPositionInSet', 'ariaSetSize'])), { options: props.options || [], onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldDropdownWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldDropdownWithCalloutBuilder.prototype._onChanged = function (item) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, item.key);\n        }\n    };\n    return PropertyFieldDropdownWithCalloutBuilder;\n}());\nexport function PropertyFieldDropdownWithCallout(targetProperty, properties) {\n    return new PropertyFieldDropdownWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldDropdownHost from './PropertyFieldDropdownWithCalloutHost';\nimport omit from 'lodash/omit';\nvar PropertyFieldDropdownWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldDropdownWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldDropdownWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldDropdownHost, __assign(__assign({}, omit(props, ['options', 'ariaPositionInSet', 'ariaSetSize'])), { options: props.options || [], onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldDropdownWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldDropdownWithCalloutBuilder.prototype._onChanged = function (item) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, item.key);\n        }\n    };\n    return PropertyFieldDropdownWithCalloutBuilder;\n}());\nexport function PropertyFieldDropdownWithCallout(targetProperty, properties) {\n    return new PropertyFieldDropdownWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "o/0k",
@@ -434567,7 +434552,7 @@
       "name": "./lib/propertyFields/sliderWithCallout/PropertyFieldSliderWithCallout.js",
       "index": 762,
       "index2": 764,
-      "size": 2433,
+      "size": 2434,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -434624,7 +434609,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldSliderWithCalloutHost from './PropertyFieldSliderWithCalloutHost';\nimport { debounce } from '../../common/util/Util';\nvar PropertyFieldSliderWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldSliderWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this._debounce = debounce();\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldSliderWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldSliderWithCalloutHost, __assign(__assign({}, props), { onChange: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldSliderWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldSliderWithCalloutBuilder.prototype._onChanged = function (value) {\n        var _this = this;\n        var props = this.properties;\n        if (this._onChangeCallback) {\n            props.debounce ?\n                this._debounce(function () { console.log(\"Debounced after \" + props.debounce); _this._onChangeCallback(_this.targetProperty, value); }, props.debounce) :\n                this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldSliderWithCalloutBuilder;\n}());\nexport function PropertyFieldSliderWithCallout(targetProperty, properties) {\n    return new PropertyFieldSliderWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldSliderWithCalloutHost from './PropertyFieldSliderWithCalloutHost';\nimport { debounce } from '../../common/util/Util';\nvar PropertyFieldSliderWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldSliderWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this._debounce = debounce();\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldSliderWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldSliderWithCalloutHost, __assign(__assign({}, props), { onChange: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldSliderWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldSliderWithCalloutBuilder.prototype._onChanged = function (value) {\n        var _this = this;\n        var props = this.properties;\n        if (this._onChangeCallback) {\n            props.debounce ?\n                this._debounce(function () { console.log(\"Debounced after \" + props.debounce); _this._onChangeCallback(_this.targetProperty, value); }, props.debounce) :\n                this._onChangeCallback(this.targetProperty, value);\n        }\n    };\n    return PropertyFieldSliderWithCalloutBuilder;\n}());\nexport function PropertyFieldSliderWithCallout(targetProperty, properties) {\n    return new PropertyFieldSliderWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "sU0K",
@@ -437574,11 +437559,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
         },
-        {
-          "id": "qZiu",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-        },
         {
           "id": "xYHk",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -438900,7 +438880,7 @@
       "name": "./lib/propertyFields/spinButton/PropertyFieldSpinButton.js",
       "index": 592,
       "index2": 595,
-      "size": 5820,
+      "size": 5821,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -438957,7 +438937,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldSpinButtonHost from './PropertyFieldSpinButtonHost';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nvar PropertyFieldSpinButtonBuilder = /** @class */ (function () {\n    function PropertyFieldSpinButtonBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            step: _properties.step || 1,\n            min: _properties.min,\n            max: _properties.max,\n            onPropertyChange: _properties.onPropertyChange,\n            disabled: _properties.disabled,\n            properties: _properties.properties,\n            incrementIconName: _properties.incrementIconName,\n            decrementIconName: _properties.decrementIconName,\n            suffix: _properties.suffix,\n            decimalPlaces: _properties.decimalPlaces || 0,\n            onRender: this.onRender.bind(this)\n        };\n        this.svalue = _properties.initialValue || this.properties.min || 0;\n    }\n    PropertyFieldSpinButtonBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldSpinButtonHost, {\n            label: this.properties.label,\n            disabled: this.properties.disabled,\n            value: this.formatValueString(this.svalue),\n            incrementIconName: this.properties.incrementIconName || 'ChevronUpSmall',\n            decrementIconName: this.properties.decrementIconName || 'ChevronDownSmall',\n            onValidate: this.validate.bind(this),\n            onIncrement: this.increment.bind(this),\n            onDecrement: this.decrement.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.validate = function (rawValue) {\n        var numValue = this.extractNumValue(rawValue);\n        return this.validateNumber(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.validateNumber = function (numValue) {\n        // Check against max value\n        if (typeof this.properties.max !== \"undefined\" && numValue > this.properties.max) {\n            numValue = this.properties.max;\n        }\n        // Check against min value\n        if (typeof this.properties.min !== \"undefined\" && numValue < this.properties.min) {\n            numValue = this.properties.min;\n        }\n        //ensure matching rounding for decimals\n        numValue = +numValue.toFixed(this.properties.decimalPlaces);\n        //Check for change and notify\n        if (numValue !== this.svalue) {\n            this.onValueChanged(numValue);\n        }\n        return this.formatValueString(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.increment = function (rawValue) {\n        var numValue = this.extractNumValue(rawValue);\n        numValue += this.properties.step;\n        return this.validateNumber(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.decrement = function (rawValue) {\n        var numValue = this.extractNumValue(rawValue);\n        numValue -= this.properties.step;\n        return this.validateNumber(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.extractNumValue = function (rawValue) {\n        var numValue;\n        var baseValue = this.removeSuffix(rawValue);\n        if (isNaN(+baseValue)) {\n            if (this.properties.min) {\n                numValue = Math.max(this.properties.min, 0);\n            }\n            else {\n                numValue = 0;\n            }\n        }\n        else {\n            numValue = +baseValue;\n        }\n        return numValue;\n    };\n    PropertyFieldSpinButtonBuilder.prototype.hasSuffix = function (rawValue) {\n        if (!this.properties.suffix) {\n            return false;\n        }\n        var subString = rawValue.substr(rawValue.length - this.properties.suffix.length);\n        return subString === this.properties.suffix;\n    };\n    PropertyFieldSpinButtonBuilder.prototype.removeSuffix = function (rawValue) {\n        if (!this.hasSuffix(rawValue)) {\n            return rawValue;\n        }\n        return rawValue.substr(0, rawValue.length - this.properties.suffix.length);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.formatValueString = function (numValue) {\n        return this.addSuffix(numValue.toFixed(this.properties.decimalPlaces));\n    };\n    PropertyFieldSpinButtonBuilder.prototype.addSuffix = function (stringValue) {\n        if (!this.properties.suffix) {\n            return stringValue;\n        }\n        return stringValue + this.properties.suffix;\n    };\n    PropertyFieldSpinButtonBuilder.prototype.onValueChanged = function (newValue) {\n        if (this.properties.onPropertyChange && newValue !== null) {\n            this.properties.onPropertyChange(this.targetProperty, this.svalue, newValue);\n            this.svalue = newValue;\n            setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n                this.changeCB(this.targetProperty, newValue);\n            }\n        }\n    };\n    return PropertyFieldSpinButtonBuilder;\n}());\nexport function PropertyFieldSpinButton(targetProperty, properties) {\n    return new PropertyFieldSpinButtonBuilder(targetProperty, properties);\n}\n"
+      "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyFieldSpinButtonHost from './PropertyFieldSpinButtonHost';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nvar PropertyFieldSpinButtonBuilder = /** @class */ (function () {\n    function PropertyFieldSpinButtonBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            step: _properties.step || 1,\n            min: _properties.min,\n            max: _properties.max,\n            onPropertyChange: _properties.onPropertyChange,\n            disabled: _properties.disabled,\n            properties: _properties.properties,\n            incrementIconName: _properties.incrementIconName,\n            decrementIconName: _properties.decrementIconName,\n            suffix: _properties.suffix,\n            decimalPlaces: _properties.decimalPlaces || 0,\n            onRender: this.onRender.bind(this)\n        };\n        this.svalue = _properties.initialValue || this.properties.min || 0;\n    }\n    PropertyFieldSpinButtonBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldSpinButtonHost, {\n            label: this.properties.label,\n            disabled: this.properties.disabled,\n            value: this.formatValueString(this.svalue),\n            incrementIconName: this.properties.incrementIconName || 'ChevronUpSmall',\n            decrementIconName: this.properties.decrementIconName || 'ChevronDownSmall',\n            onValidate: this.validate.bind(this),\n            onIncrement: this.increment.bind(this),\n            onDecrement: this.decrement.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.validate = function (rawValue) {\n        var numValue = this.extractNumValue(rawValue);\n        return this.validateNumber(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.validateNumber = function (numValue) {\n        // Check against max value\n        if (typeof this.properties.max !== \"undefined\" && numValue > this.properties.max) {\n            numValue = this.properties.max;\n        }\n        // Check against min value\n        if (typeof this.properties.min !== \"undefined\" && numValue < this.properties.min) {\n            numValue = this.properties.min;\n        }\n        //ensure matching rounding for decimals\n        numValue = +numValue.toFixed(this.properties.decimalPlaces);\n        //Check for change and notify\n        if (numValue !== this.svalue) {\n            this.onValueChanged(numValue);\n        }\n        return this.formatValueString(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.increment = function (rawValue) {\n        var numValue = this.extractNumValue(rawValue);\n        numValue += this.properties.step;\n        return this.validateNumber(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.decrement = function (rawValue) {\n        var numValue = this.extractNumValue(rawValue);\n        numValue -= this.properties.step;\n        return this.validateNumber(numValue);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.extractNumValue = function (rawValue) {\n        var numValue;\n        var baseValue = this.removeSuffix(rawValue);\n        if (isNaN(+baseValue)) {\n            if (this.properties.min) {\n                numValue = Math.max(this.properties.min, 0);\n            }\n            else {\n                numValue = 0;\n            }\n        }\n        else {\n            numValue = +baseValue;\n        }\n        return numValue;\n    };\n    PropertyFieldSpinButtonBuilder.prototype.hasSuffix = function (rawValue) {\n        if (!this.properties.suffix) {\n            return false;\n        }\n        var subString = rawValue.substr(rawValue.length - this.properties.suffix.length);\n        return subString === this.properties.suffix;\n    };\n    PropertyFieldSpinButtonBuilder.prototype.removeSuffix = function (rawValue) {\n        if (!this.hasSuffix(rawValue)) {\n            return rawValue;\n        }\n        return rawValue.substr(0, rawValue.length - this.properties.suffix.length);\n    };\n    PropertyFieldSpinButtonBuilder.prototype.formatValueString = function (numValue) {\n        return this.addSuffix(numValue.toFixed(this.properties.decimalPlaces));\n    };\n    PropertyFieldSpinButtonBuilder.prototype.addSuffix = function (stringValue) {\n        if (!this.properties.suffix) {\n            return stringValue;\n        }\n        return stringValue + this.properties.suffix;\n    };\n    PropertyFieldSpinButtonBuilder.prototype.onValueChanged = function (newValue) {\n        if (this.properties.onPropertyChange && newValue !== null) {\n            this.properties.onPropertyChange(this.targetProperty, this.svalue, newValue);\n            this.svalue = newValue;\n            setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n                this.changeCB(this.targetProperty, newValue);\n            }\n        }\n    };\n    return PropertyFieldSpinButtonBuilder;\n}());\nexport function PropertyFieldSpinButton(targetProperty, properties) {\n    return new PropertyFieldSpinButtonBuilder(targetProperty, properties);\n}\n"
     },
     {
       "id": "toVl",
@@ -440229,7 +440209,7 @@
       "name": "./lib/propertyFields/swatchColorPicker/PropertyFieldSwatchColorPicker.js",
       "index": 936,
       "index2": 950,
-      "size": 3942,
+      "size": 3943,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -440286,7 +440266,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "import { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport { getColorFromString } from 'office-ui-fabric-react/lib/utilities/color/colors';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nimport { PropertyFieldSwatchColorPickerStyle, } from './IPropertyFieldSwatchColorPicker';\nimport PropertyFieldSwatchColorPickerHost from './PropertyFieldSwatchColorPickerHost';\nvar PropertyFieldSwatchColorPickerBuilder = /** @class */ (function () {\n    function PropertyFieldSwatchColorPickerBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            onPropertyChange: _properties.onPropertyChange,\n            selectedColor: _properties.selectedColor,\n            colors: _properties.colors,\n            showAsCircles: _properties.showAsCircles,\n            columnCount: _properties.columnCount,\n            disabled: _properties.disabled,\n            properties: _properties.properties,\n            style: _properties.style,\n            iconName: _properties.iconName,\n            onRender: this.onRender.bind(this)\n        };\n        if (typeof _properties.selectedColor === 'undefined') {\n            this.color = null;\n        }\n        else {\n            if (typeof _properties.selectedColor === 'string') {\n                this.color = _properties.selectedColor;\n            }\n            else {\n                this.color = _properties.selectedColor.str;\n            }\n        }\n        this.valueAsObject = _properties.valueAsObject;\n    }\n    PropertyFieldSwatchColorPickerBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldSwatchColorPickerBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldSwatchColorPickerHost, {\n            label: this.properties.label,\n            disabled: this.properties.disabled,\n            colors: (typeof this.properties.colors === 'undefined' || this.properties.colors.length === 0) ? [{ color: '#FFFFFF' }] : this.properties.colors,\n            showAsCircles: this.properties.showAsCircles,\n            columnCount: typeof this.properties.columnCount === 'undefined' ? 6 : Math.min(Math.max(1, this.properties.columnCount), 8),\n            selectedColor: this.color,\n            style: this.properties.style || PropertyFieldSwatchColorPickerStyle.Inline,\n            iconName: this.properties.iconName || 'Color',\n            onColorChanged: this.onColorChanged.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldSwatchColorPickerBuilder.prototype.onColorChanged = function (id, newColor) {\n        if (this.properties.onPropertyChange && newColor !== null) {\n            var newValue = (this.valueAsObject ? getColorFromString(newColor) : newColor);\n            var oldValue = (this.valueAsObject ? getColorFromString(this.color) : this.color);\n            this.color = newColor;\n            this.properties.onPropertyChange(this.targetProperty, oldValue, newValue);\n            setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n                this.changeCB(this.targetProperty, newValue);\n            }\n        }\n    };\n    return PropertyFieldSwatchColorPickerBuilder;\n}());\nexport function PropertyFieldSwatchColorPicker(targetProperty, properties) {\n    return new PropertyFieldSwatchColorPickerBuilder(targetProperty, properties);\n}\n"
+      "source": "import { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport { getColorFromString } from 'office-ui-fabric-react/lib/utilities/color/colors';\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { setPropertyValue } from '../../helpers/GeneralHelper';\nimport { PropertyFieldSwatchColorPickerStyle, } from './IPropertyFieldSwatchColorPicker';\nimport PropertyFieldSwatchColorPickerHost from './PropertyFieldSwatchColorPickerHost';\nvar PropertyFieldSwatchColorPickerBuilder = /** @class */ (function () {\n    function PropertyFieldSwatchColorPickerBuilder(_targetProperty, _properties) {\n        //Properties defined by IPropertyPaneField\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            onPropertyChange: _properties.onPropertyChange,\n            selectedColor: _properties.selectedColor,\n            colors: _properties.colors,\n            showAsCircles: _properties.showAsCircles,\n            columnCount: _properties.columnCount,\n            disabled: _properties.disabled,\n            properties: _properties.properties,\n            style: _properties.style,\n            iconName: _properties.iconName,\n            onRender: this.onRender.bind(this)\n        };\n        if (typeof _properties.selectedColor === 'undefined') {\n            this.color = null;\n        }\n        else {\n            if (typeof _properties.selectedColor === 'string') {\n                this.color = _properties.selectedColor;\n            }\n            else {\n                this.color = _properties.selectedColor.str;\n            }\n        }\n        this.valueAsObject = _properties.valueAsObject;\n    }\n    PropertyFieldSwatchColorPickerBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyFieldSwatchColorPickerBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        this.changeCB = changeCallback;\n        var element = React.createElement(PropertyFieldSwatchColorPickerHost, {\n            label: this.properties.label,\n            disabled: this.properties.disabled,\n            colors: (typeof this.properties.colors === 'undefined' || this.properties.colors.length === 0) ? [{ color: '#FFFFFF' }] : this.properties.colors,\n            showAsCircles: this.properties.showAsCircles,\n            columnCount: typeof this.properties.columnCount === 'undefined' ? 6 : Math.min(Math.max(1, this.properties.columnCount), 8),\n            selectedColor: this.color,\n            style: this.properties.style || PropertyFieldSwatchColorPickerStyle.Inline,\n            iconName: this.properties.iconName || 'Color',\n            onColorChanged: this.onColorChanged.bind(this)\n        });\n        ReactDom.render(element, elem);\n    };\n    PropertyFieldSwatchColorPickerBuilder.prototype.onColorChanged = function (id, newColor) {\n        if (this.properties.onPropertyChange && newColor !== null) {\n            var newValue = (this.valueAsObject ? getColorFromString(newColor) : newColor);\n            var oldValue = (this.valueAsObject ? getColorFromString(this.color) : this.color);\n            this.color = newColor;\n            this.properties.onPropertyChange(this.targetProperty, oldValue, newValue);\n            setPropertyValue(this.properties.properties, this.targetProperty, newValue);\n            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {\n                this.changeCB(this.targetProperty, newValue);\n            }\n        }\n    };\n    return PropertyFieldSwatchColorPickerBuilder;\n}());\nexport function PropertyFieldSwatchColorPicker(targetProperty, properties) {\n    return new PropertyFieldSwatchColorPickerBuilder(targetProperty, properties);\n}\n"
     },
     {
       "id": "tvzp",
@@ -440379,7 +440359,7 @@
       "name": "./lib/propertyFields/markdownContent/PropertyPaneMarkdownContent.js",
       "index": 1483,
       "index2": 1483,
-      "size": 1648,
+      "size": 1649,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -440436,7 +440416,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport PropertyPaneMarkdownContentHost from './PropertyPaneMarkdownContentHost';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nvar PropertyPaneMarkdownContentBuilder = /** @class */ (function () {\n    function PropertyPaneMarkdownContentBuilder(_properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            markdown: _properties.markdown,\n            options: _properties.options,\n            onRender: this.onRender.bind(this),\n        };\n    }\n    PropertyPaneMarkdownContentBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyPaneMarkdownContentBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        var element = React.createElement(PropertyPaneMarkdownContentHost, {\n            description: this.properties.label,\n            markdown: this.properties.markdown,\n            markdownProps: this.properties.options\n        });\n        ReactDom.render(element, elem);\n    };\n    return PropertyPaneMarkdownContentBuilder;\n}());\n/**\n * Creates a property pane section that displays read-only markdown content.\n * Use this property pane control to display additional instructions, help\n * screens, etc.\n *\n * @param properties\n */\nexport function PropertyPaneMarkdownContent(properties) {\n    return new PropertyPaneMarkdownContentBuilder(properties);\n}\n"
+      "source": "import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport PropertyPaneMarkdownContentHost from './PropertyPaneMarkdownContentHost';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nvar PropertyPaneMarkdownContentBuilder = /** @class */ (function () {\n    function PropertyPaneMarkdownContentBuilder(_properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.properties = {\n            key: _properties.key,\n            label: _properties.label,\n            markdown: _properties.markdown,\n            options: _properties.options,\n            onRender: this.onRender.bind(this),\n        };\n    }\n    PropertyPaneMarkdownContentBuilder.prototype.render = function () {\n        if (!this.elem) {\n            return;\n        }\n        this.onRender(this.elem);\n    };\n    PropertyPaneMarkdownContentBuilder.prototype.onRender = function (elem, ctx, changeCallback) {\n        if (!this.elem) {\n            this.elem = elem;\n        }\n        var element = React.createElement(PropertyPaneMarkdownContentHost, {\n            description: this.properties.label,\n            markdown: this.properties.markdown,\n            markdownProps: this.properties.options\n        });\n        ReactDom.render(element, elem);\n    };\n    return PropertyPaneMarkdownContentBuilder;\n}());\n/**\n * Creates a property pane section that displays read-only markdown content.\n * Use this property pane control to display additional instructions, help\n * screens, etc.\n *\n * @param properties\n */\nexport function PropertyPaneMarkdownContent(properties) {\n    return new PropertyPaneMarkdownContentBuilder(properties);\n}\n"
     },
     {
       "id": "txSx",
@@ -446038,11 +446018,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
         },
-        {
-          "id": "qZiu",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
-        },
         {
           "id": "xYHk",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.base.js",
@@ -448720,7 +448695,7 @@
       "name": "./lib/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.js",
       "index": 772,
       "index2": 778,
-      "size": 2585,
+      "size": 2586,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -448777,7 +448752,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport omit from 'lodash/omit';\nimport PropertyFieldToggleWithCalloutHost from './PropertyFieldChoiceGroupWithCalloutHost';\nvar PropertyFieldChoiceGroupWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldChoiceGroupWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldChoiceGroupWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        // IPropertyPaneChoiceGroupOption should be manually converted to IChoiceGroupOption\n        var options = this.properties.options.map(function (o) {\n            return __assign(__assign({}, omit(o, ['key', 'iconProps'])), { iconProps: o.iconProps && {\n                    iconName: o.iconProps.officeFabricIconFontName\n                }, key: o.key.toString() });\n        });\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldToggleWithCalloutHost, __assign(__assign({}, omit(props, ['options'])), { options: options, onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldChoiceGroupWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldChoiceGroupWithCalloutBuilder.prototype._onChanged = function (option) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, option.key);\n        }\n    };\n    return PropertyFieldChoiceGroupWithCalloutBuilder;\n}());\nexport function PropertyFieldChoiceGroupWithCallout(targetProperty, properties) {\n    return new PropertyFieldChoiceGroupWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport omit from 'lodash/omit';\nimport PropertyFieldToggleWithCalloutHost from './PropertyFieldChoiceGroupWithCalloutHost';\nvar PropertyFieldChoiceGroupWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldChoiceGroupWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldChoiceGroupWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        // IPropertyPaneChoiceGroupOption should be manually converted to IChoiceGroupOption\n        var options = this.properties.options.map(function (o) {\n            return __assign(__assign({}, omit(o, ['key', 'iconProps'])), { iconProps: o.iconProps && {\n                    iconName: o.iconProps.officeFabricIconFontName\n                }, key: o.key.toString() });\n        });\n        var props = this.properties;\n        var element = React.createElement(PropertyFieldToggleWithCalloutHost, __assign(__assign({}, omit(props, ['options'])), { options: options, onChanged: this._onChanged.bind(this) }));\n        ReactDOM.render(element, elem);\n        if (changeCallback) {\n            this._onChangeCallback = changeCallback;\n        }\n    };\n    PropertyFieldChoiceGroupWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    PropertyFieldChoiceGroupWithCalloutBuilder.prototype._onChanged = function (option) {\n        if (this._onChangeCallback) {\n            this._onChangeCallback(this.targetProperty, option.key);\n        }\n    };\n    return PropertyFieldChoiceGroupWithCalloutBuilder;\n}());\nexport function PropertyFieldChoiceGroupWithCallout(targetProperty, properties) {\n    return new PropertyFieldChoiceGroupWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "wYsl",
@@ -452647,9 +452622,9 @@
       "chunks": [
         "property-controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-      "issuerId": "qZiu",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
+      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
+      "issuerId": "mFm4",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
       "issuerPath": [
         {
           "id": "fd0V",
@@ -452680,11 +452655,6 @@
           "id": "mFm4",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/index.js"
-        },
-        {
-          "id": "qZiu",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.js"
         }
       ],
       "failed": false,
@@ -456539,7 +456509,7 @@
       "name": "./lib/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.js",
       "index": 787,
       "index2": 790,
-      "size": 2423,
+      "size": 2425,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -456596,7 +456566,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-webpart-base';\nimport PropertyFieldButtonHost from './PropertyFieldButtonWithCalloutHost';\nimport { ButtonType } from 'office-ui-fabric-react/lib/components/Button';\nimport omit from 'lodash/omit';\n/**\n * Represents a PropertyFieldButtonWithCallout object\n */\nvar PropertyFieldButtonWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldButtonWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldButtonWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        //\n        // PropertyPaneButtonType is not assignable to ButtonType\n        //\n        var buttonTypeString = ButtonType[this.properties.buttonType];\n        var buttonType = ButtonType[buttonTypeString];\n        var element = React.createElement(PropertyFieldButtonHost, __assign(__assign({}, omit(props, ['icon', 'buttonType'])), { buttonType: buttonType }));\n        ReactDOM.render(element, elem);\n    };\n    PropertyFieldButtonWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    return PropertyFieldButtonWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Button with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Button with Callout component is associated to.\n * @param properties - Strongly typed Button with Callout component properties.\n */\nexport function PropertyFieldButtonWithCallout(targetProperty, properties) {\n    return new PropertyFieldButtonWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';\nimport PropertyFieldButtonHost from './PropertyFieldButtonWithCalloutHost';\nimport { ButtonType } from 'office-ui-fabric-react/lib/components/Button';\nimport omit from 'lodash/omit';\n/**\n * Represents a PropertyFieldButtonWithCallout object\n */\nvar PropertyFieldButtonWithCalloutBuilder = /** @class */ (function () {\n    function PropertyFieldButtonWithCalloutBuilder(_targetProperty, _properties) {\n        this.type = PropertyPaneFieldType.Custom;\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onRender = this._render.bind(this);\n        this.properties.onDispose = this._dispose.bind(this);\n    }\n    PropertyFieldButtonWithCalloutBuilder.prototype._render = function (elem, context, changeCallback) {\n        var props = this.properties;\n        //\n        // PropertyPaneButtonType is not assignable to ButtonType\n        //\n        var buttonTypeString = ButtonType[this.properties.buttonType];\n        var buttonType = ButtonType[buttonTypeString];\n        var element = React.createElement(PropertyFieldButtonHost, __assign(__assign({}, omit(props, ['icon', 'buttonType'])), { buttonType: buttonType }));\n        ReactDOM.render(element, elem);\n    };\n    PropertyFieldButtonWithCalloutBuilder.prototype._dispose = function (elem) {\n        ReactDOM.unmountComponentAtNode(elem);\n    };\n    return PropertyFieldButtonWithCalloutBuilder;\n}());\n/**\n * Helper method to create a Button with Callout component on the PropertyPane.\n * @param targetProperty - Target property the Button with Callout component is associated to.\n * @param properties - Strongly typed Button with Callout component properties.\n */\nexport function PropertyFieldButtonWithCallout(targetProperty, properties) {\n    return new PropertyFieldButtonWithCalloutBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "yZuV",