@emuanalytics/flow-rdf-ui 4.1.0-preview.21 → 4.1.0-preview.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/components/list/list.component.mjs +102 -3
  2. package/dist/components/list/list.styles.mjs +1 -1
  3. package/dist/components/list-item/list-item.component.mjs +67 -13
  4. package/dist/components/list-item/list-item.styles.mjs +21 -1
  5. package/dist/custom-elements.json +922 -837
  6. package/dist/index.d.mts +31 -20
  7. package/dist/index.d.ts +31 -20
  8. package/dist/package.json.mjs +1 -1
  9. package/dist/vscode.html-custom-data.json +63 -47
  10. package/package.json +1 -1
  11. package/themes/dark.css +7 -3
  12. package/themes/dark.styles.js +7 -3
  13. package/themes/light.css +7 -3
  14. package/themes/light.styles.js +7 -3
package/dist/custom-elements.json CHANGED
@@ -853,129 +853,6 @@
853
853
  }
854
854
  ]
855
855
  },
856
- {
857
- "kind": "javascript-module",
858
- "path": "components/breadcrumb/breadcrumb.component.js",
859
- "declarations": [
860
- {
861
- "kind": "class",
862
- "description": "",
863
- "name": "FlowUiBreadcrumb",
864
- "cssParts": [
865
- {
866
- "description": "The component's base wrapper.",
867
- "name": "base"
868
- }
869
- ],
870
- "slots": [
871
- {
872
- "description": "One or more breadcrumb items to display.",
873
- "name": ""
874
- },
875
- {
876
- "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
877
- "name": "separator"
878
- }
879
- ],
880
- "members": [
881
- {
882
- "kind": "field",
883
- "name": "localize",
884
- "privacy": "private",
885
- "readonly": true,
886
- "default": "new LocalizeController(this)"
887
- },
888
- {
889
- "kind": "field",
890
- "name": "separatorDir",
891
- "privacy": "private"
892
- },
893
- {
894
- "kind": "field",
895
- "name": "defaultSlot",
896
- "type": {
897
- "text": "HTMLSlotElement"
898
- },
899
- "privacy": "private"
900
- },
901
- {
902
- "kind": "field",
903
- "name": "separatorSlot",
904
- "type": {
905
- "text": "HTMLSlotElement"
906
- },
907
- "privacy": "private"
908
- },
909
- {
910
- "kind": "field",
911
- "name": "label",
912
- "type": {
913
- "text": "string"
914
- },
915
- "default": "''",
916
- "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
917
- "attribute": "label"
918
- },
919
- {
920
- "kind": "method",
921
- "name": "getSeparator",
922
- "privacy": "private"
923
- },
924
- {
925
- "kind": "method",
926
- "name": "handleSlotChange",
927
- "privacy": "private"
928
- }
929
- ],
930
- "attributes": [
931
- {
932
- "name": "label",
933
- "type": {
934
- "text": "string"
935
- },
936
- "default": "''",
937
- "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
938
- "fieldName": "label"
939
- }
940
- ],
941
- "superclass": {
942
- "name": "FlowRdfElement",
943
- "module": "/src/internal/flow-ui-rdf-element"
944
- },
945
- "tagName": "flow-ui-breadcrumb",
946
- "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
947
- "dependencies": [
948
- "flow-ui-icon"
949
- ],
950
- "customElement": true
951
- }
952
- ],
953
- "exports": [
954
- {
955
- "kind": "js",
956
- "name": "default",
957
- "declaration": {
958
- "name": "FlowUiBreadcrumb",
959
- "module": "components/breadcrumb/breadcrumb.component.js"
960
- }
961
- }
962
- ]
963
- },
964
- {
965
- "kind": "javascript-module",
966
- "path": "components/breadcrumb/breadcrumb.js",
967
- "declarations": [],
968
- "exports": [
969
- {
970
- "kind": "js",
971
- "name": "default",
972
- "declaration": {
973
- "name": "FlowUiBreadcrumb",
974
- "module": "components/breadcrumb/breadcrumb.js"
975
- }
976
- }
977
- ]
978
- },
979
856
  {
980
857
  "kind": "javascript-module",
981
858
  "path": "components/base-control/base-control.component.js",
@@ -1576,6 +1453,129 @@
1576
1453
  }
1577
1454
  ]
1578
1455
  },
1456
+ {
1457
+ "kind": "javascript-module",
1458
+ "path": "components/breadcrumb/breadcrumb.component.js",
1459
+ "declarations": [
1460
+ {
1461
+ "kind": "class",
1462
+ "description": "",
1463
+ "name": "FlowUiBreadcrumb",
1464
+ "cssParts": [
1465
+ {
1466
+ "description": "The component's base wrapper.",
1467
+ "name": "base"
1468
+ }
1469
+ ],
1470
+ "slots": [
1471
+ {
1472
+ "description": "One or more breadcrumb items to display.",
1473
+ "name": ""
1474
+ },
1475
+ {
1476
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
1477
+ "name": "separator"
1478
+ }
1479
+ ],
1480
+ "members": [
1481
+ {
1482
+ "kind": "field",
1483
+ "name": "localize",
1484
+ "privacy": "private",
1485
+ "readonly": true,
1486
+ "default": "new LocalizeController(this)"
1487
+ },
1488
+ {
1489
+ "kind": "field",
1490
+ "name": "separatorDir",
1491
+ "privacy": "private"
1492
+ },
1493
+ {
1494
+ "kind": "field",
1495
+ "name": "defaultSlot",
1496
+ "type": {
1497
+ "text": "HTMLSlotElement"
1498
+ },
1499
+ "privacy": "private"
1500
+ },
1501
+ {
1502
+ "kind": "field",
1503
+ "name": "separatorSlot",
1504
+ "type": {
1505
+ "text": "HTMLSlotElement"
1506
+ },
1507
+ "privacy": "private"
1508
+ },
1509
+ {
1510
+ "kind": "field",
1511
+ "name": "label",
1512
+ "type": {
1513
+ "text": "string"
1514
+ },
1515
+ "default": "''",
1516
+ "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
1517
+ "attribute": "label"
1518
+ },
1519
+ {
1520
+ "kind": "method",
1521
+ "name": "getSeparator",
1522
+ "privacy": "private"
1523
+ },
1524
+ {
1525
+ "kind": "method",
1526
+ "name": "handleSlotChange",
1527
+ "privacy": "private"
1528
+ }
1529
+ ],
1530
+ "attributes": [
1531
+ {
1532
+ "name": "label",
1533
+ "type": {
1534
+ "text": "string"
1535
+ },
1536
+ "default": "''",
1537
+ "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
1538
+ "fieldName": "label"
1539
+ }
1540
+ ],
1541
+ "superclass": {
1542
+ "name": "FlowRdfElement",
1543
+ "module": "/src/internal/flow-ui-rdf-element"
1544
+ },
1545
+ "tagName": "flow-ui-breadcrumb",
1546
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
1547
+ "dependencies": [
1548
+ "flow-ui-icon"
1549
+ ],
1550
+ "customElement": true
1551
+ }
1552
+ ],
1553
+ "exports": [
1554
+ {
1555
+ "kind": "js",
1556
+ "name": "default",
1557
+ "declaration": {
1558
+ "name": "FlowUiBreadcrumb",
1559
+ "module": "components/breadcrumb/breadcrumb.component.js"
1560
+ }
1561
+ }
1562
+ ]
1563
+ },
1564
+ {
1565
+ "kind": "javascript-module",
1566
+ "path": "components/breadcrumb/breadcrumb.js",
1567
+ "declarations": [],
1568
+ "exports": [
1569
+ {
1570
+ "kind": "js",
1571
+ "name": "default",
1572
+ "declaration": {
1573
+ "name": "FlowUiBreadcrumb",
1574
+ "module": "components/breadcrumb/breadcrumb.js"
1575
+ }
1576
+ }
1577
+ ]
1578
+ },
1579
1579
  {
1580
1580
  "kind": "javascript-module",
1581
1581
  "path": "components/breadcrumb-item/breadcrumb-item.component.js",
@@ -5023,280 +5023,599 @@
5023
5023
  },
5024
5024
  {
5025
5025
  "kind": "javascript-module",
5026
- "path": "components/color-picker/color-picker.component.js",
5026
+ "path": "components/color-mapper/color-mapper.component.js",
5027
5027
  "declarations": [
5028
5028
  {
5029
5029
  "kind": "class",
5030
5030
  "description": "",
5031
- "name": "FlowUiColorPicker",
5032
- "cssProperties": [
5033
- {
5034
- "description": "The width of the color grid.",
5035
- "name": "--grid-width"
5036
- },
5037
- {
5038
- "description": "The height of the color grid.",
5039
- "name": "--grid-height"
5040
- },
5041
- {
5042
- "description": "The size of the color grid's handle.",
5043
- "name": "--grid-handle-size"
5044
- },
5045
- {
5046
- "description": "The height of the hue and alpha sliders.",
5047
- "name": "--slider-height"
5048
- },
5049
- {
5050
- "description": "The diameter of the slider's handle.",
5051
- "name": "--slider-handle-size"
5052
- },
5053
- {
5054
- "description": "The size of each predefined color swatch.",
5055
- "name": "--swatch-size"
5056
- }
5057
- ],
5058
- "cssParts": [
5059
- {
5060
- "description": "The component's base wrapper.",
5061
- "name": "base"
5062
- },
5063
- {
5064
- "description": "The color picker's dropdown trigger.",
5065
- "name": "trigger"
5066
- },
5067
- {
5068
- "description": "The container that holds the swatches.",
5069
- "name": "swatches"
5070
- },
5071
- {
5072
- "description": "Each individual swatch.",
5073
- "name": "swatch"
5074
- },
5075
- {
5076
- "description": "The color grid.",
5077
- "name": "grid"
5078
- },
5079
- {
5080
- "description": "The color grid's handle.",
5081
- "name": "grid-handle"
5082
- },
5083
- {
5084
- "description": "Hue and opacity sliders.",
5085
- "name": "slider"
5086
- },
5087
- {
5088
- "description": "Hue and opacity slider handles.",
5089
- "name": "slider-handle"
5090
- },
5091
- {
5092
- "description": "The hue slider.",
5093
- "name": "hue-slider"
5094
- },
5095
- {
5096
- "description": "The hue slider's handle.",
5097
- "name": "hue-slider-handle"
5098
- },
5099
- {
5100
- "description": "The opacity slider.",
5101
- "name": "opacity-slider"
5102
- },
5103
- {
5104
- "description": "The opacity slider's handle.",
5105
- "name": "opacity-slider-handle"
5106
- },
5107
- {
5108
- "description": "The preview color.",
5109
- "name": "preview"
5110
- },
5111
- {
5112
- "description": "The text input.",
5113
- "name": "input"
5114
- },
5115
- {
5116
- "description": "The eye dropper button.",
5117
- "name": "eye-dropper-button"
5118
- },
5119
- {
5120
- "description": "The eye dropper button's exported `button` part.",
5121
- "name": "eye-dropper-button__base"
5122
- },
5123
- {
5124
- "description": "The eye dropper button's exported `prefix` part.",
5125
- "name": "eye-dropper-button__prefix"
5126
- },
5127
- {
5128
- "description": "The eye dropper button's exported `label` part.",
5129
- "name": "eye-dropper-button__label"
5130
- },
5131
- {
5132
- "description": "The eye dropper button's exported `suffix` part.",
5133
- "name": "eye-dropper-button__suffix"
5134
- },
5135
- {
5136
- "description": "The eye dropper button's exported `caret` part.",
5137
- "name": "eye-dropper-button__caret"
5138
- },
5139
- {
5140
- "description": "The format button.",
5141
- "name": "format-button"
5142
- },
5143
- {
5144
- "description": "The format button's exported `button` part.",
5145
- "name": "format-button__base"
5146
- },
5147
- {
5148
- "description": "The format button's exported `prefix` part.",
5149
- "name": "format-button__prefix"
5150
- },
5151
- {
5152
- "description": "The format button's exported `label` part.",
5153
- "name": "format-button__label"
5154
- },
5155
- {
5156
- "description": "The format button's exported `suffix` part.",
5157
- "name": "format-button__suffix"
5158
- },
5159
- {
5160
- "description": "The format button's exported `caret` part.",
5161
- "name": "format-button__caret"
5162
- }
5163
- ],
5164
- "slots": [
5165
- {
5166
- "description": "The color picker's form label. Alternatively, you can use the `label` attribute.",
5167
- "name": "label"
5168
- }
5169
- ],
5170
- "members": [
5171
- {
5172
- "kind": "field",
5173
- "name": "formControlController",
5174
- "privacy": "private",
5175
- "readonly": true,
5176
- "default": "new FormControlController(this)"
5177
- },
5031
+ "name": "FlowUiColorMapper",
5032
+ "members": [
5178
5033
  {
5179
5034
  "kind": "field",
5180
- "name": "isSafeValue",
5035
+ "name": "currentField",
5181
5036
  "type": {
5182
- "text": "boolean"
5037
+ "text": "string | undefined"
5183
5038
  },
5184
- "privacy": "private",
5185
- "default": "false"
5039
+ "privacy": "private"
5186
5040
  },
5187
5041
  {
5188
5042
  "kind": "field",
5189
- "name": "localize",
5043
+ "name": "hasSlotController",
5190
5044
  "privacy": "private",
5191
5045
  "readonly": true,
5192
- "default": "new LocalizeController(this)"
5046
+ "default": "new HasSlotController(this, 'info')"
5193
5047
  },
5194
5048
  {
5195
5049
  "kind": "field",
5196
- "name": "base",
5050
+ "name": "modeRadioGroup",
5197
5051
  "type": {
5198
- "text": "HTMLElement"
5052
+ "text": "FlowRadioGroup"
5199
5053
  },
5200
5054
  "privacy": "private"
5201
5055
  },
5202
5056
  {
5203
5057
  "kind": "field",
5204
- "name": "input",
5058
+ "name": "fixedColorPicker",
5205
5059
  "type": {
5206
- "text": "FlowInput"
5060
+ "text": "FlowColorPicker"
5207
5061
  },
5208
5062
  "privacy": "private"
5209
5063
  },
5210
5064
  {
5211
5065
  "kind": "field",
5212
- "name": "dropdown",
5066
+ "name": "fieldSelect",
5213
5067
  "type": {
5214
- "text": "FlowDropdown"
5068
+ "text": "FlowSelect"
5215
5069
  },
5216
5070
  "privacy": "private"
5217
5071
  },
5218
5072
  {
5219
5073
  "kind": "field",
5220
- "name": "previewButton",
5074
+ "name": "infoDialog",
5221
5075
  "type": {
5222
- "text": "HTMLButtonElement"
5076
+ "text": "FlowDialog"
5223
5077
  },
5224
5078
  "privacy": "private"
5225
5079
  },
5226
5080
  {
5227
5081
  "kind": "field",
5228
- "name": "trigger",
5082
+ "name": "options",
5229
5083
  "type": {
5230
- "text": "HTMLButtonElement"
5084
+ "text": "ColorMapperOptions"
5231
5085
  },
5232
- "privacy": "private"
5086
+ "description": "The color mapper configuration specifying available fields.",
5087
+ "attribute": "options"
5233
5088
  },
5234
5089
  {
5235
5090
  "kind": "field",
5236
- "name": "hasFocus",
5091
+ "name": "value",
5237
5092
  "type": {
5238
- "text": "boolean"
5093
+ "text": "ColorMapperValue"
5239
5094
  },
5240
- "privacy": "private",
5241
- "default": "false"
5095
+ "default": "{\n mode: 'fixed',\n field: undefined,\n defaultColor: 'gray',\n colorStops: []\n }",
5096
+ "description": "The current value of the color mapper.",
5097
+ "attribute": "value"
5242
5098
  },
5243
5099
  {
5244
5100
  "kind": "field",
5245
- "name": "isDraggingGridHandle",
5101
+ "name": "size",
5246
5102
  "type": {
5247
- "text": "boolean"
5103
+ "text": "'small' | 'medium' | 'large'"
5248
5104
  },
5249
- "privacy": "private",
5250
- "default": "false"
5105
+ "default": "'small'",
5106
+ "description": "The size of the color mapper component.",
5107
+ "attribute": "size"
5251
5108
  },
5252
5109
  {
5253
5110
  "kind": "field",
5254
- "name": "isEmpty",
5111
+ "name": "swatches",
5255
5112
  "type": {
5256
- "text": "boolean"
5113
+ "text": "string | string[]"
5257
5114
  },
5258
- "privacy": "private",
5259
- "default": "false"
5115
+ "default": "[\n '#d7191c',\n '#ffa500',\n '#ffe909',\n '#a6d96a',\n '#1a9641',\n '#3c58fd',\n 'white',\n 'black'\n ]",
5116
+ "description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
5117
+ "attribute": "swatches"
5260
5118
  },
5261
5119
  {
5262
- "kind": "field",
5263
- "name": "inputValue",
5264
- "type": {
5265
- "text": "string"
5266
- },
5120
+ "kind": "method",
5121
+ "name": "handleFixedPickerClick",
5267
5122
  "privacy": "private",
5268
- "default": "''"
5123
+ "parameters": [
5124
+ {
5125
+ "name": "event",
5126
+ "type": {
5127
+ "text": "MouseEvent"
5128
+ }
5129
+ }
5130
+ ]
5269
5131
  },
5270
5132
  {
5271
- "kind": "field",
5272
- "name": "hue",
5273
- "type": {
5274
- "text": "number"
5275
- },
5133
+ "kind": "method",
5134
+ "name": "handleChange",
5276
5135
  "privacy": "private",
5277
- "default": "0"
5136
+ "parameters": [
5137
+ {
5138
+ "name": "event",
5139
+ "type": {
5140
+ "text": "FlowChangeEvent"
5141
+ }
5142
+ }
5143
+ ]
5278
5144
  },
5279
5145
  {
5280
- "kind": "field",
5281
- "name": "saturation",
5282
- "type": {
5283
- "text": "number"
5284
- },
5285
- "privacy": "private",
5286
- "default": "100"
5146
+ "kind": "method",
5147
+ "name": "emitChange",
5148
+ "privacy": "private"
5287
5149
  },
5288
5150
  {
5289
- "kind": "field",
5290
- "name": "brightness",
5291
- "type": {
5292
- "text": "number"
5293
- },
5151
+ "kind": "method",
5152
+ "name": "handleColorStopRemove",
5294
5153
  "privacy": "private",
5295
- "default": "100"
5296
- },
5297
- {
5298
- "kind": "field",
5299
- "name": "alpha",
5154
+ "parameters": [
5155
+ {
5156
+ "name": "event",
5157
+ "type": {
5158
+ "text": "FlowRemoveEvent"
5159
+ }
5160
+ }
5161
+ ]
5162
+ },
5163
+ {
5164
+ "kind": "method",
5165
+ "name": "getAllColorStops",
5166
+ "privacy": "private"
5167
+ },
5168
+ {
5169
+ "kind": "method",
5170
+ "name": "getColorStopPlaceholder",
5171
+ "privacy": "private"
5172
+ },
5173
+ {
5174
+ "kind": "method",
5175
+ "name": "fixedColorTemplate",
5176
+ "privacy": "private"
5177
+ },
5178
+ {
5179
+ "kind": "method",
5180
+ "name": "dataDrivenColorTemplate",
5181
+ "privacy": "private"
5182
+ },
5183
+ {
5184
+ "kind": "method",
5185
+ "name": "colorStopsTemplate",
5186
+ "privacy": "private"
5187
+ },
5188
+ {
5189
+ "kind": "method",
5190
+ "name": "infoDialogTemplate",
5191
+ "privacy": "private"
5192
+ }
5193
+ ],
5194
+ "events": [
5195
+ {
5196
+ "description": "Fired when the color mapper's value changes.",
5197
+ "name": "flow-ui-change",
5198
+ "reactName": "onFlowUiChange"
5199
+ }
5200
+ ],
5201
+ "attributes": [
5202
+ {
5203
+ "name": "options",
5204
+ "type": {
5205
+ "text": "ColorMapperOptions"
5206
+ },
5207
+ "description": "The color mapper configuration specifying available fields.",
5208
+ "fieldName": "options"
5209
+ },
5210
+ {
5211
+ "name": "value",
5212
+ "type": {
5213
+ "text": "ColorMapperValue"
5214
+ },
5215
+ "default": "{\n mode: 'fixed',\n field: undefined,\n defaultColor: 'gray',\n colorStops: []\n }",
5216
+ "description": "The current value of the color mapper.",
5217
+ "fieldName": "value"
5218
+ },
5219
+ {
5220
+ "name": "size",
5221
+ "type": {
5222
+ "text": "'small' | 'medium' | 'large'"
5223
+ },
5224
+ "default": "'small'",
5225
+ "description": "The size of the color mapper component.",
5226
+ "fieldName": "size"
5227
+ },
5228
+ {
5229
+ "name": "swatches",
5230
+ "type": {
5231
+ "text": "string | string[]"
5232
+ },
5233
+ "default": "[\n '#d7191c',\n '#ffa500',\n '#ffe909',\n '#a6d96a',\n '#1a9641',\n '#3c58fd',\n 'white',\n 'black'\n ]",
5234
+ "description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
5235
+ "fieldName": "swatches"
5236
+ }
5237
+ ],
5238
+ "superclass": {
5239
+ "name": "FlowRdfElement",
5240
+ "module": "/src/internal/flow-ui-rdf-element"
5241
+ },
5242
+ "tagName": "flow-ui-color-mapper",
5243
+ "summary": "A component for defining mappings between data values and colors.",
5244
+ "dependencies": [
5245
+ "flow-ui-color-picker",
5246
+ "flow-ui-color-stop",
5247
+ "flow-ui-dialog",
5248
+ "flow-ui-button",
5249
+ "flow-ui-radio-group",
5250
+ "flow-ui-radio",
5251
+ "flow-ui-select",
5252
+ "flow-ui-option",
5253
+ "flow-ui-icon-button"
5254
+ ],
5255
+ "customElement": true
5256
+ }
5257
+ ],
5258
+ "exports": [
5259
+ {
5260
+ "kind": "js",
5261
+ "name": "default",
5262
+ "declaration": {
5263
+ "name": "FlowUiColorMapper",
5264
+ "module": "components/color-mapper/color-mapper.component.js"
5265
+ }
5266
+ }
5267
+ ]
5268
+ },
5269
+ {
5270
+ "kind": "javascript-module",
5271
+ "path": "components/color-mapper/color-mapper.js",
5272
+ "declarations": [],
5273
+ "exports": [
5274
+ {
5275
+ "kind": "js",
5276
+ "name": "default",
5277
+ "declaration": {
5278
+ "name": "FlowUiColorMapper",
5279
+ "module": "components/color-mapper/color-mapper.js"
5280
+ }
5281
+ }
5282
+ ]
5283
+ },
5284
+ {
5285
+ "kind": "javascript-module",
5286
+ "path": "components/color-mapper/helpers.js",
5287
+ "declarations": [
5288
+ {
5289
+ "kind": "function",
5290
+ "name": "colorMapperValueToMaplibreExpression",
5291
+ "return": {
5292
+ "type": {
5293
+ "text": "string"
5294
+ }
5295
+ },
5296
+ "parameters": [
5297
+ {
5298
+ "name": "value",
5299
+ "type": {
5300
+ "text": "ColorMapperValue"
5301
+ }
5302
+ }
5303
+ ]
5304
+ },
5305
+ {
5306
+ "kind": "function",
5307
+ "name": "escapeMaplibreString",
5308
+ "parameters": [
5309
+ {
5310
+ "name": "value",
5311
+ "type": {
5312
+ "text": "string"
5313
+ }
5314
+ }
5315
+ ]
5316
+ }
5317
+ ],
5318
+ "exports": [
5319
+ {
5320
+ "kind": "js",
5321
+ "name": "colorMapperValueToMaplibreExpression",
5322
+ "declaration": {
5323
+ "name": "colorMapperValueToMaplibreExpression",
5324
+ "module": "components/color-mapper/helpers.js"
5325
+ }
5326
+ },
5327
+ {
5328
+ "kind": "js",
5329
+ "name": "escapeMaplibreString",
5330
+ "declaration": {
5331
+ "name": "escapeMaplibreString",
5332
+ "module": "components/color-mapper/helpers.js"
5333
+ }
5334
+ }
5335
+ ]
5336
+ },
5337
+ {
5338
+ "kind": "javascript-module",
5339
+ "path": "components/color-mapper/types.js",
5340
+ "declarations": [],
5341
+ "exports": []
5342
+ },
5343
+ {
5344
+ "kind": "javascript-module",
5345
+ "path": "components/color-picker/color-picker.component.js",
5346
+ "declarations": [
5347
+ {
5348
+ "kind": "class",
5349
+ "description": "",
5350
+ "name": "FlowUiColorPicker",
5351
+ "cssProperties": [
5352
+ {
5353
+ "description": "The width of the color grid.",
5354
+ "name": "--grid-width"
5355
+ },
5356
+ {
5357
+ "description": "The height of the color grid.",
5358
+ "name": "--grid-height"
5359
+ },
5360
+ {
5361
+ "description": "The size of the color grid's handle.",
5362
+ "name": "--grid-handle-size"
5363
+ },
5364
+ {
5365
+ "description": "The height of the hue and alpha sliders.",
5366
+ "name": "--slider-height"
5367
+ },
5368
+ {
5369
+ "description": "The diameter of the slider's handle.",
5370
+ "name": "--slider-handle-size"
5371
+ },
5372
+ {
5373
+ "description": "The size of each predefined color swatch.",
5374
+ "name": "--swatch-size"
5375
+ }
5376
+ ],
5377
+ "cssParts": [
5378
+ {
5379
+ "description": "The component's base wrapper.",
5380
+ "name": "base"
5381
+ },
5382
+ {
5383
+ "description": "The color picker's dropdown trigger.",
5384
+ "name": "trigger"
5385
+ },
5386
+ {
5387
+ "description": "The container that holds the swatches.",
5388
+ "name": "swatches"
5389
+ },
5390
+ {
5391
+ "description": "Each individual swatch.",
5392
+ "name": "swatch"
5393
+ },
5394
+ {
5395
+ "description": "The color grid.",
5396
+ "name": "grid"
5397
+ },
5398
+ {
5399
+ "description": "The color grid's handle.",
5400
+ "name": "grid-handle"
5401
+ },
5402
+ {
5403
+ "description": "Hue and opacity sliders.",
5404
+ "name": "slider"
5405
+ },
5406
+ {
5407
+ "description": "Hue and opacity slider handles.",
5408
+ "name": "slider-handle"
5409
+ },
5410
+ {
5411
+ "description": "The hue slider.",
5412
+ "name": "hue-slider"
5413
+ },
5414
+ {
5415
+ "description": "The hue slider's handle.",
5416
+ "name": "hue-slider-handle"
5417
+ },
5418
+ {
5419
+ "description": "The opacity slider.",
5420
+ "name": "opacity-slider"
5421
+ },
5422
+ {
5423
+ "description": "The opacity slider's handle.",
5424
+ "name": "opacity-slider-handle"
5425
+ },
5426
+ {
5427
+ "description": "The preview color.",
5428
+ "name": "preview"
5429
+ },
5430
+ {
5431
+ "description": "The text input.",
5432
+ "name": "input"
5433
+ },
5434
+ {
5435
+ "description": "The eye dropper button.",
5436
+ "name": "eye-dropper-button"
5437
+ },
5438
+ {
5439
+ "description": "The eye dropper button's exported `button` part.",
5440
+ "name": "eye-dropper-button__base"
5441
+ },
5442
+ {
5443
+ "description": "The eye dropper button's exported `prefix` part.",
5444
+ "name": "eye-dropper-button__prefix"
5445
+ },
5446
+ {
5447
+ "description": "The eye dropper button's exported `label` part.",
5448
+ "name": "eye-dropper-button__label"
5449
+ },
5450
+ {
5451
+ "description": "The eye dropper button's exported `suffix` part.",
5452
+ "name": "eye-dropper-button__suffix"
5453
+ },
5454
+ {
5455
+ "description": "The eye dropper button's exported `caret` part.",
5456
+ "name": "eye-dropper-button__caret"
5457
+ },
5458
+ {
5459
+ "description": "The format button.",
5460
+ "name": "format-button"
5461
+ },
5462
+ {
5463
+ "description": "The format button's exported `button` part.",
5464
+ "name": "format-button__base"
5465
+ },
5466
+ {
5467
+ "description": "The format button's exported `prefix` part.",
5468
+ "name": "format-button__prefix"
5469
+ },
5470
+ {
5471
+ "description": "The format button's exported `label` part.",
5472
+ "name": "format-button__label"
5473
+ },
5474
+ {
5475
+ "description": "The format button's exported `suffix` part.",
5476
+ "name": "format-button__suffix"
5477
+ },
5478
+ {
5479
+ "description": "The format button's exported `caret` part.",
5480
+ "name": "format-button__caret"
5481
+ }
5482
+ ],
5483
+ "slots": [
5484
+ {
5485
+ "description": "The color picker's form label. Alternatively, you can use the `label` attribute.",
5486
+ "name": "label"
5487
+ }
5488
+ ],
5489
+ "members": [
5490
+ {
5491
+ "kind": "field",
5492
+ "name": "formControlController",
5493
+ "privacy": "private",
5494
+ "readonly": true,
5495
+ "default": "new FormControlController(this)"
5496
+ },
5497
+ {
5498
+ "kind": "field",
5499
+ "name": "isSafeValue",
5500
+ "type": {
5501
+ "text": "boolean"
5502
+ },
5503
+ "privacy": "private",
5504
+ "default": "false"
5505
+ },
5506
+ {
5507
+ "kind": "field",
5508
+ "name": "localize",
5509
+ "privacy": "private",
5510
+ "readonly": true,
5511
+ "default": "new LocalizeController(this)"
5512
+ },
5513
+ {
5514
+ "kind": "field",
5515
+ "name": "base",
5516
+ "type": {
5517
+ "text": "HTMLElement"
5518
+ },
5519
+ "privacy": "private"
5520
+ },
5521
+ {
5522
+ "kind": "field",
5523
+ "name": "input",
5524
+ "type": {
5525
+ "text": "FlowInput"
5526
+ },
5527
+ "privacy": "private"
5528
+ },
5529
+ {
5530
+ "kind": "field",
5531
+ "name": "dropdown",
5532
+ "type": {
5533
+ "text": "FlowDropdown"
5534
+ },
5535
+ "privacy": "private"
5536
+ },
5537
+ {
5538
+ "kind": "field",
5539
+ "name": "previewButton",
5540
+ "type": {
5541
+ "text": "HTMLButtonElement"
5542
+ },
5543
+ "privacy": "private"
5544
+ },
5545
+ {
5546
+ "kind": "field",
5547
+ "name": "trigger",
5548
+ "type": {
5549
+ "text": "HTMLButtonElement"
5550
+ },
5551
+ "privacy": "private"
5552
+ },
5553
+ {
5554
+ "kind": "field",
5555
+ "name": "hasFocus",
5556
+ "type": {
5557
+ "text": "boolean"
5558
+ },
5559
+ "privacy": "private",
5560
+ "default": "false"
5561
+ },
5562
+ {
5563
+ "kind": "field",
5564
+ "name": "isDraggingGridHandle",
5565
+ "type": {
5566
+ "text": "boolean"
5567
+ },
5568
+ "privacy": "private",
5569
+ "default": "false"
5570
+ },
5571
+ {
5572
+ "kind": "field",
5573
+ "name": "isEmpty",
5574
+ "type": {
5575
+ "text": "boolean"
5576
+ },
5577
+ "privacy": "private",
5578
+ "default": "false"
5579
+ },
5580
+ {
5581
+ "kind": "field",
5582
+ "name": "inputValue",
5583
+ "type": {
5584
+ "text": "string"
5585
+ },
5586
+ "privacy": "private",
5587
+ "default": "''"
5588
+ },
5589
+ {
5590
+ "kind": "field",
5591
+ "name": "hue",
5592
+ "type": {
5593
+ "text": "number"
5594
+ },
5595
+ "privacy": "private",
5596
+ "default": "0"
5597
+ },
5598
+ {
5599
+ "kind": "field",
5600
+ "name": "saturation",
5601
+ "type": {
5602
+ "text": "number"
5603
+ },
5604
+ "privacy": "private",
5605
+ "default": "100"
5606
+ },
5607
+ {
5608
+ "kind": "field",
5609
+ "name": "brightness",
5610
+ "type": {
5611
+ "text": "number"
5612
+ },
5613
+ "privacy": "private",
5614
+ "default": "100"
5615
+ },
5616
+ {
5617
+ "kind": "field",
5618
+ "name": "alpha",
5300
5619
  "type": {
5301
5620
  "text": "number"
5302
5621
  },
@@ -5886,502 +6205,183 @@
5886
6205
  "description": "The color picker's label. This will not be displayed, but it will be announced by assistive devices. If you need to\ndisplay HTML, you can use the `label` slot` instead.",
5887
6206
  "fieldName": "label"
5888
6207
  },
5889
- {
5890
- "name": "format",
5891
- "type": {
5892
- "text": "'hex' | 'rgb' | 'hsl' | 'hsv'"
5893
- },
5894
- "default": "'hex'",
5895
- "description": "The format to use. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA respectively. The color\npicker will accept user input in any format (including CSS color names) and convert it to the desired format.",
5896
- "fieldName": "format"
5897
- },
5898
- {
5899
- "name": "inline",
5900
- "type": {
5901
- "text": "boolean"
5902
- },
5903
- "default": "false",
5904
- "description": "Renders the color picker inline rather than in a dropdown.",
5905
- "fieldName": "inline"
5906
- },
5907
- {
5908
- "name": "size",
5909
- "type": {
5910
- "text": "'small' | 'medium' | 'large'"
5911
- },
5912
- "default": "'medium'",
5913
- "description": "Determines the size of the color picker's trigger. This has no effect on inline color pickers.",
5914
- "fieldName": "size"
5915
- },
5916
- {
5917
- "name": "no-format-toggle",
5918
- "type": {
5919
- "text": "boolean"
5920
- },
5921
- "default": "false",
5922
- "description": "Removes the button that lets users toggle between format.",
5923
- "fieldName": "noFormatToggle"
5924
- },
5925
- {
5926
- "name": "name",
5927
- "type": {
5928
- "text": "string"
5929
- },
5930
- "default": "''",
5931
- "description": "The name of the form control, submitted as a name/value pair with form data.",
5932
- "fieldName": "name"
5933
- },
5934
- {
5935
- "name": "disabled",
5936
- "type": {
5937
- "text": "boolean"
5938
- },
5939
- "default": "false",
5940
- "description": "Disables the color picker.",
5941
- "fieldName": "disabled"
5942
- },
5943
- {
5944
- "name": "placement",
5945
- "type": {
5946
- "text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
5947
- },
5948
- "default": "'bottom-start'",
5949
- "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
5950
- "fieldName": "placement"
5951
- },
5952
- {
5953
- "name": "distance",
5954
- "type": {
5955
- "text": "number"
5956
- },
5957
- "default": "0",
5958
- "description": "The distance in pixels from which to offset the panel away from its trigger.",
5959
- "fieldName": "distance"
5960
- },
5961
- {
5962
- "name": "skidding",
5963
- "type": {
5964
- "text": "number"
5965
- },
5966
- "default": "0",
5967
- "description": "The distance in pixels from which to offset the panel along its trigger.",
5968
- "fieldName": "skidding"
5969
- },
5970
- {
5971
- "name": "hoist",
5972
- "type": {
5973
- "text": "boolean"
5974
- },
5975
- "default": "false",
5976
- "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
5977
- "fieldName": "hoist"
5978
- },
5979
- {
5980
- "name": "opacity",
5981
- "type": {
5982
- "text": "boolean"
5983
- },
5984
- "default": "false",
5985
- "description": "Shows the opacity slider. Enabling this will cause the formatted value to be HEXA, RGBA, or HSLA.",
5986
- "fieldName": "opacity"
5987
- },
5988
- {
5989
- "name": "uppercase",
5990
- "type": {
5991
- "text": "boolean"
5992
- },
5993
- "default": "false",
5994
- "description": "By default, values are lowercase. With this attribute, values will be uppercase instead.",
5995
- "fieldName": "uppercase"
5996
- },
5997
- {
5998
- "name": "swatches",
5999
- "type": {
6000
- "text": "string | string[]"
6001
- },
6002
- "default": "''",
6003
- "description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
6004
- "fieldName": "swatches"
6005
- },
6006
- {
6007
- "name": "form",
6008
- "type": {
6009
- "text": "string"
6010
- },
6011
- "default": "''",
6012
- "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
6013
- "fieldName": "form"
6014
- },
6015
- {
6016
- "name": "required",
6017
- "type": {
6018
- "text": "boolean"
6019
- },
6020
- "default": "false",
6021
- "description": "Makes the color picker a required field.",
6022
- "fieldName": "required"
6023
- }
6024
- ],
6025
- "superclass": {
6026
- "name": "FlowRdfFormControl",
6027
- "module": "/src/internal/flow-ui-rdf-element"
6028
- },
6029
- "tagName": "flow-ui-color-picker",
6030
- "summary": "Color pickers allow the user to select a color.",
6031
- "dependencies": [
6032
- "flow-ui-button",
6033
- "flow-ui-button-group",
6034
- "flow-ui-dropdown",
6035
- "flow-ui-input",
6036
- "flow-ui-visually-hidden"
6037
- ],
6038
- "customElement": true
6039
- }
6040
- ],
6041
- "exports": [
6042
- {
6043
- "kind": "js",
6044
- "name": "default",
6045
- "declaration": {
6046
- "name": "FlowUiColorPicker",
6047
- "module": "components/color-picker/color-picker.component.js"
6048
- }
6049
- }
6050
- ]
6051
- },
6052
- {
6053
- "kind": "javascript-module",
6054
- "path": "components/color-picker/color-picker.js",
6055
- "declarations": [],
6056
- "exports": [
6057
- {
6058
- "kind": "js",
6059
- "name": "default",
6060
- "declaration": {
6061
- "name": "FlowUiColorPicker",
6062
- "module": "components/color-picker/color-picker.js"
6063
- }
6064
- }
6065
- ]
6066
- },
6067
- {
6068
- "kind": "javascript-module",
6069
- "path": "components/color-mapper/color-mapper.component.js",
6070
- "declarations": [
6071
- {
6072
- "kind": "class",
6073
- "description": "",
6074
- "name": "FlowUiColorMapper",
6075
- "members": [
6076
- {
6077
- "kind": "field",
6078
- "name": "currentField",
6079
- "type": {
6080
- "text": "string | undefined"
6081
- },
6082
- "privacy": "private"
6083
- },
6084
- {
6085
- "kind": "field",
6086
- "name": "hasSlotController",
6087
- "privacy": "private",
6088
- "readonly": true,
6089
- "default": "new HasSlotController(this, 'info')"
6090
- },
6091
- {
6092
- "kind": "field",
6093
- "name": "modeRadioGroup",
6094
- "type": {
6095
- "text": "FlowRadioGroup"
6096
- },
6097
- "privacy": "private"
6098
- },
6099
- {
6100
- "kind": "field",
6101
- "name": "fixedColorPicker",
6102
- "type": {
6103
- "text": "FlowColorPicker"
6104
- },
6105
- "privacy": "private"
6106
- },
6107
- {
6108
- "kind": "field",
6109
- "name": "fieldSelect",
6110
- "type": {
6111
- "text": "FlowSelect"
6112
- },
6113
- "privacy": "private"
6114
- },
6115
- {
6116
- "kind": "field",
6117
- "name": "infoDialog",
6118
- "type": {
6119
- "text": "FlowDialog"
6120
- },
6121
- "privacy": "private"
6122
- },
6123
- {
6124
- "kind": "field",
6125
- "name": "options",
6208
+ {
6209
+ "name": "format",
6126
6210
  "type": {
6127
- "text": "ColorMapperOptions"
6211
+ "text": "'hex' | 'rgb' | 'hsl' | 'hsv'"
6128
6212
  },
6129
- "description": "The color mapper configuration specifying available fields.",
6130
- "attribute": "options"
6213
+ "default": "'hex'",
6214
+ "description": "The format to use. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA respectively. The color\npicker will accept user input in any format (including CSS color names) and convert it to the desired format.",
6215
+ "fieldName": "format"
6131
6216
  },
6132
6217
  {
6133
- "kind": "field",
6134
- "name": "value",
6218
+ "name": "inline",
6135
6219
  "type": {
6136
- "text": "ColorMapperValue"
6220
+ "text": "boolean"
6137
6221
  },
6138
- "default": "{\n mode: 'fixed',\n field: undefined,\n defaultColor: 'gray',\n colorStops: []\n }",
6139
- "description": "The current value of the color mapper.",
6140
- "attribute": "value"
6222
+ "default": "false",
6223
+ "description": "Renders the color picker inline rather than in a dropdown.",
6224
+ "fieldName": "inline"
6141
6225
  },
6142
6226
  {
6143
- "kind": "field",
6144
6227
  "name": "size",
6145
6228
  "type": {
6146
6229
  "text": "'small' | 'medium' | 'large'"
6147
6230
  },
6148
- "default": "'small'",
6149
- "description": "The size of the color mapper component.",
6150
- "attribute": "size"
6231
+ "default": "'medium'",
6232
+ "description": "Determines the size of the color picker's trigger. This has no effect on inline color pickers.",
6233
+ "fieldName": "size"
6151
6234
  },
6152
6235
  {
6153
- "kind": "field",
6154
- "name": "swatches",
6236
+ "name": "no-format-toggle",
6155
6237
  "type": {
6156
- "text": "string | string[]"
6238
+ "text": "boolean"
6157
6239
  },
6158
- "default": "[\n '#d7191c',\n '#ffa500',\n '#ffe909',\n '#a6d96a',\n '#1a9641',\n '#3c58fd',\n 'white',\n 'black'\n ]",
6159
- "description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
6160
- "attribute": "swatches"
6161
- },
6162
- {
6163
- "kind": "method",
6164
- "name": "handleFixedPickerClick",
6165
- "privacy": "private",
6166
- "parameters": [
6167
- {
6168
- "name": "event",
6169
- "type": {
6170
- "text": "MouseEvent"
6171
- }
6172
- }
6173
- ]
6174
- },
6175
- {
6176
- "kind": "method",
6177
- "name": "handleChange",
6178
- "privacy": "private",
6179
- "parameters": [
6180
- {
6181
- "name": "event",
6182
- "type": {
6183
- "text": "FlowChangeEvent"
6184
- }
6185
- }
6186
- ]
6187
- },
6188
- {
6189
- "kind": "method",
6190
- "name": "emitChange",
6191
- "privacy": "private"
6192
- },
6193
- {
6194
- "kind": "method",
6195
- "name": "handleColorStopRemove",
6196
- "privacy": "private",
6197
- "parameters": [
6198
- {
6199
- "name": "event",
6200
- "type": {
6201
- "text": "FlowRemoveEvent"
6202
- }
6203
- }
6204
- ]
6240
+ "default": "false",
6241
+ "description": "Removes the button that lets users toggle between format.",
6242
+ "fieldName": "noFormatToggle"
6205
6243
  },
6206
6244
  {
6207
- "kind": "method",
6208
- "name": "getAllColorStops",
6209
- "privacy": "private"
6245
+ "name": "name",
6246
+ "type": {
6247
+ "text": "string"
6248
+ },
6249
+ "default": "''",
6250
+ "description": "The name of the form control, submitted as a name/value pair with form data.",
6251
+ "fieldName": "name"
6210
6252
  },
6211
6253
  {
6212
- "kind": "method",
6213
- "name": "getColorStopPlaceholder",
6214
- "privacy": "private"
6254
+ "name": "disabled",
6255
+ "type": {
6256
+ "text": "boolean"
6257
+ },
6258
+ "default": "false",
6259
+ "description": "Disables the color picker.",
6260
+ "fieldName": "disabled"
6215
6261
  },
6216
6262
  {
6217
- "kind": "method",
6218
- "name": "fixedColorTemplate",
6219
- "privacy": "private"
6263
+ "name": "placement",
6264
+ "type": {
6265
+ "text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
6266
+ },
6267
+ "default": "'bottom-start'",
6268
+ "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
6269
+ "fieldName": "placement"
6220
6270
  },
6221
6271
  {
6222
- "kind": "method",
6223
- "name": "dataDrivenColorTemplate",
6224
- "privacy": "private"
6272
+ "name": "distance",
6273
+ "type": {
6274
+ "text": "number"
6275
+ },
6276
+ "default": "0",
6277
+ "description": "The distance in pixels from which to offset the panel away from its trigger.",
6278
+ "fieldName": "distance"
6225
6279
  },
6226
6280
  {
6227
- "kind": "method",
6228
- "name": "colorStopsTemplate",
6229
- "privacy": "private"
6281
+ "name": "skidding",
6282
+ "type": {
6283
+ "text": "number"
6284
+ },
6285
+ "default": "0",
6286
+ "description": "The distance in pixels from which to offset the panel along its trigger.",
6287
+ "fieldName": "skidding"
6230
6288
  },
6231
6289
  {
6232
- "kind": "method",
6233
- "name": "infoDialogTemplate",
6234
- "privacy": "private"
6235
- }
6236
- ],
6237
- "events": [
6238
- {
6239
- "description": "Fired when the color mapper's value changes.",
6240
- "name": "flow-ui-change",
6241
- "reactName": "onFlowUiChange"
6242
- }
6243
- ],
6244
- "attributes": [
6245
- {
6246
- "name": "options",
6290
+ "name": "hoist",
6247
6291
  "type": {
6248
- "text": "ColorMapperOptions"
6292
+ "text": "boolean"
6249
6293
  },
6250
- "description": "The color mapper configuration specifying available fields.",
6251
- "fieldName": "options"
6294
+ "default": "false",
6295
+ "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
6296
+ "fieldName": "hoist"
6252
6297
  },
6253
6298
  {
6254
- "name": "value",
6299
+ "name": "opacity",
6255
6300
  "type": {
6256
- "text": "ColorMapperValue"
6301
+ "text": "boolean"
6257
6302
  },
6258
- "default": "{\n mode: 'fixed',\n field: undefined,\n defaultColor: 'gray',\n colorStops: []\n }",
6259
- "description": "The current value of the color mapper.",
6260
- "fieldName": "value"
6303
+ "default": "false",
6304
+ "description": "Shows the opacity slider. Enabling this will cause the formatted value to be HEXA, RGBA, or HSLA.",
6305
+ "fieldName": "opacity"
6261
6306
  },
6262
6307
  {
6263
- "name": "size",
6308
+ "name": "uppercase",
6264
6309
  "type": {
6265
- "text": "'small' | 'medium' | 'large'"
6310
+ "text": "boolean"
6266
6311
  },
6267
- "default": "'small'",
6268
- "description": "The size of the color mapper component.",
6269
- "fieldName": "size"
6312
+ "default": "false",
6313
+ "description": "By default, values are lowercase. With this attribute, values will be uppercase instead.",
6314
+ "fieldName": "uppercase"
6270
6315
  },
6271
6316
  {
6272
6317
  "name": "swatches",
6273
6318
  "type": {
6274
6319
  "text": "string | string[]"
6275
6320
  },
6276
- "default": "[\n '#d7191c',\n '#ffa500',\n '#ffe909',\n '#a6d96a',\n '#1a9641',\n '#3c58fd',\n 'white',\n 'black'\n ]",
6321
+ "default": "''",
6277
6322
  "description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
6278
6323
  "fieldName": "swatches"
6279
- }
6280
- ],
6281
- "superclass": {
6282
- "name": "FlowRdfElement",
6283
- "module": "/src/internal/flow-ui-rdf-element"
6284
- },
6285
- "tagName": "flow-ui-color-mapper",
6286
- "summary": "A component for defining mappings between data values and colors.",
6287
- "dependencies": [
6288
- "flow-ui-color-picker",
6289
- "flow-ui-color-stop",
6290
- "flow-ui-dialog",
6291
- "flow-ui-button",
6292
- "flow-ui-radio-group",
6293
- "flow-ui-radio",
6294
- "flow-ui-select",
6295
- "flow-ui-option",
6296
- "flow-ui-icon-button"
6297
- ],
6298
- "customElement": true
6299
- }
6300
- ],
6301
- "exports": [
6302
- {
6303
- "kind": "js",
6304
- "name": "default",
6305
- "declaration": {
6306
- "name": "FlowUiColorMapper",
6307
- "module": "components/color-mapper/color-mapper.component.js"
6308
- }
6309
- }
6310
- ]
6311
- },
6312
- {
6313
- "kind": "javascript-module",
6314
- "path": "components/color-mapper/color-mapper.js",
6315
- "declarations": [],
6316
- "exports": [
6317
- {
6318
- "kind": "js",
6319
- "name": "default",
6320
- "declaration": {
6321
- "name": "FlowUiColorMapper",
6322
- "module": "components/color-mapper/color-mapper.js"
6323
- }
6324
- }
6325
- ]
6326
- },
6327
- {
6328
- "kind": "javascript-module",
6329
- "path": "components/color-mapper/helpers.js",
6330
- "declarations": [
6331
- {
6332
- "kind": "function",
6333
- "name": "colorMapperValueToMaplibreExpression",
6334
- "return": {
6335
- "type": {
6336
- "text": "string"
6337
- }
6338
- },
6339
- "parameters": [
6324
+ },
6340
6325
  {
6341
- "name": "value",
6326
+ "name": "form",
6342
6327
  "type": {
6343
- "text": "ColorMapperValue"
6344
- }
6345
- }
6346
- ]
6347
- },
6348
- {
6349
- "kind": "function",
6350
- "name": "escapeMaplibreString",
6351
- "parameters": [
6328
+ "text": "string"
6329
+ },
6330
+ "default": "''",
6331
+ "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
6332
+ "fieldName": "form"
6333
+ },
6352
6334
  {
6353
- "name": "value",
6335
+ "name": "required",
6354
6336
  "type": {
6355
- "text": "string"
6356
- }
6337
+ "text": "boolean"
6338
+ },
6339
+ "default": "false",
6340
+ "description": "Makes the color picker a required field.",
6341
+ "fieldName": "required"
6357
6342
  }
6358
- ]
6343
+ ],
6344
+ "superclass": {
6345
+ "name": "FlowRdfFormControl",
6346
+ "module": "/src/internal/flow-ui-rdf-element"
6347
+ },
6348
+ "tagName": "flow-ui-color-picker",
6349
+ "summary": "Color pickers allow the user to select a color.",
6350
+ "dependencies": [
6351
+ "flow-ui-button",
6352
+ "flow-ui-button-group",
6353
+ "flow-ui-dropdown",
6354
+ "flow-ui-input",
6355
+ "flow-ui-visually-hidden"
6356
+ ],
6357
+ "customElement": true
6359
6358
  }
6360
6359
  ],
6361
6360
  "exports": [
6362
6361
  {
6363
6362
  "kind": "js",
6364
- "name": "colorMapperValueToMaplibreExpression",
6365
- "declaration": {
6366
- "name": "colorMapperValueToMaplibreExpression",
6367
- "module": "components/color-mapper/helpers.js"
6368
- }
6369
- },
6370
- {
6371
- "kind": "js",
6372
- "name": "escapeMaplibreString",
6363
+ "name": "default",
6373
6364
  "declaration": {
6374
- "name": "escapeMaplibreString",
6375
- "module": "components/color-mapper/helpers.js"
6365
+ "name": "FlowUiColorPicker",
6366
+ "module": "components/color-picker/color-picker.component.js"
6376
6367
  }
6377
6368
  }
6378
6369
  ]
6379
6370
  },
6380
6371
  {
6381
6372
  "kind": "javascript-module",
6382
- "path": "components/color-mapper/types.js",
6373
+ "path": "components/color-picker/color-picker.js",
6383
6374
  "declarations": [],
6384
- "exports": []
6375
+ "exports": [
6376
+ {
6377
+ "kind": "js",
6378
+ "name": "default",
6379
+ "declaration": {
6380
+ "name": "FlowUiColorPicker",
6381
+ "module": "components/color-picker/color-picker.js"
6382
+ }
6383
+ }
6384
+ ]
6385
6385
  },
6386
6386
  {
6387
6387
  "kind": "javascript-module",
@@ -11583,72 +11583,6 @@
11583
11583
  "kind": "class",
11584
11584
  "description": "",
11585
11585
  "name": "FlowUiList",
11586
- "cssProperties": [
11587
- {
11588
- "description": "The padding around the list item`.",
11589
- "name": "padding"
11590
- },
11591
- {
11592
- "description": "The height of the list item.",
11593
- "name": "height"
11594
- },
11595
- {
11596
- "description": "The background color of the list item.",
11597
- "name": "background-color"
11598
- },
11599
- {
11600
- "description": "The text color of the list item.",
11601
- "name": "color"
11602
- },
11603
- {
11604
- "description": "The color of the accessory controls.",
11605
- "name": "accessory-color"
11606
- }
11607
- ],
11608
- "cssParts": [
11609
- {
11610
- "description": "The component's base wrapper.",
11611
- "name": "base"
11612
- },
11613
- {
11614
- "description": "The container that wraps the label.",
11615
- "name": "label"
11616
- },
11617
- {
11618
- "description": "The container that wraps the prefix.",
11619
- "name": "prefix"
11620
- },
11621
- {
11622
- "description": "The container that wraps the suffix.",
11623
- "name": "suffix"
11624
- },
11625
- {
11626
- "description": "The container that wraps the expand/collapse icon.",
11627
- "name": "toggle-icon"
11628
- }
11629
- ],
11630
- "slots": [
11631
- {
11632
- "description": "The panel header's text content. Alternatively, use the `label` attribute for plain text.",
11633
- "name": "label"
11634
- },
11635
- {
11636
- "description": "The panel header's prefix content.",
11637
- "name": "prefix"
11638
- },
11639
- {
11640
- "description": "The panel header's suffix content.",
11641
- "name": "suffix"
11642
- },
11643
- {
11644
- "description": "Specify an alternative `<flow-ui-icon>` to use for the expand icon.",
11645
- "name": "expand-icon"
11646
- },
11647
- {
11648
- "description": "Specify an alternative `<flow-ui-icon>` to use for the collapse icon.",
11649
- "name": "collapse-icon"
11650
- }
11651
- ],
11652
11586
  "members": [
11653
11587
  {
11654
11588
  "kind": "field",
@@ -11670,13 +11604,33 @@
11670
11604
  },
11671
11605
  {
11672
11606
  "kind": "field",
11673
- "name": "readonly",
11607
+ "name": "value",
11608
+ "type": {
11609
+ "text": "string"
11610
+ },
11611
+ "description": "The current selected list item. (selectable lists only)",
11612
+ "attribute": "value",
11613
+ "reflects": true
11614
+ },
11615
+ {
11616
+ "kind": "field",
11617
+ "name": "selectable",
11618
+ "type": {
11619
+ "text": "boolean"
11620
+ },
11621
+ "default": "false",
11622
+ "description": "Set to enable radio-button-style selection of list items.",
11623
+ "attribute": "selectable"
11624
+ },
11625
+ {
11626
+ "kind": "field",
11627
+ "name": "editable",
11674
11628
  "type": {
11675
11629
  "text": "boolean"
11676
11630
  },
11677
11631
  "default": "false",
11678
11632
  "description": "Set to enable renaming of the list item text.",
11679
- "attribute": "readonly"
11633
+ "attribute": "editable"
11680
11634
  },
11681
11635
  {
11682
11636
  "kind": "field",
@@ -11706,6 +11660,42 @@
11706
11660
  },
11707
11661
  "readonly": true
11708
11662
  },
11663
+ {
11664
+ "kind": "method",
11665
+ "name": "handleItemClick",
11666
+ "privacy": "private",
11667
+ "parameters": [
11668
+ {
11669
+ "name": "event",
11670
+ "type": {
11671
+ "text": "MouseEvent"
11672
+ }
11673
+ }
11674
+ ]
11675
+ },
11676
+ {
11677
+ "kind": "method",
11678
+ "name": "handleKeyDown",
11679
+ "privacy": "private",
11680
+ "parameters": [
11681
+ {
11682
+ "name": "event",
11683
+ "type": {
11684
+ "text": "KeyboardEvent"
11685
+ }
11686
+ }
11687
+ ]
11688
+ },
11689
+ {
11690
+ "kind": "method",
11691
+ "name": "syncItems",
11692
+ "privacy": "private"
11693
+ },
11694
+ {
11695
+ "kind": "method",
11696
+ "name": "updateCheckedItem",
11697
+ "privacy": "private"
11698
+ },
11709
11699
  {
11710
11700
  "kind": "method",
11711
11701
  "name": "handleDragStart",
@@ -11761,10 +11751,15 @@
11761
11751
  ],
11762
11752
  "events": [
11763
11753
  {
11764
- "description": "Emitted when a list item is renamed.",
11754
+ "description": "Emitted when a list item is renamed **or** a list item is selected (selectable lists only).",
11765
11755
  "name": "flow-ui-change",
11766
11756
  "reactName": "onFlowUiChange"
11767
11757
  },
11758
+ {
11759
+ "description": "Emitted when a list item is selected (selectable lists only).",
11760
+ "name": "flow-ui-input",
11761
+ "reactName": "onFlowUiInput"
11762
+ },
11768
11763
  {
11769
11764
  "description": "Emitted when a list item is removed.",
11770
11765
  "name": "flow-ui-remove",
@@ -11788,13 +11783,30 @@
11788
11783
  ],
11789
11784
  "attributes": [
11790
11785
  {
11791
- "name": "readonly",
11786
+ "name": "value",
11787
+ "type": {
11788
+ "text": "string"
11789
+ },
11790
+ "description": "The current selected list item. (selectable lists only)",
11791
+ "fieldName": "value"
11792
+ },
11793
+ {
11794
+ "name": "selectable",
11795
+ "type": {
11796
+ "text": "boolean"
11797
+ },
11798
+ "default": "false",
11799
+ "description": "Set to enable radio-button-style selection of list items.",
11800
+ "fieldName": "selectable"
11801
+ },
11802
+ {
11803
+ "name": "editable",
11792
11804
  "type": {
11793
11805
  "text": "boolean"
11794
11806
  },
11795
11807
  "default": "false",
11796
11808
  "description": "Set to enable renaming of the list item text.",
11797
- "fieldName": "readonly"
11809
+ "fieldName": "editable"
11798
11810
  },
11799
11811
  {
11800
11812
  "name": "reorder",
@@ -11953,13 +11965,23 @@
11953
11965
  },
11954
11966
  {
11955
11967
  "kind": "field",
11956
- "name": "readonly",
11968
+ "name": "checked",
11969
+ "type": {
11970
+ "text": "boolean"
11971
+ },
11972
+ "default": "false",
11973
+ "attribute": "checked",
11974
+ "reflects": true
11975
+ },
11976
+ {
11977
+ "kind": "field",
11978
+ "name": "editable",
11957
11979
  "type": {
11958
11980
  "text": "boolean"
11959
11981
  },
11960
11982
  "default": "false",
11961
11983
  "description": "Set to enable renaming of the list item text.",
11962
- "attribute": "readonly",
11984
+ "attribute": "editable",
11963
11985
  "reflects": true
11964
11986
  },
11965
11987
  {
@@ -11984,10 +12006,46 @@
11984
12006
  "attribute": "removable",
11985
12007
  "reflects": true
11986
12008
  },
12009
+ {
12010
+ "kind": "field",
12011
+ "name": "disabled",
12012
+ "type": {
12013
+ "text": "boolean"
12014
+ },
12015
+ "default": "false",
12016
+ "description": "Set to enable removing the list item.",
12017
+ "attribute": "disabled",
12018
+ "reflects": true
12019
+ },
11987
12020
  {
11988
12021
  "kind": "method",
11989
12022
  "name": "rename"
11990
12023
  },
12024
+ {
12025
+ "kind": "method",
12026
+ "name": "addEventListeners",
12027
+ "privacy": "private"
12028
+ },
12029
+ {
12030
+ "kind": "method",
12031
+ "name": "removeEventListeners",
12032
+ "privacy": "private"
12033
+ },
12034
+ {
12035
+ "kind": "method",
12036
+ "name": "handleBlur",
12037
+ "privacy": "private"
12038
+ },
12039
+ {
12040
+ "kind": "method",
12041
+ "name": "handleClick",
12042
+ "privacy": "private"
12043
+ },
12044
+ {
12045
+ "kind": "method",
12046
+ "name": "handleFocus",
12047
+ "privacy": "private"
12048
+ },
11991
12049
  {
11992
12050
  "kind": "method",
11993
12051
  "name": "handleMenuSelect",
@@ -12104,6 +12162,16 @@
12104
12162
  "description": "Emitted when a menu item is selected.",
12105
12163
  "name": "flow-ui-select",
12106
12164
  "reactName": "onFlowUiSelect"
12165
+ },
12166
+ {
12167
+ "description": "Emitted when the control loses focus.",
12168
+ "name": "flow-ui-blur",
12169
+ "reactName": "onFlowUiBlur"
12170
+ },
12171
+ {
12172
+ "description": "Emitted when the control gains focus.",
12173
+ "name": "flow-ui-focus",
12174
+ "reactName": "onFlowUiFocus"
12107
12175
  }
12108
12176
  ],
12109
12177
  "attributes": [
@@ -12124,13 +12192,21 @@
12124
12192
  "fieldName": "value"
12125
12193
  },
12126
12194
  {
12127
- "name": "readonly",
12195
+ "name": "checked",
12196
+ "type": {
12197
+ "text": "boolean"
12198
+ },
12199
+ "default": "false",
12200
+ "fieldName": "checked"
12201
+ },
12202
+ {
12203
+ "name": "editable",
12128
12204
  "type": {
12129
12205
  "text": "boolean"
12130
12206
  },
12131
12207
  "default": "false",
12132
12208
  "description": "Set to enable renaming of the list item text.",
12133
- "fieldName": "readonly"
12209
+ "fieldName": "editable"
12134
12210
  },
12135
12211
  {
12136
12212
  "name": "reorder",
@@ -12149,6 +12225,15 @@
12149
12225
  "default": "false",
12150
12226
  "description": "Set to enable removing the list item.",
12151
12227
  "fieldName": "removable"
12228
+ },
12229
+ {
12230
+ "name": "disabled",
12231
+ "type": {
12232
+ "text": "boolean"
12233
+ },
12234
+ "default": "false",
12235
+ "description": "Set to enable removing the list item.",
12236
+ "fieldName": "disabled"
12152
12237
  }
12153
12238
  ],
12154
12239
  "superclass": {
@@ -24731,6 +24816,6 @@
24731
24816
  ],
24732
24817
  "package": {
24733
24818
  "name": "@emuanalytics/flow-rdf-ui",
24734
- "version": "4.1.0-preview.20"
24819
+ "version": "4.1.0-preview.22"
24735
24820
  }
24736
24821
  }