@oracle/oraclejet-core-pack 16.1.3 → 17.0.0
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/oj-c/ActionCard.json +82 -7
- package/oj-c/AreaChart.json +866 -382
- package/oj-c/AreaChartGroup.json +13 -7
- package/oj-c/AreaChartItem.json +23 -31
- package/oj-c/AreaChartSeries.json +21 -22
- package/oj-c/Avatar.json +11 -11
- package/oj-c/Button.json +55 -28
- package/oj-c/ButtonsetMultiple.json +567 -0
- package/oj-c/ButtonsetSingle.json +567 -0
- package/oj-c/CardView.json +638 -0
- package/oj-c/Checkbox.json +100 -85
- package/oj-c/Checkboxset.json +73 -81
- package/oj-c/Collapsible.json +70 -32
- package/oj-c/ConveyorBelt.json +325 -0
- package/oj-c/DatePicker.json +454 -0
- package/oj-c/DragHandle.json +135 -0
- package/oj-c/DrawerLayout.json +401 -0
- package/oj-c/DrawerPopup.json +36 -22
- package/oj-c/Dropdown/Dropdown.js +9 -0
- package/oj-c/Dropdown/index.js +6 -0
- package/oj-c/FilePicker.json +24 -83
- package/oj-c/FormLayout.json +27 -32
- package/oj-c/HighlightText.json +6 -6
- package/oj-c/InputDateMask.json +104 -117
- package/oj-c/InputDatePicker.json +1514 -0
- package/oj-c/InputDateText.json +104 -117
- package/oj-c/InputMonthMask.json +106 -130
- package/oj-c/InputNumber.json +87 -130
- package/oj-c/InputPassword.json +76 -112
- package/oj-c/InputSensitiveText.json +54 -64
- package/oj-c/InputText.json +85 -108
- package/oj-c/LabelledLink.json +31 -30
- package/oj-c/Legend.json +350 -356
- package/oj-c/LegendItem.json +79 -26
- package/oj-c/LegendSection.json +11 -5
- package/oj-c/LineChart.json +869 -385
- package/oj-c/LineChartGroup.json +13 -7
- package/oj-c/LineChartItem.json +23 -31
- package/oj-c/LineChartSeries.json +25 -26
- package/oj-c/ListItemLayout.json +16 -16
- package/oj-c/ListView.json +393 -33
- package/oj-c/MenuButton.json +46 -38
- package/oj-c/MessageBanner.json +162 -15
- package/oj-c/MessageToast.json +123 -26
- package/oj-c/MeterBar.json +40 -29
- package/oj-c/MeterCircle.json +44 -33
- package/oj-c/Popup.json +628 -0
- package/oj-c/ProgressBar.json +7 -7
- package/oj-c/ProgressCircle.json +7 -7
- package/oj-c/Radioset.json +42 -51
- package/oj-c/RatingGauge.json +23 -23
- package/oj-c/SelectMultiple.json +100 -117
- package/oj-c/SelectSingle.json +109 -112
- package/oj-c/SelectionCard.json +12 -6
- package/oj-c/Selector.json +9 -16
- package/oj-c/SelectorAll.json +7 -14
- package/oj-c/Sheet/Sheet.js +9 -0
- package/oj-c/Sheet/index.js +6 -0
- package/oj-c/SplitMenuButton.json +351 -27
- package/oj-c/TabBar.json +553 -0
- package/oj-c/TabBarMixed.json +43 -29
- package/oj-c/TagCloud.json +36 -36
- package/oj-c/TagCloudItem.json +17 -18
- package/oj-c/TextArea.json +84 -126
- package/oj-c/ToggleButton.json +513 -0
- package/oj-c/action-card/__webdriver__/ActionCardWebElement.js +1 -1
- package/oj-c/action-card/__webdriver__/ActionCardWebElement.js.map +1 -1
- package/oj-c/action-card/action-card.js +41 -4
- package/oj-c/action-card/component.json +20 -2
- package/oj-c/action-card.js +1 -1
- package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.d.ts +11 -0
- package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.js +9 -0
- package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.js.map +1 -1
- package/oj-c/area-chart/area-chart.js +7 -13
- package/oj-c/area-chart/component.json +51 -12
- package/oj-c/area-chart-group/component.json +8 -2
- package/oj-c/area-chart-group.js +1 -1
- package/oj-c/area-chart-item/component.json +8 -2
- package/oj-c/area-chart-item.js +1 -1
- package/oj-c/area-chart-series/component.json +8 -2
- package/oj-c/area-chart-series.js +1 -1
- package/oj-c/area-chart.js +1 -1
- package/oj-c/avatar/avatar-styles.css +1 -0
- package/oj-c/avatar/component.json +5 -2
- package/oj-c/avatar.js +1 -1
- package/oj-c/button/button.js +36 -34
- package/oj-c/button/component.json +18 -19
- package/oj-c/button.js +1 -1
- package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElement.d.ts +8 -0
- package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElement.js +13 -0
- package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElement.js.map +1 -0
- package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElementBase.d.ts +101 -0
- package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElementBase.js +104 -0
- package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElementBase.js.map +1 -0
- package/oj-c/buttonset-multiple/__webdriver__/index.d.ts +17 -0
- package/oj-c/buttonset-multiple/__webdriver__/index.js +34 -0
- package/oj-c/buttonset-multiple/__webdriver__/index.js.map +1 -0
- package/oj-c/buttonset-multiple/buttonset-multiple-styles.css +12 -0
- package/oj-c/buttonset-multiple/buttonset-multiple.js +55 -0
- package/oj-c/buttonset-multiple/component.json +228 -0
- package/oj-c/buttonset-multiple/index.js +6 -0
- package/oj-c/buttonset-multiple.js +6 -0
- package/oj-c/buttonset-single/__webdriver__/ButtonsetSingleWebElement.d.ts +8 -0
- package/oj-c/buttonset-single/__webdriver__/ButtonsetSingleWebElement.js +13 -0
- package/oj-c/buttonset-single/__webdriver__/ButtonsetSingleWebElement.js.map +1 -0
- package/oj-c/buttonset-single/__webdriver__/ButtonsetSingleWebElementBase.d.ts +101 -0
- package/oj-c/buttonset-single/__webdriver__/ButtonsetSingleWebElementBase.js +104 -0
- package/oj-c/buttonset-single/__webdriver__/ButtonsetSingleWebElementBase.js.map +1 -0
- package/oj-c/buttonset-single/__webdriver__/index.d.ts +17 -0
- package/oj-c/buttonset-single/__webdriver__/index.js +34 -0
- package/oj-c/buttonset-single/__webdriver__/index.js.map +1 -0
- package/oj-c/buttonset-single/buttonset-single-styles.css +12 -0
- package/oj-c/buttonset-single/buttonset-single.js +55 -0
- package/oj-c/buttonset-single/component.json +228 -0
- package/oj-c/buttonset-single/index.js +6 -0
- package/oj-c/buttonset-single.js +6 -0
- package/oj-c/card-view/__webdriver__/CardViewWebElement.d.ts +33 -0
- package/oj-c/card-view/__webdriver__/CardViewWebElement.js +70 -0
- package/oj-c/card-view/__webdriver__/CardViewWebElement.js.map +1 -0
- package/oj-c/card-view/__webdriver__/CardViewWebElementBase.d.ts +95 -0
- package/oj-c/card-view/__webdriver__/CardViewWebElementBase.js +104 -0
- package/oj-c/card-view/__webdriver__/CardViewWebElementBase.js.map +1 -0
- package/oj-c/card-view/__webdriver__/index.d.ts +17 -0
- package/oj-c/card-view/__webdriver__/index.js +34 -0
- package/oj-c/card-view/__webdriver__/index.js.map +1 -0
- package/oj-c/card-view/card-view-styles.css +15 -0
- package/oj-c/card-view/card-view.js +71 -0
- package/oj-c/card-view/cardViewItem.js +15 -0
- package/oj-c/card-view/component.json +323 -0
- package/oj-c/card-view/index.js +6 -0
- package/oj-c/card-view/useCardViewPreact.js +80 -0
- package/oj-c/card-view.js +6 -0
- package/oj-c/checkbox/checkbox.js +51 -91
- package/oj-c/checkbox/component.json +32 -19
- package/oj-c/checkbox/useCheckboxPreact.js +2 -4
- package/oj-c/checkbox.js +1 -1
- package/oj-c/checkboxset/checkboxset.js +38 -77
- package/oj-c/checkboxset/component.json +32 -24
- package/oj-c/checkboxset/useCheckboxsetPreact.js +1 -1
- package/oj-c/checkboxset.js +1 -1
- package/oj-c/collapsible/__webdriver__/CollapsibleWebElementBase.d.ts +1 -1
- package/oj-c/collapsible/__webdriver__/CollapsibleWebElementBase.js +1 -1
- package/oj-c/collapsible/__webdriver__/CollapsibleWebElementBase.js.map +1 -1
- package/oj-c/collapsible/collapsible.js +9 -6
- package/oj-c/collapsible/component.json +40 -13
- package/oj-c/collapsible.js +1 -1
- package/oj-c/component.json +49 -5
- package/oj-c/conveyor-belt/__webdriver__/ConveyorBeltWebElement.d.ts +8 -0
- package/oj-c/conveyor-belt/__webdriver__/ConveyorBeltWebElement.js +13 -0
- package/oj-c/conveyor-belt/__webdriver__/ConveyorBeltWebElement.js.map +1 -0
- package/oj-c/conveyor-belt/__webdriver__/ConveyorBeltWebElementBase.d.ts +44 -0
- package/oj-c/conveyor-belt/__webdriver__/ConveyorBeltWebElementBase.js +59 -0
- package/oj-c/conveyor-belt/__webdriver__/ConveyorBeltWebElementBase.js.map +1 -0
- package/oj-c/conveyor-belt/__webdriver__/index.d.ts +17 -0
- package/oj-c/conveyor-belt/__webdriver__/index.js +34 -0
- package/oj-c/conveyor-belt/__webdriver__/index.js.map +1 -0
- package/oj-c/conveyor-belt/component.json +181 -0
- package/oj-c/conveyor-belt/conveyor-belt-styles.css +20 -0
- package/oj-c/conveyor-belt/conveyor-belt.js +125 -0
- package/oj-c/conveyor-belt/conveyorBeltItem.js +13 -0
- package/oj-c/conveyor-belt/index.js +6 -0
- package/oj-c/conveyor-belt.js +6 -0
- package/oj-c/corepackbundle.js +6975 -5062
- package/oj-c/date-picker/__webdriver__/DatePickerWebElement.d.ts +8 -0
- package/oj-c/date-picker/__webdriver__/DatePickerWebElement.js +13 -0
- package/oj-c/date-picker/__webdriver__/DatePickerWebElement.js.map +1 -0
- package/oj-c/date-picker/__webdriver__/DatePickerWebElementBase.d.ts +93 -0
- package/oj-c/date-picker/__webdriver__/DatePickerWebElementBase.js +122 -0
- package/oj-c/date-picker/__webdriver__/DatePickerWebElementBase.js.map +1 -0
- package/oj-c/date-picker/__webdriver__/index.d.ts +17 -0
- package/oj-c/date-picker/__webdriver__/index.js +34 -0
- package/oj-c/date-picker/__webdriver__/index.js.map +1 -0
- package/oj-c/date-picker/component.json +179 -0
- package/oj-c/date-picker/date-picker-styles.css +14 -0
- package/oj-c/date-picker/date-picker.js +34 -0
- package/oj-c/date-picker/index.js +6 -0
- package/oj-c/date-picker.js +6 -0
- package/oj-c/drag-handle/component.json +82 -0
- package/oj-c/drag-handle/drag-handle.js +11 -0
- package/oj-c/drag-handle/index.js +6 -0
- package/oj-c/drag-handle.js +6 -0
- package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElement.d.ts +8 -0
- package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElement.js +13 -0
- package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElement.js.map +1 -0
- package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElementBase.d.ts +72 -0
- package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElementBase.js +95 -0
- package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElementBase.js.map +1 -0
- package/oj-c/drawer-layout/__webdriver__/index.d.ts +17 -0
- package/oj-c/drawer-layout/__webdriver__/index.js +34 -0
- package/oj-c/drawer-layout/__webdriver__/index.js.map +1 -0
- package/oj-c/drawer-layout/component.json +208 -0
- package/oj-c/drawer-layout/drawer-layout-styles.css +11 -0
- package/oj-c/drawer-layout/drawer-layout.js +37 -0
- package/oj-c/drawer-layout/index.js +6 -0
- package/oj-c/drawer-layout.js +6 -0
- package/oj-c/drawer-popup/component.json +53 -15
- package/oj-c/drawer-popup/drawer-popup.js +33 -5
- package/oj-c/drawer-popup.js +1 -1
- package/oj-c/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.js +2 -2
- package/oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue.js +2 -1
- package/oj-c/editable-value/UNSAFE_useValueLifecycle/useValueLifecycle.js +2 -5
- package/oj-c/file-picker/__webdriver__/FilePickerWebElement.d.ts +15 -0
- package/oj-c/file-picker/__webdriver__/FilePickerWebElement.js +89 -19
- package/oj-c/file-picker/__webdriver__/FilePickerWebElement.js.map +1 -1
- package/oj-c/file-picker/component.json +10 -19
- package/oj-c/file-picker/file-picker.js +1 -9
- package/oj-c/file-picker.js +1 -1
- package/oj-c/form-layout/component.json +16 -11
- package/oj-c/form-layout/form-layout.js +11 -43
- package/oj-c/form-layout.js +1 -1
- package/oj-c/highlight-text/component.json +5 -2
- package/oj-c/highlight-text.js +1 -1
- package/oj-c/hooks/PRIVATE_useVisData/useVisData.js +44 -0
- package/oj-c/hooks/UNSAFE_useChartData/useChartData.js +4 -4
- package/oj-c/hooks/UNSAFE_useEditableValue/converterUtils.js +50 -0
- package/oj-c/hooks/UNSAFE_useEditableValue/index.js +6 -0
- package/oj-c/hooks/UNSAFE_useEditableValue/reducer.js +164 -0
- package/oj-c/hooks/UNSAFE_useEditableValue/types.js +4 -0
- package/oj-c/hooks/UNSAFE_useEditableValue/useEditableValue.js +336 -0
- package/oj-c/hooks/UNSAFE_useEditableValue/utils.js +35 -0
- package/oj-c/hooks/UNSAFE_useEditableValue/validationUtils.js +53 -0
- package/oj-c/hooks/UNSAFE_useListData/useListData.js +4 -1
- package/oj-c/hooks/UNSAFE_useMergedFormContext/useMergedFormContext.js +23 -0
- package/oj-c/hooks/UNSAFE_useVisBusyState/useVisBusyState.js +16 -0
- package/oj-c/input-date-mask/component.json +17 -7
- package/oj-c/input-date-mask/input-date-mask.js +11 -10
- package/oj-c/input-date-mask/useInputDateMaskPreact.js +22 -15
- package/oj-c/input-date-mask.js +1 -1
- package/oj-c/input-date-picker/DateRangeValidator.js +53 -0
- package/oj-c/input-date-picker/DateRestrictionValidator.js +35 -0
- package/oj-c/input-date-picker/__webdriver__/InputDatePickerWebElement.d.ts +17 -0
- package/oj-c/input-date-picker/__webdriver__/InputDatePickerWebElement.js +73 -0
- package/oj-c/input-date-picker/__webdriver__/InputDatePickerWebElement.js.map +1 -0
- package/oj-c/input-date-picker/__webdriver__/InputDatePickerWebElementBase.d.ts +291 -0
- package/oj-c/input-date-picker/__webdriver__/InputDatePickerWebElementBase.js +302 -0
- package/oj-c/input-date-picker/__webdriver__/InputDatePickerWebElementBase.js.map +1 -0
- package/oj-c/input-date-picker/__webdriver__/index.d.ts +17 -0
- package/oj-c/input-date-picker/__webdriver__/index.js +34 -0
- package/oj-c/input-date-picker/__webdriver__/index.js.map +1 -0
- package/oj-c/input-date-picker/component.json +563 -0
- package/oj-c/input-date-picker/index.js +6 -0
- package/oj-c/input-date-picker/input-date-picker-styles.css +13 -0
- package/oj-c/input-date-picker/input-date-picker.js +39 -0
- package/oj-c/input-date-picker/useCombinedImplicitValidators.js +13 -0
- package/oj-c/input-date-picker/useImplicitCalendarDateConverter.js +17 -0
- package/oj-c/input-date-picker/useImplicitDateRangeValidator.js +29 -0
- package/oj-c/input-date-picker/useImplicitDateRestrictionValidator.js +16 -0
- package/oj-c/input-date-picker/useInputDatePicker.js +141 -0
- package/oj-c/input-date-picker/utils.js +23 -0
- package/oj-c/input-date-picker.js +6 -0
- package/oj-c/input-date-text/__webdriver__/InputDateTextWebElementBase.d.ts +0 -7
- package/oj-c/input-date-text/__webdriver__/InputDateTextWebElementBase.js +0 -9
- package/oj-c/input-date-text/__webdriver__/InputDateTextWebElementBase.js.map +1 -1
- package/oj-c/input-date-text/component.json +34 -21
- package/oj-c/input-date-text/input-date-text.js +52 -94
- package/oj-c/input-date-text/useInputDateTextPreact.js +19 -13
- package/oj-c/input-date-text.js +1 -1
- package/oj-c/input-month-mask/component.json +17 -7
- package/oj-c/input-month-mask/input-month-mask.js +11 -10
- package/oj-c/input-month-mask/useImplicitCalendarMonthRangeValidator.js +9 -1
- package/oj-c/input-month-mask/useInputMonthMaskPreact.js +19 -13
- package/oj-c/input-month-mask.js +1 -1
- package/oj-c/input-number/__webdriver__/InputNumberWebElementBase.d.ts +0 -7
- package/oj-c/input-number/__webdriver__/InputNumberWebElementBase.js +0 -9
- package/oj-c/input-number/__webdriver__/InputNumberWebElementBase.js.map +1 -1
- package/oj-c/input-number/component.json +22 -19
- package/oj-c/input-number/input-number.js +52 -96
- package/oj-c/input-number.js +1 -1
- package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.d.ts +0 -7
- package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.js +0 -9
- package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.js.map +1 -1
- package/oj-c/input-password/component.json +22 -19
- package/oj-c/input-password/input-password.js +47 -90
- package/oj-c/input-password.js +1 -1
- package/oj-c/input-sensitive-text/component.json +13 -6
- package/oj-c/input-sensitive-text/input-sensitive-text.js +11 -10
- package/oj-c/input-sensitive-text.js +1 -1
- package/oj-c/input-text/component.json +22 -16
- package/oj-c/input-text/input-text.js +57 -96
- package/oj-c/input-text/useInputTextPreact.js +15 -12
- package/oj-c/input-text.js +1 -1
- package/oj-c/labelled-link/component.json +12 -3
- package/oj-c/labelled-link.js +1 -1
- package/oj-c/legend/component.json +17 -2
- package/oj-c/legend/events.js +3 -2
- package/oj-c/legend/legend.js +28 -16
- package/oj-c/legend/utils.js +28 -6
- package/oj-c/legend-item/component.json +41 -6
- package/oj-c/legend-item/legend-item.js +4 -3
- package/oj-c/legend-item.js +1 -1
- package/oj-c/legend-section/component.json +18 -2
- package/oj-c/legend-section.js +1 -1
- package/oj-c/legend.js +1 -1
- package/oj-c/line-chart/__webdriver__/LineChartWebElementBase.d.ts +11 -0
- package/oj-c/line-chart/__webdriver__/LineChartWebElementBase.js +9 -0
- package/oj-c/line-chart/__webdriver__/LineChartWebElementBase.js.map +1 -1
- package/oj-c/line-chart/component.json +55 -16
- package/oj-c/line-chart/line-chart.js +7 -13
- package/oj-c/line-chart-group/component.json +8 -2
- package/oj-c/line-chart-group.js +1 -1
- package/oj-c/line-chart-item/component.json +8 -2
- package/oj-c/line-chart-item.js +1 -1
- package/oj-c/line-chart-series/component.json +10 -4
- package/oj-c/line-chart-series/line-chart-series.js +1 -1
- package/oj-c/line-chart-series.js +1 -1
- package/oj-c/line-chart.js +1 -1
- package/oj-c/list-item-layout/__webdriver__/ListItemLayoutWebElement.d.ts +12 -3
- package/oj-c/list-item-layout/__webdriver__/ListItemLayoutWebElement.js +12 -3
- package/oj-c/list-item-layout/__webdriver__/ListItemLayoutWebElement.js.map +1 -1
- package/oj-c/list-item-layout/component.json +10 -14
- package/oj-c/list-item-layout/list-item-layout.js +3 -3
- package/oj-c/list-item-layout.js +1 -1
- package/oj-c/list-view/DataFetchLiveRegion.js +30 -0
- package/oj-c/list-view/__webdriver__/ListViewWebElement.d.ts +1 -1
- package/oj-c/list-view/__webdriver__/ListViewWebElement.js +4 -7
- package/oj-c/list-view/__webdriver__/ListViewWebElement.js.map +1 -1
- package/oj-c/list-view/__webdriver__/ListViewWebElementBase.d.ts +26 -0
- package/oj-c/list-view/__webdriver__/ListViewWebElementBase.js +18 -0
- package/oj-c/list-view/__webdriver__/ListViewWebElementBase.js.map +1 -1
- package/oj-c/list-view/component.json +207 -3
- package/oj-c/list-view/list-view.js +32 -7
- package/oj-c/list-view/useListViewPreact.js +101 -10
- package/oj-c/list-view.js +1 -1
- package/oj-c/menu-button/__webdriver__/MenuButtonWebElement.d.ts +1 -0
- package/oj-c/menu-button/__webdriver__/MenuButtonWebElement.js +14 -8
- package/oj-c/menu-button/__webdriver__/MenuButtonWebElement.js.map +1 -1
- package/oj-c/menu-button/component.json +21 -17
- package/oj-c/menu-button/menu-button.js +5 -8
- package/oj-c/menu-button.js +1 -1
- package/oj-c/message-banner/__webdriver__/MessageBannerWebElementBase.d.ts +7 -0
- package/oj-c/message-banner/__webdriver__/MessageBannerWebElementBase.js +9 -0
- package/oj-c/message-banner/__webdriver__/MessageBannerWebElementBase.js.map +1 -1
- package/oj-c/message-banner/component.json +28 -3
- package/oj-c/message-banner/message-banner.js +30 -3
- package/oj-c/message-banner.js +1 -1
- package/oj-c/message-toast/component.json +9 -4
- package/oj-c/message-toast.js +1 -1
- package/oj-c/metadata/allComponents.json +4181 -637
- package/oj-c/meter-bar/component.json +11 -3
- package/oj-c/meter-bar/meter-bar-styles.css +14 -2
- package/oj-c/meter-bar/meter-bar.js +2 -2
- package/oj-c/meter-bar.js +1 -1
- package/oj-c/meter-circle/component.json +11 -3
- package/oj-c/meter-circle/meter-circle-styles.css +5 -0
- package/oj-c/meter-circle/meter-circle.js +2 -2
- package/oj-c/meter-circle.js +1 -1
- package/oj-c/min/Dropdown/Dropdown.js +9 -0
- package/oj-c/min/Dropdown/index.js +6 -0
- package/oj-c/min/Sheet/Sheet.js +9 -0
- package/oj-c/min/Sheet/index.js +6 -0
- package/oj-c/min/action-card.js +1 -1
- package/oj-c/min/action-card.js.map +1 -1
- package/oj-c/min/area-chart-group.js +1 -1
- package/oj-c/min/area-chart-group.js.map +1 -1
- package/oj-c/min/area-chart-item.js +1 -1
- package/oj-c/min/area-chart-item.js.map +1 -1
- package/oj-c/min/area-chart-series.js +1 -1
- package/oj-c/min/area-chart-series.js.map +1 -1
- package/oj-c/min/area-chart.js +1 -1
- package/oj-c/min/area-chart.js.map +1 -1
- package/oj-c/min/avatar/avatar-styles.css +1 -0
- package/oj-c/min/avatar.js +1 -1
- package/oj-c/min/avatar.js.map +1 -1
- package/oj-c/min/button.js +1 -1
- package/oj-c/min/button.js.map +1 -1
- package/oj-c/min/buttonset-multiple/buttonset-multiple-styles.css +12 -0
- package/oj-c/min/buttonset-multiple.js +2 -0
- package/oj-c/min/buttonset-multiple.js.map +1 -0
- package/oj-c/min/buttonset-single/buttonset-single-styles.css +12 -0
- package/oj-c/min/buttonset-single.js +2 -0
- package/oj-c/min/buttonset-single.js.map +1 -0
- package/oj-c/min/card-view/card-view-styles.css +15 -0
- package/oj-c/min/card-view.js +2 -0
- package/oj-c/min/card-view.js.map +1 -0
- package/oj-c/min/checkbox.js +1 -1
- package/oj-c/min/checkbox.js.map +1 -1
- package/oj-c/min/checkboxset.js +1 -1
- package/oj-c/min/checkboxset.js.map +1 -1
- package/oj-c/min/collapsible.js +1 -1
- package/oj-c/min/collapsible.js.map +1 -1
- package/oj-c/min/conveyor-belt/conveyor-belt-styles.css +20 -0
- package/oj-c/min/conveyor-belt.js +2 -0
- package/oj-c/min/conveyor-belt.js.map +1 -0
- package/oj-c/min/corepackbundle.css +121 -16
- package/oj-c/min/corepackbundle.js +1 -1
- package/oj-c/min/corepackbundle.js.map +1 -1
- package/oj-c/min/date-picker/date-picker-styles.css +14 -0
- package/oj-c/min/date-picker.js +2 -0
- package/oj-c/min/date-picker.js.map +1 -0
- package/oj-c/min/drag-handle.js +2 -0
- package/oj-c/min/drag-handle.js.map +1 -0
- package/oj-c/min/drawer-layout/drawer-layout-styles.css +11 -0
- package/oj-c/min/drawer-layout.js +2 -0
- package/oj-c/min/drawer-layout.js.map +1 -0
- package/oj-c/min/drawer-popup.js +1 -1
- package/oj-c/min/drawer-popup.js.map +1 -1
- package/oj-c/min/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.js +2 -2
- package/oj-c/min/editable-value/UNSAFE_useEditableValue/useEditableValue.js +2 -1
- package/oj-c/min/editable-value/UNSAFE_useValueLifecycle/useValueLifecycle.js +2 -5
- package/oj-c/min/file-picker.js +1 -1
- package/oj-c/min/file-picker.js.map +1 -1
- package/oj-c/min/form-layout.js +1 -1
- package/oj-c/min/form-layout.js.map +1 -1
- package/oj-c/min/highlight-text.js +1 -1
- package/oj-c/min/highlight-text.js.map +1 -1
- package/oj-c/min/hooks/PRIVATE_useVisData/useVisData.js +44 -0
- package/oj-c/min/hooks/UNSAFE_useChartData/useChartData.js +4 -4
- package/oj-c/min/hooks/UNSAFE_useEditableValue/converterUtils.js +50 -0
- package/oj-c/min/hooks/UNSAFE_useEditableValue/index.js +6 -0
- package/oj-c/min/hooks/UNSAFE_useEditableValue/reducer.js +164 -0
- package/oj-c/min/hooks/UNSAFE_useEditableValue/types.js +4 -0
- package/oj-c/min/hooks/UNSAFE_useEditableValue/useEditableValue.js +336 -0
- package/oj-c/min/hooks/UNSAFE_useEditableValue/utils.js +35 -0
- package/oj-c/min/hooks/UNSAFE_useEditableValue/validationUtils.js +53 -0
- package/oj-c/min/hooks/UNSAFE_useListData/useListData.js +4 -1
- package/oj-c/min/hooks/UNSAFE_useMergedFormContext/useMergedFormContext.js +23 -0
- package/oj-c/min/hooks/UNSAFE_useVisBusyState/useVisBusyState.js +16 -0
- package/oj-c/min/input-date-mask.js +1 -1
- package/oj-c/min/input-date-mask.js.map +1 -1
- package/oj-c/min/input-date-picker/input-date-picker-styles.css +13 -0
- package/oj-c/min/input-date-picker.js +3 -0
- package/oj-c/min/input-date-picker.js.map +1 -0
- package/oj-c/min/input-date-text.js +1 -1
- package/oj-c/min/input-date-text.js.map +1 -1
- package/oj-c/min/input-month-mask.js +1 -1
- package/oj-c/min/input-month-mask.js.map +1 -1
- package/oj-c/min/input-number.js +1 -1
- package/oj-c/min/input-number.js.map +1 -1
- package/oj-c/min/input-password.js +1 -1
- package/oj-c/min/input-password.js.map +1 -1
- package/oj-c/min/input-sensitive-text.js +1 -1
- package/oj-c/min/input-sensitive-text.js.map +1 -1
- package/oj-c/min/input-text.js +1 -1
- package/oj-c/min/input-text.js.map +1 -1
- package/oj-c/min/labelled-link.js +1 -1
- package/oj-c/min/labelled-link.js.map +1 -1
- package/oj-c/min/legend-item.js +1 -1
- package/oj-c/min/legend-item.js.map +1 -1
- package/oj-c/min/legend-section.js +1 -1
- package/oj-c/min/legend-section.js.map +1 -1
- package/oj-c/min/legend.js +1 -1
- package/oj-c/min/legend.js.map +1 -1
- package/oj-c/min/line-chart-group.js +1 -1
- package/oj-c/min/line-chart-group.js.map +1 -1
- package/oj-c/min/line-chart-item.js +1 -1
- package/oj-c/min/line-chart-item.js.map +1 -1
- package/oj-c/min/line-chart-series.js +1 -1
- package/oj-c/min/line-chart-series.js.map +1 -1
- package/oj-c/min/line-chart.js +1 -1
- package/oj-c/min/line-chart.js.map +1 -1
- package/oj-c/min/list-item-layout.js +1 -1
- package/oj-c/min/list-item-layout.js.map +1 -1
- package/oj-c/min/list-view.js +1 -1
- package/oj-c/min/list-view.js.map +1 -1
- package/oj-c/min/menu-button.js +1 -1
- package/oj-c/min/menu-button.js.map +1 -1
- package/oj-c/min/message-banner.js +1 -1
- package/oj-c/min/message-banner.js.map +1 -1
- package/oj-c/min/message-toast.js +1 -1
- package/oj-c/min/message-toast.js.map +1 -1
- package/oj-c/min/meter-bar/meter-bar-styles.css +14 -2
- package/oj-c/min/meter-bar.js +1 -1
- package/oj-c/min/meter-bar.js.map +1 -1
- package/oj-c/min/meter-circle/meter-circle-styles.css +5 -0
- package/oj-c/min/meter-circle.js +1 -1
- package/oj-c/min/meter-circle.js.map +1 -1
- package/oj-c/min/popup/popup-styles.css +12 -0
- package/oj-c/min/popup/resources/nls/popup-strings.d.ts +8 -0
- package/oj-c/min/popup/resources/nls/popup-strings.js +10 -0
- package/oj-c/min/popup.js +2 -0
- package/oj-c/min/popup.js.map +1 -0
- package/oj-c/min/progress-bar.js +1 -1
- package/oj-c/min/progress-bar.js.map +1 -1
- package/oj-c/min/progress-circle.js +1 -1
- package/oj-c/min/progress-circle.js.map +1 -1
- package/oj-c/min/radioset/radioset-styles.css +5 -6
- package/oj-c/min/radioset.js +1 -1
- package/oj-c/min/radioset.js.map +1 -1
- package/oj-c/min/rating-gauge.js +1 -1
- package/oj-c/min/rating-gauge.js.map +1 -1
- package/oj-c/min/select-common/utils/utils.js +40 -2
- package/oj-c/min/select-multiple.js +2 -2
- package/oj-c/min/select-multiple.js.map +1 -1
- package/oj-c/min/select-single.js +2 -2
- package/oj-c/min/select-single.js.map +1 -1
- package/oj-c/min/selection-card.js +1 -1
- package/oj-c/min/selection-card.js.map +1 -1
- package/oj-c/min/selector-all.js +1 -1
- package/oj-c/min/selector-all.js.map +1 -1
- package/oj-c/min/selector.js +1 -1
- package/oj-c/min/selector.js.map +1 -1
- package/oj-c/min/split-menu-button.js +1 -1
- package/oj-c/min/split-menu-button.js.map +1 -1
- package/oj-c/min/tab-bar/tab-bar-styles.css +11 -0
- package/oj-c/min/tab-bar-mixed.js +1 -1
- package/oj-c/min/tab-bar-mixed.js.map +1 -1
- package/oj-c/min/tab-bar.js +2 -0
- package/oj-c/min/tab-bar.js.map +1 -0
- package/oj-c/min/tag-cloud-item.js +1 -1
- package/oj-c/min/tag-cloud-item.js.map +1 -1
- package/oj-c/min/tag-cloud.js +1 -1
- package/oj-c/min/tag-cloud.js.map +1 -1
- package/oj-c/min/text-area.js +1 -1
- package/oj-c/min/text-area.js.map +1 -1
- package/oj-c/min/toggle-button/toggle-button-styles.css +12 -0
- package/oj-c/min/toggle-button.js +2 -0
- package/oj-c/min/toggle-button.js.map +1 -0
- package/oj-c/min/utils/PRIVATE_ItemsMenu/items-menu.js +7 -5
- package/oj-c/min/utils/PRIVATE_chartUtils/axisUtils.js +1 -0
- package/oj-c/min/utils/PRIVATE_toggleUtils/index.js +7 -0
- package/oj-c/min/utils/PRIVATE_toggleUtils/toggle-item-icon.js +14 -0
- package/oj-c/min/utils/PRIVATE_toggleUtils/toggleTypes.js +4 -0
- package/oj-c/min/utils/PRIVATE_toggleUtils/widthStyle.js +19 -0
- package/oj-c/min/utils/UNSAFE_keyUtils/keySetUtils.js +21 -1
- package/oj-c/min/utils/UNSAFE_vizUtils/TemplateHandler.js +15 -3
- package/oj-c/popup/README.md +6 -0
- package/oj-c/popup/__webdriver__/PopupWebElement.d.ts +8 -0
- package/oj-c/popup/__webdriver__/PopupWebElement.js +13 -0
- package/oj-c/popup/__webdriver__/PopupWebElement.js.map +1 -0
- package/oj-c/popup/__webdriver__/PopupWebElementBase.d.ts +138 -0
- package/oj-c/popup/__webdriver__/PopupWebElementBase.js +167 -0
- package/oj-c/popup/__webdriver__/PopupWebElementBase.js.map +1 -0
- package/oj-c/popup/__webdriver__/index.d.ts +17 -0
- package/oj-c/popup/__webdriver__/index.js +34 -0
- package/oj-c/popup/__webdriver__/index.js.map +1 -0
- package/oj-c/popup/component.json +310 -0
- package/oj-c/popup/index.js +6 -0
- package/oj-c/popup/popup-styles.css +12 -0
- package/oj-c/popup/popup.js +127 -0
- package/oj-c/popup/resources/nls/popup-strings.js +10 -0
- package/oj-c/popup/themes/base/_popup.scss +22 -0
- package/oj-c/popup/themes/redwood/_popup.scss +19 -0
- package/oj-c/popup/themes/stable/_popup.scss +19 -0
- package/oj-c/popup.js +6 -0
- package/oj-c/progress-bar/component.json +5 -2
- package/oj-c/progress-bar.js +1 -1
- package/oj-c/progress-circle/component.json +5 -2
- package/oj-c/progress-circle.js +1 -1
- package/oj-c/radioset/component.json +10 -9
- package/oj-c/radioset/radioset-styles.css +5 -6
- package/oj-c/radioset/radioset.js +24 -17
- package/oj-c/radioset.js +1 -1
- package/oj-c/rating-gauge/component.json +5 -2
- package/oj-c/rating-gauge.js +1 -1
- package/oj-c/select-common/utils/utils.js +40 -2
- package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElementBase.d.ts +7 -7
- package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElementBase.js +9 -9
- package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElementBase.js.map +1 -1
- package/oj-c/select-multiple/component.json +31 -20
- package/oj-c/select-multiple/select-multiple.js +44 -91
- package/oj-c/select-multiple/useSelectMultiplePreact.js +17 -12
- package/oj-c/select-multiple/useSyncValueAndValueItems.js +32 -8
- package/oj-c/select-multiple.js +1 -1
- package/oj-c/select-single/__webdriver__/SelectSingleWebElementBase.d.ts +7 -7
- package/oj-c/select-single/__webdriver__/SelectSingleWebElementBase.js +9 -9
- package/oj-c/select-single/__webdriver__/SelectSingleWebElementBase.js.map +1 -1
- package/oj-c/select-single/component.json +39 -21
- package/oj-c/select-single/select-single.js +45 -94
- package/oj-c/select-single/useSelectSinglePreact.js +25 -12
- package/oj-c/select-single/useSyncValueAndValueItem.js +32 -7
- package/oj-c/select-single.js +1 -1
- package/oj-c/selection-card/component.json +11 -2
- package/oj-c/selection-card.js +1 -1
- package/oj-c/selector/component.json +5 -2
- package/oj-c/selector-all/component.json +5 -2
- package/oj-c/selector-all/selector-all.js +1 -1
- package/oj-c/selector-all.js +1 -1
- package/oj-c/selector.js +1 -1
- package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElement.d.ts +1 -0
- package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElement.js +13 -8
- package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElement.js.map +1 -1
- package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElementBase.d.ts +59 -1
- package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElementBase.js.map +1 -1
- package/oj-c/split-menu-button/component.json +125 -13
- package/oj-c/split-menu-button/split-menu-button.js +3 -4
- package/oj-c/split-menu-button.js +1 -1
- package/oj-c/tab-bar/ContentRenderer.js +41 -0
- package/oj-c/tab-bar/DataTabBar.js +54 -0
- package/oj-c/tab-bar/DataTabBar.types.js +4 -0
- package/oj-c/tab-bar/DataTabBarIcon.js +16 -0
- package/oj-c/tab-bar/__webdriver__/TabBarWebElement.d.ts +8 -0
- package/oj-c/tab-bar/__webdriver__/TabBarWebElement.js +13 -0
- package/oj-c/tab-bar/__webdriver__/TabBarWebElement.js.map +1 -0
- package/oj-c/tab-bar/__webdriver__/TabBarWebElementBase.d.ts +65 -0
- package/oj-c/tab-bar/__webdriver__/TabBarWebElementBase.js +86 -0
- package/oj-c/tab-bar/__webdriver__/TabBarWebElementBase.js.map +1 -0
- package/oj-c/tab-bar/__webdriver__/index.d.ts +17 -0
- package/oj-c/tab-bar/__webdriver__/index.js +34 -0
- package/oj-c/tab-bar/__webdriver__/index.js.map +1 -0
- package/oj-c/tab-bar/component.json +223 -0
- package/oj-c/tab-bar/index.js +6 -0
- package/oj-c/tab-bar/tab-bar-styles.css +11 -0
- package/oj-c/tab-bar/tab-bar.js +70 -0
- package/oj-c/tab-bar-mixed/DataTabBarMixed.js +1 -1
- package/oj-c/tab-bar-mixed/component.json +11 -2
- package/oj-c/tab-bar-mixed/sumBadge.js +3 -3
- package/oj-c/tab-bar-mixed/tab-bar-mixed.js +1 -1
- package/oj-c/tab-bar-mixed.js +1 -1
- package/oj-c/tab-bar.js +6 -0
- package/oj-c/tag-cloud/component.json +11 -2
- package/oj-c/tag-cloud/tag-cloud.js +3 -9
- package/oj-c/tag-cloud-item/component.json +8 -2
- package/oj-c/tag-cloud-item.js +1 -1
- package/oj-c/tag-cloud.js +1 -1
- package/oj-c/text-area/__webdriver__/TextAreaWebElementBase.d.ts +0 -7
- package/oj-c/text-area/__webdriver__/TextAreaWebElementBase.js +0 -9
- package/oj-c/text-area/__webdriver__/TextAreaWebElementBase.js.map +1 -1
- package/oj-c/text-area/component.json +24 -20
- package/oj-c/text-area/text-area.js +70 -98
- package/oj-c/text-area/useTextAreaAutosizePreact.js +12 -9
- package/oj-c/text-area/useTextAreaPreact.js +12 -9
- package/oj-c/text-area.js +1 -1
- package/oj-c/toggle-button/__webdriver__/ToggleButtonWebElement.d.ts +8 -0
- package/oj-c/toggle-button/__webdriver__/ToggleButtonWebElement.js +13 -0
- package/oj-c/toggle-button/__webdriver__/ToggleButtonWebElement.js.map +1 -0
- package/oj-c/toggle-button/__webdriver__/ToggleButtonWebElementBase.d.ts +72 -0
- package/oj-c/toggle-button/__webdriver__/ToggleButtonWebElementBase.js +95 -0
- package/oj-c/toggle-button/__webdriver__/ToggleButtonWebElementBase.js.map +1 -0
- package/oj-c/toggle-button/__webdriver__/index.d.ts +17 -0
- package/oj-c/toggle-button/__webdriver__/index.js +34 -0
- package/oj-c/toggle-button/__webdriver__/index.js.map +1 -0
- package/oj-c/toggle-button/component.json +229 -0
- package/oj-c/toggle-button/index.js +6 -0
- package/oj-c/toggle-button/toggle-button-styles.css +12 -0
- package/oj-c/toggle-button/toggle-button.js +83 -0
- package/oj-c/toggle-button.js +6 -0
- package/oj-c/types/Dropdown/Dropdown.d.ts +5 -0
- package/oj-c/types/Dropdown/index.d.ts +1 -0
- package/oj-c/types/Sheet/Sheet.d.ts +5 -0
- package/oj-c/types/Sheet/index.d.ts +1 -0
- package/oj-c/types/action-card/action-card.d.ts +12 -4
- package/oj-c/types/area-chart/area-chart.d.ts +12 -4
- package/oj-c/types/button/button.d.ts +5 -3
- package/oj-c/types/buttonset-multiple/buttonset-multiple.d.ts +95 -0
- package/oj-c/types/buttonset-multiple/index.d.ts +2 -0
- package/oj-c/types/buttonset-single/buttonset-single.d.ts +95 -0
- package/oj-c/types/buttonset-single/index.d.ts +2 -0
- package/oj-c/types/card-view/card-view.d.ts +120 -0
- package/oj-c/types/card-view/cardViewItem.d.ts +9 -0
- package/oj-c/types/card-view/index.d.ts +2 -0
- package/oj-c/types/card-view/useCardViewPreact.d.ts +25 -0
- package/oj-c/types/checkbox/checkbox.d.ts +23 -39
- package/oj-c/types/checkbox/useCheckboxPreact.d.ts +3 -3
- package/oj-c/types/checkboxset/checkboxset.d.ts +29 -41
- package/oj-c/types/checkboxset/useCheckboxsetPreact.d.ts +2 -2
- package/oj-c/types/conveyor-belt/conveyor-belt.d.ts +77 -0
- package/oj-c/types/conveyor-belt/conveyorBeltItem.d.ts +24 -0
- package/oj-c/types/conveyor-belt/index.d.ts +2 -0
- package/oj-c/types/date-picker/date-picker.d.ts +113 -0
- package/oj-c/types/date-picker/index.d.ts +2 -0
- package/oj-c/types/drag-handle/drag-handle.d.ts +24 -0
- package/oj-c/types/drag-handle/index.d.ts +2 -0
- package/oj-c/types/drawer-layout/drawer-layout.d.ts +91 -0
- package/oj-c/types/drawer-layout/index.d.ts +2 -0
- package/oj-c/types/drawer-popup/drawer-popup.d.ts +7 -2
- package/oj-c/types/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.d.ts +3 -3
- package/oj-c/types/editable-value/UNSAFE_useEditableValue/useEditableValue.d.ts +4 -3
- package/oj-c/types/editable-value/UNSAFE_useValidators/useValidators.d.ts +2 -2
- package/oj-c/types/editable-value/UNSAFE_useValue/useValue.d.ts +4 -4
- package/oj-c/types/file-picker/file-picker.d.ts +0 -1
- package/oj-c/types/form-layout/form-layout.d.ts +3 -8
- package/oj-c/types/hooks/PRIVATE_useVisData/useVisData.d.ts +10 -0
- package/oj-c/types/hooks/UNSAFE_useChartData/dataUtil.d.ts +1 -1
- package/oj-c/types/hooks/UNSAFE_useChartData/useChartData.d.ts +1 -0
- package/oj-c/types/hooks/UNSAFE_useEditableValue/converterUtils.d.ts +14 -0
- package/oj-c/types/hooks/UNSAFE_useEditableValue/index.d.ts +2 -0
- package/oj-c/types/hooks/UNSAFE_useEditableValue/reducer.d.ts +106 -0
- package/oj-c/types/hooks/UNSAFE_useEditableValue/types.d.ts +7 -0
- package/oj-c/types/hooks/UNSAFE_useEditableValue/useEditableValue.d.ts +43 -0
- package/oj-c/types/hooks/UNSAFE_useEditableValue/utils.d.ts +8 -0
- package/oj-c/types/hooks/UNSAFE_useEditableValue/validationUtils.d.ts +27 -0
- package/oj-c/types/hooks/UNSAFE_useMergedFormContext/useMergedFormContext.d.ts +16 -0
- package/oj-c/types/hooks/UNSAFE_useVisBusyState/useVisBusyState.d.ts +1 -0
- package/oj-c/types/input-date-mask/input-date-mask.d.ts +3 -3
- package/oj-c/types/input-date-mask/useInputDateMaskPreact.d.ts +6 -5
- package/oj-c/types/input-date-picker/DateRangeValidator.d.ts +31 -0
- package/oj-c/types/input-date-picker/DateRestrictionValidator.d.ts +25 -0
- package/oj-c/types/input-date-picker/index.d.ts +2 -0
- package/oj-c/types/input-date-picker/input-date-picker.d.ts +219 -0
- package/oj-c/types/input-date-picker/useCombinedImplicitValidators.d.ts +2 -0
- package/oj-c/types/input-date-picker/useImplicitCalendarDateConverter.d.ts +7 -0
- package/oj-c/types/input-date-picker/useImplicitDateRangeValidator.d.ts +4 -0
- package/oj-c/types/input-date-picker/useImplicitDateRestrictionValidator.d.ts +6 -0
- package/oj-c/types/input-date-picker/useInputDatePicker.d.ts +45 -0
- package/oj-c/types/input-date-picker/utils.d.ts +3 -0
- package/oj-c/types/input-date-text/input-date-text.d.ts +16 -26
- package/oj-c/types/input-date-text/useInputDateTextPreact.d.ts +3 -5
- package/oj-c/types/input-month-mask/input-month-mask.d.ts +3 -3
- package/oj-c/types/input-month-mask/useInputMonthMaskPreact.d.ts +5 -6
- package/oj-c/types/input-number/input-number.d.ts +15 -25
- package/oj-c/types/input-number/useNumberInputTextPreact.d.ts +3 -3
- package/oj-c/types/input-password/input-password.d.ts +16 -26
- package/oj-c/types/input-password/useInputPasswordPreact.d.ts +3 -3
- package/oj-c/types/input-sensitive-text/input-sensitive-text.d.ts +3 -3
- package/oj-c/types/input-sensitive-text/useInputSensitiveTextPreact.d.ts +3 -3
- package/oj-c/types/input-text/input-text.d.ts +16 -21
- package/oj-c/types/input-text/useInputTextPreact.d.ts +5 -10
- package/oj-c/types/legend/events.d.ts +2 -2
- package/oj-c/types/legend/legend.d.ts +4 -2
- package/oj-c/types/legend/utils.d.ts +5 -3
- package/oj-c/types/legend-item/legend-item.d.ts +6 -1
- package/oj-c/types/line-chart/line-chart.d.ts +9 -1
- package/oj-c/types/list-view/DataFetchLiveRegion.d.ts +5 -0
- package/oj-c/types/list-view/index.d.ts +1 -1
- package/oj-c/types/list-view/list-view.d.ts +60 -3
- package/oj-c/types/list-view/useListViewPreact.d.ts +5 -2
- package/oj-c/types/menu-button/menu-button.d.ts +10 -9
- package/oj-c/types/message-banner/message-banner.d.ts +7 -1
- package/oj-c/types/message-toast/message-toast.d.ts +2 -0
- package/oj-c/types/meter-circle/meter-circle.d.ts +1 -0
- package/oj-c/types/popup/index.d.ts +2 -0
- package/oj-c/types/popup/popup.d.ts +150 -0
- package/oj-c/types/popup/resources/nls/popup-strings.d.ts +8 -0
- package/oj-c/types/radioset/useRadiosetPreact.d.ts +2 -2
- package/oj-c/types/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners.d.ts +4 -4
- package/oj-c/types/select-common/UNSAFE_useWrapValueState/useWrapValueState.d.ts +5 -5
- package/oj-c/types/select-common/utils/utils.d.ts +2 -0
- package/oj-c/types/select-multiple/select-multiple.d.ts +15 -28
- package/oj-c/types/select-multiple/useSelectMultiplePreact.d.ts +4 -7
- package/oj-c/types/select-multiple/useSyncValueAndValueItems.d.ts +7 -4
- package/oj-c/types/select-single/select-single.d.ts +16 -30
- package/oj-c/types/select-single/useSelectSinglePreact.d.ts +4 -8
- package/oj-c/types/select-single/useSyncValueAndValueItem.d.ts +7 -4
- package/oj-c/types/split-menu-button/split-menu-button.d.ts +6 -8
- package/oj-c/types/tab-bar/ContentRenderer.d.ts +5 -0
- package/oj-c/types/tab-bar/DataTabBar.d.ts +2 -0
- package/oj-c/types/tab-bar/DataTabBar.types.d.ts +32 -0
- package/oj-c/types/tab-bar/DataTabBarIcon.d.ts +10 -0
- package/oj-c/types/tab-bar/index.d.ts +2 -0
- package/oj-c/types/tab-bar/tab-bar.d.ts +125 -0
- package/oj-c/types/tag-cloud/tag-cloud.d.ts +1 -0
- package/oj-c/types/text-area/text-area.d.ts +16 -26
- package/oj-c/types/text-area/useTextAreaAutosizePreact.d.ts +3 -5
- package/oj-c/types/text-area/useTextAreaPreact.d.ts +3 -5
- package/oj-c/types/toggle-button/index.d.ts +2 -0
- package/oj-c/types/toggle-button/toggle-button.d.ts +94 -0
- package/oj-c/types/utils/PRIVATE_ItemsMenu/index.d.ts +1 -1
- package/oj-c/types/utils/PRIVATE_ItemsMenu/items-menu.d.ts +8 -4
- package/oj-c/types/utils/PRIVATE_ItemsMenu/menuTypes.d.ts +20 -1
- package/oj-c/types/utils/PRIVATE_chartUtils/events.d.ts +4 -5
- package/oj-c/types/utils/PRIVATE_chartUtils/lineAreaUtils.d.ts +1 -1
- package/oj-c/types/utils/PRIVATE_chartUtils/plotAreaUtils.d.ts +2 -25
- package/oj-c/types/utils/PRIVATE_toggleUtils/index.d.ts +3 -0
- package/oj-c/types/utils/PRIVATE_toggleUtils/toggle-item-icon.d.ts +6 -0
- package/oj-c/types/utils/PRIVATE_toggleUtils/toggleTypes.d.ts +14 -0
- package/oj-c/types/utils/PRIVATE_toggleUtils/widthStyle.d.ts +11 -0
- package/oj-c/types/utils/UNSAFE_keyUtils/keySetUtils.d.ts +2 -0
- package/oj-c/types/utils/UNSAFE_vizTypes/chartTypes.d.ts +1 -0
- package/oj-c/utils/PRIVATE_ItemsMenu/items-menu.js +7 -5
- package/oj-c/utils/PRIVATE_chartUtils/axisUtils.js +1 -0
- package/oj-c/utils/PRIVATE_toggleUtils/index.js +7 -0
- package/oj-c/utils/PRIVATE_toggleUtils/toggle-item-icon.js +14 -0
- package/oj-c/utils/PRIVATE_toggleUtils/toggleTypes.js +4 -0
- package/oj-c/utils/PRIVATE_toggleUtils/widthStyle.js +19 -0
- package/oj-c/utils/UNSAFE_keyUtils/keySetUtils.js +21 -1
- package/oj-c/utils/UNSAFE_vizUtils/TemplateHandler.js +15 -3
- package/package.json +4 -4
- package/webdriver/docs/assets/navigation.js +1 -1
- package/webdriver/docs/assets/search.js +1 -1
- package/webdriver/docs/classes/ActionCardWebElement.html +1 -1
- package/webdriver/docs/classes/AreaChartWebElement.html +6 -2
- package/webdriver/docs/classes/AvatarWebElement.html +1 -1
- package/webdriver/docs/classes/ButtonWebElement.html +1 -1
- package/webdriver/docs/classes/ButtonsetMultipleWebElement.html +143 -0
- package/webdriver/docs/classes/ButtonsetSingleWebElement.html +143 -0
- package/webdriver/docs/classes/CardViewWebElement.html +150 -0
- package/webdriver/docs/classes/CheckboxWebElement.html +1 -1
- package/webdriver/docs/classes/CheckboxsetWebElement.html +1 -1
- package/webdriver/docs/classes/CollapsibleWebElement.html +2 -2
- package/webdriver/docs/classes/ConveyorBeltWebElement.html +122 -0
- package/webdriver/docs/classes/DatePickerWebElement.html +143 -0
- package/webdriver/docs/classes/DrawerLayoutWebElement.html +139 -0
- package/webdriver/docs/classes/DrawerPopupWebElement.html +1 -1
- package/webdriver/docs/classes/FilePickerWebElement.html +10 -1
- package/webdriver/docs/classes/FormLayoutWebElement.html +1 -1
- package/webdriver/docs/classes/HighlightTextWebElement.html +1 -1
- package/webdriver/docs/classes/InputDateMaskWebElement.html +1 -1
- package/webdriver/docs/classes/InputDatePickerWebElement.html +231 -0
- package/webdriver/docs/classes/InputDateTextWebElement.html +2 -5
- package/webdriver/docs/classes/InputMonthMaskWebElement.html +1 -1
- package/webdriver/docs/classes/InputNumberWebElement.html +2 -5
- package/webdriver/docs/classes/InputPasswordWebElement.html +2 -5
- package/webdriver/docs/classes/InputSensitiveTextWebElement.html +1 -1
- package/webdriver/docs/classes/InputTextWebElement.html +1 -1
- package/webdriver/docs/classes/LabelledLinkWebElement.html +1 -1
- package/webdriver/docs/classes/LegendWebElement.html +1 -1
- package/webdriver/docs/classes/LineChartWebElement.html +6 -2
- package/webdriver/docs/classes/ListItemLayoutWebElement.html +13 -9
- package/webdriver/docs/classes/ListViewWebElement.html +13 -5
- package/webdriver/docs/classes/MenuButtonWebElement.html +1 -1
- package/webdriver/docs/classes/MessageBannerWebElement.html +6 -2
- package/webdriver/docs/classes/MessageToastWebElement.html +1 -1
- package/webdriver/docs/classes/MeterBarWebElement.html +1 -1
- package/webdriver/docs/classes/MeterCircleWebElement.html +1 -1
- package/webdriver/docs/classes/PopupWebElement.html +171 -0
- package/webdriver/docs/classes/ProgressBarWebElement.html +1 -1
- package/webdriver/docs/classes/ProgressCircleWebElement.html +1 -1
- package/webdriver/docs/classes/RadiosetWebElement.html +1 -1
- package/webdriver/docs/classes/RatingGaugeWebElement.html +1 -1
- package/webdriver/docs/classes/SelectMultipleWebElement.html +7 -6
- package/webdriver/docs/classes/SelectSingleWebElement.html +7 -6
- package/webdriver/docs/classes/SelectionCardWebElement.html +1 -1
- package/webdriver/docs/classes/SelectorAllWebElement.html +1 -1
- package/webdriver/docs/classes/SelectorWebElement.html +1 -1
- package/webdriver/docs/classes/SplitMenuButtonWebElement.html +3 -3
- package/webdriver/docs/classes/TabBarMixedWebElement.html +1 -1
- package/webdriver/docs/classes/TabBarWebElement.html +135 -0
- package/webdriver/docs/classes/TagCloudWebElement.html +1 -1
- package/webdriver/docs/classes/TextAreaWebElement.html +2 -5
- package/webdriver/docs/classes/ToggleButtonWebElement.html +139 -0
- package/webdriver/docs/functions/findActionCard.html +1 -1
- package/webdriver/docs/functions/findAreaChart.html +1 -1
- package/webdriver/docs/functions/findAvatar.html +1 -1
- package/webdriver/docs/functions/findButton.html +1 -1
- package/webdriver/docs/functions/findButtonsetMultiple.html +8 -0
- package/webdriver/docs/functions/findButtonsetSingle.html +8 -0
- package/webdriver/docs/functions/findCardView.html +8 -0
- package/webdriver/docs/functions/findCheckbox.html +1 -1
- package/webdriver/docs/functions/findCheckboxset.html +1 -1
- package/webdriver/docs/functions/findCollapsible.html +1 -1
- package/webdriver/docs/functions/findConveyorBelt.html +8 -0
- package/webdriver/docs/functions/findDatePicker.html +8 -0
- package/webdriver/docs/functions/findDrawerLayout.html +8 -0
- package/webdriver/docs/functions/findDrawerPopup.html +1 -1
- package/webdriver/docs/functions/findFilePicker.html +1 -1
- package/webdriver/docs/functions/findFormLayout.html +1 -1
- package/webdriver/docs/functions/findHighlightText.html +1 -1
- package/webdriver/docs/functions/findInputDateMask.html +1 -1
- package/webdriver/docs/functions/findInputDatePicker.html +8 -0
- package/webdriver/docs/functions/findInputDateText.html +1 -1
- package/webdriver/docs/functions/findInputMonthMask.html +1 -1
- package/webdriver/docs/functions/findInputNumber.html +1 -1
- package/webdriver/docs/functions/findInputPassword.html +1 -1
- package/webdriver/docs/functions/findInputSensitiveText.html +1 -1
- package/webdriver/docs/functions/findInputText.html +1 -1
- package/webdriver/docs/functions/findLabelledLink.html +1 -1
- package/webdriver/docs/functions/findLegend.html +1 -1
- package/webdriver/docs/functions/findLineChart.html +1 -1
- package/webdriver/docs/functions/findListItemLayout.html +1 -1
- package/webdriver/docs/functions/findListView.html +1 -1
- package/webdriver/docs/functions/findMenuButton.html +1 -1
- package/webdriver/docs/functions/findMessageBanner.html +1 -1
- package/webdriver/docs/functions/findMessageToast.html +1 -1
- package/webdriver/docs/functions/findMeterBar.html +1 -1
- package/webdriver/docs/functions/findMeterCircle.html +1 -1
- package/webdriver/docs/functions/findPopup.html +8 -0
- package/webdriver/docs/functions/findProgressBar.html +1 -1
- package/webdriver/docs/functions/findProgressCircle.html +1 -1
- package/webdriver/docs/functions/findRadioset.html +1 -1
- package/webdriver/docs/functions/findRatingGauge.html +1 -1
- package/webdriver/docs/functions/findSelectMultiple.html +1 -1
- package/webdriver/docs/functions/findSelectSingle.html +1 -1
- package/webdriver/docs/functions/findSelectionCard.html +1 -1
- package/webdriver/docs/functions/findSelector.html +1 -1
- package/webdriver/docs/functions/findSelectorAll.html +1 -1
- package/webdriver/docs/functions/findSplitMenuButton.html +1 -1
- package/webdriver/docs/functions/findTabBar.html +8 -0
- package/webdriver/docs/functions/findTabBarMixed.html +1 -1
- package/webdriver/docs/functions/findTagCloud.html +1 -1
- package/webdriver/docs/functions/findTextArea.html +1 -1
- package/webdriver/docs/functions/findToggleButton.html +8 -0
- package/webdriver/docs/index.html +1 -1
- package/webdriver/docs/modules.html +21 -1
- package/webdriver/index.d.ts +10 -0
- package/webdriver/index.js +10 -0
- package/webdriver/index.js.map +1 -1
- package/webdriver/index.ts +11 -1
- package/oj-c/docs/action-card.html +0 -249
- package/oj-c/docs/area-chart-group.html +0 -249
- package/oj-c/docs/area-chart-item.html +0 -249
- package/oj-c/docs/area-chart-series.html +0 -249
- package/oj-c/docs/area-chart.html +0 -249
- package/oj-c/docs/avatar.html +0 -249
- package/oj-c/docs/button.html +0 -249
- package/oj-c/docs/checkbox.html +0 -249
- package/oj-c/docs/checkboxset.html +0 -249
- package/oj-c/docs/collapsible.html +0 -249
- package/oj-c/docs/drawer-popup.html +0 -249
- package/oj-c/docs/file-picker.html +0 -249
- package/oj-c/docs/form-layout.html +0 -249
- package/oj-c/docs/highlight-text.html +0 -249
- package/oj-c/docs/index.html +0 -247
- package/oj-c/docs/input-date-mask.html +0 -249
- package/oj-c/docs/input-date-text.html +0 -249
- package/oj-c/docs/input-month-mask.html +0 -249
- package/oj-c/docs/input-number.html +0 -249
- package/oj-c/docs/input-password.html +0 -249
- package/oj-c/docs/input-sensitive-text.html +0 -249
- package/oj-c/docs/input-text.html +0 -249
- package/oj-c/docs/jsDocMd.json +0 -1
- package/oj-c/docs/labelled-link.html +0 -249
- package/oj-c/docs/legend-item.html +0 -249
- package/oj-c/docs/legend-section.html +0 -249
- package/oj-c/docs/legend.html +0 -249
- package/oj-c/docs/line-chart-group.html +0 -249
- package/oj-c/docs/line-chart-item.html +0 -249
- package/oj-c/docs/line-chart-series.html +0 -249
- package/oj-c/docs/line-chart.html +0 -249
- package/oj-c/docs/list-item-layout.html +0 -249
- package/oj-c/docs/list-view.html +0 -249
- package/oj-c/docs/menu-button.html +0 -249
- package/oj-c/docs/message-banner.html +0 -249
- package/oj-c/docs/message-toast.html +0 -249
- package/oj-c/docs/meter-bar.html +0 -249
- package/oj-c/docs/meter-circle.html +0 -249
- package/oj-c/docs/oj-c.ActionCard.html +0 -1045
- package/oj-c/docs/oj-c.AreaChart.html +0 -9396
- package/oj-c/docs/oj-c.AreaChartGroup.html +0 -610
- package/oj-c/docs/oj-c.AreaChartItem.html +0 -1104
- package/oj-c/docs/oj-c.AreaChartSeries.html +0 -1044
- package/oj-c/docs/oj-c.Avatar.html +0 -1907
- package/oj-c/docs/oj-c.Button.html +0 -2301
- package/oj-c/docs/oj-c.Checkbox.html +0 -3493
- package/oj-c/docs/oj-c.Checkboxset.html +0 -4589
- package/oj-c/docs/oj-c.Collapsible.html +0 -2064
- package/oj-c/docs/oj-c.DrawerPopup.html +0 -1631
- package/oj-c/docs/oj-c.FilePicker.html +0 -2664
- package/oj-c/docs/oj-c.FormLayout.html +0 -2159
- package/oj-c/docs/oj-c.HighlightText.html +0 -1078
- package/oj-c/docs/oj-c.InputDateMask.html +0 -5271
- package/oj-c/docs/oj-c.InputDateText.html +0 -5534
- package/oj-c/docs/oj-c.InputMonthMask.html +0 -5940
- package/oj-c/docs/oj-c.InputNumber.html +0 -6369
- package/oj-c/docs/oj-c.InputPassword.html +0 -5261
- package/oj-c/docs/oj-c.InputSensitiveText.html +0 -5723
- package/oj-c/docs/oj-c.InputText.html +0 -6124
- package/oj-c/docs/oj-c.LabelledLink.html +0 -2552
- package/oj-c/docs/oj-c.Legend.html +0 -5146
- package/oj-c/docs/oj-c.LegendItem.html +0 -1493
- package/oj-c/docs/oj-c.LegendSection.html +0 -460
- package/oj-c/docs/oj-c.LineChart.html +0 -9491
- package/oj-c/docs/oj-c.LineChartGroup.html +0 -610
- package/oj-c/docs/oj-c.LineChartItem.html +0 -1104
- package/oj-c/docs/oj-c.LineChartSeries.html +0 -1168
- package/oj-c/docs/oj-c.ListItemLayout.html +0 -1680
- package/oj-c/docs/oj-c.ListView.html +0 -2733
- package/oj-c/docs/oj-c.MenuButton.html +0 -2444
- package/oj-c/docs/oj-c.MessageBanner.html +0 -2107
- package/oj-c/docs/oj-c.MessageToast.html +0 -2254
- package/oj-c/docs/oj-c.MeterBar.html +0 -3308
- package/oj-c/docs/oj-c.MeterCircle.html +0 -3845
- package/oj-c/docs/oj-c.ProgressBar.html +0 -1250
- package/oj-c/docs/oj-c.ProgressCircle.html +0 -1266
- package/oj-c/docs/oj-c.Radioset.html +0 -4585
- package/oj-c/docs/oj-c.RatingGauge.html +0 -2738
- package/oj-c/docs/oj-c.SelectMultiple.html +0 -5381
- package/oj-c/docs/oj-c.SelectSingle.html +0 -5691
- package/oj-c/docs/oj-c.Selector.html +0 -1363
- package/oj-c/docs/oj-c.SelectorAll.html +0 -1128
- package/oj-c/docs/oj-c.SplitMenuButton.html +0 -1990
- package/oj-c/docs/oj-c.TabBarMixed.html +0 -2660
- package/oj-c/docs/oj-c.TagCloud.html +0 -2441
- package/oj-c/docs/oj-c.TagCloudItem.html +0 -794
- package/oj-c/docs/oj-c.TextArea.html +0 -5809
- package/oj-c/docs/progress-bar.html +0 -249
- package/oj-c/docs/progress-circle.html +0 -249
- package/oj-c/docs/radioset.html +0 -249
- package/oj-c/docs/rating-gauge.html +0 -249
- package/oj-c/docs/scripts/deprecated.js +0 -268
- package/oj-c/docs/scripts/prettify/Apache-License-2.0.txt +0 -202
- package/oj-c/docs/scripts/prettify/lang-css.js +0 -9
- package/oj-c/docs/scripts/prettify/prettify.js +0 -35
- package/oj-c/docs/select-multiple.html +0 -249
- package/oj-c/docs/select-single.html +0 -249
- package/oj-c/docs/selection-card.html +0 -249
- package/oj-c/docs/selector-all.html +0 -249
- package/oj-c/docs/selector.html +0 -249
- package/oj-c/docs/split-menu-button.html +0 -249
- package/oj-c/docs/styles/images/bookmark.png +0 -0
- package/oj-c/docs/styles/images/linesarrowup.png +0 -0
- package/oj-c/docs/styles/images/linesarrowup_blue.png +0 -0
- package/oj-c/docs/styles/images/linesarrowup_hov.png +0 -0
- package/oj-c/docs/styles/images/linesarrowup_white.png +0 -0
- package/oj-c/docs/styles/images/oracle_logo_sm.png +0 -0
- package/oj-c/docs/styles/jsdoc-default.css +0 -851
- package/oj-c/docs/styles/prettify-jsdoc.css +0 -111
- package/oj-c/docs/styles/prettify-tomorrow.css +0 -132
- package/oj-c/docs/tab-bar-mixed.html +0 -249
- package/oj-c/docs/tag-cloud-item.html +0 -249
- package/oj-c/docs/tag-cloud.html +0 -249
- package/oj-c/docs/text-area.html +0 -249
- package/oj-c/editable-value/UNSAFE_useConverterObject/useConverterObject.js +0 -42
- package/oj-c/editable-value/UNSAFE_useEditableValueRawValueObject/useEditableValueRawValueObject.js +0 -147
- package/oj-c/editable-value/UNSAFE_useValueRawValueObject/useValueRawValueObject.js +0 -40
- package/oj-c/editable-value/UNSAFE_useValueRawValueObjectLifecycle/useValueRawValueObjectLifecycle.js +0 -27
- package/oj-c/min/editable-value/UNSAFE_useConverterObject/useConverterObject.js +0 -42
- package/oj-c/min/editable-value/UNSAFE_useEditableValueRawValueObject/useEditableValueRawValueObject.js +0 -147
- package/oj-c/min/editable-value/UNSAFE_useValueRawValueObject/useValueRawValueObject.js +0 -40
- package/oj-c/min/editable-value/UNSAFE_useValueRawValueObjectLifecycle/useValueRawValueObjectLifecycle.js +0 -27
- package/oj-c/types/editable-value/UNSAFE_useConverterObject/useConverterObject.d.ts +0 -15
- package/oj-c/types/editable-value/UNSAFE_useEditableValueRawValueObject/useEditableValueRawValueObject.d.ts +0 -49
- package/oj-c/types/editable-value/UNSAFE_useValueRawValueObject/useValueRawValueObject.d.ts +0 -23
- package/oj-c/types/editable-value/UNSAFE_useValueRawValueObjectLifecycle/useValueRawValueObjectLifecycle.d.ts +0 -9
package/oj-c/InputText.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"memberof": "oj-c",
|
|
7
7
|
"longname": "oj-c.InputText",
|
|
8
8
|
"kind": "class",
|
|
9
|
-
"classdesc": "<h3 id=\"inputTextOverview-section\">\n JET InputText Component\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#inputTextOverview-section\"></a>\n</h3>\n\n<p>Description: The oj-c-input-text component enhances a browser input type=\"text\" element.</p>\n\n<pre class=\"prettyprint\"><code><oj-c-input-text value=\"value text\" label-hint=\"Input Text\"></oj-c-input-text></code></pre>\n\n<h3 id=\"validation-section\">\n Validation and Messaging\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#validation-section\"></a>\n</h3>\n\n<p>\nAn editable component runs validation (normal or deferred) based on the action performed on it\n(either by end-user or page author), and the state it was in when the action occurred. Examples\nof actions are - creating a component, user changing the value of the component by interacting\nwith it, the app setting a value programmatically, the app calling the validate() method etc. At\nthe time the action occurs, the component could already be showing errors, or can have a deferred\nerror or have no errors.\n</p>\n<p>\nThese factors also determine whether validation errors/messages get shown to the user immediately\nor get deferred. The following sections highlight the kinds of validation that are run and how\nmessages get handled.\n</p>\n\n<h4 id=\"normal-validation-section\">\n Normal Validation\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#normal-validation-section\"></a>\n</h4>\nNormal validation is run in the following cases on the display value, using the converter and\nvalidators (this includes async-validators) set on the component,\nand validation errors are reported to user immediately.\n<ul>\n<li>When value changes as a result of user interaction all messages are cleared, including custom\nmessages added by the app, and full validation is run on the UI value. The steps performed are\noutlined below.\n<ol>\n<li>All messages are cleared and <code class=\"prettyprint\">messagesCustom</code> property is cleared</li>\n<li>If no converter is present then processing continues to next step. If a converter is\npresent, the UI value is first converted (i.e., parsed). If there is a parse error then\nthe messages are shown and processing returns.</li>\n<li>If there are no validators setup for the component then the value is set on the component.\nOtherwise all validators are run in sequence using the parsed value from the previous step. The\nimplicit required is run first if the component is marked required. When a validation error is\nencountered it is remembered and the next validator in the sequence is run.\n<ul><li>NOTE: The value is trimmed before required validation is run</li></ul>\n</li>\n<li>At the end of the validation run if there are errors, the messages are shown\nand processing returns. If there are async-validators, those errors are shown as soon as they\ncome in, and not until all validators, sync and async validators, are complete, does processing\nreturn, that is, value and valid are updated. If there are no errors, then the\n<code class=\"prettyprint\">value</code> property is updated and the formatted value displayed on the\nUI.</li>\n</ol>\n</li>\n<li>When the <code class=\"prettyprint\">validate</code> method is called by app, all messages are\ncleared and full validation run using the display value. See <code class=\"prettyprint\">validate</code>\nmethod on the sub-classes for details. Note: JET validation is designed to catch user input errors, and not invalid\ndata passed from the server; this should be caught on the server.</li>\n<li>When certain properties change through programmatic intervention by app, the component\ndetermines whether it needs to run normal validation based on the state the component is in.\nRefer to the <a href=\"#mixed-validation-section\">Mixed Validation</a> section below for details. </li>\n</ul>\n\n<h4 id=\"deferred-validation-section\">\n Deferred Validation\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#deferred-validation-section\"></a>\n</h4>\nDeferred validation is run in the following cases on the component value using the implicit\nrequired validator if required is true, and validation errors are deferred, i.e., not shown to user immediately.\nRefer to the <a href=\"#deferred-messages-section\">Showing Deferred Messages</a> section to\nunderstand how deferred messages can be shown.\n<ul>\n <li>When a component is created and it is required deferred validation is run and no messages are cleared\n prior to running validation.\n Refer to the <a href=\"#deferred-validators-section\">Validators\n Participating in Deferred Validation</a> section for details.</li>\n <li>When the <code class=\"prettyprint\">value</code> property changes due to programmatic\n intervention deferred validation is run, after all messages and messagesCustom property are cleared.</li>\n <li>When the <code class=\"prettyprint\">reset</code> method is called, deferred validation is run\n after all messages and messagesCustom property are cleared.</li>\n <li>When certain properties change through programmatic intervention by app, the component\n determines whether it needs to run deferred validation based on the state the component is in.\n Refer to the <a href=\"#mixed-validation-section\">Mixed Validation</a> section below for details.</li>\n</ul>\n\n<h4 id=\"mixed-validation-section\">\n Mixed Validation\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#mixed-validation-section\"></a>\n</h4>\nEither deferred or normal validation is run in the following cases based on the state the\ncomponent is in and any validation errors encountered are either hidden or shown to user.\n<ul>\n <li>when disabled property changes. See <a href=\"#disabled\">disabled</a> property for details.</li>\n <li>when converter property changes. See <a href=\"#converter\">converter</a> property for details.</li>\n <li>when required property changes. See <a href=\"#required\">required</a> property for details.</li>\n <li>when validators property changes. See <a href=\"#validators\">validators</a> property for details.</li>\n</ul>\n\n<h3 id=\"deferred-messages-section\">\n Showing Deferred Messages\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#deferred-messages-section\"></a>\n</h3>\nDeferred validation messages are displayed only when page author requests for it explicitly in\none of the following ways:\n<ul>\n<li>calls the <a href=\"#showMessages\"><code class=\"prettyprint\">showMessages</code></a> method on the component</li>\n</ul>\n\n<h3 id=\"deferred-validators-section\">\n Validators Participating in Deferred Validation\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#deferred-validators-section\"></a>\n</h3>\nThe required validator is the only validator type that participates in deferred validation.\nThe required property needs to be set to true for the required validator to run.\n\n<h3 id=\"user-assistance-text-section\">\n User Assistance Text\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#user-assistance-text-section\"></a>\n</h3>\n<p>\nUser assistive text provides guidance to help the user understand what data to enter or select.\n</p>\n<p>\nBy default all user assistance text shows inline.\nFor input components, it shows when the field takes focus. In other components\nit shows all the time. See the user-assistance-density property for other ways\nthe user assistance text can render, like in 'compact' mode, it will render as an icon on the label\nwhich when clicked will show the user assistance text in a notewindow.\n</p>\n<p>\nThe JET form component properties that are used for user assistance text are help.instruction,\nvalidator and converter hints, and help-hints.\nIn the Redwood theme for clarity only one user assistance text shows to the user.\nThe precedence rules are:\n<ul>\n<li>help.instruction shows;</li>\n<li>if no help.instruction, then validator hint shows;</li>\n<li>if no help.instruction or validator hint, then help-hints.definition shows;</li>\n<li>if no help.instruction, validator hint, or help-hints.definition, then converter hint shows.</li>\n<li>help-hints.source always shows along side the above.</li>\n</ul>\n</p>\n<p>Sometimes a validator or converter hint shows that you do not want to show. To not show it,\n set the display-options.validator-hint and/or display-options.converter-hint property to 'none'.\n</p>\n<p>required and placeholder properties also can be used to guide the user.\nIn Redwood, a required field shows the word Required under the field\nwhen the field is empty and does not have focus.\nPlaceholder is shown when the field is empty and has focus.\n</p>\n\n<h3 id=\"touch-section\">\n Touch End User Information\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#touch-section\"></a>\n</h3>\n\n<table class=\"keyboard-table\">\n <thead>\n <tr>\n <th>Target</th>\n <th>Gesture</th>\n <th>Action</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>Input</td>\n <td><kbd>Tap</kbd></td>\n <td>Sets focus to input. Show user assistance text.</td>\n </tr>\n </tbody>\n</table>\n\n<h3 id=\"keyboard-section\">\n Keyboard End User Information\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#keyboard-section\"></a>\n</h3>\n\n<table class=\"keyboard-table\">\n <thead>\n <tr>\n <th>Target</th>\n <th>Key</th>\n <th>Action</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>Input</td>\n <td><kbd>Tab In</kbd></td>\n <td>Set focus to the input. Show user assistance text.</td>\n </tr>\n </tbody>\n</table>\n\n<h3 id=\"a11y-section\">\n Accessibility\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#a11y-section\"></a>\n</h3>\n\n<p>\nFor accessibility, set the <a href=\"#labelHint\">label-hint</a> property.\nIf there is no visible label, then to make this accessible to screen reader users,\nset the <a href=\"#labelHint\">label-hint</a> and <a href=\"#labelEdge\">label-edge</a>='none'\nwhich renders an aria-label with the label-hint text.\n</p>\n\n<p>\nThe placeholder text is not read reliably by the screen reader. For accessibility reasons,\nyou need to associate the text to its JET form component using aria-describedby.\n</p>\n\n<p>\nDisabled content: JET supports an accessible luminosity contrast ratio,\nas specified in <a href=\"http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\">WCAG 2.0 - Section 1.4.3 \"Contrast\"</a>,\nin the themes that are accessible. (See the \"Theming\" chapter of the JET Developer Guide for more information on which\nthemes are accessible.) Note that Section 1.4.3 says that text or images of text that are part of an inactive user\ninterface component have no contrast requirement. Because disabled content may not meet the minimum contrast ratio\nrequired of enabled content, it cannot be used to convey meaningful information.\n</p>",
|
|
9
|
+
"classdesc": "<h3 id=\"inputTextOverview-section\">\n JET InputText Component\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#inputTextOverview-section\"></a>\n</h3>\n\n<p>Description: The oj-c-input-text component enhances a browser input type=\"text\" element.</p>\n\n<pre class=\"prettyprint\"><code><oj-c-input-text value=\"value text\" label-hint=\"Input Text\"></oj-c-input-text></code></pre>\n\n<h3 id=\"validation-section\">\n Validation and Messaging\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#validation-section\"></a>\n</h3>\n\n<p>\nAn editable component runs validation (normal or deferred) based on the action performed on it\n(either by end-user or page author), and the state it was in when the action occurred. Examples\nof actions are - creating a component, user changing the value of the component by interacting\nwith it, the app setting a value programmatically, the app calling the validate() method etc. At\nthe time the action occurs, the component could already be showing errors, or can have a deferred\nerror or have no errors.\n</p>\n<p>\nThese factors also determine whether validation errors/messages get shown to the user immediately\nor get deferred. The following sections highlight the kinds of validation that are run and how\nmessages get handled.\n</p>\n\n<h4 id=\"normal-validation-section\">\n Normal Validation\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#normal-validation-section\"></a>\n</h4>\nNormal validation is run in the following cases on the display value, using the converter and\nvalidators (this includes async-validators) set on the component,\nand validation errors are reported to user immediately.\n<ul>\n<li>When value changes as a result of user interaction all messages are cleared, including custom\nmessages added by the app, and full validation is run on the UI value. The steps performed are\noutlined below.\n<ol>\n<li>All messages are cleared and <code class=\"prettyprint\">messagesCustom</code> property is cleared</li>\n<li>If no converter is present then processing continues to next step. If a converter is\npresent, the UI value is first converted (i.e., parsed). If there is a parse error then\nthe messages are shown and processing returns.</li>\n<li>If there are no validators setup for the component then the value is set on the component.\nOtherwise all validators are run in sequence using the parsed value from the previous step. The\nimplicit required is run first if the component is marked required. When a validation error is\nencountered it is remembered and the next validator in the sequence is run.\n<ul><li>NOTE: The value is trimmed before required validation is run</li></ul>\n</li>\n<li>At the end of the validation run if there are errors, the messages are shown\nand processing returns. If there are async-validators, those errors are shown as soon as they\ncome in, and not until all validators, sync and async validators, are complete, does processing\nreturn, that is, value and valid are updated. If there are no errors, then the\n<code class=\"prettyprint\">value</code> property is updated and the formatted value displayed on the\nUI.</li>\n</ol>\n</li>\n<li>When the <code class=\"prettyprint\">validate</code> method is called by app, all messages are\ncleared and full validation run using the display value. See <code class=\"prettyprint\">validate</code>\nmethod on the sub-classes for details. Note: JET validation is designed to catch user input errors, and not invalid\ndata passed from the server; this should be caught on the server.</li>\n<li>When certain properties change through programmatic intervention by app, the component\ndetermines whether it needs to run normal validation based on the state the component is in.\nRefer to the <a href=\"#mixed-validation-section\">Mixed Validation</a> section below for details. </li>\n</ul>\n\n<h4 id=\"deferred-validation-section\">\n Deferred Validation\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#deferred-validation-section\"></a>\n</h4>\nDeferred validation is run in the following cases on the component value using the implicit\nrequired validator if required is true, and validation errors are deferred, i.e., not shown to user immediately.\nRefer to the <a href=\"#deferred-messages-section\">Showing Deferred Messages</a> section to\nunderstand how deferred messages can be shown.\n<ul>\n <li>When a component is created and it is required deferred validation is run and no messages are cleared\n prior to running validation.\n Refer to the <a href=\"#deferred-validators-section\">Validators\n Participating in Deferred Validation</a> section for details.</li>\n <li>When the <code class=\"prettyprint\">value</code> property changes due to programmatic\n intervention deferred validation is run, after all messages and messagesCustom property are cleared.</li>\n <li>When the <code class=\"prettyprint\">reset</code> method is called, deferred validation is run\n after all messages and messagesCustom property are cleared.</li>\n <li>When certain properties change through programmatic intervention by app, the component\n determines whether it needs to run deferred validation based on the state the component is in.\n Refer to the <a href=\"#mixed-validation-section\">Mixed Validation</a> section below for details.</li>\n</ul>\n\n<h4 id=\"mixed-validation-section\">\n Mixed Validation\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#mixed-validation-section\"></a>\n</h4>\nEither deferred or normal validation is run in the following cases based on the state the\ncomponent is in and any validation errors encountered are either hidden or shown to user.\n<ul>\n <li>when disabled property changes. See <a href=\"#disabled\">disabled</a> property for details.</li>\n <li>when converter property changes. See <a href=\"#converter\">converter</a> property for details.</li>\n <li>when required property changes. See <a href=\"#required\">required</a> property for details.</li>\n <li>when validators property changes. See <a href=\"#validators\">validators</a> property for details.</li>\n</ul>\n\n<h3 id=\"deferred-messages-section\">\n Showing Deferred Messages\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#deferred-messages-section\"></a>\n</h3>\nDeferred validation messages are displayed only when page author requests for it explicitly in\none of the following ways:\n<ul>\n<li>calls the <a href=\"#showMessages\"><code class=\"prettyprint\">showMessages</code></a> method on the component</li>\n</ul>\n\n<h3 id=\"deferred-validators-section\">\n Validators Participating in Deferred Validation\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#deferred-validators-section\"></a>\n</h3>\nThe required validator is the only validator type that participates in deferred validation.\nThe required property needs to be set to true for the required validator to run.\n\n<h3 id=\"user-assistance-text-section\">\n User Assistance Text\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#user-assistance-text-section\"></a>\n</h3>\n<p>\nUser assistive text provides guidance to help the user understand what data to enter or select.\n</p>\n<p>\nBy default all user assistance text shows inline.\nFor input components, it shows when the field takes focus. In other components\nit shows all the time. See the user-assistance-density property for other ways\nthe user assistance text can render, like in 'compact' mode, it will render as an icon on the label\nwhich when clicked will show the user assistance text in a notewindow.\n</p>\n<p>\nThe JET form component properties that are used for user assistance text are help.instruction,\nvalidator and converter hints, and help-hints.\nIn the Redwood theme for clarity only one user assistance text shows to the user.\nThe precedence rules are:\n<ul>\n<li>help.instruction shows;</li>\n<li>if no help.instruction, then validator hint shows;</li>\n<li>if no help.instruction or validator hint, then help-hints.definition shows;</li>\n<li>if no help.instruction, validator hint, or help-hints.definition, then converter hint shows.</li>\n<li>help-hints.source always shows along side the above.</li>\n</ul>\n</p>\n<p>Sometimes a validator or converter hint shows that you do not want to show. To not show it,\n set the display-options.validator-hint and/or display-options.converter-hint property to 'none'.\n</p>\n<p>The required and placeholder properties also can be used to guide the user.\nIn Redwood, a required field shows the word Required under the field\nwhen the field is empty and does not have focus.\nPlaceholder is shown when the field is empty and has focus.\n</p>\n\n<h3 id=\"touch-section\">\n Touch End User Information\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#touch-section\"></a>\n</h3>\n\n<table class=\"keyboard-table\">\n <thead>\n <tr>\n <th>Target</th>\n <th>Gesture</th>\n <th>Action</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>Input</td>\n <td><kbd>Tap</kbd></td>\n <td>Sets focus to input. Show user assistance text.</td>\n </tr>\n </tbody>\n</table>\n\n<h3 id=\"keyboard-section\">\n Keyboard End User Information\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#keyboard-section\"></a>\n</h3>\n\n<table class=\"keyboard-table\">\n <thead>\n <tr>\n <th>Target</th>\n <th>Key</th>\n <th>Action</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>Input</td>\n <td><kbd>Tab In</kbd></td>\n <td>Set focus to the input. Show user assistance text.</td>\n </tr>\n </tbody>\n</table>\n\n<h3 id=\"a11y-section\">\n Accessibility\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#a11y-section\"></a>\n</h3>\n\n<p>\nFor accessibility, set the <a href=\"#labelHint\">label-hint</a> property.\nIf there is no visible label, then to make this accessible to screen reader users,\nset the <a href=\"#labelHint\">label-hint</a> and <a href=\"#labelEdge\">label-edge</a>='none'\nwhich renders an aria-label with the label-hint text.\n</p>\n\n<p>\nThe placeholder text is not read reliably by the screen reader. For accessibility reasons,\nyou need to associate the text to its JET form component using aria-describedby.\n</p>\n\n<p>\nDisabled content: JET supports an accessible luminosity contrast ratio,\nas specified in <a href=\"http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\">WCAG 2.0 - Section 1.4.3 \"Contrast\"</a>,\nin the themes that are accessible. (See the \"Theming\" chapter of the JET Developer Guide for more information on which\nthemes are accessible.) Note that Section 1.4.3 says that text or images of text that are part of an inactive user\ninterface component have no contrast requirement. Because disabled content may not meet the minimum contrast ratio\nrequired of enabled content, it cannot be used to convey meaningful information.\n</p>",
|
|
10
10
|
"scope": "static",
|
|
11
11
|
"tagWithoutBrackets": "oj-c-input-text",
|
|
12
12
|
"tagWithBrackets": "<oj-c-input-text>",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
],
|
|
40
40
|
"meta": {
|
|
41
41
|
"filename": "input-text.tsx",
|
|
42
|
-
"path": "
|
|
42
|
+
"path": "web/components/oj-c/input-text"
|
|
43
43
|
},
|
|
44
44
|
"ojmodule": "input-text"
|
|
45
45
|
},
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"description": "Dictates component's autocomplete state. This attribute indicates whether the value of\nthe control can be automatically completed by the browser. The common values are 'on' and 'off'.\n\nSince this attribute passes through to the input element unchanged, you can look at the html specs for\ndetailed information for how browsers behave and what values besides 'on' and 'off' you can set.\nThe html spec says the default is 'on', so when autocomplete is not explicitly set, the browsers treat it as 'on'.",
|
|
55
55
|
"meta": {
|
|
56
56
|
"filename": "input-text.tsx",
|
|
57
|
-
"path": "
|
|
57
|
+
"path": "web/components/oj-c/input-text"
|
|
58
58
|
},
|
|
59
59
|
"defaultvalue": "\"on\"",
|
|
60
60
|
"type": {
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"description": "Specifies if an icon to clear the input field should be visible.",
|
|
75
75
|
"meta": {
|
|
76
76
|
"filename": "input-text.tsx",
|
|
77
|
-
"path": "
|
|
77
|
+
"path": "web/components/oj-c/input-text"
|
|
78
78
|
},
|
|
79
79
|
"ojvalues": [
|
|
80
80
|
{
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
"description": "Specifies how many columns this component should span.\nThis only takes effect when this component is a child of a form layout\nthat has direction 'row'.",
|
|
129
129
|
"meta": {
|
|
130
130
|
"filename": "input-text.tsx",
|
|
131
|
-
"path": "
|
|
131
|
+
"path": "web/components/oj-c/input-text"
|
|
132
132
|
},
|
|
133
133
|
"defaultvalue": 1,
|
|
134
134
|
"type": {
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
"description": "Specifies whether an ancestor container, like oj-c-form-layout, is readonly.\nThis affects whether a readonly component renders in full or mixed readonly mode.",
|
|
149
149
|
"meta": {
|
|
150
150
|
"filename": "input-text.tsx",
|
|
151
|
-
"path": "
|
|
151
|
+
"path": "web/components/oj-c/input-text"
|
|
152
152
|
},
|
|
153
153
|
"type": {
|
|
154
154
|
"names": [
|
|
@@ -167,21 +167,14 @@
|
|
|
167
167
|
"description": "A converter instance or one that duck types oj.Converter.\n<p>\nWhen <code class=\"prettyprint\">converter</code> property changes due to programmatic\nintervention, the element performs various tasks based on the current state it is in. </br>\n\n<h4>Steps Performed Always</h4>\n<ul>\n<li>Any cached converter instance is cleared and new converter created. The converter hint is\npushed to messaging. E.g., notewindow displays the new hint(s).\n</li>\n</ul>\n\n<h4>Running Validation</h4>\n<ul>\n<li>if element is valid when <code class=\"prettyprint\">converter</code> property changes, the\n display value is refreshed.</li>\n<li>if element is invalid and is showing messages when\n<code class=\"prettyprint\">converter</code> property changes then all element messages are\ncleared and full validation run using the current display value on the element.\n<ul>\n <li>if there are validation errors, then <code class=\"prettyprint\">value</code>\n property is not updated, and the error is shown.\n The display value is not refreshed in this case. </li>\n <li>if no errors result from the validation, the <code class=\"prettyprint\">value</code>\n property is updated; page author can listen to the <code class=\"prettyprint\">valueChanged</code>\n event to clear custom errors. The\n display value is refreshed with the formatted value provided by converter.</li>\n</ul>\n</li>\n<li>if element is invalid and has deferred messages when converter property changes, the\n display value is again refreshed with the formatted value provided by converter.</li>\n</ul>\n\n<h4>Clearing Messages</h4>\n<ul>\n<li>Only messages created by the element are cleared.</li>\n<li><code class=\"prettyprint\">messagesCustom</code> property is not cleared.\nPage authors can\nchoose to clear it explicitly when setting the converter option.</li>\n</ul>\n</p>\n<p>\n During validation, the converter takes the input value which is a string\n and parses it into the type of the component's value property\n (e.g. a number)\n before it passes it to the validator. It then takes the validated value property\n and formats it into a string to be displayed and puts it into the input.\n If the converter's format or parse functions\n throw an error, it will be displayed to the user inline on the field.\n</p>\n<p>\nThe hint exposed by the converter is shown inline by default in the Redwood theme when\nthe field has focus.\nYou can turn off showing converter hints by using the\n'converterHint' property set to 'none' on the <code class=\"prettyprint\">display-options</code>\nattribute.\n</p>\n<p>\nIn the Redwood theme, only one hint shows at a time, so the precedence rules are:\nhelp.instruction shows; if no help.instruction then validator hints show;\nif none, then help-hints.definition shows; if none, then converter hint shows.\nhelp-hints.source always shows along with the other help or hint.\n</p>",
|
|
168
168
|
"meta": {
|
|
169
169
|
"filename": "input-text.tsx",
|
|
170
|
-
"path": "
|
|
170
|
+
"path": "web/components/oj-c/input-text"
|
|
171
171
|
},
|
|
172
172
|
"defaultvalue": null,
|
|
173
173
|
"type": {
|
|
174
174
|
"names": [
|
|
175
175
|
"object|null"
|
|
176
176
|
]
|
|
177
|
-
}
|
|
178
|
-
"tstype": [
|
|
179
|
-
{
|
|
180
|
-
"target": "Type",
|
|
181
|
-
"value": "Converter<V>|null",
|
|
182
|
-
"jsdocOverride": true
|
|
183
|
-
}
|
|
184
|
-
]
|
|
177
|
+
}
|
|
185
178
|
},
|
|
186
179
|
{
|
|
187
180
|
"memberof": "oj-c.InputText",
|
|
@@ -194,7 +187,7 @@
|
|
|
194
187
|
"description": "Whether the component is disabled. The default is false.\n\n<p>\nWhen the <code class=\"prettyprint\">disabled</code> property changes due to programmatic\nintervention, the component may clear messages and run validation in some cases. </br>\n<ul>\n<li>when a required component is initialized as disabled\n<code class=\"prettyprint\">value=\"{{currentValue}}\" required disabled</code>,\ndeferred validation is skipped.</li>\n<li>when a disabled component is enabled,\n <ul>\n <li>if component is invalid and showing messages then all component messages are cleared,\n and full validation run using the display value.\n <ul>\n <li>if there are validation errors, they are shown.</li>\n <li>if no errors result from the validation, the <code class=\"prettyprint\">value</code>\n property is updated. Page authors can listen to the <code class=\"prettyprint\">valueChanged</code>\n event to clear custom errors.</li>\n </ul>\n </li>\n\n <li>if component is valid and has no errors then deferred validation is run.\n <ul>\n <li>if there is a deferred validation error, then the valid property is updated. </li>\n </ul>\n </li>\n <li>if component is invalid and deferred errors then component messages are cleared and\n deferred validation re-run.\n <ul>\n <li>if there is a deferred validation error, then the valid property is updated.</li>\n </ul>\n </li>\n </ul>\n</li>\n<li>when enabled component is disabled then no validation is run and the component appears\ndisabled.</li>\n</ul>\n</p>",
|
|
195
188
|
"meta": {
|
|
196
189
|
"filename": "input-text.tsx",
|
|
197
|
-
"path": "
|
|
190
|
+
"path": "web/components/oj-c/input-text"
|
|
198
191
|
},
|
|
199
192
|
"defaultvalue": false,
|
|
200
193
|
"type": {
|
|
@@ -214,7 +207,7 @@
|
|
|
214
207
|
"description": "Display options for auxiliary content that determines whether or not it should be displayed.",
|
|
215
208
|
"meta": {
|
|
216
209
|
"filename": "input-text.tsx",
|
|
217
|
-
"path": "
|
|
210
|
+
"path": "web/components/oj-c/input-text"
|
|
218
211
|
},
|
|
219
212
|
"type": {
|
|
220
213
|
"names": [
|
|
@@ -240,7 +233,7 @@
|
|
|
240
233
|
"description": "Form component help information.",
|
|
241
234
|
"meta": {
|
|
242
235
|
"filename": "input-text.tsx",
|
|
243
|
-
"path": "
|
|
236
|
+
"path": "web/components/oj-c/input-text"
|
|
244
237
|
},
|
|
245
238
|
"type": {
|
|
246
239
|
"names": [
|
|
@@ -266,7 +259,7 @@
|
|
|
266
259
|
"description": "The helpHints object contains a definition property and a source property.",
|
|
267
260
|
"meta": {
|
|
268
261
|
"filename": "input-text.tsx",
|
|
269
|
-
"path": "
|
|
262
|
+
"path": "web/components/oj-c/input-text"
|
|
270
263
|
},
|
|
271
264
|
"type": {
|
|
272
265
|
"names": [
|
|
@@ -292,7 +285,7 @@
|
|
|
292
285
|
"description": "The inputPrefix displays as regular text before the input text.\nThe inputPrefix is not editable or focusable.",
|
|
293
286
|
"meta": {
|
|
294
287
|
"filename": "input-text.tsx",
|
|
295
|
-
"path": "
|
|
288
|
+
"path": "web/components/oj-c/input-text"
|
|
296
289
|
},
|
|
297
290
|
"type": {
|
|
298
291
|
"names": [
|
|
@@ -311,7 +304,7 @@
|
|
|
311
304
|
"description": "The inputSuffix displays as regular text after the input text.\nThe inputSuffix is not editable or focusable.",
|
|
312
305
|
"meta": {
|
|
313
306
|
"filename": "input-text.tsx",
|
|
314
|
-
"path": "
|
|
307
|
+
"path": "web/components/oj-c/input-text"
|
|
315
308
|
},
|
|
316
309
|
"type": {
|
|
317
310
|
"names": [
|
|
@@ -330,7 +323,7 @@
|
|
|
330
323
|
"description": "Specifies how the label of the component is positioned when the label-hint\nattribute is set on the component.",
|
|
331
324
|
"meta": {
|
|
332
325
|
"filename": "input-text.tsx",
|
|
333
|
-
"path": "
|
|
326
|
+
"path": "web/components/oj-c/input-text"
|
|
334
327
|
},
|
|
335
328
|
"ojvalues": [
|
|
336
329
|
{
|
|
@@ -394,7 +387,7 @@
|
|
|
394
387
|
"description": "Represents a hint for rendering a label on the component.\nThis is used in combination with the label-edge attribute to control how the label should be rendered.",
|
|
395
388
|
"meta": {
|
|
396
389
|
"filename": "input-text.tsx",
|
|
397
|
-
"path": "
|
|
390
|
+
"path": "web/components/oj-c/input-text"
|
|
398
391
|
},
|
|
399
392
|
"type": {
|
|
400
393
|
"names": [
|
|
@@ -413,20 +406,13 @@
|
|
|
413
406
|
"description": "<p> The width of the label when labelEdge is 'start'.</p>\n<p> This attribute accepts values of type\n<code>0 | `--${string}` | `${number}%` | `${number}x` | `calc(${string})`</code></p>",
|
|
414
407
|
"meta": {
|
|
415
408
|
"filename": "input-text.tsx",
|
|
416
|
-
"path": "
|
|
409
|
+
"path": "web/components/oj-c/input-text"
|
|
417
410
|
},
|
|
418
411
|
"type": {
|
|
419
412
|
"names": [
|
|
420
413
|
"number|string"
|
|
421
414
|
]
|
|
422
|
-
}
|
|
423
|
-
"tstype": [
|
|
424
|
-
{
|
|
425
|
-
"target": "Type",
|
|
426
|
-
"value": "Size",
|
|
427
|
-
"jsdocOverride": true
|
|
428
|
-
}
|
|
429
|
-
]
|
|
415
|
+
}
|
|
430
416
|
},
|
|
431
417
|
{
|
|
432
418
|
"memberof": "oj-c.InputText",
|
|
@@ -439,7 +425,7 @@
|
|
|
439
425
|
"description": "Should the labels wrap or truncate when there is not enough available space.",
|
|
440
426
|
"meta": {
|
|
441
427
|
"filename": "input-text.tsx",
|
|
442
|
-
"path": "
|
|
428
|
+
"path": "web/components/oj-c/input-text"
|
|
443
429
|
},
|
|
444
430
|
"ojvalues": [
|
|
445
431
|
{
|
|
@@ -481,7 +467,7 @@
|
|
|
481
467
|
"description": "Defines the length limit for the field",
|
|
482
468
|
"meta": {
|
|
483
469
|
"filename": "input-text.tsx",
|
|
484
|
-
"path": "
|
|
470
|
+
"path": "web/components/oj-c/input-text"
|
|
485
471
|
},
|
|
486
472
|
"type": {
|
|
487
473
|
"names": [
|
|
@@ -508,7 +494,7 @@
|
|
|
508
494
|
"description": "List of messages an app would add to the component when it has business/custom validation\nerrors that it wants the component to show. This allows the app to perform further validation\nbefore sending data to the server. When this option is set the message shows to the\nuser right away. To clear the custom message, set <code class=\"prettyprint\">messagesCustom</code>\nback to an empty array.<br/>\n<p>\nSee the <a href=\"#validation-section\">Validation and Messages</a> section\nfor details on when the component clears <code class=\"prettyprint\">messagesCustom</code>;\nfor example, when full validation is run.\n</p>",
|
|
509
495
|
"meta": {
|
|
510
496
|
"filename": "input-text.tsx",
|
|
511
|
-
"path": "
|
|
497
|
+
"path": "web/components/oj-c/input-text"
|
|
512
498
|
},
|
|
513
499
|
"defaultvalue": "[]",
|
|
514
500
|
"type": {
|
|
@@ -535,7 +521,7 @@
|
|
|
535
521
|
"description": "The placeholder text to set on the element.",
|
|
536
522
|
"meta": {
|
|
537
523
|
"filename": "input-text.tsx",
|
|
538
|
-
"path": "
|
|
524
|
+
"path": "web/components/oj-c/input-text"
|
|
539
525
|
},
|
|
540
526
|
"type": {
|
|
541
527
|
"names": [
|
|
@@ -551,12 +537,11 @@
|
|
|
551
537
|
"longname": "oj-c.InputText#readonly",
|
|
552
538
|
"optional": true,
|
|
553
539
|
"scope": "instance",
|
|
554
|
-
"description": "
|
|
540
|
+
"description": "<p>\nWhether the component is readonly. The readonly property sets or returns whether an element\nis readonly, or not. A readonly element cannot be modified. However, a user can tab to it,\nhighlight it, focus on it, and copy the text from it. If you want to prevent the user from\ninteracting with the element, use the disabled property instead.\n</p>\n<p>\nIf the property value is not set either directly on the component or inherited from\na parent form layout, then the property is treated as if its value were false.\n</p>",
|
|
555
541
|
"meta": {
|
|
556
542
|
"filename": "input-text.tsx",
|
|
557
|
-
"path": "
|
|
543
|
+
"path": "web/components/oj-c/input-text"
|
|
558
544
|
},
|
|
559
|
-
"defaultvalue": false,
|
|
560
545
|
"type": {
|
|
561
546
|
"names": [
|
|
562
547
|
"boolean"
|
|
@@ -574,7 +559,7 @@
|
|
|
574
559
|
"description": "<p>\nThis property set to <code class=\"prettyprint\">false</code> implies that a value is not required to be provided by the user.\nThis is the default.\nThis property set to <code class=\"prettyprint\">true</code> implies that a value is required to be provided by the user.\n</p>\n<p>\nIn the Redwood theme, by default, a Required text is rendered inline when the field is empty.\nIf user-assistance-density is 'compact', it will show on the label as an icon.\n</p>\n<p>The Required error text is based on Redwood UX designs, and it is not recommended that\nit be changed.\nTo override the required error message,\nuse the <code class=\"prettyprint\">required-message-detail</code> attribute.\nThe component's label text is passed in as a token {label} and can be used in the message detail.\n</p>\n<p>When required is set to true, an implicit\nrequired validator is created, i.e.,\n<code class=\"prettyprint\">new RequiredValidator()</code>. The required validator is the only\nvalidator to run during initial render, and its error is not shown to the user at this time;\nthis is called deferred validation. The required validator also runs during normal validation;\nthis is when the errors are shown to the user.\nSee the <a href=\"#validation-section\">Validation and Messaging</a> section for details.\n</p>\n<p>\nWhen the <code class=\"prettyprint\">required</code> property changes due to programmatic intervention,\nthe component may clear component messages and run validation, based on the current state it's in. </br>\n\n<h4>Running Validation when required property changes</h4>\n<ul>\n<li>if component is valid when required is set to true, then it runs deferred validation on\nthe value property. If the field is empty, the valid state is invalidHidden. No errors are\nshown to the user.\n</li>\n<li>if component is valid when required is set from true to false, then no validation is run.\n</li>\n<li>if component is invalid and has deferred messages (invalidHidden) when required is set to false, then\ncomponent messages are cleared (messages-custom messages are not cleared)\nbut no deferred validation is run because required is false.\n</li>\n<li>if component is invalid and currently showing invalid messages (invalidShown) when required is changed\nto either true or false, then\ncomponent messages are cleared and normal validation is run using the current display value.\n<ul>\n <li>if there are validation errors, then <code class=\"prettyprint\">value</code>\n property is not updated and the error is shown.\n </li>\n <li>if no errors result from the validation, the <code class=\"prettyprint\">value</code>\n property is updated; page author can listen to the <code class=\"prettyprint\">valueChanged</code>\n event on the component to clear custom errors.</li>\n</ul>\n</li>\n</ul>\n\n<h4>Clearing Messages when required property changes</h4>\n<ul>\n<li>Only messages created by the component, like validation messages, are cleared when the required property changes.</li>\n<li><code class=\"prettyprint\">messagesCustom</code> property is not cleared.</li>\n</ul>\n\n</p>",
|
|
575
560
|
"meta": {
|
|
576
561
|
"filename": "input-text.tsx",
|
|
577
|
-
"path": "
|
|
562
|
+
"path": "web/components/oj-c/input-text"
|
|
578
563
|
},
|
|
579
564
|
"defaultvalue": false,
|
|
580
565
|
"type": {
|
|
@@ -594,7 +579,7 @@
|
|
|
594
579
|
"description": "<p>\nThe component-specific message detail when the required validation fails.\nIf the component needs a required validation error message that is different from the default,\nset this property. It should be a translated string.\n</p>",
|
|
595
580
|
"meta": {
|
|
596
581
|
"filename": "input-text.tsx",
|
|
597
|
-
"path": "
|
|
582
|
+
"path": "web/components/oj-c/input-text"
|
|
598
583
|
},
|
|
599
584
|
"type": {
|
|
600
585
|
"names": [
|
|
@@ -613,7 +598,7 @@
|
|
|
613
598
|
"description": "Specifies how the text is aligned within the text field",
|
|
614
599
|
"meta": {
|
|
615
600
|
"filename": "input-text.tsx",
|
|
616
|
-
"path": "
|
|
601
|
+
"path": "web/components/oj-c/input-text"
|
|
617
602
|
},
|
|
618
603
|
"ojvalues": [
|
|
619
604
|
{
|
|
@@ -667,7 +652,7 @@
|
|
|
667
652
|
"ojhidden": true,
|
|
668
653
|
"meta": {
|
|
669
654
|
"filename": "input-text.tsx",
|
|
670
|
-
"path": "
|
|
655
|
+
"path": "web/components/oj-c/input-text"
|
|
671
656
|
},
|
|
672
657
|
"type": {
|
|
673
658
|
"names": [
|
|
@@ -683,10 +668,10 @@
|
|
|
683
668
|
"longname": "oj-c.InputText#userAssistanceDensity",
|
|
684
669
|
"optional": true,
|
|
685
670
|
"scope": "instance",
|
|
686
|
-
"description": "
|
|
671
|
+
"description": "<p>\nSpecifies the density of the form component's user assistance presentation. It can be shown inline with\nreserved rows to prevent reflow if a user assistance text shows up, inline without reserved rows that would\nreflow if a user assistance text shows up, or it can be shown compactly in a popup instead.\n</p>\n<p>\nIf the property value is not set either directly on the component or inherited from\na parent form layout, then the property is treated as if its value were \"reflow\".\n</p>",
|
|
687
672
|
"meta": {
|
|
688
673
|
"filename": "input-text.tsx",
|
|
689
|
-
"path": "
|
|
674
|
+
"path": "web/components/oj-c/input-text"
|
|
690
675
|
},
|
|
691
676
|
"ojvalues": [
|
|
692
677
|
{
|
|
@@ -720,7 +705,6 @@
|
|
|
720
705
|
}
|
|
721
706
|
}
|
|
722
707
|
],
|
|
723
|
-
"defaultvalue": "\"reflow\"",
|
|
724
708
|
"type": {
|
|
725
709
|
"names": [
|
|
726
710
|
"\"compact\"",
|
|
@@ -740,21 +724,14 @@
|
|
|
740
724
|
"description": "List of validators, synchronous or asynchronous,\nused by the component\nand the implicit component validators when performing validation. Each item is either an\ninstance that duck types oj.Validator or oj.AsyncValidator.\n<p>\nImplicit validators are created by the element when certain attributes are present.\nFor example, if the <code class=\"prettyprint\">required</code> attribute\nis set, an implicit oj.RequiredValidator is created.\nAt runtime when the component runs validation, it\ncombines all the implicit validators with all the validators\nspecified through this <code class=\"prettyprint\">validators</code> attribute\nand the <code class=\"prettyprint\">async-validators</code> attribute, and\nruns all of them.\n</p>\n<p>\nHints exposed by validators are shown inline by default in the Redwood theme when the\nfield has focus.\nYou can turn off showing validator hints by using the\n'validatorHint' property set to 'none' on the <code class=\"prettyprint\">display-options</code>\nattribute.\n</p>\n<p>\nIn the Redwood theme, only one hint shows at a time, so the precedence rules are:\nhelp.instruction shows; if no help.instruction then validator hints show;\nif none, then help-hints.definition shows; if none, then converter hint shows.\nhelp-hints.source always shows along with the other help or hint.\n</p>\n\n<p>\nWhen <code class=\"prettyprint\">validators</code> property changes due to programmatic\nintervention, the component may decide to clear messages and run validation, based on the\ncurrent state it is in. </br>\n\n<h4>Steps Performed Always</h4>\n<ul>\n<li>The cached list of validator instances are cleared and new validator hints is pushed to\nmessaging.\n</li>\n</ul>\n\n<h4>Running Validation</h4>\n<ul>\n<li>if component is valid when validators changes, component does nothing other than the\nsteps it always performs.</li>\n<li>if component is invalid and is showing messages when\n<code class=\"prettyprint\">validators</code> or\n<code class=\"prettyprint\">async-validators</code> changes then all component messages\n are cleared and full validation run using the display value on the component.\n<ul>\n <li>if there are validation errors, then <code class=\"prettyprint\">value</code>\n property is not updated and the error is shown.\n </li>\n <li>if no errors result from the validation, the <code class=\"prettyprint\">value</code>\n property is updated; page author can listen to the <code class=\"prettyprint\">valueChanged</code>\n event to clear custom errors.</li>\n</ul>\n</li>\n<li>if component is invalid and has deferred messages when validators changes, it does\nnothing other than the steps it performs always.</li>\n</ul>\n</p>\n\n<h4>Clearing Messages</h4>\n<ul>\n<li>Only messages created by the component are cleared.</li>\n<li><code class=\"prettyprint\">messagesCustom</code> property is not cleared.</li>\n</ul>\n</p>",
|
|
741
725
|
"meta": {
|
|
742
726
|
"filename": "input-text.tsx",
|
|
743
|
-
"path": "
|
|
727
|
+
"path": "web/components/oj-c/input-text"
|
|
744
728
|
},
|
|
745
729
|
"defaultvalue": "[]",
|
|
746
730
|
"type": {
|
|
747
731
|
"names": [
|
|
748
732
|
"Array<object>|null"
|
|
749
733
|
]
|
|
750
|
-
}
|
|
751
|
-
"tstype": [
|
|
752
|
-
{
|
|
753
|
-
"target": "Type",
|
|
754
|
-
"value": "Array<AsyncValidator<V>|Validator<V>>|null",
|
|
755
|
-
"jsdocOverride": true
|
|
756
|
-
}
|
|
757
|
-
]
|
|
734
|
+
}
|
|
758
735
|
},
|
|
759
736
|
{
|
|
760
737
|
"memberof": "oj-c.InputText",
|
|
@@ -768,7 +745,7 @@
|
|
|
768
745
|
"description": "The value of the component.\n\n<p>\nWhen <code class=\"prettyprint\">value</code> property changes due to programmatic\nintervention, the component always clears all messages\nincluding <code class=\"prettyprint\">messagesCustom</code>, runs deferred validation, and\nalways refreshes UI display value.\n</p>\n\n<p>\nWhen the input field is cleared and the value is committed, the <code class=\"prettyprint\">value</code>\nproperty is set to <code>null</code>.\n</p>\n\n<h4>Running Validation</h4>\n<ul>\n<li>component always runs deferred validation; the\n<code class=\"prettyprint\">valid</code> property is updated with the result.</li>\n</ul>",
|
|
769
746
|
"meta": {
|
|
770
747
|
"filename": "input-text.tsx",
|
|
771
|
-
"path": "
|
|
748
|
+
"path": "web/components/oj-c/input-text"
|
|
772
749
|
},
|
|
773
750
|
"defaultvalue": null,
|
|
774
751
|
"type": {
|
|
@@ -795,7 +772,7 @@
|
|
|
795
772
|
"description": "The type of virtual keyboard to display for entering a value on mobile browsers. This attribute has no effect on desktop browsers.",
|
|
796
773
|
"meta": {
|
|
797
774
|
"filename": "input-text.tsx",
|
|
798
|
-
"path": "
|
|
775
|
+
"path": "web/components/oj-c/input-text"
|
|
799
776
|
},
|
|
800
777
|
"ojvalues": [
|
|
801
778
|
{
|
|
@@ -895,7 +872,7 @@
|
|
|
895
872
|
"description": "<p>The <code class=\"prettyprint\">rawValue</code> is the read-only property for retrieving\nthe current value from the input field in string form. The main consumer of\n<code class=\"prettyprint\">rawValue</code> is a converter.</p>\n<p>\nThe <code class=\"prettyprint\">rawValue</code> updates on the 'input' javascript event,\nso the <code class=\"prettyprint\">rawValue</code> changes as the value of the input is changed.\nIf the user types in '1,200' into the field, the rawValue will be '1', then '1,', then '1,2',\n..., and finally '1,200'. Then when the user blurs or presses\nEnter the <code class=\"prettyprint\">value</code> property gets converted and validated\n(if there is a converter or validators) and then gets updated if valid.\n</p>\n<p>This is a read-only attribute so page authors cannot set or change it directly.</p>",
|
|
896
873
|
"meta": {
|
|
897
874
|
"filename": "input-text.tsx",
|
|
898
|
-
"path": "
|
|
875
|
+
"path": "web/components/oj-c/input-text"
|
|
899
876
|
},
|
|
900
877
|
"type": {
|
|
901
878
|
"names": [
|
|
@@ -916,7 +893,7 @@
|
|
|
916
893
|
"description": "<p>\nThe current valid state of the component. It is evaluated on initial render.\nIt is re-evaluated\n<ul>\n <li>after each validator (validators or async-validators) is run (full or deferred)</li>\n <li>when messagesCustom is updated,\n since messagesCustom can be added by the app developer any time.</li>\n <li>when showMessages() is called. Since showMessages() moves the\n hidden messages into messages shown,\n if the valid state was \"invalidHidden\" then it would become \"invalidShown\".</li>\n <li>when the required property has changed. If a component is empty and has required\n set, the valid state may be \"invalidHidden\" (if no invalid messages are being shown as well).\n If required property is removed, the valid state would change to \"valid\".</li>\n</ul>\n</p>\n<p>\n Note: New valid states may be added to the list of valid values in future releases.\n Any new values will start with \"invalid\"\n if it is an invalid state, \"pending\" if it is pending state,\n and \"valid\" if it is a valid state.\n</p>",
|
|
917
894
|
"meta": {
|
|
918
895
|
"filename": "input-text.tsx",
|
|
919
|
-
"path": "
|
|
896
|
+
"path": "web/components/oj-c/input-text"
|
|
920
897
|
},
|
|
921
898
|
"ojvalues": [
|
|
922
899
|
{
|
|
@@ -971,21 +948,22 @@
|
|
|
971
948
|
},
|
|
972
949
|
{
|
|
973
950
|
"memberof": "oj-c.InputText",
|
|
974
|
-
"id": "oj-c.InputText#
|
|
975
|
-
"name": "
|
|
951
|
+
"id": "oj-c.InputText#blur",
|
|
952
|
+
"name": "blur",
|
|
976
953
|
"kind": "function",
|
|
977
|
-
"longname": "oj-c.InputText#
|
|
978
|
-
"description": "
|
|
954
|
+
"longname": "oj-c.InputText#blur",
|
|
955
|
+
"description": "Blurs the input field.",
|
|
956
|
+
"ojhidden": true,
|
|
979
957
|
"meta": {
|
|
980
958
|
"filename": "input-text.tsx",
|
|
981
|
-
"path": "
|
|
959
|
+
"path": "web/components/oj-c/input-text"
|
|
982
960
|
},
|
|
983
961
|
"scope": "instance",
|
|
984
962
|
"returns": [
|
|
985
963
|
{
|
|
986
964
|
"type": {
|
|
987
965
|
"names": [
|
|
988
|
-
"
|
|
966
|
+
"void"
|
|
989
967
|
]
|
|
990
968
|
}
|
|
991
969
|
}
|
|
@@ -993,21 +971,22 @@
|
|
|
993
971
|
},
|
|
994
972
|
{
|
|
995
973
|
"memberof": "oj-c.InputText",
|
|
996
|
-
"id": "oj-c.InputText#
|
|
997
|
-
"name": "
|
|
974
|
+
"id": "oj-c.InputText#focus",
|
|
975
|
+
"name": "focus",
|
|
998
976
|
"kind": "function",
|
|
999
|
-
"longname": "oj-c.InputText#
|
|
1000
|
-
"description": "
|
|
977
|
+
"longname": "oj-c.InputText#focus",
|
|
978
|
+
"description": "Focuses the input field.",
|
|
979
|
+
"ojhidden": true,
|
|
1001
980
|
"meta": {
|
|
1002
981
|
"filename": "input-text.tsx",
|
|
1003
|
-
"path": "
|
|
982
|
+
"path": "web/components/oj-c/input-text"
|
|
1004
983
|
},
|
|
1005
984
|
"scope": "instance",
|
|
1006
985
|
"returns": [
|
|
1007
986
|
{
|
|
1008
987
|
"type": {
|
|
1009
988
|
"names": [
|
|
1010
|
-
"
|
|
989
|
+
"void"
|
|
1011
990
|
]
|
|
1012
991
|
}
|
|
1013
992
|
}
|
|
@@ -1015,45 +994,43 @@
|
|
|
1015
994
|
},
|
|
1016
995
|
{
|
|
1017
996
|
"memberof": "oj-c.InputText",
|
|
1018
|
-
"id": "oj-c.InputText#
|
|
1019
|
-
"name": "
|
|
997
|
+
"id": "oj-c.InputText#showMessages",
|
|
998
|
+
"name": "showMessages",
|
|
1020
999
|
"kind": "function",
|
|
1021
|
-
"longname": "oj-c.InputText#
|
|
1022
|
-
"description": "
|
|
1000
|
+
"longname": "oj-c.InputText#showMessages",
|
|
1001
|
+
"description": "Takes all deferred messages and shows them.\nIt then updates the valid property;\ne.g., if the valid state was \"invalidHidden\" before showMessages(),\nthe valid state will become \"invalidShown\" after showMessages().\nIf there were no deferred messages this method simply returns.",
|
|
1023
1002
|
"meta": {
|
|
1024
1003
|
"filename": "input-text.tsx",
|
|
1025
|
-
"path": "
|
|
1004
|
+
"path": "web/components/oj-c/input-text"
|
|
1026
1005
|
},
|
|
1027
1006
|
"scope": "instance",
|
|
1028
1007
|
"returns": [
|
|
1029
1008
|
{
|
|
1030
1009
|
"type": {
|
|
1031
1010
|
"names": [
|
|
1032
|
-
"
|
|
1011
|
+
"void"
|
|
1033
1012
|
]
|
|
1034
|
-
}
|
|
1035
|
-
"description": "Promise resolves to \"valid\" if there were no converter parse errors and the component\npassed all validations. The Promise resolves to \"valid\" if the component is disabled or readonly.\nThe Promise resolves to \"invalid\" if there were converter\nparse errors or if there were validation errors."
|
|
1013
|
+
}
|
|
1036
1014
|
}
|
|
1037
1015
|
]
|
|
1038
1016
|
},
|
|
1039
1017
|
{
|
|
1040
1018
|
"memberof": "oj-c.InputText",
|
|
1041
|
-
"id": "oj-c.InputText#
|
|
1042
|
-
"name": "
|
|
1019
|
+
"id": "oj-c.InputText#reset",
|
|
1020
|
+
"name": "reset",
|
|
1043
1021
|
"kind": "function",
|
|
1044
|
-
"longname": "oj-c.InputText#
|
|
1045
|
-
"description": "
|
|
1046
|
-
"ojhidden": true,
|
|
1022
|
+
"longname": "oj-c.InputText#reset",
|
|
1023
|
+
"description": "Resets the component by clearing all messages and messagesCustom attribute\nand updates the component's display value using the attribute value.\nUser entered values will be erased when this method is called.",
|
|
1047
1024
|
"meta": {
|
|
1048
1025
|
"filename": "input-text.tsx",
|
|
1049
|
-
"path": "
|
|
1026
|
+
"path": "web/components/oj-c/input-text"
|
|
1050
1027
|
},
|
|
1051
1028
|
"scope": "instance",
|
|
1052
1029
|
"returns": [
|
|
1053
1030
|
{
|
|
1054
1031
|
"type": {
|
|
1055
1032
|
"names": [
|
|
1056
|
-
"
|
|
1033
|
+
"void"
|
|
1057
1034
|
]
|
|
1058
1035
|
}
|
|
1059
1036
|
}
|
|
@@ -1061,24 +1038,24 @@
|
|
|
1061
1038
|
},
|
|
1062
1039
|
{
|
|
1063
1040
|
"memberof": "oj-c.InputText",
|
|
1064
|
-
"id": "oj-c.InputText#
|
|
1065
|
-
"name": "
|
|
1041
|
+
"id": "oj-c.InputText#validate",
|
|
1042
|
+
"name": "validate",
|
|
1066
1043
|
"kind": "function",
|
|
1067
|
-
"longname": "oj-c.InputText#
|
|
1068
|
-
"description": "
|
|
1069
|
-
"ojhidden": true,
|
|
1044
|
+
"longname": "oj-c.InputText#validate",
|
|
1045
|
+
"description": "If enabled, validates the component's display value using the converter and\nall validators registered on the component and updates the value\noption by performing the following steps.\n<ol>\n<li>All messages are cleared, including custom messages added by the app.</li>\n<li>If the UI display value is empty, then the component normalizes the value to null.</li>\n<li>\n If no converter is present, or the normalized value is null, then processing continues to next step. Otherwise,\n the UI value is first converted (i.e., parsed). If there is a parse error then the messages are shown and processing stops.\n</li>\n<li>\n If required is true, the implicit required validator is run. If the required validator throws an error, the message is shown.\n</li>\n<li>\n If there are no other validators registered on the component, or if the UI display value is empty,\n the value option is updated using the display value (an empty field's display value is null).\n\n Otherwise all validators are run in sequence\n using the parsed value from the previous step.\n When a validation error is encountered it is remembered and the next validator in the sequence is run.\n</li>\n<li>\n At the end of validation if there are errors, the messages are shown.\n If there were no errors, then the value option is updated.\n</li>\n</ol>\n<p>If the component is readonly or disabled, returns a Promise that resolves to 'valid'\nwithout doing any validation.</p>",
|
|
1070
1046
|
"meta": {
|
|
1071
1047
|
"filename": "input-text.tsx",
|
|
1072
|
-
"path": "
|
|
1048
|
+
"path": "web/components/oj-c/input-text"
|
|
1073
1049
|
},
|
|
1074
1050
|
"scope": "instance",
|
|
1075
1051
|
"returns": [
|
|
1076
1052
|
{
|
|
1077
1053
|
"type": {
|
|
1078
1054
|
"names": [
|
|
1079
|
-
"
|
|
1055
|
+
"Promise"
|
|
1080
1056
|
]
|
|
1081
|
-
}
|
|
1057
|
+
},
|
|
1058
|
+
"description": "Promise resolves to \"valid\" if there were no converter parse errors and the component\npassed all validations. The Promise resolves to \"valid\" if the component is disabled or readonly.\nThe Promise resolves to \"invalid\" if there were converter\nparse errors or if there were validation errors."
|
|
1082
1059
|
}
|
|
1083
1060
|
]
|
|
1084
1061
|
},
|
|
@@ -1091,7 +1068,7 @@
|
|
|
1091
1068
|
"description": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.",
|
|
1092
1069
|
"meta": {
|
|
1093
1070
|
"filename": "input-text.tsx",
|
|
1094
|
-
"path": "
|
|
1071
|
+
"path": "web/components/oj-c/input-text"
|
|
1095
1072
|
},
|
|
1096
1073
|
"scope": "instance",
|
|
1097
1074
|
"params": [
|
|
@@ -1125,7 +1102,7 @@
|
|
|
1125
1102
|
"description": "Retrieves the value of a property or a subproperty.",
|
|
1126
1103
|
"meta": {
|
|
1127
1104
|
"filename": "input-text.tsx",
|
|
1128
|
-
"path": "
|
|
1105
|
+
"path": "web/components/oj-c/input-text"
|
|
1129
1106
|
},
|
|
1130
1107
|
"scope": "instance",
|
|
1131
1108
|
"params": [
|
|
@@ -1154,7 +1131,7 @@
|
|
|
1154
1131
|
"description": "Performs a batch set of properties.",
|
|
1155
1132
|
"meta": {
|
|
1156
1133
|
"filename": "input-text.tsx",
|
|
1157
|
-
"path": "
|
|
1134
|
+
"path": "web/components/oj-c/input-text"
|
|
1158
1135
|
},
|
|
1159
1136
|
"scope": "instance",
|
|
1160
1137
|
"params": [
|
|
@@ -1183,7 +1160,7 @@
|
|
|
1183
1160
|
"description": "The end slot is for adding html content after the input area, typically an oj-button or and icon.\nFor example, a magnifying glass icon button for a search field can be provided in this slot.",
|
|
1184
1161
|
"meta": {
|
|
1185
1162
|
"filename": "input-text.tsx",
|
|
1186
|
-
"path": "
|
|
1163
|
+
"path": "web/components/oj-c/input-text"
|
|
1187
1164
|
},
|
|
1188
1165
|
"scope": "instance",
|
|
1189
1166
|
"ojchild": false,
|
|
@@ -1198,7 +1175,7 @@
|
|
|
1198
1175
|
"description": "The start slot is for adding html content before the input area, typically an icon.\nFor example, an icon identifying the credit card type based on the value entered.",
|
|
1199
1176
|
"meta": {
|
|
1200
1177
|
"filename": "input-text.tsx",
|
|
1201
|
-
"path": "
|
|
1178
|
+
"path": "web/components/oj-c/input-text"
|
|
1202
1179
|
},
|
|
1203
1180
|
"scope": "instance",
|
|
1204
1181
|
"ojchild": false,
|
|
@@ -1213,7 +1190,7 @@
|
|
|
1213
1190
|
"memberof": "oj-c.InputText",
|
|
1214
1191
|
"meta": {
|
|
1215
1192
|
"filename": "input-text.tsx",
|
|
1216
|
-
"path": "
|
|
1193
|
+
"path": "web/components/oj-c/input-text"
|
|
1217
1194
|
},
|
|
1218
1195
|
"ojfragment": true
|
|
1219
1196
|
},
|
|
@@ -1226,7 +1203,7 @@
|
|
|
1226
1203
|
"memberof": "oj-c.InputText",
|
|
1227
1204
|
"meta": {
|
|
1228
1205
|
"filename": "input-text.tsx",
|
|
1229
|
-
"path": "
|
|
1206
|
+
"path": "web/components/oj-c/input-text"
|
|
1230
1207
|
},
|
|
1231
1208
|
"ojfragment": true
|
|
1232
1209
|
},
|
|
@@ -1242,7 +1219,7 @@
|
|
|
1242
1219
|
"description": "Autofocus is a Boolean that reflects the autofocus attribute.\nIf it is set to true then the associated component will get input focus when the page is loaded.\nSetting this property doesn't set the focus to the component:\nit tells the browser to focus to it when the element is inserted in the document.",
|
|
1243
1220
|
"meta": {
|
|
1244
1221
|
"filename": "input-text.tsx",
|
|
1245
|
-
"path": "
|
|
1222
|
+
"path": "web/components/oj-c/input-text"
|
|
1246
1223
|
},
|
|
1247
1224
|
"type": {
|
|
1248
1225
|
"names": [
|
|
@@ -1265,7 +1242,7 @@
|
|
|
1265
1242
|
},
|
|
1266
1243
|
"meta": {
|
|
1267
1244
|
"filename": "input-text.tsx",
|
|
1268
|
-
"path": "
|
|
1245
|
+
"path": "web/components/oj-c/input-text"
|
|
1269
1246
|
},
|
|
1270
1247
|
"properties": [
|
|
1271
1248
|
{
|
|
@@ -1321,7 +1298,7 @@
|
|
|
1321
1298
|
},
|
|
1322
1299
|
"meta": {
|
|
1323
1300
|
"filename": "input-text.tsx",
|
|
1324
|
-
"path": "
|
|
1301
|
+
"path": "web/components/oj-c/input-text"
|
|
1325
1302
|
},
|
|
1326
1303
|
"properties": [
|
|
1327
1304
|
{
|
|
@@ -1351,7 +1328,7 @@
|
|
|
1351
1328
|
},
|
|
1352
1329
|
"meta": {
|
|
1353
1330
|
"filename": "input-text.tsx",
|
|
1354
|
-
"path": "
|
|
1331
|
+
"path": "web/components/oj-c/input-text"
|
|
1355
1332
|
},
|
|
1356
1333
|
"properties": [
|
|
1357
1334
|
{
|
|
@@ -1401,7 +1378,7 @@
|
|
|
1401
1378
|
},
|
|
1402
1379
|
"meta": {
|
|
1403
1380
|
"filename": "input-text.tsx",
|
|
1404
|
-
"path": "
|
|
1381
|
+
"path": "web/components/oj-c/input-text"
|
|
1405
1382
|
},
|
|
1406
1383
|
"properties": [
|
|
1407
1384
|
{
|
|
@@ -1457,7 +1434,7 @@
|
|
|
1457
1434
|
"kind": "typedef",
|
|
1458
1435
|
"longname": "oj-c.InputText.ComponentMessageItem",
|
|
1459
1436
|
"scope": "static",
|
|
1460
|
-
"description": "",
|
|
1437
|
+
"description": "A type for a single component message",
|
|
1461
1438
|
"type": {
|
|
1462
1439
|
"names": [
|
|
1463
1440
|
"Object"
|
|
@@ -1465,7 +1442,7 @@
|
|
|
1465
1442
|
},
|
|
1466
1443
|
"meta": {
|
|
1467
1444
|
"filename": "input-text.tsx",
|
|
1468
|
-
"path": "
|
|
1445
|
+
"path": "web/components/oj-c/input-text"
|
|
1469
1446
|
},
|
|
1470
1447
|
"properties": [
|
|
1471
1448
|
{
|