[ { "id": "oj-c.ProgressCircle", "name": "ProgressCircle", "memberof": "oj-c", "kind": "class", "meta": { "filename": "progress-circle.tsx", "path": "web/components/oj-c/progress-circle" }, "ojcomponent": true, "isvcomponent": true, "since": "13.0.0", "longname": "oj-c.ProgressCircle", "pack": "oj-c", "classdesc": "

\n JET Progress Circle\n \n

\nThe oj-c-progress-circle element allows a user to display progress of an operation with a circular meter.\nIf a developer does not wish to display the exact value, a value of '-1' can be passed in to display an indeterminate value.\n\n
<oj-c-progress-circle value='{{progressValue}}'></oj-c-progress-circle>
\n\n

\n Accessibility\n \n

\n\n

\nTo meet accessibility requirements, use one or more of the following ARIA attributes to provide meaningful text describing the purpose or status of the progress bar for assistive technologies:\n

\n\n\n

\nThese ARIA attributes help assistive technologies accurately convey loading status and context to users.\n

\n\n

\nIf the progress circle is used to indicate the loading state of a specific region, the region element must have aria-describedby referencing the progress bar’s id. Include aria-busy=\"true\" for the duration of the loading. Remove or set it to \"false\" once loading is complete.\n

", "scope": "static", "tagWithoutBrackets": "oj-c-progress-circle", "tagWithBrackets": "", "domInterface": "CProgressCircleElement", "ojPageTitle": "<oj-c-progress-circle>", "camelCaseName": "ProgressCircle", "ojPageTitlePrefix": "Element: ", "ojtsvcomponent": true, "tstype": { "target": "Type", "value": "interface CProgressCircleElement extends JetElement" }, "ojsignature": [ { "target": "Type", "value": "interface CProgressCircleElement extends JetElement" } ], "tsdeprecated": [ { "type": "supersedes", "since": "15.0.0", "value": [ "oj-progress-circle" ] } ], "extension": { "catalog": { "category": "Controls" }, "vbdt": { "module": "oj-c/progress-circle" }, "oracle": { "icon": "oj-ux-ico-circular-progress-7", "uxSpecs": [ "progress-bar" ] } }, "ojmodule": "progress-circle" }, { "id": "oj-c.ProgressCircle#max", "name": "max", "memberof": "oj-c.ProgressCircle", "meta": { "filename": "progress-circle.tsx", "path": "web/components/oj-c/progress-circle" }, "kind": "member", "longname": "oj-c.ProgressCircle#max", "scope": "instance", "type": { "names": [ "number" ] }, "optional": true, "ojdisplayname": "Max", "ojshortdesc": "The maximum allowed value.", "description": "The maximum allowed value. The element's max attribute is used if it\nis provided, otherwise the default value of 100 is used.", "defaultvalue": 100 }, { "id": "oj-c.ProgressCircle#value", "name": "value", "memberof": "oj-c.ProgressCircle", "meta": { "filename": "progress-circle.tsx", "path": "web/components/oj-c/progress-circle" }, "kind": "member", "longname": "oj-c.ProgressCircle#value", "scope": "instance", "type": { "names": [ "number" ] }, "optional": true, "ojdisplayname": "Value", "ojshortdesc": "The value of the Progress Circle.", "description": "The value of the Progress Circle. The element's value attribute is used if it\nis provided, otherwise the default value of 0 is used. For indeterminate Progress, set value to -1.\nAny other negative value will default to 0.", "defaultvalue": 0 }, { "id": "oj-c.ProgressCircle#size", "name": "size", "memberof": "oj-c.ProgressCircle", "meta": { "filename": "progress-circle.tsx", "path": "web/components/oj-c/progress-circle" }, "kind": "member", "longname": "oj-c.ProgressCircle#size", "scope": "instance", "type": { "names": [ "\"sm\"", "\"md\"", "\"lg\"" ] }, "optional": true, "ojdisplayname": "Size", "ojshortdesc": "Specifies the size of the progress circle.", "description": "Specifies the size of the progress circle.", "ojvalues": [ { "name": "sm", "description": "small progress circle", "displayName": "Small", "type": { "names": [ "string" ] } }, { "name": "md", "description": "medium progress circle (default, if unspecified)", "displayName": "Medium", "type": { "names": [ "string" ] } }, { "name": "lg", "description": "large progress circle", "displayName": "Large", "type": { "names": [ "string" ] } } ], "ojvalueskeeporder": true, "defaultvalue": "'md'" }, { "id": "oj-c.ProgressCircle#setProperty", "name": "setProperty", "memberof": "oj-c.ProgressCircle", "meta": { "filename": "progress-circle.tsx", "path": "web/components/oj-c/progress-circle" }, "kind": "function", "longname": "oj-c.ProgressCircle#setProperty", "scope": "instance", "returns": [ { "type": { "names": [ "void" ] } } ], "ojshortdesc": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.", "description": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.", "params": [ { "name": "property", "description": "The property name to set. Supports dot notation for subproperty access.", "type": { "names": [ "string" ] } }, { "name": "value", "description": "The new value to set the property to.", "type": { "names": [ "any" ] } } ] }, { "id": "oj-c.ProgressCircle#getProperty", "name": "getProperty", "memberof": "oj-c.ProgressCircle", "meta": { "filename": "progress-circle.tsx", "path": "web/components/oj-c/progress-circle" }, "kind": "function", "longname": "oj-c.ProgressCircle#getProperty", "scope": "instance", "returns": [ { "type": { "names": [ "any" ] } } ], "ojshortdesc": "Retrieves the value of a property or a subproperty.", "description": "Retrieves the value of a property or a subproperty.", "params": [ { "name": "property", "description": "The property name to get. Supports dot notation for subproperty access.", "type": { "names": [ "string" ] } } ] }, { "id": "oj-c.ProgressCircle#setProperties", "name": "setProperties", "memberof": "oj-c.ProgressCircle", "meta": { "filename": "progress-circle.tsx", "path": "web/components/oj-c/progress-circle" }, "kind": "function", "longname": "oj-c.ProgressCircle#setProperties", "scope": "instance", "returns": [ { "type": { "names": [ "void" ] } } ], "ojshortdesc": "Performs a batch set of properties.", "description": "Performs a batch set of properties.", "params": [ { "name": "properties", "description": "An object containing the property and value pairs to set.", "type": { "names": [ "object" ] } } ] } ]