divkit.dsl.Container.kt Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of kotlin-json-builder Show documentation
Show all versions of kotlin-json-builder Show documentation
DivKit is an open source Server-Driven UI (SDUI) framework. SDUI is a an emerging technique that leverage the server to build the user interfaces of their mobile app.
@file:Suppress(
"unused",
"UNUSED_PARAMETER",
)
package divkit.dsl
import com.fasterxml.jackson.annotation.JsonAnyGetter
import com.fasterxml.jackson.annotation.JsonIgnore
import com.fasterxml.jackson.annotation.JsonValue
import divkit.dsl.annotation.*
import divkit.dsl.core.*
import divkit.dsl.scope.*
import kotlin.Any
import kotlin.String
import kotlin.Suppress
import kotlin.collections.List
import kotlin.collections.Map
/**
* Container. It contains other elements and is responsible for their location. It is used to arrange elements vertically, horizontally, and with an overlay in a certain order, simulating the third dimension.
*
* Can be created using the method [container].
*
* Required parameters: `type`.
*/
@Generated
class Container internal constructor(
@JsonIgnore
val properties: Properties,
) : Div {
@JsonAnyGetter
internal fun getJsonProperties(): Map = properties.mergeWith(
mapOf("type" to "container")
)
operator fun plus(additive: Properties): Container = Container(
Properties(
orientation = additive.orientation ?: properties.orientation,
accessibility = additive.accessibility ?: properties.accessibility,
action = additive.action ?: properties.action,
actionAnimation = additive.actionAnimation ?: properties.actionAnimation,
actions = additive.actions ?: properties.actions,
alignmentHorizontal = additive.alignmentHorizontal ?: properties.alignmentHorizontal,
alignmentVertical = additive.alignmentVertical ?: properties.alignmentVertical,
alpha = additive.alpha ?: properties.alpha,
aspect = additive.aspect ?: properties.aspect,
background = additive.background ?: properties.background,
border = additive.border ?: properties.border,
clipToBounds = additive.clipToBounds ?: properties.clipToBounds,
columnSpan = additive.columnSpan ?: properties.columnSpan,
contentAlignmentHorizontal = additive.contentAlignmentHorizontal ?: properties.contentAlignmentHorizontal,
contentAlignmentVertical = additive.contentAlignmentVertical ?: properties.contentAlignmentVertical,
disappearActions = additive.disappearActions ?: properties.disappearActions,
doubletapActions = additive.doubletapActions ?: properties.doubletapActions,
extensions = additive.extensions ?: properties.extensions,
focus = additive.focus ?: properties.focus,
height = additive.height ?: properties.height,
id = additive.id ?: properties.id,
itemBuilder = additive.itemBuilder ?: properties.itemBuilder,
items = additive.items ?: properties.items,
layoutMode = additive.layoutMode ?: properties.layoutMode,
layoutProvider = additive.layoutProvider ?: properties.layoutProvider,
lineSeparator = additive.lineSeparator ?: properties.lineSeparator,
longtapActions = additive.longtapActions ?: properties.longtapActions,
margins = additive.margins ?: properties.margins,
paddings = additive.paddings ?: properties.paddings,
reuseId = additive.reuseId ?: properties.reuseId,
rowSpan = additive.rowSpan ?: properties.rowSpan,
selectedActions = additive.selectedActions ?: properties.selectedActions,
separator = additive.separator ?: properties.separator,
tooltips = additive.tooltips ?: properties.tooltips,
transform = additive.transform ?: properties.transform,
transitionChange = additive.transitionChange ?: properties.transitionChange,
transitionIn = additive.transitionIn ?: properties.transitionIn,
transitionOut = additive.transitionOut ?: properties.transitionOut,
transitionTriggers = additive.transitionTriggers ?: properties.transitionTriggers,
variables = additive.variables ?: properties.variables,
visibility = additive.visibility ?: properties.visibility,
visibilityAction = additive.visibilityAction ?: properties.visibilityAction,
visibilityActions = additive.visibilityActions ?: properties.visibilityActions,
width = additive.width ?: properties.width,
)
)
class Properties internal constructor(
/**
* Location of elements. `overlap` value overlays elements on top of each other in the order of enumeration. The lowest is the zero element of an array.
* Default value: `vertical`.
*/
val orientation: Property?,
/**
* Accessibility settings.
*/
val accessibility: Property?,
/**
* One action when clicking on an element. Not used if the `actions` parameter is set.
*/
val action: Property?,
/**
* Click animation. The web only supports the following values: `fade`, `scale`, `native`, `no_animation` and `set`.
* Default value: `{"name": "fade", "start_value": 1, "end_value": 0.6, "duration": 100 }`.
*/
val actionAnimation: Property?,
/**
* Multiple actions when clicking on an element.
*/
val actions: Property>?,
/**
* Horizontal alignment of an element inside the parent element.
*/
val alignmentHorizontal: Property?,
/**
* Vertical alignment of an element inside the parent element.
*/
val alignmentVertical: Property?,
/**
* Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* Default value: `1.0`.
*/
val alpha: Property?,
/**
* Fixed aspect ratio of the container. The element's height is calculated based on the width, ignoring the `height` parameter's value.
On the web, support for the `aspect-ratio` CSS property is required to use this parameter.
*/
val aspect: Property?,
/**
* Element background. It can contain multiple layers.
*/
val background: Property>?,
/**
* Element stroke.
*/
val border: Property?,
/**
* Enables the bounding of child elements by the parent's borders.
* Default value: `true`.
*/
val clipToBounds: Property?,
/**
* Merges cells in a column of the [grid](div-grid.md) element.
*/
val columnSpan: Property?,
/**
* Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* Default value: `start`.
*/
val contentAlignmentHorizontal: Property?,
/**
* Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* Default value: `top`.
*/
val contentAlignmentVertical: Property?,
/**
* Actions when an element disappears from the screen.
*/
val disappearActions: Property>?,
/**
* Action when double-clicking on an element.
*/
val doubletapActions: Property>?,
/**
* Extensions for additional processing of an element. The list of extensions is given in [DivExtension](../../extensions).
*/
val extensions: Property>?,
/**
* Parameters when focusing on an element or losing focus.
*/
val focus: Property?,
/**
* Element height. For Android: if there is text in this or in a child element, specify height in `sp` to scale the element together with the text. To learn more about units of size measurement, see [Layout inside the card](../../layout).
* Default value: `{"type": "wrap_content"}`.
*/
val height: Property?,
/**
* Element ID. It must be unique within the root element. It is used as `accessibilityIdentifier` on iOS.
*/
val id: Property?,
/**
* Sets collection elements dynamically using `data` and `prototypes`.
*/
val itemBuilder: Property?,
/**
* Nested elements.
*/
val items: Property>?,
/**
* Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* Default value: `no_wrap`.
*/
val layoutMode: Property?,
/**
* Provides element real size values after a layout cycle.
*/
val layoutProvider: Property?,
/**
* Separator between elements along the cross axis. Not used if the `layout_mode` parameter is set to `no_wrap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
*/
val lineSeparator: Property?,
/**
* Action when long-clicking an element. Doesn't work on devices that don't support touch gestures.
*/
val longtapActions: Property>?,
/**
* External margins from the element stroke.
*/
val margins: Property?,
/**
* Internal margins from the element stroke.
*/
val paddings: Property?,
/**
* Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
*/
val reuseId: Property?,
/**
* Merges cells in a string of the [grid](div-grid.md) element.
*/
val rowSpan: Property?,
/**
* List of [actions](div-action.md) to be executed when selecting an element in [pager](div-pager.md).
*/
val selectedActions: Property>?,
/**
* Separator between elements along the main axis. Not used if the `orientation` parameter is set to `overlap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
*/
val separator: Property?,
/**
* Tooltips linked to an element. A tooltip can be shown by `div-action://show_tooltip?id=`, hidden by `div-action://hide_tooltip?id=` where `id` — tooltip id.
*/
val tooltips: Property>?,
/**
* Applies the passed transformation to the element. Content that doesn't fit into the original view area is cut off.
*/
val transform: Property?,
/**
* Change animation. It is played when the position or size of an element changes in the new layout.
*/
val transitionChange: Property?,
/**
* Appearance animation. It is played when an element with a new ID appears. To learn more about the concept of transitions, see [Animated transitions](../../interaction#animation/transition-animation).
*/
val transitionIn: Property?,
/**
* Disappearance animation. It is played when an element disappears in the new layout.
*/
val transitionOut: Property?,
/**
* Animation starting triggers. Default value: `[state_change, visibility_change]`.
*/
val transitionTriggers: Property>>?,
/**
* Definition of variables that can be used within this element. These variables, defined in the array, can only be used inside this element and its children.
*/
val variables: Property>?,
/**
* Element visibility.
* Default value: `visible`.
*/
val visibility: Property?,
/**
* Tracking visibility of a single element. Not used if the `visibility_actions` parameter is set.
*/
val visibilityAction: Property?,
/**
* Actions when an element appears on the screen.
*/
val visibilityActions: Property>?,
/**
* Element width.
* Default value: `{"type": "match_parent"}`.
*/
val width: Property?,
) {
internal fun mergeWith(properties: Map): Map {
val result = mutableMapOf()
result.putAll(properties)
result.tryPutProperty("orientation", orientation)
result.tryPutProperty("accessibility", accessibility)
result.tryPutProperty("action", action)
result.tryPutProperty("action_animation", actionAnimation)
result.tryPutProperty("actions", actions)
result.tryPutProperty("alignment_horizontal", alignmentHorizontal)
result.tryPutProperty("alignment_vertical", alignmentVertical)
result.tryPutProperty("alpha", alpha)
result.tryPutProperty("aspect", aspect)
result.tryPutProperty("background", background)
result.tryPutProperty("border", border)
result.tryPutProperty("clip_to_bounds", clipToBounds)
result.tryPutProperty("column_span", columnSpan)
result.tryPutProperty("content_alignment_horizontal", contentAlignmentHorizontal)
result.tryPutProperty("content_alignment_vertical", contentAlignmentVertical)
result.tryPutProperty("disappear_actions", disappearActions)
result.tryPutProperty("doubletap_actions", doubletapActions)
result.tryPutProperty("extensions", extensions)
result.tryPutProperty("focus", focus)
result.tryPutProperty("height", height)
result.tryPutProperty("id", id)
result.tryPutProperty("item_builder", itemBuilder)
result.tryPutProperty("items", items)
result.tryPutProperty("layout_mode", layoutMode)
result.tryPutProperty("layout_provider", layoutProvider)
result.tryPutProperty("line_separator", lineSeparator)
result.tryPutProperty("longtap_actions", longtapActions)
result.tryPutProperty("margins", margins)
result.tryPutProperty("paddings", paddings)
result.tryPutProperty("reuse_id", reuseId)
result.tryPutProperty("row_span", rowSpan)
result.tryPutProperty("selected_actions", selectedActions)
result.tryPutProperty("separator", separator)
result.tryPutProperty("tooltips", tooltips)
result.tryPutProperty("transform", transform)
result.tryPutProperty("transition_change", transitionChange)
result.tryPutProperty("transition_in", transitionIn)
result.tryPutProperty("transition_out", transitionOut)
result.tryPutProperty("transition_triggers", transitionTriggers)
result.tryPutProperty("variables", variables)
result.tryPutProperty("visibility", visibility)
result.tryPutProperty("visibility_action", visibilityAction)
result.tryPutProperty("visibility_actions", visibilityActions)
result.tryPutProperty("width", width)
return result
}
}
/**
* Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
*
* Possible values: [no_wrap], [wrap].
*/
@Generated
sealed interface LayoutMode
/**
* Location of elements. `overlap` value overlays elements on top of each other in the order of enumeration. The lowest is the zero element of an array.
*
* Possible values: [vertical], [horizontal], [overlap].
*/
@Generated
sealed interface Orientation
/**
* Can be created using the method [containerSeparator].
*
* Required parameters: `style`.
*/
@Generated
class Separator internal constructor(
@JsonIgnore
val properties: Properties,
) {
@JsonAnyGetter
internal fun getJsonProperties(): Map = properties.mergeWith(emptyMap())
operator fun plus(additive: Properties): Separator = Separator(
Properties(
margins = additive.margins ?: properties.margins,
showAtEnd = additive.showAtEnd ?: properties.showAtEnd,
showAtStart = additive.showAtStart ?: properties.showAtStart,
showBetween = additive.showBetween ?: properties.showBetween,
style = additive.style ?: properties.style,
)
)
class Properties internal constructor(
/**
* External margins from the element stroke.
*/
val margins: Property?,
/**
* Enables displaying the separator after the last item.
* Default value: `false`.
*/
val showAtEnd: Property?,
/**
* Enables displaying the separator before the first item.
* Default value: `false`.
*/
val showAtStart: Property?,
/**
* Enables displaying the separator between items.
* Default value: `true`.
*/
val showBetween: Property?,
/**
* Separator style.
*/
val style: Property?,
) {
internal fun mergeWith(properties: Map): Map {
val result = mutableMapOf()
result.putAll(properties)
result.tryPutProperty("margins", margins)
result.tryPutProperty("show_at_end", showAtEnd)
result.tryPutProperty("show_at_start", showAtStart)
result.tryPutProperty("show_between", showBetween)
result.tryPutProperty("style", style)
return result
}
}
}
}
/**
* @param accessibility Accessibility settings.
* @param action One action when clicking on an element. Not used if the `actions` parameter is set.
* @param actionAnimation Click animation. The web only supports the following values: `fade`, `scale`, `native`, `no_animation` and `set`.
* @param actions Multiple actions when clicking on an element.
* @param alignmentHorizontal Horizontal alignment of an element inside the parent element.
* @param alignmentVertical Vertical alignment of an element inside the parent element.
* @param alpha Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* @param aspect Fixed aspect ratio of the container. The element's height is calculated based on the width, ignoring the `height` parameter's value.
On the web, support for the `aspect-ratio` CSS property is required to use this parameter.
* @param background Element background. It can contain multiple layers.
* @param border Element stroke.
* @param clipToBounds Enables the bounding of child elements by the parent's borders.
* @param columnSpan Merges cells in a column of the [grid](div-grid.md) element.
* @param contentAlignmentHorizontal Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* @param contentAlignmentVertical Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* @param disappearActions Actions when an element disappears from the screen.
* @param doubletapActions Action when double-clicking on an element.
* @param extensions Extensions for additional processing of an element. The list of extensions is given in [DivExtension](../../extensions).
* @param focus Parameters when focusing on an element or losing focus.
* @param height Element height. For Android: if there is text in this or in a child element, specify height in `sp` to scale the element together with the text. To learn more about units of size measurement, see [Layout inside the card](../../layout).
* @param id Element ID. It must be unique within the root element. It is used as `accessibilityIdentifier` on iOS.
* @param itemBuilder Sets collection elements dynamically using `data` and `prototypes`.
* @param items Nested elements.
* @param layoutMode Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* @param layoutProvider Provides element real size values after a layout cycle.
* @param lineSeparator Separator between elements along the cross axis. Not used if the `layout_mode` parameter is set to `no_wrap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param longtapActions Action when long-clicking an element. Doesn't work on devices that don't support touch gestures.
* @param margins External margins from the element stroke.
* @param paddings Internal margins from the element stroke.
* @param reuseId Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
* @param rowSpan Merges cells in a string of the [grid](div-grid.md) element.
* @param selectedActions List of [actions](div-action.md) to be executed when selecting an element in [pager](div-pager.md).
* @param separator Separator between elements along the main axis. Not used if the `orientation` parameter is set to `overlap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param tooltips Tooltips linked to an element. A tooltip can be shown by `div-action://show_tooltip?id=`, hidden by `div-action://hide_tooltip?id=` where `id` — tooltip id.
* @param transform Applies the passed transformation to the element. Content that doesn't fit into the original view area is cut off.
* @param transitionChange Change animation. It is played when the position or size of an element changes in the new layout.
* @param transitionIn Appearance animation. It is played when an element with a new ID appears. To learn more about the concept of transitions, see [Animated transitions](../../interaction#animation/transition-animation).
* @param transitionOut Disappearance animation. It is played when an element disappears in the new layout.
* @param transitionTriggers Animation starting triggers. Default value: `[state_change, visibility_change]`.
* @param variables Definition of variables that can be used within this element. These variables, defined in the array, can only be used inside this element and its children.
* @param visibility Element visibility.
* @param visibilityAction Tracking visibility of a single element. Not used if the `visibility_actions` parameter is set.
* @param visibilityActions Actions when an element appears on the screen.
* @param width Element width.
*/
@Generated
fun DivScope.row(
vararg items: Div,
`use named arguments`: Guard = Guard.instance,
accessibility: Accessibility? = null,
action: Action? = null,
actionAnimation: Animation? = null,
actions: List? = null,
alignmentHorizontal: AlignmentHorizontal? = null,
alignmentVertical: AlignmentVertical? = null,
alpha: Double? = null,
aspect: Aspect? = null,
background: List? = null,
border: Border? = null,
clipToBounds: Boolean? = null,
columnSpan: Int? = null,
contentAlignmentHorizontal: ContentAlignmentHorizontal? = null,
contentAlignmentVertical: ContentAlignmentVertical? = null,
disappearActions: List? = null,
doubletapActions: List? = null,
extensions: List? = null,
focus: Focus? = null,
height: Size? = null,
id: String? = null,
itemBuilder: CollectionItemBuilder? = null,
layoutMode: Container.LayoutMode? = null,
layoutProvider: LayoutProvider? = null,
lineSeparator: Container.Separator? = null,
longtapActions: List? = null,
margins: EdgeInsets? = null,
paddings: EdgeInsets? = null,
reuseId: String? = null,
rowSpan: Int? = null,
selectedActions: List? = null,
separator: Container.Separator? = null,
tooltips: List? = null,
transform: Transform? = null,
transitionChange: ChangeTransition? = null,
transitionIn: AppearanceTransition? = null,
transitionOut: AppearanceTransition? = null,
transitionTriggers: List>? = null,
variables: List? = null,
visibility: Visibility? = null,
visibilityAction: VisibilityAction? = null,
visibilityActions: List? = null,
width: Size? = null,
): Container = container(
orientation = horizontal,
accessibility = accessibility,
action = action,
actionAnimation = actionAnimation,
actions = actions,
alignmentHorizontal = alignmentHorizontal,
alignmentVertical = alignmentVertical,
alpha = alpha,
aspect = aspect,
background = background,
border = border,
clipToBounds = clipToBounds,
columnSpan = columnSpan,
contentAlignmentHorizontal = contentAlignmentHorizontal,
contentAlignmentVertical = contentAlignmentVertical,
disappearActions = disappearActions,
doubletapActions = doubletapActions,
extensions = extensions,
focus = focus,
height = height,
id = id,
itemBuilder = itemBuilder,
items = items.toList(),
layoutMode = layoutMode,
layoutProvider = layoutProvider,
lineSeparator = lineSeparator,
longtapActions = longtapActions,
margins = margins,
paddings = paddings,
reuseId = reuseId,
rowSpan = rowSpan,
selectedActions = selectedActions,
separator = separator,
tooltips = tooltips,
transform = transform,
transitionChange = transitionChange,
transitionIn = transitionIn,
transitionOut = transitionOut,
transitionTriggers = transitionTriggers,
variables = variables,
visibility = visibility,
visibilityAction = visibilityAction,
visibilityActions = visibilityActions,
width = width,
)
/**
* @param accessibility Accessibility settings.
* @param action One action when clicking on an element. Not used if the `actions` parameter is set.
* @param actionAnimation Click animation. The web only supports the following values: `fade`, `scale`, `native`, `no_animation` and `set`.
* @param actions Multiple actions when clicking on an element.
* @param alignmentHorizontal Horizontal alignment of an element inside the parent element.
* @param alignmentVertical Vertical alignment of an element inside the parent element.
* @param alpha Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* @param aspect Fixed aspect ratio of the container. The element's height is calculated based on the width, ignoring the `height` parameter's value.
On the web, support for the `aspect-ratio` CSS property is required to use this parameter.
* @param background Element background. It can contain multiple layers.
* @param border Element stroke.
* @param clipToBounds Enables the bounding of child elements by the parent's borders.
* @param columnSpan Merges cells in a column of the [grid](div-grid.md) element.
* @param contentAlignmentHorizontal Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* @param contentAlignmentVertical Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* @param disappearActions Actions when an element disappears from the screen.
* @param doubletapActions Action when double-clicking on an element.
* @param extensions Extensions for additional processing of an element. The list of extensions is given in [DivExtension](../../extensions).
* @param focus Parameters when focusing on an element or losing focus.
* @param height Element height. For Android: if there is text in this or in a child element, specify height in `sp` to scale the element together with the text. To learn more about units of size measurement, see [Layout inside the card](../../layout).
* @param id Element ID. It must be unique within the root element. It is used as `accessibilityIdentifier` on iOS.
* @param itemBuilder Sets collection elements dynamically using `data` and `prototypes`.
* @param items Nested elements.
* @param layoutMode Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* @param layoutProvider Provides element real size values after a layout cycle.
* @param lineSeparator Separator between elements along the cross axis. Not used if the `layout_mode` parameter is set to `no_wrap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param longtapActions Action when long-clicking an element. Doesn't work on devices that don't support touch gestures.
* @param margins External margins from the element stroke.
* @param paddings Internal margins from the element stroke.
* @param reuseId Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
* @param rowSpan Merges cells in a string of the [grid](div-grid.md) element.
* @param selectedActions List of [actions](div-action.md) to be executed when selecting an element in [pager](div-pager.md).
* @param separator Separator between elements along the main axis. Not used if the `orientation` parameter is set to `overlap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param tooltips Tooltips linked to an element. A tooltip can be shown by `div-action://show_tooltip?id=`, hidden by `div-action://hide_tooltip?id=` where `id` — tooltip id.
* @param transform Applies the passed transformation to the element. Content that doesn't fit into the original view area is cut off.
* @param transitionChange Change animation. It is played when the position or size of an element changes in the new layout.
* @param transitionIn Appearance animation. It is played when an element with a new ID appears. To learn more about the concept of transitions, see [Animated transitions](../../interaction#animation/transition-animation).
* @param transitionOut Disappearance animation. It is played when an element disappears in the new layout.
* @param transitionTriggers Animation starting triggers. Default value: `[state_change, visibility_change]`.
* @param variables Definition of variables that can be used within this element. These variables, defined in the array, can only be used inside this element and its children.
* @param visibility Element visibility.
* @param visibilityAction Tracking visibility of a single element. Not used if the `visibility_actions` parameter is set.
* @param visibilityActions Actions when an element appears on the screen.
* @param width Element width.
*/
@Generated
fun DivScope.row(
items: List,
`use named arguments`: Guard = Guard.instance,
accessibility: Accessibility? = null,
action: Action? = null,
actionAnimation: Animation? = null,
actions: List? = null,
alignmentHorizontal: AlignmentHorizontal? = null,
alignmentVertical: AlignmentVertical? = null,
alpha: Double? = null,
aspect: Aspect? = null,
background: List? = null,
border: Border? = null,
clipToBounds: Boolean? = null,
columnSpan: Int? = null,
contentAlignmentHorizontal: ContentAlignmentHorizontal? = null,
contentAlignmentVertical: ContentAlignmentVertical? = null,
disappearActions: List? = null,
doubletapActions: List? = null,
extensions: List? = null,
focus: Focus? = null,
height: Size? = null,
id: String? = null,
itemBuilder: CollectionItemBuilder? = null,
layoutMode: Container.LayoutMode? = null,
layoutProvider: LayoutProvider? = null,
lineSeparator: Container.Separator? = null,
longtapActions: List? = null,
margins: EdgeInsets? = null,
paddings: EdgeInsets? = null,
reuseId: String? = null,
rowSpan: Int? = null,
selectedActions: List? = null,
separator: Container.Separator? = null,
tooltips: List? = null,
transform: Transform? = null,
transitionChange: ChangeTransition? = null,
transitionIn: AppearanceTransition? = null,
transitionOut: AppearanceTransition? = null,
transitionTriggers: List>? = null,
variables: List? = null,
visibility: Visibility? = null,
visibilityAction: VisibilityAction? = null,
visibilityActions: List? = null,
width: Size? = null,
): Container = container(
orientation = horizontal,
accessibility = accessibility,
action = action,
actionAnimation = actionAnimation,
actions = actions,
alignmentHorizontal = alignmentHorizontal,
alignmentVertical = alignmentVertical,
alpha = alpha,
aspect = aspect,
background = background,
border = border,
clipToBounds = clipToBounds,
columnSpan = columnSpan,
contentAlignmentHorizontal = contentAlignmentHorizontal,
contentAlignmentVertical = contentAlignmentVertical,
disappearActions = disappearActions,
doubletapActions = doubletapActions,
extensions = extensions,
focus = focus,
height = height,
id = id,
itemBuilder = itemBuilder,
items = items,
layoutMode = layoutMode,
layoutProvider = layoutProvider,
lineSeparator = lineSeparator,
longtapActions = longtapActions,
margins = margins,
paddings = paddings,
reuseId = reuseId,
rowSpan = rowSpan,
selectedActions = selectedActions,
separator = separator,
tooltips = tooltips,
transform = transform,
transitionChange = transitionChange,
transitionIn = transitionIn,
transitionOut = transitionOut,
transitionTriggers = transitionTriggers,
variables = variables,
visibility = visibility,
visibilityAction = visibilityAction,
visibilityActions = visibilityActions,
width = width,
)
/**
* @param accessibility Accessibility settings.
* @param action One action when clicking on an element. Not used if the `actions` parameter is set.
* @param actionAnimation Click animation. The web only supports the following values: `fade`, `scale`, `native`, `no_animation` and `set`.
* @param actions Multiple actions when clicking on an element.
* @param alignmentHorizontal Horizontal alignment of an element inside the parent element.
* @param alignmentVertical Vertical alignment of an element inside the parent element.
* @param alpha Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* @param aspect Fixed aspect ratio of the container. The element's height is calculated based on the width, ignoring the `height` parameter's value.
On the web, support for the `aspect-ratio` CSS property is required to use this parameter.
* @param background Element background. It can contain multiple layers.
* @param border Element stroke.
* @param clipToBounds Enables the bounding of child elements by the parent's borders.
* @param columnSpan Merges cells in a column of the [grid](div-grid.md) element.
* @param contentAlignmentHorizontal Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* @param contentAlignmentVertical Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* @param disappearActions Actions when an element disappears from the screen.
* @param doubletapActions Action when double-clicking on an element.
* @param extensions Extensions for additional processing of an element. The list of extensions is given in [DivExtension](../../extensions).
* @param focus Parameters when focusing on an element or losing focus.
* @param height Element height. For Android: if there is text in this or in a child element, specify height in `sp` to scale the element together with the text. To learn more about units of size measurement, see [Layout inside the card](../../layout).
* @param id Element ID. It must be unique within the root element. It is used as `accessibilityIdentifier` on iOS.
* @param itemBuilder Sets collection elements dynamically using `data` and `prototypes`.
* @param items Nested elements.
* @param layoutMode Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* @param layoutProvider Provides element real size values after a layout cycle.
* @param lineSeparator Separator between elements along the cross axis. Not used if the `layout_mode` parameter is set to `no_wrap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param longtapActions Action when long-clicking an element. Doesn't work on devices that don't support touch gestures.
* @param margins External margins from the element stroke.
* @param paddings Internal margins from the element stroke.
* @param reuseId Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
* @param rowSpan Merges cells in a string of the [grid](div-grid.md) element.
* @param selectedActions List of [actions](div-action.md) to be executed when selecting an element in [pager](div-pager.md).
* @param separator Separator between elements along the main axis. Not used if the `orientation` parameter is set to `overlap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param tooltips Tooltips linked to an element. A tooltip can be shown by `div-action://show_tooltip?id=`, hidden by `div-action://hide_tooltip?id=` where `id` — tooltip id.
* @param transform Applies the passed transformation to the element. Content that doesn't fit into the original view area is cut off.
* @param transitionChange Change animation. It is played when the position or size of an element changes in the new layout.
* @param transitionIn Appearance animation. It is played when an element with a new ID appears. To learn more about the concept of transitions, see [Animated transitions](../../interaction#animation/transition-animation).
* @param transitionOut Disappearance animation. It is played when an element disappears in the new layout.
* @param transitionTriggers Animation starting triggers. Default value: `[state_change, visibility_change]`.
* @param variables Definition of variables that can be used within this element. These variables, defined in the array, can only be used inside this element and its children.
* @param visibility Element visibility.
* @param visibilityAction Tracking visibility of a single element. Not used if the `visibility_actions` parameter is set.
* @param visibilityActions Actions when an element appears on the screen.
* @param width Element width.
*/
@Generated
fun DivScope.column(
vararg items: Div,
`use named arguments`: Guard = Guard.instance,
accessibility: Accessibility? = null,
action: Action? = null,
actionAnimation: Animation? = null,
actions: List? = null,
alignmentHorizontal: AlignmentHorizontal? = null,
alignmentVertical: AlignmentVertical? = null,
alpha: Double? = null,
aspect: Aspect? = null,
background: List? = null,
border: Border? = null,
clipToBounds: Boolean? = null,
columnSpan: Int? = null,
contentAlignmentHorizontal: ContentAlignmentHorizontal? = null,
contentAlignmentVertical: ContentAlignmentVertical? = null,
disappearActions: List? = null,
doubletapActions: List? = null,
extensions: List? = null,
focus: Focus? = null,
height: Size? = null,
id: String? = null,
itemBuilder: CollectionItemBuilder? = null,
layoutMode: Container.LayoutMode? = null,
layoutProvider: LayoutProvider? = null,
lineSeparator: Container.Separator? = null,
longtapActions: List? = null,
margins: EdgeInsets? = null,
paddings: EdgeInsets? = null,
reuseId: String? = null,
rowSpan: Int? = null,
selectedActions: List? = null,
separator: Container.Separator? = null,
tooltips: List? = null,
transform: Transform? = null,
transitionChange: ChangeTransition? = null,
transitionIn: AppearanceTransition? = null,
transitionOut: AppearanceTransition? = null,
transitionTriggers: List>? = null,
variables: List? = null,
visibility: Visibility? = null,
visibilityAction: VisibilityAction? = null,
visibilityActions: List? = null,
width: Size? = null,
): Container = container(
orientation = vertical,
accessibility = accessibility,
action = action,
actionAnimation = actionAnimation,
actions = actions,
alignmentHorizontal = alignmentHorizontal,
alignmentVertical = alignmentVertical,
alpha = alpha,
aspect = aspect,
background = background,
border = border,
clipToBounds = clipToBounds,
columnSpan = columnSpan,
contentAlignmentHorizontal = contentAlignmentHorizontal,
contentAlignmentVertical = contentAlignmentVertical,
disappearActions = disappearActions,
doubletapActions = doubletapActions,
extensions = extensions,
focus = focus,
height = height,
id = id,
itemBuilder = itemBuilder,
items = items.toList(),
layoutMode = layoutMode,
layoutProvider = layoutProvider,
lineSeparator = lineSeparator,
longtapActions = longtapActions,
margins = margins,
paddings = paddings,
reuseId = reuseId,
rowSpan = rowSpan,
selectedActions = selectedActions,
separator = separator,
tooltips = tooltips,
transform = transform,
transitionChange = transitionChange,
transitionIn = transitionIn,
transitionOut = transitionOut,
transitionTriggers = transitionTriggers,
variables = variables,
visibility = visibility,
visibilityAction = visibilityAction,
visibilityActions = visibilityActions,
width = width,
)
/**
* @param accessibility Accessibility settings.
* @param action One action when clicking on an element. Not used if the `actions` parameter is set.
* @param actionAnimation Click animation. The web only supports the following values: `fade`, `scale`, `native`, `no_animation` and `set`.
* @param actions Multiple actions when clicking on an element.
* @param alignmentHorizontal Horizontal alignment of an element inside the parent element.
* @param alignmentVertical Vertical alignment of an element inside the parent element.
* @param alpha Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* @param aspect Fixed aspect ratio of the container. The element's height is calculated based on the width, ignoring the `height` parameter's value.
On the web, support for the `aspect-ratio` CSS property is required to use this parameter.
* @param background Element background. It can contain multiple layers.
* @param border Element stroke.
* @param clipToBounds Enables the bounding of child elements by the parent's borders.
* @param columnSpan Merges cells in a column of the [grid](div-grid.md) element.
* @param contentAlignmentHorizontal Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* @param contentAlignmentVertical Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* @param disappearActions Actions when an element disappears from the screen.
* @param doubletapActions Action when double-clicking on an element.
* @param extensions Extensions for additional processing of an element. The list of extensions is given in [DivExtension](../../extensions).
* @param focus Parameters when focusing on an element or losing focus.
* @param height Element height. For Android: if there is text in this or in a child element, specify height in `sp` to scale the element together with the text. To learn more about units of size measurement, see [Layout inside the card](../../layout).
* @param id Element ID. It must be unique within the root element. It is used as `accessibilityIdentifier` on iOS.
* @param itemBuilder Sets collection elements dynamically using `data` and `prototypes`.
* @param items Nested elements.
* @param layoutMode Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* @param layoutProvider Provides element real size values after a layout cycle.
* @param lineSeparator Separator between elements along the cross axis. Not used if the `layout_mode` parameter is set to `no_wrap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param longtapActions Action when long-clicking an element. Doesn't work on devices that don't support touch gestures.
* @param margins External margins from the element stroke.
* @param paddings Internal margins from the element stroke.
* @param reuseId Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
* @param rowSpan Merges cells in a string of the [grid](div-grid.md) element.
* @param selectedActions List of [actions](div-action.md) to be executed when selecting an element in [pager](div-pager.md).
* @param separator Separator between elements along the main axis. Not used if the `orientation` parameter is set to `overlap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param tooltips Tooltips linked to an element. A tooltip can be shown by `div-action://show_tooltip?id=`, hidden by `div-action://hide_tooltip?id=` where `id` — tooltip id.
* @param transform Applies the passed transformation to the element. Content that doesn't fit into the original view area is cut off.
* @param transitionChange Change animation. It is played when the position or size of an element changes in the new layout.
* @param transitionIn Appearance animation. It is played when an element with a new ID appears. To learn more about the concept of transitions, see [Animated transitions](../../interaction#animation/transition-animation).
* @param transitionOut Disappearance animation. It is played when an element disappears in the new layout.
* @param transitionTriggers Animation starting triggers. Default value: `[state_change, visibility_change]`.
* @param variables Definition of variables that can be used within this element. These variables, defined in the array, can only be used inside this element and its children.
* @param visibility Element visibility.
* @param visibilityAction Tracking visibility of a single element. Not used if the `visibility_actions` parameter is set.
* @param visibilityActions Actions when an element appears on the screen.
* @param width Element width.
*/
@Generated
fun DivScope.column(
items: List,
`use named arguments`: Guard = Guard.instance,
accessibility: Accessibility? = null,
action: Action? = null,
actionAnimation: Animation? = null,
actions: List? = null,
alignmentHorizontal: AlignmentHorizontal? = null,
alignmentVertical: AlignmentVertical? = null,
alpha: Double? = null,
aspect: Aspect? = null,
background: List? = null,
border: Border? = null,
clipToBounds: Boolean? = null,
columnSpan: Int? = null,
contentAlignmentHorizontal: ContentAlignmentHorizontal? = null,
contentAlignmentVertical: ContentAlignmentVertical? = null,
disappearActions: List? = null,
doubletapActions: List? = null,
extensions: List? = null,
focus: Focus? = null,
height: Size? = null,
id: String? = null,
itemBuilder: CollectionItemBuilder? = null,
layoutMode: Container.LayoutMode? = null,
layoutProvider: LayoutProvider? = null,
lineSeparator: Container.Separator? = null,
longtapActions: List? = null,
margins: EdgeInsets? = null,
paddings: EdgeInsets? = null,
reuseId: String? = null,
rowSpan: Int? = null,
selectedActions: List? = null,
separator: Container.Separator? = null,
tooltips: List? = null,
transform: Transform? = null,
transitionChange: ChangeTransition? = null,
transitionIn: AppearanceTransition? = null,
transitionOut: AppearanceTransition? = null,
transitionTriggers: List>? = null,
variables: List? = null,
visibility: Visibility? = null,
visibilityAction: VisibilityAction? = null,
visibilityActions: List? = null,
width: Size? = null,
): Container = container(
orientation = vertical,
accessibility = accessibility,
action = action,
actionAnimation = actionAnimation,
actions = actions,
alignmentHorizontal = alignmentHorizontal,
alignmentVertical = alignmentVertical,
alpha = alpha,
aspect = aspect,
background = background,
border = border,
clipToBounds = clipToBounds,
columnSpan = columnSpan,
contentAlignmentHorizontal = contentAlignmentHorizontal,
contentAlignmentVertical = contentAlignmentVertical,
disappearActions = disappearActions,
doubletapActions = doubletapActions,
extensions = extensions,
focus = focus,
height = height,
id = id,
itemBuilder = itemBuilder,
items = items,
layoutMode = layoutMode,
layoutProvider = layoutProvider,
lineSeparator = lineSeparator,
longtapActions = longtapActions,
margins = margins,
paddings = paddings,
reuseId = reuseId,
rowSpan = rowSpan,
selectedActions = selectedActions,
separator = separator,
tooltips = tooltips,
transform = transform,
transitionChange = transitionChange,
transitionIn = transitionIn,
transitionOut = transitionOut,
transitionTriggers = transitionTriggers,
variables = variables,
visibility = visibility,
visibilityAction = visibilityAction,
visibilityActions = visibilityActions,
width = width,
)
/**
* @param accessibility Accessibility settings.
* @param action One action when clicking on an element. Not used if the `actions` parameter is set.
* @param actionAnimation Click animation. The web only supports the following values: `fade`, `scale`, `native`, `no_animation` and `set`.
* @param actions Multiple actions when clicking on an element.
* @param alignmentHorizontal Horizontal alignment of an element inside the parent element.
* @param alignmentVertical Vertical alignment of an element inside the parent element.
* @param alpha Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* @param aspect Fixed aspect ratio of the container. The element's height is calculated based on the width, ignoring the `height` parameter's value.
On the web, support for the `aspect-ratio` CSS property is required to use this parameter.
* @param background Element background. It can contain multiple layers.
* @param border Element stroke.
* @param clipToBounds Enables the bounding of child elements by the parent's borders.
* @param columnSpan Merges cells in a column of the [grid](div-grid.md) element.
* @param contentAlignmentHorizontal Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* @param contentAlignmentVertical Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* @param disappearActions Actions when an element disappears from the screen.
* @param doubletapActions Action when double-clicking on an element.
* @param extensions Extensions for additional processing of an element. The list of extensions is given in [DivExtension](../../extensions).
* @param focus Parameters when focusing on an element or losing focus.
* @param height Element height. For Android: if there is text in this or in a child element, specify height in `sp` to scale the element together with the text. To learn more about units of size measurement, see [Layout inside the card](../../layout).
* @param id Element ID. It must be unique within the root element. It is used as `accessibilityIdentifier` on iOS.
* @param itemBuilder Sets collection elements dynamically using `data` and `prototypes`.
* @param items Nested elements.
* @param layoutMode Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* @param layoutProvider Provides element real size values after a layout cycle.
* @param lineSeparator Separator between elements along the cross axis. Not used if the `layout_mode` parameter is set to `no_wrap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param longtapActions Action when long-clicking an element. Doesn't work on devices that don't support touch gestures.
* @param margins External margins from the element stroke.
* @param paddings Internal margins from the element stroke.
* @param reuseId Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
* @param rowSpan Merges cells in a string of the [grid](div-grid.md) element.
* @param selectedActions List of [actions](div-action.md) to be executed when selecting an element in [pager](div-pager.md).
* @param separator Separator between elements along the main axis. Not used if the `orientation` parameter is set to `overlap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param tooltips Tooltips linked to an element. A tooltip can be shown by `div-action://show_tooltip?id=`, hidden by `div-action://hide_tooltip?id=` where `id` — tooltip id.
* @param transform Applies the passed transformation to the element. Content that doesn't fit into the original view area is cut off.
* @param transitionChange Change animation. It is played when the position or size of an element changes in the new layout.
* @param transitionIn Appearance animation. It is played when an element with a new ID appears. To learn more about the concept of transitions, see [Animated transitions](../../interaction#animation/transition-animation).
* @param transitionOut Disappearance animation. It is played when an element disappears in the new layout.
* @param transitionTriggers Animation starting triggers. Default value: `[state_change, visibility_change]`.
* @param variables Definition of variables that can be used within this element. These variables, defined in the array, can only be used inside this element and its children.
* @param visibility Element visibility.
* @param visibilityAction Tracking visibility of a single element. Not used if the `visibility_actions` parameter is set.
* @param visibilityActions Actions when an element appears on the screen.
* @param width Element width.
*/
@Generated
fun DivScope.stack(
vararg items: Div,
`use named arguments`: Guard = Guard.instance,
accessibility: Accessibility? = null,
action: Action? = null,
actionAnimation: Animation? = null,
actions: List? = null,
alignmentHorizontal: AlignmentHorizontal? = null,
alignmentVertical: AlignmentVertical? = null,
alpha: Double? = null,
aspect: Aspect? = null,
background: List? = null,
border: Border? = null,
clipToBounds: Boolean? = null,
columnSpan: Int? = null,
contentAlignmentHorizontal: ContentAlignmentHorizontal? = null,
contentAlignmentVertical: ContentAlignmentVertical? = null,
disappearActions: List? = null,
doubletapActions: List? = null,
extensions: List? = null,
focus: Focus? = null,
height: Size? = null,
id: String? = null,
itemBuilder: CollectionItemBuilder? = null,
layoutMode: Container.LayoutMode? = null,
layoutProvider: LayoutProvider? = null,
lineSeparator: Container.Separator? = null,
longtapActions: List? = null,
margins: EdgeInsets? = null,
paddings: EdgeInsets? = null,
reuseId: String? = null,
rowSpan: Int? = null,
selectedActions: List? = null,
separator: Container.Separator? = null,
tooltips: List? = null,
transform: Transform? = null,
transitionChange: ChangeTransition? = null,
transitionIn: AppearanceTransition? = null,
transitionOut: AppearanceTransition? = null,
transitionTriggers: List>? = null,
variables: List? = null,
visibility: Visibility? = null,
visibilityAction: VisibilityAction? = null,
visibilityActions: List? = null,
width: Size? = null,
): Container = container(
orientation = overlap,
accessibility = accessibility,
action = action,
actionAnimation = actionAnimation,
actions = actions,
alignmentHorizontal = alignmentHorizontal,
alignmentVertical = alignmentVertical,
alpha = alpha,
aspect = aspect,
background = background,
border = border,
clipToBounds = clipToBounds,
columnSpan = columnSpan,
contentAlignmentHorizontal = contentAlignmentHorizontal,
contentAlignmentVertical = contentAlignmentVertical,
disappearActions = disappearActions,
doubletapActions = doubletapActions,
extensions = extensions,
focus = focus,
height = height,
id = id,
itemBuilder = itemBuilder,
items = items.toList(),
layoutMode = layoutMode,
layoutProvider = layoutProvider,
lineSeparator = lineSeparator,
longtapActions = longtapActions,
margins = margins,
paddings = paddings,
reuseId = reuseId,
rowSpan = rowSpan,
selectedActions = selectedActions,
separator = separator,
tooltips = tooltips,
transform = transform,
transitionChange = transitionChange,
transitionIn = transitionIn,
transitionOut = transitionOut,
transitionTriggers = transitionTriggers,
variables = variables,
visibility = visibility,
visibilityAction = visibilityAction,
visibilityActions = visibilityActions,
width = width,
)
/**
* @param accessibility Accessibility settings.
* @param action One action when clicking on an element. Not used if the `actions` parameter is set.
* @param actionAnimation Click animation. The web only supports the following values: `fade`, `scale`, `native`, `no_animation` and `set`.
* @param actions Multiple actions when clicking on an element.
* @param alignmentHorizontal Horizontal alignment of an element inside the parent element.
* @param alignmentVertical Vertical alignment of an element inside the parent element.
* @param alpha Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* @param aspect Fixed aspect ratio of the container. The element's height is calculated based on the width, ignoring the `height` parameter's value.
On the web, support for the `aspect-ratio` CSS property is required to use this parameter.
* @param background Element background. It can contain multiple layers.
* @param border Element stroke.
* @param clipToBounds Enables the bounding of child elements by the parent's borders.
* @param columnSpan Merges cells in a column of the [grid](div-grid.md) element.
* @param contentAlignmentHorizontal Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* @param contentAlignmentVertical Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* @param disappearActions Actions when an element disappears from the screen.
* @param doubletapActions Action when double-clicking on an element.
* @param extensions Extensions for additional processing of an element. The list of extensions is given in [DivExtension](../../extensions).
* @param focus Parameters when focusing on an element or losing focus.
* @param height Element height. For Android: if there is text in this or in a child element, specify height in `sp` to scale the element together with the text. To learn more about units of size measurement, see [Layout inside the card](../../layout).
* @param id Element ID. It must be unique within the root element. It is used as `accessibilityIdentifier` on iOS.
* @param itemBuilder Sets collection elements dynamically using `data` and `prototypes`.
* @param items Nested elements.
* @param layoutMode Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* @param layoutProvider Provides element real size values after a layout cycle.
* @param lineSeparator Separator between elements along the cross axis. Not used if the `layout_mode` parameter is set to `no_wrap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param longtapActions Action when long-clicking an element. Doesn't work on devices that don't support touch gestures.
* @param margins External margins from the element stroke.
* @param paddings Internal margins from the element stroke.
* @param reuseId Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
* @param rowSpan Merges cells in a string of the [grid](div-grid.md) element.
* @param selectedActions List of [actions](div-action.md) to be executed when selecting an element in [pager](div-pager.md).
* @param separator Separator between elements along the main axis. Not used if the `orientation` parameter is set to `overlap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param tooltips Tooltips linked to an element. A tooltip can be shown by `div-action://show_tooltip?id=`, hidden by `div-action://hide_tooltip?id=` where `id` — tooltip id.
* @param transform Applies the passed transformation to the element. Content that doesn't fit into the original view area is cut off.
* @param transitionChange Change animation. It is played when the position or size of an element changes in the new layout.
* @param transitionIn Appearance animation. It is played when an element with a new ID appears. To learn more about the concept of transitions, see [Animated transitions](../../interaction#animation/transition-animation).
* @param transitionOut Disappearance animation. It is played when an element disappears in the new layout.
* @param transitionTriggers Animation starting triggers. Default value: `[state_change, visibility_change]`.
* @param variables Definition of variables that can be used within this element. These variables, defined in the array, can only be used inside this element and its children.
* @param visibility Element visibility.
* @param visibilityAction Tracking visibility of a single element. Not used if the `visibility_actions` parameter is set.
* @param visibilityActions Actions when an element appears on the screen.
* @param width Element width.
*/
@Generated
fun DivScope.stack(
items: List,
`use named arguments`: Guard = Guard.instance,
accessibility: Accessibility? = null,
action: Action? = null,
actionAnimation: Animation? = null,
actions: List? = null,
alignmentHorizontal: AlignmentHorizontal? = null,
alignmentVertical: AlignmentVertical? = null,
alpha: Double? = null,
aspect: Aspect? = null,
background: List? = null,
border: Border? = null,
clipToBounds: Boolean? = null,
columnSpan: Int? = null,
contentAlignmentHorizontal: ContentAlignmentHorizontal? = null,
contentAlignmentVertical: ContentAlignmentVertical? = null,
disappearActions: List? = null,
doubletapActions: List? = null,
extensions: List? = null,
focus: Focus? = null,
height: Size? = null,
id: String? = null,
itemBuilder: CollectionItemBuilder? = null,
layoutMode: Container.LayoutMode? = null,
layoutProvider: LayoutProvider? = null,
lineSeparator: Container.Separator? = null,
longtapActions: List? = null,
margins: EdgeInsets? = null,
paddings: EdgeInsets? = null,
reuseId: String? = null,
rowSpan: Int? = null,
selectedActions: List? = null,
separator: Container.Separator? = null,
tooltips: List? = null,
transform: Transform? = null,
transitionChange: ChangeTransition? = null,
transitionIn: AppearanceTransition? = null,
transitionOut: AppearanceTransition? = null,
transitionTriggers: List>? = null,
variables: List? = null,
visibility: Visibility? = null,
visibilityAction: VisibilityAction? = null,
visibilityActions: List? = null,
width: Size? = null,
): Container = container(
orientation = overlap,
accessibility = accessibility,
action = action,
actionAnimation = actionAnimation,
actions = actions,
alignmentHorizontal = alignmentHorizontal,
alignmentVertical = alignmentVertical,
alpha = alpha,
aspect = aspect,
background = background,
border = border,
clipToBounds = clipToBounds,
columnSpan = columnSpan,
contentAlignmentHorizontal = contentAlignmentHorizontal,
contentAlignmentVertical = contentAlignmentVertical,
disappearActions = disappearActions,
doubletapActions = doubletapActions,
extensions = extensions,
focus = focus,
height = height,
id = id,
itemBuilder = itemBuilder,
items = items,
layoutMode = layoutMode,
layoutProvider = layoutProvider,
lineSeparator = lineSeparator,
longtapActions = longtapActions,
margins = margins,
paddings = paddings,
reuseId = reuseId,
rowSpan = rowSpan,
selectedActions = selectedActions,
separator = separator,
tooltips = tooltips,
transform = transform,
transitionChange = transitionChange,
transitionIn = transitionIn,
transitionOut = transitionOut,
transitionTriggers = transitionTriggers,
variables = variables,
visibility = visibility,
visibilityAction = visibilityAction,
visibilityActions = visibilityActions,
width = width,
)
/**
* @param orientation Location of elements. `overlap` value overlays elements on top of each other in the order of enumeration. The lowest is the zero element of an array.
* @param accessibility Accessibility settings.
* @param action One action when clicking on an element. Not used if the `actions` parameter is set.
* @param actionAnimation Click animation. The web only supports the following values: `fade`, `scale`, `native`, `no_animation` and `set`.
* @param actions Multiple actions when clicking on an element.
* @param alignmentHorizontal Horizontal alignment of an element inside the parent element.
* @param alignmentVertical Vertical alignment of an element inside the parent element.
* @param alpha Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* @param aspect Fixed aspect ratio of the container. The element's height is calculated based on the width, ignoring the `height` parameter's value.
On the web, support for the `aspect-ratio` CSS property is required to use this parameter.
* @param background Element background. It can contain multiple layers.
* @param border Element stroke.
* @param clipToBounds Enables the bounding of child elements by the parent's borders.
* @param columnSpan Merges cells in a column of the [grid](div-grid.md) element.
* @param contentAlignmentHorizontal Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* @param contentAlignmentVertical Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* @param disappearActions Actions when an element disappears from the screen.
* @param doubletapActions Action when double-clicking on an element.
* @param extensions Extensions for additional processing of an element. The list of extensions is given in [DivExtension](../../extensions).
* @param focus Parameters when focusing on an element or losing focus.
* @param height Element height. For Android: if there is text in this or in a child element, specify height in `sp` to scale the element together with the text. To learn more about units of size measurement, see [Layout inside the card](../../layout).
* @param id Element ID. It must be unique within the root element. It is used as `accessibilityIdentifier` on iOS.
* @param itemBuilder Sets collection elements dynamically using `data` and `prototypes`.
* @param items Nested elements.
* @param layoutMode Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* @param layoutProvider Provides element real size values after a layout cycle.
* @param lineSeparator Separator between elements along the cross axis. Not used if the `layout_mode` parameter is set to `no_wrap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param longtapActions Action when long-clicking an element. Doesn't work on devices that don't support touch gestures.
* @param margins External margins from the element stroke.
* @param paddings Internal margins from the element stroke.
* @param reuseId Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
* @param rowSpan Merges cells in a string of the [grid](div-grid.md) element.
* @param selectedActions List of [actions](div-action.md) to be executed when selecting an element in [pager](div-pager.md).
* @param separator Separator between elements along the main axis. Not used if the `orientation` parameter is set to `overlap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param tooltips Tooltips linked to an element. A tooltip can be shown by `div-action://show_tooltip?id=`, hidden by `div-action://hide_tooltip?id=` where `id` — tooltip id.
* @param transform Applies the passed transformation to the element. Content that doesn't fit into the original view area is cut off.
* @param transitionChange Change animation. It is played when the position or size of an element changes in the new layout.
* @param transitionIn Appearance animation. It is played when an element with a new ID appears. To learn more about the concept of transitions, see [Animated transitions](../../interaction#animation/transition-animation).
* @param transitionOut Disappearance animation. It is played when an element disappears in the new layout.
* @param transitionTriggers Animation starting triggers. Default value: `[state_change, visibility_change]`.
* @param variables Definition of variables that can be used within this element. These variables, defined in the array, can only be used inside this element and its children.
* @param visibility Element visibility.
* @param visibilityAction Tracking visibility of a single element. Not used if the `visibility_actions` parameter is set.
* @param visibilityActions Actions when an element appears on the screen.
* @param width Element width.
*/
@Generated
fun DivScope.container(
orientation: Container.Orientation? = null,
`use named arguments`: Guard = Guard.instance,
accessibility: Accessibility? = null,
action: Action? = null,
actionAnimation: Animation? = null,
actions: List? = null,
alignmentHorizontal: AlignmentHorizontal? = null,
alignmentVertical: AlignmentVertical? = null,
alpha: Double? = null,
aspect: Aspect? = null,
background: List? = null,
border: Border? = null,
clipToBounds: Boolean? = null,
columnSpan: Int? = null,
contentAlignmentHorizontal: ContentAlignmentHorizontal? = null,
contentAlignmentVertical: ContentAlignmentVertical? = null,
disappearActions: List? = null,
doubletapActions: List? = null,
extensions: List? = null,
focus: Focus? = null,
height: Size? = null,
id: String? = null,
itemBuilder: CollectionItemBuilder? = null,
items: List? = null,
layoutMode: Container.LayoutMode? = null,
layoutProvider: LayoutProvider? = null,
lineSeparator: Container.Separator? = null,
longtapActions: List? = null,
margins: EdgeInsets? = null,
paddings: EdgeInsets? = null,
reuseId: String? = null,
rowSpan: Int? = null,
selectedActions: List? = null,
separator: Container.Separator? = null,
tooltips: List? = null,
transform: Transform? = null,
transitionChange: ChangeTransition? = null,
transitionIn: AppearanceTransition? = null,
transitionOut: AppearanceTransition? = null,
transitionTriggers: List>? = null,
variables: List? = null,
visibility: Visibility? = null,
visibilityAction: VisibilityAction? = null,
visibilityActions: List? = null,
width: Size? = null,
): Container = Container(
Container.Properties(
orientation = valueOrNull(orientation),
accessibility = valueOrNull(accessibility),
action = valueOrNull(action),
actionAnimation = valueOrNull(actionAnimation),
actions = valueOrNull(actions),
alignmentHorizontal = valueOrNull(alignmentHorizontal),
alignmentVertical = valueOrNull(alignmentVertical),
alpha = valueOrNull(alpha),
aspect = valueOrNull(aspect),
background = valueOrNull(background),
border = valueOrNull(border),
clipToBounds = valueOrNull(clipToBounds),
columnSpan = valueOrNull(columnSpan),
contentAlignmentHorizontal = valueOrNull(contentAlignmentHorizontal),
contentAlignmentVertical = valueOrNull(contentAlignmentVertical),
disappearActions = valueOrNull(disappearActions),
doubletapActions = valueOrNull(doubletapActions),
extensions = valueOrNull(extensions),
focus = valueOrNull(focus),
height = valueOrNull(height),
id = valueOrNull(id),
itemBuilder = valueOrNull(itemBuilder),
items = valueOrNull(items),
layoutMode = valueOrNull(layoutMode),
layoutProvider = valueOrNull(layoutProvider),
lineSeparator = valueOrNull(lineSeparator),
longtapActions = valueOrNull(longtapActions),
margins = valueOrNull(margins),
paddings = valueOrNull(paddings),
reuseId = valueOrNull(reuseId),
rowSpan = valueOrNull(rowSpan),
selectedActions = valueOrNull(selectedActions),
separator = valueOrNull(separator),
tooltips = valueOrNull(tooltips),
transform = valueOrNull(transform),
transitionChange = valueOrNull(transitionChange),
transitionIn = valueOrNull(transitionIn),
transitionOut = valueOrNull(transitionOut),
transitionTriggers = valueOrNull(transitionTriggers),
variables = valueOrNull(variables),
visibility = valueOrNull(visibility),
visibilityAction = valueOrNull(visibilityAction),
visibilityActions = valueOrNull(visibilityActions),
width = valueOrNull(width),
)
)
/**
* @param orientation Location of elements. `overlap` value overlays elements on top of each other in the order of enumeration. The lowest is the zero element of an array.
* @param accessibility Accessibility settings.
* @param action One action when clicking on an element. Not used if the `actions` parameter is set.
* @param actionAnimation Click animation. The web only supports the following values: `fade`, `scale`, `native`, `no_animation` and `set`.
* @param actions Multiple actions when clicking on an element.
* @param alignmentHorizontal Horizontal alignment of an element inside the parent element.
* @param alignmentVertical Vertical alignment of an element inside the parent element.
* @param alpha Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* @param aspect Fixed aspect ratio of the container. The element's height is calculated based on the width, ignoring the `height` parameter's value.
On the web, support for the `aspect-ratio` CSS property is required to use this parameter.
* @param background Element background. It can contain multiple layers.
* @param border Element stroke.
* @param clipToBounds Enables the bounding of child elements by the parent's borders.
* @param columnSpan Merges cells in a column of the [grid](div-grid.md) element.
* @param contentAlignmentHorizontal Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* @param contentAlignmentVertical Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* @param disappearActions Actions when an element disappears from the screen.
* @param doubletapActions Action when double-clicking on an element.
* @param extensions Extensions for additional processing of an element. The list of extensions is given in [DivExtension](../../extensions).
* @param focus Parameters when focusing on an element or losing focus.
* @param height Element height. For Android: if there is text in this or in a child element, specify height in `sp` to scale the element together with the text. To learn more about units of size measurement, see [Layout inside the card](../../layout).
* @param id Element ID. It must be unique within the root element. It is used as `accessibilityIdentifier` on iOS.
* @param itemBuilder Sets collection elements dynamically using `data` and `prototypes`.
* @param items Nested elements.
* @param layoutMode Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* @param layoutProvider Provides element real size values after a layout cycle.
* @param lineSeparator Separator between elements along the cross axis. Not used if the `layout_mode` parameter is set to `no_wrap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param longtapActions Action when long-clicking an element. Doesn't work on devices that don't support touch gestures.
* @param margins External margins from the element stroke.
* @param paddings Internal margins from the element stroke.
* @param reuseId Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
* @param rowSpan Merges cells in a string of the [grid](div-grid.md) element.
* @param selectedActions List of [actions](div-action.md) to be executed when selecting an element in [pager](div-pager.md).
* @param separator Separator between elements along the main axis. Not used if the `orientation` parameter is set to `overlap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param tooltips Tooltips linked to an element. A tooltip can be shown by `div-action://show_tooltip?id=`, hidden by `div-action://hide_tooltip?id=` where `id` — tooltip id.
* @param transform Applies the passed transformation to the element. Content that doesn't fit into the original view area is cut off.
* @param transitionChange Change animation. It is played when the position or size of an element changes in the new layout.
* @param transitionIn Appearance animation. It is played when an element with a new ID appears. To learn more about the concept of transitions, see [Animated transitions](../../interaction#animation/transition-animation).
* @param transitionOut Disappearance animation. It is played when an element disappears in the new layout.
* @param transitionTriggers Animation starting triggers. Default value: `[state_change, visibility_change]`.
* @param variables Definition of variables that can be used within this element. These variables, defined in the array, can only be used inside this element and its children.
* @param visibility Element visibility.
* @param visibilityAction Tracking visibility of a single element. Not used if the `visibility_actions` parameter is set.
* @param visibilityActions Actions when an element appears on the screen.
* @param width Element width.
*/
@Generated
fun DivScope.containerProps(
`use named arguments`: Guard = Guard.instance,
orientation: Container.Orientation? = null,
accessibility: Accessibility? = null,
action: Action? = null,
actionAnimation: Animation? = null,
actions: List? = null,
alignmentHorizontal: AlignmentHorizontal? = null,
alignmentVertical: AlignmentVertical? = null,
alpha: Double? = null,
aspect: Aspect? = null,
background: List? = null,
border: Border? = null,
clipToBounds: Boolean? = null,
columnSpan: Int? = null,
contentAlignmentHorizontal: ContentAlignmentHorizontal? = null,
contentAlignmentVertical: ContentAlignmentVertical? = null,
disappearActions: List? = null,
doubletapActions: List? = null,
extensions: List? = null,
focus: Focus? = null,
height: Size? = null,
id: String? = null,
itemBuilder: CollectionItemBuilder? = null,
items: List? = null,
layoutMode: Container.LayoutMode? = null,
layoutProvider: LayoutProvider? = null,
lineSeparator: Container.Separator? = null,
longtapActions: List? = null,
margins: EdgeInsets? = null,
paddings: EdgeInsets? = null,
reuseId: String? = null,
rowSpan: Int? = null,
selectedActions: List? = null,
separator: Container.Separator? = null,
tooltips: List? = null,
transform: Transform? = null,
transitionChange: ChangeTransition? = null,
transitionIn: AppearanceTransition? = null,
transitionOut: AppearanceTransition? = null,
transitionTriggers: List>? = null,
variables: List? = null,
visibility: Visibility? = null,
visibilityAction: VisibilityAction? = null,
visibilityActions: List? = null,
width: Size? = null,
) = Container.Properties(
orientation = valueOrNull(orientation),
accessibility = valueOrNull(accessibility),
action = valueOrNull(action),
actionAnimation = valueOrNull(actionAnimation),
actions = valueOrNull(actions),
alignmentHorizontal = valueOrNull(alignmentHorizontal),
alignmentVertical = valueOrNull(alignmentVertical),
alpha = valueOrNull(alpha),
aspect = valueOrNull(aspect),
background = valueOrNull(background),
border = valueOrNull(border),
clipToBounds = valueOrNull(clipToBounds),
columnSpan = valueOrNull(columnSpan),
contentAlignmentHorizontal = valueOrNull(contentAlignmentHorizontal),
contentAlignmentVertical = valueOrNull(contentAlignmentVertical),
disappearActions = valueOrNull(disappearActions),
doubletapActions = valueOrNull(doubletapActions),
extensions = valueOrNull(extensions),
focus = valueOrNull(focus),
height = valueOrNull(height),
id = valueOrNull(id),
itemBuilder = valueOrNull(itemBuilder),
items = valueOrNull(items),
layoutMode = valueOrNull(layoutMode),
layoutProvider = valueOrNull(layoutProvider),
lineSeparator = valueOrNull(lineSeparator),
longtapActions = valueOrNull(longtapActions),
margins = valueOrNull(margins),
paddings = valueOrNull(paddings),
reuseId = valueOrNull(reuseId),
rowSpan = valueOrNull(rowSpan),
selectedActions = valueOrNull(selectedActions),
separator = valueOrNull(separator),
tooltips = valueOrNull(tooltips),
transform = valueOrNull(transform),
transitionChange = valueOrNull(transitionChange),
transitionIn = valueOrNull(transitionIn),
transitionOut = valueOrNull(transitionOut),
transitionTriggers = valueOrNull(transitionTriggers),
variables = valueOrNull(variables),
visibility = valueOrNull(visibility),
visibilityAction = valueOrNull(visibilityAction),
visibilityActions = valueOrNull(visibilityActions),
width = valueOrNull(width),
)
/**
* @param orientation Location of elements. `overlap` value overlays elements on top of each other in the order of enumeration. The lowest is the zero element of an array.
* @param accessibility Accessibility settings.
* @param action One action when clicking on an element. Not used if the `actions` parameter is set.
* @param actionAnimation Click animation. The web only supports the following values: `fade`, `scale`, `native`, `no_animation` and `set`.
* @param actions Multiple actions when clicking on an element.
* @param alignmentHorizontal Horizontal alignment of an element inside the parent element.
* @param alignmentVertical Vertical alignment of an element inside the parent element.
* @param alpha Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* @param aspect Fixed aspect ratio of the container. The element's height is calculated based on the width, ignoring the `height` parameter's value.
On the web, support for the `aspect-ratio` CSS property is required to use this parameter.
* @param background Element background. It can contain multiple layers.
* @param border Element stroke.
* @param clipToBounds Enables the bounding of child elements by the parent's borders.
* @param columnSpan Merges cells in a column of the [grid](div-grid.md) element.
* @param contentAlignmentHorizontal Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* @param contentAlignmentVertical Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* @param disappearActions Actions when an element disappears from the screen.
* @param doubletapActions Action when double-clicking on an element.
* @param extensions Extensions for additional processing of an element. The list of extensions is given in [DivExtension](../../extensions).
* @param focus Parameters when focusing on an element or losing focus.
* @param height Element height. For Android: if there is text in this or in a child element, specify height in `sp` to scale the element together with the text. To learn more about units of size measurement, see [Layout inside the card](../../layout).
* @param id Element ID. It must be unique within the root element. It is used as `accessibilityIdentifier` on iOS.
* @param itemBuilder Sets collection elements dynamically using `data` and `prototypes`.
* @param items Nested elements.
* @param layoutMode Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* @param layoutProvider Provides element real size values after a layout cycle.
* @param lineSeparator Separator between elements along the cross axis. Not used if the `layout_mode` parameter is set to `no_wrap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param longtapActions Action when long-clicking an element. Doesn't work on devices that don't support touch gestures.
* @param margins External margins from the element stroke.
* @param paddings Internal margins from the element stroke.
* @param reuseId Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
* @param rowSpan Merges cells in a string of the [grid](div-grid.md) element.
* @param selectedActions List of [actions](div-action.md) to be executed when selecting an element in [pager](div-pager.md).
* @param separator Separator between elements along the main axis. Not used if the `orientation` parameter is set to `overlap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param tooltips Tooltips linked to an element. A tooltip can be shown by `div-action://show_tooltip?id=`, hidden by `div-action://hide_tooltip?id=` where `id` — tooltip id.
* @param transform Applies the passed transformation to the element. Content that doesn't fit into the original view area is cut off.
* @param transitionChange Change animation. It is played when the position or size of an element changes in the new layout.
* @param transitionIn Appearance animation. It is played when an element with a new ID appears. To learn more about the concept of transitions, see [Animated transitions](../../interaction#animation/transition-animation).
* @param transitionOut Disappearance animation. It is played when an element disappears in the new layout.
* @param transitionTriggers Animation starting triggers. Default value: `[state_change, visibility_change]`.
* @param variables Definition of variables that can be used within this element. These variables, defined in the array, can only be used inside this element and its children.
* @param visibility Element visibility.
* @param visibilityAction Tracking visibility of a single element. Not used if the `visibility_actions` parameter is set.
* @param visibilityActions Actions when an element appears on the screen.
* @param width Element width.
*/
@Generated
fun TemplateScope.containerRefs(
`use named arguments`: Guard = Guard.instance,
orientation: ReferenceProperty? = null,
accessibility: ReferenceProperty? = null,
action: ReferenceProperty? = null,
actionAnimation: ReferenceProperty? = null,
actions: ReferenceProperty>? = null,
alignmentHorizontal: ReferenceProperty? = null,
alignmentVertical: ReferenceProperty? = null,
alpha: ReferenceProperty? = null,
aspect: ReferenceProperty? = null,
background: ReferenceProperty>? = null,
border: ReferenceProperty? = null,
clipToBounds: ReferenceProperty? = null,
columnSpan: ReferenceProperty? = null,
contentAlignmentHorizontal: ReferenceProperty? = null,
contentAlignmentVertical: ReferenceProperty? = null,
disappearActions: ReferenceProperty>? = null,
doubletapActions: ReferenceProperty>? = null,
extensions: ReferenceProperty>? = null,
focus: ReferenceProperty? = null,
height: ReferenceProperty? = null,
id: ReferenceProperty? = null,
itemBuilder: ReferenceProperty? = null,
items: ReferenceProperty>? = null,
layoutMode: ReferenceProperty? = null,
layoutProvider: ReferenceProperty? = null,
lineSeparator: ReferenceProperty? = null,
longtapActions: ReferenceProperty>? = null,
margins: ReferenceProperty? = null,
paddings: ReferenceProperty? = null,
reuseId: ReferenceProperty? = null,
rowSpan: ReferenceProperty? = null,
selectedActions: ReferenceProperty>? = null,
separator: ReferenceProperty? = null,
tooltips: ReferenceProperty>? = null,
transform: ReferenceProperty? = null,
transitionChange: ReferenceProperty? = null,
transitionIn: ReferenceProperty? = null,
transitionOut: ReferenceProperty? = null,
transitionTriggers: ReferenceProperty>>? = null,
variables: ReferenceProperty>? = null,
visibility: ReferenceProperty? = null,
visibilityAction: ReferenceProperty? = null,
visibilityActions: ReferenceProperty>? = null,
width: ReferenceProperty? = null,
) = Container.Properties(
orientation = orientation,
accessibility = accessibility,
action = action,
actionAnimation = actionAnimation,
actions = actions,
alignmentHorizontal = alignmentHorizontal,
alignmentVertical = alignmentVertical,
alpha = alpha,
aspect = aspect,
background = background,
border = border,
clipToBounds = clipToBounds,
columnSpan = columnSpan,
contentAlignmentHorizontal = contentAlignmentHorizontal,
contentAlignmentVertical = contentAlignmentVertical,
disappearActions = disappearActions,
doubletapActions = doubletapActions,
extensions = extensions,
focus = focus,
height = height,
id = id,
itemBuilder = itemBuilder,
items = items,
layoutMode = layoutMode,
layoutProvider = layoutProvider,
lineSeparator = lineSeparator,
longtapActions = longtapActions,
margins = margins,
paddings = paddings,
reuseId = reuseId,
rowSpan = rowSpan,
selectedActions = selectedActions,
separator = separator,
tooltips = tooltips,
transform = transform,
transitionChange = transitionChange,
transitionIn = transitionIn,
transitionOut = transitionOut,
transitionTriggers = transitionTriggers,
variables = variables,
visibility = visibility,
visibilityAction = visibilityAction,
visibilityActions = visibilityActions,
width = width,
)
/**
* @param orientation Location of elements. `overlap` value overlays elements on top of each other in the order of enumeration. The lowest is the zero element of an array.
* @param accessibility Accessibility settings.
* @param action One action when clicking on an element. Not used if the `actions` parameter is set.
* @param actionAnimation Click animation. The web only supports the following values: `fade`, `scale`, `native`, `no_animation` and `set`.
* @param actions Multiple actions when clicking on an element.
* @param alignmentHorizontal Horizontal alignment of an element inside the parent element.
* @param alignmentVertical Vertical alignment of an element inside the parent element.
* @param alpha Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* @param aspect Fixed aspect ratio of the container. The element's height is calculated based on the width, ignoring the `height` parameter's value.
On the web, support for the `aspect-ratio` CSS property is required to use this parameter.
* @param background Element background. It can contain multiple layers.
* @param border Element stroke.
* @param clipToBounds Enables the bounding of child elements by the parent's borders.
* @param columnSpan Merges cells in a column of the [grid](div-grid.md) element.
* @param contentAlignmentHorizontal Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* @param contentAlignmentVertical Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* @param disappearActions Actions when an element disappears from the screen.
* @param doubletapActions Action when double-clicking on an element.
* @param extensions Extensions for additional processing of an element. The list of extensions is given in [DivExtension](../../extensions).
* @param focus Parameters when focusing on an element or losing focus.
* @param height Element height. For Android: if there is text in this or in a child element, specify height in `sp` to scale the element together with the text. To learn more about units of size measurement, see [Layout inside the card](../../layout).
* @param id Element ID. It must be unique within the root element. It is used as `accessibilityIdentifier` on iOS.
* @param itemBuilder Sets collection elements dynamically using `data` and `prototypes`.
* @param items Nested elements.
* @param layoutMode Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* @param layoutProvider Provides element real size values after a layout cycle.
* @param lineSeparator Separator between elements along the cross axis. Not used if the `layout_mode` parameter is set to `no_wrap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param longtapActions Action when long-clicking an element. Doesn't work on devices that don't support touch gestures.
* @param margins External margins from the element stroke.
* @param paddings Internal margins from the element stroke.
* @param reuseId Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
* @param rowSpan Merges cells in a string of the [grid](div-grid.md) element.
* @param selectedActions List of [actions](div-action.md) to be executed when selecting an element in [pager](div-pager.md).
* @param separator Separator between elements along the main axis. Not used if the `orientation` parameter is set to `overlap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param tooltips Tooltips linked to an element. A tooltip can be shown by `div-action://show_tooltip?id=`, hidden by `div-action://hide_tooltip?id=` where `id` — tooltip id.
* @param transform Applies the passed transformation to the element. Content that doesn't fit into the original view area is cut off.
* @param transitionChange Change animation. It is played when the position or size of an element changes in the new layout.
* @param transitionIn Appearance animation. It is played when an element with a new ID appears. To learn more about the concept of transitions, see [Animated transitions](../../interaction#animation/transition-animation).
* @param transitionOut Disappearance animation. It is played when an element disappears in the new layout.
* @param transitionTriggers Animation starting triggers. Default value: `[state_change, visibility_change]`.
* @param variables Definition of variables that can be used within this element. These variables, defined in the array, can only be used inside this element and its children.
* @param visibility Element visibility.
* @param visibilityAction Tracking visibility of a single element. Not used if the `visibility_actions` parameter is set.
* @param visibilityActions Actions when an element appears on the screen.
* @param width Element width.
*/
@Generated
fun Container.override(
`use named arguments`: Guard = Guard.instance,
orientation: Container.Orientation? = null,
accessibility: Accessibility? = null,
action: Action? = null,
actionAnimation: Animation? = null,
actions: List? = null,
alignmentHorizontal: AlignmentHorizontal? = null,
alignmentVertical: AlignmentVertical? = null,
alpha: Double? = null,
aspect: Aspect? = null,
background: List? = null,
border: Border? = null,
clipToBounds: Boolean? = null,
columnSpan: Int? = null,
contentAlignmentHorizontal: ContentAlignmentHorizontal? = null,
contentAlignmentVertical: ContentAlignmentVertical? = null,
disappearActions: List? = null,
doubletapActions: List? = null,
extensions: List? = null,
focus: Focus? = null,
height: Size? = null,
id: String? = null,
itemBuilder: CollectionItemBuilder? = null,
items: List? = null,
layoutMode: Container.LayoutMode? = null,
layoutProvider: LayoutProvider? = null,
lineSeparator: Container.Separator? = null,
longtapActions: List? = null,
margins: EdgeInsets? = null,
paddings: EdgeInsets? = null,
reuseId: String? = null,
rowSpan: Int? = null,
selectedActions: List? = null,
separator: Container.Separator? = null,
tooltips: List? = null,
transform: Transform? = null,
transitionChange: ChangeTransition? = null,
transitionIn: AppearanceTransition? = null,
transitionOut: AppearanceTransition? = null,
transitionTriggers: List>? = null,
variables: List? = null,
visibility: Visibility? = null,
visibilityAction: VisibilityAction? = null,
visibilityActions: List? = null,
width: Size? = null,
): Container = Container(
Container.Properties(
orientation = valueOrNull(orientation) ?: properties.orientation,
accessibility = valueOrNull(accessibility) ?: properties.accessibility,
action = valueOrNull(action) ?: properties.action,
actionAnimation = valueOrNull(actionAnimation) ?: properties.actionAnimation,
actions = valueOrNull(actions) ?: properties.actions,
alignmentHorizontal = valueOrNull(alignmentHorizontal) ?: properties.alignmentHorizontal,
alignmentVertical = valueOrNull(alignmentVertical) ?: properties.alignmentVertical,
alpha = valueOrNull(alpha) ?: properties.alpha,
aspect = valueOrNull(aspect) ?: properties.aspect,
background = valueOrNull(background) ?: properties.background,
border = valueOrNull(border) ?: properties.border,
clipToBounds = valueOrNull(clipToBounds) ?: properties.clipToBounds,
columnSpan = valueOrNull(columnSpan) ?: properties.columnSpan,
contentAlignmentHorizontal = valueOrNull(contentAlignmentHorizontal) ?: properties.contentAlignmentHorizontal,
contentAlignmentVertical = valueOrNull(contentAlignmentVertical) ?: properties.contentAlignmentVertical,
disappearActions = valueOrNull(disappearActions) ?: properties.disappearActions,
doubletapActions = valueOrNull(doubletapActions) ?: properties.doubletapActions,
extensions = valueOrNull(extensions) ?: properties.extensions,
focus = valueOrNull(focus) ?: properties.focus,
height = valueOrNull(height) ?: properties.height,
id = valueOrNull(id) ?: properties.id,
itemBuilder = valueOrNull(itemBuilder) ?: properties.itemBuilder,
items = valueOrNull(items) ?: properties.items,
layoutMode = valueOrNull(layoutMode) ?: properties.layoutMode,
layoutProvider = valueOrNull(layoutProvider) ?: properties.layoutProvider,
lineSeparator = valueOrNull(lineSeparator) ?: properties.lineSeparator,
longtapActions = valueOrNull(longtapActions) ?: properties.longtapActions,
margins = valueOrNull(margins) ?: properties.margins,
paddings = valueOrNull(paddings) ?: properties.paddings,
reuseId = valueOrNull(reuseId) ?: properties.reuseId,
rowSpan = valueOrNull(rowSpan) ?: properties.rowSpan,
selectedActions = valueOrNull(selectedActions) ?: properties.selectedActions,
separator = valueOrNull(separator) ?: properties.separator,
tooltips = valueOrNull(tooltips) ?: properties.tooltips,
transform = valueOrNull(transform) ?: properties.transform,
transitionChange = valueOrNull(transitionChange) ?: properties.transitionChange,
transitionIn = valueOrNull(transitionIn) ?: properties.transitionIn,
transitionOut = valueOrNull(transitionOut) ?: properties.transitionOut,
transitionTriggers = valueOrNull(transitionTriggers) ?: properties.transitionTriggers,
variables = valueOrNull(variables) ?: properties.variables,
visibility = valueOrNull(visibility) ?: properties.visibility,
visibilityAction = valueOrNull(visibilityAction) ?: properties.visibilityAction,
visibilityActions = valueOrNull(visibilityActions) ?: properties.visibilityActions,
width = valueOrNull(width) ?: properties.width,
)
)
/**
* @param orientation Location of elements. `overlap` value overlays elements on top of each other in the order of enumeration. The lowest is the zero element of an array.
* @param accessibility Accessibility settings.
* @param action One action when clicking on an element. Not used if the `actions` parameter is set.
* @param actionAnimation Click animation. The web only supports the following values: `fade`, `scale`, `native`, `no_animation` and `set`.
* @param actions Multiple actions when clicking on an element.
* @param alignmentHorizontal Horizontal alignment of an element inside the parent element.
* @param alignmentVertical Vertical alignment of an element inside the parent element.
* @param alpha Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* @param aspect Fixed aspect ratio of the container. The element's height is calculated based on the width, ignoring the `height` parameter's value.
On the web, support for the `aspect-ratio` CSS property is required to use this parameter.
* @param background Element background. It can contain multiple layers.
* @param border Element stroke.
* @param clipToBounds Enables the bounding of child elements by the parent's borders.
* @param columnSpan Merges cells in a column of the [grid](div-grid.md) element.
* @param contentAlignmentHorizontal Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* @param contentAlignmentVertical Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* @param disappearActions Actions when an element disappears from the screen.
* @param doubletapActions Action when double-clicking on an element.
* @param extensions Extensions for additional processing of an element. The list of extensions is given in [DivExtension](../../extensions).
* @param focus Parameters when focusing on an element or losing focus.
* @param height Element height. For Android: if there is text in this or in a child element, specify height in `sp` to scale the element together with the text. To learn more about units of size measurement, see [Layout inside the card](../../layout).
* @param id Element ID. It must be unique within the root element. It is used as `accessibilityIdentifier` on iOS.
* @param itemBuilder Sets collection elements dynamically using `data` and `prototypes`.
* @param items Nested elements.
* @param layoutMode Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* @param layoutProvider Provides element real size values after a layout cycle.
* @param lineSeparator Separator between elements along the cross axis. Not used if the `layout_mode` parameter is set to `no_wrap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param longtapActions Action when long-clicking an element. Doesn't work on devices that don't support touch gestures.
* @param margins External margins from the element stroke.
* @param paddings Internal margins from the element stroke.
* @param reuseId Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
* @param rowSpan Merges cells in a string of the [grid](div-grid.md) element.
* @param selectedActions List of [actions](div-action.md) to be executed when selecting an element in [pager](div-pager.md).
* @param separator Separator between elements along the main axis. Not used if the `orientation` parameter is set to `overlap`. Only new browsers are supported on the web (the `gap` property must be supported for flex blocks).
* @param tooltips Tooltips linked to an element. A tooltip can be shown by `div-action://show_tooltip?id=`, hidden by `div-action://hide_tooltip?id=` where `id` — tooltip id.
* @param transform Applies the passed transformation to the element. Content that doesn't fit into the original view area is cut off.
* @param transitionChange Change animation. It is played when the position or size of an element changes in the new layout.
* @param transitionIn Appearance animation. It is played when an element with a new ID appears. To learn more about the concept of transitions, see [Animated transitions](../../interaction#animation/transition-animation).
* @param transitionOut Disappearance animation. It is played when an element disappears in the new layout.
* @param transitionTriggers Animation starting triggers. Default value: `[state_change, visibility_change]`.
* @param variables Definition of variables that can be used within this element. These variables, defined in the array, can only be used inside this element and its children.
* @param visibility Element visibility.
* @param visibilityAction Tracking visibility of a single element. Not used if the `visibility_actions` parameter is set.
* @param visibilityActions Actions when an element appears on the screen.
* @param width Element width.
*/
@Generated
fun Container.defer(
`use named arguments`: Guard = Guard.instance,
orientation: ReferenceProperty? = null,
accessibility: ReferenceProperty? = null,
action: ReferenceProperty? = null,
actionAnimation: ReferenceProperty? = null,
actions: ReferenceProperty>? = null,
alignmentHorizontal: ReferenceProperty? = null,
alignmentVertical: ReferenceProperty? = null,
alpha: ReferenceProperty? = null,
aspect: ReferenceProperty? = null,
background: ReferenceProperty>? = null,
border: ReferenceProperty? = null,
clipToBounds: ReferenceProperty? = null,
columnSpan: ReferenceProperty? = null,
contentAlignmentHorizontal: ReferenceProperty? = null,
contentAlignmentVertical: ReferenceProperty? = null,
disappearActions: ReferenceProperty>? = null,
doubletapActions: ReferenceProperty>? = null,
extensions: ReferenceProperty>? = null,
focus: ReferenceProperty? = null,
height: ReferenceProperty? = null,
id: ReferenceProperty? = null,
itemBuilder: ReferenceProperty? = null,
items: ReferenceProperty>? = null,
layoutMode: ReferenceProperty? = null,
layoutProvider: ReferenceProperty? = null,
lineSeparator: ReferenceProperty? = null,
longtapActions: ReferenceProperty>? = null,
margins: ReferenceProperty? = null,
paddings: ReferenceProperty? = null,
reuseId: ReferenceProperty? = null,
rowSpan: ReferenceProperty? = null,
selectedActions: ReferenceProperty>? = null,
separator: ReferenceProperty? = null,
tooltips: ReferenceProperty>? = null,
transform: ReferenceProperty? = null,
transitionChange: ReferenceProperty? = null,
transitionIn: ReferenceProperty? = null,
transitionOut: ReferenceProperty? = null,
transitionTriggers: ReferenceProperty>>? = null,
variables: ReferenceProperty>? = null,
visibility: ReferenceProperty? = null,
visibilityAction: ReferenceProperty? = null,
visibilityActions: ReferenceProperty>? = null,
width: ReferenceProperty? = null,
): Container = Container(
Container.Properties(
orientation = orientation ?: properties.orientation,
accessibility = accessibility ?: properties.accessibility,
action = action ?: properties.action,
actionAnimation = actionAnimation ?: properties.actionAnimation,
actions = actions ?: properties.actions,
alignmentHorizontal = alignmentHorizontal ?: properties.alignmentHorizontal,
alignmentVertical = alignmentVertical ?: properties.alignmentVertical,
alpha = alpha ?: properties.alpha,
aspect = aspect ?: properties.aspect,
background = background ?: properties.background,
border = border ?: properties.border,
clipToBounds = clipToBounds ?: properties.clipToBounds,
columnSpan = columnSpan ?: properties.columnSpan,
contentAlignmentHorizontal = contentAlignmentHorizontal ?: properties.contentAlignmentHorizontal,
contentAlignmentVertical = contentAlignmentVertical ?: properties.contentAlignmentVertical,
disappearActions = disappearActions ?: properties.disappearActions,
doubletapActions = doubletapActions ?: properties.doubletapActions,
extensions = extensions ?: properties.extensions,
focus = focus ?: properties.focus,
height = height ?: properties.height,
id = id ?: properties.id,
itemBuilder = itemBuilder ?: properties.itemBuilder,
items = items ?: properties.items,
layoutMode = layoutMode ?: properties.layoutMode,
layoutProvider = layoutProvider ?: properties.layoutProvider,
lineSeparator = lineSeparator ?: properties.lineSeparator,
longtapActions = longtapActions ?: properties.longtapActions,
margins = margins ?: properties.margins,
paddings = paddings ?: properties.paddings,
reuseId = reuseId ?: properties.reuseId,
rowSpan = rowSpan ?: properties.rowSpan,
selectedActions = selectedActions ?: properties.selectedActions,
separator = separator ?: properties.separator,
tooltips = tooltips ?: properties.tooltips,
transform = transform ?: properties.transform,
transitionChange = transitionChange ?: properties.transitionChange,
transitionIn = transitionIn ?: properties.transitionIn,
transitionOut = transitionOut ?: properties.transitionOut,
transitionTriggers = transitionTriggers ?: properties.transitionTriggers,
variables = variables ?: properties.variables,
visibility = visibility ?: properties.visibility,
visibilityAction = visibilityAction ?: properties.visibilityAction,
visibilityActions = visibilityActions ?: properties.visibilityActions,
width = width ?: properties.width,
)
)
/**
* @param orientation Location of elements. `overlap` value overlays elements on top of each other in the order of enumeration. The lowest is the zero element of an array.
* @param alignmentHorizontal Horizontal alignment of an element inside the parent element.
* @param alignmentVertical Vertical alignment of an element inside the parent element.
* @param alpha Sets transparency of the entire element: `0` — completely transparent, `1` — opaque.
* @param clipToBounds Enables the bounding of child elements by the parent's borders.
* @param columnSpan Merges cells in a column of the [grid](div-grid.md) element.
* @param contentAlignmentHorizontal Horizontal element alignment. For child elements, it can be redefined using the `alignment_horizontal` property.
* @param contentAlignmentVertical Vertical element alignment. The `baseline` value aligns elements along their own specified baseline (for text and other elements that have a baseline). Elements that don't have their baseline value specified are aligned along the top edge. For child elements, it can be redefined using the `alignment_vertical` property.
* @param layoutMode Element placement method. The `wrap` value transfers elements to the next line if they don't fit in the previous one. If the `wrap` value is set:A separate line is allocated for each element along the main axis with the size value set to `match_parent`. Elements along the cross axis with the size value `match_parent` are ignored.
* @param reuseId Id for the div structure. Used for more optimal reuse of blocks. See [reusing blocks](../../reuse/reuse.md)
* @param rowSpan Merges cells in a string of the [grid](div-grid.md) element.
* @param visibility Element visibility.
*/
@Generated
fun Container.evaluate(
`use named arguments`: Guard = Guard.instance,
orientation: ExpressionProperty? = null,
alignmentHorizontal: ExpressionProperty