@oracle/oraclejet-core-pack 14.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/Avatar.json +458 -0
- package/oj-c/Button.json +536 -0
- package/oj-c/Collapsible.json +396 -0
- package/oj-c/FilePicker.json +555 -0
- package/oj-c/InputNumber.json +1321 -0
- package/oj-c/InputPassword.json +1164 -0
- package/oj-c/InputText.json +1411 -0
- package/oj-c/ListItemLayout.json +313 -0
- package/oj-c/MessageToast.json +334 -0
- package/oj-c/MeterBar.json +735 -0
- package/oj-c/MeterCircle.json +797 -0
- package/oj-c/ProgressBar.json +212 -0
- package/oj-c/ProgressCircle.json +223 -0
- package/oj-c/RatingGauge.json +495 -0
- package/oj-c/SelectMultiple.json +1143 -0
- package/oj-c/SelectSingle.json +1450 -0
- package/oj-c/SplitMenuButton.json +495 -0
- package/oj-c/TextArea.json +1283 -0
- package/oj-c/avatar/__webdriver__/AvatarWebElement.js +32 -0
- package/oj-c/avatar/__webdriver__/AvatarWebElementBase.js +87 -0
- package/oj-c/avatar/__webdriver__/index.js +74 -0
- package/oj-c/avatar/avatar-styles.css +10 -0
- package/oj-c/avatar/avatar.js +27 -0
- package/oj-c/avatar/component.json +227 -0
- package/oj-c/avatar/index.js +6 -0
- package/oj-c/avatar.js +6 -0
- package/oj-c/button/__tests__/button.test.js +20 -0
- package/oj-c/button/__webdriver__/ButtonWebElement.js +96 -0
- package/oj-c/button/__webdriver__/ButtonWebElementBase.js +96 -0
- package/oj-c/button/__webdriver__/index.js +74 -0
- package/oj-c/button/button-styles.css +11 -0
- package/oj-c/button/button.js +71 -0
- package/oj-c/button/component.json +243 -0
- package/oj-c/button/index.js +6 -0
- package/oj-c/button.js +6 -0
- package/oj-c/collapsible/__webdriver__/CollapsibleWebElement.js +116 -0
- package/oj-c/collapsible/__webdriver__/CollapsibleWebElementBase.js +60 -0
- package/oj-c/collapsible/__webdriver__/index.js +74 -0
- package/oj-c/collapsible/collapsible-styles.css +11 -0
- package/oj-c/collapsible/collapsible.js +69 -0
- package/oj-c/collapsible/component.json +184 -0
- package/oj-c/collapsible/index.js +6 -0
- package/oj-c/collapsible.js +6 -0
- package/oj-c/component.json +104 -0
- package/oj-c/corepackbundle.js +4049 -0
- package/oj-c/docs/avatar.html +149 -0
- package/oj-c/docs/button.html +149 -0
- package/oj-c/docs/collapsible.html +149 -0
- package/oj-c/docs/file-picker.html +149 -0
- package/oj-c/docs/index.html +168 -0
- package/oj-c/docs/input-number.html +149 -0
- package/oj-c/docs/input-password.html +149 -0
- package/oj-c/docs/input-text.html +149 -0
- package/oj-c/docs/jsDocMd.json +1 -0
- package/oj-c/docs/list-item-layout.html +149 -0
- package/oj-c/docs/message-toast.html +149 -0
- package/oj-c/docs/meter-bar.html +149 -0
- package/oj-c/docs/meter-circle.html +149 -0
- package/oj-c/docs/oj-c.Avatar.html +1778 -0
- package/oj-c/docs/oj-c.Button.html +2065 -0
- package/oj-c/docs/oj-c.Collapsible.html +1990 -0
- package/oj-c/docs/oj-c.FilePicker.html +2380 -0
- package/oj-c/docs/oj-c.InputNumber.html +5850 -0
- package/oj-c/docs/oj-c.InputPassword.html +4891 -0
- package/oj-c/docs/oj-c.InputText.html +5772 -0
- package/oj-c/docs/oj-c.ListItemLayout.html +1549 -0
- package/oj-c/docs/oj-c.MessageToast.html +1574 -0
- package/oj-c/docs/oj-c.MeterBar.html +3193 -0
- package/oj-c/docs/oj-c.MeterCircle.html +3502 -0
- package/oj-c/docs/oj-c.ProgressBar.html +1122 -0
- package/oj-c/docs/oj-c.ProgressCircle.html +1138 -0
- package/oj-c/docs/oj-c.RatingGauge.html +2320 -0
- package/oj-c/docs/oj-c.SelectMultiple.html +4720 -0
- package/oj-c/docs/oj-c.SelectSingle.html +5920 -0
- package/oj-c/docs/oj-c.SplitMenuButton.html +1891 -0
- package/oj-c/docs/oj-c.TextArea.html +5447 -0
- package/oj-c/docs/progress-bar.html +149 -0
- package/oj-c/docs/progress-circle.html +149 -0
- package/oj-c/docs/rating-gauge.html +149 -0
- package/oj-c/docs/scripts/deprecated.js +268 -0
- package/oj-c/docs/scripts/prettify/Apache-License-2.0.txt +202 -0
- package/oj-c/docs/scripts/prettify/lang-css.js +9 -0
- package/oj-c/docs/scripts/prettify/prettify.js +35 -0
- package/oj-c/docs/select-multiple.html +149 -0
- package/oj-c/docs/select-single.html +149 -0
- package/oj-c/docs/split-menu-button.html +149 -0
- 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 +851 -0
- package/oj-c/docs/styles/prettify-jsdoc.css +111 -0
- package/oj-c/docs/styles/prettify-tomorrow.css +132 -0
- package/oj-c/docs/text-area.html +149 -0
- package/oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText.js +57 -0
- package/oj-c/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.js +80 -0
- package/oj-c/editable-value/UNSAFE_useConverter/useConverter.js +56 -0
- package/oj-c/editable-value/UNSAFE_useConverterLifecycle/useConverterLifecycle.js +26 -0
- package/oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators.js +22 -0
- package/oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue.js +154 -0
- package/oj-c/editable-value/UNSAFE_useStaleIdentity/useStaleIdentity.js +17 -0
- package/oj-c/editable-value/UNSAFE_useValidationLifecycle/useValidationLifecycle.js +118 -0
- package/oj-c/editable-value/UNSAFE_useValidators/useValidators.js +153 -0
- package/oj-c/editable-value/UNSAFE_useValue/useValue.js +42 -0
- package/oj-c/editable-value/UNSAFE_useValueLifecycle/useValueLifecycle.js +27 -0
- package/oj-c/editable-value/component.json +9 -0
- package/oj-c/editable-value/utils/utils.js +31 -0
- package/oj-c/file-picker/__webdriver__/FilePickerWebElement.js +32 -0
- package/oj-c/file-picker/__webdriver__/FilePickerWebElementBase.js +87 -0
- package/oj-c/file-picker/__webdriver__/index.js +74 -0
- package/oj-c/file-picker/component.json +209 -0
- package/oj-c/file-picker/file-picker-styles.css +17 -0
- package/oj-c/file-picker/file-picker.js +59 -0
- package/oj-c/file-picker/index.js +6 -0
- package/oj-c/file-picker.js +6 -0
- package/oj-c/hooks/UNSAFE_useDataProvider/DataProviderHandler.js +89 -0
- package/oj-c/hooks/UNSAFE_useDataProvider/useDataProvider.js +25 -0
- package/oj-c/hooks/UNSAFE_useDataProvider/utils.js +202 -0
- package/oj-c/hooks/UNSAFE_useListData/__tests__/useListData.test.js +124 -0
- package/oj-c/hooks/UNSAFE_useListData/useListData.js +297 -0
- package/oj-c/hooks/UNSAFE_useTreeData/__tests__/useTreeData.test.js +62 -0
- package/oj-c/hooks/UNSAFE_useTreeData/useTreeData.js +130 -0
- package/oj-c/hooks/component.json +9 -0
- package/oj-c/input-number/__dev__/input-number.doc.mdx +31 -0
- package/oj-c/input-number/__webdriver__/InputNumberWebElement.js +32 -0
- package/oj-c/input-number/__webdriver__/InputNumberWebElementBase.js +339 -0
- package/oj-c/input-number/__webdriver__/index.js +74 -0
- package/oj-c/input-number/component.json +536 -0
- package/oj-c/input-number/index.js +6 -0
- package/oj-c/input-number/input-number-styles.css +13 -0
- package/oj-c/input-number/input-number.js +119 -0
- package/oj-c/input-number/stepBasisUtils.js +76 -0
- package/oj-c/input-number/useImplicitNumberConverter.js +12 -0
- package/oj-c/input-number/useImplicitNumberRangeValidator.js +28 -0
- package/oj-c/input-number/useNumberInputTextPreact.js +153 -0
- package/oj-c/input-number.js +6 -0
- package/oj-c/input-password/__webdriver__/InputPasswordWebElement.js +32 -0
- package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.js +258 -0
- package/oj-c/input-password/__webdriver__/index.js +74 -0
- package/oj-c/input-password/component.json +488 -0
- package/oj-c/input-password/index.js +6 -0
- package/oj-c/input-password/input-password-styles.css +13 -0
- package/oj-c/input-password/input-password.js +112 -0
- package/oj-c/input-password/useInputPasswordPreact.js +46 -0
- package/oj-c/input-password.js +6 -0
- package/oj-c/input-text/__dev__/input-text.doc.mdx +30 -0
- package/oj-c/input-text/__tests__/input-text.test.js +70 -0
- package/oj-c/input-text/__webdriver__/InputTextWebElement.js +32 -0
- package/oj-c/input-text/__webdriver__/InputTextWebElementBase.js +294 -0
- package/oj-c/input-text/__webdriver__/index.js +74 -0
- package/oj-c/input-text/component.json +580 -0
- package/oj-c/input-text/index.js +6 -0
- package/oj-c/input-text/input-text-styles.css +13 -0
- package/oj-c/input-text/input-text.js +118 -0
- package/oj-c/input-text/useInputTextPreact.js +46 -0
- package/oj-c/input-text.js +6 -0
- package/oj-c/list-item-layout/__webdriver__/ListItemLayoutWebElement.js +32 -0
- package/oj-c/list-item-layout/__webdriver__/ListItemLayoutWebElementBase.js +42 -0
- package/oj-c/list-item-layout/__webdriver__/index.js +74 -0
- package/oj-c/list-item-layout/component.json +139 -0
- package/oj-c/list-item-layout/index.js +6 -0
- package/oj-c/list-item-layout/list-item-layout-styles.css +12 -0
- package/oj-c/list-item-layout/list-item-layout.js +30 -0
- package/oj-c/list-item-layout.js +6 -0
- package/oj-c/message-toast/__webdriver__/MessageToastWebElement.js +32 -0
- package/oj-c/message-toast/__webdriver__/MessageToastWebElementBase.js +78 -0
- package/oj-c/message-toast/__webdriver__/index.js +74 -0
- package/oj-c/message-toast/component.json +244 -0
- package/oj-c/message-toast/index.js +6 -0
- package/oj-c/message-toast/message-toast-styles.css +8 -0
- package/oj-c/message-toast/message-toast.js +35 -0
- package/oj-c/message-toast.js +6 -0
- package/oj-c/metadata/allComponents.json +5552 -0
- package/oj-c/meter-bar/__webdriver__/MeterBarWebElement.js +32 -0
- package/oj-c/meter-bar/__webdriver__/MeterBarWebElementBase.js +195 -0
- package/oj-c/meter-bar/__webdriver__/index.js +74 -0
- package/oj-c/meter-bar/component.json +246 -0
- package/oj-c/meter-bar/index.js +6 -0
- package/oj-c/meter-bar/meter-bar-styles.css +21 -0
- package/oj-c/meter-bar/meter-bar.js +44 -0
- package/oj-c/meter-bar.js +6 -0
- package/oj-c/meter-circle/__webdriver__/MeterCircleWebElement.js +32 -0
- package/oj-c/meter-circle/__webdriver__/MeterCircleWebElementBase.js +213 -0
- package/oj-c/meter-circle/__webdriver__/index.js +74 -0
- package/oj-c/meter-circle/component.json +289 -0
- package/oj-c/meter-circle/index.js +6 -0
- package/oj-c/meter-circle/meter-circle-styles.css +14 -0
- package/oj-c/meter-circle/meter-circle.js +47 -0
- package/oj-c/meter-circle.js +6 -0
- package/oj-c/min/avatar/avatar-styles.css +10 -0
- package/oj-c/min/avatar.js +2 -0
- package/oj-c/min/avatar.js.map +1 -0
- package/oj-c/min/button/button-styles.css +11 -0
- package/oj-c/min/button.js +2 -0
- package/oj-c/min/button.js.map +1 -0
- package/oj-c/min/collapsible/collapsible-styles.css +11 -0
- package/oj-c/min/collapsible.js +2 -0
- package/oj-c/min/collapsible.js.map +1 -0
- package/oj-c/min/corepackbundle.css +226 -0
- package/oj-c/min/corepackbundle.js +6 -0
- package/oj-c/min/corepackbundle.js.map +1 -0
- package/oj-c/min/editable-value/UNSAFE_useAssistiveText/useAssistiveText.d.ts +32 -0
- package/oj-c/min/editable-value/UNSAFE_useAssistiveText/useAssistiveText.js +57 -0
- package/oj-c/min/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.d.ts +24 -0
- package/oj-c/min/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.js +80 -0
- package/oj-c/min/editable-value/UNSAFE_useConverter/useConverter.d.ts +14 -0
- package/oj-c/min/editable-value/UNSAFE_useConverter/useConverter.js +56 -0
- package/oj-c/min/editable-value/UNSAFE_useConverterLifecycle/useConverterLifecycle.d.ts +11 -0
- package/oj-c/min/editable-value/UNSAFE_useConverterLifecycle/useConverterLifecycle.js +26 -0
- package/oj-c/min/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators.d.ts +8 -0
- package/oj-c/min/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators.js +22 -0
- package/oj-c/min/editable-value/UNSAFE_useEditableValue/useEditableValue.d.ts +47 -0
- package/oj-c/min/editable-value/UNSAFE_useEditableValue/useEditableValue.js +154 -0
- package/oj-c/min/editable-value/UNSAFE_useStaleIdentity/useStaleIdentity.d.ts +5 -0
- package/oj-c/min/editable-value/UNSAFE_useStaleIdentity/useStaleIdentity.js +17 -0
- package/oj-c/min/editable-value/UNSAFE_useValidationLifecycle/useValidationLifecycle.d.ts +15 -0
- package/oj-c/min/editable-value/UNSAFE_useValidationLifecycle/useValidationLifecycle.js +118 -0
- package/oj-c/min/editable-value/UNSAFE_useValidators/useValidators.d.ts +35 -0
- package/oj-c/min/editable-value/UNSAFE_useValidators/useValidators.js +153 -0
- package/oj-c/min/editable-value/UNSAFE_useValue/useValue.d.ts +23 -0
- package/oj-c/min/editable-value/UNSAFE_useValue/useValue.js +42 -0
- package/oj-c/min/editable-value/UNSAFE_useValueLifecycle/useValueLifecycle.d.ts +9 -0
- package/oj-c/min/editable-value/UNSAFE_useValueLifecycle/useValueLifecycle.js +27 -0
- package/oj-c/min/editable-value/component.json +9 -0
- package/oj-c/min/editable-value/utils/utils.d.ts +6 -0
- package/oj-c/min/editable-value/utils/utils.js +31 -0
- package/oj-c/min/file-picker/file-picker-styles.css +17 -0
- package/oj-c/min/file-picker.js +2 -0
- package/oj-c/min/file-picker.js.map +1 -0
- package/oj-c/min/hooks/UNSAFE_useDataProvider/DataProviderHandler.d.ts +18 -0
- package/oj-c/min/hooks/UNSAFE_useDataProvider/DataProviderHandler.js +89 -0
- package/oj-c/min/hooks/UNSAFE_useDataProvider/useDataProvider.d.ts +10 -0
- package/oj-c/min/hooks/UNSAFE_useDataProvider/useDataProvider.js +25 -0
- package/oj-c/min/hooks/UNSAFE_useDataProvider/utils.d.ts +3 -0
- package/oj-c/min/hooks/UNSAFE_useDataProvider/utils.js +202 -0
- package/oj-c/min/hooks/UNSAFE_useListData/__tests__/useListData.test.d.ts +1 -0
- package/oj-c/min/hooks/UNSAFE_useListData/__tests__/useListData.test.js +124 -0
- package/oj-c/min/hooks/UNSAFE_useListData/useListData.d.ts +21 -0
- package/oj-c/min/hooks/UNSAFE_useListData/useListData.js +297 -0
- package/oj-c/min/hooks/UNSAFE_useTreeData/__tests__/useTreeData.test.d.ts +1 -0
- package/oj-c/min/hooks/UNSAFE_useTreeData/__tests__/useTreeData.test.js +62 -0
- package/oj-c/min/hooks/UNSAFE_useTreeData/useTreeData.d.ts +27 -0
- package/oj-c/min/hooks/UNSAFE_useTreeData/useTreeData.js +130 -0
- package/oj-c/min/hooks/component.json +9 -0
- package/oj-c/min/input-number/input-number-styles.css +13 -0
- package/oj-c/min/input-number.js +2 -0
- package/oj-c/min/input-number.js.map +1 -0
- package/oj-c/min/input-password/input-password-styles.css +13 -0
- package/oj-c/min/input-password.js +2 -0
- package/oj-c/min/input-password.js.map +1 -0
- package/oj-c/min/input-text/input-text-styles.css +13 -0
- package/oj-c/min/input-text.js +2 -0
- package/oj-c/min/input-text.js.map +1 -0
- package/oj-c/min/list-item-layout/list-item-layout-styles.css +12 -0
- package/oj-c/min/list-item-layout.js +2 -0
- package/oj-c/min/list-item-layout.js.map +1 -0
- package/oj-c/min/message-toast/message-toast-styles.css +8 -0
- package/oj-c/min/message-toast.js +2 -0
- package/oj-c/min/message-toast.js.map +1 -0
- package/oj-c/min/meter-bar/meter-bar-styles.css +21 -0
- package/oj-c/min/meter-bar.js +2 -0
- package/oj-c/min/meter-bar.js.map +1 -0
- package/oj-c/min/meter-circle/meter-circle-styles.css +14 -0
- package/oj-c/min/meter-circle.js +2 -0
- package/oj-c/min/meter-circle.js.map +1 -0
- package/oj-c/min/progress-bar/progress-bar-styles.css +11 -0
- package/oj-c/min/progress-bar.js +2 -0
- package/oj-c/min/progress-bar.js.map +1 -0
- package/oj-c/min/progress-circle/progress-circle-styles.css +14 -0
- package/oj-c/min/progress-circle.js +2 -0
- package/oj-c/min/progress-circle.js.map +1 -0
- package/oj-c/min/rating-gauge/rating-gauge-styles.css +12 -0
- package/oj-c/min/rating-gauge.js +2 -0
- package/oj-c/min/rating-gauge.js.map +1 -0
- package/oj-c/min/select-common/UNSAFE_useDataProviderListeners/index.d.ts +2 -0
- package/oj-c/min/select-common/UNSAFE_useDataProviderListeners/index.js +6 -0
- package/oj-c/min/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners.d.ts +13 -0
- package/oj-c/min/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners.js +96 -0
- package/oj-c/min/select-common/UNSAFE_useWrapDataProvider/index.d.ts +1 -0
- package/oj-c/min/select-common/UNSAFE_useWrapDataProvider/index.js +6 -0
- package/oj-c/min/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider.d.ts +3 -0
- package/oj-c/min/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider.js +16 -0
- package/oj-c/min/select-common/UNSAFE_useWrapValueState/index.d.ts +1 -0
- package/oj-c/min/select-common/UNSAFE_useWrapValueState/index.js +6 -0
- package/oj-c/min/select-common/UNSAFE_useWrapValueState/useWrapValueState.d.ts +23 -0
- package/oj-c/min/select-common/UNSAFE_useWrapValueState/useWrapValueState.js +23 -0
- package/oj-c/min/select-common/component.json +9 -0
- package/oj-c/min/select-common/utils/utils.d.ts +10 -0
- package/oj-c/min/select-common/utils/utils.js +19 -0
- package/oj-c/min/select-multiple/select-multiple-styles.css +13 -0
- package/oj-c/min/select-multiple.js +3 -0
- package/oj-c/min/select-multiple.js.map +1 -0
- package/oj-c/min/select-single/select-single-styles.css +22 -0
- package/oj-c/min/select-single.js +3 -0
- package/oj-c/min/select-single.js.map +1 -0
- package/oj-c/min/split-menu-button/split-menu-button-styles.css +11 -0
- package/oj-c/min/split-menu-button.js +2 -0
- package/oj-c/min/split-menu-button.js.map +1 -0
- package/oj-c/min/text-area/text-area-styles.css +13 -0
- package/oj-c/min/text-area.js +2 -0
- package/oj-c/min/text-area.js.map +1 -0
- package/oj-c/min/utils/UNSAFE_focusTabUtils/focusUtils.d.ts +2 -0
- package/oj-c/min/utils/UNSAFE_focusTabUtils/focusUtils.js +23 -0
- package/oj-c/min/utils/UNSAFE_focusTabUtils/index.d.ts +1 -0
- package/oj-c/min/utils/UNSAFE_focusTabUtils/index.js +6 -0
- package/oj-c/min/utils/UNSAFE_keyUtils/index.d.ts +1 -0
- package/oj-c/min/utils/UNSAFE_keyUtils/index.js +19 -0
- package/oj-c/min/utils/UNSAFE_keyUtils/keySetUtils.d.ts +4 -0
- package/oj-c/min/utils/UNSAFE_keyUtils/keySetUtils.js +33 -0
- package/oj-c/min/utils/UNSAFE_meterUtils/index.d.ts +1 -0
- package/oj-c/min/utils/UNSAFE_meterUtils/index.js +6 -0
- package/oj-c/min/utils/UNSAFE_meterUtils/meterUtils.d.ts +2 -0
- package/oj-c/min/utils/UNSAFE_meterUtils/meterUtils.js +12 -0
- package/oj-c/min/utils/component.json +9 -0
- package/oj-c/progress-bar/__webdriver__/ProgressBarWebElement.js +32 -0
- package/oj-c/progress-bar/__webdriver__/ProgressBarWebElementBase.js +60 -0
- package/oj-c/progress-bar/__webdriver__/index.js +74 -0
- package/oj-c/progress-bar/component.json +123 -0
- package/oj-c/progress-bar/index.js +6 -0
- package/oj-c/progress-bar/progress-bar-styles.css +11 -0
- package/oj-c/progress-bar/progress-bar.js +26 -0
- package/oj-c/progress-bar.js +6 -0
- package/oj-c/progress-circle/__webdriver__/ProgressCircleWebElement.js +32 -0
- package/oj-c/progress-circle/__webdriver__/ProgressCircleWebElementBase.js +60 -0
- package/oj-c/progress-circle/__webdriver__/index.js +74 -0
- package/oj-c/progress-circle/component.json +128 -0
- package/oj-c/progress-circle/index.js +6 -0
- package/oj-c/progress-circle/progress-circle-styles.css +14 -0
- package/oj-c/progress-circle/progress-circle.js +26 -0
- package/oj-c/progress-circle.js +6 -0
- package/oj-c/rating-gauge/__webdriver__/RatingGaugeWebElement.js +32 -0
- package/oj-c/rating-gauge/__webdriver__/RatingGaugeWebElementBase.js +168 -0
- package/oj-c/rating-gauge/__webdriver__/index.js +74 -0
- package/oj-c/rating-gauge/component.json +188 -0
- package/oj-c/rating-gauge/index.js +6 -0
- package/oj-c/rating-gauge/rating-gauge-styles.css +12 -0
- package/oj-c/rating-gauge/rating-gauge.js +44 -0
- package/oj-c/rating-gauge.js +6 -0
- package/oj-c/select-common/UNSAFE_useDataProviderListeners/index.js +6 -0
- package/oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners.js +96 -0
- package/oj-c/select-common/UNSAFE_useWrapDataProvider/index.js +6 -0
- package/oj-c/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider.js +16 -0
- package/oj-c/select-common/UNSAFE_useWrapValueState/index.js +6 -0
- package/oj-c/select-common/UNSAFE_useWrapValueState/useWrapValueState.js +23 -0
- package/oj-c/select-common/component.json +9 -0
- package/oj-c/select-common/utils/utils.js +19 -0
- package/oj-c/select-multiple/__dev__/select-multiple.doc.mdx +30 -0
- package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElement.js +32 -0
- package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElementBase.js +258 -0
- package/oj-c/select-multiple/__webdriver__/index.js +74 -0
- package/oj-c/select-multiple/component.json +475 -0
- package/oj-c/select-multiple/index.js +6 -0
- package/oj-c/select-multiple/select-multiple-styles.css +13 -0
- package/oj-c/select-multiple/select-multiple.js +108 -0
- package/oj-c/select-multiple/useSelectMultiplePreact.js +123 -0
- package/oj-c/select-multiple/useSyncValueAndValueItems.js +125 -0
- package/oj-c/select-multiple/useValueItems.js +22 -0
- package/oj-c/select-multiple.js +6 -0
- package/oj-c/select-single/__dev__/select-single.doc.mdx +30 -0
- package/oj-c/select-single/__webdriver__/SelectSingleWebElement.js +32 -0
- package/oj-c/select-single/__webdriver__/SelectSingleWebElementBase.js +258 -0
- package/oj-c/select-single/__webdriver__/index.js +74 -0
- package/oj-c/select-single/component.json +545 -0
- package/oj-c/select-single/index.js +6 -0
- package/oj-c/select-single/select-single-styles.css +22 -0
- package/oj-c/select-single/select-single.js +108 -0
- package/oj-c/select-single/useSelectSinglePreact.js +157 -0
- package/oj-c/select-single/useSyncValueAndValueItem.js +110 -0
- package/oj-c/select-single/useValueItem.js +18 -0
- package/oj-c/select-single.js +6 -0
- package/oj-c/split-menu-button/__dev__/split-menu-button.doc.mdx +32 -0
- package/oj-c/split-menu-button/__tests__/split-menu-button.test.js +17 -0
- package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElement.js +32 -0
- package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElementBase.js +87 -0
- package/oj-c/split-menu-button/__webdriver__/index.js +74 -0
- package/oj-c/split-menu-button/component.json +205 -0
- package/oj-c/split-menu-button/index.js +6 -0
- package/oj-c/split-menu-button/split-menu-button-styles.css +11 -0
- package/oj-c/split-menu-button/split-menu-button.js +76 -0
- package/oj-c/split-menu-button.js +6 -0
- package/oj-c/text-area/__webdriver__/TextAreaWebElement.js +32 -0
- package/oj-c/text-area/__webdriver__/TextAreaWebElementBase.js +285 -0
- package/oj-c/text-area/__webdriver__/index.js +74 -0
- package/oj-c/text-area/component.json +497 -0
- package/oj-c/text-area/index.js +6 -0
- package/oj-c/text-area/text-area-styles.css +13 -0
- package/oj-c/text-area/text-area.js +138 -0
- package/oj-c/text-area/useTextAreaAutosizePreact.js +44 -0
- package/oj-c/text-area/useTextAreaPreact.js +46 -0
- package/oj-c/text-area.js +6 -0
- package/oj-c/types/avatar/avatar.d.ts +68 -0
- package/oj-c/types/avatar/index.d.ts +2 -0
- package/oj-c/types/button/__tests__/button.test.d.ts +1 -0
- package/oj-c/types/button/button.d.ts +91 -0
- package/oj-c/types/button/index.d.ts +2 -0
- package/oj-c/types/collapsible/collapsible.d.ts +88 -0
- package/oj-c/types/collapsible/index.d.ts +2 -0
- package/oj-c/types/editable-value/UNSAFE_useAssistiveText/useAssistiveText.d.ts +32 -0
- package/oj-c/types/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.d.ts +24 -0
- package/oj-c/types/editable-value/UNSAFE_useConverter/useConverter.d.ts +14 -0
- package/oj-c/types/editable-value/UNSAFE_useConverterLifecycle/useConverterLifecycle.d.ts +11 -0
- package/oj-c/types/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators.d.ts +8 -0
- package/oj-c/types/editable-value/UNSAFE_useEditableValue/useEditableValue.d.ts +47 -0
- package/oj-c/types/editable-value/UNSAFE_useStaleIdentity/useStaleIdentity.d.ts +5 -0
- package/oj-c/types/editable-value/UNSAFE_useValidationLifecycle/useValidationLifecycle.d.ts +15 -0
- package/oj-c/types/editable-value/UNSAFE_useValidators/useValidators.d.ts +35 -0
- package/oj-c/types/editable-value/UNSAFE_useValue/useValue.d.ts +23 -0
- package/oj-c/types/editable-value/UNSAFE_useValueLifecycle/useValueLifecycle.d.ts +9 -0
- package/oj-c/types/editable-value/utils/utils.d.ts +6 -0
- package/oj-c/types/file-picker/file-picker.d.ts +103 -0
- package/oj-c/types/file-picker/index.d.ts +2 -0
- package/oj-c/types/hooks/UNSAFE_useDataProvider/DataProviderHandler.d.ts +18 -0
- package/oj-c/types/hooks/UNSAFE_useDataProvider/useDataProvider.d.ts +10 -0
- package/oj-c/types/hooks/UNSAFE_useDataProvider/utils.d.ts +3 -0
- package/oj-c/types/hooks/UNSAFE_useListData/__tests__/useListData.test.d.ts +1 -0
- package/oj-c/types/hooks/UNSAFE_useListData/useListData.d.ts +21 -0
- package/oj-c/types/hooks/UNSAFE_useTreeData/__tests__/useTreeData.test.d.ts +1 -0
- package/oj-c/types/hooks/UNSAFE_useTreeData/useTreeData.d.ts +27 -0
- package/oj-c/types/input-number/index.d.ts +2 -0
- package/oj-c/types/input-number/input-number.d.ts +231 -0
- package/oj-c/types/input-number/stepBasisUtils.d.ts +1 -0
- package/oj-c/types/input-number/useImplicitNumberConverter.d.ts +10 -0
- package/oj-c/types/input-number/useImplicitNumberRangeValidator.d.ts +17 -0
- package/oj-c/types/input-number/useNumberInputTextPreact.d.ts +54 -0
- package/oj-c/types/input-password/index.d.ts +2 -0
- package/oj-c/types/input-password/input-password.d.ts +183 -0
- package/oj-c/types/input-password/useInputPasswordPreact.d.ts +40 -0
- package/oj-c/types/input-text/__tests__/input-text.test.d.ts +1 -0
- package/oj-c/types/input-text/index.d.ts +2 -0
- package/oj-c/types/input-text/input-text.d.ts +212 -0
- package/oj-c/types/input-text/useInputTextPreact.d.ts +47 -0
- package/oj-c/types/list-item-layout/index.d.ts +2 -0
- package/oj-c/types/list-item-layout/list-item-layout.d.ts +53 -0
- package/oj-c/types/message-toast/index.d.ts +2 -0
- package/oj-c/types/message-toast/message-toast.d.ts +83 -0
- package/oj-c/types/meter-bar/index.d.ts +2 -0
- package/oj-c/types/meter-bar/meter-bar.d.ts +133 -0
- package/oj-c/types/meter-circle/index.d.ts +2 -0
- package/oj-c/types/meter-circle/meter-circle.d.ts +148 -0
- package/oj-c/types/progress-bar/index.d.ts +2 -0
- package/oj-c/types/progress-bar/progress-bar.d.ts +53 -0
- package/oj-c/types/progress-circle/index.d.ts +2 -0
- package/oj-c/types/progress-circle/progress-circle.d.ts +53 -0
- package/oj-c/types/rating-gauge/index.d.ts +2 -0
- package/oj-c/types/rating-gauge/rating-gauge.d.ts +109 -0
- package/oj-c/types/select-common/UNSAFE_useDataProviderListeners/index.d.ts +2 -0
- package/oj-c/types/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners.d.ts +13 -0
- package/oj-c/types/select-common/UNSAFE_useWrapDataProvider/index.d.ts +1 -0
- package/oj-c/types/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider.d.ts +3 -0
- package/oj-c/types/select-common/UNSAFE_useWrapValueState/index.d.ts +1 -0
- package/oj-c/types/select-common/UNSAFE_useWrapValueState/useWrapValueState.d.ts +23 -0
- package/oj-c/types/select-common/utils/utils.d.ts +10 -0
- package/oj-c/types/select-multiple/index.d.ts +2 -0
- package/oj-c/types/select-multiple/select-multiple.d.ts +176 -0
- package/oj-c/types/select-multiple/useSelectMultiplePreact.d.ts +42 -0
- package/oj-c/types/select-multiple/useSyncValueAndValueItems.d.ts +17 -0
- package/oj-c/types/select-multiple/useValueItems.d.ts +6 -0
- package/oj-c/types/select-single/index.d.ts +2 -0
- package/oj-c/types/select-single/select-single.d.ts +186 -0
- package/oj-c/types/select-single/useSelectSinglePreact.d.ts +42 -0
- package/oj-c/types/select-single/useSyncValueAndValueItem.d.ts +17 -0
- package/oj-c/types/select-single/useValueItem.d.ts +5 -0
- package/oj-c/types/split-menu-button/__tests__/split-menu-button.test.d.ts +1 -0
- package/oj-c/types/split-menu-button/index.d.ts +2 -0
- package/oj-c/types/split-menu-button/split-menu-button.d.ts +93 -0
- package/oj-c/types/text-area/index.d.ts +2 -0
- package/oj-c/types/text-area/text-area.d.ts +209 -0
- package/oj-c/types/text-area/useTextAreaAutosizePreact.d.ts +44 -0
- package/oj-c/types/text-area/useTextAreaPreact.d.ts +44 -0
- package/oj-c/types/utils/UNSAFE_focusTabUtils/focusUtils.d.ts +2 -0
- package/oj-c/types/utils/UNSAFE_focusTabUtils/index.d.ts +1 -0
- package/oj-c/types/utils/UNSAFE_keyUtils/index.d.ts +1 -0
- package/oj-c/types/utils/UNSAFE_keyUtils/keySetUtils.d.ts +4 -0
- package/oj-c/types/utils/UNSAFE_meterUtils/index.d.ts +1 -0
- package/oj-c/types/utils/UNSAFE_meterUtils/meterUtils.d.ts +2 -0
- package/oj-c/utils/UNSAFE_focusTabUtils/focusUtils.js +23 -0
- package/oj-c/utils/UNSAFE_focusTabUtils/index.js +6 -0
- package/oj-c/utils/UNSAFE_keyUtils/index.js +19 -0
- package/oj-c/utils/UNSAFE_keyUtils/keySetUtils.js +33 -0
- package/oj-c/utils/UNSAFE_meterUtils/index.js +6 -0
- package/oj-c/utils/UNSAFE_meterUtils/meterUtils.js +12 -0
- package/oj-c/utils/component.json +9 -0
- package/package.json +22 -0
- package/webdriver/docs/.nojekyll +1 -0
- package/webdriver/docs/assets/highlight.css +78 -0
- package/webdriver/docs/assets/icons.css +1043 -0
- package/webdriver/docs/assets/icons.png +0 -0
- package/webdriver/docs/assets/icons@2x.png +0 -0
- package/webdriver/docs/assets/main.js +52 -0
- package/webdriver/docs/assets/search.js +1 -0
- package/webdriver/docs/assets/style.css +1414 -0
- package/webdriver/docs/assets/widgets.png +0 -0
- package/webdriver/docs/assets/widgets@2x.png +0 -0
- package/webdriver/docs/classes/AvatarWebElement.html +117 -0
- package/webdriver/docs/classes/ButtonWebElement.html +163 -0
- package/webdriver/docs/classes/CollapsibleWebElement.html +111 -0
- package/webdriver/docs/classes/FilePickerWebElement.html +117 -0
- package/webdriver/docs/classes/InputNumberWebElement.html +231 -0
- package/webdriver/docs/classes/InputPasswordWebElement.html +195 -0
- package/webdriver/docs/classes/InputTextWebElement.html +211 -0
- package/webdriver/docs/classes/ListItemLayoutWebElement.html +97 -0
- package/webdriver/docs/classes/MessageToastWebElement.html +113 -0
- package/webdriver/docs/classes/MeterBarWebElement.html +153 -0
- package/webdriver/docs/classes/MeterCircleWebElement.html +159 -0
- package/webdriver/docs/classes/ProgressBarWebElement.html +105 -0
- package/webdriver/docs/classes/ProgressCircleWebElement.html +105 -0
- package/webdriver/docs/classes/RatingGaugeWebElement.html +147 -0
- package/webdriver/docs/classes/SelectMultipleWebElement.html +196 -0
- package/webdriver/docs/classes/SelectSingleWebElement.html +196 -0
- package/webdriver/docs/classes/SplitMenuButtonWebElement.html +117 -0
- package/webdriver/docs/classes/TextAreaWebElement.html +207 -0
- package/webdriver/docs/index.html +16 -0
- package/webdriver/docs/modules.html +181 -0
- package/webdriver/index.js +34 -0
- package/webdriver/index.ts +18 -0
|
@@ -0,0 +1,3193 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<title>Element: <oj-c-meter-bar></title>
|
|
6
|
+
|
|
7
|
+
<script src="scripts/prettify/prettify.js"> </script>
|
|
8
|
+
<script src="scripts/prettify/lang-css.js"> </script>
|
|
9
|
+
<!--[if lt IE 9]>
|
|
10
|
+
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
11
|
+
<![endif]-->
|
|
12
|
+
<script src="scripts/deprecated.js"></script>
|
|
13
|
+
|
|
14
|
+
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
|
|
15
|
+
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
|
|
16
|
+
</head>
|
|
17
|
+
|
|
18
|
+
<body>
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
<nav id="nav" data-current-item="navItem27">
|
|
22
|
+
<h2>Oracle® JET</h2>
|
|
23
|
+
<h2>Core Pack Components</h2>
|
|
24
|
+
<h3>14.0.0</h3
|
|
25
|
+
<div class="deprecation-checkboxes" style="display: none">
|
|
26
|
+
<ul style="list-style: none; display: none;">
|
|
27
|
+
<li style="margin-top:0px">
|
|
28
|
+
<label for="deprecated">
|
|
29
|
+
<div class="deprecated-cb-common"><input type="checkbox" id="deprecated"><span style="padding:2px">Show Deprecated APIs</span></div>
|
|
30
|
+
</label>
|
|
31
|
+
</li>
|
|
32
|
+
<li style="margin-top:0px">
|
|
33
|
+
<label for="jsonly"></label>
|
|
34
|
+
<div class="deprecated-cb-common"><input type="checkbox" id="jsonly"><span style="padding:2px 12px 2px 2px">Javascript Only APIs</span></div>
|
|
35
|
+
</li>
|
|
36
|
+
</ul>
|
|
37
|
+
</div>
|
|
38
|
+
<ul><li id="idx"><h2 id="navIndex"><a href="index.html" id="navIndexFocusable">Index</a></h2></li><li><div id="nav_toggle">
|
|
39
|
+
<input type="radio" id="elements_rb" name="toggle" value="Elements">
|
|
40
|
+
<label for="elements">Elements</label>
|
|
41
|
+
<input type="radio" id="modules_rb" name="toggle" value="Modules">
|
|
42
|
+
<label for="modules">Modules</label><br>
|
|
43
|
+
</div></li><li id="nav_elements" style="display: none"><h3 id="navElements">Elements</h3><ul class="subList"><li id="navItem0"><a href="oj-c.Avatar.html"><oj-c-avatar></a></li><li id="navItem1"><a href="oj-c.Button.html"><oj-c-button></a></li><li id="navItem2"><a href="oj-c.Collapsible.html"><oj-c-collapsible></a></li><li id="navItem3"><a href="oj-c.FilePicker.html"><oj-c-file-picker></a></li><li id="navItem4"><a href="oj-c.InputNumber.html"><oj-c-input-number></a></li><li id="navItem5"><a href="oj-c.InputPassword.html"><oj-c-input-password></a></li><li id="navItem6"><a href="oj-c.InputText.html"><oj-c-input-text></a></li><li id="navItem7"><a href="oj-c.ListItemLayout.html"><oj-c-list-item-layout></a></li><li id="navItem8"><a href="oj-c.MessageToast.html"><oj-c-message-toast></a></li><li id="navItem9"><a href="oj-c.MeterBar.html"><oj-c-meter-bar></a></li><li id="navItem10"><a href="oj-c.MeterCircle.html"><oj-c-meter-circle></a></li><li id="navItem11"><a href="oj-c.ProgressBar.html"><oj-c-progress-bar></a></li><li id="navItem12"><a href="oj-c.ProgressCircle.html"><oj-c-progress-circle></a></li><li id="navItem13"><a href="oj-c.RatingGauge.html"><oj-c-rating-gauge></a></li><li id="navItem14"><a href="oj-c.SelectMultiple.html"><oj-c-select-multiple></a></li><li id="navItem15"><a href="oj-c.SelectSingle.html"><oj-c-select-single></a></li><li id="navItem16"><a href="oj-c.SplitMenuButton.html"><oj-c-split-menu-button></a></li><li id="navItem17"><a href="oj-c.TextArea.html"><oj-c-text-area></a></li></ul></li><li id="nav_modules" style="display: none"><h3 id="navElements">Modules</h3><ul class="subList_lev2"><li class="module">
|
|
44
|
+
<div id="avatar" class="module_element">
|
|
45
|
+
<a href="avatar.html">avatar</a>
|
|
46
|
+
</div><ul class="subList_lev3"><li id="navItem18"><a href="oj-c.Avatar.html"><oj-c-avatar></a></li></ul></li><li class="module">
|
|
47
|
+
<div id="button" class="module_element">
|
|
48
|
+
<a href="button.html">button</a>
|
|
49
|
+
</div><ul class="subList_lev3"><li id="navItem19"><a href="oj-c.Button.html"><oj-c-button></a></li></ul></li><li class="module">
|
|
50
|
+
<div id="collapsible" class="module_element">
|
|
51
|
+
<a href="collapsible.html">collapsible</a>
|
|
52
|
+
</div><ul class="subList_lev3"><li id="navItem20"><a href="oj-c.Collapsible.html"><oj-c-collapsible></a></li></ul></li><li class="module">
|
|
53
|
+
<div id="file-picker" class="module_element">
|
|
54
|
+
<a href="file-picker.html">file-picker</a>
|
|
55
|
+
</div><ul class="subList_lev3"><li id="navItem21"><a href="oj-c.FilePicker.html"><oj-c-file-picker></a></li></ul></li><li class="module">
|
|
56
|
+
<div id="input-number" class="module_element">
|
|
57
|
+
<a href="input-number.html">input-number</a>
|
|
58
|
+
</div><ul class="subList_lev3"><li id="navItem22"><a href="oj-c.InputNumber.html"><oj-c-input-number></a></li></ul></li><li class="module">
|
|
59
|
+
<div id="input-password" class="module_element">
|
|
60
|
+
<a href="input-password.html">input-password</a>
|
|
61
|
+
</div><ul class="subList_lev3"><li id="navItem23"><a href="oj-c.InputPassword.html"><oj-c-input-password></a></li></ul></li><li class="module">
|
|
62
|
+
<div id="input-text" class="module_element">
|
|
63
|
+
<a href="input-text.html">input-text</a>
|
|
64
|
+
</div><ul class="subList_lev3"><li id="navItem24"><a href="oj-c.InputText.html"><oj-c-input-text></a></li></ul></li><li class="module">
|
|
65
|
+
<div id="list-item-layout" class="module_element">
|
|
66
|
+
<a href="list-item-layout.html">list-item-layout</a>
|
|
67
|
+
</div><ul class="subList_lev3"><li id="navItem25"><a href="oj-c.ListItemLayout.html"><oj-c-list-item-layout></a></li></ul></li><li class="module">
|
|
68
|
+
<div id="message-toast" class="module_element">
|
|
69
|
+
<a href="message-toast.html">message-toast</a>
|
|
70
|
+
</div><ul class="subList_lev3"><li id="navItem26"><a href="oj-c.MessageToast.html"><oj-c-message-toast></a></li></ul></li><li class="module">
|
|
71
|
+
<div id="meter-bar" class="module_element">
|
|
72
|
+
<a href="meter-bar.html">meter-bar</a>
|
|
73
|
+
</div><ul class="subList_lev3"><li id="navItem27"><a href="oj-c.MeterBar.html"><oj-c-meter-bar></a></li></ul></li><li class="module">
|
|
74
|
+
<div id="meter-circle" class="module_element">
|
|
75
|
+
<a href="meter-circle.html">meter-circle</a>
|
|
76
|
+
</div><ul class="subList_lev3"><li id="navItem28"><a href="oj-c.MeterCircle.html"><oj-c-meter-circle></a></li></ul></li><li class="module">
|
|
77
|
+
<div id="progress-bar" class="module_element">
|
|
78
|
+
<a href="progress-bar.html">progress-bar</a>
|
|
79
|
+
</div><ul class="subList_lev3"><li id="navItem29"><a href="oj-c.ProgressBar.html"><oj-c-progress-bar></a></li></ul></li><li class="module">
|
|
80
|
+
<div id="progress-circle" class="module_element">
|
|
81
|
+
<a href="progress-circle.html">progress-circle</a>
|
|
82
|
+
</div><ul class="subList_lev3"><li id="navItem30"><a href="oj-c.ProgressCircle.html"><oj-c-progress-circle></a></li></ul></li><li class="module">
|
|
83
|
+
<div id="rating-gauge" class="module_element">
|
|
84
|
+
<a href="rating-gauge.html">rating-gauge</a>
|
|
85
|
+
</div><ul class="subList_lev3"><li id="navItem31"><a href="oj-c.RatingGauge.html"><oj-c-rating-gauge></a></li></ul></li><li class="module">
|
|
86
|
+
<div id="select-multiple" class="module_element">
|
|
87
|
+
<a href="select-multiple.html">select-multiple</a>
|
|
88
|
+
</div><ul class="subList_lev3"><li id="navItem32"><a href="oj-c.SelectMultiple.html"><oj-c-select-multiple></a></li></ul></li><li class="module">
|
|
89
|
+
<div id="select-single" class="module_element">
|
|
90
|
+
<a href="select-single.html">select-single</a>
|
|
91
|
+
</div><ul class="subList_lev3"><li id="navItem33"><a href="oj-c.SelectSingle.html"><oj-c-select-single></a></li></ul></li><li class="module">
|
|
92
|
+
<div id="split-menu-button" class="module_element">
|
|
93
|
+
<a href="split-menu-button.html">split-menu-button</a>
|
|
94
|
+
</div><ul class="subList_lev3"><li id="navItem34"><a href="oj-c.SplitMenuButton.html"><oj-c-split-menu-button></a></li></ul></li><li class="module">
|
|
95
|
+
<div id="text-area" class="module_element">
|
|
96
|
+
<a href="text-area.html">text-area</a>
|
|
97
|
+
</div><ul class="subList_lev3"><li id="navItem35"><a href="oj-c.TextArea.html"><oj-c-text-area></a></li></ul></li></ul></li></ul>
|
|
98
|
+
</nav>
|
|
99
|
+
|
|
100
|
+
<div id="main">
|
|
101
|
+
|
|
102
|
+
<button onclick="topFunction()" id="jump-to-top-btn" title="Go to top"></button>
|
|
103
|
+
<div class="page-title">
|
|
104
|
+
<h1>Element: <oj-c-meter-bar></h1>
|
|
105
|
+
</div>
|
|
106
|
+
|
|
107
|
+
<p class="product-docs-header">
|
|
108
|
+
<span style="font-weight:bold">Oracle® JavaScript Extension Toolkit (JET)<br>
|
|
109
|
+
14.0.0</span><br>
|
|
110
|
+
</p>
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
<dl class="details">
|
|
124
|
+
|
|
125
|
+
<dt class="tag-since">Since:</dt>
|
|
126
|
+
<dd class="tag-since"><ul class="dummy"><li>14.0.0</li></ul></dd>
|
|
127
|
+
|
|
128
|
+
<dt class="tag-module">Module:</dt>
|
|
129
|
+
<dd class="tag-module"><ul class="dummy"><li>meter-bar</li></ul></dd>
|
|
130
|
+
|
|
131
|
+
</dl>
|
|
132
|
+
|
|
133
|
+
<section id="quick-nav" class="">
|
|
134
|
+
<header><h2>QuickNav</h2></header>
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
<div class="quick-nav-section4">
|
|
139
|
+
<h3> <a href="#members-section">Attributes</a></h3>
|
|
140
|
+
<ul class="optionsSubList">
|
|
141
|
+
|
|
142
|
+
<li><div><a href="#color">color</a></div>
|
|
143
|
+
|
|
144
|
+
</li>
|
|
145
|
+
|
|
146
|
+
<li><div><a href="#datatip"><b>datatip</b></a></div>
|
|
147
|
+
|
|
148
|
+
</li>
|
|
149
|
+
|
|
150
|
+
<li><div><a href="#describedBy">described-by</a></div>
|
|
151
|
+
|
|
152
|
+
</li>
|
|
153
|
+
|
|
154
|
+
<li><div><a href="#indicatorSize">indicator-size</a></div>
|
|
155
|
+
|
|
156
|
+
</li>
|
|
157
|
+
|
|
158
|
+
<li><div><a href="#labelledBy">labelled-by</a></div>
|
|
159
|
+
|
|
160
|
+
</li>
|
|
161
|
+
|
|
162
|
+
<li><div><a href="#max">max</a></div>
|
|
163
|
+
|
|
164
|
+
</li>
|
|
165
|
+
|
|
166
|
+
<li><div><a href="#min">min</a></div>
|
|
167
|
+
|
|
168
|
+
</li>
|
|
169
|
+
|
|
170
|
+
<li><div><a href="#orientation">orientation</a></div>
|
|
171
|
+
|
|
172
|
+
</li>
|
|
173
|
+
|
|
174
|
+
<li><div><a href="#plotArea"><b>plot-area</b></a></div>
|
|
175
|
+
|
|
176
|
+
</li>
|
|
177
|
+
|
|
178
|
+
<li><div><a href="#readonly">readonly</a></div>
|
|
179
|
+
|
|
180
|
+
</li>
|
|
181
|
+
|
|
182
|
+
<li><div><a href="javascript:void(0)" ><b>reference-lines</b></a></div>
|
|
183
|
+
|
|
184
|
+
<ul class='optionsInnerSubList'>
|
|
185
|
+
|
|
186
|
+
<li><div><a href="#referenceLines[].color">color</a></div>
|
|
187
|
+
|
|
188
|
+
</li>
|
|
189
|
+
|
|
190
|
+
<li><div><a href="#referenceLines[].position">position</a></div>
|
|
191
|
+
|
|
192
|
+
</li>
|
|
193
|
+
|
|
194
|
+
<li><div><a href="#referenceLines[].value">value</a></div>
|
|
195
|
+
|
|
196
|
+
</ul></li>
|
|
197
|
+
|
|
198
|
+
<li><div><a href="#size">size</a></div>
|
|
199
|
+
|
|
200
|
+
</li>
|
|
201
|
+
|
|
202
|
+
<li><div><a href="#step">step</a></div>
|
|
203
|
+
|
|
204
|
+
</li>
|
|
205
|
+
|
|
206
|
+
<li><div><a href="#thresholdDisplay">threshold-display</a></div>
|
|
207
|
+
|
|
208
|
+
</li>
|
|
209
|
+
|
|
210
|
+
<li><div><a href="javascript:void(0)" ><b>thresholds</b></a></div>
|
|
211
|
+
|
|
212
|
+
<ul class='optionsInnerSubList'>
|
|
213
|
+
|
|
214
|
+
<li><div><a href="#thresholds[].accessibleLabel">accessibleLabel</a></div>
|
|
215
|
+
|
|
216
|
+
</li>
|
|
217
|
+
|
|
218
|
+
<li><div><a href="#thresholds[].color">color</a></div>
|
|
219
|
+
|
|
220
|
+
</li>
|
|
221
|
+
|
|
222
|
+
<li><div><a href="#thresholds[].max">max</a></div>
|
|
223
|
+
|
|
224
|
+
</ul></li>
|
|
225
|
+
|
|
226
|
+
<li><div><a href="#transientValue">transient-value</a></div>
|
|
227
|
+
|
|
228
|
+
</li>
|
|
229
|
+
|
|
230
|
+
<li><div><a href="#value">value</a></div>
|
|
231
|
+
|
|
232
|
+
</ul>
|
|
233
|
+
<script type="text/javascript" >
|
|
234
|
+
var innerSubLists = document.getElementsByClassName('optionsInnerSubList');
|
|
235
|
+
for (var i=0; i<innerSubLists.length; i++) {
|
|
236
|
+
innerSubLists[i].parentNode.onclick=function(event) {
|
|
237
|
+
event.stopPropagation();
|
|
238
|
+
// Only interpret the click event if the <a> element is the target and do nothing if click occurred elsewhere on the div
|
|
239
|
+
if (event.target.parentNode == this.firstChild.firstChild) {
|
|
240
|
+
// toggle only the clicked sub properties list and not any nested ones
|
|
241
|
+
var subProperties = this.getElementsByClassName('optionsInnerSubList');
|
|
242
|
+
subProperties[0].style.display = (subProperties[0].style.display=='block' ? 'none' : 'block');
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
</script>
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
|
|
250
|
+
|
|
251
|
+
|
|
252
|
+
</div>
|
|
253
|
+
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
|
|
257
|
+
|
|
258
|
+
<div class="quick-nav-section4">
|
|
259
|
+
<h3><a href="#methods-section">Methods</a></h3>
|
|
260
|
+
<ul class="subList">
|
|
261
|
+
|
|
262
|
+
<li><a href="#getProperty">getProperty</a></li>
|
|
263
|
+
|
|
264
|
+
<li><a href="#setProperties">setProperties</a></li>
|
|
265
|
+
|
|
266
|
+
<li><a href="#setProperty">setProperty</a></li>
|
|
267
|
+
|
|
268
|
+
</ul>
|
|
269
|
+
|
|
270
|
+
</div>
|
|
271
|
+
|
|
272
|
+
|
|
273
|
+
<div class="quick-nav-section4">
|
|
274
|
+
<h3><a href="#typedefs-section">Type Definitions</a></h3>
|
|
275
|
+
<ul class="subList">
|
|
276
|
+
|
|
277
|
+
<li><a href="#DatatipContext">DatatipContext</a></li>
|
|
278
|
+
|
|
279
|
+
<li><a href="#PlotArea">PlotArea</a></li>
|
|
280
|
+
|
|
281
|
+
</ul>
|
|
282
|
+
</div>
|
|
283
|
+
|
|
284
|
+
|
|
285
|
+
<div class="quick-nav-section4">
|
|
286
|
+
<h3>Other Topics</h3>
|
|
287
|
+
<ul class="subList">
|
|
288
|
+
|
|
289
|
+
<li><a href="#touch-section">Touch Section</a></li>
|
|
290
|
+
|
|
291
|
+
<li><a href="#a11y-section">Accessibility Section</a></li>
|
|
292
|
+
|
|
293
|
+
</ul>
|
|
294
|
+
</div>
|
|
295
|
+
|
|
296
|
+
</section>
|
|
297
|
+
|
|
298
|
+
<section class="">
|
|
299
|
+
<header>
|
|
300
|
+
|
|
301
|
+
</br>
|
|
302
|
+
|
|
303
|
+
<div class="class-description">
|
|
304
|
+
<p><h3 id="meterBarOverview-section">
|
|
305
|
+
JET meter bar
|
|
306
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#meterBarOverview-section"></a>
|
|
307
|
+
</h3>
|
|
308
|
+
A meter bar is typically used to display or accept user feedback on a product or service.
|
|
309
|
+
<pre class="prettyprint"><code><oj-c-meter-bar value='4'></oj-c-meter-bar></code></pre>
|
|
310
|
+
|
|
311
|
+
<h3 id="a11y-section">
|
|
312
|
+
Accessibility
|
|
313
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#a11y-section"></a>
|
|
314
|
+
</h3>
|
|
315
|
+
<p>
|
|
316
|
+
The application is strongly encouraged, even though it is not required, to populate the aria-label attribute on the element with meaningful descriptors as
|
|
317
|
+
the oj-c-meter-bar element does not provide a default descriptor.
|
|
318
|
+
</p>
|
|
319
|
+
<p>
|
|
320
|
+
If an application is using thresholds or reference lines, they need to include the information for screender readers using the following methods:
|
|
321
|
+
<ul>
|
|
322
|
+
<li>aria-describedby</li>
|
|
323
|
+
<li>aria-labelledby</li>
|
|
324
|
+
<li>aria-label</li>
|
|
325
|
+
</ul>
|
|
326
|
+
</p>
|
|
327
|
+
<p>
|
|
328
|
+
If you are using indicatorColor, applications are responsible for making sure that the color meets the
|
|
329
|
+
<a href="https://www.w3.org/TR/WCAG21/#contrast-minimum">minimum contrast ratio</a>.
|
|
330
|
+
</p>
|
|
331
|
+
|
|
332
|
+
<h3 id="keyboardSection">
|
|
333
|
+
Keyboard
|
|
334
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#keyboardSection"></a>
|
|
335
|
+
</h3>
|
|
336
|
+
|
|
337
|
+
<table class="keyboard-table">
|
|
338
|
+
<thead>
|
|
339
|
+
<tr>
|
|
340
|
+
<th>Key</th>
|
|
341
|
+
<th>Action</th>
|
|
342
|
+
</tr>
|
|
343
|
+
</thead>
|
|
344
|
+
<tbody>
|
|
345
|
+
<tr>
|
|
346
|
+
<td><kbd>Enter</kbd></td>
|
|
347
|
+
<td>Submit the current value of the meter bar.</td>
|
|
348
|
+
</tr>
|
|
349
|
+
<tr>
|
|
350
|
+
<td><kbd>Tab</kbd></td>
|
|
351
|
+
<td>Move focus to next element and submit the current value of the meter bar.</td>
|
|
352
|
+
</tr>
|
|
353
|
+
<tr>
|
|
354
|
+
<td><kbd>Shift + Tab</kbd></td>
|
|
355
|
+
<td>Move focus to previous element.</td>
|
|
356
|
+
</tr>
|
|
357
|
+
<tr>
|
|
358
|
+
<td><kbd>End</kbd></td>
|
|
359
|
+
<td>Increase the meter bar's transient value to max value. Value is set after using <kbd>Enter</kbd> or <kbd>Tab</kbd> to submit.</td>
|
|
360
|
+
</tr>
|
|
361
|
+
<tr>
|
|
362
|
+
<td><kbd>Home</kbd></td>
|
|
363
|
+
<td>Decrease the meter bar's transient value to zero. Value is set after using <kbd>Enter</kbd> or <kbd>Tab</kbd> to submit.</td>
|
|
364
|
+
</tr>
|
|
365
|
+
<tr>
|
|
366
|
+
<td><kbd>UpArrow</kbd></td>
|
|
367
|
+
<td>Increase the meter bar's transient value. Value is set after using <kbd>Enter</kbd> or <kbd>Tab</kbd> to submit.</td>
|
|
368
|
+
</tr>
|
|
369
|
+
<tr>
|
|
370
|
+
<td><kbd>DownArrow</kbd></td>
|
|
371
|
+
<td>Decrease the meter bar's transient value. Value is set after using <kbd>Enter</kbd> or <kbd>Tab</kbd> to submit.</td>
|
|
372
|
+
</tr>
|
|
373
|
+
<tr>
|
|
374
|
+
<td><kbd>LeftArrow</kbd></td>
|
|
375
|
+
<td>Decrease the meter bar's transient value in left-to-right locales. Increase the meter bar's transient value in right-to-left locales. Value is set after using <kbd>Enter</kbd> or <kbd>Tab</kbd> to submit.</td>
|
|
376
|
+
</tr>
|
|
377
|
+
<tr>
|
|
378
|
+
<td><kbd>RightArrow</kbd></td>
|
|
379
|
+
<td>Increase the meter bar's transient value in left-to-right locales. Decrease the meter bar's transient value in right-to-left locales. Value is set after using <kbd>Enter</kbd> or <kbd>Tab</kbd> to submit.</td>
|
|
380
|
+
</tr>
|
|
381
|
+
</tbody>
|
|
382
|
+
</table>
|
|
383
|
+
|
|
384
|
+
<h3 id="touch-section">
|
|
385
|
+
Touch End User Information
|
|
386
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#touch-section"></a>
|
|
387
|
+
</h3>
|
|
388
|
+
|
|
389
|
+
<table class="keyboard-table">
|
|
390
|
+
<thead>
|
|
391
|
+
<tr>
|
|
392
|
+
<th>Gesture</th>
|
|
393
|
+
<th>Action</th>
|
|
394
|
+
</tr>
|
|
395
|
+
</thead>
|
|
396
|
+
<tbody>
|
|
397
|
+
<tr>
|
|
398
|
+
<td><kbd>Press and Hold</kbd></td>
|
|
399
|
+
<td>Activate tooltip or datatip.</td>
|
|
400
|
+
</tr>
|
|
401
|
+
<tr>
|
|
402
|
+
<td><kbd>Drag</kbd></td>
|
|
403
|
+
<td>Value change when <code class="prettyprint">readonly</code> is <code class="prettyprint">false</code>.</td>
|
|
404
|
+
</tr>
|
|
405
|
+
</tbody>
|
|
406
|
+
</table></p>
|
|
407
|
+
</div>
|
|
408
|
+
</br>
|
|
409
|
+
|
|
410
|
+
</header>
|
|
411
|
+
|
|
412
|
+
|
|
413
|
+
<article>
|
|
414
|
+
<div class="container-overview">
|
|
415
|
+
|
|
416
|
+
|
|
417
|
+
<div class="usage-section">
|
|
418
|
+
<h3 id="usage-section">Usage<a class="bookmarkable-link" title="Bookmarkable Link" href="#usage-section"></a></h3>
|
|
419
|
+
|
|
420
|
+
<dt class="null" style="margin-right: 100px;"><h5><span>Signature: </span><p> <span class="name type-signature">interface CMeterBarElement</span></p></h5></dt>
|
|
421
|
+
|
|
422
|
+
<dl>
|
|
423
|
+
<dt><h5>Typescript Import Format</h5></dt>
|
|
424
|
+
<dd><pre class="prettyprint"><code>//To typecheck the element APIs, import as below.<br>import {CMeterBarElement} from "oj-c/meter-bar";<br><br>//For the transpiled javascript to load the element's module, import as below<br>import "oj-c/meter-bar";</code></pre></dd>
|
|
425
|
+
</dl>
|
|
426
|
+
|
|
427
|
+
<p>For additional information visit:</p>
|
|
428
|
+
<ul>
|
|
429
|
+
|
|
430
|
+
<li><a href="../../../jsdocs/CustomElementOverview.html" target="_blank">Using JET Custom Elements</a></li>
|
|
431
|
+
|
|
432
|
+
<li><a href="../../../jsdocs/TypescriptOverview.html" target="_blank">Using JET with TypeScript</a></li>
|
|
433
|
+
<li><a href="../../../jsdocs/ModuleLoadingOverview.html" target="_blank">JET Module Loading</a></li>
|
|
434
|
+
</ul>
|
|
435
|
+
|
|
436
|
+
<p class="important">Note: Application logic should not interact with the component's properties or invoke its methods
|
|
437
|
+
until the <a href="../../../jsdocs/oj.BusyContext.html" target="_blank">BusyContext</a> indicates that the component is ready for interaction.</p>
|
|
438
|
+
|
|
439
|
+
</div>
|
|
440
|
+
<br>
|
|
441
|
+
|
|
442
|
+
|
|
443
|
+
|
|
444
|
+
|
|
445
|
+
|
|
446
|
+
|
|
447
|
+
|
|
448
|
+
<dl class="details">
|
|
449
|
+
|
|
450
|
+
|
|
451
|
+
|
|
452
|
+
|
|
453
|
+
|
|
454
|
+
|
|
455
|
+
|
|
456
|
+
|
|
457
|
+
|
|
458
|
+
|
|
459
|
+
|
|
460
|
+
|
|
461
|
+
|
|
462
|
+
|
|
463
|
+
|
|
464
|
+
|
|
465
|
+
|
|
466
|
+
|
|
467
|
+
|
|
468
|
+
|
|
469
|
+
|
|
470
|
+
|
|
471
|
+
|
|
472
|
+
|
|
473
|
+
|
|
474
|
+
|
|
475
|
+
|
|
476
|
+
|
|
477
|
+
|
|
478
|
+
</dl>
|
|
479
|
+
|
|
480
|
+
|
|
481
|
+
|
|
482
|
+
</div>
|
|
483
|
+
|
|
484
|
+
|
|
485
|
+
|
|
486
|
+
|
|
487
|
+
|
|
488
|
+
|
|
489
|
+
|
|
490
|
+
|
|
491
|
+
|
|
492
|
+
|
|
493
|
+
|
|
494
|
+
|
|
495
|
+
|
|
496
|
+
<h3 id="members-section" class="subsection-title">
|
|
497
|
+
Attributes
|
|
498
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#members-section"></a>
|
|
499
|
+
</h3>
|
|
500
|
+
|
|
501
|
+
<dl>
|
|
502
|
+
|
|
503
|
+
|
|
504
|
+
<dt class="">
|
|
505
|
+
|
|
506
|
+
<h4 id="color" class="name">
|
|
507
|
+
|
|
508
|
+
<span class="type-signature"></span>color<span class="type-signature"> :string</span>
|
|
509
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#color"></a>
|
|
510
|
+
|
|
511
|
+
</h4>
|
|
512
|
+
|
|
513
|
+
|
|
514
|
+
</dt>
|
|
515
|
+
|
|
516
|
+
<dd class="">
|
|
517
|
+
|
|
518
|
+
<div class="description">
|
|
519
|
+
Specifies the color of the meter bar indicator. Only applies when thresholdDisplay is not set to indicator.
|
|
520
|
+
</div>
|
|
521
|
+
|
|
522
|
+
|
|
523
|
+
|
|
524
|
+
|
|
525
|
+
<dl class="details">
|
|
526
|
+
|
|
527
|
+
|
|
528
|
+
|
|
529
|
+
|
|
530
|
+
|
|
531
|
+
|
|
532
|
+
|
|
533
|
+
|
|
534
|
+
|
|
535
|
+
|
|
536
|
+
|
|
537
|
+
|
|
538
|
+
|
|
539
|
+
|
|
540
|
+
|
|
541
|
+
|
|
542
|
+
|
|
543
|
+
|
|
544
|
+
|
|
545
|
+
|
|
546
|
+
|
|
547
|
+
|
|
548
|
+
|
|
549
|
+
|
|
550
|
+
|
|
551
|
+
|
|
552
|
+
|
|
553
|
+
|
|
554
|
+
|
|
555
|
+
</dl>
|
|
556
|
+
|
|
557
|
+
|
|
558
|
+
|
|
559
|
+
<h5>Names</h5>
|
|
560
|
+
<table class="keyboard-table">
|
|
561
|
+
<thead>
|
|
562
|
+
<tr>
|
|
563
|
+
<th>Item</th>
|
|
564
|
+
<th>Name</th>
|
|
565
|
+
</tr>
|
|
566
|
+
</thead>
|
|
567
|
+
<tbody>
|
|
568
|
+
<tr>
|
|
569
|
+
<td>Property</td>
|
|
570
|
+
<td><code class="prettyprint">color</code></td>
|
|
571
|
+
</tr>
|
|
572
|
+
|
|
573
|
+
<tr>
|
|
574
|
+
<td>Property change event</td>
|
|
575
|
+
<td><code class="prettyprint">colorChanged</code></td>
|
|
576
|
+
</tr>
|
|
577
|
+
<tr>
|
|
578
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
579
|
+
<td><code class="pretty-print-noprettify">on-color-changed</code></td>
|
|
580
|
+
</tr>
|
|
581
|
+
|
|
582
|
+
</tbody>
|
|
583
|
+
</table>
|
|
584
|
+
|
|
585
|
+
</dd>
|
|
586
|
+
|
|
587
|
+
|
|
588
|
+
<dt class="">
|
|
589
|
+
|
|
590
|
+
<h4 id="datatip" class="name">
|
|
591
|
+
|
|
592
|
+
<span class="type-signature"></span>datatip<span class="type-signature"> :(context: <a href="oj-c.MeterBar.html#DatatipContext">oj-c.MeterBar.DatatipContext</a>) => string | null</span>
|
|
593
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#datatip"></a>
|
|
594
|
+
|
|
595
|
+
</h4>
|
|
596
|
+
|
|
597
|
+
|
|
598
|
+
</dt>
|
|
599
|
+
|
|
600
|
+
<dd class="">
|
|
601
|
+
|
|
602
|
+
<div class="description">
|
|
603
|
+
The function that returns a custom datatip string for given value of meter bar. The function is called with DatatipContext as context. If datatip is undefined,
|
|
604
|
+
meter bar will use the default datatip. If the returned value of the function is null, no datatip is shown.
|
|
605
|
+
</div>
|
|
606
|
+
|
|
607
|
+
|
|
608
|
+
|
|
609
|
+
|
|
610
|
+
<dl class="details">
|
|
611
|
+
|
|
612
|
+
|
|
613
|
+
|
|
614
|
+
|
|
615
|
+
|
|
616
|
+
|
|
617
|
+
|
|
618
|
+
|
|
619
|
+
|
|
620
|
+
|
|
621
|
+
|
|
622
|
+
|
|
623
|
+
|
|
624
|
+
|
|
625
|
+
|
|
626
|
+
|
|
627
|
+
|
|
628
|
+
|
|
629
|
+
|
|
630
|
+
|
|
631
|
+
|
|
632
|
+
|
|
633
|
+
|
|
634
|
+
|
|
635
|
+
|
|
636
|
+
|
|
637
|
+
|
|
638
|
+
|
|
639
|
+
|
|
640
|
+
</dl>
|
|
641
|
+
|
|
642
|
+
|
|
643
|
+
|
|
644
|
+
<h5>Names</h5>
|
|
645
|
+
<table class="keyboard-table">
|
|
646
|
+
<thead>
|
|
647
|
+
<tr>
|
|
648
|
+
<th>Item</th>
|
|
649
|
+
<th>Name</th>
|
|
650
|
+
</tr>
|
|
651
|
+
</thead>
|
|
652
|
+
<tbody>
|
|
653
|
+
<tr>
|
|
654
|
+
<td>Property</td>
|
|
655
|
+
<td><code class="prettyprint">datatip</code></td>
|
|
656
|
+
</tr>
|
|
657
|
+
|
|
658
|
+
<tr>
|
|
659
|
+
<td>Property change event</td>
|
|
660
|
+
<td><code class="prettyprint">datatipChanged</code></td>
|
|
661
|
+
</tr>
|
|
662
|
+
<tr>
|
|
663
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
664
|
+
<td><code class="pretty-print-noprettify">on-datatip-changed</code></td>
|
|
665
|
+
</tr>
|
|
666
|
+
|
|
667
|
+
</tbody>
|
|
668
|
+
</table>
|
|
669
|
+
|
|
670
|
+
</dd>
|
|
671
|
+
|
|
672
|
+
|
|
673
|
+
<dt class="">
|
|
674
|
+
|
|
675
|
+
<h4 id="describedBy" class="name">
|
|
676
|
+
|
|
677
|
+
<span class="type-signature"></span>described-by<span class="type-signature"> :(string|null)</span>
|
|
678
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#describedBy"></a>
|
|
679
|
+
|
|
680
|
+
</h4>
|
|
681
|
+
|
|
682
|
+
|
|
683
|
+
</dt>
|
|
684
|
+
|
|
685
|
+
<dd class="">
|
|
686
|
+
|
|
687
|
+
<div class="description">
|
|
688
|
+
Used to establish a relationship between this component and another element.
|
|
689
|
+
To facilitate correct screen reader behavior, the described-by attribute is
|
|
690
|
+
copied to the aria-describedby attribute on the component's dom.
|
|
691
|
+
</div>
|
|
692
|
+
|
|
693
|
+
|
|
694
|
+
|
|
695
|
+
|
|
696
|
+
<dl class="details">
|
|
697
|
+
|
|
698
|
+
|
|
699
|
+
|
|
700
|
+
|
|
701
|
+
|
|
702
|
+
|
|
703
|
+
|
|
704
|
+
|
|
705
|
+
|
|
706
|
+
|
|
707
|
+
|
|
708
|
+
|
|
709
|
+
|
|
710
|
+
|
|
711
|
+
|
|
712
|
+
|
|
713
|
+
|
|
714
|
+
|
|
715
|
+
|
|
716
|
+
|
|
717
|
+
|
|
718
|
+
|
|
719
|
+
|
|
720
|
+
|
|
721
|
+
|
|
722
|
+
|
|
723
|
+
|
|
724
|
+
|
|
725
|
+
|
|
726
|
+
</dl>
|
|
727
|
+
|
|
728
|
+
|
|
729
|
+
|
|
730
|
+
<h5>Names</h5>
|
|
731
|
+
<table class="keyboard-table">
|
|
732
|
+
<thead>
|
|
733
|
+
<tr>
|
|
734
|
+
<th>Item</th>
|
|
735
|
+
<th>Name</th>
|
|
736
|
+
</tr>
|
|
737
|
+
</thead>
|
|
738
|
+
<tbody>
|
|
739
|
+
<tr>
|
|
740
|
+
<td>Property</td>
|
|
741
|
+
<td><code class="prettyprint">describedBy</code></td>
|
|
742
|
+
</tr>
|
|
743
|
+
|
|
744
|
+
<tr>
|
|
745
|
+
<td>Property change event</td>
|
|
746
|
+
<td><code class="prettyprint">describedByChanged</code></td>
|
|
747
|
+
</tr>
|
|
748
|
+
<tr>
|
|
749
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
750
|
+
<td><code class="pretty-print-noprettify">on-described-by-changed</code></td>
|
|
751
|
+
</tr>
|
|
752
|
+
|
|
753
|
+
</tbody>
|
|
754
|
+
</table>
|
|
755
|
+
|
|
756
|
+
</dd>
|
|
757
|
+
|
|
758
|
+
|
|
759
|
+
<dt class="">
|
|
760
|
+
|
|
761
|
+
<h4 id="indicatorSize" class="name">
|
|
762
|
+
|
|
763
|
+
<span class="type-signature"></span>indicator-size<span class="type-signature"> :number</span>
|
|
764
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#indicatorSize"></a>
|
|
765
|
+
|
|
766
|
+
</h4>
|
|
767
|
+
|
|
768
|
+
|
|
769
|
+
</dt>
|
|
770
|
+
|
|
771
|
+
<dd class="">
|
|
772
|
+
|
|
773
|
+
<div class="description">
|
|
774
|
+
Specifies the ratio of relative thickness of the indicator to the plot area.
|
|
775
|
+
</div>
|
|
776
|
+
|
|
777
|
+
|
|
778
|
+
|
|
779
|
+
|
|
780
|
+
<dl class="details">
|
|
781
|
+
|
|
782
|
+
|
|
783
|
+
|
|
784
|
+
|
|
785
|
+
|
|
786
|
+
<dt class="tag-default">Default Value:</dt>
|
|
787
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">1</code></li></ul></dd>
|
|
788
|
+
|
|
789
|
+
|
|
790
|
+
|
|
791
|
+
|
|
792
|
+
|
|
793
|
+
|
|
794
|
+
|
|
795
|
+
|
|
796
|
+
|
|
797
|
+
|
|
798
|
+
|
|
799
|
+
|
|
800
|
+
|
|
801
|
+
|
|
802
|
+
|
|
803
|
+
|
|
804
|
+
|
|
805
|
+
|
|
806
|
+
|
|
807
|
+
|
|
808
|
+
|
|
809
|
+
|
|
810
|
+
|
|
811
|
+
|
|
812
|
+
|
|
813
|
+
</dl>
|
|
814
|
+
|
|
815
|
+
|
|
816
|
+
|
|
817
|
+
<h5>Names</h5>
|
|
818
|
+
<table class="keyboard-table">
|
|
819
|
+
<thead>
|
|
820
|
+
<tr>
|
|
821
|
+
<th>Item</th>
|
|
822
|
+
<th>Name</th>
|
|
823
|
+
</tr>
|
|
824
|
+
</thead>
|
|
825
|
+
<tbody>
|
|
826
|
+
<tr>
|
|
827
|
+
<td>Property</td>
|
|
828
|
+
<td><code class="prettyprint">indicatorSize</code></td>
|
|
829
|
+
</tr>
|
|
830
|
+
|
|
831
|
+
<tr>
|
|
832
|
+
<td>Property change event</td>
|
|
833
|
+
<td><code class="prettyprint">indicatorSizeChanged</code></td>
|
|
834
|
+
</tr>
|
|
835
|
+
<tr>
|
|
836
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
837
|
+
<td><code class="pretty-print-noprettify">on-indicator-size-changed</code></td>
|
|
838
|
+
</tr>
|
|
839
|
+
|
|
840
|
+
</tbody>
|
|
841
|
+
</table>
|
|
842
|
+
|
|
843
|
+
</dd>
|
|
844
|
+
|
|
845
|
+
|
|
846
|
+
<dt class="">
|
|
847
|
+
|
|
848
|
+
<h4 id="labelledBy" class="name">
|
|
849
|
+
|
|
850
|
+
<span class="type-signature"></span>labelled-by<span class="type-signature"> :(string|null)</span>
|
|
851
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#labelledBy"></a>
|
|
852
|
+
|
|
853
|
+
</h4>
|
|
854
|
+
|
|
855
|
+
|
|
856
|
+
</dt>
|
|
857
|
+
|
|
858
|
+
<dd class="">
|
|
859
|
+
|
|
860
|
+
<div class="description">
|
|
861
|
+
Used to establish a relationship between this component and another element.
|
|
862
|
+
A common use is to tie a label, which a text in a div or some other HTML element, and the oj-c-meter-bar together for accessibility.
|
|
863
|
+
The label element has an id, which is used by the labelled-by attribute to tie the two components together to facilitate correct screen reader behavior.
|
|
864
|
+
</div>
|
|
865
|
+
|
|
866
|
+
|
|
867
|
+
|
|
868
|
+
|
|
869
|
+
<dl class="details">
|
|
870
|
+
|
|
871
|
+
|
|
872
|
+
|
|
873
|
+
|
|
874
|
+
|
|
875
|
+
|
|
876
|
+
|
|
877
|
+
|
|
878
|
+
|
|
879
|
+
|
|
880
|
+
|
|
881
|
+
|
|
882
|
+
|
|
883
|
+
|
|
884
|
+
|
|
885
|
+
|
|
886
|
+
|
|
887
|
+
|
|
888
|
+
|
|
889
|
+
|
|
890
|
+
|
|
891
|
+
|
|
892
|
+
|
|
893
|
+
|
|
894
|
+
|
|
895
|
+
|
|
896
|
+
|
|
897
|
+
|
|
898
|
+
|
|
899
|
+
</dl>
|
|
900
|
+
|
|
901
|
+
|
|
902
|
+
|
|
903
|
+
<h5>Names</h5>
|
|
904
|
+
<table class="keyboard-table">
|
|
905
|
+
<thead>
|
|
906
|
+
<tr>
|
|
907
|
+
<th>Item</th>
|
|
908
|
+
<th>Name</th>
|
|
909
|
+
</tr>
|
|
910
|
+
</thead>
|
|
911
|
+
<tbody>
|
|
912
|
+
<tr>
|
|
913
|
+
<td>Property</td>
|
|
914
|
+
<td><code class="prettyprint">labelledBy</code></td>
|
|
915
|
+
</tr>
|
|
916
|
+
|
|
917
|
+
<tr>
|
|
918
|
+
<td>Property change event</td>
|
|
919
|
+
<td><code class="prettyprint">labelledByChanged</code></td>
|
|
920
|
+
</tr>
|
|
921
|
+
<tr>
|
|
922
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
923
|
+
<td><code class="pretty-print-noprettify">on-labelled-by-changed</code></td>
|
|
924
|
+
</tr>
|
|
925
|
+
|
|
926
|
+
</tbody>
|
|
927
|
+
</table>
|
|
928
|
+
|
|
929
|
+
</dd>
|
|
930
|
+
|
|
931
|
+
|
|
932
|
+
<dt class="">
|
|
933
|
+
|
|
934
|
+
<h4 id="max" class="name">
|
|
935
|
+
|
|
936
|
+
<span class="type-signature"></span>max<span class="type-signature"> :number</span>
|
|
937
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#max"></a>
|
|
938
|
+
|
|
939
|
+
</h4>
|
|
940
|
+
|
|
941
|
+
|
|
942
|
+
</dt>
|
|
943
|
+
|
|
944
|
+
<dd class="">
|
|
945
|
+
|
|
946
|
+
<div class="description">
|
|
947
|
+
Integer value specifying the maximum value of the meter bar.
|
|
948
|
+
</div>
|
|
949
|
+
|
|
950
|
+
|
|
951
|
+
|
|
952
|
+
|
|
953
|
+
<dl class="details">
|
|
954
|
+
|
|
955
|
+
|
|
956
|
+
|
|
957
|
+
|
|
958
|
+
|
|
959
|
+
<dt class="tag-default">Default Value:</dt>
|
|
960
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">100</code></li></ul></dd>
|
|
961
|
+
|
|
962
|
+
|
|
963
|
+
|
|
964
|
+
|
|
965
|
+
|
|
966
|
+
|
|
967
|
+
|
|
968
|
+
|
|
969
|
+
|
|
970
|
+
|
|
971
|
+
|
|
972
|
+
|
|
973
|
+
|
|
974
|
+
|
|
975
|
+
|
|
976
|
+
|
|
977
|
+
|
|
978
|
+
|
|
979
|
+
|
|
980
|
+
|
|
981
|
+
|
|
982
|
+
|
|
983
|
+
|
|
984
|
+
|
|
985
|
+
|
|
986
|
+
</dl>
|
|
987
|
+
|
|
988
|
+
|
|
989
|
+
|
|
990
|
+
<h5>Names</h5>
|
|
991
|
+
<table class="keyboard-table">
|
|
992
|
+
<thead>
|
|
993
|
+
<tr>
|
|
994
|
+
<th>Item</th>
|
|
995
|
+
<th>Name</th>
|
|
996
|
+
</tr>
|
|
997
|
+
</thead>
|
|
998
|
+
<tbody>
|
|
999
|
+
<tr>
|
|
1000
|
+
<td>Property</td>
|
|
1001
|
+
<td><code class="prettyprint">max</code></td>
|
|
1002
|
+
</tr>
|
|
1003
|
+
|
|
1004
|
+
<tr>
|
|
1005
|
+
<td>Property change event</td>
|
|
1006
|
+
<td><code class="prettyprint">maxChanged</code></td>
|
|
1007
|
+
</tr>
|
|
1008
|
+
<tr>
|
|
1009
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
1010
|
+
<td><code class="pretty-print-noprettify">on-max-changed</code></td>
|
|
1011
|
+
</tr>
|
|
1012
|
+
|
|
1013
|
+
</tbody>
|
|
1014
|
+
</table>
|
|
1015
|
+
|
|
1016
|
+
</dd>
|
|
1017
|
+
|
|
1018
|
+
|
|
1019
|
+
<dt class="">
|
|
1020
|
+
|
|
1021
|
+
<h4 id="min" class="name">
|
|
1022
|
+
|
|
1023
|
+
<span class="type-signature"></span>min<span class="type-signature"> :number</span>
|
|
1024
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#min"></a>
|
|
1025
|
+
|
|
1026
|
+
</h4>
|
|
1027
|
+
|
|
1028
|
+
|
|
1029
|
+
</dt>
|
|
1030
|
+
|
|
1031
|
+
<dd class="">
|
|
1032
|
+
|
|
1033
|
+
<div class="description">
|
|
1034
|
+
Integer value specifying the minimum value of the meter bar.
|
|
1035
|
+
</div>
|
|
1036
|
+
|
|
1037
|
+
|
|
1038
|
+
|
|
1039
|
+
|
|
1040
|
+
<dl class="details">
|
|
1041
|
+
|
|
1042
|
+
|
|
1043
|
+
|
|
1044
|
+
|
|
1045
|
+
|
|
1046
|
+
<dt class="tag-default">Default Value:</dt>
|
|
1047
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">0</code></li></ul></dd>
|
|
1048
|
+
|
|
1049
|
+
|
|
1050
|
+
|
|
1051
|
+
|
|
1052
|
+
|
|
1053
|
+
|
|
1054
|
+
|
|
1055
|
+
|
|
1056
|
+
|
|
1057
|
+
|
|
1058
|
+
|
|
1059
|
+
|
|
1060
|
+
|
|
1061
|
+
|
|
1062
|
+
|
|
1063
|
+
|
|
1064
|
+
|
|
1065
|
+
|
|
1066
|
+
|
|
1067
|
+
|
|
1068
|
+
|
|
1069
|
+
|
|
1070
|
+
|
|
1071
|
+
|
|
1072
|
+
|
|
1073
|
+
</dl>
|
|
1074
|
+
|
|
1075
|
+
|
|
1076
|
+
|
|
1077
|
+
<h5>Names</h5>
|
|
1078
|
+
<table class="keyboard-table">
|
|
1079
|
+
<thead>
|
|
1080
|
+
<tr>
|
|
1081
|
+
<th>Item</th>
|
|
1082
|
+
<th>Name</th>
|
|
1083
|
+
</tr>
|
|
1084
|
+
</thead>
|
|
1085
|
+
<tbody>
|
|
1086
|
+
<tr>
|
|
1087
|
+
<td>Property</td>
|
|
1088
|
+
<td><code class="prettyprint">min</code></td>
|
|
1089
|
+
</tr>
|
|
1090
|
+
|
|
1091
|
+
<tr>
|
|
1092
|
+
<td>Property change event</td>
|
|
1093
|
+
<td><code class="prettyprint">minChanged</code></td>
|
|
1094
|
+
</tr>
|
|
1095
|
+
<tr>
|
|
1096
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
1097
|
+
<td><code class="pretty-print-noprettify">on-min-changed</code></td>
|
|
1098
|
+
</tr>
|
|
1099
|
+
|
|
1100
|
+
</tbody>
|
|
1101
|
+
</table>
|
|
1102
|
+
|
|
1103
|
+
</dd>
|
|
1104
|
+
|
|
1105
|
+
|
|
1106
|
+
<dt class="">
|
|
1107
|
+
|
|
1108
|
+
<h4 id="orientation" class="name">
|
|
1109
|
+
|
|
1110
|
+
<span class="type-signature"></span>orientation<span class="type-signature"> :"vertical"|"horizontal"</span>
|
|
1111
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#orientation"></a>
|
|
1112
|
+
|
|
1113
|
+
</h4>
|
|
1114
|
+
|
|
1115
|
+
|
|
1116
|
+
</dt>
|
|
1117
|
+
|
|
1118
|
+
<dd class="">
|
|
1119
|
+
|
|
1120
|
+
<div class="description">
|
|
1121
|
+
Specifies the orientation of the meter bar to render.
|
|
1122
|
+
</div>
|
|
1123
|
+
|
|
1124
|
+
|
|
1125
|
+
|
|
1126
|
+
|
|
1127
|
+
<dl class="details">
|
|
1128
|
+
|
|
1129
|
+
|
|
1130
|
+
|
|
1131
|
+
|
|
1132
|
+
|
|
1133
|
+
<dt class="tag-default">Default Value:</dt>
|
|
1134
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"horizontal"</code></li></ul></dd>
|
|
1135
|
+
|
|
1136
|
+
|
|
1137
|
+
|
|
1138
|
+
|
|
1139
|
+
|
|
1140
|
+
|
|
1141
|
+
|
|
1142
|
+
|
|
1143
|
+
|
|
1144
|
+
|
|
1145
|
+
|
|
1146
|
+
|
|
1147
|
+
|
|
1148
|
+
|
|
1149
|
+
|
|
1150
|
+
|
|
1151
|
+
|
|
1152
|
+
|
|
1153
|
+
|
|
1154
|
+
|
|
1155
|
+
|
|
1156
|
+
|
|
1157
|
+
|
|
1158
|
+
|
|
1159
|
+
|
|
1160
|
+
</dl>
|
|
1161
|
+
|
|
1162
|
+
|
|
1163
|
+
|
|
1164
|
+
<h5>Names</h5>
|
|
1165
|
+
<table class="keyboard-table">
|
|
1166
|
+
<thead>
|
|
1167
|
+
<tr>
|
|
1168
|
+
<th>Item</th>
|
|
1169
|
+
<th>Name</th>
|
|
1170
|
+
</tr>
|
|
1171
|
+
</thead>
|
|
1172
|
+
<tbody>
|
|
1173
|
+
<tr>
|
|
1174
|
+
<td>Property</td>
|
|
1175
|
+
<td><code class="prettyprint">orientation</code></td>
|
|
1176
|
+
</tr>
|
|
1177
|
+
|
|
1178
|
+
<tr>
|
|
1179
|
+
<td>Property change event</td>
|
|
1180
|
+
<td><code class="prettyprint">orientationChanged</code></td>
|
|
1181
|
+
</tr>
|
|
1182
|
+
<tr>
|
|
1183
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
1184
|
+
<td><code class="pretty-print-noprettify">on-orientation-changed</code></td>
|
|
1185
|
+
</tr>
|
|
1186
|
+
|
|
1187
|
+
</tbody>
|
|
1188
|
+
</table>
|
|
1189
|
+
|
|
1190
|
+
</dd>
|
|
1191
|
+
|
|
1192
|
+
|
|
1193
|
+
<dt class="">
|
|
1194
|
+
|
|
1195
|
+
<h4 id="plotArea" class="name">
|
|
1196
|
+
|
|
1197
|
+
<span class="type-signature"></span>plot-area<span class="type-signature"> :<a href="oj-c.MeterBar.html#PlotArea">oj-c.MeterBar.PlotArea</a></span>
|
|
1198
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#plotArea"></a>
|
|
1199
|
+
|
|
1200
|
+
</h4>
|
|
1201
|
+
|
|
1202
|
+
|
|
1203
|
+
</dt>
|
|
1204
|
+
|
|
1205
|
+
<dd class="">
|
|
1206
|
+
|
|
1207
|
+
<div class="description">
|
|
1208
|
+
Specifies the plot area of the meter bar.
|
|
1209
|
+
</div>
|
|
1210
|
+
|
|
1211
|
+
|
|
1212
|
+
|
|
1213
|
+
|
|
1214
|
+
<dl class="details">
|
|
1215
|
+
|
|
1216
|
+
|
|
1217
|
+
|
|
1218
|
+
|
|
1219
|
+
|
|
1220
|
+
|
|
1221
|
+
|
|
1222
|
+
|
|
1223
|
+
|
|
1224
|
+
|
|
1225
|
+
|
|
1226
|
+
|
|
1227
|
+
|
|
1228
|
+
|
|
1229
|
+
|
|
1230
|
+
|
|
1231
|
+
|
|
1232
|
+
|
|
1233
|
+
|
|
1234
|
+
|
|
1235
|
+
|
|
1236
|
+
|
|
1237
|
+
|
|
1238
|
+
|
|
1239
|
+
|
|
1240
|
+
|
|
1241
|
+
|
|
1242
|
+
|
|
1243
|
+
|
|
1244
|
+
</dl>
|
|
1245
|
+
|
|
1246
|
+
|
|
1247
|
+
|
|
1248
|
+
<h5>Names</h5>
|
|
1249
|
+
<table class="keyboard-table">
|
|
1250
|
+
<thead>
|
|
1251
|
+
<tr>
|
|
1252
|
+
<th>Item</th>
|
|
1253
|
+
<th>Name</th>
|
|
1254
|
+
</tr>
|
|
1255
|
+
</thead>
|
|
1256
|
+
<tbody>
|
|
1257
|
+
<tr>
|
|
1258
|
+
<td>Property</td>
|
|
1259
|
+
<td><code class="prettyprint">plotArea</code></td>
|
|
1260
|
+
</tr>
|
|
1261
|
+
|
|
1262
|
+
<tr>
|
|
1263
|
+
<td>Property change event</td>
|
|
1264
|
+
<td><code class="prettyprint">plotAreaChanged</code></td>
|
|
1265
|
+
</tr>
|
|
1266
|
+
<tr>
|
|
1267
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
1268
|
+
<td><code class="pretty-print-noprettify">on-plot-area-changed</code></td>
|
|
1269
|
+
</tr>
|
|
1270
|
+
|
|
1271
|
+
</tbody>
|
|
1272
|
+
</table>
|
|
1273
|
+
|
|
1274
|
+
</dd>
|
|
1275
|
+
|
|
1276
|
+
|
|
1277
|
+
<dt class="">
|
|
1278
|
+
|
|
1279
|
+
<h4 id="readonly" class="name">
|
|
1280
|
+
|
|
1281
|
+
<span class="type-signature"></span>readonly<span class="type-signature"> :boolean</span>
|
|
1282
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#readonly"></a>
|
|
1283
|
+
|
|
1284
|
+
</h4>
|
|
1285
|
+
|
|
1286
|
+
|
|
1287
|
+
</dt>
|
|
1288
|
+
|
|
1289
|
+
<dd class="">
|
|
1290
|
+
|
|
1291
|
+
<div class="description">
|
|
1292
|
+
Defines whether the value of the meter bar can be changed by the end user.
|
|
1293
|
+
</div>
|
|
1294
|
+
|
|
1295
|
+
|
|
1296
|
+
|
|
1297
|
+
|
|
1298
|
+
<dl class="details">
|
|
1299
|
+
|
|
1300
|
+
|
|
1301
|
+
|
|
1302
|
+
|
|
1303
|
+
|
|
1304
|
+
<dt class="tag-default">Default Value:</dt>
|
|
1305
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">false</code></li></ul></dd>
|
|
1306
|
+
|
|
1307
|
+
|
|
1308
|
+
|
|
1309
|
+
|
|
1310
|
+
|
|
1311
|
+
|
|
1312
|
+
|
|
1313
|
+
|
|
1314
|
+
|
|
1315
|
+
|
|
1316
|
+
|
|
1317
|
+
|
|
1318
|
+
|
|
1319
|
+
|
|
1320
|
+
|
|
1321
|
+
|
|
1322
|
+
|
|
1323
|
+
|
|
1324
|
+
|
|
1325
|
+
|
|
1326
|
+
|
|
1327
|
+
|
|
1328
|
+
|
|
1329
|
+
|
|
1330
|
+
|
|
1331
|
+
</dl>
|
|
1332
|
+
|
|
1333
|
+
|
|
1334
|
+
|
|
1335
|
+
<h5>Names</h5>
|
|
1336
|
+
<table class="keyboard-table">
|
|
1337
|
+
<thead>
|
|
1338
|
+
<tr>
|
|
1339
|
+
<th>Item</th>
|
|
1340
|
+
<th>Name</th>
|
|
1341
|
+
</tr>
|
|
1342
|
+
</thead>
|
|
1343
|
+
<tbody>
|
|
1344
|
+
<tr>
|
|
1345
|
+
<td>Property</td>
|
|
1346
|
+
<td><code class="prettyprint">readonly</code></td>
|
|
1347
|
+
</tr>
|
|
1348
|
+
|
|
1349
|
+
<tr>
|
|
1350
|
+
<td>Property change event</td>
|
|
1351
|
+
<td><code class="prettyprint">readonlyChanged</code></td>
|
|
1352
|
+
</tr>
|
|
1353
|
+
<tr>
|
|
1354
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
1355
|
+
<td><code class="pretty-print-noprettify">on-readonly-changed</code></td>
|
|
1356
|
+
</tr>
|
|
1357
|
+
|
|
1358
|
+
</tbody>
|
|
1359
|
+
</table>
|
|
1360
|
+
|
|
1361
|
+
</dd>
|
|
1362
|
+
|
|
1363
|
+
|
|
1364
|
+
<dt class="">
|
|
1365
|
+
|
|
1366
|
+
<h4 id="referenceLines" class="name">
|
|
1367
|
+
|
|
1368
|
+
<span class="type-signature"></span>reference-lines<span class="type-signature"> :Array<ReferenceLine></span>
|
|
1369
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#referenceLines"></a>
|
|
1370
|
+
|
|
1371
|
+
</h4>
|
|
1372
|
+
|
|
1373
|
+
|
|
1374
|
+
</dt>
|
|
1375
|
+
|
|
1376
|
+
<dd class="">
|
|
1377
|
+
|
|
1378
|
+
<div class="description">
|
|
1379
|
+
Specifies the array of objects defining the reference lines for the meter bar.
|
|
1380
|
+
</div>
|
|
1381
|
+
|
|
1382
|
+
|
|
1383
|
+
|
|
1384
|
+
|
|
1385
|
+
<dl class="details">
|
|
1386
|
+
|
|
1387
|
+
|
|
1388
|
+
|
|
1389
|
+
|
|
1390
|
+
|
|
1391
|
+
|
|
1392
|
+
|
|
1393
|
+
|
|
1394
|
+
|
|
1395
|
+
|
|
1396
|
+
|
|
1397
|
+
|
|
1398
|
+
|
|
1399
|
+
|
|
1400
|
+
|
|
1401
|
+
|
|
1402
|
+
|
|
1403
|
+
|
|
1404
|
+
|
|
1405
|
+
|
|
1406
|
+
|
|
1407
|
+
|
|
1408
|
+
|
|
1409
|
+
|
|
1410
|
+
|
|
1411
|
+
|
|
1412
|
+
|
|
1413
|
+
|
|
1414
|
+
|
|
1415
|
+
</dl>
|
|
1416
|
+
|
|
1417
|
+
|
|
1418
|
+
|
|
1419
|
+
<h5>Names</h5>
|
|
1420
|
+
<table class="keyboard-table">
|
|
1421
|
+
<thead>
|
|
1422
|
+
<tr>
|
|
1423
|
+
<th>Item</th>
|
|
1424
|
+
<th>Name</th>
|
|
1425
|
+
</tr>
|
|
1426
|
+
</thead>
|
|
1427
|
+
<tbody>
|
|
1428
|
+
<tr>
|
|
1429
|
+
<td>Property</td>
|
|
1430
|
+
<td><code class="prettyprint">referenceLines</code></td>
|
|
1431
|
+
</tr>
|
|
1432
|
+
|
|
1433
|
+
<tr>
|
|
1434
|
+
<td>Property change event</td>
|
|
1435
|
+
<td><code class="prettyprint">referenceLinesChanged</code></td>
|
|
1436
|
+
</tr>
|
|
1437
|
+
<tr>
|
|
1438
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
1439
|
+
<td><code class="pretty-print-noprettify">on-reference-lines-changed</code></td>
|
|
1440
|
+
</tr>
|
|
1441
|
+
|
|
1442
|
+
</tbody>
|
|
1443
|
+
</table>
|
|
1444
|
+
|
|
1445
|
+
</dd>
|
|
1446
|
+
|
|
1447
|
+
|
|
1448
|
+
<dt class="">
|
|
1449
|
+
|
|
1450
|
+
<h4 id="referenceLines[].color" class="name">
|
|
1451
|
+
|
|
1452
|
+
<span class="type-signature"></span>referenceLines[].color<span class="type-signature"> :string</span>
|
|
1453
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#referenceLines[].color"></a>
|
|
1454
|
+
|
|
1455
|
+
</h4>
|
|
1456
|
+
|
|
1457
|
+
|
|
1458
|
+
</dt>
|
|
1459
|
+
|
|
1460
|
+
<dd class="">
|
|
1461
|
+
|
|
1462
|
+
<div class="description">
|
|
1463
|
+
The color of the reference line.
|
|
1464
|
+
</div>
|
|
1465
|
+
|
|
1466
|
+
|
|
1467
|
+
|
|
1468
|
+
|
|
1469
|
+
<dl class="details">
|
|
1470
|
+
|
|
1471
|
+
|
|
1472
|
+
|
|
1473
|
+
|
|
1474
|
+
|
|
1475
|
+
|
|
1476
|
+
|
|
1477
|
+
|
|
1478
|
+
|
|
1479
|
+
|
|
1480
|
+
|
|
1481
|
+
|
|
1482
|
+
|
|
1483
|
+
|
|
1484
|
+
|
|
1485
|
+
|
|
1486
|
+
|
|
1487
|
+
|
|
1488
|
+
|
|
1489
|
+
|
|
1490
|
+
|
|
1491
|
+
|
|
1492
|
+
|
|
1493
|
+
|
|
1494
|
+
|
|
1495
|
+
|
|
1496
|
+
|
|
1497
|
+
|
|
1498
|
+
|
|
1499
|
+
</dl>
|
|
1500
|
+
|
|
1501
|
+
|
|
1502
|
+
|
|
1503
|
+
<div class="description">
|
|
1504
|
+
<b>Note: </b> This property is a subproperty of an array-valued property. <i>Such properties cannot be set individually
|
|
1505
|
+
either at init time via HTML attribute syntax or at runtime via JavaScript.</i> Instead, the outermost array-valued attribute, and its ancestor attributes,
|
|
1506
|
+
can be set at init time or runtime.
|
|
1507
|
+
</div>
|
|
1508
|
+
|
|
1509
|
+
</dd>
|
|
1510
|
+
|
|
1511
|
+
|
|
1512
|
+
<dt class="">
|
|
1513
|
+
|
|
1514
|
+
<h4 id="referenceLines[].position" class="name">
|
|
1515
|
+
|
|
1516
|
+
<span class="type-signature"></span>referenceLines[].position<span class="type-signature"> :"start"|"end"</span>
|
|
1517
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#referenceLines[].position"></a>
|
|
1518
|
+
|
|
1519
|
+
</h4>
|
|
1520
|
+
|
|
1521
|
+
|
|
1522
|
+
</dt>
|
|
1523
|
+
|
|
1524
|
+
<dd class="">
|
|
1525
|
+
|
|
1526
|
+
<div class="description">
|
|
1527
|
+
The position of the reference line.
|
|
1528
|
+
</div>
|
|
1529
|
+
|
|
1530
|
+
|
|
1531
|
+
|
|
1532
|
+
|
|
1533
|
+
<dl class="details">
|
|
1534
|
+
|
|
1535
|
+
|
|
1536
|
+
|
|
1537
|
+
|
|
1538
|
+
|
|
1539
|
+
|
|
1540
|
+
|
|
1541
|
+
|
|
1542
|
+
|
|
1543
|
+
|
|
1544
|
+
|
|
1545
|
+
|
|
1546
|
+
|
|
1547
|
+
|
|
1548
|
+
|
|
1549
|
+
|
|
1550
|
+
|
|
1551
|
+
|
|
1552
|
+
|
|
1553
|
+
|
|
1554
|
+
|
|
1555
|
+
|
|
1556
|
+
|
|
1557
|
+
|
|
1558
|
+
|
|
1559
|
+
|
|
1560
|
+
|
|
1561
|
+
|
|
1562
|
+
|
|
1563
|
+
</dl>
|
|
1564
|
+
|
|
1565
|
+
|
|
1566
|
+
|
|
1567
|
+
<div class="description">
|
|
1568
|
+
<b>Note: </b> This property is a subproperty of an array-valued property. <i>Such properties cannot be set individually
|
|
1569
|
+
either at init time via HTML attribute syntax or at runtime via JavaScript.</i> Instead, the outermost array-valued attribute, and its ancestor attributes,
|
|
1570
|
+
can be set at init time or runtime.
|
|
1571
|
+
</div>
|
|
1572
|
+
|
|
1573
|
+
</dd>
|
|
1574
|
+
|
|
1575
|
+
|
|
1576
|
+
<dt class="">
|
|
1577
|
+
|
|
1578
|
+
<h4 id="referenceLines[].value" class="name">
|
|
1579
|
+
|
|
1580
|
+
<span class="type-signature"></span>referenceLines[].value<span class="type-signature"> :number</span>
|
|
1581
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#referenceLines[].value"></a>
|
|
1582
|
+
|
|
1583
|
+
</h4>
|
|
1584
|
+
|
|
1585
|
+
|
|
1586
|
+
</dt>
|
|
1587
|
+
|
|
1588
|
+
<dd class="">
|
|
1589
|
+
|
|
1590
|
+
<div class="description">
|
|
1591
|
+
The value of the reference line.
|
|
1592
|
+
</div>
|
|
1593
|
+
|
|
1594
|
+
|
|
1595
|
+
|
|
1596
|
+
|
|
1597
|
+
<dl class="details">
|
|
1598
|
+
|
|
1599
|
+
|
|
1600
|
+
|
|
1601
|
+
|
|
1602
|
+
|
|
1603
|
+
|
|
1604
|
+
|
|
1605
|
+
|
|
1606
|
+
|
|
1607
|
+
|
|
1608
|
+
|
|
1609
|
+
|
|
1610
|
+
|
|
1611
|
+
|
|
1612
|
+
|
|
1613
|
+
|
|
1614
|
+
|
|
1615
|
+
|
|
1616
|
+
|
|
1617
|
+
|
|
1618
|
+
|
|
1619
|
+
|
|
1620
|
+
|
|
1621
|
+
|
|
1622
|
+
|
|
1623
|
+
|
|
1624
|
+
|
|
1625
|
+
|
|
1626
|
+
|
|
1627
|
+
</dl>
|
|
1628
|
+
|
|
1629
|
+
|
|
1630
|
+
|
|
1631
|
+
<div class="description">
|
|
1632
|
+
<b>Note: </b> This property is a subproperty of an array-valued property. <i>Such properties cannot be set individually
|
|
1633
|
+
either at init time via HTML attribute syntax or at runtime via JavaScript.</i> Instead, the outermost array-valued attribute, and its ancestor attributes,
|
|
1634
|
+
can be set at init time or runtime.
|
|
1635
|
+
</div>
|
|
1636
|
+
|
|
1637
|
+
</dd>
|
|
1638
|
+
|
|
1639
|
+
|
|
1640
|
+
<dt class="">
|
|
1641
|
+
|
|
1642
|
+
<h4 id="size" class="name">
|
|
1643
|
+
|
|
1644
|
+
<span class="type-signature"></span>size<span class="type-signature"> :"sm"|"md"|"lg"</span>
|
|
1645
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#size"></a>
|
|
1646
|
+
|
|
1647
|
+
</h4>
|
|
1648
|
+
|
|
1649
|
+
|
|
1650
|
+
</dt>
|
|
1651
|
+
|
|
1652
|
+
<dd class="">
|
|
1653
|
+
|
|
1654
|
+
<div class="description">
|
|
1655
|
+
Specifies the size of the meter bar.
|
|
1656
|
+
</div>
|
|
1657
|
+
|
|
1658
|
+
|
|
1659
|
+
|
|
1660
|
+
|
|
1661
|
+
<dl class="details">
|
|
1662
|
+
|
|
1663
|
+
|
|
1664
|
+
|
|
1665
|
+
|
|
1666
|
+
<h5 class="subsection-title">Supported Values:</h5>
|
|
1667
|
+
|
|
1668
|
+
<dl>
|
|
1669
|
+
|
|
1670
|
+
<table class="props">
|
|
1671
|
+
<thead>
|
|
1672
|
+
<tr>
|
|
1673
|
+
|
|
1674
|
+
<th>Value</th>
|
|
1675
|
+
|
|
1676
|
+
|
|
1677
|
+
|
|
1678
|
+
|
|
1679
|
+
|
|
1680
|
+
|
|
1681
|
+
|
|
1682
|
+
<th class="last">Description</th>
|
|
1683
|
+
|
|
1684
|
+
</tr>
|
|
1685
|
+
</thead>
|
|
1686
|
+
|
|
1687
|
+
<tbody>
|
|
1688
|
+
|
|
1689
|
+
|
|
1690
|
+
<tr>
|
|
1691
|
+
|
|
1692
|
+
<td class="name"><code>lg</code></td>
|
|
1693
|
+
|
|
1694
|
+
|
|
1695
|
+
|
|
1696
|
+
|
|
1697
|
+
|
|
1698
|
+
|
|
1699
|
+
|
|
1700
|
+
<td class="description last">large Meter Bar
|
|
1701
|
+
</td>
|
|
1702
|
+
|
|
1703
|
+
</tr>
|
|
1704
|
+
|
|
1705
|
+
|
|
1706
|
+
|
|
1707
|
+
<tr>
|
|
1708
|
+
|
|
1709
|
+
<td class="name"><code>md</code></td>
|
|
1710
|
+
|
|
1711
|
+
|
|
1712
|
+
|
|
1713
|
+
|
|
1714
|
+
|
|
1715
|
+
|
|
1716
|
+
|
|
1717
|
+
<td class="description last">medium Meter Bar (default, if unspecified)
|
|
1718
|
+
</td>
|
|
1719
|
+
|
|
1720
|
+
</tr>
|
|
1721
|
+
|
|
1722
|
+
|
|
1723
|
+
|
|
1724
|
+
<tr>
|
|
1725
|
+
|
|
1726
|
+
<td class="name"><code>sm</code></td>
|
|
1727
|
+
|
|
1728
|
+
|
|
1729
|
+
|
|
1730
|
+
|
|
1731
|
+
|
|
1732
|
+
|
|
1733
|
+
|
|
1734
|
+
<td class="description last">small Meter Bar
|
|
1735
|
+
</td>
|
|
1736
|
+
|
|
1737
|
+
</tr>
|
|
1738
|
+
|
|
1739
|
+
|
|
1740
|
+
</tbody>
|
|
1741
|
+
</table></dl>
|
|
1742
|
+
|
|
1743
|
+
|
|
1744
|
+
|
|
1745
|
+
|
|
1746
|
+
<dt class="tag-default">Default Value:</dt>
|
|
1747
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"md"</code></li></ul></dd>
|
|
1748
|
+
|
|
1749
|
+
|
|
1750
|
+
|
|
1751
|
+
|
|
1752
|
+
|
|
1753
|
+
|
|
1754
|
+
|
|
1755
|
+
|
|
1756
|
+
|
|
1757
|
+
|
|
1758
|
+
|
|
1759
|
+
|
|
1760
|
+
|
|
1761
|
+
|
|
1762
|
+
|
|
1763
|
+
|
|
1764
|
+
|
|
1765
|
+
|
|
1766
|
+
|
|
1767
|
+
|
|
1768
|
+
|
|
1769
|
+
|
|
1770
|
+
|
|
1771
|
+
|
|
1772
|
+
|
|
1773
|
+
</dl>
|
|
1774
|
+
|
|
1775
|
+
|
|
1776
|
+
|
|
1777
|
+
<h5>Names</h5>
|
|
1778
|
+
<table class="keyboard-table">
|
|
1779
|
+
<thead>
|
|
1780
|
+
<tr>
|
|
1781
|
+
<th>Item</th>
|
|
1782
|
+
<th>Name</th>
|
|
1783
|
+
</tr>
|
|
1784
|
+
</thead>
|
|
1785
|
+
<tbody>
|
|
1786
|
+
<tr>
|
|
1787
|
+
<td>Property</td>
|
|
1788
|
+
<td><code class="prettyprint">size</code></td>
|
|
1789
|
+
</tr>
|
|
1790
|
+
|
|
1791
|
+
<tr>
|
|
1792
|
+
<td>Property change event</td>
|
|
1793
|
+
<td><code class="prettyprint">sizeChanged</code></td>
|
|
1794
|
+
</tr>
|
|
1795
|
+
<tr>
|
|
1796
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
1797
|
+
<td><code class="pretty-print-noprettify">on-size-changed</code></td>
|
|
1798
|
+
</tr>
|
|
1799
|
+
|
|
1800
|
+
</tbody>
|
|
1801
|
+
</table>
|
|
1802
|
+
|
|
1803
|
+
</dd>
|
|
1804
|
+
|
|
1805
|
+
|
|
1806
|
+
<dt class="">
|
|
1807
|
+
|
|
1808
|
+
<h4 id="step" class="name">
|
|
1809
|
+
|
|
1810
|
+
<span class="type-signature"></span>step<span class="type-signature"> :number</span>
|
|
1811
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#step"></a>
|
|
1812
|
+
|
|
1813
|
+
</h4>
|
|
1814
|
+
|
|
1815
|
+
|
|
1816
|
+
</dt>
|
|
1817
|
+
|
|
1818
|
+
<dd class="">
|
|
1819
|
+
|
|
1820
|
+
<div class="description">
|
|
1821
|
+
Specifies the increment by which values can be changed by the end user when readonly is false. The step must be a positive value that is smaller than the difference between the min and max.
|
|
1822
|
+
</div>
|
|
1823
|
+
|
|
1824
|
+
|
|
1825
|
+
|
|
1826
|
+
|
|
1827
|
+
<dl class="details">
|
|
1828
|
+
|
|
1829
|
+
|
|
1830
|
+
|
|
1831
|
+
|
|
1832
|
+
|
|
1833
|
+
<dt class="tag-default">Default Value:</dt>
|
|
1834
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">1</code></li></ul></dd>
|
|
1835
|
+
|
|
1836
|
+
|
|
1837
|
+
|
|
1838
|
+
|
|
1839
|
+
|
|
1840
|
+
|
|
1841
|
+
|
|
1842
|
+
|
|
1843
|
+
|
|
1844
|
+
|
|
1845
|
+
|
|
1846
|
+
|
|
1847
|
+
|
|
1848
|
+
|
|
1849
|
+
|
|
1850
|
+
|
|
1851
|
+
|
|
1852
|
+
|
|
1853
|
+
|
|
1854
|
+
|
|
1855
|
+
|
|
1856
|
+
|
|
1857
|
+
|
|
1858
|
+
|
|
1859
|
+
|
|
1860
|
+
</dl>
|
|
1861
|
+
|
|
1862
|
+
|
|
1863
|
+
|
|
1864
|
+
<h5>Names</h5>
|
|
1865
|
+
<table class="keyboard-table">
|
|
1866
|
+
<thead>
|
|
1867
|
+
<tr>
|
|
1868
|
+
<th>Item</th>
|
|
1869
|
+
<th>Name</th>
|
|
1870
|
+
</tr>
|
|
1871
|
+
</thead>
|
|
1872
|
+
<tbody>
|
|
1873
|
+
<tr>
|
|
1874
|
+
<td>Property</td>
|
|
1875
|
+
<td><code class="prettyprint">step</code></td>
|
|
1876
|
+
</tr>
|
|
1877
|
+
|
|
1878
|
+
<tr>
|
|
1879
|
+
<td>Property change event</td>
|
|
1880
|
+
<td><code class="prettyprint">stepChanged</code></td>
|
|
1881
|
+
</tr>
|
|
1882
|
+
<tr>
|
|
1883
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
1884
|
+
<td><code class="pretty-print-noprettify">on-step-changed</code></td>
|
|
1885
|
+
</tr>
|
|
1886
|
+
|
|
1887
|
+
</tbody>
|
|
1888
|
+
</table>
|
|
1889
|
+
|
|
1890
|
+
</dd>
|
|
1891
|
+
|
|
1892
|
+
|
|
1893
|
+
<dt class="">
|
|
1894
|
+
|
|
1895
|
+
<h4 id="thresholdDisplay" class="name">
|
|
1896
|
+
|
|
1897
|
+
<span class="type-signature"></span>threshold-display<span class="type-signature"> :"all"|"plotArea"|"indicator"</span>
|
|
1898
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#thresholdDisplay"></a>
|
|
1899
|
+
|
|
1900
|
+
</h4>
|
|
1901
|
+
|
|
1902
|
+
|
|
1903
|
+
</dt>
|
|
1904
|
+
|
|
1905
|
+
<dd class="">
|
|
1906
|
+
|
|
1907
|
+
<div class="description">
|
|
1908
|
+
Controls whether the current threshold is displayed on the indicator, in the plot area, or if all the thresholds are displayed in the plot area.
|
|
1909
|
+
</div>
|
|
1910
|
+
|
|
1911
|
+
|
|
1912
|
+
|
|
1913
|
+
|
|
1914
|
+
<dl class="details">
|
|
1915
|
+
|
|
1916
|
+
|
|
1917
|
+
|
|
1918
|
+
|
|
1919
|
+
|
|
1920
|
+
<dt class="tag-default">Default Value:</dt>
|
|
1921
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"indicator"</code></li></ul></dd>
|
|
1922
|
+
|
|
1923
|
+
|
|
1924
|
+
|
|
1925
|
+
|
|
1926
|
+
|
|
1927
|
+
|
|
1928
|
+
|
|
1929
|
+
|
|
1930
|
+
|
|
1931
|
+
|
|
1932
|
+
|
|
1933
|
+
|
|
1934
|
+
|
|
1935
|
+
|
|
1936
|
+
|
|
1937
|
+
|
|
1938
|
+
|
|
1939
|
+
|
|
1940
|
+
|
|
1941
|
+
|
|
1942
|
+
|
|
1943
|
+
|
|
1944
|
+
|
|
1945
|
+
|
|
1946
|
+
|
|
1947
|
+
</dl>
|
|
1948
|
+
|
|
1949
|
+
|
|
1950
|
+
|
|
1951
|
+
<h5>Names</h5>
|
|
1952
|
+
<table class="keyboard-table">
|
|
1953
|
+
<thead>
|
|
1954
|
+
<tr>
|
|
1955
|
+
<th>Item</th>
|
|
1956
|
+
<th>Name</th>
|
|
1957
|
+
</tr>
|
|
1958
|
+
</thead>
|
|
1959
|
+
<tbody>
|
|
1960
|
+
<tr>
|
|
1961
|
+
<td>Property</td>
|
|
1962
|
+
<td><code class="prettyprint">thresholdDisplay</code></td>
|
|
1963
|
+
</tr>
|
|
1964
|
+
|
|
1965
|
+
<tr>
|
|
1966
|
+
<td>Property change event</td>
|
|
1967
|
+
<td><code class="prettyprint">thresholdDisplayChanged</code></td>
|
|
1968
|
+
</tr>
|
|
1969
|
+
<tr>
|
|
1970
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
1971
|
+
<td><code class="pretty-print-noprettify">on-threshold-display-changed</code></td>
|
|
1972
|
+
</tr>
|
|
1973
|
+
|
|
1974
|
+
</tbody>
|
|
1975
|
+
</table>
|
|
1976
|
+
|
|
1977
|
+
</dd>
|
|
1978
|
+
|
|
1979
|
+
|
|
1980
|
+
<dt class="">
|
|
1981
|
+
|
|
1982
|
+
<h4 id="thresholds" class="name">
|
|
1983
|
+
|
|
1984
|
+
<span class="type-signature"></span>thresholds<span class="type-signature"> :Array<Threshold></span>
|
|
1985
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#thresholds"></a>
|
|
1986
|
+
|
|
1987
|
+
</h4>
|
|
1988
|
+
|
|
1989
|
+
|
|
1990
|
+
</dt>
|
|
1991
|
+
|
|
1992
|
+
<dd class="">
|
|
1993
|
+
|
|
1994
|
+
<div class="description">
|
|
1995
|
+
An array of objects defining the thresholds for the meter bar.
|
|
1996
|
+
</div>
|
|
1997
|
+
|
|
1998
|
+
|
|
1999
|
+
|
|
2000
|
+
|
|
2001
|
+
<dl class="details">
|
|
2002
|
+
|
|
2003
|
+
|
|
2004
|
+
|
|
2005
|
+
|
|
2006
|
+
|
|
2007
|
+
|
|
2008
|
+
|
|
2009
|
+
|
|
2010
|
+
|
|
2011
|
+
|
|
2012
|
+
|
|
2013
|
+
|
|
2014
|
+
|
|
2015
|
+
|
|
2016
|
+
|
|
2017
|
+
|
|
2018
|
+
|
|
2019
|
+
|
|
2020
|
+
|
|
2021
|
+
|
|
2022
|
+
|
|
2023
|
+
|
|
2024
|
+
|
|
2025
|
+
|
|
2026
|
+
|
|
2027
|
+
|
|
2028
|
+
|
|
2029
|
+
|
|
2030
|
+
|
|
2031
|
+
</dl>
|
|
2032
|
+
|
|
2033
|
+
|
|
2034
|
+
|
|
2035
|
+
<h5>Names</h5>
|
|
2036
|
+
<table class="keyboard-table">
|
|
2037
|
+
<thead>
|
|
2038
|
+
<tr>
|
|
2039
|
+
<th>Item</th>
|
|
2040
|
+
<th>Name</th>
|
|
2041
|
+
</tr>
|
|
2042
|
+
</thead>
|
|
2043
|
+
<tbody>
|
|
2044
|
+
<tr>
|
|
2045
|
+
<td>Property</td>
|
|
2046
|
+
<td><code class="prettyprint">thresholds</code></td>
|
|
2047
|
+
</tr>
|
|
2048
|
+
|
|
2049
|
+
<tr>
|
|
2050
|
+
<td>Property change event</td>
|
|
2051
|
+
<td><code class="prettyprint">thresholdsChanged</code></td>
|
|
2052
|
+
</tr>
|
|
2053
|
+
<tr>
|
|
2054
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
2055
|
+
<td><code class="pretty-print-noprettify">on-thresholds-changed</code></td>
|
|
2056
|
+
</tr>
|
|
2057
|
+
|
|
2058
|
+
</tbody>
|
|
2059
|
+
</table>
|
|
2060
|
+
|
|
2061
|
+
</dd>
|
|
2062
|
+
|
|
2063
|
+
|
|
2064
|
+
<dt class="">
|
|
2065
|
+
|
|
2066
|
+
<h4 id="thresholds[].accessibleLabel" class="name">
|
|
2067
|
+
|
|
2068
|
+
<span class="type-signature"></span>thresholds[].accessibleLabel<span class="type-signature"> :string</span>
|
|
2069
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#thresholds[].accessibleLabel"></a>
|
|
2070
|
+
|
|
2071
|
+
</h4>
|
|
2072
|
+
|
|
2073
|
+
|
|
2074
|
+
</dt>
|
|
2075
|
+
|
|
2076
|
+
<dd class="">
|
|
2077
|
+
|
|
2078
|
+
<div class="description">
|
|
2079
|
+
The accessible label for the threshold range.
|
|
2080
|
+
</div>
|
|
2081
|
+
|
|
2082
|
+
|
|
2083
|
+
|
|
2084
|
+
|
|
2085
|
+
<dl class="details">
|
|
2086
|
+
|
|
2087
|
+
|
|
2088
|
+
|
|
2089
|
+
|
|
2090
|
+
|
|
2091
|
+
|
|
2092
|
+
|
|
2093
|
+
|
|
2094
|
+
|
|
2095
|
+
|
|
2096
|
+
|
|
2097
|
+
|
|
2098
|
+
|
|
2099
|
+
|
|
2100
|
+
|
|
2101
|
+
|
|
2102
|
+
|
|
2103
|
+
|
|
2104
|
+
|
|
2105
|
+
|
|
2106
|
+
|
|
2107
|
+
|
|
2108
|
+
|
|
2109
|
+
|
|
2110
|
+
|
|
2111
|
+
|
|
2112
|
+
|
|
2113
|
+
|
|
2114
|
+
|
|
2115
|
+
</dl>
|
|
2116
|
+
|
|
2117
|
+
|
|
2118
|
+
|
|
2119
|
+
<div class="description">
|
|
2120
|
+
<b>Note: </b> This property is a subproperty of an array-valued property. <i>Such properties cannot be set individually
|
|
2121
|
+
either at init time via HTML attribute syntax or at runtime via JavaScript.</i> Instead, the outermost array-valued attribute, and its ancestor attributes,
|
|
2122
|
+
can be set at init time or runtime.
|
|
2123
|
+
</div>
|
|
2124
|
+
|
|
2125
|
+
</dd>
|
|
2126
|
+
|
|
2127
|
+
|
|
2128
|
+
<dt class="">
|
|
2129
|
+
|
|
2130
|
+
<h4 id="thresholds[].color" class="name">
|
|
2131
|
+
|
|
2132
|
+
<span class="type-signature"></span>thresholds[].color<span class="type-signature"> :string</span>
|
|
2133
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#thresholds[].color"></a>
|
|
2134
|
+
|
|
2135
|
+
</h4>
|
|
2136
|
+
|
|
2137
|
+
|
|
2138
|
+
</dt>
|
|
2139
|
+
|
|
2140
|
+
<dd class="">
|
|
2141
|
+
|
|
2142
|
+
<div class="description">
|
|
2143
|
+
The color for the threshold range.
|
|
2144
|
+
</div>
|
|
2145
|
+
|
|
2146
|
+
|
|
2147
|
+
|
|
2148
|
+
|
|
2149
|
+
<dl class="details">
|
|
2150
|
+
|
|
2151
|
+
|
|
2152
|
+
|
|
2153
|
+
|
|
2154
|
+
|
|
2155
|
+
|
|
2156
|
+
|
|
2157
|
+
|
|
2158
|
+
|
|
2159
|
+
|
|
2160
|
+
|
|
2161
|
+
|
|
2162
|
+
|
|
2163
|
+
|
|
2164
|
+
|
|
2165
|
+
|
|
2166
|
+
|
|
2167
|
+
|
|
2168
|
+
|
|
2169
|
+
|
|
2170
|
+
|
|
2171
|
+
|
|
2172
|
+
|
|
2173
|
+
|
|
2174
|
+
|
|
2175
|
+
|
|
2176
|
+
|
|
2177
|
+
|
|
2178
|
+
|
|
2179
|
+
</dl>
|
|
2180
|
+
|
|
2181
|
+
|
|
2182
|
+
|
|
2183
|
+
<div class="description">
|
|
2184
|
+
<b>Note: </b> This property is a subproperty of an array-valued property. <i>Such properties cannot be set individually
|
|
2185
|
+
either at init time via HTML attribute syntax or at runtime via JavaScript.</i> Instead, the outermost array-valued attribute, and its ancestor attributes,
|
|
2186
|
+
can be set at init time or runtime.
|
|
2187
|
+
</div>
|
|
2188
|
+
|
|
2189
|
+
</dd>
|
|
2190
|
+
|
|
2191
|
+
|
|
2192
|
+
<dt class="">
|
|
2193
|
+
|
|
2194
|
+
<h4 id="thresholds[].max" class="name">
|
|
2195
|
+
|
|
2196
|
+
<span class="type-signature"></span>thresholds[].max<span class="type-signature"> :number</span>
|
|
2197
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#thresholds[].max"></a>
|
|
2198
|
+
|
|
2199
|
+
</h4>
|
|
2200
|
+
|
|
2201
|
+
|
|
2202
|
+
</dt>
|
|
2203
|
+
|
|
2204
|
+
<dd class="">
|
|
2205
|
+
|
|
2206
|
+
<div class="description">
|
|
2207
|
+
The max value of the threshold.
|
|
2208
|
+
</div>
|
|
2209
|
+
|
|
2210
|
+
|
|
2211
|
+
|
|
2212
|
+
|
|
2213
|
+
<dl class="details">
|
|
2214
|
+
|
|
2215
|
+
|
|
2216
|
+
|
|
2217
|
+
|
|
2218
|
+
|
|
2219
|
+
|
|
2220
|
+
|
|
2221
|
+
|
|
2222
|
+
|
|
2223
|
+
|
|
2224
|
+
|
|
2225
|
+
|
|
2226
|
+
|
|
2227
|
+
|
|
2228
|
+
|
|
2229
|
+
|
|
2230
|
+
|
|
2231
|
+
|
|
2232
|
+
|
|
2233
|
+
|
|
2234
|
+
|
|
2235
|
+
|
|
2236
|
+
|
|
2237
|
+
|
|
2238
|
+
|
|
2239
|
+
|
|
2240
|
+
|
|
2241
|
+
|
|
2242
|
+
|
|
2243
|
+
</dl>
|
|
2244
|
+
|
|
2245
|
+
|
|
2246
|
+
|
|
2247
|
+
<div class="description">
|
|
2248
|
+
<b>Note: </b> This property is a subproperty of an array-valued property. <i>Such properties cannot be set individually
|
|
2249
|
+
either at init time via HTML attribute syntax or at runtime via JavaScript.</i> Instead, the outermost array-valued attribute, and its ancestor attributes,
|
|
2250
|
+
can be set at init time or runtime.
|
|
2251
|
+
</div>
|
|
2252
|
+
|
|
2253
|
+
</dd>
|
|
2254
|
+
|
|
2255
|
+
|
|
2256
|
+
<dt class="">
|
|
2257
|
+
|
|
2258
|
+
<h4 id="transientValue" class="name">
|
|
2259
|
+
|
|
2260
|
+
<span class="type-signature">(readonly) </span>transient-value<span class="type-signature"> :number</span>
|
|
2261
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#transientValue"></a>
|
|
2262
|
+
|
|
2263
|
+
</h4>
|
|
2264
|
+
|
|
2265
|
+
|
|
2266
|
+
</dt>
|
|
2267
|
+
|
|
2268
|
+
<dd class="">
|
|
2269
|
+
|
|
2270
|
+
<div class="description">
|
|
2271
|
+
A read-only property for retrieving the transient value from the meter bar. It is triggered when dragging over the meter bar.
|
|
2272
|
+
</div>
|
|
2273
|
+
|
|
2274
|
+
|
|
2275
|
+
|
|
2276
|
+
|
|
2277
|
+
<dl class="details">
|
|
2278
|
+
|
|
2279
|
+
|
|
2280
|
+
|
|
2281
|
+
|
|
2282
|
+
|
|
2283
|
+
|
|
2284
|
+
|
|
2285
|
+
<dt class="tag-default">Supports writeback:</dt>
|
|
2286
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">true</code></li></ul></dd>
|
|
2287
|
+
|
|
2288
|
+
|
|
2289
|
+
|
|
2290
|
+
|
|
2291
|
+
|
|
2292
|
+
|
|
2293
|
+
|
|
2294
|
+
|
|
2295
|
+
|
|
2296
|
+
|
|
2297
|
+
|
|
2298
|
+
|
|
2299
|
+
|
|
2300
|
+
|
|
2301
|
+
|
|
2302
|
+
|
|
2303
|
+
|
|
2304
|
+
|
|
2305
|
+
|
|
2306
|
+
|
|
2307
|
+
|
|
2308
|
+
|
|
2309
|
+
|
|
2310
|
+
</dl>
|
|
2311
|
+
|
|
2312
|
+
|
|
2313
|
+
|
|
2314
|
+
<h5>Names</h5>
|
|
2315
|
+
<table class="keyboard-table">
|
|
2316
|
+
<thead>
|
|
2317
|
+
<tr>
|
|
2318
|
+
<th>Item</th>
|
|
2319
|
+
<th>Name</th>
|
|
2320
|
+
</tr>
|
|
2321
|
+
</thead>
|
|
2322
|
+
<tbody>
|
|
2323
|
+
<tr>
|
|
2324
|
+
<td>Property</td>
|
|
2325
|
+
<td><code class="prettyprint">transientValue</code></td>
|
|
2326
|
+
</tr>
|
|
2327
|
+
|
|
2328
|
+
<tr>
|
|
2329
|
+
<td>Property change event</td>
|
|
2330
|
+
<td><code class="prettyprint">transientValueChanged</code></td>
|
|
2331
|
+
</tr>
|
|
2332
|
+
<tr>
|
|
2333
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
2334
|
+
<td><code class="pretty-print-noprettify">on-transient-value-changed</code></td>
|
|
2335
|
+
</tr>
|
|
2336
|
+
|
|
2337
|
+
</tbody>
|
|
2338
|
+
</table>
|
|
2339
|
+
|
|
2340
|
+
</dd>
|
|
2341
|
+
|
|
2342
|
+
|
|
2343
|
+
<dt class="">
|
|
2344
|
+
|
|
2345
|
+
<h4 id="value" class="name">
|
|
2346
|
+
|
|
2347
|
+
<span class="type-signature"></span>value<span class="type-signature"> :(number|null)</span>
|
|
2348
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#value"></a>
|
|
2349
|
+
|
|
2350
|
+
</h4>
|
|
2351
|
+
|
|
2352
|
+
|
|
2353
|
+
</dt>
|
|
2354
|
+
|
|
2355
|
+
<dd class="">
|
|
2356
|
+
|
|
2357
|
+
<div class="description">
|
|
2358
|
+
The value of the meter bar.
|
|
2359
|
+
</div>
|
|
2360
|
+
|
|
2361
|
+
|
|
2362
|
+
|
|
2363
|
+
|
|
2364
|
+
<dl class="details">
|
|
2365
|
+
|
|
2366
|
+
|
|
2367
|
+
|
|
2368
|
+
|
|
2369
|
+
|
|
2370
|
+
<dt class="tag-default">Default Value:</dt>
|
|
2371
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">0</code></li></ul></dd>
|
|
2372
|
+
|
|
2373
|
+
|
|
2374
|
+
|
|
2375
|
+
<dt class="tag-default">Supports writeback:</dt>
|
|
2376
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">true</code></li></ul></dd>
|
|
2377
|
+
|
|
2378
|
+
|
|
2379
|
+
|
|
2380
|
+
|
|
2381
|
+
|
|
2382
|
+
|
|
2383
|
+
|
|
2384
|
+
|
|
2385
|
+
|
|
2386
|
+
|
|
2387
|
+
|
|
2388
|
+
|
|
2389
|
+
|
|
2390
|
+
|
|
2391
|
+
|
|
2392
|
+
|
|
2393
|
+
|
|
2394
|
+
|
|
2395
|
+
|
|
2396
|
+
|
|
2397
|
+
|
|
2398
|
+
|
|
2399
|
+
|
|
2400
|
+
</dl>
|
|
2401
|
+
|
|
2402
|
+
|
|
2403
|
+
|
|
2404
|
+
<h5>Names</h5>
|
|
2405
|
+
<table class="keyboard-table">
|
|
2406
|
+
<thead>
|
|
2407
|
+
<tr>
|
|
2408
|
+
<th>Item</th>
|
|
2409
|
+
<th>Name</th>
|
|
2410
|
+
</tr>
|
|
2411
|
+
</thead>
|
|
2412
|
+
<tbody>
|
|
2413
|
+
<tr>
|
|
2414
|
+
<td>Property</td>
|
|
2415
|
+
<td><code class="prettyprint">value</code></td>
|
|
2416
|
+
</tr>
|
|
2417
|
+
|
|
2418
|
+
<tr>
|
|
2419
|
+
<td>Property change event</td>
|
|
2420
|
+
<td><code class="prettyprint">valueChanged</code></td>
|
|
2421
|
+
</tr>
|
|
2422
|
+
<tr>
|
|
2423
|
+
<td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
|
|
2424
|
+
<td><code class="pretty-print-noprettify">on-value-changed</code></td>
|
|
2425
|
+
</tr>
|
|
2426
|
+
|
|
2427
|
+
</tbody>
|
|
2428
|
+
</table>
|
|
2429
|
+
|
|
2430
|
+
</dd>
|
|
2431
|
+
|
|
2432
|
+
</dl>
|
|
2433
|
+
|
|
2434
|
+
|
|
2435
|
+
<h3 id="methods-section" class="subsection-title">
|
|
2436
|
+
Methods
|
|
2437
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#methods-section"></a>
|
|
2438
|
+
</h3>
|
|
2439
|
+
|
|
2440
|
+
<dl>
|
|
2441
|
+
|
|
2442
|
+
|
|
2443
|
+
<dt class="">
|
|
2444
|
+
|
|
2445
|
+
|
|
2446
|
+
|
|
2447
|
+
<h4 id="getProperty" class="name">
|
|
2448
|
+
|
|
2449
|
+
<span class="type-signature"></span>getProperty<span class="signature">(property)</span><span class="type-signature"> : {<a href="CustomElementOverview.html#ce-attrs-any-section">any</a>}</span>
|
|
2450
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#getProperty"></a>
|
|
2451
|
+
|
|
2452
|
+
</h4>
|
|
2453
|
+
|
|
2454
|
+
|
|
2455
|
+
|
|
2456
|
+
|
|
2457
|
+
|
|
2458
|
+
</dt>
|
|
2459
|
+
<dd class="">
|
|
2460
|
+
|
|
2461
|
+
|
|
2462
|
+
<div class="description">
|
|
2463
|
+
Retrieves the value of a property or a subproperty.
|
|
2464
|
+
|
|
2465
|
+
</div>
|
|
2466
|
+
|
|
2467
|
+
|
|
2468
|
+
|
|
2469
|
+
|
|
2470
|
+
|
|
2471
|
+
|
|
2472
|
+
|
|
2473
|
+
|
|
2474
|
+
|
|
2475
|
+
|
|
2476
|
+
|
|
2477
|
+
<h5>Parameters:</h5>
|
|
2478
|
+
|
|
2479
|
+
|
|
2480
|
+
<table class="params">
|
|
2481
|
+
<thead>
|
|
2482
|
+
<tr>
|
|
2483
|
+
|
|
2484
|
+
<th>Name</th>
|
|
2485
|
+
|
|
2486
|
+
|
|
2487
|
+
<th>Type</th>
|
|
2488
|
+
|
|
2489
|
+
|
|
2490
|
+
|
|
2491
|
+
|
|
2492
|
+
|
|
2493
|
+
<th class="last">Description</th>
|
|
2494
|
+
</tr>
|
|
2495
|
+
</thead>
|
|
2496
|
+
|
|
2497
|
+
<tbody>
|
|
2498
|
+
|
|
2499
|
+
|
|
2500
|
+
<tr>
|
|
2501
|
+
|
|
2502
|
+
<td class="name"><code>property</code></td>
|
|
2503
|
+
|
|
2504
|
+
|
|
2505
|
+
<td class="type">
|
|
2506
|
+
|
|
2507
|
+
</td>
|
|
2508
|
+
|
|
2509
|
+
|
|
2510
|
+
|
|
2511
|
+
|
|
2512
|
+
<td class="description last">The property name to get. Supports dot notation for subproperty access.
|
|
2513
|
+
</td>
|
|
2514
|
+
</tr>
|
|
2515
|
+
|
|
2516
|
+
|
|
2517
|
+
</tbody>
|
|
2518
|
+
</table>
|
|
2519
|
+
|
|
2520
|
+
|
|
2521
|
+
|
|
2522
|
+
<dl class="details">
|
|
2523
|
+
|
|
2524
|
+
|
|
2525
|
+
|
|
2526
|
+
|
|
2527
|
+
|
|
2528
|
+
|
|
2529
|
+
|
|
2530
|
+
|
|
2531
|
+
|
|
2532
|
+
|
|
2533
|
+
|
|
2534
|
+
|
|
2535
|
+
|
|
2536
|
+
|
|
2537
|
+
|
|
2538
|
+
|
|
2539
|
+
|
|
2540
|
+
|
|
2541
|
+
|
|
2542
|
+
|
|
2543
|
+
|
|
2544
|
+
|
|
2545
|
+
|
|
2546
|
+
|
|
2547
|
+
|
|
2548
|
+
|
|
2549
|
+
|
|
2550
|
+
|
|
2551
|
+
|
|
2552
|
+
</dl>
|
|
2553
|
+
|
|
2554
|
+
|
|
2555
|
+
|
|
2556
|
+
|
|
2557
|
+
|
|
2558
|
+
|
|
2559
|
+
|
|
2560
|
+
<h5>Returns:</h5>
|
|
2561
|
+
|
|
2562
|
+
|
|
2563
|
+
|
|
2564
|
+
|
|
2565
|
+
<dl>
|
|
2566
|
+
<dt>
|
|
2567
|
+
Type
|
|
2568
|
+
</dt>
|
|
2569
|
+
<dd>
|
|
2570
|
+
|
|
2571
|
+
<span class="param-type"><a href="CustomElementOverview.html#ce-attrs-any-section">any</a></span>
|
|
2572
|
+
|
|
2573
|
+
|
|
2574
|
+
</dd>
|
|
2575
|
+
</dl>
|
|
2576
|
+
|
|
2577
|
+
|
|
2578
|
+
|
|
2579
|
+
|
|
2580
|
+
|
|
2581
|
+
</dd>
|
|
2582
|
+
|
|
2583
|
+
|
|
2584
|
+
|
|
2585
|
+
<dt class="">
|
|
2586
|
+
|
|
2587
|
+
|
|
2588
|
+
|
|
2589
|
+
<h4 id="setProperties" class="name">
|
|
2590
|
+
|
|
2591
|
+
<span class="type-signature"></span>setProperties<span class="signature">(properties)</span><span class="type-signature"> : {void}</span>
|
|
2592
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperties"></a>
|
|
2593
|
+
|
|
2594
|
+
</h4>
|
|
2595
|
+
|
|
2596
|
+
|
|
2597
|
+
|
|
2598
|
+
|
|
2599
|
+
|
|
2600
|
+
</dt>
|
|
2601
|
+
<dd class="">
|
|
2602
|
+
|
|
2603
|
+
|
|
2604
|
+
<div class="description">
|
|
2605
|
+
Performs a batch set of properties.
|
|
2606
|
+
|
|
2607
|
+
</div>
|
|
2608
|
+
|
|
2609
|
+
|
|
2610
|
+
|
|
2611
|
+
|
|
2612
|
+
|
|
2613
|
+
|
|
2614
|
+
|
|
2615
|
+
|
|
2616
|
+
|
|
2617
|
+
|
|
2618
|
+
|
|
2619
|
+
<h5>Parameters:</h5>
|
|
2620
|
+
|
|
2621
|
+
|
|
2622
|
+
<table class="params">
|
|
2623
|
+
<thead>
|
|
2624
|
+
<tr>
|
|
2625
|
+
|
|
2626
|
+
<th>Name</th>
|
|
2627
|
+
|
|
2628
|
+
|
|
2629
|
+
<th>Type</th>
|
|
2630
|
+
|
|
2631
|
+
|
|
2632
|
+
|
|
2633
|
+
|
|
2634
|
+
|
|
2635
|
+
<th class="last">Description</th>
|
|
2636
|
+
</tr>
|
|
2637
|
+
</thead>
|
|
2638
|
+
|
|
2639
|
+
<tbody>
|
|
2640
|
+
|
|
2641
|
+
|
|
2642
|
+
<tr>
|
|
2643
|
+
|
|
2644
|
+
<td class="name"><code>properties</code></td>
|
|
2645
|
+
|
|
2646
|
+
|
|
2647
|
+
<td class="type">
|
|
2648
|
+
|
|
2649
|
+
</td>
|
|
2650
|
+
|
|
2651
|
+
|
|
2652
|
+
|
|
2653
|
+
|
|
2654
|
+
<td class="description last">An object containing the property and value pairs to set.
|
|
2655
|
+
</td>
|
|
2656
|
+
</tr>
|
|
2657
|
+
|
|
2658
|
+
|
|
2659
|
+
</tbody>
|
|
2660
|
+
</table>
|
|
2661
|
+
|
|
2662
|
+
|
|
2663
|
+
|
|
2664
|
+
<dl class="details">
|
|
2665
|
+
|
|
2666
|
+
|
|
2667
|
+
|
|
2668
|
+
|
|
2669
|
+
|
|
2670
|
+
|
|
2671
|
+
|
|
2672
|
+
|
|
2673
|
+
|
|
2674
|
+
|
|
2675
|
+
|
|
2676
|
+
|
|
2677
|
+
|
|
2678
|
+
|
|
2679
|
+
|
|
2680
|
+
|
|
2681
|
+
|
|
2682
|
+
|
|
2683
|
+
|
|
2684
|
+
|
|
2685
|
+
|
|
2686
|
+
|
|
2687
|
+
|
|
2688
|
+
|
|
2689
|
+
|
|
2690
|
+
|
|
2691
|
+
|
|
2692
|
+
|
|
2693
|
+
|
|
2694
|
+
</dl>
|
|
2695
|
+
|
|
2696
|
+
|
|
2697
|
+
|
|
2698
|
+
|
|
2699
|
+
|
|
2700
|
+
|
|
2701
|
+
|
|
2702
|
+
<h5>Returns:</h5>
|
|
2703
|
+
|
|
2704
|
+
|
|
2705
|
+
|
|
2706
|
+
|
|
2707
|
+
<dl>
|
|
2708
|
+
<dt>
|
|
2709
|
+
Type
|
|
2710
|
+
</dt>
|
|
2711
|
+
<dd>
|
|
2712
|
+
|
|
2713
|
+
<span class="param-type">void</span>
|
|
2714
|
+
|
|
2715
|
+
|
|
2716
|
+
</dd>
|
|
2717
|
+
</dl>
|
|
2718
|
+
|
|
2719
|
+
|
|
2720
|
+
|
|
2721
|
+
|
|
2722
|
+
|
|
2723
|
+
</dd>
|
|
2724
|
+
|
|
2725
|
+
|
|
2726
|
+
|
|
2727
|
+
<dt class="">
|
|
2728
|
+
|
|
2729
|
+
|
|
2730
|
+
|
|
2731
|
+
<h4 id="setProperty" class="name">
|
|
2732
|
+
|
|
2733
|
+
<span class="type-signature"></span>setProperty<span class="signature">(property, value)</span><span class="type-signature"> : {void}</span>
|
|
2734
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperty"></a>
|
|
2735
|
+
|
|
2736
|
+
</h4>
|
|
2737
|
+
|
|
2738
|
+
|
|
2739
|
+
|
|
2740
|
+
|
|
2741
|
+
|
|
2742
|
+
</dt>
|
|
2743
|
+
<dd class="">
|
|
2744
|
+
|
|
2745
|
+
|
|
2746
|
+
<div class="description">
|
|
2747
|
+
Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.
|
|
2748
|
+
|
|
2749
|
+
</div>
|
|
2750
|
+
|
|
2751
|
+
|
|
2752
|
+
|
|
2753
|
+
|
|
2754
|
+
|
|
2755
|
+
|
|
2756
|
+
|
|
2757
|
+
|
|
2758
|
+
|
|
2759
|
+
|
|
2760
|
+
|
|
2761
|
+
<h5>Parameters:</h5>
|
|
2762
|
+
|
|
2763
|
+
|
|
2764
|
+
<table class="params">
|
|
2765
|
+
<thead>
|
|
2766
|
+
<tr>
|
|
2767
|
+
|
|
2768
|
+
<th>Name</th>
|
|
2769
|
+
|
|
2770
|
+
|
|
2771
|
+
<th>Type</th>
|
|
2772
|
+
|
|
2773
|
+
|
|
2774
|
+
|
|
2775
|
+
|
|
2776
|
+
|
|
2777
|
+
<th class="last">Description</th>
|
|
2778
|
+
</tr>
|
|
2779
|
+
</thead>
|
|
2780
|
+
|
|
2781
|
+
<tbody>
|
|
2782
|
+
|
|
2783
|
+
|
|
2784
|
+
<tr>
|
|
2785
|
+
|
|
2786
|
+
<td class="name"><code>property</code></td>
|
|
2787
|
+
|
|
2788
|
+
|
|
2789
|
+
<td class="type">
|
|
2790
|
+
|
|
2791
|
+
</td>
|
|
2792
|
+
|
|
2793
|
+
|
|
2794
|
+
|
|
2795
|
+
|
|
2796
|
+
<td class="description last">The property name to set. Supports dot notation for subproperty access.
|
|
2797
|
+
</td>
|
|
2798
|
+
</tr>
|
|
2799
|
+
|
|
2800
|
+
|
|
2801
|
+
|
|
2802
|
+
<tr>
|
|
2803
|
+
|
|
2804
|
+
<td class="name"><code>value</code></td>
|
|
2805
|
+
|
|
2806
|
+
|
|
2807
|
+
<td class="type">
|
|
2808
|
+
|
|
2809
|
+
</td>
|
|
2810
|
+
|
|
2811
|
+
|
|
2812
|
+
|
|
2813
|
+
|
|
2814
|
+
<td class="description last">The new value to set the property to.
|
|
2815
|
+
</td>
|
|
2816
|
+
</tr>
|
|
2817
|
+
|
|
2818
|
+
|
|
2819
|
+
</tbody>
|
|
2820
|
+
</table>
|
|
2821
|
+
|
|
2822
|
+
|
|
2823
|
+
|
|
2824
|
+
<dl class="details">
|
|
2825
|
+
|
|
2826
|
+
|
|
2827
|
+
|
|
2828
|
+
|
|
2829
|
+
|
|
2830
|
+
|
|
2831
|
+
|
|
2832
|
+
|
|
2833
|
+
|
|
2834
|
+
|
|
2835
|
+
|
|
2836
|
+
|
|
2837
|
+
|
|
2838
|
+
|
|
2839
|
+
|
|
2840
|
+
|
|
2841
|
+
|
|
2842
|
+
|
|
2843
|
+
|
|
2844
|
+
|
|
2845
|
+
|
|
2846
|
+
|
|
2847
|
+
|
|
2848
|
+
|
|
2849
|
+
|
|
2850
|
+
|
|
2851
|
+
|
|
2852
|
+
|
|
2853
|
+
|
|
2854
|
+
</dl>
|
|
2855
|
+
|
|
2856
|
+
|
|
2857
|
+
|
|
2858
|
+
|
|
2859
|
+
|
|
2860
|
+
|
|
2861
|
+
|
|
2862
|
+
<h5>Returns:</h5>
|
|
2863
|
+
|
|
2864
|
+
|
|
2865
|
+
|
|
2866
|
+
|
|
2867
|
+
<dl>
|
|
2868
|
+
<dt>
|
|
2869
|
+
Type
|
|
2870
|
+
</dt>
|
|
2871
|
+
<dd>
|
|
2872
|
+
|
|
2873
|
+
<span class="param-type">void</span>
|
|
2874
|
+
|
|
2875
|
+
|
|
2876
|
+
</dd>
|
|
2877
|
+
</dl>
|
|
2878
|
+
|
|
2879
|
+
|
|
2880
|
+
|
|
2881
|
+
|
|
2882
|
+
|
|
2883
|
+
</dd>
|
|
2884
|
+
|
|
2885
|
+
|
|
2886
|
+
</dl>
|
|
2887
|
+
|
|
2888
|
+
|
|
2889
|
+
<h3 id="typedefs-section" class="subsection-title">
|
|
2890
|
+
Type Definitions
|
|
2891
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#typedefs-section"></a>
|
|
2892
|
+
</h3>
|
|
2893
|
+
|
|
2894
|
+
<dl>
|
|
2895
|
+
|
|
2896
|
+
|
|
2897
|
+
<dt class="">
|
|
2898
|
+
|
|
2899
|
+
<h4 id="DatatipContext" class="name">
|
|
2900
|
+
|
|
2901
|
+
DatatipContext
|
|
2902
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#DatatipContext"></a>
|
|
2903
|
+
|
|
2904
|
+
</h4>
|
|
2905
|
+
|
|
2906
|
+
|
|
2907
|
+
</dt>
|
|
2908
|
+
|
|
2909
|
+
<dd class="">
|
|
2910
|
+
|
|
2911
|
+
<div class="description">
|
|
2912
|
+
Context for datatip function.
|
|
2913
|
+
</div>
|
|
2914
|
+
|
|
2915
|
+
|
|
2916
|
+
|
|
2917
|
+
|
|
2918
|
+
<dl class="details">
|
|
2919
|
+
|
|
2920
|
+
<h5 class="subsection-title notoc">Properties:</h5>
|
|
2921
|
+
|
|
2922
|
+
|
|
2923
|
+
|
|
2924
|
+
<dl>
|
|
2925
|
+
|
|
2926
|
+
<table class="props">
|
|
2927
|
+
<thead>
|
|
2928
|
+
<tr>
|
|
2929
|
+
|
|
2930
|
+
<th>Name</th>
|
|
2931
|
+
|
|
2932
|
+
|
|
2933
|
+
<th>Type</th>
|
|
2934
|
+
|
|
2935
|
+
|
|
2936
|
+
|
|
2937
|
+
|
|
2938
|
+
|
|
2939
|
+
|
|
2940
|
+
<th class="last">Description</th>
|
|
2941
|
+
|
|
2942
|
+
</tr>
|
|
2943
|
+
</thead>
|
|
2944
|
+
|
|
2945
|
+
<tbody>
|
|
2946
|
+
|
|
2947
|
+
<tr>
|
|
2948
|
+
|
|
2949
|
+
<td class="name"><code>value</code></td>
|
|
2950
|
+
|
|
2951
|
+
|
|
2952
|
+
|
|
2953
|
+
<td class="type">
|
|
2954
|
+
|
|
2955
|
+
|
|
2956
|
+
|
|
2957
|
+
<span class="param-type">number</span>
|
|
2958
|
+
|
|
2959
|
+
|
|
2960
|
+
|
|
2961
|
+
|
|
2962
|
+
</td>
|
|
2963
|
+
|
|
2964
|
+
|
|
2965
|
+
|
|
2966
|
+
|
|
2967
|
+
|
|
2968
|
+
|
|
2969
|
+
<td class="description last">The current value of the meter bar.
|
|
2970
|
+
</td>
|
|
2971
|
+
|
|
2972
|
+
</tr>
|
|
2973
|
+
|
|
2974
|
+
|
|
2975
|
+
</tbody>
|
|
2976
|
+
</table></dl>
|
|
2977
|
+
|
|
2978
|
+
|
|
2979
|
+
|
|
2980
|
+
|
|
2981
|
+
|
|
2982
|
+
|
|
2983
|
+
|
|
2984
|
+
|
|
2985
|
+
|
|
2986
|
+
|
|
2987
|
+
|
|
2988
|
+
|
|
2989
|
+
|
|
2990
|
+
|
|
2991
|
+
|
|
2992
|
+
|
|
2993
|
+
|
|
2994
|
+
|
|
2995
|
+
|
|
2996
|
+
|
|
2997
|
+
|
|
2998
|
+
|
|
2999
|
+
|
|
3000
|
+
|
|
3001
|
+
|
|
3002
|
+
|
|
3003
|
+
|
|
3004
|
+
|
|
3005
|
+
|
|
3006
|
+
|
|
3007
|
+
</dl>
|
|
3008
|
+
|
|
3009
|
+
|
|
3010
|
+
|
|
3011
|
+
</dd>
|
|
3012
|
+
|
|
3013
|
+
|
|
3014
|
+
<dt class="">
|
|
3015
|
+
|
|
3016
|
+
<h4 id="PlotArea" class="name">
|
|
3017
|
+
|
|
3018
|
+
PlotArea
|
|
3019
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#PlotArea"></a>
|
|
3020
|
+
|
|
3021
|
+
</h4>
|
|
3022
|
+
|
|
3023
|
+
|
|
3024
|
+
</dt>
|
|
3025
|
+
|
|
3026
|
+
<dd class="">
|
|
3027
|
+
|
|
3028
|
+
|
|
3029
|
+
|
|
3030
|
+
|
|
3031
|
+
<dl class="details">
|
|
3032
|
+
|
|
3033
|
+
<h5 class="subsection-title notoc">Properties:</h5>
|
|
3034
|
+
|
|
3035
|
+
|
|
3036
|
+
|
|
3037
|
+
<dl>
|
|
3038
|
+
|
|
3039
|
+
<table class="props">
|
|
3040
|
+
<thead>
|
|
3041
|
+
<tr>
|
|
3042
|
+
|
|
3043
|
+
<th>Name</th>
|
|
3044
|
+
|
|
3045
|
+
|
|
3046
|
+
<th>Type</th>
|
|
3047
|
+
|
|
3048
|
+
|
|
3049
|
+
<th>Argument</th>
|
|
3050
|
+
|
|
3051
|
+
|
|
3052
|
+
|
|
3053
|
+
|
|
3054
|
+
|
|
3055
|
+
<th class="last">Description</th>
|
|
3056
|
+
|
|
3057
|
+
</tr>
|
|
3058
|
+
</thead>
|
|
3059
|
+
|
|
3060
|
+
<tbody>
|
|
3061
|
+
|
|
3062
|
+
<tr>
|
|
3063
|
+
|
|
3064
|
+
<td class="name"><code>color</code></td>
|
|
3065
|
+
|
|
3066
|
+
|
|
3067
|
+
|
|
3068
|
+
<td class="type">
|
|
3069
|
+
|
|
3070
|
+
|
|
3071
|
+
|
|
3072
|
+
<span class="param-type">string</span>
|
|
3073
|
+
|
|
3074
|
+
|
|
3075
|
+
|
|
3076
|
+
|
|
3077
|
+
</td>
|
|
3078
|
+
|
|
3079
|
+
|
|
3080
|
+
<td class="attributes">
|
|
3081
|
+
|
|
3082
|
+
<optional><br>
|
|
3083
|
+
|
|
3084
|
+
|
|
3085
|
+
|
|
3086
|
+
</td>
|
|
3087
|
+
|
|
3088
|
+
|
|
3089
|
+
|
|
3090
|
+
|
|
3091
|
+
|
|
3092
|
+
<td class="description last">The color of the plot area.
|
|
3093
|
+
</td>
|
|
3094
|
+
|
|
3095
|
+
</tr>
|
|
3096
|
+
|
|
3097
|
+
|
|
3098
|
+
<tr>
|
|
3099
|
+
|
|
3100
|
+
<td class="name"><code>rendered</code></td>
|
|
3101
|
+
|
|
3102
|
+
|
|
3103
|
+
|
|
3104
|
+
<td class="type">
|
|
3105
|
+
|
|
3106
|
+
|
|
3107
|
+
|
|
3108
|
+
<span class="param-type">on</span>
|
|
3109
|
+
|
|
|
3110
|
+
|
|
3111
|
+
<span class="param-type">off</span>
|
|
3112
|
+
|
|
3113
|
+
|
|
3114
|
+
|
|
3115
|
+
|
|
3116
|
+
</td>
|
|
3117
|
+
|
|
3118
|
+
|
|
3119
|
+
<td class="attributes">
|
|
3120
|
+
|
|
3121
|
+
<optional><br>
|
|
3122
|
+
|
|
3123
|
+
|
|
3124
|
+
|
|
3125
|
+
</td>
|
|
3126
|
+
|
|
3127
|
+
|
|
3128
|
+
|
|
3129
|
+
|
|
3130
|
+
|
|
3131
|
+
<td class="description last">Defines if the plot area is to be rendered. The default value is on.
|
|
3132
|
+
</td>
|
|
3133
|
+
|
|
3134
|
+
</tr>
|
|
3135
|
+
|
|
3136
|
+
|
|
3137
|
+
</tbody>
|
|
3138
|
+
</table></dl>
|
|
3139
|
+
|
|
3140
|
+
|
|
3141
|
+
|
|
3142
|
+
|
|
3143
|
+
|
|
3144
|
+
|
|
3145
|
+
|
|
3146
|
+
|
|
3147
|
+
|
|
3148
|
+
|
|
3149
|
+
|
|
3150
|
+
|
|
3151
|
+
|
|
3152
|
+
|
|
3153
|
+
|
|
3154
|
+
|
|
3155
|
+
|
|
3156
|
+
|
|
3157
|
+
|
|
3158
|
+
|
|
3159
|
+
|
|
3160
|
+
|
|
3161
|
+
|
|
3162
|
+
|
|
3163
|
+
|
|
3164
|
+
|
|
3165
|
+
|
|
3166
|
+
|
|
3167
|
+
|
|
3168
|
+
|
|
3169
|
+
</dl>
|
|
3170
|
+
|
|
3171
|
+
|
|
3172
|
+
|
|
3173
|
+
</dd>
|
|
3174
|
+
|
|
3175
|
+
</dl>
|
|
3176
|
+
|
|
3177
|
+
</article>
|
|
3178
|
+
|
|
3179
|
+
|
|
3180
|
+
</section>
|
|
3181
|
+
|
|
3182
|
+
|
|
3183
|
+
|
|
3184
|
+
|
|
3185
|
+
<footer>
|
|
3186
|
+
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a> on Fri Jan 06 2023 02:37:41 GMT+0000 (Coordinated Universal Time)<br>
|
|
3187
|
+
<span class="product-docs-footer">Copyright © 2014, 2023 Oracle. All rights reserved.<span>
|
|
3188
|
+
</footer>
|
|
3189
|
+
</div>
|
|
3190
|
+
|
|
3191
|
+
<script> prettyPrint(); </script>
|
|
3192
|
+
</body>
|
|
3193
|
+
</html>
|