Type Definitions
-
ComponentMetadata
-
- The name can include only letters, digits, '-', and '_'.
- The letters in the name should be all lowercase.
- The name must start with a lowercase letter.
- The name cannot be one of the following reserved names:
- annotation-xml
- color-profile
- font-face
- font-face-src
- font-face-uri
- font-face-format
- font-face-name
- missing-glyph
- At least one hyphen is required.
- The first segment (up to the first hyphen) is a namespace prefix. The namespace prefix 'oj' is reserved for components that are bundled with the JET release.
- The first hyphen must be followed by at least one character.
- Always use the full name of the component when declaring a dependency upon it.
- Dependencies upon JET Custom Components, JET Reference Components, and JET Resource Components may use semantic version range syntax to specify the range of versions that are acceptable to fulfill the dependency requirement.
- the name of the license text file packaged with the component
- a URL to a remote license file
- If specified, then there should exist a JET Pack whose name is the
packvalue, and which lists this component's full name in itsdependenciesmetadata. - If unspecified, then this is a standalone JET Component that is not a member of any JET Pack.
"common"- an ordered group of properties that are commonly used for configuring this component, so they should be prominently highlighted and the design time environment should provide extra assistance"data"- an ordered group of properties associated with data binding- Component authors are not required to map all of their properties within their component's
propertyLayoutobject. Design time environments are expected to implement designs that enable access to both mapped and unmapped properties. - Nested propertyLayoutGroups enable support for design time environments that expose collapsible sections of related properties –
in which case, a section heading is suggested by that propertyLayoutGroup's
displayName. - If the design time environment does not support nested property groupings, then the assumption is that nested propertyLayoutGroups will be inlined within their common parent propertyLayoutGroup.
- Deprecated:
Since Value Description 8.0.0Array<MetadataTypes.StyleGroup> The MetadataTypes.StyleGroup type is deprecated. Use instances of the MetadataTypes.StyleClass, MetadataTypes.StyleSet, and MetadataTypes.StyleTemplate types for the content of the styleClasses array. - Since:
- 7.0.0
Properties:
Key Used at Runtime Type Argument Default Description namenostring The component name must meet the following requirements (based upon the W3C Custom Element spec): Note:
The full name of a component consists of itspackmetadata value (if specified) and itsnamemetadata value, appended together with a hyphen separating them:[pack_value]-[name_value]. This full name corresponds to the Component's custom element tag name. The names of standalone custom JET Web Components (i.e., custom components that are not members of a JET Pack, nor are JET Packs themselves) have the following additional requirements:versionnostring The component version (following semantic version rules). Note that changes to the metadata even for minor updates like updating the jetVersion should result in at least a minor component version change, e.g. 1.0.0 -> 1.0.1. jetVersionnostring The semantic version of the supported JET version(s). JET Component authors should not specify a semantic version range that includes unreleased JET major versions as major releases may contain non backwards compatible changes. Authors should instead recertify components with each major release and update the metadata or release a new version that is compatible with the new release changes. propertiesyes{[key:string] : MetadataTypes.ComponentMetadataProperties} <optional>
Object containing the properties defined by the component. Each key represents a component property name, and its value is an object with additional metadata for that property. See the Properties table below for details. methodsyes{[key:string] : MetadataTypes.ComponentMetadataMethods} <optional>
Object containing the methods defined by the component. Each key represents a component method name, and its value is an object with additional metadata for that method. See the Method table below for details. eventsyes{[key:string] : MetadataTypes.ComponentMetadataEvents} <optional>
Object containing events defined by the component. Each key represents a component event name, and its value is an object with additional metadata for that event. See the Events table below for details. slotsyes{[key:string] : MetadataTypes.ComponentMetadataSlots} <optional>
Object containing the slots defined by the component. Each key represents a component slot name, and its value is an object with additional metadata for that slot. See the Slot table below for details. Note:
By convention, the slot name for a component's Default slot is the empty string:"".dependenciesno{[key:string] : string} <optional>
Dependency to semantic version mapping for JET Component dependencies. 3rd party libraries should not be included directly in this mapping; instead, define the 3rd party library with a JET Reference Component and include the dependency upon that Reference Component. Example:
dependencies: {"oj-foo-composite1": "1.2.0", "oj-foo-composite2": "^2.1.0"}Note:
descriptionnostring <optional>
A translatable high-level description for the component. Content should typically consist of one or two sentences. displayNamenostring <optional>
A user friendly, translatable name of the component. extensionnoobject <optional>
Placeholder for Extension metadata. Each section is identified by a key that specifies the downstream tool that will process this metadata. For example:
Please consult the documentation for the downstream tool to determine what (if any) extension metadata is supported.Name Type Description vbdt{Object} Identifies an object with Visual Builder design time metadata helpnostring <optional>
Specifies a URL to detailed API documentation for this component. iconnoMetadataTypes.Icon <optional>
One or more optional images for representing the component within a design time environment's component palette. licensenostring <optional>
A reference to the license under which use of the component is granted. The value can be: packnostring <optional>
Identifies the component as belonging to the specified JET Component Pack, or JET Pack. A JET Pack is a versioned set of JET Components with additional metadata that enables applications to easily install and configure path mappings to the components and shared resources in that JET Pack.
pathsno{cdn: MetadataTypes.Paths} <optional>
Specifies path metadata that is used to generate RequireJS path mappings for loading this component at runtime from a Content Delivery Network, or CDN. It is strongly recommended that CDN urls be specified with https:, as this is required for HTTP/2 and the consuming app may be configured to disallow non-secure urls.Note:
The information in thepathsproperty is ignored for JET Custom Components that are part of a JET Pack – only the JET Pack itself will be path mapped.propertyLayoutnoArray.<MetadataTypes.PropertyLayoutGroup> <optional>
An optional ordered array of one or more PropertyLayoutGroup objects. A propertyLayoutGroup enables a component author to order and shape the groupings of their properties in the design time environment for their component. Reserved groupings include:
Notes
Example
A typical Property Inspector layout for the oj-input-text component might look as follows:"propertyLayout": [ { "propertyGroup": "common", "displayName": "Common", "items": ["labelHint", "placeholder", "required", "disabled", "readonly"] }, { "propertyGroup": "data", "displayName": "Data", "items": ["value"] } ]statusnoArray.<MetadataTypes.Status> <optional>
Optional array of status objects that are applicable to this component. styleClassesnoArray<MetadataTypes.StyleClassItem> | Array.<MetadataTypes.StyleGroup> <optional>
Optional array of style classes, style class sets, and style class templates that are applicable to this component. typeno"composite" | "core" | "pack" | "reference" | "resource" <optional>
"composite" Identifies the type of this JET Component. Supported values are:
Value Description composite Identifies the component as a custom JET Web Component, also known as a "Composite Component". This is the default, if typeis unspecified.core Identifies the component as a JET Web Component that is bundled with a particular version of JET. pack Identifies the component as a JET Component Pack, or JET Pack. A JET Pack is a versioned set of JET Web Components with additional metadata that enables applications to easily install and configure path mappings to the artifacts in that JET Pack. The
dependenciesmetadata property is used to specify the versioned components that make up the JET Pack.reference Identifies the component as a JET Reference Component, which describes a versioned external 3rd party library. A JET Reference Component can be referenced in the
dependenciesmetadata of a JET Pack, a JET Resource Component, or an individual JET Web Component.resource Identifes the component as a JET Resource Component, which describes a versioned set of shared resources (such as shared CSS, JavaScript base classes & utility code, icons, translation bundles, etc.) A JET Resource Component can be referenced in the
dependenciesmetadata of a JET Pack, another JET Resource Component, or an individual JET Web Component.Metadata for JET Packs, JET Reference Components, and JET Resource Components are described in more detail in the JET Packs topic.
-
ComponentMetadataEvents
-
"common"- Applications will commonly want to invoke application logic in response to this event, so it should be prominently highlighted and the design time environment should provide extra assistance.- Since:
- 7.0.0
Properties:
Name Type Argument Description bubblesboolean <optional>
Indicates whether the event bubbles up through the DOM or not. Defaults to false. cancelableboolean <optional>
Indicates whether the event is cancelable or not. Defaults to false. descriptionstring <optional>
A translatable high-level description for the event. Content should typically consist of one or two sentences. detail{[key:string] : MetadataTypes.EventDetailItem} <optional>
Describes the properties available on the event's detailproperty, which contains data passed when initializing the event. Each key represents an event detail item, and the value is an object with additional metadata for that particular event detail item.displayNamestring <optional>
A user friendly, translatable name of the event. eventGroupstring <optional>
Optional group name for this event in a design time environment. Reserved values are: eventGroup, then members of that event'sdetailmetadata can be also be flagged with that sameeventGroupname – this enables the design time environment to map event payload details with any extra assistance afforded by that grouping.extensionobject <optional>
Placeholder for Extension metadata. Each section is identified by a key that specifies the downstream tool that will process this metadata. For example:
Please consult the documentation for the downstream tool to determine what (if any) extension metadata is supported.Name Type Description vbdt{Object} Identifies an object with Visual Builder design time metadata helpstring <optional>
Specifies a URL to detailed API documentation for this component method. The value can be either an absolute URL, or an anchor string to be appended at the end of the Component-level helpvalue after a hash ('#') character.statusArray.<MetadataTypes.Status> <optional>
Optional array of status objects that are applicable to this event. visibleboolean <optional>
Specifies whether the method should be visible at design time. True by default. -
ComponentMetadataMethods
-
- Since:
- 7.0.0
Properties:
Key Used at Runtime Type Argument Description internalNameyesstring <optional>
An optional ViewModel method name that is different from, but maps to this method. descriptionnostring <optional>
A translatable high-level description for the method. Content should typically consist of one or two sentences. displayNamenostring <optional>
A user friendly, translatable name of the method. extensionnoobject <optional>
Placeholder for Extension metadata. Each section is identified by a key that specifies the downstream tool that will process this metadata. For example:
Please consult the documentation for the downstream tool to determine what (if any) extension metadata is supported.Name Type Description vbdt{Object} Identifies an object with Visual Builder design time metadata helpnostring <optional>
Specifies a URL to detailed API documentation for this component method. The value can be either an absolute URL, or an anchor string to be appended at the end of the Component-level helpvalue after a hash ('#') character.paramsnoArray.<MetadataTypes.MethodParam> <optional>
An array of objects describing the method parameters. returnnostring <optional>
The return type of the method, typically following Google Closure Compiler syntax. The metadata also supports TypeScript data types. statusnoArray.<MetadataTypes.Status> <optional>
Optional array of status objects that are applicable to this method. visiblenoboolean <optional>
Specifies whether the method should be visible at design time. True by default. -
ComponentMetadataProperties
-
"common"- Applications will commonly want to react to changes to this property at runtime, so its corresponding property change event should be prominently highlighted and the design time environment should provide extra assistance."common"- This property is commonly used for configuring this component, so it should be prominently highlighted and the design time environment should provide extra assistance."data"- This property is commonly associated with data binding.- Component authors are not required to map all of their properties to a particular
propertyGroup. Design time environments are expected to implement designs that enable access to both mapped and unmapped properties. - Component authors can optionally specify their preferred layout and ordering of component
properties within a
propertyGroupby providing additional Component-levelpropertyLayoutmetadata. - Conversely, if a property is mapped to a particular
propertyGroupbut is not referenced in the correspondingpropertyLayoutmetadata, then its layout and ordering is undefined. - Since:
- 7.0.0
Properties:
Key Used at Runtime Type Argument Description enumValuesyesArray.<string> <optional>
An optional list of valid enum values for a string property. An error is thrown if a property value does not match one of the provided enumValues. propertiesyes{[key:string] : MetadataTypes.ComponentMetadataProperties} <optional>
A nested properties object for complex properties. Each key represents a subproperty name, and its value is an object with additional metadata for that subproperty. Subproperties exposed using nested properties objects in the metadata can be set using dot notation in the attribute. See the Subproperties section for more details on working with subproperties. readOnlyyesboolean <optional>
Determines whether a property can be updated outside of the ViewModel. False by default. If readOnly is true, the property can only be updated by the ViewModel or by the components within the composite component. This property only needs to be defined for the top level property, with subproperties inheriting that value. typeyesstring The type of the property, following Google Closure Compiler syntax. The runtime will parse string, number, boolean, array and object types for non data-bound attributes, but will not provide type checking for array and object elements. However, for documentation purposes, it may still be beneficial to provide array and object element details using the Closure Compiler syntax. valueyesArray | object | boolean | number | null | string <optional>
An optional default value for a property. This default value must be expressible as valid JSON. For complex properties, the default value can be specified as an object for the top level property, or else at the leaf subproperty levels, but not both. bindingyesMetadataTypes.PropertyBinding <optional>
Runtime metadata for specifying property's behavior related to JET bindings writebackyesboolean <optional>
Applicable when the application uses two-way data binding to bind an expression to a property. If writeback is true, the JET Web Component can directly update the value of the bound expression after a user interaction like selection. False by default. This property only needs to be defined for the top level property, with subproperties inheriting that value. descriptionnostring <optional>
A translatable high-level description for the property. Content should typically consist of one or two sentences. displayNamenostring <optional>
A user friendly, translatable name of the property. eventGroupnostring <optional>
Optional group name for this property's corresponding [property]Changed event in a design time environment. Reserved values are: exclusiveMaximumnonumber | string <optional>
Validation metadata - specifies the exclusive high end of a possible range of values (e.g., "exclusiveMaximum": 1.0 → valid property value is <1.0). If the value is a string, then it is assumed to represent a dateTime value in the ISO 8601 extended date/time format. exclusiveMinimumnonumber | string <optional>
Validation metadata - specifies the exclusive low end of a possible range of values (e.g., "exclusiveMinimum": 0.0 → valid property value is >0.0). If the value is a string, then it is assumed to represent a dateTime value in the ISO 8601 extended date/time format. extensionnoobject <optional>
Placeholder for Extension metadata. Each section is identified by a key that specifies the downstream tool that will process this metadata. For example:
Please consult the documentation for the downstream tool to determine what (if any) extension metadata is supported.Name Type Description vbdt{Object} Identifies an object with Visual Builder design time metadata formatnostring <optional>
Format hint for a primitive type that can be used for simple validation in the design time environment, or to invoke a specialized customizer control or set of controls. The following set of reserved format keywords are supported: {number} type formats
Keyword Description doublefloating point number with double precision floatfloating point number with single precision int32signed 32-bit integer int64signed 64-bit integer {string} type formats
Keyword Description binarysequence of octets bytesequence of base64-encoded characters colorCSS color value datedate in RFC 3339 format, using the "full-date" profile date-timedate-time in RFC 3339 format, using the "date-time" profile emailInternet email address in RFC 5322 format timetime in RFC 3339 format, using the "full-time" profile passwordhint to UIs to obscure input uriUniform Resource Identifier in RFC 3986 format helpnostring <optional>
Specifies a URL to detailed API documentation for this component property. The value can be either an absolute URL, or an anchor string to be appended at the end of the Component-level helpvalue after a hash ('#') character.maximumnonumber | string <optional>
Validation metadata - specifies the inclusive high end of a possible range of values (e.g., "maximum": 1.0 → valid property value is <=1.0). If the value is a string, then it is assumed to represent a dateTime value in the ISO 8601 extended date/time format. minimumnonumber | string <optional>
Validation metadata - specifies the inclusive low end of a possible range of values (e.g., "minimum": 0.0 → valid property value is >=0.0). If the value is a string, then it is assumed to represent a dateTime value in the ISO 8601 extended date/time format. minCapabilitiesnoMetadataTypes.MinCapabilities <optional>
An object describing the minimum set of required capabilities supported by the bound Property's value. The keys of the minCapabilities object identify a capability name, and the corresponding values are JSON Objects that specify a minimum set of requirements supported by that named capability. patternnostring <optional>
Javascript regular expression that can be used to validate a string value at design time Example:
To validate a string that matches the format of a U.S. Social Security number, you could specify the following:"pattern": "^\d{3}-?\d{2}-?\d{4}$"placeholdernostring <optional>
User-friendly, translatable hint text that appears in an empty input field at design time. propertyEditorValuesno{[key:string] : MetadataTypes.PropertyEditorValue} <optional>
Design time metadata that lists suggested property values, and optional information about each suggested value. Each key represents a suggested property value – if enumValues runtime metadata is specified, then it is expected that some or all of the keys will match the values in the enumValues array. Conversely, the absence of enumValues runtime metadata indicates that the property can accept values in addition to those suggested by its propertyEditorValues metadata. propertyGroupnostring <optional>
Optional group name for this property in a design time environment. Reserved values include: propertyGroupspecified as "common.legend"Notes
requirednoboolean <optional>
Signals to the design time environment whether this property must have a value specified. False by default. Note that requiredshould not be set to true if a defaultvaluehas been defined for the property already.statusnoArray.<MetadataTypes.Status> <optional>
Optional array of status objects that are applicable to this property. translatablenoboolean <optional>
True if the value of this property (or its sub-properties, unless explicitly overridden) is eligible to be included when application resources are translated for Internationalization. False by default. unitsnostring <optional>
User-friendly, translatable text string specifying what units are represented by a property value -- e.g., "pixels". visiblenoboolean <optional>
Specifies whether the property should be visible at design time. True by default. -
ComponentMetadataSlots
-
- Since:
- 7.0.0
Properties:
Name Type Argument Description data{[key:string] : MetadataTypes.SlotDataVariable} <optional>
An object whose keys are the variable names available on $currentand whose values are objects that provide additional metadata about the variable. These variables extend what's available on the application context and will be exposed as subproperties on the$currentvariable and any application provided aliases.Note:
This property only applies to template slots.descriptionstring <optional>
A translatable high-level description for the slot. Content should typically consist of one or two sentences. displayNamestring <optional>
A user friendly, translatable name of the slot. extensionobject <optional>
Placeholder for Extension metadata. Each section is identified by a key that specifies the downstream tool that will process this metadata. For example:
Please consult the documentation for the downstream tool to determine what (if any) extension metadata is supported.Name Type Description vbdt{Object} Identifies an object with Visual Builder design time metadata helpstring <optional>
Specifies a URL to detailed API documentation for this component method. The value can be either an absolute URL, or an anchor string to be appended at the end of the Component-level helpvalue after a hash ('#') character.maxItemsnumber <optional>
Specifies the maximum number of elements that the design time environment should allow to be added to this slot. If unspecified, the default is that there is no maximum. minItemsnumber <optional>
Specifies the minimum number of elements that the design time environment should allow to be added to this slot. If unspecified, the default is 0. statusArray.<MetadataTypes.Status> <optional>
Optional array of status objects that are applicable to this slot. visibleboolean <optional>
Specifies whether the method should be visible at design time. True by default. -
EventDetailItem
-
- Since:
- 7.1.0
Properties:
Name Type Argument Description descriptionstring <optional>
An optional, translatable description of this event detail item. Content should typically consist of one or two sentences. typestring The type of this event detail item's value, typically following Google Closure Compiler syntax. The metadata also supports TypeScript data types. statusArray.<MetadataTypes.Status> <optional>
Optional array of status objects that are applicable to this event detail item. eventGroupstring <optional>
Optional flag that maps this event detail item for special consideration in a design time environment -- the value should match the eventGroupvalue of the containing Event metadata element. -
FilterCapabilities
-
- Since:
- 9.1.0
Properties:
Name Type Description textFilterboolean Specifies whether a bound DataProvider must provide a text filtering capability. -
Icon
-
- Since:
- 7.1.0
Properties:
Name Type Argument Description iconPathstring <optional>
A relative path to an icon that represents the default (enabled) state. selectedIconPathstring <optional>
A relative path to the icon that represents the selected state. hoverIconPathstring <optional>
A relative path to the icon that represents the hover state. -
MethodParam
-
- Since:
- 7.1.0
Properties:
Name Type Argument Description descriptionstring <optional>
A translatable high-level description for the parameter. Content should typically consist of one or two sentences. namestring The name of the parameter. statusArray.<MetadataTypes.Status> <optional>
Optional array of status objects that are applicable to this parameter. typestring The type of the parameter, typically following Google Closure Compiler syntax. The metadata also supports TypeScript data types. -
MinCapabilities
-
- Since:
- 9.1.0
Properties:
Name Type Argument Description filterMetadataTypes.FilterCapabilities <optional>
Describes minimum filtering capabilities for a bound DataProvider. -
Paths
-
- Since:
- 7.1.0
Properties:
Name Type Argument Description minstring <optional>
Specifies the location of the optimized form of the artifact. debugstring <optional>
Specifies the location of the debug form of the artifact. -
PropertyBinding
-
- Since:
- 9.0.0
Properties:
Key Used at Runtime Type Argument Description consumeyes{name: string} <optional>
Allows property to consume a value provided by an ancestor component. The value will be consumed only if the property's attribute has not been set, i.e. the provided value is used as a default. The 'name' property should be set to the name of the variable published by an ancestor component. provideyesArray.<MetadataTypes.ProvideProperty> <optional>
Allows property to provide one or more values to be consumed by descendant components. The provided value will come from the literal attribute value, explicit expression binding or an implicit (consumed) binding provided by an ancestor component -
PropertyEditorValue
-
- Since:
- 7.1.0
Properties:
Name Type Argument Description descriptionstring <optional>
A translatable high-level description for the value. Content should typically consist of one or two sentences. displayNamestring <optional>
A displayable, translatable label for the value. iconMetadataTypes.Icon <optional>
One or more optional images for representing the value. -
PropertyLayoutGroup
-
"common"- an ordered group of properties that are commonly used for configuring this component, so they should be prominently highlighted and the design time environment should provide extra assistance"data"- an ordered group of properties associated with data binding- Items of type
stringrepresent the names of component properties or sub-properties. - Items of type
PropertyLayoutGrouprepresent a nested layout structure. - Since:
- 7.1.0
Properties:
Name Type Argument Description propertyGroupstring The property group name associated with this propertyLayoutGroup. Reserved values include: displayNamestring <optional>
An optional user friendly, translatable name for this propertyLayoutGroup. itemsArray<string | MetadataTypes.PropertyLayoutGroup> An ordered array of one or more items in this propertyLayoutGroup: -
ProvideProperty
-
- Since:
- 9.0.0
Properties:
Key Used at Runtime Type Argument Description nameyesstring A name used to publish the property for descendant components defaultyesstring | number | boolean | null <optional>
Optional default value for the propagated property. The value will be used when the property has no explicit or implicit (consumed) binding, and no literal attribute value. Note that the transform map will not be applied to this value. transformyesRecord<string, string | number | boolean | null> <optional>
A transform map that can be used to change the original string value of the property before publishing it for descendant components. Each key represents a possible original value, and the value represents its replacement. If the original value is not found in the transform map, it will be published for descendants without any changes. -
SlotDataVariable
-
- Since:
- 7.1.0
Properties:
Name Type Argument Description descriptionstring <optional>
A translatable high-level description for the slot data variable. Content should typically consist of one or two sentences. statusArray.<MetadataTypes.Status> <optional>
Optional array of status objects that are applicable to this slot data variable. typestring The slot data variable type, typically following Google Closure Compiler syntax. The metadata also supports TypeScript data types. -
Status
-
- Since:
- 7.1.0
Properties:
Name Type Argument Description type"deprecated" <optional>
The status type. sincestring <optional>
The version (following semantic version rules) when the specified status was first established. descriptionstring <optional>
A translatable high-level description for the specified status. For deprecated elements, this should ideally direct developers to an alternative solution. Content should typically consist of one or two sentences. target"propertyType" | "propertyValue" | "parameterType" | "returnType" <optional>
The target of the specified status. If no target is provided, then the status applies to the current element. valueArray.<string> <optional>
Array of targetted values of the specified status (only applies if a 'target' property is also specified). For example, if 'type' is set to "deprecated" and 'target' is set to "propertyType", then 'value' is used to specify the particular types of a property's union type that have been deprecated. -
StyleClass
-
- descendent selector (space)
- child selector (>)
- adjacent sibling selector (+)
- general sibling selector (~)
- If the
styleClassesitem is associated with a component, then the default target element is the HTML custom element corresponding to the component. - If the
styleClassesitem is not associated with a component, then the default target element is any element. - Since:
- 8.0.0
Properties:
Name Type Argument Description namestring The name of the style class. kind"class" Discriminant that identifies the object instance as a style class. displayNamestring <optional>
A user friendly, translatable name of the style class. descriptionstring <optional>
A translatable high-level description for the style class. Content should typically consist of one or two sentences. extensionobject <optional>
Placeholder for Extension metadata. Each section is identified by a key that specifies the downstream tool that will process this metadata. For example:
Please consult the documentation for the downstream tool to determine what (if any) extension metadata is supported.Name Type Description vbdt{Object} Identifies an object with Visual Builder design time metadata helpstring <optional>
Specifies a URL to detailed API documentation for this style class. The value can be either an absolute URL, or an anchor string to be appended at the end of a top-level helpvalue after a hash ('#') character.statusArray.<MetadataTypes.Status> <optional>
Optional array of status objects that are applicable to this style class. styleSelectorstring <optional>
An optional CSS combinator expression that specifies the target element for this style class. The following CSS combinators are supported: If unspecified, then the default behavior depends upon the context:
-
StyleClassItem
-
Discriminated union type for items in the ComponentMetadata.styleClasses array:
{MetadataTypes.StyleClass|MetadataTypes.StyleSet|MetadataTypes.StyleTemplate}
The common
kindproperty acts as a discriminant for determining the type of a particular instance.- Since:
- 8.0.0
-
StyleGroup
-
- Deprecated:
Since Description 8.0.0The MetadataTypes.StyleGroup type is deprecated. Use the MetadataTypes.StyleClass, MetadataTypes.StyleSet, and/or MetadataTypes.StyleTemplate types.
- Since:
- 8.0.0
Properties:
Name Type Argument Description styleGroupArray.<string> <optional>
Array of mutually exclusive style class names that belong to this group. descriptionstring <optional>
A translatable high-level description for this group of styleClasses. Content should typically consist of one or two sentences. -
StyleSet
-
- Since:
- 8.0.0
Properties:
Name Type Argument Description namestring The identifier for the style set. kind"set" Discriminant that identifies the object instance as a style set. displayNamestring <optional>
A user friendly, translatable name of the style set. descriptionstring <optional>
A translatable high-level description for the style set. Content should typically consist of one or two sentences. extensionobject <optional>
Placeholder for Extension metadata. Each section is identified by a key that specifies the downstream tool that will process this metadata. For example:
Please consult the documentation for the downstream tool to determine what (if any) extension metadata is supported.Name Type Description vbdt{Object} Identifies an object with Visual Builder design time metadata helpstring <optional>
Specifies a URL to detailed API documentation for this style set. The value can be either an absolute URL, or an anchor string to be appended at the end of a top-level helpvalue after a hash ('#') character.statusArray.<MetadataTypes.Status> <optional>
Optional array of status objects that are applicable to this style set. styleRelation"exclusive" | "inclusive" Specifies whether the style classes that make up this style set are mutually exclusive. styleItemsArray<(MetadataTypes.StyleClass | MetadataTypes.StyleSet | MetadataTypes.StyleTemplate)> An array of items that belong to this style set. -
StyleTemplate
-
- descendent selector (space)
- child selector ($gt)
- adjacent sibling selector (+)
- general sibling selector (~)
- If the
styleClassesitem is associated with a component, then the default target element is the HTML custom element corresponding to the component. - If the
styleClassesitem is not associated with a component, then the default target element is any element. - Since:
- 8.0.0
Properties:
Name Type Argument Description namestring A series of style classes expressed as a tokenized name string. kind"template" Discriminant that identifies the object instance as a style template. displayNamestring <optional>
A user friendly, translatable name of the style template. descriptionstring <optional>
A translatable high-level description for the style template. Content should typically consist of one or two sentences. extensionobject <optional>
Placeholder for Extension metadata. Each section is identified by a key that specifies the downstream tool that will process this metadata. For example:
Please consult the documentation for the downstream tool to determine what (if any) extension metadata is supported.Name Type Description vbdt{Object} Identifies an object with Visual Builder design time metadata helpstring <optional>
Specifies a URL to detailed API documentation for this style template. The value can be either an absolute URL, or an anchor string to be appended at the end of a top-level helpvalue after a hash ('#') character.statusArray.<MetadataTypes.Status> <optional>
Optional array of status objects that are applicable to this style template. styleSelectorstring <optional>
An optional CSS combinator expression that specifies the target element for this style template. The following CSS combinators are supported: tokensArray.<(MetadataTypes.StyleTemplateToken)> An ordered set of substitution tokens used in this style template. -
StyleTemplateToken
-
- Since:
- 8.0.0
Properties:
Name Type Argument Description namestring The name of the substitution token. displayNamestring <optional>
A user friendly, translatable name of the substitution token. descriptionstring <optional>
A translatable high-level description for the substitution token. Content should typically consist of one or two sentences. styleRelation"exclusive" | "inclusive" Specifies whether the style classes that result from the substitution of this token are mutually exclusive. valuesArray.<(MetadataTypes.StyleTemplateTokenValue)> An ordered set of substitution token values. -
StyleTemplateTokenValue
-
- Since:
- 8.0.0
Properties:
Name Type Argument Description namestring The substitution token value. displayNamestring <optional>
A user friendly, translatable name of the substitution token value. descriptionstring <optional>
A translatable high-level description for the substitution token value. Content should typically consist of one or two sentences. statusArray.<MetadataTypes.Status> <optional>
Optional array of status objects that are applicable to this substitution token value.