@skedulo/breeze-ui 0.8.7 → 0.9.1

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 (51) hide show
  1. package/dist/custom-elements.json +2054 -522
  2. package/dist/lib/cjs/breeze-ui.js +736 -482
  3. package/dist/lib/es/breeze-ui.js +10111 -9362
  4. package/dist/tsconfig.tsbuildinfo +1 -1
  5. package/dist/types/components/buttons.d.ts +5 -1
  6. package/dist/types/components/buttons.d.ts.map +1 -1
  7. package/dist/types/components/form-elements/input-base.d.ts +4 -3
  8. package/dist/types/components/form-elements/input-base.d.ts.map +1 -1
  9. package/dist/types/components/form-elements/input-checkbox.d.ts +5 -0
  10. package/dist/types/components/form-elements/input-checkbox.d.ts.map +1 -1
  11. package/dist/types/components/form-elements/input-code.d.ts +2 -1
  12. package/dist/types/components/form-elements/input-code.d.ts.map +1 -1
  13. package/dist/types/components/form-elements/input-select-base.d.ts +2 -1
  14. package/dist/types/components/form-elements/input-select-base.d.ts.map +1 -1
  15. package/dist/types/components/form-elements/labeled-input.d.ts +14 -16
  16. package/dist/types/components/form-elements/labeled-input.d.ts.map +1 -1
  17. package/dist/types/components/index.d.ts +2 -0
  18. package/dist/types/components/index.d.ts.map +1 -1
  19. package/dist/types/components/inline-edit/index.d.ts +7 -0
  20. package/dist/types/components/inline-edit/index.d.ts.map +1 -0
  21. package/dist/types/components/inline-edit/inline-edit-controls.d.ts +26 -0
  22. package/dist/types/components/inline-edit/inline-edit-controls.d.ts.map +1 -0
  23. package/dist/types/components/inline-edit/inline-edit-field.d.ts +202 -0
  24. package/dist/types/components/inline-edit/inline-edit-field.d.ts.map +1 -0
  25. package/dist/types/components/inline-edit/inline-edit-group.d.ts +57 -0
  26. package/dist/types/components/inline-edit/inline-edit-group.d.ts.map +1 -0
  27. package/dist/types/components/inline-edit/inline-edit.base.d.ts +51 -0
  28. package/dist/types/components/inline-edit/inline-edit.base.d.ts.map +1 -0
  29. package/dist/types/components/inline-edit/inline-edit.const.d.ts +6 -0
  30. package/dist/types/components/inline-edit/inline-edit.const.d.ts.map +1 -0
  31. package/dist/types/components/inline-edit/inline-edit.events.d.ts +32 -0
  32. package/dist/types/components/inline-edit/inline-edit.events.d.ts.map +1 -0
  33. package/dist/types/components/inline-edit/inline-edit.styles.d.ts +3 -0
  34. package/dist/types/components/inline-edit/inline-edit.styles.d.ts.map +1 -0
  35. package/dist/types/components/inline-edit/inline-edit.types.d.ts +45 -0
  36. package/dist/types/components/inline-edit/inline-edit.types.d.ts.map +1 -0
  37. package/dist/types/components/record-field/index.d.ts +5 -0
  38. package/dist/types/components/record-field/index.d.ts.map +1 -0
  39. package/dist/types/components/record-field/record-field-label.d.ts +22 -0
  40. package/dist/types/components/record-field/record-field-label.d.ts.map +1 -0
  41. package/dist/types/components/record-field/record-field.const.d.ts +5 -0
  42. package/dist/types/components/record-field/record-field.const.d.ts.map +1 -0
  43. package/dist/types/components/record-field/record-field.d.ts +67 -0
  44. package/dist/types/components/record-field/record-field.d.ts.map +1 -0
  45. package/dist/types/components/record-field/record-field.styles.d.ts +4 -0
  46. package/dist/types/components/record-field/record-field.styles.d.ts.map +1 -0
  47. package/dist/types/components/record-field/record-field.types.d.ts +27 -0
  48. package/dist/types/components/record-field/record-field.types.d.ts.map +1 -0
  49. package/dist/types/components/record-row.d.ts +8 -7
  50. package/dist/types/components/record-row.d.ts.map +1 -1
  51. package/package.json +1 -1
@@ -175,97 +175,6 @@
175
175
  }
176
176
  ]
177
177
  },
178
- {
179
- "kind": "javascript-module",
180
- "path": "src/helpers/css-helpers.ts",
181
- "declarations": [
182
- {
183
- "kind": "function",
184
- "name": "getFocusStyles",
185
- "parameters": [
186
- {
187
- "name": "selector",
188
- "type": {
189
- "text": "string"
190
- },
191
- "description": "A CSS selector targeting an interactive element."
192
- },
193
- {
194
- "name": "extraRules",
195
- "default": "css``",
196
- "description": "Optional rules to append. Useful for overrides."
197
- }
198
- ],
199
- "description": "Returns a CSSResult applying focus outline styles to a given interactive\nelement. Reduces repetition throughout multiple components.\n\nTargets modern `:focus-visible` by default and includes a `:focus` fallback\nfor older browsers."
200
- },
201
- {
202
- "kind": "variable",
203
- "name": "invisibleButtonRules",
204
- "default": "css`\n background: none;\n border: 0;\n border-radius: var(--brz-border-radius-default);\n color: var(--brz-color-neutral-750);\n cursor: pointer;\n display: inline-flex;\n font: inherit;\n margin: 0;\n padding: 0;\n`",
205
- "description": "CSS rules to apply invisible styles to buttons. Use within a CSS declaration\nblock."
206
- },
207
- {
208
- "kind": "function",
209
- "name": "getInvisibleButtonStyles",
210
- "parameters": [
211
- {
212
- "name": "selector",
213
- "type": {
214
- "text": "string"
215
- },
216
- "description": "A CSS selector targeting a button"
217
- },
218
- {
219
- "name": "extraRules",
220
- "default": "css``",
221
- "description": "Optional rules to append. Useful for overrides."
222
- }
223
- ],
224
- "description": "Returns a CSSResult applying invisible styles to a button matching the given\nselector. Invisible buttons are a common pattern for icon-only close buttons.\n\nSince this applies to buttons, default focus styles are also automatically\nincluded for the selector. If you don't need them, or need to customise them,\nuse `invisibleButtonStyles` and `getFocusStyles()` separately instead."
225
- }
226
- ],
227
- "exports": [
228
- {
229
- "kind": "js",
230
- "name": "getFocusStyles",
231
- "declaration": {
232
- "name": "getFocusStyles",
233
- "module": "src/helpers/css-helpers.ts"
234
- }
235
- },
236
- {
237
- "kind": "js",
238
- "name": "invisibleButtonRules",
239
- "declaration": {
240
- "name": "invisibleButtonRules",
241
- "module": "src/helpers/css-helpers.ts"
242
- }
243
- },
244
- {
245
- "kind": "js",
246
- "name": "getInvisibleButtonStyles",
247
- "declaration": {
248
- "name": "getInvisibleButtonStyles",
249
- "module": "src/helpers/css-helpers.ts"
250
- }
251
- }
252
- ]
253
- },
254
- {
255
- "kind": "javascript-module",
256
- "path": "src/helpers/index.ts",
257
- "declarations": [],
258
- "exports": [
259
- {
260
- "kind": "js",
261
- "name": "*",
262
- "declaration": {
263
- "name": "*",
264
- "package": "./css-helpers"
265
- }
266
- }
267
- ]
268
- },
269
178
  {
270
179
  "kind": "javascript-module",
271
180
  "path": "src/components/alert.ts",
@@ -815,6 +724,20 @@
815
724
  "kind": "class",
816
725
  "description": "Buttons are used throughout the Skedulo platform to enable\nfunctionality such as confirming actions, filtering, opening dialogs, adding or deleting\nselections, and progressing through processes.",
817
726
  "name": "Button",
727
+ "cssParts": [
728
+ {
729
+ "description": "Apply custom styles to the button element",
730
+ "name": "button"
731
+ },
732
+ {
733
+ "description": "Apply custom styles to the content container",
734
+ "name": "contents"
735
+ },
736
+ {
737
+ "description": "Apply custom styles to a trailing icon",
738
+ "name": "icon-right"
739
+ }
740
+ ],
818
741
  "members": [
819
742
  {
820
743
  "kind": "field",
@@ -985,6 +908,9 @@
985
908
  }
986
909
  },
987
910
  {
911
+ "type": {
912
+ "text": "ButtonEvent"
913
+ },
988
914
  "description": "Fired when the button is clicked",
989
915
  "name": "brz-button-click"
990
916
  }
@@ -2126,6 +2052,9 @@
2126
2052
  }
2127
2053
  },
2128
2054
  {
2055
+ "type": {
2056
+ "text": "ButtonEvent"
2057
+ },
2129
2058
  "description": "Fired when the button is clicked",
2130
2059
  "name": "brz-button-click",
2131
2060
  "inheritedFrom": {
@@ -2485,6 +2414,14 @@
2485
2414
  "package": "./icon"
2486
2415
  }
2487
2416
  },
2417
+ {
2418
+ "kind": "js",
2419
+ "name": "*",
2420
+ "declaration": {
2421
+ "name": "*",
2422
+ "package": "./inline-edit"
2423
+ }
2424
+ },
2488
2425
  {
2489
2426
  "kind": "js",
2490
2427
  "name": "*",
@@ -2541,6 +2478,14 @@
2541
2478
  "package": "./popover"
2542
2479
  }
2543
2480
  },
2481
+ {
2482
+ "kind": "js",
2483
+ "name": "*",
2484
+ "declaration": {
2485
+ "name": "*",
2486
+ "package": "./record-field"
2487
+ }
2488
+ },
2544
2489
  {
2545
2490
  "kind": "js",
2546
2491
  "name": "*",
@@ -3420,6 +3365,9 @@
3420
3365
  }
3421
3366
  },
3422
3367
  {
3368
+ "type": {
3369
+ "text": "ButtonEvent"
3370
+ },
3423
3371
  "description": "Fired when the button is clicked",
3424
3372
  "name": "brz-button-click",
3425
3373
  "inheritedFrom": {
@@ -6138,7 +6086,86 @@
6138
6086
  "module": "/src/components/"
6139
6087
  },
6140
6088
  "tagName": "sp-record-row",
6141
- "customElement": true
6089
+ "customElement": true,
6090
+ "attributes": [
6091
+ {
6092
+ "name": "label-position",
6093
+ "type": {
6094
+ "text": "LabelPosition"
6095
+ },
6096
+ "default": "'top'",
6097
+ "description": "The position of the supplied label",
6098
+ "fieldName": "labelPosition",
6099
+ "inheritedFrom": {
6100
+ "name": "RecordField",
6101
+ "module": "src/components/record-field/record-field.ts"
6102
+ }
6103
+ },
6104
+ {
6105
+ "name": "size",
6106
+ "type": {
6107
+ "text": "InputSizes"
6108
+ },
6109
+ "default": "'medium'",
6110
+ "description": "The size of the input",
6111
+ "fieldName": "size",
6112
+ "inheritedFrom": {
6113
+ "name": "RecordField",
6114
+ "module": "src/components/record-field/record-field.ts"
6115
+ }
6116
+ }
6117
+ ],
6118
+ "members": [
6119
+ {
6120
+ "kind": "field",
6121
+ "name": "labelPosition",
6122
+ "type": {
6123
+ "text": "LabelPosition"
6124
+ },
6125
+ "default": "'top'",
6126
+ "description": "The position of the supplied label",
6127
+ "attribute": "label-position",
6128
+ "reflects": true,
6129
+ "inheritedFrom": {
6130
+ "name": "RecordField",
6131
+ "module": "src/components/record-field/record-field.ts"
6132
+ }
6133
+ },
6134
+ {
6135
+ "kind": "field",
6136
+ "name": "size",
6137
+ "type": {
6138
+ "text": "InputSizes"
6139
+ },
6140
+ "default": "'medium'",
6141
+ "description": "The size of the input",
6142
+ "attribute": "size",
6143
+ "reflects": true,
6144
+ "inheritedFrom": {
6145
+ "name": "RecordField",
6146
+ "module": "src/components/record-field/record-field.ts"
6147
+ }
6148
+ },
6149
+ {
6150
+ "kind": "method",
6151
+ "name": "setLabelState",
6152
+ "privacy": "private",
6153
+ "inheritedFrom": {
6154
+ "name": "RecordField",
6155
+ "module": "src/components/record-field/record-field.ts"
6156
+ }
6157
+ },
6158
+ {
6159
+ "kind": "method",
6160
+ "name": "checkIfMultiline",
6161
+ "privacy": "private",
6162
+ "description": "Attempts to evaluate whether the value element is a multiline text value.\nThis has the potential to be a bit flaky since anything could be slotted in\nthe value, but most other elements are not exact multiples of line height,\nso we use this as the basis for setting the multiline state.",
6163
+ "inheritedFrom": {
6164
+ "name": "RecordField",
6165
+ "module": "src/components/record-field/record-field.ts"
6166
+ }
6167
+ }
6168
+ ]
6142
6169
  },
6143
6170
  {
6144
6171
  "kind": "class",
@@ -6149,7 +6176,18 @@
6149
6176
  "module": "/src/components/"
6150
6177
  },
6151
6178
  "tagName": "sp-record-row-label",
6152
- "customElement": true
6179
+ "customElement": true,
6180
+ "members": [
6181
+ {
6182
+ "kind": "method",
6183
+ "name": "setState",
6184
+ "privacy": "private",
6185
+ "inheritedFrom": {
6186
+ "name": "RecordFieldLabel",
6187
+ "module": "src/components/record-field/record-field-label.ts"
6188
+ }
6189
+ }
6190
+ ]
6153
6191
  },
6154
6192
  {
6155
6193
  "kind": "class",
@@ -8044,6 +8082,19 @@
8044
8082
  "module": "src/components/form-elements/input-base.ts"
8045
8083
  }
8046
8084
  },
8085
+ {
8086
+ "name": "value",
8087
+ "type": {
8088
+ "text": "ValueType | undefined"
8089
+ },
8090
+ "description": "Set the value to be associated with the checkbox, if needed. Native\ncheckbox input values always default to \"on\".",
8091
+ "fieldName": "value",
8092
+ "default": "'on'",
8093
+ "inheritedFrom": {
8094
+ "name": "InputBase",
8095
+ "module": "src/components/form-elements/input-base.ts"
8096
+ }
8097
+ },
8047
8098
  {
8048
8099
  "name": "indeterminate",
8049
8100
  "type": {
@@ -8095,18 +8146,6 @@
8095
8146
  "name": "InputBase",
8096
8147
  "module": "src/components/form-elements/input-base.ts"
8097
8148
  }
8098
- },
8099
- {
8100
- "name": "value",
8101
- "type": {
8102
- "text": "ValueType | undefined"
8103
- },
8104
- "description": "Sets the value type",
8105
- "fieldName": "value",
8106
- "inheritedFrom": {
8107
- "name": "InputBase",
8108
- "module": "src/components/form-elements/input-base.ts"
8109
- }
8110
8149
  }
8111
8150
  ],
8112
8151
  "members": [
@@ -8140,6 +8179,20 @@
8140
8179
  "module": "src/components/form-elements/input-base.ts"
8141
8180
  }
8142
8181
  },
8182
+ {
8183
+ "kind": "field",
8184
+ "name": "value",
8185
+ "type": {
8186
+ "text": "ValueType | undefined"
8187
+ },
8188
+ "description": "Set the value to be associated with the checkbox, if needed. Native\ncheckbox input values always default to \"on\".",
8189
+ "attribute": "value",
8190
+ "default": "'on'",
8191
+ "inheritedFrom": {
8192
+ "name": "InputBase",
8193
+ "module": "src/components/form-elements/input-base.ts"
8194
+ }
8195
+ },
8143
8196
  {
8144
8197
  "kind": "field",
8145
8198
  "name": "indeterminate",
@@ -8209,6 +8262,19 @@
8209
8262
  "module": "src/components/form-elements/input-checkbox.ts"
8210
8263
  }
8211
8264
  },
8265
+ {
8266
+ "kind": "field",
8267
+ "name": "shadowRootOptions",
8268
+ "type": {
8269
+ "text": "ShadowRootInit"
8270
+ },
8271
+ "static": true,
8272
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
8273
+ "inheritedFrom": {
8274
+ "name": "InputBase",
8275
+ "module": "src/components/form-elements/input-base.ts"
8276
+ }
8277
+ },
8212
8278
  {
8213
8279
  "kind": "field",
8214
8280
  "name": "invalid",
@@ -8252,19 +8318,6 @@
8252
8318
  "module": "src/components/form-elements/input-base.ts"
8253
8319
  }
8254
8320
  },
8255
- {
8256
- "kind": "field",
8257
- "name": "value",
8258
- "type": {
8259
- "text": "ValueType | undefined"
8260
- },
8261
- "description": "Sets the value type",
8262
- "attribute": "value",
8263
- "inheritedFrom": {
8264
- "name": "InputBase",
8265
- "module": "src/components/form-elements/input-base.ts"
8266
- }
8267
- },
8268
8321
  {
8269
8322
  "kind": "method",
8270
8323
  "name": "dispatchChange",
@@ -8686,23 +8739,7 @@
8686
8739
  },
8687
8740
  {
8688
8741
  "kind": "method",
8689
- "name": "handleLabelChange",
8690
- "inheritedFrom": {
8691
- "name": "LabeledInput",
8692
- "module": "src/components/form-elements/labeled-input.ts"
8693
- }
8694
- },
8695
- {
8696
- "kind": "method",
8697
- "name": "handlePromptChange",
8698
- "inheritedFrom": {
8699
- "name": "LabeledInput",
8700
- "module": "src/components/form-elements/labeled-input.ts"
8701
- }
8702
- },
8703
- {
8704
- "kind": "method",
8705
- "name": "handleErrorChange",
8742
+ "name": "handleErrorChange",
8706
8743
  "inheritedFrom": {
8707
8744
  "name": "LabeledInput",
8708
8745
  "module": "src/components/form-elements/labeled-input.ts"
@@ -8721,6 +8758,19 @@
8721
8758
  "module": "src/components/form-elements/labeled-input.ts"
8722
8759
  }
8723
8760
  },
8761
+ {
8762
+ "kind": "field",
8763
+ "name": "shadowRootOptions",
8764
+ "type": {
8765
+ "text": "ShadowRootInit"
8766
+ },
8767
+ "static": true,
8768
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
8769
+ "inheritedFrom": {
8770
+ "name": "InputBase",
8771
+ "module": "src/components/form-elements/input-base.ts"
8772
+ }
8773
+ },
8724
8774
  {
8725
8775
  "kind": "field",
8726
8776
  "name": "disabled",
@@ -9688,22 +9738,6 @@
9688
9738
  "module": "src/components/form-elements/labeled-input.ts"
9689
9739
  }
9690
9740
  },
9691
- {
9692
- "kind": "method",
9693
- "name": "handleLabelChange",
9694
- "inheritedFrom": {
9695
- "name": "LabeledInput",
9696
- "module": "src/components/form-elements/labeled-input.ts"
9697
- }
9698
- },
9699
- {
9700
- "kind": "method",
9701
- "name": "handlePromptChange",
9702
- "inheritedFrom": {
9703
- "name": "LabeledInput",
9704
- "module": "src/components/form-elements/labeled-input.ts"
9705
- }
9706
- },
9707
9741
  {
9708
9742
  "kind": "method",
9709
9743
  "name": "handleErrorChange",
@@ -9725,6 +9759,19 @@
9725
9759
  "module": "src/components/form-elements/labeled-input.ts"
9726
9760
  }
9727
9761
  },
9762
+ {
9763
+ "kind": "field",
9764
+ "name": "shadowRootOptions",
9765
+ "type": {
9766
+ "text": "ShadowRootInit"
9767
+ },
9768
+ "static": true,
9769
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
9770
+ "inheritedFrom": {
9771
+ "name": "InputBase",
9772
+ "module": "src/components/form-elements/input-base.ts"
9773
+ }
9774
+ },
9728
9775
  {
9729
9776
  "kind": "field",
9730
9777
  "name": "disabled",
@@ -10318,22 +10365,6 @@
10318
10365
  "module": "src/components/form-elements/labeled-input.ts"
10319
10366
  }
10320
10367
  },
10321
- {
10322
- "kind": "method",
10323
- "name": "handleLabelChange",
10324
- "inheritedFrom": {
10325
- "name": "LabeledInput",
10326
- "module": "src/components/form-elements/labeled-input.ts"
10327
- }
10328
- },
10329
- {
10330
- "kind": "method",
10331
- "name": "handlePromptChange",
10332
- "inheritedFrom": {
10333
- "name": "LabeledInput",
10334
- "module": "src/components/form-elements/labeled-input.ts"
10335
- }
10336
- },
10337
10368
  {
10338
10369
  "kind": "method",
10339
10370
  "name": "handleErrorChange",
@@ -10355,6 +10386,19 @@
10355
10386
  "module": "src/components/form-elements/labeled-input.ts"
10356
10387
  }
10357
10388
  },
10389
+ {
10390
+ "kind": "field",
10391
+ "name": "shadowRootOptions",
10392
+ "type": {
10393
+ "text": "ShadowRootInit"
10394
+ },
10395
+ "static": true,
10396
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
10397
+ "inheritedFrom": {
10398
+ "name": "InputBase",
10399
+ "module": "src/components/form-elements/input-base.ts"
10400
+ }
10401
+ },
10358
10402
  {
10359
10403
  "kind": "field",
10360
10404
  "name": "disabled",
@@ -10720,22 +10764,6 @@
10720
10764
  "module": "src/components/form-elements/labeled-input.ts"
10721
10765
  }
10722
10766
  },
10723
- {
10724
- "kind": "method",
10725
- "name": "handleLabelChange",
10726
- "inheritedFrom": {
10727
- "name": "LabeledInput",
10728
- "module": "src/components/form-elements/labeled-input.ts"
10729
- }
10730
- },
10731
- {
10732
- "kind": "method",
10733
- "name": "handlePromptChange",
10734
- "inheritedFrom": {
10735
- "name": "LabeledInput",
10736
- "module": "src/components/form-elements/labeled-input.ts"
10737
- }
10738
- },
10739
10767
  {
10740
10768
  "kind": "method",
10741
10769
  "name": "handleErrorChange",
@@ -10766,6 +10794,19 @@
10766
10794
  "module": "src/components/form-elements/labeled-input.ts"
10767
10795
  }
10768
10796
  },
10797
+ {
10798
+ "kind": "field",
10799
+ "name": "shadowRootOptions",
10800
+ "type": {
10801
+ "text": "ShadowRootInit"
10802
+ },
10803
+ "static": true,
10804
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
10805
+ "inheritedFrom": {
10806
+ "name": "InputBase",
10807
+ "module": "src/components/form-elements/input-base.ts"
10808
+ }
10809
+ },
10769
10810
  {
10770
10811
  "kind": "field",
10771
10812
  "name": "disabled",
@@ -12345,22 +12386,6 @@
12345
12386
  "module": "src/components/form-elements/labeled-input.ts"
12346
12387
  }
12347
12388
  },
12348
- {
12349
- "kind": "method",
12350
- "name": "handleLabelChange",
12351
- "inheritedFrom": {
12352
- "name": "LabeledInput",
12353
- "module": "src/components/form-elements/labeled-input.ts"
12354
- }
12355
- },
12356
- {
12357
- "kind": "method",
12358
- "name": "handlePromptChange",
12359
- "inheritedFrom": {
12360
- "name": "LabeledInput",
12361
- "module": "src/components/form-elements/labeled-input.ts"
12362
- }
12363
- },
12364
12389
  {
12365
12390
  "kind": "method",
12366
12391
  "name": "handleErrorChange",
@@ -12382,6 +12407,19 @@
12382
12407
  "module": "src/components/form-elements/labeled-input.ts"
12383
12408
  }
12384
12409
  },
12410
+ {
12411
+ "kind": "field",
12412
+ "name": "shadowRootOptions",
12413
+ "type": {
12414
+ "text": "ShadowRootInit"
12415
+ },
12416
+ "static": true,
12417
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
12418
+ "inheritedFrom": {
12419
+ "name": "InputBase",
12420
+ "module": "src/components/form-elements/input-base.ts"
12421
+ }
12422
+ },
12385
12423
  {
12386
12424
  "kind": "field",
12387
12425
  "name": "disabled",
@@ -12846,22 +12884,6 @@
12846
12884
  "module": "src/components/form-elements/labeled-input.ts"
12847
12885
  }
12848
12886
  },
12849
- {
12850
- "kind": "method",
12851
- "name": "handleLabelChange",
12852
- "inheritedFrom": {
12853
- "name": "LabeledInput",
12854
- "module": "src/components/form-elements/labeled-input.ts"
12855
- }
12856
- },
12857
- {
12858
- "kind": "method",
12859
- "name": "handlePromptChange",
12860
- "inheritedFrom": {
12861
- "name": "LabeledInput",
12862
- "module": "src/components/form-elements/labeled-input.ts"
12863
- }
12864
- },
12865
12887
  {
12866
12888
  "kind": "method",
12867
12889
  "name": "handleErrorChange",
@@ -12883,6 +12905,19 @@
12883
12905
  "module": "src/components/form-elements/labeled-input.ts"
12884
12906
  }
12885
12907
  },
12908
+ {
12909
+ "kind": "field",
12910
+ "name": "shadowRootOptions",
12911
+ "type": {
12912
+ "text": "ShadowRootInit"
12913
+ },
12914
+ "static": true,
12915
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
12916
+ "inheritedFrom": {
12917
+ "name": "InputBase",
12918
+ "module": "src/components/form-elements/input-base.ts"
12919
+ }
12920
+ },
12886
12921
  {
12887
12922
  "kind": "field",
12888
12923
  "name": "disabled",
@@ -13342,26 +13377,23 @@
13342
13377
  },
13343
13378
  {
13344
13379
  "kind": "method",
13345
- "name": "handleLabelChange",
13346
- "inheritedFrom": {
13347
- "name": "LabeledInput",
13348
- "module": "src/components/form-elements/labeled-input.ts"
13349
- }
13350
- },
13351
- {
13352
- "kind": "method",
13353
- "name": "handlePromptChange",
13380
+ "name": "handleErrorChange",
13354
13381
  "inheritedFrom": {
13355
13382
  "name": "LabeledInput",
13356
13383
  "module": "src/components/form-elements/labeled-input.ts"
13357
13384
  }
13358
13385
  },
13359
13386
  {
13360
- "kind": "method",
13361
- "name": "handleErrorChange",
13387
+ "kind": "field",
13388
+ "name": "shadowRootOptions",
13389
+ "type": {
13390
+ "text": "ShadowRootInit"
13391
+ },
13392
+ "static": true,
13393
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
13362
13394
  "inheritedFrom": {
13363
- "name": "LabeledInput",
13364
- "module": "src/components/form-elements/labeled-input.ts"
13395
+ "name": "InputBase",
13396
+ "module": "src/components/form-elements/input-base.ts"
13365
13397
  }
13366
13398
  },
13367
13399
  {
@@ -14352,22 +14384,6 @@
14352
14384
  "module": "src/components/form-elements/labeled-input.ts"
14353
14385
  }
14354
14386
  },
14355
- {
14356
- "kind": "method",
14357
- "name": "handleLabelChange",
14358
- "inheritedFrom": {
14359
- "name": "LabeledInput",
14360
- "module": "src/components/form-elements/labeled-input.ts"
14361
- }
14362
- },
14363
- {
14364
- "kind": "method",
14365
- "name": "handlePromptChange",
14366
- "inheritedFrom": {
14367
- "name": "LabeledInput",
14368
- "module": "src/components/form-elements/labeled-input.ts"
14369
- }
14370
- },
14371
14387
  {
14372
14388
  "kind": "method",
14373
14389
  "name": "handleErrorChange",
@@ -14389,6 +14405,19 @@
14389
14405
  "module": "src/components/form-elements/labeled-input.ts"
14390
14406
  }
14391
14407
  },
14408
+ {
14409
+ "kind": "field",
14410
+ "name": "shadowRootOptions",
14411
+ "type": {
14412
+ "text": "ShadowRootInit"
14413
+ },
14414
+ "static": true,
14415
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
14416
+ "inheritedFrom": {
14417
+ "name": "InputBase",
14418
+ "module": "src/components/form-elements/input-base.ts"
14419
+ }
14420
+ },
14392
14421
  {
14393
14422
  "kind": "field",
14394
14423
  "name": "disabled",
@@ -14534,7 +14563,18 @@
14534
14563
  "module": "/src/components/"
14535
14564
  },
14536
14565
  "tagName": "sp-input-label",
14537
- "customElement": true
14566
+ "customElement": true,
14567
+ "members": [
14568
+ {
14569
+ "kind": "method",
14570
+ "name": "setState",
14571
+ "privacy": "private",
14572
+ "inheritedFrom": {
14573
+ "name": "RecordFieldLabel",
14574
+ "module": "src/components/record-field/record-field-label.ts"
14575
+ }
14576
+ }
14577
+ ]
14538
14578
  },
14539
14579
  {
14540
14580
  "kind": "class",
@@ -14697,22 +14737,6 @@
14697
14737
  "module": "src/components/form-elements/labeled-input.ts"
14698
14738
  }
14699
14739
  },
14700
- {
14701
- "kind": "method",
14702
- "name": "handleLabelChange",
14703
- "inheritedFrom": {
14704
- "name": "LabeledInput",
14705
- "module": "src/components/form-elements/labeled-input.ts"
14706
- }
14707
- },
14708
- {
14709
- "kind": "method",
14710
- "name": "handlePromptChange",
14711
- "inheritedFrom": {
14712
- "name": "LabeledInput",
14713
- "module": "src/components/form-elements/labeled-input.ts"
14714
- }
14715
- },
14716
14740
  {
14717
14741
  "kind": "method",
14718
14742
  "name": "handleErrorChange",
@@ -14756,6 +14780,19 @@
14756
14780
  "module": "src/components/form-elements/labeled-input.ts"
14757
14781
  }
14758
14782
  },
14783
+ {
14784
+ "kind": "field",
14785
+ "name": "shadowRootOptions",
14786
+ "type": {
14787
+ "text": "ShadowRootInit"
14788
+ },
14789
+ "static": true,
14790
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
14791
+ "inheritedFrom": {
14792
+ "name": "InputBase",
14793
+ "module": "src/components/form-elements/input-base.ts"
14794
+ }
14795
+ },
14759
14796
  {
14760
14797
  "kind": "field",
14761
14798
  "name": "disabled",
@@ -17889,44 +17926,134 @@
17889
17926
  "kind": "class",
17890
17927
  "description": "Record row component",
17891
17928
  "name": "RecordRow",
17892
- "members": [],
17893
17929
  "superclass": {
17894
- "name": "LitElement",
17895
- "package": "lit"
17930
+ "name": "RecordField",
17931
+ "module": "/src/components/record-field"
17896
17932
  },
17933
+ "deprecated": "Use brz-record-field",
17897
17934
  "tagName": "brz-record-row",
17898
- "customElement": true
17899
- },
17900
- {
17901
- "kind": "class",
17902
- "description": "Record row label component",
17903
- "name": "RecordRowLabel",
17904
- "members": [],
17905
- "superclass": {
17906
- "name": "LitElement",
17907
- "package": "lit"
17908
- },
17909
- "tagName": "brz-record-row-label",
17910
- "customElement": true
17911
- }
17912
- ],
17913
- "exports": [
17914
- {
17915
- "kind": "js",
17916
- "name": "RECORD_ROW",
17917
- "declaration": {
17918
- "name": "RECORD_ROW",
17919
- "module": "src/components/record-row.ts"
17920
- }
17921
- },
17922
- {
17923
- "kind": "js",
17924
- "name": "RECORD_ROW_LABEL",
17925
- "declaration": {
17926
- "name": "RECORD_ROW_LABEL",
17927
- "module": "src/components/record-row.ts"
17928
- }
17929
- },
17935
+ "customElement": true,
17936
+ "attributes": [
17937
+ {
17938
+ "name": "label-position",
17939
+ "type": {
17940
+ "text": "LabelPosition"
17941
+ },
17942
+ "default": "'top'",
17943
+ "description": "The position of the supplied label",
17944
+ "fieldName": "labelPosition",
17945
+ "inheritedFrom": {
17946
+ "name": "RecordField",
17947
+ "module": "src/components/record-field/record-field.ts"
17948
+ }
17949
+ },
17950
+ {
17951
+ "name": "size",
17952
+ "type": {
17953
+ "text": "InputSizes"
17954
+ },
17955
+ "default": "'medium'",
17956
+ "description": "The size of the input",
17957
+ "fieldName": "size",
17958
+ "inheritedFrom": {
17959
+ "name": "RecordField",
17960
+ "module": "src/components/record-field/record-field.ts"
17961
+ }
17962
+ }
17963
+ ],
17964
+ "members": [
17965
+ {
17966
+ "kind": "field",
17967
+ "name": "labelPosition",
17968
+ "type": {
17969
+ "text": "LabelPosition"
17970
+ },
17971
+ "default": "'top'",
17972
+ "description": "The position of the supplied label",
17973
+ "attribute": "label-position",
17974
+ "reflects": true,
17975
+ "inheritedFrom": {
17976
+ "name": "RecordField",
17977
+ "module": "src/components/record-field/record-field.ts"
17978
+ }
17979
+ },
17980
+ {
17981
+ "kind": "field",
17982
+ "name": "size",
17983
+ "type": {
17984
+ "text": "InputSizes"
17985
+ },
17986
+ "default": "'medium'",
17987
+ "description": "The size of the input",
17988
+ "attribute": "size",
17989
+ "reflects": true,
17990
+ "inheritedFrom": {
17991
+ "name": "RecordField",
17992
+ "module": "src/components/record-field/record-field.ts"
17993
+ }
17994
+ },
17995
+ {
17996
+ "kind": "method",
17997
+ "name": "setLabelState",
17998
+ "privacy": "private",
17999
+ "inheritedFrom": {
18000
+ "name": "RecordField",
18001
+ "module": "src/components/record-field/record-field.ts"
18002
+ }
18003
+ },
18004
+ {
18005
+ "kind": "method",
18006
+ "name": "checkIfMultiline",
18007
+ "privacy": "private",
18008
+ "description": "Attempts to evaluate whether the value element is a multiline text value.\nThis has the potential to be a bit flaky since anything could be slotted in\nthe value, but most other elements are not exact multiples of line height,\nso we use this as the basis for setting the multiline state.",
18009
+ "inheritedFrom": {
18010
+ "name": "RecordField",
18011
+ "module": "src/components/record-field/record-field.ts"
18012
+ }
18013
+ }
18014
+ ]
18015
+ },
18016
+ {
18017
+ "kind": "class",
18018
+ "description": "Record row label component",
18019
+ "name": "RecordRowLabel",
18020
+ "superclass": {
18021
+ "name": "RecordFieldLabel",
18022
+ "module": "/src/components/record-field"
18023
+ },
18024
+ "deprecated": "Use brz-field-label",
18025
+ "tagName": "brz-record-row-label",
18026
+ "customElement": true,
18027
+ "members": [
18028
+ {
18029
+ "kind": "method",
18030
+ "name": "setState",
18031
+ "privacy": "private",
18032
+ "inheritedFrom": {
18033
+ "name": "RecordFieldLabel",
18034
+ "module": "src/components/record-field/record-field-label.ts"
18035
+ }
18036
+ }
18037
+ ]
18038
+ }
18039
+ ],
18040
+ "exports": [
18041
+ {
18042
+ "kind": "js",
18043
+ "name": "RECORD_ROW",
18044
+ "declaration": {
18045
+ "name": "RECORD_ROW",
18046
+ "module": "src/components/record-row.ts"
18047
+ }
18048
+ },
18049
+ {
18050
+ "kind": "js",
18051
+ "name": "RECORD_ROW_LABEL",
18052
+ "declaration": {
18053
+ "name": "RECORD_ROW_LABEL",
18054
+ "module": "src/components/record-row.ts"
18055
+ }
18056
+ },
17930
18057
  {
17931
18058
  "kind": "js",
17932
18059
  "name": "RecordRow",
@@ -18369,6 +18496,97 @@
18369
18496
  }
18370
18497
  ]
18371
18498
  },
18499
+ {
18500
+ "kind": "javascript-module",
18501
+ "path": "src/helpers/css-helpers.ts",
18502
+ "declarations": [
18503
+ {
18504
+ "kind": "function",
18505
+ "name": "getFocusStyles",
18506
+ "parameters": [
18507
+ {
18508
+ "name": "selector",
18509
+ "type": {
18510
+ "text": "string"
18511
+ },
18512
+ "description": "A CSS selector targeting an interactive element."
18513
+ },
18514
+ {
18515
+ "name": "extraRules",
18516
+ "default": "css``",
18517
+ "description": "Optional rules to append. Useful for overrides."
18518
+ }
18519
+ ],
18520
+ "description": "Returns a CSSResult applying focus outline styles to a given interactive\nelement. Reduces repetition throughout multiple components.\n\nTargets modern `:focus-visible` by default and includes a `:focus` fallback\nfor older browsers."
18521
+ },
18522
+ {
18523
+ "kind": "variable",
18524
+ "name": "invisibleButtonRules",
18525
+ "default": "css`\n background: none;\n border: 0;\n border-radius: var(--brz-border-radius-default);\n color: var(--brz-color-neutral-750);\n cursor: pointer;\n display: inline-flex;\n font: inherit;\n margin: 0;\n padding: 0;\n`",
18526
+ "description": "CSS rules to apply invisible styles to buttons. Use within a CSS declaration\nblock."
18527
+ },
18528
+ {
18529
+ "kind": "function",
18530
+ "name": "getInvisibleButtonStyles",
18531
+ "parameters": [
18532
+ {
18533
+ "name": "selector",
18534
+ "type": {
18535
+ "text": "string"
18536
+ },
18537
+ "description": "A CSS selector targeting a button"
18538
+ },
18539
+ {
18540
+ "name": "extraRules",
18541
+ "default": "css``",
18542
+ "description": "Optional rules to append. Useful for overrides."
18543
+ }
18544
+ ],
18545
+ "description": "Returns a CSSResult applying invisible styles to a button matching the given\nselector. Invisible buttons are a common pattern for icon-only close buttons.\n\nSince this applies to buttons, default focus styles are also automatically\nincluded for the selector. If you don't need them, or need to customise them,\nuse `invisibleButtonStyles` and `getFocusStyles()` separately instead."
18546
+ }
18547
+ ],
18548
+ "exports": [
18549
+ {
18550
+ "kind": "js",
18551
+ "name": "getFocusStyles",
18552
+ "declaration": {
18553
+ "name": "getFocusStyles",
18554
+ "module": "src/helpers/css-helpers.ts"
18555
+ }
18556
+ },
18557
+ {
18558
+ "kind": "js",
18559
+ "name": "invisibleButtonRules",
18560
+ "declaration": {
18561
+ "name": "invisibleButtonRules",
18562
+ "module": "src/helpers/css-helpers.ts"
18563
+ }
18564
+ },
18565
+ {
18566
+ "kind": "js",
18567
+ "name": "getInvisibleButtonStyles",
18568
+ "declaration": {
18569
+ "name": "getInvisibleButtonStyles",
18570
+ "module": "src/helpers/css-helpers.ts"
18571
+ }
18572
+ }
18573
+ ]
18574
+ },
18575
+ {
18576
+ "kind": "javascript-module",
18577
+ "path": "src/helpers/index.ts",
18578
+ "declarations": [],
18579
+ "exports": [
18580
+ {
18581
+ "kind": "js",
18582
+ "name": "*",
18583
+ "declaration": {
18584
+ "name": "*",
18585
+ "package": "./css-helpers"
18586
+ }
18587
+ }
18588
+ ]
18589
+ },
18372
18590
  {
18373
18591
  "kind": "javascript-module",
18374
18592
  "path": "src/layout/flex.ts",
@@ -20174,6 +20392,15 @@
20174
20392
  "description": "Base class for input elements. Creates a proxy outside of the shadow dom\nwhich holds the input value to enable use of `<form></form>` elements.",
20175
20393
  "name": "InputBase",
20176
20394
  "members": [
20395
+ {
20396
+ "kind": "field",
20397
+ "name": "shadowRootOptions",
20398
+ "type": {
20399
+ "text": "ShadowRootInit"
20400
+ },
20401
+ "static": true,
20402
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }"
20403
+ },
20177
20404
  {
20178
20405
  "kind": "field",
20179
20406
  "name": "disabled",
@@ -20365,6 +20592,20 @@
20365
20592
  "module": "src/components/form-elements/input-base.ts"
20366
20593
  }
20367
20594
  },
20595
+ {
20596
+ "kind": "field",
20597
+ "name": "value",
20598
+ "type": {
20599
+ "text": "ValueType | undefined"
20600
+ },
20601
+ "description": "Set the value to be associated with the checkbox, if needed. Native\ncheckbox input values always default to \"on\".",
20602
+ "attribute": "value",
20603
+ "default": "'on'",
20604
+ "inheritedFrom": {
20605
+ "name": "InputBase",
20606
+ "module": "src/components/form-elements/input-base.ts"
20607
+ }
20608
+ },
20368
20609
  {
20369
20610
  "kind": "field",
20370
20611
  "name": "indeterminate",
@@ -20422,6 +20663,19 @@
20422
20663
  }
20423
20664
  }
20424
20665
  },
20666
+ {
20667
+ "kind": "field",
20668
+ "name": "shadowRootOptions",
20669
+ "type": {
20670
+ "text": "ShadowRootInit"
20671
+ },
20672
+ "static": true,
20673
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
20674
+ "inheritedFrom": {
20675
+ "name": "InputBase",
20676
+ "module": "src/components/form-elements/input-base.ts"
20677
+ }
20678
+ },
20425
20679
  {
20426
20680
  "kind": "field",
20427
20681
  "name": "invalid",
@@ -20465,19 +20719,6 @@
20465
20719
  "module": "src/components/form-elements/input-base.ts"
20466
20720
  }
20467
20721
  },
20468
- {
20469
- "kind": "field",
20470
- "name": "value",
20471
- "type": {
20472
- "text": "ValueType | undefined"
20473
- },
20474
- "description": "Sets the value type",
20475
- "attribute": "value",
20476
- "inheritedFrom": {
20477
- "name": "InputBase",
20478
- "module": "src/components/form-elements/input-base.ts"
20479
- }
20480
- },
20481
20722
  {
20482
20723
  "kind": "method",
20483
20724
  "name": "dispatchChange",
@@ -20533,6 +20774,19 @@
20533
20774
  "module": "src/components/form-elements/input-base.ts"
20534
20775
  }
20535
20776
  },
20777
+ {
20778
+ "name": "value",
20779
+ "type": {
20780
+ "text": "ValueType | undefined"
20781
+ },
20782
+ "description": "Set the value to be associated with the checkbox, if needed. Native\ncheckbox input values always default to \"on\".",
20783
+ "fieldName": "value",
20784
+ "default": "'on'",
20785
+ "inheritedFrom": {
20786
+ "name": "InputBase",
20787
+ "module": "src/components/form-elements/input-base.ts"
20788
+ }
20789
+ },
20536
20790
  {
20537
20791
  "name": "indeterminate",
20538
20792
  "type": {
@@ -20580,18 +20834,6 @@
20580
20834
  "name": "InputBase",
20581
20835
  "module": "src/components/form-elements/input-base.ts"
20582
20836
  }
20583
- },
20584
- {
20585
- "name": "value",
20586
- "type": {
20587
- "text": "ValueType | undefined"
20588
- },
20589
- "description": "Sets the value type",
20590
- "fieldName": "value",
20591
- "inheritedFrom": {
20592
- "name": "InputBase",
20593
- "module": "src/components/form-elements/input-base.ts"
20594
- }
20595
20837
  }
20596
20838
  ],
20597
20839
  "superclass": {
@@ -20825,22 +21067,6 @@
20825
21067
  "module": "src/components/form-elements/labeled-input.ts"
20826
21068
  }
20827
21069
  },
20828
- {
20829
- "kind": "method",
20830
- "name": "handleLabelChange",
20831
- "inheritedFrom": {
20832
- "name": "LabeledInput",
20833
- "module": "src/components/form-elements/labeled-input.ts"
20834
- }
20835
- },
20836
- {
20837
- "kind": "method",
20838
- "name": "handlePromptChange",
20839
- "inheritedFrom": {
20840
- "name": "LabeledInput",
20841
- "module": "src/components/form-elements/labeled-input.ts"
20842
- }
20843
- },
20844
21070
  {
20845
21071
  "kind": "method",
20846
21072
  "name": "handleErrorChange",
@@ -20862,6 +21088,19 @@
20862
21088
  "module": "src/components/form-elements/labeled-input.ts"
20863
21089
  }
20864
21090
  },
21091
+ {
21092
+ "kind": "field",
21093
+ "name": "shadowRootOptions",
21094
+ "type": {
21095
+ "text": "ShadowRootInit"
21096
+ },
21097
+ "static": true,
21098
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
21099
+ "inheritedFrom": {
21100
+ "name": "InputBase",
21101
+ "module": "src/components/form-elements/input-base.ts"
21102
+ }
21103
+ },
20865
21104
  {
20866
21105
  "kind": "field",
20867
21106
  "name": "disabled",
@@ -21878,22 +22117,6 @@
21878
22117
  "module": "src/components/form-elements/labeled-input.ts"
21879
22118
  }
21880
22119
  },
21881
- {
21882
- "kind": "method",
21883
- "name": "handleLabelChange",
21884
- "inheritedFrom": {
21885
- "name": "LabeledInput",
21886
- "module": "src/components/form-elements/labeled-input.ts"
21887
- }
21888
- },
21889
- {
21890
- "kind": "method",
21891
- "name": "handlePromptChange",
21892
- "inheritedFrom": {
21893
- "name": "LabeledInput",
21894
- "module": "src/components/form-elements/labeled-input.ts"
21895
- }
21896
- },
21897
22120
  {
21898
22121
  "kind": "method",
21899
22122
  "name": "handleErrorChange",
@@ -21915,6 +22138,19 @@
21915
22138
  "module": "src/components/form-elements/labeled-input.ts"
21916
22139
  }
21917
22140
  },
22141
+ {
22142
+ "kind": "field",
22143
+ "name": "shadowRootOptions",
22144
+ "type": {
22145
+ "text": "ShadowRootInit"
22146
+ },
22147
+ "static": true,
22148
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
22149
+ "inheritedFrom": {
22150
+ "name": "InputBase",
22151
+ "module": "src/components/form-elements/input-base.ts"
22152
+ }
22153
+ },
21918
22154
  {
21919
22155
  "kind": "field",
21920
22156
  "name": "disabled",
@@ -22530,22 +22766,6 @@
22530
22766
  "module": "src/components/form-elements/labeled-input.ts"
22531
22767
  }
22532
22768
  },
22533
- {
22534
- "kind": "method",
22535
- "name": "handleLabelChange",
22536
- "inheritedFrom": {
22537
- "name": "LabeledInput",
22538
- "module": "src/components/form-elements/labeled-input.ts"
22539
- }
22540
- },
22541
- {
22542
- "kind": "method",
22543
- "name": "handlePromptChange",
22544
- "inheritedFrom": {
22545
- "name": "LabeledInput",
22546
- "module": "src/components/form-elements/labeled-input.ts"
22547
- }
22548
- },
22549
22769
  {
22550
22770
  "kind": "method",
22551
22771
  "name": "handleErrorChange",
@@ -22567,6 +22787,19 @@
22567
22787
  "module": "src/components/form-elements/labeled-input.ts"
22568
22788
  }
22569
22789
  },
22790
+ {
22791
+ "kind": "field",
22792
+ "name": "shadowRootOptions",
22793
+ "type": {
22794
+ "text": "ShadowRootInit"
22795
+ },
22796
+ "static": true,
22797
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
22798
+ "inheritedFrom": {
22799
+ "name": "InputBase",
22800
+ "module": "src/components/form-elements/input-base.ts"
22801
+ }
22802
+ },
22570
22803
  {
22571
22804
  "kind": "field",
22572
22805
  "name": "disabled",
@@ -23043,22 +23276,6 @@
23043
23276
  "module": "src/components/form-elements/labeled-input.ts"
23044
23277
  }
23045
23278
  },
23046
- {
23047
- "kind": "method",
23048
- "name": "handleLabelChange",
23049
- "inheritedFrom": {
23050
- "name": "LabeledInput",
23051
- "module": "src/components/form-elements/labeled-input.ts"
23052
- }
23053
- },
23054
- {
23055
- "kind": "method",
23056
- "name": "handlePromptChange",
23057
- "inheritedFrom": {
23058
- "name": "LabeledInput",
23059
- "module": "src/components/form-elements/labeled-input.ts"
23060
- }
23061
- },
23062
23279
  {
23063
23280
  "kind": "method",
23064
23281
  "name": "handleErrorChange",
@@ -23089,6 +23306,19 @@
23089
23306
  "module": "src/components/form-elements/labeled-input.ts"
23090
23307
  }
23091
23308
  },
23309
+ {
23310
+ "kind": "field",
23311
+ "name": "shadowRootOptions",
23312
+ "type": {
23313
+ "text": "ShadowRootInit"
23314
+ },
23315
+ "static": true,
23316
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
23317
+ "inheritedFrom": {
23318
+ "name": "InputBase",
23319
+ "module": "src/components/form-elements/input-base.ts"
23320
+ }
23321
+ },
23092
23322
  {
23093
23323
  "kind": "field",
23094
23324
  "name": "disabled",
@@ -23828,22 +24058,6 @@
23828
24058
  "module": "src/components/form-elements/labeled-input.ts"
23829
24059
  }
23830
24060
  },
23831
- {
23832
- "kind": "method",
23833
- "name": "handleLabelChange",
23834
- "inheritedFrom": {
23835
- "name": "LabeledInput",
23836
- "module": "src/components/form-elements/labeled-input.ts"
23837
- }
23838
- },
23839
- {
23840
- "kind": "method",
23841
- "name": "handlePromptChange",
23842
- "inheritedFrom": {
23843
- "name": "LabeledInput",
23844
- "module": "src/components/form-elements/labeled-input.ts"
23845
- }
23846
- },
23847
24061
  {
23848
24062
  "kind": "method",
23849
24063
  "name": "handleErrorChange",
@@ -23865,6 +24079,19 @@
23865
24079
  "module": "src/components/form-elements/labeled-input.ts"
23866
24080
  }
23867
24081
  },
24082
+ {
24083
+ "kind": "field",
24084
+ "name": "shadowRootOptions",
24085
+ "type": {
24086
+ "text": "ShadowRootInit"
24087
+ },
24088
+ "static": true,
24089
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
24090
+ "inheritedFrom": {
24091
+ "name": "InputBase",
24092
+ "module": "src/components/form-elements/input-base.ts"
24093
+ }
24094
+ },
23868
24095
  {
23869
24096
  "kind": "field",
23870
24097
  "name": "disabled",
@@ -24776,22 +25003,6 @@
24776
25003
  "module": "src/components/form-elements/labeled-input.ts"
24777
25004
  }
24778
25005
  },
24779
- {
24780
- "kind": "method",
24781
- "name": "handleLabelChange",
24782
- "inheritedFrom": {
24783
- "name": "LabeledInput",
24784
- "module": "src/components/form-elements/labeled-input.ts"
24785
- }
24786
- },
24787
- {
24788
- "kind": "method",
24789
- "name": "handlePromptChange",
24790
- "inheritedFrom": {
24791
- "name": "LabeledInput",
24792
- "module": "src/components/form-elements/labeled-input.ts"
24793
- }
24794
- },
24795
25006
  {
24796
25007
  "kind": "method",
24797
25008
  "name": "handleErrorChange",
@@ -24813,6 +25024,19 @@
24813
25024
  "module": "src/components/form-elements/labeled-input.ts"
24814
25025
  }
24815
25026
  },
25027
+ {
25028
+ "kind": "field",
25029
+ "name": "shadowRootOptions",
25030
+ "type": {
25031
+ "text": "ShadowRootInit"
25032
+ },
25033
+ "static": true,
25034
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
25035
+ "inheritedFrom": {
25036
+ "name": "InputBase",
25037
+ "module": "src/components/form-elements/input-base.ts"
25038
+ }
25039
+ },
24816
25040
  {
24817
25041
  "kind": "field",
24818
25042
  "name": "disabled",
@@ -25294,22 +25518,6 @@
25294
25518
  "module": "src/components/form-elements/labeled-input.ts"
25295
25519
  }
25296
25520
  },
25297
- {
25298
- "kind": "method",
25299
- "name": "handleLabelChange",
25300
- "inheritedFrom": {
25301
- "name": "LabeledInput",
25302
- "module": "src/components/form-elements/labeled-input.ts"
25303
- }
25304
- },
25305
- {
25306
- "kind": "method",
25307
- "name": "handlePromptChange",
25308
- "inheritedFrom": {
25309
- "name": "LabeledInput",
25310
- "module": "src/components/form-elements/labeled-input.ts"
25311
- }
25312
- },
25313
25521
  {
25314
25522
  "kind": "method",
25315
25523
  "name": "handleErrorChange",
@@ -25344,6 +25552,19 @@
25344
25552
  "module": "src/components/form-elements/labeled-input.ts"
25345
25553
  }
25346
25554
  },
25555
+ {
25556
+ "kind": "field",
25557
+ "name": "shadowRootOptions",
25558
+ "type": {
25559
+ "text": "ShadowRootInit"
25560
+ },
25561
+ "static": true,
25562
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
25563
+ "inheritedFrom": {
25564
+ "name": "InputBase",
25565
+ "module": "src/components/form-elements/input-base.ts"
25566
+ }
25567
+ },
25347
25568
  {
25348
25569
  "kind": "field",
25349
25570
  "name": "disabled",
@@ -25797,22 +26018,6 @@
25797
26018
  "module": "src/components/form-elements/labeled-input.ts"
25798
26019
  }
25799
26020
  },
25800
- {
25801
- "kind": "method",
25802
- "name": "handleLabelChange",
25803
- "inheritedFrom": {
25804
- "name": "LabeledInput",
25805
- "module": "src/components/form-elements/labeled-input.ts"
25806
- }
25807
- },
25808
- {
25809
- "kind": "method",
25810
- "name": "handlePromptChange",
25811
- "inheritedFrom": {
25812
- "name": "LabeledInput",
25813
- "module": "src/components/form-elements/labeled-input.ts"
25814
- }
25815
- },
25816
26021
  {
25817
26022
  "kind": "method",
25818
26023
  "name": "handleErrorChange",
@@ -25834,6 +26039,19 @@
25834
26039
  "module": "src/components/form-elements/labeled-input.ts"
25835
26040
  }
25836
26041
  },
26042
+ {
26043
+ "kind": "field",
26044
+ "name": "shadowRootOptions",
26045
+ "type": {
26046
+ "text": "ShadowRootInit"
26047
+ },
26048
+ "static": true,
26049
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
26050
+ "inheritedFrom": {
26051
+ "name": "InputBase",
26052
+ "module": "src/components/form-elements/input-base.ts"
26053
+ }
26054
+ },
25837
26055
  {
25838
26056
  "kind": "field",
25839
26057
  "name": "disabled",
@@ -26330,26 +26548,23 @@
26330
26548
  },
26331
26549
  {
26332
26550
  "kind": "method",
26333
- "name": "handleLabelChange",
26334
- "inheritedFrom": {
26335
- "name": "LabeledInput",
26336
- "module": "src/components/form-elements/labeled-input.ts"
26337
- }
26338
- },
26339
- {
26340
- "kind": "method",
26341
- "name": "handlePromptChange",
26551
+ "name": "handleErrorChange",
26342
26552
  "inheritedFrom": {
26343
26553
  "name": "LabeledInput",
26344
26554
  "module": "src/components/form-elements/labeled-input.ts"
26345
26555
  }
26346
26556
  },
26347
26557
  {
26348
- "kind": "method",
26349
- "name": "handleErrorChange",
26558
+ "kind": "field",
26559
+ "name": "shadowRootOptions",
26560
+ "type": {
26561
+ "text": "ShadowRootInit"
26562
+ },
26563
+ "static": true,
26564
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
26350
26565
  "inheritedFrom": {
26351
- "name": "LabeledInput",
26352
- "module": "src/components/form-elements/labeled-input.ts"
26566
+ "name": "InputBase",
26567
+ "module": "src/components/form-elements/input-base.ts"
26353
26568
  }
26354
26569
  },
26355
26570
  {
@@ -27307,22 +27522,6 @@
27307
27522
  "module": "src/components/form-elements/labeled-input.ts"
27308
27523
  }
27309
27524
  },
27310
- {
27311
- "kind": "method",
27312
- "name": "handleLabelChange",
27313
- "inheritedFrom": {
27314
- "name": "LabeledInput",
27315
- "module": "src/components/form-elements/labeled-input.ts"
27316
- }
27317
- },
27318
- {
27319
- "kind": "method",
27320
- "name": "handlePromptChange",
27321
- "inheritedFrom": {
27322
- "name": "LabeledInput",
27323
- "module": "src/components/form-elements/labeled-input.ts"
27324
- }
27325
- },
27326
27525
  {
27327
27526
  "kind": "method",
27328
27527
  "name": "handleErrorChange",
@@ -27344,6 +27543,19 @@
27344
27543
  "module": "src/components/form-elements/labeled-input.ts"
27345
27544
  }
27346
27545
  },
27546
+ {
27547
+ "kind": "field",
27548
+ "name": "shadowRootOptions",
27549
+ "type": {
27550
+ "text": "ShadowRootInit"
27551
+ },
27552
+ "static": true,
27553
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
27554
+ "inheritedFrom": {
27555
+ "name": "InputBase",
27556
+ "module": "src/components/form-elements/input-base.ts"
27557
+ }
27558
+ },
27347
27559
  {
27348
27560
  "kind": "field",
27349
27561
  "name": "disabled",
@@ -27800,22 +28012,6 @@
27800
28012
  "kind": "variable",
27801
28013
  "name": "INPUT_LABEL"
27802
28014
  },
27803
- {
27804
- "kind": "variable",
27805
- "name": "inputSizes",
27806
- "type": {
27807
- "text": "[\n 'x-small',\n 'small',\n 'medium',\n 'large',\n 'x-large',\n 'auto',\n 'full',\n]"
27808
- },
27809
- "default": "[\n 'x-small',\n 'small',\n 'medium',\n 'large',\n 'x-large',\n 'auto',\n 'full',\n]"
27810
- },
27811
- {
27812
- "kind": "variable",
27813
- "name": "labelPositions",
27814
- "type": {
27815
- "text": "['side', 'top']"
27816
- },
27817
- "default": "['side', 'top']"
27818
- },
27819
28015
  {
27820
28016
  "kind": "class",
27821
28017
  "description": "Base class for inputs that require a label and or error message.\nWhen implementing this class, the render method becomes `renderInput`.\nIf you need to render a guide.. i.e. character count, use `renderGuide`.\nCan also be used directly to wrap custom inputs for consistent layout.",
@@ -27868,14 +28064,6 @@
27868
28064
  "attribute": "size",
27869
28065
  "reflects": true
27870
28066
  },
27871
- {
27872
- "kind": "method",
27873
- "name": "handleLabelChange"
27874
- },
27875
- {
27876
- "kind": "method",
27877
- "name": "handlePromptChange"
27878
- },
27879
28067
  {
27880
28068
  "kind": "method",
27881
28069
  "name": "handleErrorChange"
@@ -27903,6 +28091,19 @@
27903
28091
  }
27904
28092
  }
27905
28093
  },
28094
+ {
28095
+ "kind": "field",
28096
+ "name": "shadowRootOptions",
28097
+ "type": {
28098
+ "text": "ShadowRootInit"
28099
+ },
28100
+ "static": true,
28101
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n }",
28102
+ "inheritedFrom": {
28103
+ "name": "InputBase",
28104
+ "module": "src/components/form-elements/input-base.ts"
28105
+ }
28106
+ },
27906
28107
  {
27907
28108
  "kind": "field",
27908
28109
  "name": "disabled",
@@ -28135,45 +28336,56 @@
28135
28336
  "kind": "class",
28136
28337
  "description": "Input label component",
28137
28338
  "name": "InputLabel",
28138
- "members": [],
28139
28339
  "superclass": {
28140
- "name": "LitElement",
28141
- "package": "lit"
28340
+ "name": "RecordFieldLabel",
28341
+ "module": "/src/components/record-field"
28142
28342
  },
28343
+ "deprecated": "Use brz-record-field-label",
28143
28344
  "tagName": "brz-input-label",
28144
- "customElement": true
28345
+ "customElement": true,
28346
+ "members": [
28347
+ {
28348
+ "kind": "method",
28349
+ "name": "setState",
28350
+ "privacy": "private",
28351
+ "inheritedFrom": {
28352
+ "name": "RecordFieldLabel",
28353
+ "module": "src/components/record-field/record-field-label.ts"
28354
+ }
28355
+ }
28356
+ ]
28145
28357
  }
28146
28358
  ],
28147
28359
  "exports": [
28148
28360
  {
28149
28361
  "kind": "js",
28150
- "name": "LABELED_INPUT",
28362
+ "name": "type",
28151
28363
  "declaration": {
28152
- "name": "LABELED_INPUT",
28153
- "module": "src/components/form-elements/labeled-input.ts"
28364
+ "name": "type",
28365
+ "module": "../record-field"
28154
28366
  }
28155
28367
  },
28156
28368
  {
28157
28369
  "kind": "js",
28158
- "name": "INPUT_LABEL",
28370
+ "name": "InputSizes",
28159
28371
  "declaration": {
28160
- "name": "INPUT_LABEL",
28161
- "module": "src/components/form-elements/labeled-input.ts"
28372
+ "name": "InputSizes",
28373
+ "module": "../record-field"
28162
28374
  }
28163
28375
  },
28164
28376
  {
28165
28377
  "kind": "js",
28166
- "name": "inputSizes",
28378
+ "name": "LABELED_INPUT",
28167
28379
  "declaration": {
28168
- "name": "inputSizes",
28380
+ "name": "LABELED_INPUT",
28169
28381
  "module": "src/components/form-elements/labeled-input.ts"
28170
28382
  }
28171
28383
  },
28172
28384
  {
28173
28385
  "kind": "js",
28174
- "name": "labelPositions",
28386
+ "name": "INPUT_LABEL",
28175
28387
  "declaration": {
28176
- "name": "labelPositions",
28388
+ "name": "INPUT_LABEL",
28177
28389
  "module": "src/components/form-elements/labeled-input.ts"
28178
28390
  }
28179
28391
  },
@@ -28576,22 +28788,1042 @@
28576
28788
  "exports": [
28577
28789
  {
28578
28790
  "kind": "js",
28579
- "name": "*",
28791
+ "name": "*",
28792
+ "declaration": {
28793
+ "name": "*",
28794
+ "package": "./illustration"
28795
+ }
28796
+ },
28797
+ {
28798
+ "kind": "js",
28799
+ "name": "*",
28800
+ "declaration": {
28801
+ "name": "*",
28802
+ "package": "./illustrations"
28803
+ }
28804
+ }
28805
+ ]
28806
+ },
28807
+ {
28808
+ "kind": "javascript-module",
28809
+ "path": "src/components/inline-edit/index.ts",
28810
+ "declarations": [],
28811
+ "exports": [
28812
+ {
28813
+ "kind": "js",
28814
+ "name": "*",
28815
+ "declaration": {
28816
+ "name": "*",
28817
+ "package": "./inline-edit-controls"
28818
+ }
28819
+ },
28820
+ {
28821
+ "kind": "js",
28822
+ "name": "*",
28823
+ "declaration": {
28824
+ "name": "*",
28825
+ "package": "./inline-edit-group"
28826
+ }
28827
+ },
28828
+ {
28829
+ "kind": "js",
28830
+ "name": "*",
28831
+ "declaration": {
28832
+ "name": "*",
28833
+ "package": "./inline-edit-field"
28834
+ }
28835
+ },
28836
+ {
28837
+ "kind": "js",
28838
+ "name": "*",
28839
+ "declaration": {
28840
+ "name": "*",
28841
+ "package": "./inline-edit.const"
28842
+ }
28843
+ },
28844
+ {
28845
+ "kind": "js",
28846
+ "name": "*",
28847
+ "declaration": {
28848
+ "name": "*",
28849
+ "package": "./inline-edit.types"
28850
+ }
28851
+ },
28852
+ {
28853
+ "kind": "js",
28854
+ "name": "*",
28855
+ "declaration": {
28856
+ "name": "*",
28857
+ "package": "./inline-edit.events"
28858
+ }
28859
+ }
28860
+ ]
28861
+ },
28862
+ {
28863
+ "kind": "javascript-module",
28864
+ "path": "src/components/inline-edit/inline-edit-controls.ts",
28865
+ "declarations": [
28866
+ {
28867
+ "kind": "class",
28868
+ "description": "Renders Save/Cancel buttons for an InlineEditField or InlineEditGroup. This\nhappens automatically, so this component is only useful when you need to\nmake layout customizations and reimplement it.\n\nDispatches events when the Save/Cancel buttons are clicked.",
28869
+ "name": "InlineEditControls",
28870
+ "members": [
28871
+ {
28872
+ "kind": "field",
28873
+ "name": "mode",
28874
+ "type": {
28875
+ "text": "InlineEditControlsMode"
28876
+ },
28877
+ "default": "'edit'",
28878
+ "description": "The current mode of the controls.",
28879
+ "attribute": "mode"
28880
+ },
28881
+ {
28882
+ "kind": "method",
28883
+ "name": "handleCancelClick",
28884
+ "privacy": "private"
28885
+ },
28886
+ {
28887
+ "kind": "method",
28888
+ "name": "handleSaveClick",
28889
+ "privacy": "private"
28890
+ }
28891
+ ],
28892
+ "events": [
28893
+ {
28894
+ "type": {
28895
+ "text": "InlineEditControlsCancelEvent"
28896
+ }
28897
+ },
28898
+ {
28899
+ "type": {
28900
+ "text": "InlineEditControlsCancelEvent"
28901
+ },
28902
+ "description": "When the Cancel button is clicked",
28903
+ "name": "brz-inline-edit-controls-cancel"
28904
+ },
28905
+ {
28906
+ "type": {
28907
+ "text": "InlineEditControlsSaveEvent"
28908
+ },
28909
+ "description": "When the Save button is clicked",
28910
+ "name": "brz-inline-edit-controls-save"
28911
+ }
28912
+ ],
28913
+ "attributes": [
28914
+ {
28915
+ "name": "mode",
28916
+ "type": {
28917
+ "text": "InlineEditControlsMode"
28918
+ },
28919
+ "default": "'edit'",
28920
+ "description": "The current mode of the controls.",
28921
+ "fieldName": "mode"
28922
+ }
28923
+ ],
28924
+ "superclass": {
28925
+ "name": "LitElement",
28926
+ "package": "lit"
28927
+ },
28928
+ "tagName": "brz-inline-edit-controls",
28929
+ "customElement": true
28930
+ }
28931
+ ],
28932
+ "exports": [
28933
+ {
28934
+ "kind": "js",
28935
+ "name": "InlineEditControls",
28936
+ "declaration": {
28937
+ "name": "InlineEditControls",
28938
+ "module": "src/components/inline-edit/inline-edit-controls.ts"
28939
+ }
28940
+ },
28941
+ {
28942
+ "kind": "custom-element-definition",
28943
+ "declaration": {
28944
+ "name": "InlineEditControls",
28945
+ "module": "src/components/inline-edit/inline-edit-controls.ts"
28946
+ }
28947
+ }
28948
+ ]
28949
+ },
28950
+ {
28951
+ "kind": "javascript-module",
28952
+ "path": "src/components/inline-edit/inline-edit-field.ts",
28953
+ "declarations": [
28954
+ {
28955
+ "kind": "class",
28956
+ "description": "Toggles a read/edit layout for the value of a given form field.\n\nExpects to wrap a Breeze Input component, or custom solution wrapped in a\nLabeledInput or RecordField.",
28957
+ "name": "InlineEditField",
28958
+ "cssParts": [
28959
+ {
28960
+ "description": "Apply custom styles to the label text in read-mode",
28961
+ "name": "read-mode-label"
28962
+ },
28963
+ {
28964
+ "description": "Apply custom styles to the value button in read-mode",
28965
+ "name": "read-mode-value-button"
28966
+ }
28967
+ ],
28968
+ "slots": [
28969
+ {
28970
+ "description": "The \"edit\" template - Expects a Breeze Input or custom implementation using LabeledInput or RecordField.",
28971
+ "name": "children"
28972
+ },
28973
+ {
28974
+ "description": "Overrides the field controls. Defaults to save/cancel buttons.",
28975
+ "name": "controls"
28976
+ },
28977
+ {
28978
+ "description": "Overrides the default \"read mode\" value template",
28979
+ "name": "read-mode"
28980
+ }
28981
+ ],
28982
+ "members": [
28983
+ {
28984
+ "kind": "field",
28985
+ "name": "controlled",
28986
+ "type": {
28987
+ "text": "boolean"
28988
+ },
28989
+ "default": "false",
28990
+ "description": "A controlled field defers the `mode` state management to an external\ncontroller, usually an `InlineEditGroup`.",
28991
+ "attribute": "controlled"
28992
+ },
28993
+ {
28994
+ "kind": "field",
28995
+ "name": "truncate",
28996
+ "type": {
28997
+ "text": "boolean"
28998
+ },
28999
+ "default": "false",
29000
+ "description": "Truncates the field value in read mode.",
29001
+ "attribute": "truncate"
29002
+ },
29003
+ {
29004
+ "kind": "method",
29005
+ "name": "setOverflowingState",
29006
+ "privacy": "private",
29007
+ "description": "Applies the overflowing state based on the rendered height of the value\nelement. Line height is 20px so when it hits double line height we can\nassume that it's a multiline text value and needs extra padding."
29008
+ },
29009
+ {
29010
+ "kind": "method",
29011
+ "name": "setStateFromInputElement",
29012
+ "privacy": "private",
29013
+ "description": "To avoid repetition, we extract the values of common properties from the\nwrapped Breeze Input and store them in state."
29014
+ },
29015
+ {
29016
+ "kind": "method",
29017
+ "name": "setOptionsFromChildren",
29018
+ "privacy": "private",
29019
+ "parameters": [
29020
+ {
29021
+ "name": "element",
29022
+ "type": {
29023
+ "text": "InputEl"
29024
+ }
29025
+ }
29026
+ ],
29027
+ "description": "Sets the options state from the children of supporting input elements."
29028
+ },
29029
+ {
29030
+ "kind": "method",
29031
+ "name": "handleValueClick",
29032
+ "privacy": "private",
29033
+ "description": "If the field is controlled and unlocked, an event is emitted. Otherwise the\nmode is toggled internally.\n\nFinally, attempts to focus the wrapped input after the template switches."
29034
+ },
29035
+ {
29036
+ "kind": "method",
29037
+ "name": "generateFieldLabelSlot",
29038
+ "privacy": "private",
29039
+ "description": "Handles cases where a RecordField is used to wrap inputs that are usually\nself-labelling, such as InputCheckbox. To avoid wonky layouts we grab the\nlabel from its default slot then slot it into the RecordField's label slot."
29040
+ },
29041
+ {
29042
+ "kind": "method",
29043
+ "name": "getSelectValueTemplate",
29044
+ "privacy": "private",
29045
+ "parameters": [
29046
+ {
29047
+ "name": "value",
29048
+ "optional": true,
29049
+ "type": {
29050
+ "text": "ValueType | string"
29051
+ }
29052
+ }
29053
+ ],
29054
+ "description": "Renders a Select/Multiselect value into a Lozenge"
29055
+ },
29056
+ {
29057
+ "kind": "method",
29058
+ "name": "getCheckboxValueTemplate",
29059
+ "privacy": "private",
29060
+ "parameters": [
29061
+ {
29062
+ "name": "checkbox",
29063
+ "type": {
29064
+ "text": "InputCheckbox"
29065
+ }
29066
+ }
29067
+ ],
29068
+ "description": "Renders a Checkbox value into a Lozenge"
29069
+ },
29070
+ {
29071
+ "kind": "method",
29072
+ "name": "handleSave",
29073
+ "privacy": "protected",
29074
+ "return": {
29075
+ "type": {
29076
+ "text": "Promise<void>"
29077
+ }
29078
+ },
29079
+ "description": "Invokes a field-level save function if present, otherwise uses a group save\nfunction.",
29080
+ "inheritedFrom": {
29081
+ "name": "InlineEditBase",
29082
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29083
+ }
29084
+ },
29085
+ {
29086
+ "kind": "method",
29087
+ "name": "emitBroadcastEvent",
29088
+ "privacy": "private",
29089
+ "description": "Dispatches an event containing a reference to this component and its\ncurrent mode. Groups listen for this broadcast to know when to trigger\ntheir controlled fields to change mode."
29090
+ },
29091
+ {
29092
+ "kind": "field",
29093
+ "name": "locked",
29094
+ "type": {
29095
+ "text": "boolean"
29096
+ },
29097
+ "default": "false",
29098
+ "description": "When a field or group is locked it cannot enter edit mode.",
29099
+ "attribute": "locked",
29100
+ "reflects": true,
29101
+ "inheritedFrom": {
29102
+ "name": "InlineEditBase",
29103
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29104
+ }
29105
+ },
29106
+ {
29107
+ "kind": "field",
29108
+ "name": "save",
29109
+ "type": {
29110
+ "text": "() => Promise<void> | undefined"
29111
+ },
29112
+ "description": "Function to invoke when the Save button is clicked for a field or group.\n\nWhen a field is controlled by a group, field-level save functions are\nignored and the group save function always runs.\n\nWhen a field is within a group but uncontrolled, or outside of a group, it\nlooks for a field-level function first before running a group function.",
29113
+ "inheritedFrom": {
29114
+ "name": "InlineEditBase",
29115
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29116
+ }
29117
+ },
29118
+ {
29119
+ "kind": "method",
29120
+ "name": "setEditMode",
29121
+ "privacy": "private",
29122
+ "description": "Switches the field to edit mode.",
29123
+ "inheritedFrom": {
29124
+ "name": "InlineEditBase",
29125
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29126
+ }
29127
+ },
29128
+ {
29129
+ "kind": "method",
29130
+ "name": "setReadMode",
29131
+ "privacy": "private",
29132
+ "description": "Switches the field to read mode.",
29133
+ "inheritedFrom": {
29134
+ "name": "InlineEditBase",
29135
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29136
+ }
29137
+ },
29138
+ {
29139
+ "kind": "method",
29140
+ "name": "setSavingMode",
29141
+ "privacy": "private",
29142
+ "description": "Switches the field to saving mode.",
29143
+ "inheritedFrom": {
29144
+ "name": "InlineEditBase",
29145
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29146
+ }
29147
+ },
29148
+ {
29149
+ "kind": "method",
29150
+ "name": "setSavedMode",
29151
+ "privacy": "private",
29152
+ "description": "Switches the field to saved mode. Automatically reverts to read mode after\n5 seconds.",
29153
+ "inheritedFrom": {
29154
+ "name": "InlineEditBase",
29155
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29156
+ }
29157
+ },
29158
+ {
29159
+ "kind": "method",
29160
+ "name": "setMode",
29161
+ "parameters": [
29162
+ {
29163
+ "name": "newMode",
29164
+ "type": {
29165
+ "text": "InlineEditMode"
29166
+ }
29167
+ }
29168
+ ],
29169
+ "description": "Calls the setter for the target mode passed in. Since this method is shared\nby both fields and groups, it is particularly useful for syncing field\nmodes with the group mode.",
29170
+ "inheritedFrom": {
29171
+ "name": "InlineEditBase",
29172
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29173
+ }
29174
+ },
29175
+ {
29176
+ "kind": "method",
29177
+ "name": "handleSaveClick",
29178
+ "privacy": "protected",
29179
+ "inheritedFrom": {
29180
+ "name": "InlineEditBase",
29181
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29182
+ }
29183
+ },
29184
+ {
29185
+ "kind": "method",
29186
+ "name": "handleCancelClick",
29187
+ "privacy": "protected",
29188
+ "inheritedFrom": {
29189
+ "name": "InlineEditBase",
29190
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29191
+ }
29192
+ }
29193
+ ],
29194
+ "events": [
29195
+ {
29196
+ "type": {
29197
+ "text": "InlineEditFieldModeChangeEvent"
29198
+ }
29199
+ },
29200
+ {
29201
+ "type": {
29202
+ "text": "InlineEditFieldBroadcastEvent"
29203
+ },
29204
+ "description": "When the read-mode button is clicked",
29205
+ "name": "brz-inline-edit-field-broadcast"
29206
+ },
29207
+ {
29208
+ "type": {
29209
+ "text": "InlineEditFieldModeChangeEvent"
29210
+ },
29211
+ "description": "When the field mode changes",
29212
+ "name": "brz-inline-edit-field-mode-change"
29213
+ }
29214
+ ],
29215
+ "attributes": [
29216
+ {
29217
+ "name": "controlled",
29218
+ "type": {
29219
+ "text": "boolean"
29220
+ },
29221
+ "default": "false",
29222
+ "description": "A controlled field defers the `mode` state management to an external\ncontroller, usually an `InlineEditGroup`.",
29223
+ "fieldName": "controlled"
29224
+ },
29225
+ {
29226
+ "name": "truncate",
29227
+ "type": {
29228
+ "text": "boolean"
29229
+ },
29230
+ "default": "false",
29231
+ "description": "Truncates the field value in read mode.",
29232
+ "fieldName": "truncate"
29233
+ },
29234
+ {
29235
+ "name": "locked",
29236
+ "type": {
29237
+ "text": "boolean"
29238
+ },
29239
+ "default": "false",
29240
+ "description": "When a field or group is locked it cannot enter edit mode.",
29241
+ "fieldName": "locked",
29242
+ "inheritedFrom": {
29243
+ "name": "InlineEditBase",
29244
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29245
+ }
29246
+ }
29247
+ ],
29248
+ "superclass": {
29249
+ "name": "InlineEditBase",
29250
+ "module": "/src/components/inline-edit/inline-edit.base"
29251
+ },
29252
+ "tagName": "brz-inline-edit-field",
29253
+ "customElement": true
29254
+ }
29255
+ ],
29256
+ "exports": [
29257
+ {
29258
+ "kind": "js",
29259
+ "name": "InlineEditField",
29260
+ "declaration": {
29261
+ "name": "InlineEditField",
29262
+ "module": "src/components/inline-edit/inline-edit-field.ts"
29263
+ }
29264
+ },
29265
+ {
29266
+ "kind": "custom-element-definition",
29267
+ "declaration": {
29268
+ "name": "InlineEditField",
29269
+ "module": "src/components/inline-edit/inline-edit-field.ts"
29270
+ }
29271
+ }
29272
+ ]
29273
+ },
29274
+ {
29275
+ "kind": "javascript-module",
29276
+ "path": "src/components/inline-edit/inline-edit-group.ts",
29277
+ "declarations": [
29278
+ {
29279
+ "kind": "class",
29280
+ "description": "Wraps multiple InlineEditField components.\n\nCan optionally be made a `controller` group so that all registered fields are\ntoggled at once.",
29281
+ "name": "InlineEditGroup",
29282
+ "slots": [
29283
+ {
29284
+ "description": "One or more InlineEditField components, which can be wrapped in a more complex layout where necessary",
29285
+ "name": "children"
29286
+ },
29287
+ {
29288
+ "description": "Overrides the group controls. Defaults to save/cancel buttons.",
29289
+ "name": "controls"
29290
+ }
29291
+ ],
29292
+ "members": [
29293
+ {
29294
+ "kind": "field",
29295
+ "name": "controller",
29296
+ "type": {
29297
+ "text": "boolean"
29298
+ },
29299
+ "default": "false",
29300
+ "description": "A control group takes responsibility for toggling the mode of all its\nfields. The fields cannot control their own mode, and instead dispatch an\nevent for the group to react to.",
29301
+ "attribute": "controller"
29302
+ },
29303
+ {
29304
+ "kind": "method",
29305
+ "name": "handleInlineEditFieldViewModeClick",
29306
+ "privacy": "private",
29307
+ "description": "Toggles all field modes if this is a control group"
29308
+ },
29309
+ {
29310
+ "kind": "method",
29311
+ "name": "handleSave",
29312
+ "privacy": "protected",
29313
+ "return": {
29314
+ "type": {
29315
+ "text": "Promise<void>"
29316
+ }
29317
+ },
29318
+ "inheritedFrom": {
29319
+ "name": "InlineEditBase",
29320
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29321
+ }
29322
+ },
29323
+ {
29324
+ "kind": "method",
29325
+ "name": "registerField",
29326
+ "parameters": [
29327
+ {
29328
+ "name": "field",
29329
+ "type": {
29330
+ "text": "InlineEditField"
29331
+ }
29332
+ }
29333
+ ],
29334
+ "description": "Enables a field to register itself to a group."
29335
+ },
29336
+ {
29337
+ "kind": "field",
29338
+ "name": "locked",
29339
+ "type": {
29340
+ "text": "boolean"
29341
+ },
29342
+ "default": "false",
29343
+ "description": "When a field or group is locked it cannot enter edit mode.",
29344
+ "attribute": "locked",
29345
+ "reflects": true,
29346
+ "inheritedFrom": {
29347
+ "name": "InlineEditBase",
29348
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29349
+ }
29350
+ },
29351
+ {
29352
+ "kind": "field",
29353
+ "name": "save",
29354
+ "type": {
29355
+ "text": "() => Promise<void> | undefined"
29356
+ },
29357
+ "description": "Function to invoke when the Save button is clicked for a field or group.\n\nWhen a field is controlled by a group, field-level save functions are\nignored and the group save function always runs.\n\nWhen a field is within a group but uncontrolled, or outside of a group, it\nlooks for a field-level function first before running a group function.",
29358
+ "inheritedFrom": {
29359
+ "name": "InlineEditBase",
29360
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29361
+ }
29362
+ },
29363
+ {
29364
+ "kind": "method",
29365
+ "name": "setEditMode",
29366
+ "privacy": "private",
29367
+ "description": "Switches the field to edit mode.",
29368
+ "inheritedFrom": {
29369
+ "name": "InlineEditBase",
29370
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29371
+ }
29372
+ },
29373
+ {
29374
+ "kind": "method",
29375
+ "name": "setReadMode",
29376
+ "privacy": "private",
29377
+ "description": "Switches the field to read mode.",
29378
+ "inheritedFrom": {
29379
+ "name": "InlineEditBase",
29380
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29381
+ }
29382
+ },
29383
+ {
29384
+ "kind": "method",
29385
+ "name": "setSavingMode",
29386
+ "privacy": "private",
29387
+ "description": "Switches the field to saving mode.",
29388
+ "inheritedFrom": {
29389
+ "name": "InlineEditBase",
29390
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29391
+ }
29392
+ },
29393
+ {
29394
+ "kind": "method",
29395
+ "name": "setSavedMode",
29396
+ "privacy": "private",
29397
+ "description": "Switches the field to saved mode. Automatically reverts to read mode after\n5 seconds.",
29398
+ "inheritedFrom": {
29399
+ "name": "InlineEditBase",
29400
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29401
+ }
29402
+ },
29403
+ {
29404
+ "kind": "method",
29405
+ "name": "setMode",
29406
+ "parameters": [
29407
+ {
29408
+ "name": "newMode",
29409
+ "type": {
29410
+ "text": "InlineEditMode"
29411
+ }
29412
+ }
29413
+ ],
29414
+ "description": "Calls the setter for the target mode passed in. Since this method is shared\nby both fields and groups, it is particularly useful for syncing field\nmodes with the group mode.",
29415
+ "inheritedFrom": {
29416
+ "name": "InlineEditBase",
29417
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29418
+ }
29419
+ },
29420
+ {
29421
+ "kind": "method",
29422
+ "name": "handleSaveClick",
29423
+ "privacy": "protected",
29424
+ "inheritedFrom": {
29425
+ "name": "InlineEditBase",
29426
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29427
+ }
29428
+ },
29429
+ {
29430
+ "kind": "method",
29431
+ "name": "handleCancelClick",
29432
+ "privacy": "protected",
29433
+ "inheritedFrom": {
29434
+ "name": "InlineEditBase",
29435
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29436
+ }
29437
+ }
29438
+ ],
29439
+ "events": [
29440
+ {
29441
+ "type": {
29442
+ "text": "InlineEditGroupModeChangeEvent"
29443
+ }
29444
+ },
29445
+ {
29446
+ "type": {
29447
+ "text": "InlineEditGroupModeChangeEvent"
29448
+ },
29449
+ "description": "When the group mode changes",
29450
+ "name": "brz-inline-edit-group-mode-change"
29451
+ }
29452
+ ],
29453
+ "attributes": [
29454
+ {
29455
+ "name": "controller",
29456
+ "type": {
29457
+ "text": "boolean"
29458
+ },
29459
+ "default": "false",
29460
+ "description": "A control group takes responsibility for toggling the mode of all its\nfields. The fields cannot control their own mode, and instead dispatch an\nevent for the group to react to.",
29461
+ "fieldName": "controller"
29462
+ },
29463
+ {
29464
+ "name": "locked",
29465
+ "type": {
29466
+ "text": "boolean"
29467
+ },
29468
+ "default": "false",
29469
+ "description": "When a field or group is locked it cannot enter edit mode.",
29470
+ "fieldName": "locked",
29471
+ "inheritedFrom": {
29472
+ "name": "InlineEditBase",
29473
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29474
+ }
29475
+ }
29476
+ ],
29477
+ "superclass": {
29478
+ "name": "InlineEditBase",
29479
+ "module": "/src/components/inline-edit/inline-edit.base"
29480
+ },
29481
+ "tagName": "brz-inline-edit-group",
29482
+ "customElement": true
29483
+ }
29484
+ ],
29485
+ "exports": [
29486
+ {
29487
+ "kind": "js",
29488
+ "name": "InlineEditGroup",
29489
+ "declaration": {
29490
+ "name": "InlineEditGroup",
29491
+ "module": "src/components/inline-edit/inline-edit-group.ts"
29492
+ }
29493
+ },
29494
+ {
29495
+ "kind": "custom-element-definition",
29496
+ "declaration": {
29497
+ "name": "InlineEditGroup",
29498
+ "module": "src/components/inline-edit/inline-edit-group.ts"
29499
+ }
29500
+ }
29501
+ ]
29502
+ },
29503
+ {
29504
+ "kind": "javascript-module",
29505
+ "path": "src/components/inline-edit/inline-edit.base.ts",
29506
+ "declarations": [
29507
+ {
29508
+ "kind": "class",
29509
+ "description": "",
29510
+ "name": "InlineEditBase",
29511
+ "members": [
29512
+ {
29513
+ "kind": "field",
29514
+ "name": "locked",
29515
+ "type": {
29516
+ "text": "boolean"
29517
+ },
29518
+ "default": "false",
29519
+ "description": "When a field or group is locked it cannot enter edit mode.",
29520
+ "attribute": "locked",
29521
+ "reflects": true
29522
+ },
29523
+ {
29524
+ "kind": "field",
29525
+ "name": "save",
29526
+ "type": {
29527
+ "text": "() => Promise<void> | undefined"
29528
+ },
29529
+ "description": "Function to invoke when the Save button is clicked for a field or group.\n\nWhen a field is controlled by a group, field-level save functions are\nignored and the group save function always runs.\n\nWhen a field is within a group but uncontrolled, or outside of a group, it\nlooks for a field-level function first before running a group function."
29530
+ },
29531
+ {
29532
+ "kind": "method",
29533
+ "name": "setEditMode",
29534
+ "privacy": "private",
29535
+ "description": "Switches the field to edit mode."
29536
+ },
29537
+ {
29538
+ "kind": "method",
29539
+ "name": "setReadMode",
29540
+ "privacy": "private",
29541
+ "description": "Switches the field to read mode."
29542
+ },
29543
+ {
29544
+ "kind": "method",
29545
+ "name": "setSavingMode",
29546
+ "privacy": "private",
29547
+ "description": "Switches the field to saving mode."
29548
+ },
29549
+ {
29550
+ "kind": "method",
29551
+ "name": "setSavedMode",
29552
+ "privacy": "private",
29553
+ "description": "Switches the field to saved mode. Automatically reverts to read mode after\n5 seconds."
29554
+ },
29555
+ {
29556
+ "kind": "method",
29557
+ "name": "setMode",
29558
+ "parameters": [
29559
+ {
29560
+ "name": "newMode",
29561
+ "type": {
29562
+ "text": "InlineEditMode"
29563
+ }
29564
+ }
29565
+ ],
29566
+ "description": "Calls the setter for the target mode passed in. Since this method is shared\nby both fields and groups, it is particularly useful for syncing field\nmodes with the group mode."
29567
+ },
29568
+ {
29569
+ "kind": "method",
29570
+ "name": "handleSave",
29571
+ "privacy": "protected",
29572
+ "return": {
29573
+ "type": {
29574
+ "text": "Promise<void>"
29575
+ }
29576
+ }
29577
+ },
29578
+ {
29579
+ "kind": "method",
29580
+ "name": "handleSaveClick",
29581
+ "privacy": "protected"
29582
+ },
29583
+ {
29584
+ "kind": "method",
29585
+ "name": "handleCancelClick",
29586
+ "privacy": "protected"
29587
+ }
29588
+ ],
29589
+ "attributes": [
29590
+ {
29591
+ "name": "locked",
29592
+ "type": {
29593
+ "text": "boolean"
29594
+ },
29595
+ "default": "false",
29596
+ "description": "When a field or group is locked it cannot enter edit mode.",
29597
+ "fieldName": "locked"
29598
+ }
29599
+ ],
29600
+ "superclass": {
29601
+ "name": "LitElement",
29602
+ "package": "lit"
29603
+ },
29604
+ "customElement": true
29605
+ }
29606
+ ],
29607
+ "exports": [
29608
+ {
29609
+ "kind": "js",
29610
+ "name": "InlineEditBase",
29611
+ "declaration": {
29612
+ "name": "InlineEditBase",
29613
+ "module": "src/components/inline-edit/inline-edit.base.ts"
29614
+ }
29615
+ }
29616
+ ]
29617
+ },
29618
+ {
29619
+ "kind": "javascript-module",
29620
+ "path": "src/components/inline-edit/inline-edit.const.ts",
29621
+ "declarations": [
29622
+ {
29623
+ "kind": "variable",
29624
+ "name": "INLINE_EDIT_FIELD"
29625
+ },
29626
+ {
29627
+ "kind": "variable",
29628
+ "name": "INLINE_EDIT_GROUP"
29629
+ },
29630
+ {
29631
+ "kind": "variable",
29632
+ "name": "INLINE_EDIT_CONTROLS"
29633
+ },
29634
+ {
29635
+ "kind": "variable",
29636
+ "name": "inlineEditControlsModes",
29637
+ "type": {
29638
+ "text": "['edit', 'saving']"
29639
+ },
29640
+ "default": "['edit', 'saving']"
29641
+ },
29642
+ {
29643
+ "kind": "variable",
29644
+ "name": "inlineEditModes",
29645
+ "type": {
29646
+ "text": "[\n 'read',\n 'saved',\n ...inlineEditControlsModes,\n]"
29647
+ },
29648
+ "default": "[\n 'read',\n 'saved',\n ...inlineEditControlsModes,\n]"
29649
+ }
29650
+ ],
29651
+ "exports": [
29652
+ {
29653
+ "kind": "js",
29654
+ "name": "INLINE_EDIT_FIELD",
29655
+ "declaration": {
29656
+ "name": "INLINE_EDIT_FIELD",
29657
+ "module": "src/components/inline-edit/inline-edit.const.ts"
29658
+ }
29659
+ },
29660
+ {
29661
+ "kind": "js",
29662
+ "name": "INLINE_EDIT_GROUP",
29663
+ "declaration": {
29664
+ "name": "INLINE_EDIT_GROUP",
29665
+ "module": "src/components/inline-edit/inline-edit.const.ts"
29666
+ }
29667
+ },
29668
+ {
29669
+ "kind": "js",
29670
+ "name": "INLINE_EDIT_CONTROLS",
29671
+ "declaration": {
29672
+ "name": "INLINE_EDIT_CONTROLS",
29673
+ "module": "src/components/inline-edit/inline-edit.const.ts"
29674
+ }
29675
+ },
29676
+ {
29677
+ "kind": "js",
29678
+ "name": "inlineEditControlsModes",
29679
+ "declaration": {
29680
+ "name": "inlineEditControlsModes",
29681
+ "module": "src/components/inline-edit/inline-edit.const.ts"
29682
+ }
29683
+ },
29684
+ {
29685
+ "kind": "js",
29686
+ "name": "inlineEditModes",
29687
+ "declaration": {
29688
+ "name": "inlineEditModes",
29689
+ "module": "src/components/inline-edit/inline-edit.const.ts"
29690
+ }
29691
+ }
29692
+ ]
29693
+ },
29694
+ {
29695
+ "kind": "javascript-module",
29696
+ "path": "src/components/inline-edit/inline-edit.events.ts",
29697
+ "declarations": [
29698
+ {
29699
+ "kind": "class",
29700
+ "description": "",
29701
+ "name": "InlineEditControlsCancelEvent",
29702
+ "superclass": {
29703
+ "name": "CustomEvent",
29704
+ "module": "src/components/inline-edit/inline-edit.events.ts"
29705
+ }
29706
+ },
29707
+ {
29708
+ "kind": "class",
29709
+ "description": "",
29710
+ "name": "InlineEditControlsSaveEvent",
29711
+ "superclass": {
29712
+ "name": "CustomEvent",
29713
+ "module": "src/components/inline-edit/inline-edit.events.ts"
29714
+ }
29715
+ },
29716
+ {
29717
+ "kind": "class",
29718
+ "description": "",
29719
+ "name": "InlineEditFieldBroadcastEvent",
29720
+ "superclass": {
29721
+ "name": "CustomEvent",
29722
+ "module": "src/components/inline-edit/inline-edit.events.ts"
29723
+ }
29724
+ },
29725
+ {
29726
+ "kind": "class",
29727
+ "description": "",
29728
+ "name": "InlineEditFieldModeChangeEvent",
29729
+ "superclass": {
29730
+ "name": "CustomEvent",
29731
+ "module": "src/components/inline-edit/inline-edit.events.ts"
29732
+ }
29733
+ },
29734
+ {
29735
+ "kind": "class",
29736
+ "description": "",
29737
+ "name": "InlineEditGroupModeChangeEvent",
29738
+ "superclass": {
29739
+ "name": "CustomEvent",
29740
+ "module": "src/components/inline-edit/inline-edit.events.ts"
29741
+ }
29742
+ }
29743
+ ],
29744
+ "exports": [
29745
+ {
29746
+ "kind": "js",
29747
+ "name": "InlineEditControlsCancelEvent",
29748
+ "declaration": {
29749
+ "name": "InlineEditControlsCancelEvent",
29750
+ "module": "src/components/inline-edit/inline-edit.events.ts"
29751
+ }
29752
+ },
29753
+ {
29754
+ "kind": "js",
29755
+ "name": "InlineEditControlsSaveEvent",
29756
+ "declaration": {
29757
+ "name": "InlineEditControlsSaveEvent",
29758
+ "module": "src/components/inline-edit/inline-edit.events.ts"
29759
+ }
29760
+ },
29761
+ {
29762
+ "kind": "js",
29763
+ "name": "InlineEditFieldBroadcastEvent",
29764
+ "declaration": {
29765
+ "name": "InlineEditFieldBroadcastEvent",
29766
+ "module": "src/components/inline-edit/inline-edit.events.ts"
29767
+ }
29768
+ },
29769
+ {
29770
+ "kind": "js",
29771
+ "name": "InlineEditFieldModeChangeEvent",
29772
+ "declaration": {
29773
+ "name": "InlineEditFieldModeChangeEvent",
29774
+ "module": "src/components/inline-edit/inline-edit.events.ts"
29775
+ }
29776
+ },
29777
+ {
29778
+ "kind": "js",
29779
+ "name": "InlineEditGroupModeChangeEvent",
29780
+ "declaration": {
29781
+ "name": "InlineEditGroupModeChangeEvent",
29782
+ "module": "src/components/inline-edit/inline-edit.events.ts"
29783
+ }
29784
+ }
29785
+ ]
29786
+ },
29787
+ {
29788
+ "kind": "javascript-module",
29789
+ "path": "src/components/inline-edit/inline-edit.styles.ts",
29790
+ "declarations": [
29791
+ {
29792
+ "kind": "variable",
29793
+ "name": "inlineEditFieldStyles",
29794
+ "default": "css`\n :host {\n display: block;\n }\n\n :host(:nth-of-type(n + 2)) {\n margin-top: var(--brz-spacing-4);\n }\n\n .button {\n --brz-button-color: var(--brz-color-neutral-850);\n --brz-button-icon-color: var(--brz-color-neutral-600);\n --brz-button-font-weight: var(--brz-font-weight-normal);\n }\n\n .button.offset {\n margin-left: calc(0px - var(--brz-spacing-2));\n margin-top: calc(0px - var(--brz-spacing-1));\n }\n\n :host(:not([locked])) .button {\n width: 100%;\n }\n\n .button[disabled]::part(button) {\n --brz-button-color: inherit !important;\n }\n\n .button::part(button) {\n height: auto;\n min-height: var(--brz-button-height);\n width: 100%;\n }\n\n .button:hover:not([disabled])::part(button) {\n --brz-button-background-color: var(--brz-color-neutral-250);\n }\n\n .button::part(contents) {\n justify-content: space-between;\n width: 100%;\n }\n\n .button::part(icon-right) {\n display: none;\n }\n\n .button:hover::part(button) {\n transition: background-color 100ms ease-in-out;\n }\n\n .button:hover::part(icon-right),\n .button:focus::part(icon-right) {\n display: block;\n }\n\n .button.overflowing:hover::part(icon-right),\n .button.overflowing:focus::part(icon-right) {\n align-self: flex-start;\n margin-top: var(--brz-spacing-2);\n }\n\n .edit-mode {\n display: inline-block;\n }\n\n .edit-mode.block {\n display: block;\n }\n\n .value {\n max-width: calc(100% - var(--brz-spacing-5));\n text-align: left;\n }\n\n .value.overflowing {\n padding: calc(var(--brz-spacing-2) - var(--brz-spacing-px)) 0;\n }\n\n :host([locked]) .button:not(:hover) .value {\n padding-right: var(--brz-spacing-5);\n }\n\n .value.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n brz-inline-edit-controls {\n display: block;\n margin-top: var(--brz-spacing-2);\n }\n`"
29795
+ },
29796
+ {
29797
+ "kind": "variable",
29798
+ "name": "inlineEditGroupStyles",
29799
+ "default": "css`\n .inline-edit-group {\n display: inline-block;\n margin: 0;\n }\n\n brz-inline-edit-controls {\n display: block;\n margin-top: var(--brz-spacing-4);\n }\n`"
29800
+ }
29801
+ ],
29802
+ "exports": [
29803
+ {
29804
+ "kind": "js",
29805
+ "name": "inlineEditFieldStyles",
28580
29806
  "declaration": {
28581
- "name": "*",
28582
- "package": "./illustration"
29807
+ "name": "inlineEditFieldStyles",
29808
+ "module": "src/components/inline-edit/inline-edit.styles.ts"
28583
29809
  }
28584
29810
  },
28585
29811
  {
28586
29812
  "kind": "js",
28587
- "name": "*",
29813
+ "name": "inlineEditGroupStyles",
28588
29814
  "declaration": {
28589
- "name": "*",
28590
- "package": "./illustrations"
29815
+ "name": "inlineEditGroupStyles",
29816
+ "module": "src/components/inline-edit/inline-edit.styles.ts"
28591
29817
  }
28592
29818
  }
28593
29819
  ]
28594
29820
  },
29821
+ {
29822
+ "kind": "javascript-module",
29823
+ "path": "src/components/inline-edit/inline-edit.types.ts",
29824
+ "declarations": [],
29825
+ "exports": []
29826
+ },
28595
29827
  {
28596
29828
  "kind": "javascript-module",
28597
29829
  "path": "src/components/menu/dropdown-menu.ts",
@@ -29988,6 +31220,306 @@
29988
31220
  }
29989
31221
  ]
29990
31222
  },
31223
+ {
31224
+ "kind": "javascript-module",
31225
+ "path": "src/components/record-field/index.ts",
31226
+ "declarations": [],
31227
+ "exports": [
31228
+ {
31229
+ "kind": "js",
31230
+ "name": "*",
31231
+ "declaration": {
31232
+ "name": "*",
31233
+ "package": "./record-field.const"
31234
+ }
31235
+ },
31236
+ {
31237
+ "kind": "js",
31238
+ "name": "*",
31239
+ "declaration": {
31240
+ "name": "*",
31241
+ "package": "./record-field.types"
31242
+ }
31243
+ },
31244
+ {
31245
+ "kind": "js",
31246
+ "name": "*",
31247
+ "declaration": {
31248
+ "name": "*",
31249
+ "package": "./record-field"
31250
+ }
31251
+ },
31252
+ {
31253
+ "kind": "js",
31254
+ "name": "*",
31255
+ "declaration": {
31256
+ "name": "*",
31257
+ "package": "./record-field-label"
31258
+ }
31259
+ }
31260
+ ]
31261
+ },
31262
+ {
31263
+ "kind": "javascript-module",
31264
+ "path": "src/components/record-field/record-field-label.ts",
31265
+ "declarations": [
31266
+ {
31267
+ "kind": "class",
31268
+ "description": "Applies consistent field label styling to slotted content. This allows us to\nwrap different elements where necessary for accessibility, e.g. `label` or\n`dt` elements.\n\nSelf-assigns to the label slot of a RecordField.",
31269
+ "name": "RecordFieldLabel",
31270
+ "members": [
31271
+ {
31272
+ "kind": "method",
31273
+ "name": "setState",
31274
+ "privacy": "private"
31275
+ }
31276
+ ],
31277
+ "superclass": {
31278
+ "name": "LitElement",
31279
+ "package": "lit"
31280
+ },
31281
+ "tagName": "brz-record-field-label",
31282
+ "customElement": true
31283
+ }
31284
+ ],
31285
+ "exports": [
31286
+ {
31287
+ "kind": "js",
31288
+ "name": "RecordFieldLabel",
31289
+ "declaration": {
31290
+ "name": "RecordFieldLabel",
31291
+ "module": "src/components/record-field/record-field-label.ts"
31292
+ }
31293
+ },
31294
+ {
31295
+ "kind": "custom-element-definition",
31296
+ "declaration": {
31297
+ "name": "RecordFieldLabel",
31298
+ "module": "src/components/record-field/record-field-label.ts"
31299
+ }
31300
+ }
31301
+ ]
31302
+ },
31303
+ {
31304
+ "kind": "javascript-module",
31305
+ "path": "src/components/record-field/record-field.const.ts",
31306
+ "declarations": [
31307
+ {
31308
+ "kind": "variable",
31309
+ "name": "RECORD_FIELD"
31310
+ },
31311
+ {
31312
+ "kind": "variable",
31313
+ "name": "RECORD_FIELD_LABEL"
31314
+ },
31315
+ {
31316
+ "kind": "variable",
31317
+ "name": "inputSizes",
31318
+ "type": {
31319
+ "text": "[\n 'x-small',\n 'small',\n 'medium',\n 'large',\n 'x-large',\n 'auto',\n 'full',\n]"
31320
+ },
31321
+ "default": "[\n 'x-small',\n 'small',\n 'medium',\n 'large',\n 'x-large',\n 'auto',\n 'full',\n]"
31322
+ },
31323
+ {
31324
+ "kind": "variable",
31325
+ "name": "labelPositions",
31326
+ "type": {
31327
+ "text": "['side', 'top']"
31328
+ },
31329
+ "default": "['side', 'top']"
31330
+ }
31331
+ ],
31332
+ "exports": [
31333
+ {
31334
+ "kind": "js",
31335
+ "name": "RECORD_FIELD",
31336
+ "declaration": {
31337
+ "name": "RECORD_FIELD",
31338
+ "module": "src/components/record-field/record-field.const.ts"
31339
+ }
31340
+ },
31341
+ {
31342
+ "kind": "js",
31343
+ "name": "RECORD_FIELD_LABEL",
31344
+ "declaration": {
31345
+ "name": "RECORD_FIELD_LABEL",
31346
+ "module": "src/components/record-field/record-field.const.ts"
31347
+ }
31348
+ },
31349
+ {
31350
+ "kind": "js",
31351
+ "name": "inputSizes",
31352
+ "declaration": {
31353
+ "name": "inputSizes",
31354
+ "module": "src/components/record-field/record-field.const.ts"
31355
+ }
31356
+ },
31357
+ {
31358
+ "kind": "js",
31359
+ "name": "labelPositions",
31360
+ "declaration": {
31361
+ "name": "labelPositions",
31362
+ "module": "src/components/record-field/record-field.const.ts"
31363
+ }
31364
+ }
31365
+ ]
31366
+ },
31367
+ {
31368
+ "kind": "javascript-module",
31369
+ "path": "src/components/record-field/record-field.styles.ts",
31370
+ "declarations": [
31371
+ {
31372
+ "kind": "variable",
31373
+ "name": "inputSizesStyles",
31374
+ "default": "css`\n .size-x-small {\n width: 80px;\n }\n\n .size-small {\n width: 160px;\n }\n\n .size-medium {\n width: 256px;\n }\n\n .size-large {\n width: 320px;\n }\n\n .size-x-large {\n width: 480px;\n }\n\n .size-full {\n width: 100%;\n }\n`"
31375
+ },
31376
+ {
31377
+ "kind": "variable",
31378
+ "name": "recordFieldStyles",
31379
+ "default": "css`\n :host {\n display: block;\n }\n\n :host(:nth-of-type(n + 2)) {\n margin-top: var(--brz-spacing-4);\n }\n\n :host([label-position='top']) .container {\n flex-direction: column;\n }\n\n :host([label-position='top']) .label {\n margin-bottom: var(--brz-spacing-1);\n }\n\n :host([label-position='side']) .label {\n align-items: flex-start;\n }\n\n ::slotted([slot='label']) {\n font-weight: var(--brz-font-weight-medium);\n }\n\n :host([label-position='side']) ::slotted([slot='label']) {\n align-items: center;\n display: inline-flex;\n min-height: var(--brz-spacing-9);\n width: 10.25rem;\n }\n\n :host([label-position='side']) ::slotted([slot='label'][hidden]) {\n display: block !important;\n }\n\n .label.hidden {\n display: none;\n }\n\n .label-right-row {\n margin-bottom: var(--brz-spacing-1);\n }\n\n .label-right-row:not(.size-full) {\n margin-left: 11.25rem;\n }\n\n .container {\n display: flex;\n min-height: var(--brz-spacing-9);\n }\n\n .value {\n align-items: center;\n display: flex;\n }\n\n :host([label-position='side']) .value.multiline {\n margin: var(--brz-spacing-2) 0;\n }\n\n .value ::slotted(*) {\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .value ::slotted(dd) {\n margin: 0;\n }\n\n :host([label-position='side']) .value {\n min-height: var(--brz-spacing-9);\n }\n\n :host([label-position='side']) .value.size-auto {\n flex-grow: 1;\n }\n`"
31380
+ },
31381
+ {
31382
+ "kind": "variable",
31383
+ "name": "recordFieldLabelStyles",
31384
+ "default": "css`\n :host {\n display: inline-flex;\n color: var(--brz-color-neutral-850);\n font-weight: var(--brz-font-weight-medium);\n line-height: var(--brz-line-height);\n gap: var(--brz-spacing-1);\n }\n`"
31385
+ }
31386
+ ],
31387
+ "exports": [
31388
+ {
31389
+ "kind": "js",
31390
+ "name": "inputSizesStyles",
31391
+ "declaration": {
31392
+ "name": "inputSizesStyles",
31393
+ "module": "src/components/record-field/record-field.styles.ts"
31394
+ }
31395
+ },
31396
+ {
31397
+ "kind": "js",
31398
+ "name": "recordFieldStyles",
31399
+ "declaration": {
31400
+ "name": "recordFieldStyles",
31401
+ "module": "src/components/record-field/record-field.styles.ts"
31402
+ }
31403
+ },
31404
+ {
31405
+ "kind": "js",
31406
+ "name": "recordFieldLabelStyles",
31407
+ "declaration": {
31408
+ "name": "recordFieldLabelStyles",
31409
+ "module": "src/components/record-field/record-field.styles.ts"
31410
+ }
31411
+ }
31412
+ ]
31413
+ },
31414
+ {
31415
+ "kind": "javascript-module",
31416
+ "path": "src/components/record-field/record-field.ts",
31417
+ "declarations": [
31418
+ {
31419
+ "kind": "class",
31420
+ "description": "Wraps a field value (often an input) and applies a label to it with a\nconsistent layout. Label can be positioned above or to the side of the value.\n\nThis component is used within other components such as `LabeledInput` (and\nall the input components which extend from it) and `InlineEditField`. It is\nflexible and accepts mixed content, but is opinionated about how that content\nwill be arranged.\n\nUse with a `RecordFieldLabel`.",
31421
+ "name": "RecordField",
31422
+ "slots": [
31423
+ {
31424
+ "description": "The field value",
31425
+ "name": "children"
31426
+ },
31427
+ {
31428
+ "description": "Describes what the field value represents",
31429
+ "name": "label"
31430
+ },
31431
+ {
31432
+ "description": "An area to the top-right of the field",
31433
+ "name": "label-right"
31434
+ }
31435
+ ],
31436
+ "members": [
31437
+ {
31438
+ "kind": "field",
31439
+ "name": "labelPosition",
31440
+ "type": {
31441
+ "text": "LabelPosition"
31442
+ },
31443
+ "default": "'top'",
31444
+ "description": "The position of the supplied label",
31445
+ "attribute": "label-position",
31446
+ "reflects": true
31447
+ },
31448
+ {
31449
+ "kind": "field",
31450
+ "name": "size",
31451
+ "type": {
31452
+ "text": "InputSizes"
31453
+ },
31454
+ "default": "'medium'",
31455
+ "description": "The size of the input",
31456
+ "attribute": "size",
31457
+ "reflects": true
31458
+ },
31459
+ {
31460
+ "kind": "method",
31461
+ "name": "setLabelState",
31462
+ "privacy": "private"
31463
+ },
31464
+ {
31465
+ "kind": "method",
31466
+ "name": "checkIfMultiline",
31467
+ "privacy": "private",
31468
+ "description": "Attempts to evaluate whether the value element is a multiline text value.\nThis has the potential to be a bit flaky since anything could be slotted in\nthe value, but most other elements are not exact multiples of line height,\nso we use this as the basis for setting the multiline state."
31469
+ }
31470
+ ],
31471
+ "attributes": [
31472
+ {
31473
+ "name": "label-position",
31474
+ "type": {
31475
+ "text": "LabelPosition"
31476
+ },
31477
+ "default": "'top'",
31478
+ "description": "The position of the supplied label",
31479
+ "fieldName": "labelPosition"
31480
+ },
31481
+ {
31482
+ "name": "size",
31483
+ "type": {
31484
+ "text": "InputSizes"
31485
+ },
31486
+ "default": "'medium'",
31487
+ "description": "The size of the input",
31488
+ "fieldName": "size"
31489
+ }
31490
+ ],
31491
+ "superclass": {
31492
+ "name": "LitElement",
31493
+ "package": "lit"
31494
+ },
31495
+ "tagName": "brz-record-field",
31496
+ "customElement": true
31497
+ }
31498
+ ],
31499
+ "exports": [
31500
+ {
31501
+ "kind": "js",
31502
+ "name": "RecordField",
31503
+ "declaration": {
31504
+ "name": "RecordField",
31505
+ "module": "src/components/record-field/record-field.ts"
31506
+ }
31507
+ },
31508
+ {
31509
+ "kind": "custom-element-definition",
31510
+ "declaration": {
31511
+ "name": "RecordField",
31512
+ "module": "src/components/record-field/record-field.ts"
31513
+ }
31514
+ }
31515
+ ]
31516
+ },
31517
+ {
31518
+ "kind": "javascript-module",
31519
+ "path": "src/components/record-field/record-field.types.ts",
31520
+ "declarations": [],
31521
+ "exports": []
31522
+ },
29991
31523
  {
29992
31524
  "kind": "javascript-module",
29993
31525
  "path": "src/components/tabs/index.ts",