@bryntum/core-vue-3-thin 7.2.4 → 7.3.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.
- package/lib/chunks/{L_TviNd7.js → -8Xai_9S.js} +13 -14
- package/lib/chunks/-8Xai_9S.js.map +1 -0
- package/lib/chunks/{CJYxn6rO.js → 47-V2ACd.js} +10 -11
- package/lib/chunks/47-V2ACd.js.map +1 -0
- package/lib/chunks/{D6wsvK-2.js → ASihDjXw.js} +12 -12
- package/lib/chunks/ASihDjXw.js.map +1 -0
- package/lib/chunks/{nxpqcBTT.js → B7KhcgPC.js} +11 -12
- package/lib/chunks/B7KhcgPC.js.map +1 -0
- package/lib/chunks/{DaUgA1WD.js → B8KGPeHy.js} +4 -7
- package/lib/chunks/B8KGPeHy.js.map +1 -0
- package/lib/chunks/{BhOX3HuH.js → BB8tOII_.js} +14 -15
- package/lib/chunks/BB8tOII_.js.map +1 -0
- package/lib/chunks/{CHuDT-j6.js → BEX7SIci.js} +8 -6
- package/lib/chunks/BEX7SIci.js.map +1 -0
- package/lib/chunks/{VexdWdKh.js → BFNWOtf2.js} +9 -9
- package/lib/chunks/BFNWOtf2.js.map +1 -0
- package/lib/chunks/{CGCBZDRp.js → BG7E4-sX.js} +9 -10
- package/lib/chunks/BG7E4-sX.js.map +1 -0
- package/lib/chunks/{DgQUICHK.js → BH9WVqFa.js} +10 -8
- package/lib/chunks/BH9WVqFa.js.map +1 -0
- package/lib/chunks/{BHJ85xe3.js → BOGE5pxL.js} +7 -5
- package/lib/chunks/BOGE5pxL.js.map +1 -0
- package/lib/chunks/{QNysw487.js → BQikt_g7.js} +11 -9
- package/lib/chunks/BQikt_g7.js.map +1 -0
- package/lib/chunks/BWPcUxSk.js +388 -0
- package/lib/chunks/BWPcUxSk.js.map +1 -0
- package/lib/chunks/{F0HM0TzY.js → BmrPNTUZ.js} +5 -3
- package/lib/chunks/BmrPNTUZ.js.map +1 -0
- package/lib/chunks/{CXCRCt2L.js → Bpq-_L_J.js} +11 -9
- package/lib/chunks/Bpq-_L_J.js.map +1 -0
- package/lib/chunks/{CSOTA30w.js → Brp0NyFN.js} +8 -9
- package/lib/chunks/Brp0NyFN.js.map +1 -0
- package/lib/chunks/{BshLrVJQ.js → BuQqXOvY.js} +8 -6
- package/lib/chunks/BuQqXOvY.js.map +1 -0
- package/lib/chunks/{DiksOQ3r.js → ByuztLAT.js} +7 -5
- package/lib/chunks/ByuztLAT.js.map +1 -0
- package/lib/chunks/{_-sCvpPg.js → C0JI13dO.js} +5 -6
- package/lib/chunks/C0JI13dO.js.map +1 -0
- package/lib/chunks/{D8olLOfA.js → C8pe1IyH.js} +25 -17
- package/lib/chunks/C8pe1IyH.js.map +1 -0
- package/lib/chunks/{BgDfUxHB.js → C987g-kK.js} +12 -13
- package/lib/chunks/C987g-kK.js.map +1 -0
- package/lib/chunks/{CP5BftnV.js → CLqf-0PN.js} +5 -6
- package/lib/chunks/CLqf-0PN.js.map +1 -0
- package/lib/chunks/{Bsnile1U.js → CQwgnD9q.js} +14 -15
- package/lib/chunks/CQwgnD9q.js.map +1 -0
- package/lib/chunks/{C-xi1Fd2.js → CXEKQ18L.js} +11 -9
- package/lib/chunks/CXEKQ18L.js.map +1 -0
- package/lib/chunks/{C_VpxfMV.js → Cd9NJP1W.js} +12 -13
- package/lib/chunks/Cd9NJP1W.js.map +1 -0
- package/lib/chunks/{DhyOOQCC.js → CfCbZPht.js} +15 -11
- package/lib/chunks/CfCbZPht.js.map +1 -0
- package/lib/chunks/{BMktrDmZ.js → CpVLgWPj.js} +11 -9
- package/lib/chunks/CpVLgWPj.js.map +1 -0
- package/lib/chunks/{0mo5Mstw.js → Csirfhz_.js} +10 -11
- package/lib/chunks/Csirfhz_.js.map +1 -0
- package/lib/chunks/{DGI4Avop.js → Cz2JtuJX.js} +12 -12
- package/lib/chunks/Cz2JtuJX.js.map +1 -0
- package/lib/chunks/{Ds9XsR7Y.js → D6JcA9Zt.js} +8 -8
- package/lib/chunks/D6JcA9Zt.js.map +1 -0
- package/lib/chunks/D7rVeTmU.js +57 -0
- package/lib/chunks/D7rVeTmU.js.map +1 -0
- package/lib/chunks/{Cj2LjlGr.js → DBCyTVoj.js} +33 -30
- package/lib/chunks/DBCyTVoj.js.map +1 -0
- package/lib/chunks/{CddjvqcJ.js → DCcctqdo.js} +5 -3
- package/lib/chunks/DCcctqdo.js.map +1 -0
- package/lib/chunks/{CIGKP_6m.js → DNScKbAm.js} +11 -9
- package/lib/chunks/DNScKbAm.js.map +1 -0
- package/lib/chunks/{Bu6Ih169.js → DNTQukmL.js} +10 -10
- package/lib/chunks/DNTQukmL.js.map +1 -0
- package/lib/chunks/{DDe9K0ZW.js → DOp4_ZR2.js} +11 -9
- package/lib/chunks/DOp4_ZR2.js.map +1 -0
- package/lib/chunks/{CGhnsfEQ.js → DQLfwhka.js} +10 -11
- package/lib/chunks/DQLfwhka.js.map +1 -0
- package/lib/chunks/{B_HOgS_l.js → DR_RL3ms.js} +12 -13
- package/lib/chunks/DR_RL3ms.js.map +1 -0
- package/lib/chunks/{DZk2zBG1.js → Dg7wbkjL.js} +15 -16
- package/lib/chunks/Dg7wbkjL.js.map +1 -0
- package/lib/chunks/{Dta-twi4.js → DgXr7-Gj.js} +10 -8
- package/lib/chunks/DgXr7-Gj.js.map +1 -0
- package/lib/chunks/{C-wQgOUh.js → DhOHvb1Z.js} +10 -11
- package/lib/chunks/DhOHvb1Z.js.map +1 -0
- package/lib/chunks/{B5uy0f8M.js → Hu7IhLgO.js} +11 -11
- package/lib/chunks/Hu7IhLgO.js.map +1 -0
- package/lib/chunks/{D3slgXbg.js → WGJj3T9m.js} +6 -4
- package/lib/chunks/WGJj3T9m.js.map +1 -0
- package/lib/chunks/{Ce0sqPNX.js → Wh7gYeFQ.js} +4 -7
- package/lib/chunks/Wh7gYeFQ.js.map +1 -0
- package/lib/chunks/{DbgxU9fb.js → YAeyT4qi.js} +8 -9
- package/lib/chunks/YAeyT4qi.js.map +1 -0
- package/lib/chunks/{Cdr7dtCP.js → boSXkG-m.js} +5 -5
- package/lib/chunks/boSXkG-m.js.map +1 -0
- package/lib/chunks/{Balebjro.js → lQtECawa.js} +12 -10
- package/lib/chunks/lQtECawa.js.map +1 -0
- package/lib/chunks/{DYEiCSjZ.js → vcFE80xr.js} +8 -6
- package/lib/chunks/vcFE80xr.js.map +1 -0
- package/lib/chunks/{TjvtZ8-o.js → xYFGvsOR.js} +11 -9
- package/lib/chunks/xYFGvsOR.js.map +1 -0
- package/lib/chunks/{DOvP6TjQ.js → zIlWjejC.js} +7 -10
- package/lib/chunks/zIlWjejC.js.map +1 -0
- package/lib/chunks/{CM2bdtJD.js → ztxFXigG.js} +11 -13
- package/lib/chunks/ztxFXigG.js.map +1 -0
- package/lib/components/BryntumBooleanCombo.js +5 -0
- package/lib/components/BryntumBooleanCombo.js.map +1 -0
- package/lib/components/BryntumButton.js +1 -1
- package/lib/components/BryntumButtonGroup.js +1 -1
- package/lib/components/BryntumChatPanel.js +1 -1
- package/lib/components/BryntumCheckbox.js +1 -1
- package/lib/components/BryntumCheckboxGroup.js +1 -1
- package/lib/components/BryntumChipView.js +1 -1
- package/lib/components/BryntumCodeEditor.js +1 -1
- package/lib/components/BryntumColorField.js +1 -1
- package/lib/components/BryntumCombo.js +1 -1
- package/lib/components/BryntumContainer.js +1 -1
- package/lib/components/BryntumDateField.js +1 -1
- package/lib/components/BryntumDatePicker.js +1 -1
- package/lib/components/BryntumDateRangeField.js +1 -1
- package/lib/components/BryntumDateTimeField.js +1 -1
- package/lib/components/BryntumDemoCodeEditor.js +1 -1
- package/lib/components/BryntumDemoHeader.js +1 -1
- package/lib/components/BryntumDisplayField.js +1 -1
- package/lib/components/BryntumDurationField.js +1 -1
- package/lib/components/BryntumEditor.js +1 -1
- package/lib/components/BryntumFieldFilterPicker.js +1 -1
- package/lib/components/BryntumFieldFilterPickerGroup.js +1 -1
- package/lib/components/BryntumFieldSet.js +1 -1
- package/lib/components/BryntumFileField.js +1 -1
- package/lib/components/BryntumFilePicker.js +1 -1
- package/lib/components/BryntumFilterField.js +1 -1
- package/lib/components/BryntumHint.js +1 -1
- package/lib/components/BryntumLabel.js +1 -1
- package/lib/components/BryntumList.js +1 -1
- package/lib/components/BryntumMenu.js +1 -1
- package/lib/components/BryntumMonthPicker.js +1 -1
- package/lib/components/BryntumNumberField.js +1 -1
- package/lib/components/BryntumPagingToolbar.js +1 -1
- package/lib/components/BryntumPanel.js +1 -1
- package/lib/components/BryntumPasswordField.js +1 -1
- package/lib/components/BryntumProgressBar.js +1 -1
- package/lib/components/BryntumRadio.js +1 -1
- package/lib/components/BryntumRadioGroup.js +1 -1
- package/lib/components/BryntumSlideToggle.js +1 -1
- package/lib/components/BryntumSlider.js +1 -1
- package/lib/components/BryntumSplitter.js +1 -1
- package/lib/components/BryntumTabPanel.js +1 -1
- package/lib/components/BryntumTextAreaField.js +1 -1
- package/lib/components/BryntumTextAreaPickerField.js +1 -1
- package/lib/components/BryntumTextField.js +1 -1
- package/lib/components/BryntumThemeCombo.js +5 -0
- package/lib/components/BryntumThemeCombo.js.map +1 -0
- package/lib/components/BryntumTimeField.js +1 -1
- package/lib/components/BryntumTimePicker.js +1 -1
- package/lib/components/BryntumToolbar.js +1 -1
- package/lib/components/BryntumWidget.js +1 -1
- package/lib/components/BryntumYearPicker.js +1 -1
- package/lib/index.js +101 -97
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/BryntumBooleanCombo.vue +1258 -0
- package/src/components/BryntumBooleanComboProps.ts +797 -0
- package/src/components/BryntumButton.vue +71 -117
- package/src/components/BryntumButtonGroup.vue +78 -123
- package/src/components/BryntumButtonGroupProps.ts +73 -113
- package/src/components/BryntumButtonProps.ts +65 -108
- package/src/components/BryntumChatPanel.vue +144 -171
- package/src/components/BryntumChatPanelProps.ts +121 -157
- package/src/components/BryntumCheckbox.vue +84 -118
- package/src/components/BryntumCheckboxGroup.vue +111 -181
- package/src/components/BryntumCheckboxGroupProps.ts +104 -168
- package/src/components/BryntumCheckboxProps.ts +77 -108
- package/src/components/BryntumChipView.vue +66 -106
- package/src/components/BryntumChipViewProps.ts +61 -98
- package/src/components/BryntumCodeEditor.vue +108 -169
- package/src/components/BryntumCodeEditorProps.ts +101 -157
- package/src/components/BryntumColorField.vue +83 -117
- package/src/components/BryntumColorFieldProps.ts +77 -108
- package/src/components/BryntumCombo.vue +102 -152
- package/src/components/BryntumComboProps.ts +96 -143
- package/src/components/BryntumContainer.vue +78 -124
- package/src/components/BryntumContainerProps.ts +73 -114
- package/src/components/BryntumDateField.vue +90 -123
- package/src/components/BryntumDateFieldProps.ts +84 -114
- package/src/components/BryntumDatePicker.vue +121 -195
- package/src/components/BryntumDatePickerProps.ts +114 -183
- package/src/components/BryntumDateRangeField.vue +89 -126
- package/src/components/BryntumDateRangeFieldProps.ts +83 -117
- package/src/components/BryntumDateTimeField.vue +83 -117
- package/src/components/BryntumDateTimeFieldProps.ts +77 -108
- package/src/components/BryntumDemoCodeEditor.vue +108 -169
- package/src/components/BryntumDemoCodeEditorProps.ts +101 -157
- package/src/components/BryntumDemoHeader.vue +7 -2
- package/src/components/BryntumDisplayField.vue +84 -119
- package/src/components/BryntumDisplayFieldProps.ts +78 -110
- package/src/components/BryntumDurationField.vue +90 -125
- package/src/components/BryntumDurationFieldProps.ts +82 -114
- package/src/components/BryntumEditor.vue +94 -144
- package/src/components/BryntumEditorProps.ts +80 -125
- package/src/components/BryntumFieldFilterPicker.vue +80 -128
- package/src/components/BryntumFieldFilterPickerGroup.vue +83 -133
- package/src/components/BryntumFieldFilterPickerGroupProps.ts +77 -122
- package/src/components/BryntumFieldFilterPickerProps.ts +75 -118
- package/src/components/BryntumFieldSet.vue +107 -174
- package/src/components/BryntumFieldSetProps.ts +100 -161
- package/src/components/BryntumFileField.vue +83 -117
- package/src/components/BryntumFileFieldProps.ts +77 -108
- package/src/components/BryntumFilePicker.vue +78 -124
- package/src/components/BryntumFilePickerProps.ts +73 -114
- package/src/components/BryntumFilterField.vue +86 -123
- package/src/components/BryntumFilterFieldProps.ts +80 -114
- package/src/components/BryntumHint.vue +135 -192
- package/src/components/BryntumHintProps.ts +128 -180
- package/src/components/BryntumLabel.vue +59 -95
- package/src/components/BryntumLabelProps.ts +55 -88
- package/src/components/BryntumList.vue +63 -102
- package/src/components/BryntumListProps.ts +58 -94
- package/src/components/BryntumMenu.vue +130 -190
- package/src/components/BryntumMenuProps.ts +121 -173
- package/src/components/BryntumMonthPicker.vue +108 -169
- package/src/components/BryntumMonthPickerProps.ts +101 -157
- package/src/components/BryntumNumberField.vue +87 -121
- package/src/components/BryntumNumberFieldProps.ts +81 -112
- package/src/components/BryntumPagingToolbar.vue +83 -130
- package/src/components/BryntumPagingToolbarProps.ts +77 -119
- package/src/components/BryntumPanel.vue +108 -169
- package/src/components/BryntumPanelProps.ts +101 -157
- package/src/components/BryntumPasswordField.vue +83 -117
- package/src/components/BryntumPasswordFieldProps.ts +77 -108
- package/src/components/BryntumProgressBar.vue +58 -93
- package/src/components/BryntumProgressBarProps.ts +54 -86
- package/src/components/BryntumRadio.vue +84 -118
- package/src/components/BryntumRadioGroup.vue +111 -180
- package/src/components/BryntumRadioGroupProps.ts +104 -167
- package/src/components/BryntumRadioProps.ts +77 -108
- package/src/components/BryntumSlideToggle.vue +84 -118
- package/src/components/BryntumSlideToggleProps.ts +77 -108
- package/src/components/BryntumSlider.vue +67 -101
- package/src/components/BryntumSliderProps.ts +62 -94
- package/src/components/BryntumSplitter.vue +61 -99
- package/src/components/BryntumSplitterProps.ts +57 -92
- package/src/components/BryntumTabPanel.vue +110 -172
- package/src/components/BryntumTabPanelProps.ts +102 -159
- package/src/components/BryntumTextAreaField.vue +91 -119
- package/src/components/BryntumTextAreaFieldProps.ts +84 -110
- package/src/components/BryntumTextAreaPickerField.vue +85 -120
- package/src/components/BryntumTextAreaPickerFieldProps.ts +79 -111
- package/src/components/BryntumTextField.vue +84 -119
- package/src/components/BryntumTextFieldProps.ts +78 -110
- package/src/components/BryntumThemeCombo.vue +60 -0
- package/src/components/BryntumTimeField.vue +89 -120
- package/src/components/BryntumTimeFieldProps.ts +83 -111
- package/src/components/BryntumTimePicker.vue +78 -124
- package/src/components/BryntumTimePickerProps.ts +73 -114
- package/src/components/BryntumToolbar.vue +83 -130
- package/src/components/BryntumToolbarProps.ts +77 -119
- package/src/components/BryntumWidget.vue +59 -95
- package/src/components/BryntumWidgetProps.ts +55 -88
- package/src/components/BryntumYearPicker.vue +109 -171
- package/src/components/BryntumYearPickerProps.ts +102 -159
- package/src/index.ts +3 -0
- package/lib/chunks/0mo5Mstw.js.map +0 -1
- package/lib/chunks/B5uy0f8M.js.map +0 -1
- package/lib/chunks/BHJ85xe3.js.map +0 -1
- package/lib/chunks/BMktrDmZ.js.map +0 -1
- package/lib/chunks/B_HOgS_l.js.map +0 -1
- package/lib/chunks/Balebjro.js.map +0 -1
- package/lib/chunks/BgDfUxHB.js.map +0 -1
- package/lib/chunks/BhOX3HuH.js.map +0 -1
- package/lib/chunks/BshLrVJQ.js.map +0 -1
- package/lib/chunks/Bsnile1U.js.map +0 -1
- package/lib/chunks/Bu6Ih169.js.map +0 -1
- package/lib/chunks/C-wQgOUh.js.map +0 -1
- package/lib/chunks/C-xi1Fd2.js.map +0 -1
- package/lib/chunks/CGCBZDRp.js.map +0 -1
- package/lib/chunks/CGhnsfEQ.js.map +0 -1
- package/lib/chunks/CHuDT-j6.js.map +0 -1
- package/lib/chunks/CIGKP_6m.js.map +0 -1
- package/lib/chunks/CJYxn6rO.js.map +0 -1
- package/lib/chunks/CM2bdtJD.js.map +0 -1
- package/lib/chunks/CP5BftnV.js.map +0 -1
- package/lib/chunks/CSOTA30w.js.map +0 -1
- package/lib/chunks/CXCRCt2L.js.map +0 -1
- package/lib/chunks/C_VpxfMV.js.map +0 -1
- package/lib/chunks/CddjvqcJ.js.map +0 -1
- package/lib/chunks/Cdr7dtCP.js.map +0 -1
- package/lib/chunks/Ce0sqPNX.js.map +0 -1
- package/lib/chunks/Cj2LjlGr.js.map +0 -1
- package/lib/chunks/D3slgXbg.js.map +0 -1
- package/lib/chunks/D6wsvK-2.js.map +0 -1
- package/lib/chunks/D8olLOfA.js.map +0 -1
- package/lib/chunks/DDe9K0ZW.js.map +0 -1
- package/lib/chunks/DGI4Avop.js.map +0 -1
- package/lib/chunks/DOvP6TjQ.js.map +0 -1
- package/lib/chunks/DYEiCSjZ.js.map +0 -1
- package/lib/chunks/DZk2zBG1.js.map +0 -1
- package/lib/chunks/DaUgA1WD.js.map +0 -1
- package/lib/chunks/DbgxU9fb.js.map +0 -1
- package/lib/chunks/DgQUICHK.js.map +0 -1
- package/lib/chunks/DhyOOQCC.js.map +0 -1
- package/lib/chunks/DiksOQ3r.js.map +0 -1
- package/lib/chunks/Ds9XsR7Y.js.map +0 -1
- package/lib/chunks/Dta-twi4.js.map +0 -1
- package/lib/chunks/F0HM0TzY.js.map +0 -1
- package/lib/chunks/L_TviNd7.js.map +0 -1
- package/lib/chunks/QNysw487.js.map +0 -1
- package/lib/chunks/TjvtZ8-o.js.map +0 -1
- package/lib/chunks/VexdWdKh.js.map +0 -1
- package/lib/chunks/_-sCvpPg.js.map +0 -1
- package/lib/chunks/nxpqcBTT.js.map +0 -1
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
import type { AlignSpec, Base, Color, CoreContainerItemConfig, DisplayFieldListeners, DomConfig, Field,
|
|
1
|
+
import type { AlignSpec, Base, Color, CoreContainerItemConfig, DisplayFieldListeners, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
|
|
2
2
|
|
|
3
3
|
export declare type BryntumDisplayFieldProps = {
|
|
4
4
|
// Configs
|
|
5
5
|
/**
|
|
6
6
|
* Element (or element id) to adopt as this Widget's encapsulating element. The widget's
|
|
7
7
|
* content will be placed inside this element.
|
|
8
|
-
* ...
|
|
9
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-adopt)
|
|
8
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-adopt)
|
|
10
9
|
*/
|
|
11
10
|
adopt ? : HTMLElement|string
|
|
12
11
|
/**
|
|
13
12
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-floating).*
|
|
14
|
-
* ...
|
|
15
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-align)
|
|
13
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-align)
|
|
16
14
|
*/
|
|
17
15
|
align ? : AlignSpec|string
|
|
18
16
|
/**
|
|
@@ -34,15 +32,13 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
34
32
|
/**
|
|
35
33
|
* A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject
|
|
36
34
|
* into an element which will be linked using the `aria-describedby` attribute.
|
|
37
|
-
* ...
|
|
38
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-ariaDescription)
|
|
35
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-ariaDescription)
|
|
39
36
|
*/
|
|
40
37
|
ariaDescription ? : string
|
|
41
38
|
/**
|
|
42
39
|
* A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as
|
|
43
40
|
* the `aria-label` attribute.
|
|
44
|
-
* ...
|
|
45
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-ariaLabel)
|
|
41
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-ariaLabel)
|
|
46
42
|
*/
|
|
47
43
|
ariaLabel ? : string
|
|
48
44
|
/**
|
|
@@ -61,21 +57,18 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
61
57
|
/**
|
|
62
58
|
* An object where property names with a truthy value indicate which events should bubble up the ownership
|
|
63
59
|
* hierarchy when triggered.
|
|
64
|
-
* ...
|
|
65
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-bubbleEvents)
|
|
60
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-bubbleEvents)
|
|
66
61
|
*/
|
|
67
62
|
bubbleEvents ? : object
|
|
68
63
|
/**
|
|
69
64
|
* Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
|
|
70
|
-
* ...
|
|
71
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-callOnFunctions)
|
|
65
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-callOnFunctions)
|
|
72
66
|
*/
|
|
73
67
|
callOnFunctions ? : Boolean
|
|
74
68
|
/**
|
|
75
69
|
* By default, if an event handler throws an exception, the error propagates up the stack and the
|
|
76
70
|
* application state is undefined. Code which follows the event handler will *not* be executed.
|
|
77
|
-
* ...
|
|
78
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-catchEventHandlerExceptions)
|
|
71
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-catchEventHandlerExceptions)
|
|
79
72
|
*/
|
|
80
73
|
catchEventHandlerExceptions ? : Boolean
|
|
81
74
|
/**
|
|
@@ -83,6 +76,15 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
83
76
|
* Set to `true` to centre the Widget in browser viewport space.
|
|
84
77
|
*/
|
|
85
78
|
centered ? : Boolean
|
|
79
|
+
/**
|
|
80
|
+
* A function (or the name of a function in the ownership hierarchy) called during field validation
|
|
81
|
+
* to perform custom validity checks. The function is called as part of the [isValid](https://bryntum.com/products/core/docs/api/Core/widget/Field#property-isValid)
|
|
82
|
+
* evaluation, after the built-in [required](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-required) check.
|
|
83
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-checkValidity)
|
|
84
|
+
* @param {Core.widget.Field} field The field being validated
|
|
85
|
+
* @returns {void}
|
|
86
|
+
*/
|
|
87
|
+
checkValidity ? : ((field: Field) => void)|string
|
|
86
88
|
/**
|
|
87
89
|
* Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly). The trigger is available
|
|
88
90
|
* in the [triggers](https://bryntum.com/products/core/docs/api/Core/widget/Field#property-triggers) object under the name `clear`. May also be an object which
|
|
@@ -93,15 +95,13 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
93
95
|
* Custom CSS classes to add to element.
|
|
94
96
|
* May be specified as a space separated string, or as an object in which property names
|
|
95
97
|
* with truthy values are used as the class names:
|
|
96
|
-
* ...
|
|
97
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-cls)
|
|
98
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-cls)
|
|
98
99
|
*/
|
|
99
100
|
cls ? : string|object
|
|
100
101
|
/**
|
|
101
102
|
* Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets
|
|
102
103
|
* `style` block.
|
|
103
|
-
* ...
|
|
104
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-color)
|
|
104
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-color)
|
|
105
105
|
*/
|
|
106
106
|
color ? : Color
|
|
107
107
|
/**
|
|
@@ -118,15 +118,13 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
118
118
|
* The configuration for additional items associated to this field. This is typically used to add contextual
|
|
119
119
|
* fields related to a [checkbox](https://bryntum.com/products/core/docs/api/Core/widget/Checkbox) or [radio button](#Core/widget/Radio). See
|
|
120
120
|
* these classes for examples of nested fields.
|
|
121
|
-
* ...
|
|
122
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-container)
|
|
121
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-container)
|
|
123
122
|
*/
|
|
124
|
-
container ? : Record<string, CoreContainerItemConfig>|CoreContainerItemConfig[]|FieldContainerConfig
|
|
123
|
+
container ? : Record<string, CoreContainerItemConfig>|CoreContainerItemConfig[]|FieldContainerConfig
|
|
125
124
|
/**
|
|
126
125
|
* The config controls how the value of nested items are handled when a parent container gets or sets its
|
|
127
126
|
* [values](https://bryntum.com/products/core/docs/api/Core/widget/Container#property-values).
|
|
128
|
-
* ...
|
|
129
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-containValues)
|
|
127
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-containValues)
|
|
130
128
|
* @param {Core.widget.Field} field Field instance
|
|
131
129
|
* @returns {boolean}
|
|
132
130
|
*/
|
|
@@ -135,8 +133,7 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
135
133
|
* Custom CSS classes to add to the [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement).
|
|
136
134
|
* May be specified as a space separated string, or as an object in which property names
|
|
137
135
|
* with truthy values are used as the class names:
|
|
138
|
-
* ...
|
|
139
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-contentElementCls)
|
|
136
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-contentElementCls)
|
|
140
137
|
*/
|
|
141
138
|
contentElementCls ? : string|object
|
|
142
139
|
/**
|
|
@@ -154,16 +151,15 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
154
151
|
*/
|
|
155
152
|
defaultBindProperty ? : string
|
|
156
153
|
/**
|
|
157
|
-
* Check for CSS compatibility issues
|
|
158
|
-
*
|
|
159
|
-
* [
|
|
154
|
+
* Check for CSS compatibility and inclusion related issues and try to auto fix them. Performs the following
|
|
155
|
+
* checks:
|
|
156
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-detectCSSCompatibilityIssues)
|
|
160
157
|
*/
|
|
161
158
|
detectCSSCompatibilityIssues ? : Boolean
|
|
162
159
|
/**
|
|
163
160
|
* Disable or enable the widget. It is similar to [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-readOnly) except a disabled widget
|
|
164
161
|
* cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.
|
|
165
|
-
* ...
|
|
166
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-disabled)
|
|
162
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-disabled)
|
|
167
163
|
*/
|
|
168
164
|
disabled ? : Boolean|'inert'
|
|
169
165
|
/**
|
|
@@ -171,33 +167,28 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
171
167
|
* [strips collection](https://bryntum.com/products/core/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,
|
|
172
168
|
* `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's
|
|
173
169
|
* body. Such widgets are called "edge strips".
|
|
174
|
-
* ...
|
|
175
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-dock)
|
|
170
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-dock)
|
|
176
171
|
*/
|
|
177
172
|
dock ? : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object
|
|
178
173
|
/**
|
|
179
174
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-floating).*
|
|
180
175
|
* Set to `true` to be able to drag a widget freely on the page. Or set to an object with a ´handleSelector´
|
|
181
176
|
* property which controls when a drag should start.
|
|
182
|
-
* ...
|
|
183
|
-
*
|
|
177
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-draggable)
|
|
178
|
+
* @property {string} handleSelector CSS selector used to determine if drag can be started from a mouse-downed element inside the widget
|
|
184
179
|
*/
|
|
185
|
-
draggable ? : Boolean|
|
|
186
|
-
handleSelector?: string
|
|
187
|
-
}
|
|
180
|
+
draggable ? : Boolean|object
|
|
188
181
|
/**
|
|
189
182
|
* Set to `false` to prevent user from editing the field. For TextFields it is basically the same as setting
|
|
190
183
|
* [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly), but for PickerFields there is a distinction where it allows you to pick a value
|
|
191
184
|
* but not to type one in the field.
|
|
192
|
-
* ...
|
|
193
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-editable)
|
|
185
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-editable)
|
|
194
186
|
*/
|
|
195
187
|
editable ? : Boolean
|
|
196
188
|
/**
|
|
197
189
|
* An object specifying attributes to assign to the root element of this widget.
|
|
198
190
|
* Set `null` value to attribute to remove it.
|
|
199
|
-
* ...
|
|
200
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-elementAttributes)
|
|
191
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-elementAttributes)
|
|
201
192
|
*/
|
|
202
193
|
elementAttributes ? : Record<string, string|null>
|
|
203
194
|
extraData ? : any
|
|
@@ -226,8 +217,7 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
226
217
|
hidden ? : Boolean
|
|
227
218
|
/**
|
|
228
219
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-floating).*
|
|
229
|
-
* ...
|
|
230
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-hideAnimation)
|
|
220
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-hideAnimation)
|
|
231
221
|
*/
|
|
232
222
|
hideAnimation ? : Boolean|object
|
|
233
223
|
/**
|
|
@@ -237,8 +227,7 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
237
227
|
/**
|
|
238
228
|
* An optional string to display inside the input field as an overlay. This can be useful for displaying
|
|
239
229
|
* a field's units.
|
|
240
|
-
* ...
|
|
241
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-hint)
|
|
230
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-hint)
|
|
242
231
|
* @param {object} data A data object
|
|
243
232
|
* @param {Core.widget.Field} data.source A reference to the field instance
|
|
244
233
|
* @param {any} data.value The current value of the field
|
|
@@ -249,8 +238,7 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
249
238
|
* This config is similar to [hint](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-hint) except that this config is used to display HTML content.
|
|
250
239
|
* Since this can allow malicious content to be executed, be sure not to include user-entered data or to
|
|
251
240
|
* encode such data (see [encodeHtml](https://bryntum.com/products/core/docs/api/Core/helper/StringHelper#function-encodeHtml-static)).
|
|
252
|
-
* ...
|
|
253
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-hintHtml)
|
|
241
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-hintHtml)
|
|
254
242
|
* @param {object} data A data object
|
|
255
243
|
* @param {Core.widget.Field} data.source A reference to the field instance
|
|
256
244
|
* @param {any} data.value The current value of the field
|
|
@@ -263,16 +251,14 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
263
251
|
id ? : string
|
|
264
252
|
/**
|
|
265
253
|
* Determines if the widgets read-only state should be controlled by its parent.
|
|
266
|
-
* ...
|
|
267
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-ignoreParentReadOnly)
|
|
254
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-ignoreParentReadOnly)
|
|
268
255
|
*/
|
|
269
256
|
ignoreParentReadOnly ? : Boolean
|
|
270
257
|
/**
|
|
271
258
|
* Set this config to `true` to always display items horizontally along with this field. This assigns an
|
|
272
259
|
* [hbox](https://bryntum.com/products/core/docs/api/Core/widget/layout/Box) as the [layout](#Core/widget/Container#config-layout) to the
|
|
273
260
|
* [container](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-container).
|
|
274
|
-
* ...
|
|
275
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-inline)
|
|
261
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-inline)
|
|
276
262
|
*/
|
|
277
263
|
inline ? : Boolean
|
|
278
264
|
/**
|
|
@@ -312,16 +298,14 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
312
298
|
* An object whose keys are the [key](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key) name
|
|
313
299
|
* and optional modifier prefixes: `'Ctrl+'`, `'Alt+'`, `'Meta+'`, and `'Shift+'` (case-insensitive). The values
|
|
314
300
|
* are the name of the instance method to call when the keystroke is received.
|
|
315
|
-
* ...
|
|
316
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-keyMap)
|
|
301
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-keyMap)
|
|
317
302
|
*/
|
|
318
303
|
keyMap ? : Record<string, KeyMapConfig>
|
|
319
304
|
/**
|
|
320
305
|
* The delay in milliseconds to wait after the last keystroke before triggering a change event.
|
|
321
306
|
* Set to 0 to not trigger change events from keystrokes (listen for input event instead to have
|
|
322
307
|
* immediate feedback, change will still be triggered on blur).
|
|
323
|
-
* ...
|
|
324
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-keyStrokeChangeDelay)
|
|
308
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-keyStrokeChangeDelay)
|
|
325
309
|
*/
|
|
326
310
|
keyStrokeChangeDelay ? : number
|
|
327
311
|
/**
|
|
@@ -334,15 +318,15 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
334
318
|
labelCls ? : string|object
|
|
335
319
|
/**
|
|
336
320
|
* Label position, either 'before' the field or 'above' the field
|
|
337
|
-
* ...
|
|
338
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-labelPosition)
|
|
321
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-labelPosition)
|
|
339
322
|
*/
|
|
340
323
|
labelPosition ? : 'before'|'above'|null
|
|
341
324
|
/**
|
|
342
325
|
* The labels to add either before or after the input field.
|
|
343
326
|
* Each label may have the following properties:
|
|
344
|
-
* ...
|
|
345
|
-
*
|
|
327
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-labels)
|
|
328
|
+
* @property {string} html Label text
|
|
329
|
+
* @property {'start','end'} align Which end of the file the label should go
|
|
346
330
|
*/
|
|
347
331
|
labels ? : object[]
|
|
348
332
|
/**
|
|
@@ -351,16 +335,14 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
351
335
|
labelWidth ? : string|number
|
|
352
336
|
/**
|
|
353
337
|
* The listener set for this object.
|
|
354
|
-
* ...
|
|
355
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-listeners)
|
|
338
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-listeners)
|
|
356
339
|
*/
|
|
357
340
|
listeners ? : DisplayFieldListeners
|
|
358
341
|
/**
|
|
359
342
|
* A class translations of which are used for translating this entity.
|
|
360
343
|
* This is often used when translations of an item are defined on its container class.
|
|
361
344
|
* For example:
|
|
362
|
-
* ...
|
|
363
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-localeClass)
|
|
345
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-localeClass)
|
|
364
346
|
*/
|
|
365
347
|
localeClass ? : typeof Base
|
|
366
348
|
/**
|
|
@@ -372,8 +354,7 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
372
354
|
* In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),
|
|
373
355
|
* you could use 'localeKey' meta configuration.
|
|
374
356
|
* Example:
|
|
375
|
-
* ...
|
|
376
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-localizableProperties)
|
|
357
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-localizableProperties)
|
|
377
358
|
*/
|
|
378
359
|
localizableProperties ? : string[]
|
|
379
360
|
/**
|
|
@@ -399,8 +380,7 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
399
380
|
maxHeight ? : string|number
|
|
400
381
|
/**
|
|
401
382
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-floating).*
|
|
402
|
-
* ...
|
|
403
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-maximizeOnMobile)
|
|
383
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-maximizeOnMobile)
|
|
404
384
|
*/
|
|
405
385
|
maximizeOnMobile ? : number|string
|
|
406
386
|
/**
|
|
@@ -422,18 +402,15 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
422
402
|
* When this is configured as `true` a [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)
|
|
423
403
|
* is used to monitor this element for size changes caused by either style manipulation, or by CSS
|
|
424
404
|
* layout.
|
|
425
|
-
* ...
|
|
426
|
-
*
|
|
405
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-monitorResize)
|
|
406
|
+
* @property {boolean} immediate Set to `true` to receive resize notifications immediately.
|
|
427
407
|
*/
|
|
428
|
-
monitorResize ? : Boolean|
|
|
429
|
-
immediate?: Boolean
|
|
430
|
-
}
|
|
408
|
+
monitorResize ? : Boolean|object
|
|
431
409
|
/**
|
|
432
410
|
* Name of the field which is used as a key to get/set values from/to the field.
|
|
433
411
|
* Used prior to [ref](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-ref) and [id](#Core/widget/Widget#config-id) in
|
|
434
412
|
* [Container.values](https://bryntum.com/products/core/docs/api/Core/widget/Container#property-values).
|
|
435
|
-
* ...
|
|
436
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-name)
|
|
413
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-name)
|
|
437
414
|
*/
|
|
438
415
|
name ? : string
|
|
439
416
|
/**
|
|
@@ -444,8 +421,7 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
444
421
|
* Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement), but must
|
|
445
422
|
* not participate in the standard layout of that widget, and must be positioned relatively to that
|
|
446
423
|
* widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement).
|
|
447
|
-
* ...
|
|
448
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-positioned)
|
|
424
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-positioned)
|
|
449
425
|
*/
|
|
450
426
|
positioned ? : Boolean
|
|
451
427
|
/**
|
|
@@ -456,8 +432,7 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
456
432
|
/**
|
|
457
433
|
* Makes the field unmodifiable by user action. The input area is not editable, and triggers
|
|
458
434
|
* are unresponsive.
|
|
459
|
-
* ...
|
|
460
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-readOnly)
|
|
435
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-readOnly)
|
|
461
436
|
*/
|
|
462
437
|
readOnly ? : Boolean
|
|
463
438
|
relayStoreEvents ? : Boolean
|
|
@@ -477,23 +452,26 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
477
452
|
* Configure as `true` to have the component display a translucent ripple when its
|
|
478
453
|
* [focusElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the
|
|
479
454
|
* current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.
|
|
480
|
-
* ...
|
|
481
|
-
* [
|
|
455
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-ripple)
|
|
456
|
+
* @property {string} [delegate] A CSS selector to filter which child elements trigger ripples. By default, the ripple is clipped to the triggering element.
|
|
457
|
+
* @property {string} [color] A CSS color name or specification.
|
|
458
|
+
* @property {number} [radius] The ending radius of the ripple. Note that it will be clipped by the target element by default.
|
|
459
|
+
* @property {string} [clip] A string which describes how to clip the ripple if it is not to be clipped to the default element. Either the property of the widget to use as the clipping element, or a selector to allow clipping to the closest matching ancestor to the target element.
|
|
460
|
+
*/
|
|
461
|
+
ripple ? : Boolean|object
|
|
462
|
+
/**
|
|
463
|
+
* The ARIA role to apply to this widget's element. By default, this is set to `'presentation'` to avoid
|
|
464
|
+
* accidentally applying a role which may interfere with screen readers.
|
|
465
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-role)
|
|
482
466
|
*/
|
|
483
|
-
|
|
484
|
-
delegate?: string
|
|
485
|
-
color?: string
|
|
486
|
-
radius?: number
|
|
487
|
-
clip?: string
|
|
488
|
-
}
|
|
467
|
+
role ? : string
|
|
489
468
|
/**
|
|
490
469
|
* If you are rendering this widget to a shadow root inside a web component, set this config to the shadowRoot. If not inside a web component, set it to `document.body`
|
|
491
470
|
*/
|
|
492
471
|
rootElement ? : ShadowRoot|HTMLElement
|
|
493
472
|
/**
|
|
494
473
|
* This may be configured as `true` to make the widget's element use the `direction:rtl` style.
|
|
495
|
-
* ...
|
|
496
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-rtl)
|
|
474
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-rtl)
|
|
497
475
|
*/
|
|
498
476
|
rtl ? : Boolean
|
|
499
477
|
/**
|
|
@@ -503,8 +481,7 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
503
481
|
scrollAction ? : 'hide'|'realign'|null
|
|
504
482
|
/**
|
|
505
483
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-floating).*
|
|
506
|
-
* ...
|
|
507
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-showAnimation)
|
|
484
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-showAnimation)
|
|
508
485
|
*/
|
|
509
486
|
showAnimation ? : Boolean|object
|
|
510
487
|
/**
|
|
@@ -533,8 +510,7 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
533
510
|
* A configuration for the [tab](https://bryntum.com/products/core/docs/api/Core/widget/Tab) created for this widget when it is placed in a
|
|
534
511
|
* [TabPanel](https://bryntum.com/products/core/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
|
|
535
512
|
* this widget:
|
|
536
|
-
* ...
|
|
537
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-tab)
|
|
513
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-tab)
|
|
538
514
|
*/
|
|
539
515
|
tab ? : Boolean|TabConfig
|
|
540
516
|
/**
|
|
@@ -542,23 +518,20 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
542
518
|
* is equivalent to natural tab order, but is unnecessary for fields since they are naturally tabbable
|
|
543
519
|
* (i.e., accessible via the TAB key). Setting to `-1` disables tabbability but allows for focus to be set
|
|
544
520
|
* to the element programmatically.
|
|
545
|
-
* ...
|
|
546
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-tabIndex)
|
|
521
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-tabIndex)
|
|
547
522
|
*/
|
|
548
523
|
tabIndex ? : number
|
|
549
524
|
/**
|
|
550
525
|
* A template string used to render the value of this field. Please note you are responsible for encoding
|
|
551
526
|
* any strings protecting against XSS.
|
|
552
|
-
* ...
|
|
553
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-template)
|
|
527
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-template)
|
|
554
528
|
* @param {CoreContainerItemConfig} fieldConfig Configuration object for the field
|
|
555
529
|
* @returns {DomConfig,string,void}
|
|
556
530
|
*/
|
|
557
531
|
template ? : (fieldConfig: CoreContainerItemConfig) => DomConfig|string|void
|
|
558
532
|
/**
|
|
559
533
|
* Text alignment: 'left', 'center' or 'right'. Also accepts direction neutral 'start' and 'end'.
|
|
560
|
-
* ...
|
|
561
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-textAlign)
|
|
534
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-textAlign)
|
|
562
535
|
*/
|
|
563
536
|
textAlign ? : 'left'|'center'|'right'|'start'|'end'
|
|
564
537
|
/**
|
|
@@ -567,24 +540,21 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
567
540
|
title ? : string
|
|
568
541
|
/**
|
|
569
542
|
* Tooltip for the widget, either as a string or as a Tooltip config object.
|
|
570
|
-
* ...
|
|
571
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-tooltip)
|
|
543
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-tooltip)
|
|
572
544
|
*/
|
|
573
545
|
tooltip ? : string|TooltipConfig|null
|
|
574
546
|
/**
|
|
575
547
|
* The triggers to add either before or after the input field. Each property name is the reference by which
|
|
576
548
|
* an instantiated Trigger Widget may be retrieved from the live `triggers` property.
|
|
577
|
-
* ...
|
|
578
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-triggers)
|
|
549
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-triggers)
|
|
579
550
|
*/
|
|
580
|
-
triggers ? : Record<string, FieldTriggerConfig
|
|
551
|
+
triggers ? : Record<string, FieldTriggerConfig>
|
|
581
552
|
type ? : 'displayField'|'displayfield'|'display'
|
|
582
553
|
/**
|
|
583
554
|
* Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified
|
|
584
555
|
* as a space separated string, an array of strings, or as an object in which property names with truthy
|
|
585
556
|
* values are used as the class names.
|
|
586
|
-
* ...
|
|
587
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-ui)
|
|
557
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-ui)
|
|
588
558
|
*/
|
|
589
559
|
ui ? : string|object
|
|
590
560
|
/**
|
|
@@ -609,14 +579,12 @@ export declare type BryntumDisplayFieldProps = {
|
|
|
609
579
|
width ? : string|number
|
|
610
580
|
/**
|
|
611
581
|
* The x position for the widget.
|
|
612
|
-
* ...
|
|
613
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-x)
|
|
582
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-x)
|
|
614
583
|
*/
|
|
615
584
|
x ? : number
|
|
616
585
|
/**
|
|
617
586
|
* The y position for the widget.
|
|
618
|
-
* ...
|
|
619
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-y)
|
|
587
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-y)
|
|
620
588
|
*/
|
|
621
589
|
y ? : number
|
|
622
590
|
|