@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/InputNumber.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"memberof": "oj-c",
|
|
7
7
|
"longname": "oj-c.InputNumber",
|
|
8
8
|
"kind": "class",
|
|
9
|
-
"classdesc": "<h3 id=\"inputNumberOverview-section\">\n JET InputNumber Component\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#inputNumberOverview-section\"></a>\n</h3>\n\n<p>Description: The JET Input Number component enhances a browser input element into one that\nholds numbers and it has a spinbox to quickly increment or decrement the number.\nThe value attribute must be a number and must be within the min and max range..</p>\n\n<pre class=\"prettyprint\"><code><oj-c-input-number value=\"20\" label-hint=\"Input Number\"></oj-c-input-number></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 lifecycle 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 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>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.\nIf the normalized value is null, then only the required validator 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>Up Button</td>\n <td><kbd>Tap</kbd></td>\n <td>Increment the number.</td>\n </tr>\n <tr>\n <td>Down Button</td>\n <td><kbd>Tap</kbd></td>\n <td>Decrement the number.</td>\n </tr>\n <tr>\n <td>Input</td>\n <td><kbd>Tap</kbd></td>\n <td>Set focus to the input. Show user assistance text. This may be inline or in a notewindow\ndepending upon theme and property settings.</td>\n </tr>\n <tr>\n <td>Elsewhere on Page</td>\n <td><kbd>Touch</kbd></td>\n <td>Submit the value you typed in the input field.</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 rowspan=\"4\">Input</td>\n <td><kbd>Enter</kbd> or <kbd>Tab</kbd></td>\n <td>Submit the value you typed in the input field.</td>\n </tr>\n <tr>\n <td><kbd>Tab In</kbd></td>\n <td>Set focus to input. Show user assistance text. This may be inline or in a notewindow\ndepending upon theme and property settings.</td>\n </tr>\n <tr>\n <td><kbd>UpArrow</kbd></td>\n <td>Increment the number.</td>\n </tr>\n <tr>\n <td><kbd>DownArrow</kbd></td>\n <td>Decrement the number.</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=\"inputNumberOverview-section\">\n JET InputNumber Component\n <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#inputNumberOverview-section\"></a>\n</h3>\n\n<p>Description: The JET Input Number component enhances a browser input element into one that\nholds numbers and it has a spinbox to quickly increment or decrement the number.\nThe value attribute must be a number and must be within the min and max range..</p>\n\n<pre class=\"prettyprint\"><code><oj-c-input-number value=\"20\" label-hint=\"Input Number\"></oj-c-input-number></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 lifecycle 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 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>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.\nIf the normalized value is null, then only the required validator 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>Up Button</td>\n <td><kbd>Tap</kbd></td>\n <td>Increment the number.</td>\n </tr>\n <tr>\n <td>Down Button</td>\n <td><kbd>Tap</kbd></td>\n <td>Decrement the number.</td>\n </tr>\n <tr>\n <td>Input</td>\n <td><kbd>Tap</kbd></td>\n <td>Set focus to the input. Show user assistance text. This may be inline or in a notewindow\ndepending upon theme and property settings.</td>\n </tr>\n <tr>\n <td>Elsewhere on Page</td>\n <td><kbd>Touch</kbd></td>\n <td>Submit the value you typed in the input field.</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 rowspan=\"4\">Input</td>\n <td><kbd>Enter</kbd> or <kbd>Tab</kbd></td>\n <td>Submit the value you typed in the input field.</td>\n </tr>\n <tr>\n <td><kbd>Tab In</kbd></td>\n <td>Set focus to input. Show user assistance text. This may be inline or in a notewindow\ndepending upon theme and property settings.</td>\n </tr>\n <tr>\n <td><kbd>UpArrow</kbd></td>\n <td>Increment the number.</td>\n </tr>\n <tr>\n <td><kbd>DownArrow</kbd></td>\n <td>Decrement the number.</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-number",
|
|
12
12
|
"tagWithBrackets": "<oj-c-input-number>",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
],
|
|
40
40
|
"meta": {
|
|
41
41
|
"filename": "input-number.tsx",
|
|
42
|
-
"path": "
|
|
42
|
+
"path": "web/components/oj-c/input-number"
|
|
43
43
|
},
|
|
44
44
|
"ojmodule": "input-number"
|
|
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-number.tsx",
|
|
57
|
-
"path": "
|
|
57
|
+
"path": "web/components/oj-c/input-number"
|
|
58
58
|
},
|
|
59
59
|
"defaultvalue": "\"on\"",
|
|
60
60
|
"type": {
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"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'.",
|
|
75
75
|
"meta": {
|
|
76
76
|
"filename": "input-number.tsx",
|
|
77
|
-
"path": "
|
|
77
|
+
"path": "web/components/oj-c/input-number"
|
|
78
78
|
},
|
|
79
79
|
"defaultvalue": 1,
|
|
80
80
|
"type": {
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
"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.",
|
|
95
95
|
"meta": {
|
|
96
96
|
"filename": "input-number.tsx",
|
|
97
|
-
"path": "
|
|
97
|
+
"path": "web/components/oj-c/input-number"
|
|
98
98
|
},
|
|
99
99
|
"type": {
|
|
100
100
|
"names": [
|
|
@@ -113,21 +113,14 @@
|
|
|
113
113
|
"description": "A converter instance or one that duck types oj.Converter.\n<p>\nWhen no converter is specified, an instance of NumberConverter with no options will be used.\n</p>\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>",
|
|
114
114
|
"meta": {
|
|
115
115
|
"filename": "input-number.tsx",
|
|
116
|
-
"path": "
|
|
116
|
+
"path": "web/components/oj-c/input-number"
|
|
117
117
|
},
|
|
118
118
|
"defaultvalue": null,
|
|
119
119
|
"type": {
|
|
120
120
|
"names": [
|
|
121
121
|
"object|null"
|
|
122
122
|
]
|
|
123
|
-
}
|
|
124
|
-
"tstype": [
|
|
125
|
-
{
|
|
126
|
-
"target": "Type",
|
|
127
|
-
"value": "Converter<number>|null",
|
|
128
|
-
"jsdocOverride": true
|
|
129
|
-
}
|
|
130
|
-
]
|
|
123
|
+
}
|
|
131
124
|
},
|
|
132
125
|
{
|
|
133
126
|
"memberof": "oj-c.InputNumber",
|
|
@@ -140,7 +133,7 @@
|
|
|
140
133
|
"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>",
|
|
141
134
|
"meta": {
|
|
142
135
|
"filename": "input-number.tsx",
|
|
143
|
-
"path": "
|
|
136
|
+
"path": "web/components/oj-c/input-number"
|
|
144
137
|
},
|
|
145
138
|
"defaultvalue": false,
|
|
146
139
|
"type": {
|
|
@@ -160,7 +153,7 @@
|
|
|
160
153
|
"description": "Display options for auxiliary content that determines whether or not it should be displayed.",
|
|
161
154
|
"meta": {
|
|
162
155
|
"filename": "input-number.tsx",
|
|
163
|
-
"path": "
|
|
156
|
+
"path": "web/components/oj-c/input-number"
|
|
164
157
|
},
|
|
165
158
|
"type": {
|
|
166
159
|
"names": [
|
|
@@ -186,7 +179,7 @@
|
|
|
186
179
|
"description": "Form component help information.",
|
|
187
180
|
"meta": {
|
|
188
181
|
"filename": "input-number.tsx",
|
|
189
|
-
"path": "
|
|
182
|
+
"path": "web/components/oj-c/input-number"
|
|
190
183
|
},
|
|
191
184
|
"type": {
|
|
192
185
|
"names": [
|
|
@@ -212,7 +205,7 @@
|
|
|
212
205
|
"description": "The helpHints object contains a definition property and a source property.",
|
|
213
206
|
"meta": {
|
|
214
207
|
"filename": "input-number.tsx",
|
|
215
|
-
"path": "
|
|
208
|
+
"path": "web/components/oj-c/input-number"
|
|
216
209
|
},
|
|
217
210
|
"type": {
|
|
218
211
|
"names": [
|
|
@@ -238,7 +231,7 @@
|
|
|
238
231
|
"description": "The inputPrefix displays as regular text before the input text.\nThe inputPrefix is not editable or focusable.",
|
|
239
232
|
"meta": {
|
|
240
233
|
"filename": "input-number.tsx",
|
|
241
|
-
"path": "
|
|
234
|
+
"path": "web/components/oj-c/input-number"
|
|
242
235
|
},
|
|
243
236
|
"type": {
|
|
244
237
|
"names": [
|
|
@@ -257,7 +250,7 @@
|
|
|
257
250
|
"description": "The inputSuffix displays as regular text after the input text.\nThe inputSuffix is not editable or focusable.",
|
|
258
251
|
"meta": {
|
|
259
252
|
"filename": "input-number.tsx",
|
|
260
|
-
"path": "
|
|
253
|
+
"path": "web/components/oj-c/input-number"
|
|
261
254
|
},
|
|
262
255
|
"type": {
|
|
263
256
|
"names": [
|
|
@@ -276,7 +269,7 @@
|
|
|
276
269
|
"description": "Specifies how the label of the component is positioned when the label-hint\nattribute is set on the component.",
|
|
277
270
|
"meta": {
|
|
278
271
|
"filename": "input-number.tsx",
|
|
279
|
-
"path": "
|
|
272
|
+
"path": "web/components/oj-c/input-number"
|
|
280
273
|
},
|
|
281
274
|
"ojvalues": [
|
|
282
275
|
{
|
|
@@ -340,7 +333,7 @@
|
|
|
340
333
|
"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.",
|
|
341
334
|
"meta": {
|
|
342
335
|
"filename": "input-number.tsx",
|
|
343
|
-
"path": "
|
|
336
|
+
"path": "web/components/oj-c/input-number"
|
|
344
337
|
},
|
|
345
338
|
"type": {
|
|
346
339
|
"names": [
|
|
@@ -359,20 +352,13 @@
|
|
|
359
352
|
"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>",
|
|
360
353
|
"meta": {
|
|
361
354
|
"filename": "input-number.tsx",
|
|
362
|
-
"path": "
|
|
355
|
+
"path": "web/components/oj-c/input-number"
|
|
363
356
|
},
|
|
364
357
|
"type": {
|
|
365
358
|
"names": [
|
|
366
359
|
"number|string"
|
|
367
360
|
]
|
|
368
|
-
}
|
|
369
|
-
"tstype": [
|
|
370
|
-
{
|
|
371
|
-
"target": "Type",
|
|
372
|
-
"value": "Size",
|
|
373
|
-
"jsdocOverride": true
|
|
374
|
-
}
|
|
375
|
-
]
|
|
361
|
+
}
|
|
376
362
|
},
|
|
377
363
|
{
|
|
378
364
|
"memberof": "oj-c.InputNumber",
|
|
@@ -385,7 +371,7 @@
|
|
|
385
371
|
"description": "Should the labels wrap or truncate when there is not enough available space.",
|
|
386
372
|
"meta": {
|
|
387
373
|
"filename": "input-number.tsx",
|
|
388
|
-
"path": "
|
|
374
|
+
"path": "web/components/oj-c/input-number"
|
|
389
375
|
},
|
|
390
376
|
"ojvalues": [
|
|
391
377
|
{
|
|
@@ -427,7 +413,7 @@
|
|
|
427
413
|
"description": "The maximum allowed value. This number is used in the range validator; if the\n<code class=\"prettyprint\">value</code> is greater than the <code class=\"prettyprint\">max</code>,\nthen the range validator flags an error to the user. The increase button and up arrow\n are disabled when the maximum value is reached.\n<p>\nThe <code class=\"prettyprint\">max</code> must not be less than the\n<code class=\"prettyprint\">min</code>, else an Error is thrown during initialization.\n</p>",
|
|
428
414
|
"meta": {
|
|
429
415
|
"filename": "input-number.tsx",
|
|
430
|
-
"path": "
|
|
416
|
+
"path": "web/components/oj-c/input-number"
|
|
431
417
|
},
|
|
432
418
|
"type": {
|
|
433
419
|
"names": [
|
|
@@ -446,7 +432,7 @@
|
|
|
446
432
|
"description": "The minimum allowed value. This number is used in the range validator; if the\n<code class=\"prettyprint\">value</code> is less than the <code class=\"prettyprint\">min</code>,\nthen the range validator flags an error to the user. The decrease button and down arrow\n are disabled when the minimum value is reached.\nThe <code class=\"prettyprint\">min</code> must not be greater than the\n<code class=\"prettyprint\">max</code>, else an Error is thrown during initialization.",
|
|
447
433
|
"meta": {
|
|
448
434
|
"filename": "input-number.tsx",
|
|
449
|
-
"path": "
|
|
435
|
+
"path": "web/components/oj-c/input-number"
|
|
450
436
|
},
|
|
451
437
|
"type": {
|
|
452
438
|
"names": [
|
|
@@ -466,7 +452,7 @@
|
|
|
466
452
|
"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>",
|
|
467
453
|
"meta": {
|
|
468
454
|
"filename": "input-number.tsx",
|
|
469
|
-
"path": "
|
|
455
|
+
"path": "web/components/oj-c/input-number"
|
|
470
456
|
},
|
|
471
457
|
"defaultvalue": "[]",
|
|
472
458
|
"type": {
|
|
@@ -493,7 +479,7 @@
|
|
|
493
479
|
"description": "<p>\nThe component-specific message detail when the number range validation fails when the input value is not between min and max\nwhen min and max are equal.\nIf the component needs a number range validation error message for an exact number that is different from the default,\nset this property. It should be a translated string.\n</p>\nTokens:<br/>\n{num} - the allowed value<p>\nUsage: <br/>\nThe number must be {num}.",
|
|
494
480
|
"meta": {
|
|
495
481
|
"filename": "input-number.tsx",
|
|
496
|
-
"path": "
|
|
482
|
+
"path": "web/components/oj-c/input-number"
|
|
497
483
|
},
|
|
498
484
|
"type": {
|
|
499
485
|
"names": [
|
|
@@ -512,7 +498,7 @@
|
|
|
512
498
|
"description": "<p>\nThe component-specific message detail when the number range validation fails when the input value is greater than the max.\nIf the component needs a number range validation error message for overflow that is different from the default,\nset this property. It should be a translated string.\n</p>\nTokens:<br/>\n{value} - value entered by the user<br/>\n{max} - the maximum allowed value<p>\nUsage: <br/>\nThe number must be less than or equal to {max}.",
|
|
513
499
|
"meta": {
|
|
514
500
|
"filename": "input-number.tsx",
|
|
515
|
-
"path": "
|
|
501
|
+
"path": "web/components/oj-c/input-number"
|
|
516
502
|
},
|
|
517
503
|
"type": {
|
|
518
504
|
"names": [
|
|
@@ -531,7 +517,7 @@
|
|
|
531
517
|
"description": "<p>\nThe component-specific message detail when the number range validation fails when the input value is less than the min.\nIf the component needs a number range validation error message for underflow that is different from the default,\nset this property. It should be a translated string.\n</p>\nTokens:<br/>\n{value} - value entered by the user<br/>\n{min} - the minimum allowed value<p>\nUsage: <br/>\nThe number must be greater than or equal to {min}.",
|
|
532
518
|
"meta": {
|
|
533
519
|
"filename": "input-number.tsx",
|
|
534
|
-
"path": "
|
|
520
|
+
"path": "web/components/oj-c/input-number"
|
|
535
521
|
},
|
|
536
522
|
"type": {
|
|
537
523
|
"names": [
|
|
@@ -550,7 +536,7 @@
|
|
|
550
536
|
"description": "The placeholder text to set on the element.",
|
|
551
537
|
"meta": {
|
|
552
538
|
"filename": "input-number.tsx",
|
|
553
|
-
"path": "
|
|
539
|
+
"path": "web/components/oj-c/input-number"
|
|
554
540
|
},
|
|
555
541
|
"type": {
|
|
556
542
|
"names": [
|
|
@@ -566,12 +552,11 @@
|
|
|
566
552
|
"longname": "oj-c.InputNumber#readonly",
|
|
567
553
|
"optional": true,
|
|
568
554
|
"scope": "instance",
|
|
569
|
-
"description": "
|
|
555
|
+
"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>",
|
|
570
556
|
"meta": {
|
|
571
557
|
"filename": "input-number.tsx",
|
|
572
|
-
"path": "
|
|
558
|
+
"path": "web/components/oj-c/input-number"
|
|
573
559
|
},
|
|
574
|
-
"defaultvalue": false,
|
|
575
560
|
"type": {
|
|
576
561
|
"names": [
|
|
577
562
|
"boolean"
|
|
@@ -589,7 +574,7 @@
|
|
|
589
574
|
"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>",
|
|
590
575
|
"meta": {
|
|
591
576
|
"filename": "input-number.tsx",
|
|
592
|
-
"path": "
|
|
577
|
+
"path": "web/components/oj-c/input-number"
|
|
593
578
|
},
|
|
594
579
|
"defaultvalue": false,
|
|
595
580
|
"type": {
|
|
@@ -609,7 +594,7 @@
|
|
|
609
594
|
"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>",
|
|
610
595
|
"meta": {
|
|
611
596
|
"filename": "input-number.tsx",
|
|
612
|
-
"path": "
|
|
597
|
+
"path": "web/components/oj-c/input-number"
|
|
613
598
|
},
|
|
614
599
|
"type": {
|
|
615
600
|
"names": [
|
|
@@ -628,7 +613,7 @@
|
|
|
628
613
|
"description": "The size of the step to take when spinning via the step buttons or up/down arrows.\nIf step is 0, inputNumber will not have the step buttons or up/down spin functionality.\nIf step is less than 0, an exception is thrown.\n<p><code class=\"prettyprint\">step</code> defaults to <code class=\"prettyprint\">0</code>.\n</p>\n<p>\n<p>\nThe <code class=\"prettyprint\">step</code> attribute can be used together\nwith the <code class=\"prettyprint\">min</code> and\n<code class=\"prettyprint\">max</code> attributes\nto create a range of values the step buttons or up/down arrows will step through. For example,\nif min is 0 and step is 3, the range of values is 0, 3, 6, etc.\n</p>\n<p>\nThe step buttons or up/down arrows will spin the value and adjust it to keep it a\n'step match' value.\nA 'step match' value is when the value is a multiple\nof <code class=\"prettyprint\">step</code>,\nstarting at the <code class=\"prettyprint\">min</code>, and if\n<code class=\"prettyprint\">min</code> is not set,\nthen starting at the initial <code class=\"prettyprint\">value</code>,\nand if neither <code class=\"prettyprint\">min</code> and initial\n<code class=\"prettyprint\">value</code> are set,\nthen starting at 0.\n</p>\n<p>When using step > 1 with min and/or max,\nmake sure the initial value and max are both a 'step match' value,\notherwise the first step will adjust the value in a way\nthat could confuse the user.</p>\n</p>\n<p>\nA value can be a step mismatch; if the <code class=\"prettyprint\">value</code> is set\nto be a step mismatch, it will not be flagged as a validation error.\n</p>",
|
|
629
614
|
"meta": {
|
|
630
615
|
"filename": "input-number.tsx",
|
|
631
|
-
"path": "
|
|
616
|
+
"path": "web/components/oj-c/input-number"
|
|
632
617
|
},
|
|
633
618
|
"type": {
|
|
634
619
|
"names": [
|
|
@@ -647,7 +632,7 @@
|
|
|
647
632
|
"description": "Variant style of step buttons. Quantitative is recommended only for non-negative integers where the step value is 1, which is common in ecommerce or procurement cases.",
|
|
648
633
|
"meta": {
|
|
649
634
|
"filename": "input-number.tsx",
|
|
650
|
-
"path": "
|
|
635
|
+
"path": "web/components/oj-c/input-number"
|
|
651
636
|
},
|
|
652
637
|
"ojvalues": [
|
|
653
638
|
{
|
|
@@ -690,7 +675,7 @@
|
|
|
690
675
|
"description": "Specifies how the text is aligned within the text field",
|
|
691
676
|
"meta": {
|
|
692
677
|
"filename": "input-number.tsx",
|
|
693
|
-
"path": "
|
|
678
|
+
"path": "web/components/oj-c/input-number"
|
|
694
679
|
},
|
|
695
680
|
"ojvalues": [
|
|
696
681
|
{
|
|
@@ -732,26 +717,6 @@
|
|
|
732
717
|
]
|
|
733
718
|
}
|
|
734
719
|
},
|
|
735
|
-
{
|
|
736
|
-
"memberof": "oj-c.InputNumber",
|
|
737
|
-
"id": "oj-c.InputNumber#unsafe_labelledBy",
|
|
738
|
-
"name": "unsafe_labelledBy",
|
|
739
|
-
"kind": "member",
|
|
740
|
-
"longname": "oj-c.InputNumber#unsafe_labelledBy",
|
|
741
|
-
"optional": true,
|
|
742
|
-
"scope": "instance",
|
|
743
|
-
"description": "This is temporary unsafe API for JET-52089. It enables a wrapper VComponent to pass\nthe id of an external label that it wants to associate with the inner input.",
|
|
744
|
-
"ojhidden": true,
|
|
745
|
-
"meta": {
|
|
746
|
-
"filename": "input-number.tsx",
|
|
747
|
-
"path": "/home/jenkins/uitech/workspace/OJET_Code_16.1.3/packages/oraclejet-core-pack/web/components/oj-c/input-number"
|
|
748
|
-
},
|
|
749
|
-
"type": {
|
|
750
|
-
"names": [
|
|
751
|
-
"string"
|
|
752
|
-
]
|
|
753
|
-
}
|
|
754
|
-
},
|
|
755
720
|
{
|
|
756
721
|
"memberof": "oj-c.InputNumber",
|
|
757
722
|
"id": "oj-c.InputNumber#userAssistanceDensity",
|
|
@@ -760,10 +725,10 @@
|
|
|
760
725
|
"longname": "oj-c.InputNumber#userAssistanceDensity",
|
|
761
726
|
"optional": true,
|
|
762
727
|
"scope": "instance",
|
|
763
|
-
"description": "
|
|
728
|
+
"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>",
|
|
764
729
|
"meta": {
|
|
765
730
|
"filename": "input-number.tsx",
|
|
766
|
-
"path": "
|
|
731
|
+
"path": "web/components/oj-c/input-number"
|
|
767
732
|
},
|
|
768
733
|
"ojvalues": [
|
|
769
734
|
{
|
|
@@ -797,7 +762,6 @@
|
|
|
797
762
|
}
|
|
798
763
|
}
|
|
799
764
|
],
|
|
800
|
-
"defaultvalue": "\"reflow\"",
|
|
801
765
|
"type": {
|
|
802
766
|
"names": [
|
|
803
767
|
"\"compact\"",
|
|
@@ -817,21 +781,14 @@
|
|
|
817
781
|
"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>",
|
|
818
782
|
"meta": {
|
|
819
783
|
"filename": "input-number.tsx",
|
|
820
|
-
"path": "
|
|
784
|
+
"path": "web/components/oj-c/input-number"
|
|
821
785
|
},
|
|
822
786
|
"defaultvalue": "[]",
|
|
823
787
|
"type": {
|
|
824
788
|
"names": [
|
|
825
789
|
"Array<object>|null"
|
|
826
790
|
]
|
|
827
|
-
}
|
|
828
|
-
"tstype": [
|
|
829
|
-
{
|
|
830
|
-
"target": "Type",
|
|
831
|
-
"value": "Array<AsyncValidator<number>|Validator<number>>|null",
|
|
832
|
-
"jsdocOverride": true
|
|
833
|
-
}
|
|
834
|
-
]
|
|
791
|
+
}
|
|
835
792
|
},
|
|
836
793
|
{
|
|
837
794
|
"memberof": "oj-c.InputNumber",
|
|
@@ -845,7 +802,7 @@
|
|
|
845
802
|
"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>",
|
|
846
803
|
"meta": {
|
|
847
804
|
"filename": "input-number.tsx",
|
|
848
|
-
"path": "
|
|
805
|
+
"path": "web/components/oj-c/input-number"
|
|
849
806
|
},
|
|
850
807
|
"defaultvalue": null,
|
|
851
808
|
"type": {
|
|
@@ -865,7 +822,7 @@
|
|
|
865
822
|
"description": "The type of virtual keyboard to display for entering a value on mobile browsers. This attribute has no effect on desktop browsers.",
|
|
866
823
|
"meta": {
|
|
867
824
|
"filename": "input-number.tsx",
|
|
868
|
-
"path": "
|
|
825
|
+
"path": "web/components/oj-c/input-number"
|
|
869
826
|
},
|
|
870
827
|
"ojvalues": [
|
|
871
828
|
{
|
|
@@ -921,7 +878,7 @@
|
|
|
921
878
|
"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>",
|
|
922
879
|
"meta": {
|
|
923
880
|
"filename": "input-number.tsx",
|
|
924
|
-
"path": "
|
|
881
|
+
"path": "web/components/oj-c/input-number"
|
|
925
882
|
},
|
|
926
883
|
"type": {
|
|
927
884
|
"names": [
|
|
@@ -942,7 +899,7 @@
|
|
|
942
899
|
"description": "<p>The <code class=\"prettyprint\">transientValue</code> is the read-only property for retrieving\nthe current transient value.</p>\n<p>\nThe <code class=\"prettyprint\">transientValue</code> updates to display the transient\nchanges from pressing the step buttons or up/down arrow (subject to the step constraints).\n<code class=\"prettyprint\">transientValue</code> will update only if it passes\nvalidation.\n</p>\n<p>\nThe difference in behavior is\n<code class=\"prettyprint\">transientValue</code> will be updated\nas the step buttons or up/down arrow is pressed (and only if validation succeeds),\nwhereas <code class=\"prettyprint\">value</code>\nis updated only after the step buttons or up/down arrow is released\n(and only if validation succeeds).\n</p>\n<p>This is a read-only attribute so page authors cannot set or change it directly.</p>",
|
|
943
900
|
"meta": {
|
|
944
901
|
"filename": "input-number.tsx",
|
|
945
|
-
"path": "
|
|
902
|
+
"path": "web/components/oj-c/input-number"
|
|
946
903
|
},
|
|
947
904
|
"type": {
|
|
948
905
|
"names": [
|
|
@@ -963,7 +920,7 @@
|
|
|
963
920
|
"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>",
|
|
964
921
|
"meta": {
|
|
965
922
|
"filename": "input-number.tsx",
|
|
966
|
-
"path": "
|
|
923
|
+
"path": "web/components/oj-c/input-number"
|
|
967
924
|
},
|
|
968
925
|
"ojvalues": [
|
|
969
926
|
{
|
|
@@ -1018,21 +975,22 @@
|
|
|
1018
975
|
},
|
|
1019
976
|
{
|
|
1020
977
|
"memberof": "oj-c.InputNumber",
|
|
1021
|
-
"id": "oj-c.InputNumber#
|
|
1022
|
-
"name": "
|
|
978
|
+
"id": "oj-c.InputNumber#blur",
|
|
979
|
+
"name": "blur",
|
|
1023
980
|
"kind": "function",
|
|
1024
|
-
"longname": "oj-c.InputNumber#
|
|
1025
|
-
"description": "
|
|
981
|
+
"longname": "oj-c.InputNumber#blur",
|
|
982
|
+
"description": "Blurs the input field.",
|
|
983
|
+
"ojhidden": true,
|
|
1026
984
|
"meta": {
|
|
1027
985
|
"filename": "input-number.tsx",
|
|
1028
|
-
"path": "
|
|
986
|
+
"path": "web/components/oj-c/input-number"
|
|
1029
987
|
},
|
|
1030
988
|
"scope": "instance",
|
|
1031
989
|
"returns": [
|
|
1032
990
|
{
|
|
1033
991
|
"type": {
|
|
1034
992
|
"names": [
|
|
1035
|
-
"
|
|
993
|
+
"void"
|
|
1036
994
|
]
|
|
1037
995
|
}
|
|
1038
996
|
}
|
|
@@ -1040,21 +998,22 @@
|
|
|
1040
998
|
},
|
|
1041
999
|
{
|
|
1042
1000
|
"memberof": "oj-c.InputNumber",
|
|
1043
|
-
"id": "oj-c.InputNumber#
|
|
1044
|
-
"name": "
|
|
1001
|
+
"id": "oj-c.InputNumber#focus",
|
|
1002
|
+
"name": "focus",
|
|
1045
1003
|
"kind": "function",
|
|
1046
|
-
"longname": "oj-c.InputNumber#
|
|
1047
|
-
"description": "
|
|
1004
|
+
"longname": "oj-c.InputNumber#focus",
|
|
1005
|
+
"description": "Focuses the input field.",
|
|
1006
|
+
"ojhidden": true,
|
|
1048
1007
|
"meta": {
|
|
1049
1008
|
"filename": "input-number.tsx",
|
|
1050
|
-
"path": "
|
|
1009
|
+
"path": "web/components/oj-c/input-number"
|
|
1051
1010
|
},
|
|
1052
1011
|
"scope": "instance",
|
|
1053
1012
|
"returns": [
|
|
1054
1013
|
{
|
|
1055
1014
|
"type": {
|
|
1056
1015
|
"names": [
|
|
1057
|
-
"
|
|
1016
|
+
"void"
|
|
1058
1017
|
]
|
|
1059
1018
|
}
|
|
1060
1019
|
}
|
|
@@ -1062,45 +1021,43 @@
|
|
|
1062
1021
|
},
|
|
1063
1022
|
{
|
|
1064
1023
|
"memberof": "oj-c.InputNumber",
|
|
1065
|
-
"id": "oj-c.InputNumber#
|
|
1066
|
-
"name": "
|
|
1024
|
+
"id": "oj-c.InputNumber#showMessages",
|
|
1025
|
+
"name": "showMessages",
|
|
1067
1026
|
"kind": "function",
|
|
1068
|
-
"longname": "oj-c.InputNumber#
|
|
1069
|
-
"description": "
|
|
1027
|
+
"longname": "oj-c.InputNumber#showMessages",
|
|
1028
|
+
"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.",
|
|
1070
1029
|
"meta": {
|
|
1071
1030
|
"filename": "input-number.tsx",
|
|
1072
|
-
"path": "
|
|
1031
|
+
"path": "web/components/oj-c/input-number"
|
|
1073
1032
|
},
|
|
1074
1033
|
"scope": "instance",
|
|
1075
1034
|
"returns": [
|
|
1076
1035
|
{
|
|
1077
1036
|
"type": {
|
|
1078
1037
|
"names": [
|
|
1079
|
-
"
|
|
1038
|
+
"void"
|
|
1080
1039
|
]
|
|
1081
|
-
}
|
|
1082
|
-
"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."
|
|
1040
|
+
}
|
|
1083
1041
|
}
|
|
1084
1042
|
]
|
|
1085
1043
|
},
|
|
1086
1044
|
{
|
|
1087
1045
|
"memberof": "oj-c.InputNumber",
|
|
1088
|
-
"id": "oj-c.InputNumber#
|
|
1089
|
-
"name": "
|
|
1046
|
+
"id": "oj-c.InputNumber#reset",
|
|
1047
|
+
"name": "reset",
|
|
1090
1048
|
"kind": "function",
|
|
1091
|
-
"longname": "oj-c.InputNumber#
|
|
1092
|
-
"description": "
|
|
1093
|
-
"ojhidden": true,
|
|
1049
|
+
"longname": "oj-c.InputNumber#reset",
|
|
1050
|
+
"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.",
|
|
1094
1051
|
"meta": {
|
|
1095
1052
|
"filename": "input-number.tsx",
|
|
1096
|
-
"path": "
|
|
1053
|
+
"path": "web/components/oj-c/input-number"
|
|
1097
1054
|
},
|
|
1098
1055
|
"scope": "instance",
|
|
1099
1056
|
"returns": [
|
|
1100
1057
|
{
|
|
1101
1058
|
"type": {
|
|
1102
1059
|
"names": [
|
|
1103
|
-
"
|
|
1060
|
+
"void"
|
|
1104
1061
|
]
|
|
1105
1062
|
}
|
|
1106
1063
|
}
|
|
@@ -1108,24 +1065,24 @@
|
|
|
1108
1065
|
},
|
|
1109
1066
|
{
|
|
1110
1067
|
"memberof": "oj-c.InputNumber",
|
|
1111
|
-
"id": "oj-c.InputNumber#
|
|
1112
|
-
"name": "
|
|
1068
|
+
"id": "oj-c.InputNumber#validate",
|
|
1069
|
+
"name": "validate",
|
|
1113
1070
|
"kind": "function",
|
|
1114
|
-
"longname": "oj-c.InputNumber#
|
|
1115
|
-
"description": "
|
|
1116
|
-
"ojhidden": true,
|
|
1071
|
+
"longname": "oj-c.InputNumber#validate",
|
|
1072
|
+
"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 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>",
|
|
1117
1073
|
"meta": {
|
|
1118
1074
|
"filename": "input-number.tsx",
|
|
1119
|
-
"path": "
|
|
1075
|
+
"path": "web/components/oj-c/input-number"
|
|
1120
1076
|
},
|
|
1121
1077
|
"scope": "instance",
|
|
1122
1078
|
"returns": [
|
|
1123
1079
|
{
|
|
1124
1080
|
"type": {
|
|
1125
1081
|
"names": [
|
|
1126
|
-
"
|
|
1082
|
+
"Promise"
|
|
1127
1083
|
]
|
|
1128
|
-
}
|
|
1084
|
+
},
|
|
1085
|
+
"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."
|
|
1129
1086
|
}
|
|
1130
1087
|
]
|
|
1131
1088
|
},
|
|
@@ -1138,7 +1095,7 @@
|
|
|
1138
1095
|
"description": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.",
|
|
1139
1096
|
"meta": {
|
|
1140
1097
|
"filename": "input-number.tsx",
|
|
1141
|
-
"path": "
|
|
1098
|
+
"path": "web/components/oj-c/input-number"
|
|
1142
1099
|
},
|
|
1143
1100
|
"scope": "instance",
|
|
1144
1101
|
"params": [
|
|
@@ -1172,7 +1129,7 @@
|
|
|
1172
1129
|
"description": "Retrieves the value of a property or a subproperty.",
|
|
1173
1130
|
"meta": {
|
|
1174
1131
|
"filename": "input-number.tsx",
|
|
1175
|
-
"path": "
|
|
1132
|
+
"path": "web/components/oj-c/input-number"
|
|
1176
1133
|
},
|
|
1177
1134
|
"scope": "instance",
|
|
1178
1135
|
"params": [
|
|
@@ -1201,7 +1158,7 @@
|
|
|
1201
1158
|
"description": "Performs a batch set of properties.",
|
|
1202
1159
|
"meta": {
|
|
1203
1160
|
"filename": "input-number.tsx",
|
|
1204
|
-
"path": "
|
|
1161
|
+
"path": "web/components/oj-c/input-number"
|
|
1205
1162
|
},
|
|
1206
1163
|
"scope": "instance",
|
|
1207
1164
|
"params": [
|
|
@@ -1230,7 +1187,7 @@
|
|
|
1230
1187
|
"memberof": "oj-c.InputNumber",
|
|
1231
1188
|
"meta": {
|
|
1232
1189
|
"filename": "input-number.tsx",
|
|
1233
|
-
"path": "
|
|
1190
|
+
"path": "web/components/oj-c/input-number"
|
|
1234
1191
|
},
|
|
1235
1192
|
"ojfragment": true
|
|
1236
1193
|
},
|
|
@@ -1243,7 +1200,7 @@
|
|
|
1243
1200
|
"memberof": "oj-c.InputNumber",
|
|
1244
1201
|
"meta": {
|
|
1245
1202
|
"filename": "input-number.tsx",
|
|
1246
|
-
"path": "
|
|
1203
|
+
"path": "web/components/oj-c/input-number"
|
|
1247
1204
|
},
|
|
1248
1205
|
"ojfragment": true
|
|
1249
1206
|
},
|
|
@@ -1259,7 +1216,7 @@
|
|
|
1259
1216
|
"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.",
|
|
1260
1217
|
"meta": {
|
|
1261
1218
|
"filename": "input-number.tsx",
|
|
1262
|
-
"path": "
|
|
1219
|
+
"path": "web/components/oj-c/input-number"
|
|
1263
1220
|
},
|
|
1264
1221
|
"type": {
|
|
1265
1222
|
"names": [
|
|
@@ -1282,7 +1239,7 @@
|
|
|
1282
1239
|
},
|
|
1283
1240
|
"meta": {
|
|
1284
1241
|
"filename": "input-number.tsx",
|
|
1285
|
-
"path": "
|
|
1242
|
+
"path": "web/components/oj-c/input-number"
|
|
1286
1243
|
},
|
|
1287
1244
|
"properties": [
|
|
1288
1245
|
{
|
|
@@ -1338,7 +1295,7 @@
|
|
|
1338
1295
|
},
|
|
1339
1296
|
"meta": {
|
|
1340
1297
|
"filename": "input-number.tsx",
|
|
1341
|
-
"path": "
|
|
1298
|
+
"path": "web/components/oj-c/input-number"
|
|
1342
1299
|
},
|
|
1343
1300
|
"properties": [
|
|
1344
1301
|
{
|
|
@@ -1368,7 +1325,7 @@
|
|
|
1368
1325
|
},
|
|
1369
1326
|
"meta": {
|
|
1370
1327
|
"filename": "input-number.tsx",
|
|
1371
|
-
"path": "
|
|
1328
|
+
"path": "web/components/oj-c/input-number"
|
|
1372
1329
|
},
|
|
1373
1330
|
"properties": [
|
|
1374
1331
|
{
|
|
@@ -1410,7 +1367,7 @@
|
|
|
1410
1367
|
"kind": "typedef",
|
|
1411
1368
|
"longname": "oj-c.InputNumber.ComponentMessageItem",
|
|
1412
1369
|
"scope": "static",
|
|
1413
|
-
"description": "",
|
|
1370
|
+
"description": "A type for a single component message",
|
|
1414
1371
|
"type": {
|
|
1415
1372
|
"names": [
|
|
1416
1373
|
"Object"
|
|
@@ -1418,7 +1375,7 @@
|
|
|
1418
1375
|
},
|
|
1419
1376
|
"meta": {
|
|
1420
1377
|
"filename": "input-number.tsx",
|
|
1421
|
-
"path": "
|
|
1378
|
+
"path": "web/components/oj-c/input-number"
|
|
1422
1379
|
},
|
|
1423
1380
|
"properties": [
|
|
1424
1381
|
{
|