@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,3502 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<title>Element: <oj-c-meter-circle></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="navItem28">
|
|
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-circle></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-circle</li></ul></dd>
|
|
130
|
+
|
|
131
|
+
</dl>
|
|
132
|
+
|
|
133
|
+
<section id="quick-nav" class="">
|
|
134
|
+
<header><h2>QuickNav</h2></header>
|
|
135
|
+
|
|
136
|
+
<div class="quick-nav-section5">
|
|
137
|
+
|
|
138
|
+
<h3> <a href="#slots-section">Slots</a></h3>
|
|
139
|
+
<ul class="subList">
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
<li><a href="#centerTemplate">centerTemplate</a></li>
|
|
143
|
+
|
|
144
|
+
</ul>
|
|
145
|
+
|
|
146
|
+
</div>
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
<div class="quick-nav-section5">
|
|
151
|
+
<h3> <a href="#members-section">Attributes</a></h3>
|
|
152
|
+
<ul class="optionsSubList">
|
|
153
|
+
|
|
154
|
+
<li><div><a href="#angleExtent">angle-extent</a></div>
|
|
155
|
+
|
|
156
|
+
</li>
|
|
157
|
+
|
|
158
|
+
<li><div><a href="#color">color</a></div>
|
|
159
|
+
|
|
160
|
+
</li>
|
|
161
|
+
|
|
162
|
+
<li><div><a href="#datatip"><b>datatip</b></a></div>
|
|
163
|
+
|
|
164
|
+
</li>
|
|
165
|
+
|
|
166
|
+
<li><div><a href="#describedBy">described-by</a></div>
|
|
167
|
+
|
|
168
|
+
</li>
|
|
169
|
+
|
|
170
|
+
<li><div><a href="#indicatorSize">indicator-size</a></div>
|
|
171
|
+
|
|
172
|
+
</li>
|
|
173
|
+
|
|
174
|
+
<li><div><a href="#innerRadius">inner-radius</a></div>
|
|
175
|
+
|
|
176
|
+
</li>
|
|
177
|
+
|
|
178
|
+
<li><div><a href="#labelledBy">labelled-by</a></div>
|
|
179
|
+
|
|
180
|
+
</li>
|
|
181
|
+
|
|
182
|
+
<li><div><a href="#max">max</a></div>
|
|
183
|
+
|
|
184
|
+
</li>
|
|
185
|
+
|
|
186
|
+
<li><div><a href="#min">min</a></div>
|
|
187
|
+
|
|
188
|
+
</li>
|
|
189
|
+
|
|
190
|
+
<li><div><a href="#plotArea"><b>plot-area</b></a></div>
|
|
191
|
+
|
|
192
|
+
</li>
|
|
193
|
+
|
|
194
|
+
<li><div><a href="#readonly">readonly</a></div>
|
|
195
|
+
|
|
196
|
+
</li>
|
|
197
|
+
|
|
198
|
+
<li><div><a href="javascript:void(0)" ><b>reference-lines</b></a></div>
|
|
199
|
+
|
|
200
|
+
<ul class='optionsInnerSubList'>
|
|
201
|
+
|
|
202
|
+
<li><div><a href="#referenceLines[].color">color</a></div>
|
|
203
|
+
|
|
204
|
+
</li>
|
|
205
|
+
|
|
206
|
+
<li><div><a href="#referenceLines[].value">value</a></div>
|
|
207
|
+
|
|
208
|
+
</ul></li>
|
|
209
|
+
|
|
210
|
+
<li><div><a href="#size">size</a></div>
|
|
211
|
+
|
|
212
|
+
</li>
|
|
213
|
+
|
|
214
|
+
<li><div><a href="#startAngle">start-angle</a></div>
|
|
215
|
+
|
|
216
|
+
</li>
|
|
217
|
+
|
|
218
|
+
<li><div><a href="#step">step</a></div>
|
|
219
|
+
|
|
220
|
+
</li>
|
|
221
|
+
|
|
222
|
+
<li><div><a href="#thresholdDisplay">threshold-display</a></div>
|
|
223
|
+
|
|
224
|
+
</li>
|
|
225
|
+
|
|
226
|
+
<li><div><a href="javascript:void(0)" ><b>thresholds</b></a></div>
|
|
227
|
+
|
|
228
|
+
<ul class='optionsInnerSubList'>
|
|
229
|
+
|
|
230
|
+
<li><div><a href="#thresholds[].accessibleLabel">accessibleLabel</a></div>
|
|
231
|
+
|
|
232
|
+
</li>
|
|
233
|
+
|
|
234
|
+
<li><div><a href="#thresholds[].color">color</a></div>
|
|
235
|
+
|
|
236
|
+
</li>
|
|
237
|
+
|
|
238
|
+
<li><div><a href="#thresholds[].max">max</a></div>
|
|
239
|
+
|
|
240
|
+
</ul></li>
|
|
241
|
+
|
|
242
|
+
<li><div><a href="#transientValue">transient-value</a></div>
|
|
243
|
+
|
|
244
|
+
</li>
|
|
245
|
+
|
|
246
|
+
<li><div><a href="#value">value</a></div>
|
|
247
|
+
|
|
248
|
+
</ul>
|
|
249
|
+
<script type="text/javascript" >
|
|
250
|
+
var innerSubLists = document.getElementsByClassName('optionsInnerSubList');
|
|
251
|
+
for (var i=0; i<innerSubLists.length; i++) {
|
|
252
|
+
innerSubLists[i].parentNode.onclick=function(event) {
|
|
253
|
+
event.stopPropagation();
|
|
254
|
+
// Only interpret the click event if the <a> element is the target and do nothing if click occurred elsewhere on the div
|
|
255
|
+
if (event.target.parentNode == this.firstChild.firstChild) {
|
|
256
|
+
// toggle only the clicked sub properties list and not any nested ones
|
|
257
|
+
var subProperties = this.getElementsByClassName('optionsInnerSubList');
|
|
258
|
+
subProperties[0].style.display = (subProperties[0].style.display=='block' ? 'none' : 'block');
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
</script>
|
|
263
|
+
|
|
264
|
+
|
|
265
|
+
|
|
266
|
+
|
|
267
|
+
|
|
268
|
+
</div>
|
|
269
|
+
|
|
270
|
+
|
|
271
|
+
|
|
272
|
+
|
|
273
|
+
|
|
274
|
+
<div class="quick-nav-section5">
|
|
275
|
+
<h3><a href="#methods-section">Methods</a></h3>
|
|
276
|
+
<ul class="subList">
|
|
277
|
+
|
|
278
|
+
<li><a href="#getProperty">getProperty</a></li>
|
|
279
|
+
|
|
280
|
+
<li><a href="#setProperties">setProperties</a></li>
|
|
281
|
+
|
|
282
|
+
<li><a href="#setProperty">setProperty</a></li>
|
|
283
|
+
|
|
284
|
+
</ul>
|
|
285
|
+
|
|
286
|
+
</div>
|
|
287
|
+
|
|
288
|
+
|
|
289
|
+
<div class="quick-nav-section5">
|
|
290
|
+
<h3><a href="#typedefs-section">Type Definitions</a></h3>
|
|
291
|
+
<ul class="subList">
|
|
292
|
+
|
|
293
|
+
<li><a href="#DatatipContext">DatatipContext</a></li>
|
|
294
|
+
|
|
295
|
+
<li><a href="#PlotArea">PlotArea</a></li>
|
|
296
|
+
|
|
297
|
+
</ul>
|
|
298
|
+
</div>
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
<div class="quick-nav-section5">
|
|
302
|
+
<h3>Other Topics</h3>
|
|
303
|
+
<ul class="subList">
|
|
304
|
+
|
|
305
|
+
<li><a href="#touch-section">Touch Section</a></li>
|
|
306
|
+
|
|
307
|
+
<li><a href="#a11y-section">Accessibility Section</a></li>
|
|
308
|
+
|
|
309
|
+
</ul>
|
|
310
|
+
</div>
|
|
311
|
+
|
|
312
|
+
</section>
|
|
313
|
+
|
|
314
|
+
<section class="">
|
|
315
|
+
<header>
|
|
316
|
+
|
|
317
|
+
</br>
|
|
318
|
+
|
|
319
|
+
<div class="class-description">
|
|
320
|
+
<p><h3 id="meterCircleOverview-section">
|
|
321
|
+
JET meter circle
|
|
322
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#meterCircleOverview-section"></a>
|
|
323
|
+
</h3>
|
|
324
|
+
A meter circle displays information graphically in a circular bar, highlighting a specific metric value's progress in relation to its min, max and thresholds.
|
|
325
|
+
<pre class="prettyprint"><code><oj-c-meter-circle value='4'></oj-c-meter-circle></code></pre>
|
|
326
|
+
<h3 id="a11y-section">
|
|
327
|
+
Accessibility
|
|
328
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#a11y-section"></a>
|
|
329
|
+
</h3>
|
|
330
|
+
<p>
|
|
331
|
+
The application is strongly encouraged, even though it is not required, to populate the aria-label attribute on the element with meaningful descriptors as
|
|
332
|
+
the oj-c-meter-circle element does not provide a default descriptor.
|
|
333
|
+
</p>
|
|
334
|
+
<p>
|
|
335
|
+
If an application is using center content with visible text, thresholds, or reference lines, they need to include the information for screender readers using the following methods:
|
|
336
|
+
<ul>
|
|
337
|
+
<li>aria-describedby</li>
|
|
338
|
+
<li>aria-labelledby</li>
|
|
339
|
+
<li>aria-label</li>
|
|
340
|
+
</ul>
|
|
341
|
+
</p>
|
|
342
|
+
<p>
|
|
343
|
+
If you are using indicatorColor, applications are responsible for making sure that the color meets the
|
|
344
|
+
<a href="https://www.w3.org/TR/WCAG21/#contrast-minimum">minimum contrast ratio</a>.
|
|
345
|
+
</p>
|
|
346
|
+
|
|
347
|
+
<h3 id="keyboardSection">
|
|
348
|
+
Keyboard
|
|
349
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#keyboardSection"></a>
|
|
350
|
+
</h3>
|
|
351
|
+
|
|
352
|
+
<table class="keyboard-table">
|
|
353
|
+
<thead>
|
|
354
|
+
<tr>
|
|
355
|
+
<th>Key</th>
|
|
356
|
+
<th>Action</th>
|
|
357
|
+
</tr>
|
|
358
|
+
</thead>
|
|
359
|
+
<tbody>
|
|
360
|
+
<tr>
|
|
361
|
+
<td><kbd>Enter</kbd></td>
|
|
362
|
+
<td>Submit the current value of the meter circle.</td>
|
|
363
|
+
</tr>
|
|
364
|
+
<tr>
|
|
365
|
+
<td><kbd>Tab</kbd></td>
|
|
366
|
+
<td>Move focus to next element and submit the current value of the meter circle.</td>
|
|
367
|
+
</tr>
|
|
368
|
+
<tr>
|
|
369
|
+
<td><kbd>Shift + Tab</kbd></td>
|
|
370
|
+
<td>Move focus to previous element.</td>
|
|
371
|
+
</tr>
|
|
372
|
+
<tr>
|
|
373
|
+
<td><kbd>End</kbd></td>
|
|
374
|
+
<td>Increase the meter circle's transient value to max value. Value is set after using <kbd>Enter</kbd> or <kbd>Tab</kbd> to submit.</td>
|
|
375
|
+
</tr>
|
|
376
|
+
<tr>
|
|
377
|
+
<td><kbd>Home</kbd></td>
|
|
378
|
+
<td>Decrease the meter circle's transient value to zero. Value is set after using <kbd>Enter</kbd> or <kbd>Tab</kbd> to submit.</td>
|
|
379
|
+
</tr>
|
|
380
|
+
<tr>
|
|
381
|
+
<td><kbd>UpArrow</kbd></td>
|
|
382
|
+
<td>Increase the meter circle's transient value. Value is set after using <kbd>Enter</kbd> or <kbd>Tab</kbd> to submit.</td>
|
|
383
|
+
</tr>
|
|
384
|
+
<tr>
|
|
385
|
+
<td><kbd>DownArrow</kbd></td>
|
|
386
|
+
<td>Decrease the meter circle's transient value. Value is set after using <kbd>Enter</kbd> or <kbd>Tab</kbd> to submit.</td>
|
|
387
|
+
</tr>
|
|
388
|
+
<tr>
|
|
389
|
+
<td><kbd>LeftArrow</kbd></td>
|
|
390
|
+
<td>Decrease the meter circle's transient value in left-to-right locales. Increase the meter circle's transient value in right-to-left locales. Value is set after using <kbd>Enter</kbd> or <kbd>Tab</kbd> to submit.</td>
|
|
391
|
+
</tr>
|
|
392
|
+
<tr>
|
|
393
|
+
<td><kbd>RightArrow</kbd></td>
|
|
394
|
+
<td>Increase the meter circle's transient value in left-to-right locales. Decrease the meter circle's transient value in right-to-left locales. Value is set after using <kbd>Enter</kbd> or <kbd>Tab</kbd> to submit.</td>
|
|
395
|
+
</tr>
|
|
396
|
+
</tbody>
|
|
397
|
+
</table>
|
|
398
|
+
|
|
399
|
+
<h3 id="touch-section">
|
|
400
|
+
Touch End User Information
|
|
401
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#touch-section"></a>
|
|
402
|
+
</h3>
|
|
403
|
+
|
|
404
|
+
<table class="keyboard-table">
|
|
405
|
+
<thead>
|
|
406
|
+
<tr>
|
|
407
|
+
<th>Gesture</th>
|
|
408
|
+
<th>Action</th>
|
|
409
|
+
</tr>
|
|
410
|
+
</thead>
|
|
411
|
+
<tbody>
|
|
412
|
+
<tr>
|
|
413
|
+
<td><kbd>Press and Hold</kbd></td>
|
|
414
|
+
<td>Activate tooltip or datatip.</td>
|
|
415
|
+
</tr>
|
|
416
|
+
<tr>
|
|
417
|
+
<td><kbd>Drag</kbd></td>
|
|
418
|
+
<td>Value change when <code class="prettyprint">readonly</code> is <code class="prettyprint">false</code>.</td>
|
|
419
|
+
</tr>
|
|
420
|
+
</tbody>
|
|
421
|
+
</table></p>
|
|
422
|
+
</div>
|
|
423
|
+
</br>
|
|
424
|
+
|
|
425
|
+
</header>
|
|
426
|
+
|
|
427
|
+
|
|
428
|
+
<article>
|
|
429
|
+
<div class="container-overview">
|
|
430
|
+
|
|
431
|
+
|
|
432
|
+
<div class="usage-section">
|
|
433
|
+
<h3 id="usage-section">Usage<a class="bookmarkable-link" title="Bookmarkable Link" href="#usage-section"></a></h3>
|
|
434
|
+
|
|
435
|
+
<dt class="null" style="margin-right: 100px;"><h5><span>Signature: </span><p> <span class="name type-signature">interface CMeterCircleElement</span></p></h5></dt>
|
|
436
|
+
|
|
437
|
+
<dl>
|
|
438
|
+
<dt><h5>Typescript Import Format</h5></dt>
|
|
439
|
+
<dd><pre class="prettyprint"><code>//To typecheck the element APIs, import as below.<br>import {CMeterCircleElement} from "oj-c/meter-circle";<br><br>//For the transpiled javascript to load the element's module, import as below<br>import "oj-c/meter-circle";</code></pre></dd>
|
|
440
|
+
</dl>
|
|
441
|
+
|
|
442
|
+
<p>For additional information visit:</p>
|
|
443
|
+
<ul>
|
|
444
|
+
|
|
445
|
+
<li><a href="../../../jsdocs/CustomElementOverview.html" target="_blank">Using JET Custom Elements</a></li>
|
|
446
|
+
|
|
447
|
+
<li><a href="../../../jsdocs/TypescriptOverview.html" target="_blank">Using JET with TypeScript</a></li>
|
|
448
|
+
<li><a href="../../../jsdocs/ModuleLoadingOverview.html" target="_blank">JET Module Loading</a></li>
|
|
449
|
+
</ul>
|
|
450
|
+
|
|
451
|
+
<p class="important">Note: Application logic should not interact with the component's properties or invoke its methods
|
|
452
|
+
until the <a href="../../../jsdocs/oj.BusyContext.html" target="_blank">BusyContext</a> indicates that the component is ready for interaction.</p>
|
|
453
|
+
|
|
454
|
+
</div>
|
|
455
|
+
<br>
|
|
456
|
+
|
|
457
|
+
|
|
458
|
+
|
|
459
|
+
|
|
460
|
+
|
|
461
|
+
|
|
462
|
+
|
|
463
|
+
<dl class="details">
|
|
464
|
+
|
|
465
|
+
|
|
466
|
+
|
|
467
|
+
|
|
468
|
+
|
|
469
|
+
|
|
470
|
+
|
|
471
|
+
|
|
472
|
+
|
|
473
|
+
|
|
474
|
+
|
|
475
|
+
|
|
476
|
+
|
|
477
|
+
|
|
478
|
+
|
|
479
|
+
|
|
480
|
+
|
|
481
|
+
|
|
482
|
+
|
|
483
|
+
|
|
484
|
+
|
|
485
|
+
|
|
486
|
+
|
|
487
|
+
|
|
488
|
+
|
|
489
|
+
|
|
490
|
+
|
|
491
|
+
|
|
492
|
+
|
|
493
|
+
</dl>
|
|
494
|
+
|
|
495
|
+
|
|
496
|
+
|
|
497
|
+
</div>
|
|
498
|
+
|
|
499
|
+
|
|
500
|
+
|
|
501
|
+
|
|
502
|
+
|
|
503
|
+
|
|
504
|
+
|
|
505
|
+
|
|
506
|
+
|
|
507
|
+
|
|
508
|
+
|
|
509
|
+
|
|
510
|
+
|
|
511
|
+
<h3 id="slots-section" class="subsection-title">
|
|
512
|
+
Slots
|
|
513
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#slots-section"></a>
|
|
514
|
+
</h3>
|
|
515
|
+
|
|
516
|
+
<p>JET components that allow child content support slots.
|
|
517
|
+
Please see the <a href="../../../jsdocs/CustomElementOverview.html#ce-slots-section " target="_blank">slots section</a>
|
|
518
|
+
of the JET component overview doc for more information on allowed slot content and slot types.</p>
|
|
519
|
+
|
|
520
|
+
<dl>
|
|
521
|
+
|
|
522
|
+
|
|
523
|
+
<dt class="">
|
|
524
|
+
|
|
525
|
+
<h4 id="centerTemplate" class="name">
|
|
526
|
+
|
|
527
|
+
<span class="type-signature"></span>centerTemplate<span class="type-signature"></span>
|
|
528
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#centerTemplate"></a>
|
|
529
|
+
|
|
530
|
+
</h4>
|
|
531
|
+
|
|
532
|
+
|
|
533
|
+
</dt>
|
|
534
|
+
|
|
535
|
+
<dd class="">
|
|
536
|
+
|
|
537
|
+
<div class="description">
|
|
538
|
+
The centerTemplate slot is used to specify center content. When the template is executed, the component's binding context is extended with the following properties:
|
|
539
|
+
</div>
|
|
540
|
+
|
|
541
|
+
|
|
542
|
+
|
|
543
|
+
|
|
544
|
+
<dl class="details">
|
|
545
|
+
|
|
546
|
+
<h5 class="subsection-title notoc">Properties of $current:</h5>
|
|
547
|
+
|
|
548
|
+
|
|
549
|
+
|
|
550
|
+
<dl>
|
|
551
|
+
|
|
552
|
+
<table class="props">
|
|
553
|
+
<thead>
|
|
554
|
+
<tr>
|
|
555
|
+
|
|
556
|
+
<th>Name</th>
|
|
557
|
+
|
|
558
|
+
|
|
559
|
+
<th>Type</th>
|
|
560
|
+
|
|
561
|
+
|
|
562
|
+
|
|
563
|
+
|
|
564
|
+
|
|
565
|
+
|
|
566
|
+
<th class="last">Description</th>
|
|
567
|
+
|
|
568
|
+
</tr>
|
|
569
|
+
</thead>
|
|
570
|
+
|
|
571
|
+
<tbody>
|
|
572
|
+
|
|
573
|
+
<tr>
|
|
574
|
+
|
|
575
|
+
<td class="name"><code>innerBounds</code></td>
|
|
576
|
+
|
|
577
|
+
|
|
578
|
+
|
|
579
|
+
<td class="type">
|
|
580
|
+
|
|
581
|
+
|
|
582
|
+
|
|
583
|
+
<span class="param-type">Object</span>
|
|
584
|
+
|
|
585
|
+
|
|
586
|
+
|
|
587
|
+
|
|
588
|
+
</td>
|
|
589
|
+
|
|
590
|
+
|
|
591
|
+
|
|
592
|
+
|
|
593
|
+
|
|
594
|
+
|
|
595
|
+
<td class="description last">Object containing (x, y, width, height) of the rectangle inscribed in the center area. The inner bounds are useful for inserting content that is guaranteed to fit within the center area. If the angleExtent isn't 360 then we will provide the clipped square.
|
|
596
|
+
</td>
|
|
597
|
+
|
|
598
|
+
</tr>
|
|
599
|
+
|
|
600
|
+
|
|
601
|
+
<tr>
|
|
602
|
+
|
|
603
|
+
<td class="name"><code>outerBounds</code></td>
|
|
604
|
+
|
|
605
|
+
|
|
606
|
+
|
|
607
|
+
<td class="type">
|
|
608
|
+
|
|
609
|
+
|
|
610
|
+
|
|
611
|
+
<span class="param-type">Object</span>
|
|
612
|
+
|
|
613
|
+
|
|
614
|
+
|
|
615
|
+
|
|
616
|
+
</td>
|
|
617
|
+
|
|
618
|
+
|
|
619
|
+
|
|
620
|
+
|
|
621
|
+
|
|
622
|
+
|
|
623
|
+
<td class="description last">Object containing (x, y, width, height) of the rectangle circumscribing the center area. The outer bounds are useful for creating background for the entire center area when used with a CSS border-radius. If the angleExtent isn't 360 then we will provide the clipped square.
|
|
624
|
+
</td>
|
|
625
|
+
|
|
626
|
+
</tr>
|
|
627
|
+
|
|
628
|
+
|
|
629
|
+
<tr>
|
|
630
|
+
|
|
631
|
+
<td class="name"><code>value</code></td>
|
|
632
|
+
|
|
633
|
+
|
|
634
|
+
|
|
635
|
+
<td class="type">
|
|
636
|
+
|
|
637
|
+
|
|
638
|
+
|
|
639
|
+
<span class="param-type">(number|null)</span>
|
|
640
|
+
|
|
641
|
+
|
|
642
|
+
|
|
643
|
+
|
|
644
|
+
</td>
|
|
645
|
+
|
|
646
|
+
|
|
647
|
+
|
|
648
|
+
|
|
649
|
+
|
|
650
|
+
|
|
651
|
+
<td class="description last">The current value of the meter circle.
|
|
652
|
+
</td>
|
|
653
|
+
|
|
654
|
+
</tr>
|
|
655
|
+
|
|
656
|
+
|
|
657
|
+
</tbody>
|
|
658
|
+
</table></dl>
|
|
659
|
+
|
|
660
|
+
|
|
661
|
+
|
|
662
|
+
|
|
663
|
+
|
|
664
|
+
|
|
665
|
+
|
|
666
|
+
|
|
667
|
+
|
|
668
|
+
|
|
669
|
+
|
|
670
|
+
|
|
671
|
+
|
|
672
|
+
|
|
673
|
+
|
|
674
|
+
|
|
675
|
+
|
|
676
|
+
|
|
677
|
+
|
|
678
|
+
|
|
679
|
+
|
|
680
|
+
|
|
681
|
+
|
|
682
|
+
|
|
683
|
+
|
|
684
|
+
|
|
685
|
+
|
|
686
|
+
|
|
687
|
+
|
|
688
|
+
|
|
689
|
+
</dl>
|
|
690
|
+
|
|
691
|
+
|
|
692
|
+
|
|
693
|
+
</dd>
|
|
694
|
+
|
|
695
|
+
</dl>
|
|
696
|
+
|
|
697
|
+
|
|
698
|
+
<h3 id="members-section" class="subsection-title">
|
|
699
|
+
Attributes
|
|
700
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#members-section"></a>
|
|
701
|
+
</h3>
|
|
702
|
+
|
|
703
|
+
<dl>
|
|
704
|
+
|
|
705
|
+
|
|
706
|
+
<dt class="">
|
|
707
|
+
|
|
708
|
+
<h4 id="angleExtent" class="name">
|
|
709
|
+
|
|
710
|
+
<span class="type-signature"></span>angle-extent<span class="type-signature"> :number</span>
|
|
711
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#angleExtent"></a>
|
|
712
|
+
|
|
713
|
+
</h4>
|
|
714
|
+
|
|
715
|
+
|
|
716
|
+
</dt>
|
|
717
|
+
|
|
718
|
+
<dd class="">
|
|
719
|
+
|
|
720
|
+
<div class="description">
|
|
721
|
+
Specifies the angle extent of a meter circle. Value should be provided in degrees.
|
|
722
|
+
</div>
|
|
723
|
+
|
|
724
|
+
|
|
725
|
+
|
|
726
|
+
|
|
727
|
+
<dl class="details">
|
|
728
|
+
|
|
729
|
+
|
|
730
|
+
|
|
731
|
+
|
|
732
|
+
|
|
733
|
+
<dt class="tag-default">Default Value:</dt>
|
|
734
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">360</code></li></ul></dd>
|
|
735
|
+
|
|
736
|
+
|
|
737
|
+
|
|
738
|
+
|
|
739
|
+
|
|
740
|
+
|
|
741
|
+
|
|
742
|
+
|
|
743
|
+
|
|
744
|
+
|
|
745
|
+
|
|
746
|
+
|
|
747
|
+
|
|
748
|
+
|
|
749
|
+
|
|
750
|
+
|
|
751
|
+
|
|
752
|
+
|
|
753
|
+
|
|
754
|
+
|
|
755
|
+
|
|
756
|
+
|
|
757
|
+
|
|
758
|
+
|
|
759
|
+
|
|
760
|
+
</dl>
|
|
761
|
+
|
|
762
|
+
|
|
763
|
+
|
|
764
|
+
<h5>Names</h5>
|
|
765
|
+
<table class="keyboard-table">
|
|
766
|
+
<thead>
|
|
767
|
+
<tr>
|
|
768
|
+
<th>Item</th>
|
|
769
|
+
<th>Name</th>
|
|
770
|
+
</tr>
|
|
771
|
+
</thead>
|
|
772
|
+
<tbody>
|
|
773
|
+
<tr>
|
|
774
|
+
<td>Property</td>
|
|
775
|
+
<td><code class="prettyprint">angleExtent</code></td>
|
|
776
|
+
</tr>
|
|
777
|
+
|
|
778
|
+
<tr>
|
|
779
|
+
<td>Property change event</td>
|
|
780
|
+
<td><code class="prettyprint">angleExtentChanged</code></td>
|
|
781
|
+
</tr>
|
|
782
|
+
<tr>
|
|
783
|
+
<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>
|
|
784
|
+
<td><code class="pretty-print-noprettify">on-angle-extent-changed</code></td>
|
|
785
|
+
</tr>
|
|
786
|
+
|
|
787
|
+
</tbody>
|
|
788
|
+
</table>
|
|
789
|
+
|
|
790
|
+
</dd>
|
|
791
|
+
|
|
792
|
+
|
|
793
|
+
<dt class="">
|
|
794
|
+
|
|
795
|
+
<h4 id="color" class="name">
|
|
796
|
+
|
|
797
|
+
<span class="type-signature"></span>color<span class="type-signature"> :string</span>
|
|
798
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#color"></a>
|
|
799
|
+
|
|
800
|
+
</h4>
|
|
801
|
+
|
|
802
|
+
|
|
803
|
+
</dt>
|
|
804
|
+
|
|
805
|
+
<dd class="">
|
|
806
|
+
|
|
807
|
+
<div class="description">
|
|
808
|
+
Specifies the color of the meter circle indicator. Only applies when thresholdDisplay is not set to indicator.
|
|
809
|
+
</div>
|
|
810
|
+
|
|
811
|
+
|
|
812
|
+
|
|
813
|
+
|
|
814
|
+
<dl class="details">
|
|
815
|
+
|
|
816
|
+
|
|
817
|
+
|
|
818
|
+
|
|
819
|
+
|
|
820
|
+
|
|
821
|
+
|
|
822
|
+
|
|
823
|
+
|
|
824
|
+
|
|
825
|
+
|
|
826
|
+
|
|
827
|
+
|
|
828
|
+
|
|
829
|
+
|
|
830
|
+
|
|
831
|
+
|
|
832
|
+
|
|
833
|
+
|
|
834
|
+
|
|
835
|
+
|
|
836
|
+
|
|
837
|
+
|
|
838
|
+
|
|
839
|
+
|
|
840
|
+
|
|
841
|
+
|
|
842
|
+
|
|
843
|
+
|
|
844
|
+
</dl>
|
|
845
|
+
|
|
846
|
+
|
|
847
|
+
|
|
848
|
+
<h5>Names</h5>
|
|
849
|
+
<table class="keyboard-table">
|
|
850
|
+
<thead>
|
|
851
|
+
<tr>
|
|
852
|
+
<th>Item</th>
|
|
853
|
+
<th>Name</th>
|
|
854
|
+
</tr>
|
|
855
|
+
</thead>
|
|
856
|
+
<tbody>
|
|
857
|
+
<tr>
|
|
858
|
+
<td>Property</td>
|
|
859
|
+
<td><code class="prettyprint">color</code></td>
|
|
860
|
+
</tr>
|
|
861
|
+
|
|
862
|
+
<tr>
|
|
863
|
+
<td>Property change event</td>
|
|
864
|
+
<td><code class="prettyprint">colorChanged</code></td>
|
|
865
|
+
</tr>
|
|
866
|
+
<tr>
|
|
867
|
+
<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>
|
|
868
|
+
<td><code class="pretty-print-noprettify">on-color-changed</code></td>
|
|
869
|
+
</tr>
|
|
870
|
+
|
|
871
|
+
</tbody>
|
|
872
|
+
</table>
|
|
873
|
+
|
|
874
|
+
</dd>
|
|
875
|
+
|
|
876
|
+
|
|
877
|
+
<dt class="">
|
|
878
|
+
|
|
879
|
+
<h4 id="datatip" class="name">
|
|
880
|
+
|
|
881
|
+
<span class="type-signature"></span>datatip<span class="type-signature"> :(context: <a href="oj-c.MeterCircle.html#DatatipContext">oj-c.MeterCircle.DatatipContext</a>) => string | null</span>
|
|
882
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#datatip"></a>
|
|
883
|
+
|
|
884
|
+
</h4>
|
|
885
|
+
|
|
886
|
+
|
|
887
|
+
</dt>
|
|
888
|
+
|
|
889
|
+
<dd class="">
|
|
890
|
+
|
|
891
|
+
<div class="description">
|
|
892
|
+
The function that returns a custom datatip string for given value of meter circle. The function is called with DatatipContext as context. If datatip is undefined,
|
|
893
|
+
meter circle will use the default datatip. If the returned value of the function is null, no datatip is shown.
|
|
894
|
+
</div>
|
|
895
|
+
|
|
896
|
+
|
|
897
|
+
|
|
898
|
+
|
|
899
|
+
<dl class="details">
|
|
900
|
+
|
|
901
|
+
|
|
902
|
+
|
|
903
|
+
|
|
904
|
+
|
|
905
|
+
|
|
906
|
+
|
|
907
|
+
|
|
908
|
+
|
|
909
|
+
|
|
910
|
+
|
|
911
|
+
|
|
912
|
+
|
|
913
|
+
|
|
914
|
+
|
|
915
|
+
|
|
916
|
+
|
|
917
|
+
|
|
918
|
+
|
|
919
|
+
|
|
920
|
+
|
|
921
|
+
|
|
922
|
+
|
|
923
|
+
|
|
924
|
+
|
|
925
|
+
|
|
926
|
+
|
|
927
|
+
|
|
928
|
+
|
|
929
|
+
</dl>
|
|
930
|
+
|
|
931
|
+
|
|
932
|
+
|
|
933
|
+
<h5>Names</h5>
|
|
934
|
+
<table class="keyboard-table">
|
|
935
|
+
<thead>
|
|
936
|
+
<tr>
|
|
937
|
+
<th>Item</th>
|
|
938
|
+
<th>Name</th>
|
|
939
|
+
</tr>
|
|
940
|
+
</thead>
|
|
941
|
+
<tbody>
|
|
942
|
+
<tr>
|
|
943
|
+
<td>Property</td>
|
|
944
|
+
<td><code class="prettyprint">datatip</code></td>
|
|
945
|
+
</tr>
|
|
946
|
+
|
|
947
|
+
<tr>
|
|
948
|
+
<td>Property change event</td>
|
|
949
|
+
<td><code class="prettyprint">datatipChanged</code></td>
|
|
950
|
+
</tr>
|
|
951
|
+
<tr>
|
|
952
|
+
<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>
|
|
953
|
+
<td><code class="pretty-print-noprettify">on-datatip-changed</code></td>
|
|
954
|
+
</tr>
|
|
955
|
+
|
|
956
|
+
</tbody>
|
|
957
|
+
</table>
|
|
958
|
+
|
|
959
|
+
</dd>
|
|
960
|
+
|
|
961
|
+
|
|
962
|
+
<dt class="">
|
|
963
|
+
|
|
964
|
+
<h4 id="describedBy" class="name">
|
|
965
|
+
|
|
966
|
+
<span class="type-signature"></span>described-by<span class="type-signature"> :(string|null)</span>
|
|
967
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#describedBy"></a>
|
|
968
|
+
|
|
969
|
+
</h4>
|
|
970
|
+
|
|
971
|
+
|
|
972
|
+
</dt>
|
|
973
|
+
|
|
974
|
+
<dd class="">
|
|
975
|
+
|
|
976
|
+
<div class="description">
|
|
977
|
+
Used to establish a relationship between this component and another element.
|
|
978
|
+
To facilitate correct screen reader behavior, the described-by attribute is
|
|
979
|
+
copied to the aria-describedby attribute on the component's dom.
|
|
980
|
+
</div>
|
|
981
|
+
|
|
982
|
+
|
|
983
|
+
|
|
984
|
+
|
|
985
|
+
<dl class="details">
|
|
986
|
+
|
|
987
|
+
|
|
988
|
+
|
|
989
|
+
|
|
990
|
+
|
|
991
|
+
|
|
992
|
+
|
|
993
|
+
|
|
994
|
+
|
|
995
|
+
|
|
996
|
+
|
|
997
|
+
|
|
998
|
+
|
|
999
|
+
|
|
1000
|
+
|
|
1001
|
+
|
|
1002
|
+
|
|
1003
|
+
|
|
1004
|
+
|
|
1005
|
+
|
|
1006
|
+
|
|
1007
|
+
|
|
1008
|
+
|
|
1009
|
+
|
|
1010
|
+
|
|
1011
|
+
|
|
1012
|
+
|
|
1013
|
+
|
|
1014
|
+
|
|
1015
|
+
</dl>
|
|
1016
|
+
|
|
1017
|
+
|
|
1018
|
+
|
|
1019
|
+
<h5>Names</h5>
|
|
1020
|
+
<table class="keyboard-table">
|
|
1021
|
+
<thead>
|
|
1022
|
+
<tr>
|
|
1023
|
+
<th>Item</th>
|
|
1024
|
+
<th>Name</th>
|
|
1025
|
+
</tr>
|
|
1026
|
+
</thead>
|
|
1027
|
+
<tbody>
|
|
1028
|
+
<tr>
|
|
1029
|
+
<td>Property</td>
|
|
1030
|
+
<td><code class="prettyprint">describedBy</code></td>
|
|
1031
|
+
</tr>
|
|
1032
|
+
|
|
1033
|
+
<tr>
|
|
1034
|
+
<td>Property change event</td>
|
|
1035
|
+
<td><code class="prettyprint">describedByChanged</code></td>
|
|
1036
|
+
</tr>
|
|
1037
|
+
<tr>
|
|
1038
|
+
<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>
|
|
1039
|
+
<td><code class="pretty-print-noprettify">on-described-by-changed</code></td>
|
|
1040
|
+
</tr>
|
|
1041
|
+
|
|
1042
|
+
</tbody>
|
|
1043
|
+
</table>
|
|
1044
|
+
|
|
1045
|
+
</dd>
|
|
1046
|
+
|
|
1047
|
+
|
|
1048
|
+
<dt class="">
|
|
1049
|
+
|
|
1050
|
+
<h4 id="indicatorSize" class="name">
|
|
1051
|
+
|
|
1052
|
+
<span class="type-signature"></span>indicator-size<span class="type-signature"> :number</span>
|
|
1053
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#indicatorSize"></a>
|
|
1054
|
+
|
|
1055
|
+
</h4>
|
|
1056
|
+
|
|
1057
|
+
|
|
1058
|
+
</dt>
|
|
1059
|
+
|
|
1060
|
+
<dd class="">
|
|
1061
|
+
|
|
1062
|
+
<div class="description">
|
|
1063
|
+
Specifies the ratio of relative thickness of the indicator to the plot area.
|
|
1064
|
+
</div>
|
|
1065
|
+
|
|
1066
|
+
|
|
1067
|
+
|
|
1068
|
+
|
|
1069
|
+
<dl class="details">
|
|
1070
|
+
|
|
1071
|
+
|
|
1072
|
+
|
|
1073
|
+
|
|
1074
|
+
|
|
1075
|
+
<dt class="tag-default">Default Value:</dt>
|
|
1076
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">1</code></li></ul></dd>
|
|
1077
|
+
|
|
1078
|
+
|
|
1079
|
+
|
|
1080
|
+
|
|
1081
|
+
|
|
1082
|
+
|
|
1083
|
+
|
|
1084
|
+
|
|
1085
|
+
|
|
1086
|
+
|
|
1087
|
+
|
|
1088
|
+
|
|
1089
|
+
|
|
1090
|
+
|
|
1091
|
+
|
|
1092
|
+
|
|
1093
|
+
|
|
1094
|
+
|
|
1095
|
+
|
|
1096
|
+
|
|
1097
|
+
|
|
1098
|
+
|
|
1099
|
+
|
|
1100
|
+
|
|
1101
|
+
|
|
1102
|
+
</dl>
|
|
1103
|
+
|
|
1104
|
+
|
|
1105
|
+
|
|
1106
|
+
<h5>Names</h5>
|
|
1107
|
+
<table class="keyboard-table">
|
|
1108
|
+
<thead>
|
|
1109
|
+
<tr>
|
|
1110
|
+
<th>Item</th>
|
|
1111
|
+
<th>Name</th>
|
|
1112
|
+
</tr>
|
|
1113
|
+
</thead>
|
|
1114
|
+
<tbody>
|
|
1115
|
+
<tr>
|
|
1116
|
+
<td>Property</td>
|
|
1117
|
+
<td><code class="prettyprint">indicatorSize</code></td>
|
|
1118
|
+
</tr>
|
|
1119
|
+
|
|
1120
|
+
<tr>
|
|
1121
|
+
<td>Property change event</td>
|
|
1122
|
+
<td><code class="prettyprint">indicatorSizeChanged</code></td>
|
|
1123
|
+
</tr>
|
|
1124
|
+
<tr>
|
|
1125
|
+
<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>
|
|
1126
|
+
<td><code class="pretty-print-noprettify">on-indicator-size-changed</code></td>
|
|
1127
|
+
</tr>
|
|
1128
|
+
|
|
1129
|
+
</tbody>
|
|
1130
|
+
</table>
|
|
1131
|
+
|
|
1132
|
+
</dd>
|
|
1133
|
+
|
|
1134
|
+
|
|
1135
|
+
<dt class="">
|
|
1136
|
+
|
|
1137
|
+
<h4 id="innerRadius" class="name">
|
|
1138
|
+
|
|
1139
|
+
<span class="type-signature"></span>inner-radius<span class="type-signature"> :number</span>
|
|
1140
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#innerRadius"></a>
|
|
1141
|
+
|
|
1142
|
+
</h4>
|
|
1143
|
+
|
|
1144
|
+
|
|
1145
|
+
</dt>
|
|
1146
|
+
|
|
1147
|
+
<dd class="">
|
|
1148
|
+
|
|
1149
|
+
<div class="description">
|
|
1150
|
+
Specifies the inner radius, defined by the ratio of the distance from the center of the gauge to the innermost edge of the indicator to plot area. Valid values are ratios from 0 to 1. Depends on the size of the gauge and theme.
|
|
1151
|
+
</div>
|
|
1152
|
+
|
|
1153
|
+
|
|
1154
|
+
|
|
1155
|
+
|
|
1156
|
+
<dl class="details">
|
|
1157
|
+
|
|
1158
|
+
|
|
1159
|
+
|
|
1160
|
+
|
|
1161
|
+
|
|
1162
|
+
|
|
1163
|
+
|
|
1164
|
+
|
|
1165
|
+
|
|
1166
|
+
|
|
1167
|
+
|
|
1168
|
+
|
|
1169
|
+
|
|
1170
|
+
|
|
1171
|
+
|
|
1172
|
+
|
|
1173
|
+
|
|
1174
|
+
|
|
1175
|
+
|
|
1176
|
+
|
|
1177
|
+
|
|
1178
|
+
|
|
1179
|
+
|
|
1180
|
+
|
|
1181
|
+
|
|
1182
|
+
|
|
1183
|
+
|
|
1184
|
+
|
|
1185
|
+
|
|
1186
|
+
</dl>
|
|
1187
|
+
|
|
1188
|
+
|
|
1189
|
+
|
|
1190
|
+
<h5>Names</h5>
|
|
1191
|
+
<table class="keyboard-table">
|
|
1192
|
+
<thead>
|
|
1193
|
+
<tr>
|
|
1194
|
+
<th>Item</th>
|
|
1195
|
+
<th>Name</th>
|
|
1196
|
+
</tr>
|
|
1197
|
+
</thead>
|
|
1198
|
+
<tbody>
|
|
1199
|
+
<tr>
|
|
1200
|
+
<td>Property</td>
|
|
1201
|
+
<td><code class="prettyprint">innerRadius</code></td>
|
|
1202
|
+
</tr>
|
|
1203
|
+
|
|
1204
|
+
<tr>
|
|
1205
|
+
<td>Property change event</td>
|
|
1206
|
+
<td><code class="prettyprint">innerRadiusChanged</code></td>
|
|
1207
|
+
</tr>
|
|
1208
|
+
<tr>
|
|
1209
|
+
<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>
|
|
1210
|
+
<td><code class="pretty-print-noprettify">on-inner-radius-changed</code></td>
|
|
1211
|
+
</tr>
|
|
1212
|
+
|
|
1213
|
+
</tbody>
|
|
1214
|
+
</table>
|
|
1215
|
+
|
|
1216
|
+
</dd>
|
|
1217
|
+
|
|
1218
|
+
|
|
1219
|
+
<dt class="">
|
|
1220
|
+
|
|
1221
|
+
<h4 id="labelledBy" class="name">
|
|
1222
|
+
|
|
1223
|
+
<span class="type-signature"></span>labelled-by<span class="type-signature"> :(string|null)</span>
|
|
1224
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#labelledBy"></a>
|
|
1225
|
+
|
|
1226
|
+
</h4>
|
|
1227
|
+
|
|
1228
|
+
|
|
1229
|
+
</dt>
|
|
1230
|
+
|
|
1231
|
+
<dd class="">
|
|
1232
|
+
|
|
1233
|
+
<div class="description">
|
|
1234
|
+
Used to establish a relationship between this component and another element.
|
|
1235
|
+
A common use is to tie a label, which a text in a div or some other HTML element, and the oj-c-meter-circle together for accessibility.
|
|
1236
|
+
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.
|
|
1237
|
+
</div>
|
|
1238
|
+
|
|
1239
|
+
|
|
1240
|
+
|
|
1241
|
+
|
|
1242
|
+
<dl class="details">
|
|
1243
|
+
|
|
1244
|
+
|
|
1245
|
+
|
|
1246
|
+
|
|
1247
|
+
|
|
1248
|
+
|
|
1249
|
+
|
|
1250
|
+
|
|
1251
|
+
|
|
1252
|
+
|
|
1253
|
+
|
|
1254
|
+
|
|
1255
|
+
|
|
1256
|
+
|
|
1257
|
+
|
|
1258
|
+
|
|
1259
|
+
|
|
1260
|
+
|
|
1261
|
+
|
|
1262
|
+
|
|
1263
|
+
|
|
1264
|
+
|
|
1265
|
+
|
|
1266
|
+
|
|
1267
|
+
|
|
1268
|
+
|
|
1269
|
+
|
|
1270
|
+
|
|
1271
|
+
|
|
1272
|
+
</dl>
|
|
1273
|
+
|
|
1274
|
+
|
|
1275
|
+
|
|
1276
|
+
<h5>Names</h5>
|
|
1277
|
+
<table class="keyboard-table">
|
|
1278
|
+
<thead>
|
|
1279
|
+
<tr>
|
|
1280
|
+
<th>Item</th>
|
|
1281
|
+
<th>Name</th>
|
|
1282
|
+
</tr>
|
|
1283
|
+
</thead>
|
|
1284
|
+
<tbody>
|
|
1285
|
+
<tr>
|
|
1286
|
+
<td>Property</td>
|
|
1287
|
+
<td><code class="prettyprint">labelledBy</code></td>
|
|
1288
|
+
</tr>
|
|
1289
|
+
|
|
1290
|
+
<tr>
|
|
1291
|
+
<td>Property change event</td>
|
|
1292
|
+
<td><code class="prettyprint">labelledByChanged</code></td>
|
|
1293
|
+
</tr>
|
|
1294
|
+
<tr>
|
|
1295
|
+
<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>
|
|
1296
|
+
<td><code class="pretty-print-noprettify">on-labelled-by-changed</code></td>
|
|
1297
|
+
</tr>
|
|
1298
|
+
|
|
1299
|
+
</tbody>
|
|
1300
|
+
</table>
|
|
1301
|
+
|
|
1302
|
+
</dd>
|
|
1303
|
+
|
|
1304
|
+
|
|
1305
|
+
<dt class="">
|
|
1306
|
+
|
|
1307
|
+
<h4 id="max" class="name">
|
|
1308
|
+
|
|
1309
|
+
<span class="type-signature"></span>max<span class="type-signature"> :number</span>
|
|
1310
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#max"></a>
|
|
1311
|
+
|
|
1312
|
+
</h4>
|
|
1313
|
+
|
|
1314
|
+
|
|
1315
|
+
</dt>
|
|
1316
|
+
|
|
1317
|
+
<dd class="">
|
|
1318
|
+
|
|
1319
|
+
<div class="description">
|
|
1320
|
+
Integer value specifying the maximum value of the meter circle.
|
|
1321
|
+
</div>
|
|
1322
|
+
|
|
1323
|
+
|
|
1324
|
+
|
|
1325
|
+
|
|
1326
|
+
<dl class="details">
|
|
1327
|
+
|
|
1328
|
+
|
|
1329
|
+
|
|
1330
|
+
|
|
1331
|
+
|
|
1332
|
+
<dt class="tag-default">Default Value:</dt>
|
|
1333
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">100</code></li></ul></dd>
|
|
1334
|
+
|
|
1335
|
+
|
|
1336
|
+
|
|
1337
|
+
|
|
1338
|
+
|
|
1339
|
+
|
|
1340
|
+
|
|
1341
|
+
|
|
1342
|
+
|
|
1343
|
+
|
|
1344
|
+
|
|
1345
|
+
|
|
1346
|
+
|
|
1347
|
+
|
|
1348
|
+
|
|
1349
|
+
|
|
1350
|
+
|
|
1351
|
+
|
|
1352
|
+
|
|
1353
|
+
|
|
1354
|
+
|
|
1355
|
+
|
|
1356
|
+
|
|
1357
|
+
|
|
1358
|
+
|
|
1359
|
+
</dl>
|
|
1360
|
+
|
|
1361
|
+
|
|
1362
|
+
|
|
1363
|
+
<h5>Names</h5>
|
|
1364
|
+
<table class="keyboard-table">
|
|
1365
|
+
<thead>
|
|
1366
|
+
<tr>
|
|
1367
|
+
<th>Item</th>
|
|
1368
|
+
<th>Name</th>
|
|
1369
|
+
</tr>
|
|
1370
|
+
</thead>
|
|
1371
|
+
<tbody>
|
|
1372
|
+
<tr>
|
|
1373
|
+
<td>Property</td>
|
|
1374
|
+
<td><code class="prettyprint">max</code></td>
|
|
1375
|
+
</tr>
|
|
1376
|
+
|
|
1377
|
+
<tr>
|
|
1378
|
+
<td>Property change event</td>
|
|
1379
|
+
<td><code class="prettyprint">maxChanged</code></td>
|
|
1380
|
+
</tr>
|
|
1381
|
+
<tr>
|
|
1382
|
+
<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>
|
|
1383
|
+
<td><code class="pretty-print-noprettify">on-max-changed</code></td>
|
|
1384
|
+
</tr>
|
|
1385
|
+
|
|
1386
|
+
</tbody>
|
|
1387
|
+
</table>
|
|
1388
|
+
|
|
1389
|
+
</dd>
|
|
1390
|
+
|
|
1391
|
+
|
|
1392
|
+
<dt class="">
|
|
1393
|
+
|
|
1394
|
+
<h4 id="min" class="name">
|
|
1395
|
+
|
|
1396
|
+
<span class="type-signature"></span>min<span class="type-signature"> :number</span>
|
|
1397
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#min"></a>
|
|
1398
|
+
|
|
1399
|
+
</h4>
|
|
1400
|
+
|
|
1401
|
+
|
|
1402
|
+
</dt>
|
|
1403
|
+
|
|
1404
|
+
<dd class="">
|
|
1405
|
+
|
|
1406
|
+
<div class="description">
|
|
1407
|
+
Integer value specifying the minimum value of the meter circle.
|
|
1408
|
+
</div>
|
|
1409
|
+
|
|
1410
|
+
|
|
1411
|
+
|
|
1412
|
+
|
|
1413
|
+
<dl class="details">
|
|
1414
|
+
|
|
1415
|
+
|
|
1416
|
+
|
|
1417
|
+
|
|
1418
|
+
|
|
1419
|
+
<dt class="tag-default">Default Value:</dt>
|
|
1420
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">0</code></li></ul></dd>
|
|
1421
|
+
|
|
1422
|
+
|
|
1423
|
+
|
|
1424
|
+
|
|
1425
|
+
|
|
1426
|
+
|
|
1427
|
+
|
|
1428
|
+
|
|
1429
|
+
|
|
1430
|
+
|
|
1431
|
+
|
|
1432
|
+
|
|
1433
|
+
|
|
1434
|
+
|
|
1435
|
+
|
|
1436
|
+
|
|
1437
|
+
|
|
1438
|
+
|
|
1439
|
+
|
|
1440
|
+
|
|
1441
|
+
|
|
1442
|
+
|
|
1443
|
+
|
|
1444
|
+
|
|
1445
|
+
|
|
1446
|
+
</dl>
|
|
1447
|
+
|
|
1448
|
+
|
|
1449
|
+
|
|
1450
|
+
<h5>Names</h5>
|
|
1451
|
+
<table class="keyboard-table">
|
|
1452
|
+
<thead>
|
|
1453
|
+
<tr>
|
|
1454
|
+
<th>Item</th>
|
|
1455
|
+
<th>Name</th>
|
|
1456
|
+
</tr>
|
|
1457
|
+
</thead>
|
|
1458
|
+
<tbody>
|
|
1459
|
+
<tr>
|
|
1460
|
+
<td>Property</td>
|
|
1461
|
+
<td><code class="prettyprint">min</code></td>
|
|
1462
|
+
</tr>
|
|
1463
|
+
|
|
1464
|
+
<tr>
|
|
1465
|
+
<td>Property change event</td>
|
|
1466
|
+
<td><code class="prettyprint">minChanged</code></td>
|
|
1467
|
+
</tr>
|
|
1468
|
+
<tr>
|
|
1469
|
+
<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>
|
|
1470
|
+
<td><code class="pretty-print-noprettify">on-min-changed</code></td>
|
|
1471
|
+
</tr>
|
|
1472
|
+
|
|
1473
|
+
</tbody>
|
|
1474
|
+
</table>
|
|
1475
|
+
|
|
1476
|
+
</dd>
|
|
1477
|
+
|
|
1478
|
+
|
|
1479
|
+
<dt class="">
|
|
1480
|
+
|
|
1481
|
+
<h4 id="plotArea" class="name">
|
|
1482
|
+
|
|
1483
|
+
<span class="type-signature"></span>plot-area<span class="type-signature"> :<a href="oj-c.MeterCircle.html#PlotArea">oj-c.MeterCircle.PlotArea</a></span>
|
|
1484
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#plotArea"></a>
|
|
1485
|
+
|
|
1486
|
+
</h4>
|
|
1487
|
+
|
|
1488
|
+
|
|
1489
|
+
</dt>
|
|
1490
|
+
|
|
1491
|
+
<dd class="">
|
|
1492
|
+
|
|
1493
|
+
<div class="description">
|
|
1494
|
+
Specifies the plot area of the meter circle.
|
|
1495
|
+
</div>
|
|
1496
|
+
|
|
1497
|
+
|
|
1498
|
+
|
|
1499
|
+
|
|
1500
|
+
<dl class="details">
|
|
1501
|
+
|
|
1502
|
+
|
|
1503
|
+
|
|
1504
|
+
|
|
1505
|
+
|
|
1506
|
+
|
|
1507
|
+
|
|
1508
|
+
|
|
1509
|
+
|
|
1510
|
+
|
|
1511
|
+
|
|
1512
|
+
|
|
1513
|
+
|
|
1514
|
+
|
|
1515
|
+
|
|
1516
|
+
|
|
1517
|
+
|
|
1518
|
+
|
|
1519
|
+
|
|
1520
|
+
|
|
1521
|
+
|
|
1522
|
+
|
|
1523
|
+
|
|
1524
|
+
|
|
1525
|
+
|
|
1526
|
+
|
|
1527
|
+
|
|
1528
|
+
|
|
1529
|
+
|
|
1530
|
+
</dl>
|
|
1531
|
+
|
|
1532
|
+
|
|
1533
|
+
|
|
1534
|
+
<h5>Names</h5>
|
|
1535
|
+
<table class="keyboard-table">
|
|
1536
|
+
<thead>
|
|
1537
|
+
<tr>
|
|
1538
|
+
<th>Item</th>
|
|
1539
|
+
<th>Name</th>
|
|
1540
|
+
</tr>
|
|
1541
|
+
</thead>
|
|
1542
|
+
<tbody>
|
|
1543
|
+
<tr>
|
|
1544
|
+
<td>Property</td>
|
|
1545
|
+
<td><code class="prettyprint">plotArea</code></td>
|
|
1546
|
+
</tr>
|
|
1547
|
+
|
|
1548
|
+
<tr>
|
|
1549
|
+
<td>Property change event</td>
|
|
1550
|
+
<td><code class="prettyprint">plotAreaChanged</code></td>
|
|
1551
|
+
</tr>
|
|
1552
|
+
<tr>
|
|
1553
|
+
<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>
|
|
1554
|
+
<td><code class="pretty-print-noprettify">on-plot-area-changed</code></td>
|
|
1555
|
+
</tr>
|
|
1556
|
+
|
|
1557
|
+
</tbody>
|
|
1558
|
+
</table>
|
|
1559
|
+
|
|
1560
|
+
</dd>
|
|
1561
|
+
|
|
1562
|
+
|
|
1563
|
+
<dt class="">
|
|
1564
|
+
|
|
1565
|
+
<h4 id="readonly" class="name">
|
|
1566
|
+
|
|
1567
|
+
<span class="type-signature"></span>readonly<span class="type-signature"> :boolean</span>
|
|
1568
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#readonly"></a>
|
|
1569
|
+
|
|
1570
|
+
</h4>
|
|
1571
|
+
|
|
1572
|
+
|
|
1573
|
+
</dt>
|
|
1574
|
+
|
|
1575
|
+
<dd class="">
|
|
1576
|
+
|
|
1577
|
+
<div class="description">
|
|
1578
|
+
Defines whether the value of the meter circle can be changed by the end user.
|
|
1579
|
+
</div>
|
|
1580
|
+
|
|
1581
|
+
|
|
1582
|
+
|
|
1583
|
+
|
|
1584
|
+
<dl class="details">
|
|
1585
|
+
|
|
1586
|
+
|
|
1587
|
+
|
|
1588
|
+
|
|
1589
|
+
|
|
1590
|
+
<dt class="tag-default">Default Value:</dt>
|
|
1591
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">false</code></li></ul></dd>
|
|
1592
|
+
|
|
1593
|
+
|
|
1594
|
+
|
|
1595
|
+
|
|
1596
|
+
|
|
1597
|
+
|
|
1598
|
+
|
|
1599
|
+
|
|
1600
|
+
|
|
1601
|
+
|
|
1602
|
+
|
|
1603
|
+
|
|
1604
|
+
|
|
1605
|
+
|
|
1606
|
+
|
|
1607
|
+
|
|
1608
|
+
|
|
1609
|
+
|
|
1610
|
+
|
|
1611
|
+
|
|
1612
|
+
|
|
1613
|
+
|
|
1614
|
+
|
|
1615
|
+
|
|
1616
|
+
|
|
1617
|
+
</dl>
|
|
1618
|
+
|
|
1619
|
+
|
|
1620
|
+
|
|
1621
|
+
<h5>Names</h5>
|
|
1622
|
+
<table class="keyboard-table">
|
|
1623
|
+
<thead>
|
|
1624
|
+
<tr>
|
|
1625
|
+
<th>Item</th>
|
|
1626
|
+
<th>Name</th>
|
|
1627
|
+
</tr>
|
|
1628
|
+
</thead>
|
|
1629
|
+
<tbody>
|
|
1630
|
+
<tr>
|
|
1631
|
+
<td>Property</td>
|
|
1632
|
+
<td><code class="prettyprint">readonly</code></td>
|
|
1633
|
+
</tr>
|
|
1634
|
+
|
|
1635
|
+
<tr>
|
|
1636
|
+
<td>Property change event</td>
|
|
1637
|
+
<td><code class="prettyprint">readonlyChanged</code></td>
|
|
1638
|
+
</tr>
|
|
1639
|
+
<tr>
|
|
1640
|
+
<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>
|
|
1641
|
+
<td><code class="pretty-print-noprettify">on-readonly-changed</code></td>
|
|
1642
|
+
</tr>
|
|
1643
|
+
|
|
1644
|
+
</tbody>
|
|
1645
|
+
</table>
|
|
1646
|
+
|
|
1647
|
+
</dd>
|
|
1648
|
+
|
|
1649
|
+
|
|
1650
|
+
<dt class="">
|
|
1651
|
+
|
|
1652
|
+
<h4 id="referenceLines" class="name">
|
|
1653
|
+
|
|
1654
|
+
<span class="type-signature"></span>reference-lines<span class="type-signature"> :Array<CircularRefLine></span>
|
|
1655
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#referenceLines"></a>
|
|
1656
|
+
|
|
1657
|
+
</h4>
|
|
1658
|
+
|
|
1659
|
+
|
|
1660
|
+
</dt>
|
|
1661
|
+
|
|
1662
|
+
<dd class="">
|
|
1663
|
+
|
|
1664
|
+
<div class="description">
|
|
1665
|
+
Specifies the array of objects defining the reference lines for the meter circle.
|
|
1666
|
+
</div>
|
|
1667
|
+
|
|
1668
|
+
|
|
1669
|
+
|
|
1670
|
+
|
|
1671
|
+
<dl class="details">
|
|
1672
|
+
|
|
1673
|
+
|
|
1674
|
+
|
|
1675
|
+
|
|
1676
|
+
|
|
1677
|
+
|
|
1678
|
+
|
|
1679
|
+
|
|
1680
|
+
|
|
1681
|
+
|
|
1682
|
+
|
|
1683
|
+
|
|
1684
|
+
|
|
1685
|
+
|
|
1686
|
+
|
|
1687
|
+
|
|
1688
|
+
|
|
1689
|
+
|
|
1690
|
+
|
|
1691
|
+
|
|
1692
|
+
|
|
1693
|
+
|
|
1694
|
+
|
|
1695
|
+
|
|
1696
|
+
|
|
1697
|
+
|
|
1698
|
+
|
|
1699
|
+
|
|
1700
|
+
|
|
1701
|
+
</dl>
|
|
1702
|
+
|
|
1703
|
+
|
|
1704
|
+
|
|
1705
|
+
<h5>Names</h5>
|
|
1706
|
+
<table class="keyboard-table">
|
|
1707
|
+
<thead>
|
|
1708
|
+
<tr>
|
|
1709
|
+
<th>Item</th>
|
|
1710
|
+
<th>Name</th>
|
|
1711
|
+
</tr>
|
|
1712
|
+
</thead>
|
|
1713
|
+
<tbody>
|
|
1714
|
+
<tr>
|
|
1715
|
+
<td>Property</td>
|
|
1716
|
+
<td><code class="prettyprint">referenceLines</code></td>
|
|
1717
|
+
</tr>
|
|
1718
|
+
|
|
1719
|
+
<tr>
|
|
1720
|
+
<td>Property change event</td>
|
|
1721
|
+
<td><code class="prettyprint">referenceLinesChanged</code></td>
|
|
1722
|
+
</tr>
|
|
1723
|
+
<tr>
|
|
1724
|
+
<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>
|
|
1725
|
+
<td><code class="pretty-print-noprettify">on-reference-lines-changed</code></td>
|
|
1726
|
+
</tr>
|
|
1727
|
+
|
|
1728
|
+
</tbody>
|
|
1729
|
+
</table>
|
|
1730
|
+
|
|
1731
|
+
</dd>
|
|
1732
|
+
|
|
1733
|
+
|
|
1734
|
+
<dt class="">
|
|
1735
|
+
|
|
1736
|
+
<h4 id="referenceLines[].color" class="name">
|
|
1737
|
+
|
|
1738
|
+
<span class="type-signature"></span>referenceLines[].color<span class="type-signature"> :string</span>
|
|
1739
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#referenceLines[].color"></a>
|
|
1740
|
+
|
|
1741
|
+
</h4>
|
|
1742
|
+
|
|
1743
|
+
|
|
1744
|
+
</dt>
|
|
1745
|
+
|
|
1746
|
+
<dd class="">
|
|
1747
|
+
|
|
1748
|
+
<div class="description">
|
|
1749
|
+
The color of the reference line.
|
|
1750
|
+
</div>
|
|
1751
|
+
|
|
1752
|
+
|
|
1753
|
+
|
|
1754
|
+
|
|
1755
|
+
<dl class="details">
|
|
1756
|
+
|
|
1757
|
+
|
|
1758
|
+
|
|
1759
|
+
|
|
1760
|
+
|
|
1761
|
+
|
|
1762
|
+
|
|
1763
|
+
|
|
1764
|
+
|
|
1765
|
+
|
|
1766
|
+
|
|
1767
|
+
|
|
1768
|
+
|
|
1769
|
+
|
|
1770
|
+
|
|
1771
|
+
|
|
1772
|
+
|
|
1773
|
+
|
|
1774
|
+
|
|
1775
|
+
|
|
1776
|
+
|
|
1777
|
+
|
|
1778
|
+
|
|
1779
|
+
|
|
1780
|
+
|
|
1781
|
+
|
|
1782
|
+
|
|
1783
|
+
|
|
1784
|
+
|
|
1785
|
+
</dl>
|
|
1786
|
+
|
|
1787
|
+
|
|
1788
|
+
|
|
1789
|
+
<div class="description">
|
|
1790
|
+
<b>Note: </b> This property is a subproperty of an array-valued property. <i>Such properties cannot be set individually
|
|
1791
|
+
either at init time via HTML attribute syntax or at runtime via JavaScript.</i> Instead, the outermost array-valued attribute, and its ancestor attributes,
|
|
1792
|
+
can be set at init time or runtime.
|
|
1793
|
+
</div>
|
|
1794
|
+
|
|
1795
|
+
</dd>
|
|
1796
|
+
|
|
1797
|
+
|
|
1798
|
+
<dt class="">
|
|
1799
|
+
|
|
1800
|
+
<h4 id="referenceLines[].value" class="name">
|
|
1801
|
+
|
|
1802
|
+
<span class="type-signature"></span>referenceLines[].value<span class="type-signature"> :number</span>
|
|
1803
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#referenceLines[].value"></a>
|
|
1804
|
+
|
|
1805
|
+
</h4>
|
|
1806
|
+
|
|
1807
|
+
|
|
1808
|
+
</dt>
|
|
1809
|
+
|
|
1810
|
+
<dd class="">
|
|
1811
|
+
|
|
1812
|
+
<div class="description">
|
|
1813
|
+
The value of the reference line.
|
|
1814
|
+
</div>
|
|
1815
|
+
|
|
1816
|
+
|
|
1817
|
+
|
|
1818
|
+
|
|
1819
|
+
<dl class="details">
|
|
1820
|
+
|
|
1821
|
+
|
|
1822
|
+
|
|
1823
|
+
|
|
1824
|
+
|
|
1825
|
+
|
|
1826
|
+
|
|
1827
|
+
|
|
1828
|
+
|
|
1829
|
+
|
|
1830
|
+
|
|
1831
|
+
|
|
1832
|
+
|
|
1833
|
+
|
|
1834
|
+
|
|
1835
|
+
|
|
1836
|
+
|
|
1837
|
+
|
|
1838
|
+
|
|
1839
|
+
|
|
1840
|
+
|
|
1841
|
+
|
|
1842
|
+
|
|
1843
|
+
|
|
1844
|
+
|
|
1845
|
+
|
|
1846
|
+
|
|
1847
|
+
|
|
1848
|
+
|
|
1849
|
+
</dl>
|
|
1850
|
+
|
|
1851
|
+
|
|
1852
|
+
|
|
1853
|
+
<div class="description">
|
|
1854
|
+
<b>Note: </b> This property is a subproperty of an array-valued property. <i>Such properties cannot be set individually
|
|
1855
|
+
either at init time via HTML attribute syntax or at runtime via JavaScript.</i> Instead, the outermost array-valued attribute, and its ancestor attributes,
|
|
1856
|
+
can be set at init time or runtime.
|
|
1857
|
+
</div>
|
|
1858
|
+
|
|
1859
|
+
</dd>
|
|
1860
|
+
|
|
1861
|
+
|
|
1862
|
+
<dt class="">
|
|
1863
|
+
|
|
1864
|
+
<h4 id="size" class="name">
|
|
1865
|
+
|
|
1866
|
+
<span class="type-signature"></span>size<span class="type-signature"> :"sm"|"md"|"lg"</span>
|
|
1867
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#size"></a>
|
|
1868
|
+
|
|
1869
|
+
</h4>
|
|
1870
|
+
|
|
1871
|
+
|
|
1872
|
+
</dt>
|
|
1873
|
+
|
|
1874
|
+
<dd class="">
|
|
1875
|
+
|
|
1876
|
+
<div class="description">
|
|
1877
|
+
Specifies the size of the meter var.
|
|
1878
|
+
</div>
|
|
1879
|
+
|
|
1880
|
+
|
|
1881
|
+
|
|
1882
|
+
|
|
1883
|
+
<dl class="details">
|
|
1884
|
+
|
|
1885
|
+
|
|
1886
|
+
|
|
1887
|
+
|
|
1888
|
+
<h5 class="subsection-title">Supported Values:</h5>
|
|
1889
|
+
|
|
1890
|
+
<dl>
|
|
1891
|
+
|
|
1892
|
+
<table class="props">
|
|
1893
|
+
<thead>
|
|
1894
|
+
<tr>
|
|
1895
|
+
|
|
1896
|
+
<th>Value</th>
|
|
1897
|
+
|
|
1898
|
+
|
|
1899
|
+
|
|
1900
|
+
|
|
1901
|
+
|
|
1902
|
+
|
|
1903
|
+
|
|
1904
|
+
<th class="last">Description</th>
|
|
1905
|
+
|
|
1906
|
+
</tr>
|
|
1907
|
+
</thead>
|
|
1908
|
+
|
|
1909
|
+
<tbody>
|
|
1910
|
+
|
|
1911
|
+
|
|
1912
|
+
<tr>
|
|
1913
|
+
|
|
1914
|
+
<td class="name"><code>lg</code></td>
|
|
1915
|
+
|
|
1916
|
+
|
|
1917
|
+
|
|
1918
|
+
|
|
1919
|
+
|
|
1920
|
+
|
|
1921
|
+
|
|
1922
|
+
<td class="description last">large Meter circle
|
|
1923
|
+
</td>
|
|
1924
|
+
|
|
1925
|
+
</tr>
|
|
1926
|
+
|
|
1927
|
+
|
|
1928
|
+
|
|
1929
|
+
<tr>
|
|
1930
|
+
|
|
1931
|
+
<td class="name"><code>md</code></td>
|
|
1932
|
+
|
|
1933
|
+
|
|
1934
|
+
|
|
1935
|
+
|
|
1936
|
+
|
|
1937
|
+
|
|
1938
|
+
|
|
1939
|
+
<td class="description last">medium Meter circle (default, if unspecified)
|
|
1940
|
+
</td>
|
|
1941
|
+
|
|
1942
|
+
</tr>
|
|
1943
|
+
|
|
1944
|
+
|
|
1945
|
+
|
|
1946
|
+
<tr>
|
|
1947
|
+
|
|
1948
|
+
<td class="name"><code>sm</code></td>
|
|
1949
|
+
|
|
1950
|
+
|
|
1951
|
+
|
|
1952
|
+
|
|
1953
|
+
|
|
1954
|
+
|
|
1955
|
+
|
|
1956
|
+
<td class="description last">small Meter circle
|
|
1957
|
+
</td>
|
|
1958
|
+
|
|
1959
|
+
</tr>
|
|
1960
|
+
|
|
1961
|
+
|
|
1962
|
+
</tbody>
|
|
1963
|
+
</table></dl>
|
|
1964
|
+
|
|
1965
|
+
|
|
1966
|
+
|
|
1967
|
+
|
|
1968
|
+
<dt class="tag-default">Default Value:</dt>
|
|
1969
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"md"</code></li></ul></dd>
|
|
1970
|
+
|
|
1971
|
+
|
|
1972
|
+
|
|
1973
|
+
|
|
1974
|
+
|
|
1975
|
+
|
|
1976
|
+
|
|
1977
|
+
|
|
1978
|
+
|
|
1979
|
+
|
|
1980
|
+
|
|
1981
|
+
|
|
1982
|
+
|
|
1983
|
+
|
|
1984
|
+
|
|
1985
|
+
|
|
1986
|
+
|
|
1987
|
+
|
|
1988
|
+
|
|
1989
|
+
|
|
1990
|
+
|
|
1991
|
+
|
|
1992
|
+
|
|
1993
|
+
|
|
1994
|
+
|
|
1995
|
+
</dl>
|
|
1996
|
+
|
|
1997
|
+
|
|
1998
|
+
|
|
1999
|
+
<h5>Names</h5>
|
|
2000
|
+
<table class="keyboard-table">
|
|
2001
|
+
<thead>
|
|
2002
|
+
<tr>
|
|
2003
|
+
<th>Item</th>
|
|
2004
|
+
<th>Name</th>
|
|
2005
|
+
</tr>
|
|
2006
|
+
</thead>
|
|
2007
|
+
<tbody>
|
|
2008
|
+
<tr>
|
|
2009
|
+
<td>Property</td>
|
|
2010
|
+
<td><code class="prettyprint">size</code></td>
|
|
2011
|
+
</tr>
|
|
2012
|
+
|
|
2013
|
+
<tr>
|
|
2014
|
+
<td>Property change event</td>
|
|
2015
|
+
<td><code class="prettyprint">sizeChanged</code></td>
|
|
2016
|
+
</tr>
|
|
2017
|
+
<tr>
|
|
2018
|
+
<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>
|
|
2019
|
+
<td><code class="pretty-print-noprettify">on-size-changed</code></td>
|
|
2020
|
+
</tr>
|
|
2021
|
+
|
|
2022
|
+
</tbody>
|
|
2023
|
+
</table>
|
|
2024
|
+
|
|
2025
|
+
</dd>
|
|
2026
|
+
|
|
2027
|
+
|
|
2028
|
+
<dt class="">
|
|
2029
|
+
|
|
2030
|
+
<h4 id="startAngle" class="name">
|
|
2031
|
+
|
|
2032
|
+
<span class="type-signature"></span>start-angle<span class="type-signature"> :number</span>
|
|
2033
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#startAngle"></a>
|
|
2034
|
+
|
|
2035
|
+
</h4>
|
|
2036
|
+
|
|
2037
|
+
|
|
2038
|
+
</dt>
|
|
2039
|
+
|
|
2040
|
+
<dd class="">
|
|
2041
|
+
|
|
2042
|
+
<div class="description">
|
|
2043
|
+
Specifies the start angle of the plot area relative to the positive x axis. Value should be provided in degrees.
|
|
2044
|
+
</div>
|
|
2045
|
+
|
|
2046
|
+
|
|
2047
|
+
|
|
2048
|
+
|
|
2049
|
+
<dl class="details">
|
|
2050
|
+
|
|
2051
|
+
|
|
2052
|
+
|
|
2053
|
+
|
|
2054
|
+
|
|
2055
|
+
<dt class="tag-default">Default Value:</dt>
|
|
2056
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">90</code></li></ul></dd>
|
|
2057
|
+
|
|
2058
|
+
|
|
2059
|
+
|
|
2060
|
+
|
|
2061
|
+
|
|
2062
|
+
|
|
2063
|
+
|
|
2064
|
+
|
|
2065
|
+
|
|
2066
|
+
|
|
2067
|
+
|
|
2068
|
+
|
|
2069
|
+
|
|
2070
|
+
|
|
2071
|
+
|
|
2072
|
+
|
|
2073
|
+
|
|
2074
|
+
|
|
2075
|
+
|
|
2076
|
+
|
|
2077
|
+
|
|
2078
|
+
|
|
2079
|
+
|
|
2080
|
+
|
|
2081
|
+
|
|
2082
|
+
</dl>
|
|
2083
|
+
|
|
2084
|
+
|
|
2085
|
+
|
|
2086
|
+
<h5>Names</h5>
|
|
2087
|
+
<table class="keyboard-table">
|
|
2088
|
+
<thead>
|
|
2089
|
+
<tr>
|
|
2090
|
+
<th>Item</th>
|
|
2091
|
+
<th>Name</th>
|
|
2092
|
+
</tr>
|
|
2093
|
+
</thead>
|
|
2094
|
+
<tbody>
|
|
2095
|
+
<tr>
|
|
2096
|
+
<td>Property</td>
|
|
2097
|
+
<td><code class="prettyprint">startAngle</code></td>
|
|
2098
|
+
</tr>
|
|
2099
|
+
|
|
2100
|
+
<tr>
|
|
2101
|
+
<td>Property change event</td>
|
|
2102
|
+
<td><code class="prettyprint">startAngleChanged</code></td>
|
|
2103
|
+
</tr>
|
|
2104
|
+
<tr>
|
|
2105
|
+
<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>
|
|
2106
|
+
<td><code class="pretty-print-noprettify">on-start-angle-changed</code></td>
|
|
2107
|
+
</tr>
|
|
2108
|
+
|
|
2109
|
+
</tbody>
|
|
2110
|
+
</table>
|
|
2111
|
+
|
|
2112
|
+
</dd>
|
|
2113
|
+
|
|
2114
|
+
|
|
2115
|
+
<dt class="">
|
|
2116
|
+
|
|
2117
|
+
<h4 id="step" class="name">
|
|
2118
|
+
|
|
2119
|
+
<span class="type-signature"></span>step<span class="type-signature"> :number</span>
|
|
2120
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#step"></a>
|
|
2121
|
+
|
|
2122
|
+
</h4>
|
|
2123
|
+
|
|
2124
|
+
|
|
2125
|
+
</dt>
|
|
2126
|
+
|
|
2127
|
+
<dd class="">
|
|
2128
|
+
|
|
2129
|
+
<div class="description">
|
|
2130
|
+
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.
|
|
2131
|
+
</div>
|
|
2132
|
+
|
|
2133
|
+
|
|
2134
|
+
|
|
2135
|
+
|
|
2136
|
+
<dl class="details">
|
|
2137
|
+
|
|
2138
|
+
|
|
2139
|
+
|
|
2140
|
+
|
|
2141
|
+
|
|
2142
|
+
<dt class="tag-default">Default Value:</dt>
|
|
2143
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">1</code></li></ul></dd>
|
|
2144
|
+
|
|
2145
|
+
|
|
2146
|
+
|
|
2147
|
+
|
|
2148
|
+
|
|
2149
|
+
|
|
2150
|
+
|
|
2151
|
+
|
|
2152
|
+
|
|
2153
|
+
|
|
2154
|
+
|
|
2155
|
+
|
|
2156
|
+
|
|
2157
|
+
|
|
2158
|
+
|
|
2159
|
+
|
|
2160
|
+
|
|
2161
|
+
|
|
2162
|
+
|
|
2163
|
+
|
|
2164
|
+
|
|
2165
|
+
|
|
2166
|
+
|
|
2167
|
+
|
|
2168
|
+
|
|
2169
|
+
</dl>
|
|
2170
|
+
|
|
2171
|
+
|
|
2172
|
+
|
|
2173
|
+
<h5>Names</h5>
|
|
2174
|
+
<table class="keyboard-table">
|
|
2175
|
+
<thead>
|
|
2176
|
+
<tr>
|
|
2177
|
+
<th>Item</th>
|
|
2178
|
+
<th>Name</th>
|
|
2179
|
+
</tr>
|
|
2180
|
+
</thead>
|
|
2181
|
+
<tbody>
|
|
2182
|
+
<tr>
|
|
2183
|
+
<td>Property</td>
|
|
2184
|
+
<td><code class="prettyprint">step</code></td>
|
|
2185
|
+
</tr>
|
|
2186
|
+
|
|
2187
|
+
<tr>
|
|
2188
|
+
<td>Property change event</td>
|
|
2189
|
+
<td><code class="prettyprint">stepChanged</code></td>
|
|
2190
|
+
</tr>
|
|
2191
|
+
<tr>
|
|
2192
|
+
<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>
|
|
2193
|
+
<td><code class="pretty-print-noprettify">on-step-changed</code></td>
|
|
2194
|
+
</tr>
|
|
2195
|
+
|
|
2196
|
+
</tbody>
|
|
2197
|
+
</table>
|
|
2198
|
+
|
|
2199
|
+
</dd>
|
|
2200
|
+
|
|
2201
|
+
|
|
2202
|
+
<dt class="">
|
|
2203
|
+
|
|
2204
|
+
<h4 id="thresholdDisplay" class="name">
|
|
2205
|
+
|
|
2206
|
+
<span class="type-signature"></span>threshold-display<span class="type-signature"> :"all"|"plotArea"|"indicator"</span>
|
|
2207
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#thresholdDisplay"></a>
|
|
2208
|
+
|
|
2209
|
+
</h4>
|
|
2210
|
+
|
|
2211
|
+
|
|
2212
|
+
</dt>
|
|
2213
|
+
|
|
2214
|
+
<dd class="">
|
|
2215
|
+
|
|
2216
|
+
<div class="description">
|
|
2217
|
+
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.
|
|
2218
|
+
</div>
|
|
2219
|
+
|
|
2220
|
+
|
|
2221
|
+
|
|
2222
|
+
|
|
2223
|
+
<dl class="details">
|
|
2224
|
+
|
|
2225
|
+
|
|
2226
|
+
|
|
2227
|
+
|
|
2228
|
+
|
|
2229
|
+
<dt class="tag-default">Default Value:</dt>
|
|
2230
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"indicator"</code></li></ul></dd>
|
|
2231
|
+
|
|
2232
|
+
|
|
2233
|
+
|
|
2234
|
+
|
|
2235
|
+
|
|
2236
|
+
|
|
2237
|
+
|
|
2238
|
+
|
|
2239
|
+
|
|
2240
|
+
|
|
2241
|
+
|
|
2242
|
+
|
|
2243
|
+
|
|
2244
|
+
|
|
2245
|
+
|
|
2246
|
+
|
|
2247
|
+
|
|
2248
|
+
|
|
2249
|
+
|
|
2250
|
+
|
|
2251
|
+
|
|
2252
|
+
|
|
2253
|
+
|
|
2254
|
+
|
|
2255
|
+
|
|
2256
|
+
</dl>
|
|
2257
|
+
|
|
2258
|
+
|
|
2259
|
+
|
|
2260
|
+
<h5>Names</h5>
|
|
2261
|
+
<table class="keyboard-table">
|
|
2262
|
+
<thead>
|
|
2263
|
+
<tr>
|
|
2264
|
+
<th>Item</th>
|
|
2265
|
+
<th>Name</th>
|
|
2266
|
+
</tr>
|
|
2267
|
+
</thead>
|
|
2268
|
+
<tbody>
|
|
2269
|
+
<tr>
|
|
2270
|
+
<td>Property</td>
|
|
2271
|
+
<td><code class="prettyprint">thresholdDisplay</code></td>
|
|
2272
|
+
</tr>
|
|
2273
|
+
|
|
2274
|
+
<tr>
|
|
2275
|
+
<td>Property change event</td>
|
|
2276
|
+
<td><code class="prettyprint">thresholdDisplayChanged</code></td>
|
|
2277
|
+
</tr>
|
|
2278
|
+
<tr>
|
|
2279
|
+
<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>
|
|
2280
|
+
<td><code class="pretty-print-noprettify">on-threshold-display-changed</code></td>
|
|
2281
|
+
</tr>
|
|
2282
|
+
|
|
2283
|
+
</tbody>
|
|
2284
|
+
</table>
|
|
2285
|
+
|
|
2286
|
+
</dd>
|
|
2287
|
+
|
|
2288
|
+
|
|
2289
|
+
<dt class="">
|
|
2290
|
+
|
|
2291
|
+
<h4 id="thresholds" class="name">
|
|
2292
|
+
|
|
2293
|
+
<span class="type-signature"></span>thresholds<span class="type-signature"> :Array<Threshold></span>
|
|
2294
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#thresholds"></a>
|
|
2295
|
+
|
|
2296
|
+
</h4>
|
|
2297
|
+
|
|
2298
|
+
|
|
2299
|
+
</dt>
|
|
2300
|
+
|
|
2301
|
+
<dd class="">
|
|
2302
|
+
|
|
2303
|
+
<div class="description">
|
|
2304
|
+
An array of objects defining the thresholds for the meter circle.
|
|
2305
|
+
</div>
|
|
2306
|
+
|
|
2307
|
+
|
|
2308
|
+
|
|
2309
|
+
|
|
2310
|
+
<dl class="details">
|
|
2311
|
+
|
|
2312
|
+
|
|
2313
|
+
|
|
2314
|
+
|
|
2315
|
+
|
|
2316
|
+
|
|
2317
|
+
|
|
2318
|
+
|
|
2319
|
+
|
|
2320
|
+
|
|
2321
|
+
|
|
2322
|
+
|
|
2323
|
+
|
|
2324
|
+
|
|
2325
|
+
|
|
2326
|
+
|
|
2327
|
+
|
|
2328
|
+
|
|
2329
|
+
|
|
2330
|
+
|
|
2331
|
+
|
|
2332
|
+
|
|
2333
|
+
|
|
2334
|
+
|
|
2335
|
+
|
|
2336
|
+
|
|
2337
|
+
|
|
2338
|
+
|
|
2339
|
+
|
|
2340
|
+
</dl>
|
|
2341
|
+
|
|
2342
|
+
|
|
2343
|
+
|
|
2344
|
+
<h5>Names</h5>
|
|
2345
|
+
<table class="keyboard-table">
|
|
2346
|
+
<thead>
|
|
2347
|
+
<tr>
|
|
2348
|
+
<th>Item</th>
|
|
2349
|
+
<th>Name</th>
|
|
2350
|
+
</tr>
|
|
2351
|
+
</thead>
|
|
2352
|
+
<tbody>
|
|
2353
|
+
<tr>
|
|
2354
|
+
<td>Property</td>
|
|
2355
|
+
<td><code class="prettyprint">thresholds</code></td>
|
|
2356
|
+
</tr>
|
|
2357
|
+
|
|
2358
|
+
<tr>
|
|
2359
|
+
<td>Property change event</td>
|
|
2360
|
+
<td><code class="prettyprint">thresholdsChanged</code></td>
|
|
2361
|
+
</tr>
|
|
2362
|
+
<tr>
|
|
2363
|
+
<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>
|
|
2364
|
+
<td><code class="pretty-print-noprettify">on-thresholds-changed</code></td>
|
|
2365
|
+
</tr>
|
|
2366
|
+
|
|
2367
|
+
</tbody>
|
|
2368
|
+
</table>
|
|
2369
|
+
|
|
2370
|
+
</dd>
|
|
2371
|
+
|
|
2372
|
+
|
|
2373
|
+
<dt class="">
|
|
2374
|
+
|
|
2375
|
+
<h4 id="thresholds[].accessibleLabel" class="name">
|
|
2376
|
+
|
|
2377
|
+
<span class="type-signature"></span>thresholds[].accessibleLabel<span class="type-signature"> :string</span>
|
|
2378
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#thresholds[].accessibleLabel"></a>
|
|
2379
|
+
|
|
2380
|
+
</h4>
|
|
2381
|
+
|
|
2382
|
+
|
|
2383
|
+
</dt>
|
|
2384
|
+
|
|
2385
|
+
<dd class="">
|
|
2386
|
+
|
|
2387
|
+
<div class="description">
|
|
2388
|
+
The accessible label for the threshold range.
|
|
2389
|
+
</div>
|
|
2390
|
+
|
|
2391
|
+
|
|
2392
|
+
|
|
2393
|
+
|
|
2394
|
+
<dl class="details">
|
|
2395
|
+
|
|
2396
|
+
|
|
2397
|
+
|
|
2398
|
+
|
|
2399
|
+
|
|
2400
|
+
|
|
2401
|
+
|
|
2402
|
+
|
|
2403
|
+
|
|
2404
|
+
|
|
2405
|
+
|
|
2406
|
+
|
|
2407
|
+
|
|
2408
|
+
|
|
2409
|
+
|
|
2410
|
+
|
|
2411
|
+
|
|
2412
|
+
|
|
2413
|
+
|
|
2414
|
+
|
|
2415
|
+
|
|
2416
|
+
|
|
2417
|
+
|
|
2418
|
+
|
|
2419
|
+
|
|
2420
|
+
|
|
2421
|
+
|
|
2422
|
+
|
|
2423
|
+
|
|
2424
|
+
</dl>
|
|
2425
|
+
|
|
2426
|
+
|
|
2427
|
+
|
|
2428
|
+
<div class="description">
|
|
2429
|
+
<b>Note: </b> This property is a subproperty of an array-valued property. <i>Such properties cannot be set individually
|
|
2430
|
+
either at init time via HTML attribute syntax or at runtime via JavaScript.</i> Instead, the outermost array-valued attribute, and its ancestor attributes,
|
|
2431
|
+
can be set at init time or runtime.
|
|
2432
|
+
</div>
|
|
2433
|
+
|
|
2434
|
+
</dd>
|
|
2435
|
+
|
|
2436
|
+
|
|
2437
|
+
<dt class="">
|
|
2438
|
+
|
|
2439
|
+
<h4 id="thresholds[].color" class="name">
|
|
2440
|
+
|
|
2441
|
+
<span class="type-signature"></span>thresholds[].color<span class="type-signature"> :string</span>
|
|
2442
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#thresholds[].color"></a>
|
|
2443
|
+
|
|
2444
|
+
</h4>
|
|
2445
|
+
|
|
2446
|
+
|
|
2447
|
+
</dt>
|
|
2448
|
+
|
|
2449
|
+
<dd class="">
|
|
2450
|
+
|
|
2451
|
+
<div class="description">
|
|
2452
|
+
The color for the threshold range.
|
|
2453
|
+
</div>
|
|
2454
|
+
|
|
2455
|
+
|
|
2456
|
+
|
|
2457
|
+
|
|
2458
|
+
<dl class="details">
|
|
2459
|
+
|
|
2460
|
+
|
|
2461
|
+
|
|
2462
|
+
|
|
2463
|
+
|
|
2464
|
+
|
|
2465
|
+
|
|
2466
|
+
|
|
2467
|
+
|
|
2468
|
+
|
|
2469
|
+
|
|
2470
|
+
|
|
2471
|
+
|
|
2472
|
+
|
|
2473
|
+
|
|
2474
|
+
|
|
2475
|
+
|
|
2476
|
+
|
|
2477
|
+
|
|
2478
|
+
|
|
2479
|
+
|
|
2480
|
+
|
|
2481
|
+
|
|
2482
|
+
|
|
2483
|
+
|
|
2484
|
+
|
|
2485
|
+
|
|
2486
|
+
|
|
2487
|
+
|
|
2488
|
+
</dl>
|
|
2489
|
+
|
|
2490
|
+
|
|
2491
|
+
|
|
2492
|
+
<div class="description">
|
|
2493
|
+
<b>Note: </b> This property is a subproperty of an array-valued property. <i>Such properties cannot be set individually
|
|
2494
|
+
either at init time via HTML attribute syntax or at runtime via JavaScript.</i> Instead, the outermost array-valued attribute, and its ancestor attributes,
|
|
2495
|
+
can be set at init time or runtime.
|
|
2496
|
+
</div>
|
|
2497
|
+
|
|
2498
|
+
</dd>
|
|
2499
|
+
|
|
2500
|
+
|
|
2501
|
+
<dt class="">
|
|
2502
|
+
|
|
2503
|
+
<h4 id="thresholds[].max" class="name">
|
|
2504
|
+
|
|
2505
|
+
<span class="type-signature"></span>thresholds[].max<span class="type-signature"> :number</span>
|
|
2506
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#thresholds[].max"></a>
|
|
2507
|
+
|
|
2508
|
+
</h4>
|
|
2509
|
+
|
|
2510
|
+
|
|
2511
|
+
</dt>
|
|
2512
|
+
|
|
2513
|
+
<dd class="">
|
|
2514
|
+
|
|
2515
|
+
<div class="description">
|
|
2516
|
+
The max value of the threshold.
|
|
2517
|
+
</div>
|
|
2518
|
+
|
|
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
|
+
<div class="description">
|
|
2557
|
+
<b>Note: </b> This property is a subproperty of an array-valued property. <i>Such properties cannot be set individually
|
|
2558
|
+
either at init time via HTML attribute syntax or at runtime via JavaScript.</i> Instead, the outermost array-valued attribute, and its ancestor attributes,
|
|
2559
|
+
can be set at init time or runtime.
|
|
2560
|
+
</div>
|
|
2561
|
+
|
|
2562
|
+
</dd>
|
|
2563
|
+
|
|
2564
|
+
|
|
2565
|
+
<dt class="">
|
|
2566
|
+
|
|
2567
|
+
<h4 id="transientValue" class="name">
|
|
2568
|
+
|
|
2569
|
+
<span class="type-signature">(readonly) </span>transient-value<span class="type-signature"> :number</span>
|
|
2570
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#transientValue"></a>
|
|
2571
|
+
|
|
2572
|
+
</h4>
|
|
2573
|
+
|
|
2574
|
+
|
|
2575
|
+
</dt>
|
|
2576
|
+
|
|
2577
|
+
<dd class="">
|
|
2578
|
+
|
|
2579
|
+
<div class="description">
|
|
2580
|
+
A read-only property for retrieving the transient value from the meter circle. It is triggered when dragging over the meter circle.
|
|
2581
|
+
</div>
|
|
2582
|
+
|
|
2583
|
+
|
|
2584
|
+
|
|
2585
|
+
|
|
2586
|
+
<dl class="details">
|
|
2587
|
+
|
|
2588
|
+
|
|
2589
|
+
|
|
2590
|
+
|
|
2591
|
+
|
|
2592
|
+
|
|
2593
|
+
|
|
2594
|
+
<dt class="tag-default">Supports writeback:</dt>
|
|
2595
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">true</code></li></ul></dd>
|
|
2596
|
+
|
|
2597
|
+
|
|
2598
|
+
|
|
2599
|
+
|
|
2600
|
+
|
|
2601
|
+
|
|
2602
|
+
|
|
2603
|
+
|
|
2604
|
+
|
|
2605
|
+
|
|
2606
|
+
|
|
2607
|
+
|
|
2608
|
+
|
|
2609
|
+
|
|
2610
|
+
|
|
2611
|
+
|
|
2612
|
+
|
|
2613
|
+
|
|
2614
|
+
|
|
2615
|
+
|
|
2616
|
+
|
|
2617
|
+
|
|
2618
|
+
|
|
2619
|
+
</dl>
|
|
2620
|
+
|
|
2621
|
+
|
|
2622
|
+
|
|
2623
|
+
<h5>Names</h5>
|
|
2624
|
+
<table class="keyboard-table">
|
|
2625
|
+
<thead>
|
|
2626
|
+
<tr>
|
|
2627
|
+
<th>Item</th>
|
|
2628
|
+
<th>Name</th>
|
|
2629
|
+
</tr>
|
|
2630
|
+
</thead>
|
|
2631
|
+
<tbody>
|
|
2632
|
+
<tr>
|
|
2633
|
+
<td>Property</td>
|
|
2634
|
+
<td><code class="prettyprint">transientValue</code></td>
|
|
2635
|
+
</tr>
|
|
2636
|
+
|
|
2637
|
+
<tr>
|
|
2638
|
+
<td>Property change event</td>
|
|
2639
|
+
<td><code class="prettyprint">transientValueChanged</code></td>
|
|
2640
|
+
</tr>
|
|
2641
|
+
<tr>
|
|
2642
|
+
<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>
|
|
2643
|
+
<td><code class="pretty-print-noprettify">on-transient-value-changed</code></td>
|
|
2644
|
+
</tr>
|
|
2645
|
+
|
|
2646
|
+
</tbody>
|
|
2647
|
+
</table>
|
|
2648
|
+
|
|
2649
|
+
</dd>
|
|
2650
|
+
|
|
2651
|
+
|
|
2652
|
+
<dt class="">
|
|
2653
|
+
|
|
2654
|
+
<h4 id="value" class="name">
|
|
2655
|
+
|
|
2656
|
+
<span class="type-signature"></span>value<span class="type-signature"> :(number|null)</span>
|
|
2657
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#value"></a>
|
|
2658
|
+
|
|
2659
|
+
</h4>
|
|
2660
|
+
|
|
2661
|
+
|
|
2662
|
+
</dt>
|
|
2663
|
+
|
|
2664
|
+
<dd class="">
|
|
2665
|
+
|
|
2666
|
+
<div class="description">
|
|
2667
|
+
The value of the meter circle.
|
|
2668
|
+
</div>
|
|
2669
|
+
|
|
2670
|
+
|
|
2671
|
+
|
|
2672
|
+
|
|
2673
|
+
<dl class="details">
|
|
2674
|
+
|
|
2675
|
+
|
|
2676
|
+
|
|
2677
|
+
|
|
2678
|
+
|
|
2679
|
+
<dt class="tag-default">Default Value:</dt>
|
|
2680
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">0</code></li></ul></dd>
|
|
2681
|
+
|
|
2682
|
+
|
|
2683
|
+
|
|
2684
|
+
<dt class="tag-default">Supports writeback:</dt>
|
|
2685
|
+
<dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">true</code></li></ul></dd>
|
|
2686
|
+
|
|
2687
|
+
|
|
2688
|
+
|
|
2689
|
+
|
|
2690
|
+
|
|
2691
|
+
|
|
2692
|
+
|
|
2693
|
+
|
|
2694
|
+
|
|
2695
|
+
|
|
2696
|
+
|
|
2697
|
+
|
|
2698
|
+
|
|
2699
|
+
|
|
2700
|
+
|
|
2701
|
+
|
|
2702
|
+
|
|
2703
|
+
|
|
2704
|
+
|
|
2705
|
+
|
|
2706
|
+
|
|
2707
|
+
|
|
2708
|
+
|
|
2709
|
+
</dl>
|
|
2710
|
+
|
|
2711
|
+
|
|
2712
|
+
|
|
2713
|
+
<h5>Names</h5>
|
|
2714
|
+
<table class="keyboard-table">
|
|
2715
|
+
<thead>
|
|
2716
|
+
<tr>
|
|
2717
|
+
<th>Item</th>
|
|
2718
|
+
<th>Name</th>
|
|
2719
|
+
</tr>
|
|
2720
|
+
</thead>
|
|
2721
|
+
<tbody>
|
|
2722
|
+
<tr>
|
|
2723
|
+
<td>Property</td>
|
|
2724
|
+
<td><code class="prettyprint">value</code></td>
|
|
2725
|
+
</tr>
|
|
2726
|
+
|
|
2727
|
+
<tr>
|
|
2728
|
+
<td>Property change event</td>
|
|
2729
|
+
<td><code class="prettyprint">valueChanged</code></td>
|
|
2730
|
+
</tr>
|
|
2731
|
+
<tr>
|
|
2732
|
+
<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>
|
|
2733
|
+
<td><code class="pretty-print-noprettify">on-value-changed</code></td>
|
|
2734
|
+
</tr>
|
|
2735
|
+
|
|
2736
|
+
</tbody>
|
|
2737
|
+
</table>
|
|
2738
|
+
|
|
2739
|
+
</dd>
|
|
2740
|
+
|
|
2741
|
+
</dl>
|
|
2742
|
+
|
|
2743
|
+
|
|
2744
|
+
<h3 id="methods-section" class="subsection-title">
|
|
2745
|
+
Methods
|
|
2746
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#methods-section"></a>
|
|
2747
|
+
</h3>
|
|
2748
|
+
|
|
2749
|
+
<dl>
|
|
2750
|
+
|
|
2751
|
+
|
|
2752
|
+
<dt class="">
|
|
2753
|
+
|
|
2754
|
+
|
|
2755
|
+
|
|
2756
|
+
<h4 id="getProperty" class="name">
|
|
2757
|
+
|
|
2758
|
+
<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>
|
|
2759
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#getProperty"></a>
|
|
2760
|
+
|
|
2761
|
+
</h4>
|
|
2762
|
+
|
|
2763
|
+
|
|
2764
|
+
|
|
2765
|
+
|
|
2766
|
+
|
|
2767
|
+
</dt>
|
|
2768
|
+
<dd class="">
|
|
2769
|
+
|
|
2770
|
+
|
|
2771
|
+
<div class="description">
|
|
2772
|
+
Retrieves the value of a property or a subproperty.
|
|
2773
|
+
|
|
2774
|
+
</div>
|
|
2775
|
+
|
|
2776
|
+
|
|
2777
|
+
|
|
2778
|
+
|
|
2779
|
+
|
|
2780
|
+
|
|
2781
|
+
|
|
2782
|
+
|
|
2783
|
+
|
|
2784
|
+
|
|
2785
|
+
|
|
2786
|
+
<h5>Parameters:</h5>
|
|
2787
|
+
|
|
2788
|
+
|
|
2789
|
+
<table class="params">
|
|
2790
|
+
<thead>
|
|
2791
|
+
<tr>
|
|
2792
|
+
|
|
2793
|
+
<th>Name</th>
|
|
2794
|
+
|
|
2795
|
+
|
|
2796
|
+
<th>Type</th>
|
|
2797
|
+
|
|
2798
|
+
|
|
2799
|
+
|
|
2800
|
+
|
|
2801
|
+
|
|
2802
|
+
<th class="last">Description</th>
|
|
2803
|
+
</tr>
|
|
2804
|
+
</thead>
|
|
2805
|
+
|
|
2806
|
+
<tbody>
|
|
2807
|
+
|
|
2808
|
+
|
|
2809
|
+
<tr>
|
|
2810
|
+
|
|
2811
|
+
<td class="name"><code>property</code></td>
|
|
2812
|
+
|
|
2813
|
+
|
|
2814
|
+
<td class="type">
|
|
2815
|
+
|
|
2816
|
+
</td>
|
|
2817
|
+
|
|
2818
|
+
|
|
2819
|
+
|
|
2820
|
+
|
|
2821
|
+
<td class="description last">The property name to get. Supports dot notation for subproperty access.
|
|
2822
|
+
</td>
|
|
2823
|
+
</tr>
|
|
2824
|
+
|
|
2825
|
+
|
|
2826
|
+
</tbody>
|
|
2827
|
+
</table>
|
|
2828
|
+
|
|
2829
|
+
|
|
2830
|
+
|
|
2831
|
+
<dl class="details">
|
|
2832
|
+
|
|
2833
|
+
|
|
2834
|
+
|
|
2835
|
+
|
|
2836
|
+
|
|
2837
|
+
|
|
2838
|
+
|
|
2839
|
+
|
|
2840
|
+
|
|
2841
|
+
|
|
2842
|
+
|
|
2843
|
+
|
|
2844
|
+
|
|
2845
|
+
|
|
2846
|
+
|
|
2847
|
+
|
|
2848
|
+
|
|
2849
|
+
|
|
2850
|
+
|
|
2851
|
+
|
|
2852
|
+
|
|
2853
|
+
|
|
2854
|
+
|
|
2855
|
+
|
|
2856
|
+
|
|
2857
|
+
|
|
2858
|
+
|
|
2859
|
+
|
|
2860
|
+
|
|
2861
|
+
</dl>
|
|
2862
|
+
|
|
2863
|
+
|
|
2864
|
+
|
|
2865
|
+
|
|
2866
|
+
|
|
2867
|
+
|
|
2868
|
+
|
|
2869
|
+
<h5>Returns:</h5>
|
|
2870
|
+
|
|
2871
|
+
|
|
2872
|
+
|
|
2873
|
+
|
|
2874
|
+
<dl>
|
|
2875
|
+
<dt>
|
|
2876
|
+
Type
|
|
2877
|
+
</dt>
|
|
2878
|
+
<dd>
|
|
2879
|
+
|
|
2880
|
+
<span class="param-type"><a href="CustomElementOverview.html#ce-attrs-any-section">any</a></span>
|
|
2881
|
+
|
|
2882
|
+
|
|
2883
|
+
</dd>
|
|
2884
|
+
</dl>
|
|
2885
|
+
|
|
2886
|
+
|
|
2887
|
+
|
|
2888
|
+
|
|
2889
|
+
|
|
2890
|
+
</dd>
|
|
2891
|
+
|
|
2892
|
+
|
|
2893
|
+
|
|
2894
|
+
<dt class="">
|
|
2895
|
+
|
|
2896
|
+
|
|
2897
|
+
|
|
2898
|
+
<h4 id="setProperties" class="name">
|
|
2899
|
+
|
|
2900
|
+
<span class="type-signature"></span>setProperties<span class="signature">(properties)</span><span class="type-signature"> : {void}</span>
|
|
2901
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperties"></a>
|
|
2902
|
+
|
|
2903
|
+
</h4>
|
|
2904
|
+
|
|
2905
|
+
|
|
2906
|
+
|
|
2907
|
+
|
|
2908
|
+
|
|
2909
|
+
</dt>
|
|
2910
|
+
<dd class="">
|
|
2911
|
+
|
|
2912
|
+
|
|
2913
|
+
<div class="description">
|
|
2914
|
+
Performs a batch set of properties.
|
|
2915
|
+
|
|
2916
|
+
</div>
|
|
2917
|
+
|
|
2918
|
+
|
|
2919
|
+
|
|
2920
|
+
|
|
2921
|
+
|
|
2922
|
+
|
|
2923
|
+
|
|
2924
|
+
|
|
2925
|
+
|
|
2926
|
+
|
|
2927
|
+
|
|
2928
|
+
<h5>Parameters:</h5>
|
|
2929
|
+
|
|
2930
|
+
|
|
2931
|
+
<table class="params">
|
|
2932
|
+
<thead>
|
|
2933
|
+
<tr>
|
|
2934
|
+
|
|
2935
|
+
<th>Name</th>
|
|
2936
|
+
|
|
2937
|
+
|
|
2938
|
+
<th>Type</th>
|
|
2939
|
+
|
|
2940
|
+
|
|
2941
|
+
|
|
2942
|
+
|
|
2943
|
+
|
|
2944
|
+
<th class="last">Description</th>
|
|
2945
|
+
</tr>
|
|
2946
|
+
</thead>
|
|
2947
|
+
|
|
2948
|
+
<tbody>
|
|
2949
|
+
|
|
2950
|
+
|
|
2951
|
+
<tr>
|
|
2952
|
+
|
|
2953
|
+
<td class="name"><code>properties</code></td>
|
|
2954
|
+
|
|
2955
|
+
|
|
2956
|
+
<td class="type">
|
|
2957
|
+
|
|
2958
|
+
</td>
|
|
2959
|
+
|
|
2960
|
+
|
|
2961
|
+
|
|
2962
|
+
|
|
2963
|
+
<td class="description last">An object containing the property and value pairs to set.
|
|
2964
|
+
</td>
|
|
2965
|
+
</tr>
|
|
2966
|
+
|
|
2967
|
+
|
|
2968
|
+
</tbody>
|
|
2969
|
+
</table>
|
|
2970
|
+
|
|
2971
|
+
|
|
2972
|
+
|
|
2973
|
+
<dl class="details">
|
|
2974
|
+
|
|
2975
|
+
|
|
2976
|
+
|
|
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
|
+
</dl>
|
|
3004
|
+
|
|
3005
|
+
|
|
3006
|
+
|
|
3007
|
+
|
|
3008
|
+
|
|
3009
|
+
|
|
3010
|
+
|
|
3011
|
+
<h5>Returns:</h5>
|
|
3012
|
+
|
|
3013
|
+
|
|
3014
|
+
|
|
3015
|
+
|
|
3016
|
+
<dl>
|
|
3017
|
+
<dt>
|
|
3018
|
+
Type
|
|
3019
|
+
</dt>
|
|
3020
|
+
<dd>
|
|
3021
|
+
|
|
3022
|
+
<span class="param-type">void</span>
|
|
3023
|
+
|
|
3024
|
+
|
|
3025
|
+
</dd>
|
|
3026
|
+
</dl>
|
|
3027
|
+
|
|
3028
|
+
|
|
3029
|
+
|
|
3030
|
+
|
|
3031
|
+
|
|
3032
|
+
</dd>
|
|
3033
|
+
|
|
3034
|
+
|
|
3035
|
+
|
|
3036
|
+
<dt class="">
|
|
3037
|
+
|
|
3038
|
+
|
|
3039
|
+
|
|
3040
|
+
<h4 id="setProperty" class="name">
|
|
3041
|
+
|
|
3042
|
+
<span class="type-signature"></span>setProperty<span class="signature">(property, value)</span><span class="type-signature"> : {void}</span>
|
|
3043
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperty"></a>
|
|
3044
|
+
|
|
3045
|
+
</h4>
|
|
3046
|
+
|
|
3047
|
+
|
|
3048
|
+
|
|
3049
|
+
|
|
3050
|
+
|
|
3051
|
+
</dt>
|
|
3052
|
+
<dd class="">
|
|
3053
|
+
|
|
3054
|
+
|
|
3055
|
+
<div class="description">
|
|
3056
|
+
Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.
|
|
3057
|
+
|
|
3058
|
+
</div>
|
|
3059
|
+
|
|
3060
|
+
|
|
3061
|
+
|
|
3062
|
+
|
|
3063
|
+
|
|
3064
|
+
|
|
3065
|
+
|
|
3066
|
+
|
|
3067
|
+
|
|
3068
|
+
|
|
3069
|
+
|
|
3070
|
+
<h5>Parameters:</h5>
|
|
3071
|
+
|
|
3072
|
+
|
|
3073
|
+
<table class="params">
|
|
3074
|
+
<thead>
|
|
3075
|
+
<tr>
|
|
3076
|
+
|
|
3077
|
+
<th>Name</th>
|
|
3078
|
+
|
|
3079
|
+
|
|
3080
|
+
<th>Type</th>
|
|
3081
|
+
|
|
3082
|
+
|
|
3083
|
+
|
|
3084
|
+
|
|
3085
|
+
|
|
3086
|
+
<th class="last">Description</th>
|
|
3087
|
+
</tr>
|
|
3088
|
+
</thead>
|
|
3089
|
+
|
|
3090
|
+
<tbody>
|
|
3091
|
+
|
|
3092
|
+
|
|
3093
|
+
<tr>
|
|
3094
|
+
|
|
3095
|
+
<td class="name"><code>property</code></td>
|
|
3096
|
+
|
|
3097
|
+
|
|
3098
|
+
<td class="type">
|
|
3099
|
+
|
|
3100
|
+
</td>
|
|
3101
|
+
|
|
3102
|
+
|
|
3103
|
+
|
|
3104
|
+
|
|
3105
|
+
<td class="description last">The property name to set. Supports dot notation for subproperty access.
|
|
3106
|
+
</td>
|
|
3107
|
+
</tr>
|
|
3108
|
+
|
|
3109
|
+
|
|
3110
|
+
|
|
3111
|
+
<tr>
|
|
3112
|
+
|
|
3113
|
+
<td class="name"><code>value</code></td>
|
|
3114
|
+
|
|
3115
|
+
|
|
3116
|
+
<td class="type">
|
|
3117
|
+
|
|
3118
|
+
</td>
|
|
3119
|
+
|
|
3120
|
+
|
|
3121
|
+
|
|
3122
|
+
|
|
3123
|
+
<td class="description last">The new value to set the property to.
|
|
3124
|
+
</td>
|
|
3125
|
+
</tr>
|
|
3126
|
+
|
|
3127
|
+
|
|
3128
|
+
</tbody>
|
|
3129
|
+
</table>
|
|
3130
|
+
|
|
3131
|
+
|
|
3132
|
+
|
|
3133
|
+
<dl class="details">
|
|
3134
|
+
|
|
3135
|
+
|
|
3136
|
+
|
|
3137
|
+
|
|
3138
|
+
|
|
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
|
+
</dl>
|
|
3164
|
+
|
|
3165
|
+
|
|
3166
|
+
|
|
3167
|
+
|
|
3168
|
+
|
|
3169
|
+
|
|
3170
|
+
|
|
3171
|
+
<h5>Returns:</h5>
|
|
3172
|
+
|
|
3173
|
+
|
|
3174
|
+
|
|
3175
|
+
|
|
3176
|
+
<dl>
|
|
3177
|
+
<dt>
|
|
3178
|
+
Type
|
|
3179
|
+
</dt>
|
|
3180
|
+
<dd>
|
|
3181
|
+
|
|
3182
|
+
<span class="param-type">void</span>
|
|
3183
|
+
|
|
3184
|
+
|
|
3185
|
+
</dd>
|
|
3186
|
+
</dl>
|
|
3187
|
+
|
|
3188
|
+
|
|
3189
|
+
|
|
3190
|
+
|
|
3191
|
+
|
|
3192
|
+
</dd>
|
|
3193
|
+
|
|
3194
|
+
|
|
3195
|
+
</dl>
|
|
3196
|
+
|
|
3197
|
+
|
|
3198
|
+
<h3 id="typedefs-section" class="subsection-title">
|
|
3199
|
+
Type Definitions
|
|
3200
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#typedefs-section"></a>
|
|
3201
|
+
</h3>
|
|
3202
|
+
|
|
3203
|
+
<dl>
|
|
3204
|
+
|
|
3205
|
+
|
|
3206
|
+
<dt class="">
|
|
3207
|
+
|
|
3208
|
+
<h4 id="DatatipContext" class="name">
|
|
3209
|
+
|
|
3210
|
+
DatatipContext
|
|
3211
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#DatatipContext"></a>
|
|
3212
|
+
|
|
3213
|
+
</h4>
|
|
3214
|
+
|
|
3215
|
+
|
|
3216
|
+
</dt>
|
|
3217
|
+
|
|
3218
|
+
<dd class="">
|
|
3219
|
+
|
|
3220
|
+
<div class="description">
|
|
3221
|
+
Context for datatip function.
|
|
3222
|
+
</div>
|
|
3223
|
+
|
|
3224
|
+
|
|
3225
|
+
|
|
3226
|
+
|
|
3227
|
+
<dl class="details">
|
|
3228
|
+
|
|
3229
|
+
<h5 class="subsection-title notoc">Properties:</h5>
|
|
3230
|
+
|
|
3231
|
+
|
|
3232
|
+
|
|
3233
|
+
<dl>
|
|
3234
|
+
|
|
3235
|
+
<table class="props">
|
|
3236
|
+
<thead>
|
|
3237
|
+
<tr>
|
|
3238
|
+
|
|
3239
|
+
<th>Name</th>
|
|
3240
|
+
|
|
3241
|
+
|
|
3242
|
+
<th>Type</th>
|
|
3243
|
+
|
|
3244
|
+
|
|
3245
|
+
|
|
3246
|
+
|
|
3247
|
+
|
|
3248
|
+
|
|
3249
|
+
<th class="last">Description</th>
|
|
3250
|
+
|
|
3251
|
+
</tr>
|
|
3252
|
+
</thead>
|
|
3253
|
+
|
|
3254
|
+
<tbody>
|
|
3255
|
+
|
|
3256
|
+
<tr>
|
|
3257
|
+
|
|
3258
|
+
<td class="name"><code>value</code></td>
|
|
3259
|
+
|
|
3260
|
+
|
|
3261
|
+
|
|
3262
|
+
<td class="type">
|
|
3263
|
+
|
|
3264
|
+
|
|
3265
|
+
|
|
3266
|
+
<span class="param-type">number</span>
|
|
3267
|
+
|
|
3268
|
+
|
|
3269
|
+
|
|
3270
|
+
|
|
3271
|
+
</td>
|
|
3272
|
+
|
|
3273
|
+
|
|
3274
|
+
|
|
3275
|
+
|
|
3276
|
+
|
|
3277
|
+
|
|
3278
|
+
<td class="description last">The current value of the meter circle.
|
|
3279
|
+
</td>
|
|
3280
|
+
|
|
3281
|
+
</tr>
|
|
3282
|
+
|
|
3283
|
+
|
|
3284
|
+
</tbody>
|
|
3285
|
+
</table></dl>
|
|
3286
|
+
|
|
3287
|
+
|
|
3288
|
+
|
|
3289
|
+
|
|
3290
|
+
|
|
3291
|
+
|
|
3292
|
+
|
|
3293
|
+
|
|
3294
|
+
|
|
3295
|
+
|
|
3296
|
+
|
|
3297
|
+
|
|
3298
|
+
|
|
3299
|
+
|
|
3300
|
+
|
|
3301
|
+
|
|
3302
|
+
|
|
3303
|
+
|
|
3304
|
+
|
|
3305
|
+
|
|
3306
|
+
|
|
3307
|
+
|
|
3308
|
+
|
|
3309
|
+
|
|
3310
|
+
|
|
3311
|
+
|
|
3312
|
+
|
|
3313
|
+
|
|
3314
|
+
|
|
3315
|
+
|
|
3316
|
+
</dl>
|
|
3317
|
+
|
|
3318
|
+
|
|
3319
|
+
|
|
3320
|
+
</dd>
|
|
3321
|
+
|
|
3322
|
+
|
|
3323
|
+
<dt class="">
|
|
3324
|
+
|
|
3325
|
+
<h4 id="PlotArea" class="name">
|
|
3326
|
+
|
|
3327
|
+
PlotArea
|
|
3328
|
+
<a class="bookmarkable-link" title="Bookmarkable Link" href="#PlotArea"></a>
|
|
3329
|
+
|
|
3330
|
+
</h4>
|
|
3331
|
+
|
|
3332
|
+
|
|
3333
|
+
</dt>
|
|
3334
|
+
|
|
3335
|
+
<dd class="">
|
|
3336
|
+
|
|
3337
|
+
|
|
3338
|
+
|
|
3339
|
+
|
|
3340
|
+
<dl class="details">
|
|
3341
|
+
|
|
3342
|
+
<h5 class="subsection-title notoc">Properties:</h5>
|
|
3343
|
+
|
|
3344
|
+
|
|
3345
|
+
|
|
3346
|
+
<dl>
|
|
3347
|
+
|
|
3348
|
+
<table class="props">
|
|
3349
|
+
<thead>
|
|
3350
|
+
<tr>
|
|
3351
|
+
|
|
3352
|
+
<th>Name</th>
|
|
3353
|
+
|
|
3354
|
+
|
|
3355
|
+
<th>Type</th>
|
|
3356
|
+
|
|
3357
|
+
|
|
3358
|
+
<th>Argument</th>
|
|
3359
|
+
|
|
3360
|
+
|
|
3361
|
+
|
|
3362
|
+
|
|
3363
|
+
|
|
3364
|
+
<th class="last">Description</th>
|
|
3365
|
+
|
|
3366
|
+
</tr>
|
|
3367
|
+
</thead>
|
|
3368
|
+
|
|
3369
|
+
<tbody>
|
|
3370
|
+
|
|
3371
|
+
<tr>
|
|
3372
|
+
|
|
3373
|
+
<td class="name"><code>color</code></td>
|
|
3374
|
+
|
|
3375
|
+
|
|
3376
|
+
|
|
3377
|
+
<td class="type">
|
|
3378
|
+
|
|
3379
|
+
|
|
3380
|
+
|
|
3381
|
+
<span class="param-type">string</span>
|
|
3382
|
+
|
|
3383
|
+
|
|
3384
|
+
|
|
3385
|
+
|
|
3386
|
+
</td>
|
|
3387
|
+
|
|
3388
|
+
|
|
3389
|
+
<td class="attributes">
|
|
3390
|
+
|
|
3391
|
+
<optional><br>
|
|
3392
|
+
|
|
3393
|
+
|
|
3394
|
+
|
|
3395
|
+
</td>
|
|
3396
|
+
|
|
3397
|
+
|
|
3398
|
+
|
|
3399
|
+
|
|
3400
|
+
|
|
3401
|
+
<td class="description last">The color of the plot area.
|
|
3402
|
+
</td>
|
|
3403
|
+
|
|
3404
|
+
</tr>
|
|
3405
|
+
|
|
3406
|
+
|
|
3407
|
+
<tr>
|
|
3408
|
+
|
|
3409
|
+
<td class="name"><code>rendered</code></td>
|
|
3410
|
+
|
|
3411
|
+
|
|
3412
|
+
|
|
3413
|
+
<td class="type">
|
|
3414
|
+
|
|
3415
|
+
|
|
3416
|
+
|
|
3417
|
+
<span class="param-type">on</span>
|
|
3418
|
+
|
|
|
3419
|
+
|
|
3420
|
+
<span class="param-type">off</span>
|
|
3421
|
+
|
|
3422
|
+
|
|
3423
|
+
|
|
3424
|
+
|
|
3425
|
+
</td>
|
|
3426
|
+
|
|
3427
|
+
|
|
3428
|
+
<td class="attributes">
|
|
3429
|
+
|
|
3430
|
+
<optional><br>
|
|
3431
|
+
|
|
3432
|
+
|
|
3433
|
+
|
|
3434
|
+
</td>
|
|
3435
|
+
|
|
3436
|
+
|
|
3437
|
+
|
|
3438
|
+
|
|
3439
|
+
|
|
3440
|
+
<td class="description last"> Defines if the plot area is to be rendered. The default value is on.
|
|
3441
|
+
</td>
|
|
3442
|
+
|
|
3443
|
+
</tr>
|
|
3444
|
+
|
|
3445
|
+
|
|
3446
|
+
</tbody>
|
|
3447
|
+
</table></dl>
|
|
3448
|
+
|
|
3449
|
+
|
|
3450
|
+
|
|
3451
|
+
|
|
3452
|
+
|
|
3453
|
+
|
|
3454
|
+
|
|
3455
|
+
|
|
3456
|
+
|
|
3457
|
+
|
|
3458
|
+
|
|
3459
|
+
|
|
3460
|
+
|
|
3461
|
+
|
|
3462
|
+
|
|
3463
|
+
|
|
3464
|
+
|
|
3465
|
+
|
|
3466
|
+
|
|
3467
|
+
|
|
3468
|
+
|
|
3469
|
+
|
|
3470
|
+
|
|
3471
|
+
|
|
3472
|
+
|
|
3473
|
+
|
|
3474
|
+
|
|
3475
|
+
|
|
3476
|
+
|
|
3477
|
+
|
|
3478
|
+
</dl>
|
|
3479
|
+
|
|
3480
|
+
|
|
3481
|
+
|
|
3482
|
+
</dd>
|
|
3483
|
+
|
|
3484
|
+
</dl>
|
|
3485
|
+
|
|
3486
|
+
</article>
|
|
3487
|
+
|
|
3488
|
+
|
|
3489
|
+
</section>
|
|
3490
|
+
|
|
3491
|
+
|
|
3492
|
+
|
|
3493
|
+
|
|
3494
|
+
<footer>
|
|
3495
|
+
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>
|
|
3496
|
+
<span class="product-docs-footer">Copyright © 2014, 2023 Oracle. All rights reserved.<span>
|
|
3497
|
+
</footer>
|
|
3498
|
+
</div>
|
|
3499
|
+
|
|
3500
|
+
<script> prettyPrint(); </script>
|
|
3501
|
+
</body>
|
|
3502
|
+
</html>
|