The object type this reifier will be applied to.
Protected ReadonlytimeProtected ReadonlyattachedProtected_Protected ReadonlyvaluesThe properties to be assigned to the objects. It could take:
{key: value} pairs.{key: value} pairs.The interpolation function would take as arguments:
index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The properties to be assigned to the objects. It could take:
{key: value} pairs.{state: {key: value} pairs or an interpolation function that would return a record of {key: value} pairs}.{key: value} pairs based on the state value.The interpolation function would take as arguments:
state: State: the state being applied to the object(s). Only passed to the callback function if it is
defined for the whole field (and not for a specific state).index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The styles to be assigned to the objects (only if they are eligible elements). It could take:
{CSS property: value} pairs.{key: value} pairs.The interpolation function would take as arguments:
index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The styles to be assigned to the objects (only if they are eligible elements). It could take:
{CSS property: value} pairs.{state: {CSS property: value} pairs or an interpolation function that would return a record of {key: value} pairs}.{key: value} pairs based on the state value.The interpolation function would take as arguments:
state: State: the state being applied to the object(s). Only passed to the callback function if it is
defined for the whole field (and not for a specific state).index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The classes to be assigned to the objects (only if they are eligible elements). It could take:
The interpolation function would take as arguments:
index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The classes to be assigned to the objects (only if they are eligible elements). It could take:
{state: space-separated class string, array of classes, or an interpolation function that would return any of the latter}.The interpolation function would take as arguments:
state: State: the state being applied to the object(s). Only passed to the callback function if it is
defined for the whole field (and not for a specific state).index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The object that should replace (in the DOM as well if eligible) the attached objects. It could take:
The interpolation function would take as arguments:
index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The object that should replace (in the DOM as well if eligible) the attached objects. It could take:
{state: object to be replaced with, or an interpolation function that would return an object to be replaced with}.The interpolation function would take as arguments:
state: State: the state being applied to the object(s). Only passed to the callback function if it is
defined for the whole field (and not for a specific state).index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The property(ies) to apply a CSS transition on, on the attached objects. Defaults to "all". It could take:
The interpolation function would take as arguments:
index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The property(ies) to apply a CSS transition on, on the attached objects. Defaults to "all". It could take:
{state: space-separated CSS properties string, array of CSS properties, or an interpolation function that would return any of the latter}.The interpolation function would take as arguments:
state: State: the state being applied to the object(s). Only passed to the callback function if it is
defined for the whole field (and not for a specific state).index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The duration of the CSS transition to apply on the attached objects. Defaults to 0. It could take:
The interpolation function would take as arguments:
index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The duration of the CSS transition to apply on the attached objects. Defaults to 0. It could take:
{state: duration (number in seconds) or an interpolation function that would return a duration (number in seconds)}.The interpolation function would take as arguments:
state: State: the state being applied to the object(s). Only passed to the callback function if it is
defined for the whole field (and not for a specific state).index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The timing function of the CSS transition to apply on the attached objects. Defaults to "linear." It could take:
The interpolation function would take as arguments:
index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The timing function of the CSS transition to apply on the attached objects. Defaults to "linear." It could take:
{state: timing function (string) or an interpolation function that would return a timing function (string)}.The interpolation function would take as arguments:
state: State: the state being applied to the object(s). Only passed to the callback function if it is
defined for the whole field (and not for a specific state).index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The delay of the CSS transition to apply on the attached objects. Defaults to 0. It could take:
The interpolation function would take as arguments:
index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.The delay of the CSS transition to apply on the attached objects. Defaults to 0. It could take:
{state: delay (number in seconds) or an interpolation function that would return a delay (number in seconds)}.The interpolation function would take as arguments:
state: State: the state being applied to the object(s). Only passed to the callback function if it is
defined for the whole field (and not for a specific state).index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.Optionalobjects: ClassType | ClassType[]Optionaloptions: ReifectAppliedOptions<"", ClassType>Optionalobjects: ClassType | ClassType[]Optionaloptions: ReifectAppliedOptions<"", ClassType>attach
The object to attach.
OptionalonSwitch: (state: "", index: number, total: number, object: ClassType) => voidOptional callback fired when the reifier is applied to the object. The callback takes as parameters:
state: State: The state being applied to the object.index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.Optionalindex: numberOptional index to specify the position at which to insert the object in the reifier's attached list.
attachAll
The objects to attach.
attachAllAt
The index to specify the position at which to insert the objects in the reifier's attached list.
The objects to attach.
detach
The objects to detach.
ProtectedattachProtectedattachObject
The object to attach
Optionalindex: numberOptional index to specify the position at which to insert the object in the reifier's attached list.
OptionalonSwitch: (state: "", index: number, total: number, object: ClassType) => voidOptional callback fired when the reifier is applied to the object. The callback takes as parameters:
state: State: The state being applied to the object.index: number: the index of the object in the applied list.total: number: the total number of objects in the applied list.object: ClassType: the object itself.ProtecteddetachProtecteddetachObject
The data entry to remove.
getData
The object to find the data of.
null if was not found.getObject
The data entry to get the corresponding object of.
The corresponding object, or null if was garbage collected.
stateOf
The object to determine the state for.
Protectedparseenable
The value to set/update with. Setting it to a boolean will
accordingly update the value of enabled.global.
Optionalobject: ClassTypeThe object to set the state of.
getObjectEnabledState
The object to get the state of.
ProtectedprocessProtectedprocessOptionalobjects: ClassType | ClassType[]Optionaloptions: ReifectAppliedOptions<"", ClassType>reloadFor
The element to apply the string to.
Itself for method chaining.
Optionalobjects: ClassType | ClassType[]Optionaloptions: ReifectAppliedOptions<"", ClassType>ProtectedfilterProtectedprocessOptionaloverride: StatefulReifectCoreProperties<"", ClassType>Protectedprocess
Reifect
Description
A class to manage and apply dynamic properties, styles, classes, and transitions to a set of objects.