@divkitframework/jsonbuilder 28.13.0 → 29.1.0

package/dist/jsonbuilder.d.ts

@@ -94,11 +94,11 @@ declare function copyTemplates<T extends ITemplates>(templates: T): T;
 declare class ArrayValue<T extends ArrayValueProps = ArrayValueProps> {
     readonly _props?: Exact<ArrayValueProps, T>;
     readonly type = "array";
-    value: Type<unknown[]>;
+    value: Type<unknown[] | DivExpression>;
     constructor(props: Exact<ArrayValueProps, T>);
 }
 interface ArrayValueProps {
-    value: Type<unknown[]>;
+    value: Type<unknown[] | DivExpression>;
 }
 
 /**
@@ -794,6 +794,35 @@ interface DivCircleShapeProps {
     stroke?: Type<IDivStroke>;
 }
 
+interface IDivCollectionItemBuilder {
+    /**
+     * Data that will be used to create collection items.
+     */
+    data: Type<unknown[] | DivExpression>;
+    /**
+     * Prefix for accessing the next `data` element in the prototype.
+     */
+    data_element_prefix?: Type<string>;
+    /**
+     * Array of `div` from which the collection items will be created.
+     */
+    prototypes: Type<NonEmptyArray<IDivCollectionItemBuilderPrototype>>;
+}
+interface IDivCollectionItemBuilderPrototype {
+    /**
+     * `Div` from which the collection items will be created. In `Div`, you can use expressions using
+     * data from `data`, to access the next `data` element, you need to use the same prefix as in
+     * `data_element_prefix`.
+     */
+    div: Type<Div>;
+    /**
+     * A condition that is used to select a prototype for the next item in the collection. If there
+     * is more than 1 true condition, the prototype that is earlier will be selected. If none of the
+     * conditions are met, the data element will be skipped.
+     */
+    selector?: Type<IntBoolean | DivExpression>;
+}
+
 /**
  * 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
@@ -846,6 +875,10 @@ declare class DivContainer<T extends DivContainerProps = DivContainerProps> {
      * Element stroke.
      */
     border?: Type<IDivBorder>;
+    /**
+     * Parameter that determines whether child elements are bounded by the parent's boundaries.
+     */
+    clip_to_bounds?: Type<IntBoolean | DivExpression>;
     /**
      * Merges cells in a column of the [grid](div-grid.md) element.
      */
@@ -890,10 +923,14 @@ declare class DivContainer<T extends DivContainerProps = DivContainerProps> {
      * on iOS.
      */
     id?: Type<string>;
+    /**
+     * A way to set collection items dynamically using data and prototypes.
+     */
+    item_builder?: Type<IDivCollectionItemBuilder>;
     /**
      * Nested elements.
      */
-    items: Type<NonEmptyArray<Div>>;
+    items?: Type<NonEmptyArray<Div>>;
     /**
      * 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
@@ -986,9 +1023,9 @@ declare class DivContainer<T extends DivContainerProps = DivContainerProps> {
      * Element width.
      */
     width?: Type<DivSize>;
-    constructor(props: Exact<DivContainerProps, T>);
+    constructor(props?: Exact<DivContainerProps, T>);
 }
-interface DivContainerProps {
+interface DivContainerPropsBase {
     /**
      * Accessibility settings.
      */
@@ -1033,6 +1070,10 @@ interface DivContainerProps {
      * Element stroke.
      */
     border?: Type<IDivBorder>;
+    /**
+     * Parameter that determines whether child elements are bounded by the parent's boundaries.
+     */
+    clip_to_bounds?: Type<IntBoolean | DivExpression>;
     /**
      * Merges cells in a column of the [grid](div-grid.md) element.
      */
@@ -1077,10 +1118,14 @@ interface DivContainerProps {
      * on iOS.
      */
     id?: Type<string>;
+    /**
+     * A way to set collection items dynamically using data and prototypes.
+     */
+    item_builder?: Type<IDivCollectionItemBuilder>;
     /**
      * Nested elements.
      */
-    items: Type<NonEmptyArray<Div>>;
+    items?: Type<NonEmptyArray<Div>>;
     /**
      * 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
@@ -1174,6 +1219,19 @@ interface DivContainerProps {
      */
     width?: Type<DivSize>;
 }
+interface DivContainerProps0 extends DivContainerPropsBase {
+    /**
+     * Nested elements.
+     */
+    items: Type<NonEmptyArray<Div>>;
+}
+interface DivContainerProps1 extends DivContainerPropsBase {
+    /**
+     * A way to set collection items dynamically using data and prototypes.
+     */
+    item_builder: Type<IDivCollectionItemBuilder>;
+}
+declare type DivContainerProps = DivContainerProps0 | DivContainerProps1;
 declare type DivContainerLayoutMode = 'no_wrap' | 'wrap';
 declare type DivContainerOrientation = 'vertical' | 'horizontal' | 'overlap';
 interface IDivContainerSeparator {
@@ -1966,7 +2024,7 @@ declare class DivGallery<T extends DivGalleryProps = DivGalleryProps> {
      * stop at the border element;`ring` — go to the beginning or end, depending on the current
      * element.</p><p>By default, `clamp`.
      */
-    items: Type<NonEmptyArray<Div>>;
+    items?: Type<NonEmptyArray<Div>>;
     /**
      * External margins from the element stroke.
      */
@@ -2050,7 +2108,7 @@ declare class DivGallery<T extends DivGalleryProps = DivGalleryProps> {
      * Element width.
      */
     width?: Type<DivSize>;
-    constructor(props: Exact<DivGalleryProps, T>);
+    constructor(props?: Exact<DivGalleryProps, T>);
 }
 interface DivGalleryProps {
     /**
@@ -2143,7 +2201,7 @@ interface DivGalleryProps {
      * stop at the border element;`ring` — go to the beginning or end, depending on the current
      * element.</p><p>By default, `clamp`.
      */
-    items: Type<NonEmptyArray<Div>>;
+    items?: Type<NonEmptyArray<Div>>;
     /**
      * External margins from the element stroke.
      */
@@ -2678,7 +2736,7 @@ declare class DivGrid<T extends DivGridProps = DivGridProps> {
     /**
      * Contents.
      */
-    items: Type<NonEmptyArray<Div>>;
+    items?: Type<NonEmptyArray<Div>>;
     /**
      * Action when long-clicking an element. Doesn't work on devices that don't support touch
      * gestures.
@@ -2834,7 +2892,7 @@ interface DivGridProps {
     /**
      * Contents.
      */
-    items: Type<NonEmptyArray<Div>>;
+    items?: Type<NonEmptyArray<Div>>;
     /**
      * Action when long-clicking an element. Doesn't work on devices that don't support touch
      * gestures.
@@ -4480,7 +4538,7 @@ declare class DivPager<T extends DivPagerProps = DivPagerProps> {
      * reached:`clamp` — transition will stop at the border element;`ring` — go to the beginning or
      * end, depending on the current element.</p><p>By default, `clamp`.
      */
-    items: Type<NonEmptyArray<Div>>;
+    items?: Type<NonEmptyArray<Div>>;
     /**
      * Type of calculation of the main page width:`fixed` — from the fixed width of the next page
      * `neighbour_page_width`;`percentage` — from the percentage value `page_width`.
@@ -4637,7 +4695,7 @@ interface DivPagerProps {
      * reached:`clamp` — transition will stop at the border element;`ring` — go to the beginning or
      * end, depending on the current element.</p><p>By default, `clamp`.
      */
-    items: Type<NonEmptyArray<Div>>;
+    items?: Type<NonEmptyArray<Div>>;
     /**
      * Type of calculation of the main page width:`fixed` — from the fixed width of the next page
      * `neighbour_page_width`;`percentage` — from the percentage value `page_width`.
@@ -8681,4 +8739,4 @@ declare function rewriteTemplateVersions<T extends ITemplates>(templates: T, res
     };
 };
 
-export { ArrayValue, ArrayValueProps, ArrayVariable, ArrayVariableProps, BooleanValue, BooleanValueProps, BooleanVariable, BooleanVariableProps, ColorValue, ColorValueProps, ColorVariable, ColorVariableProps, ContentText, ContentTextProps, ContentUrl, ContentUrlProps, DelimiterStyleOrientation, DictValue, DictValueProps, DictVariable, DictVariableProps, Div, DivAccessibilityMode, DivAccessibilityType, DivActionArrayInsertValue, DivActionArrayInsertValueProps, DivActionArrayRemoveValue, DivActionArrayRemoveValueProps, DivActionCopyToClipboard, DivActionCopyToClipboardContent, DivActionCopyToClipboardProps, DivActionFocusElement, DivActionFocusElementProps, DivActionSetVariable, DivActionSetVariableProps, DivActionTarget, DivActionTyped, DivAlignmentHorizontal, DivAlignmentVertical, DivAnimationInterpolator, DivAnimationName, DivAppearanceSetTransition, DivAppearanceSetTransitionProps, DivAppearanceTransition, DivBackground, DivBlendMode, DivBlur, DivBlurProps, DivChangeBoundsTransition, DivChangeBoundsTransitionProps, DivChangeSetTransition, DivChangeSetTransitionProps, DivChangeTransition, DivCircleShape, DivCircleShapeProps, DivContainer, DivContainerLayoutMode, DivContainerOrientation, DivContainerProps, DivContentAlignmentHorizontal, DivContentAlignmentVertical, DivCount, DivCurrencyInputMask, DivCurrencyInputMaskProps, DivCustom, DivCustomProps, DivDefaultIndicatorItemPlacement, DivDefaultIndicatorItemPlacementProps, DivDrawable, DivExpression, DivFadeTransition, DivFadeTransitionProps, DivFilter, DivFilterRtlMirror, DivFilterRtlMirrorProps, DivFixedCount, DivFixedCountProps, DivFixedLengthInputMask, DivFixedLengthInputMaskProps, DivFixedSize, DivFixedSizeProps, DivFontWeight, DivGallery, DivGalleryCrossContentAlignment, DivGalleryOrientation, DivGalleryProps, DivGalleryScrollMode, DivGalleryScrollbar, DivGifImage, DivGifImageProps, DivGradientBackground, DivGrid, DivGridProps, DivImage, DivImageBackground, DivImageBackgroundProps, DivImageProps, DivImageScale, DivIndicator, DivIndicatorAnimation, DivIndicatorItemPlacement, DivIndicatorProps, DivInfinityCount, DivInfinityCountProps, DivInput, DivInputKeyboardType, DivInputMask, DivInputProps, DivInputValidator, DivInputValidatorExpression, DivInputValidatorExpressionProps, DivInputValidatorRegex, DivInputValidatorRegexProps, DivLineStyle, DivLinearGradient, DivLinearGradientProps, DivMatchParentSize, DivMatchParentSizeProps, DivNeighbourPageSize, DivNeighbourPageSizeProps, DivNinePatchBackground, DivNinePatchBackgroundProps, DivPageSize, DivPageSizeProps, DivPager, DivPagerLayoutMode, DivPagerOrientation, DivPagerProps, DivPatchMode, DivPercentageSize, DivPercentageSizeProps, DivPhoneInputMask, DivPhoneInputMaskProps, DivPivot, DivPivotFixed, DivPivotFixedProps, DivPivotPercentage, DivPivotPercentageProps, DivRadialGradient, DivRadialGradientCenter, DivRadialGradientFixedCenter, DivRadialGradientFixedCenterProps, DivRadialGradientProps, DivRadialGradientRadius, DivRadialGradientRelativeCenter, DivRadialGradientRelativeCenterProps, DivRadialGradientRelativeRadius, DivRadialGradientRelativeRadiusProps, DivRadialGradientRelativeRadiusValue, DivRoundedRectangleShape, DivRoundedRectangleShapeProps, DivScaleTransition, DivScaleTransitionProps, DivSelect, DivSelectProps, DivSeparator, DivSeparatorProps, DivShape, DivShapeDrawable, DivShapeDrawableProps, DivSize, DivSizeUnit, DivSlideTransition, DivSlideTransitionEdge, DivSlideTransitionProps, DivSlider, DivSliderProps, DivSolidBackground, DivSolidBackgroundProps, DivState, DivStateProps, DivStretchIndicatorItemPlacement, DivStretchIndicatorItemPlacementProps, DivTabs, DivTabsProps, DivText, DivTextGradient, DivTextProps, DivTextRangeBackground, DivTextTruncate, DivTooltipPosition, DivTransitionSelector, DivTransitionTrigger, DivTriggerMode, DivTypedValue, DivVariable, DivVideo, DivVideoProps, DivVideoScale, DivVideoSource, DivVideoSourceProps, DivVideoSourceResolution, DivVideoSourceResolutionProps, DivVisibility, DivWrapContentSize, DivWrapContentSizeProps, Exact, IDivAbsoluteEdgeInsets, IDivAccessibility, IDivAction, IDivActionMenuItem, IDivAnimation, IDivAspect, IDivBase, IDivBorder, IDivContainerSeparator, IDivCornersRadius, IDivData, IDivDataState, IDivDimension, IDivDisappearAction, IDivDownloadCallbacks, IDivEdgeInsets, IDivExtension, IDivFixedLengthInputMaskPatternElement, IDivFocus, IDivFocusNextFocusIds, IDivInputMaskBase, IDivInputNativeInterface, IDivInputValidatorBase, IDivPatch, IDivPatchChange, IDivPoint, IDivSelectOption, IDivSeparatorDelimiterStyle, IDivShadow, IDivSightAction, IDivSliderRange, IDivSliderTextStyle, IDivStateState, IDivStroke, IDivTabsItem, IDivTabsTabTitleStyle, IDivTextEllipsis, IDivTextImage, IDivTextRange, IDivTextRangeBorder, IDivTimer, IDivTooltip, IDivTransform, IDivTransitionBase, IDivTrigger, IDivVisibilityAction, IDivWrapContentSizeConstraintSize, ITemplates, IntBoolean, IntegerValue, IntegerValueProps, IntegerVariable, IntegerVariableProps, NonEmptyArray, NumberValue, NumberValueProps, NumberVariable, NumberVariableProps, SafeDivExpression, StringValue, StringValueProps, StringVariable, StringVariableProps, TabTitleStyleAnimationType, TemplateBlock, TemplateHelper, TemplatePropertyReference, TemplateResolvedAction, ThelperWithMemo, Type, UrlValue, UrlValueProps, UrlVariable, UrlVariableProps, copyTemplates, divCard, escapeCard, escapeExpression, expression, fixed, getTemplateHash, matchParent, reference, rewriteNames, rewriteRefs, rewriteTemplateVersions, runResolveDeps, template, templateHelper, templatesDepsMap, thelperVersion, thelperWithMemo, treeWalkDFS, weighted, wrapContent };
+export { ArrayValue, ArrayValueProps, ArrayVariable, ArrayVariableProps, BooleanValue, BooleanValueProps, BooleanVariable, BooleanVariableProps, ColorValue, ColorValueProps, ColorVariable, ColorVariableProps, ContentText, ContentTextProps, ContentUrl, ContentUrlProps, DelimiterStyleOrientation, DictValue, DictValueProps, DictVariable, DictVariableProps, Div, DivAccessibilityMode, DivAccessibilityType, DivActionArrayInsertValue, DivActionArrayInsertValueProps, DivActionArrayRemoveValue, DivActionArrayRemoveValueProps, DivActionCopyToClipboard, DivActionCopyToClipboardContent, DivActionCopyToClipboardProps, DivActionFocusElement, DivActionFocusElementProps, DivActionSetVariable, DivActionSetVariableProps, DivActionTarget, DivActionTyped, DivAlignmentHorizontal, DivAlignmentVertical, DivAnimationInterpolator, DivAnimationName, DivAppearanceSetTransition, DivAppearanceSetTransitionProps, DivAppearanceTransition, DivBackground, DivBlendMode, DivBlur, DivBlurProps, DivChangeBoundsTransition, DivChangeBoundsTransitionProps, DivChangeSetTransition, DivChangeSetTransitionProps, DivChangeTransition, DivCircleShape, DivCircleShapeProps, DivContainer, DivContainerLayoutMode, DivContainerOrientation, DivContainerProps, DivContainerProps0, DivContainerProps1, DivContainerPropsBase, DivContentAlignmentHorizontal, DivContentAlignmentVertical, DivCount, DivCurrencyInputMask, DivCurrencyInputMaskProps, DivCustom, DivCustomProps, DivDefaultIndicatorItemPlacement, DivDefaultIndicatorItemPlacementProps, DivDrawable, DivExpression, DivFadeTransition, DivFadeTransitionProps, DivFilter, DivFilterRtlMirror, DivFilterRtlMirrorProps, DivFixedCount, DivFixedCountProps, DivFixedLengthInputMask, DivFixedLengthInputMaskProps, DivFixedSize, DivFixedSizeProps, DivFontWeight, DivGallery, DivGalleryCrossContentAlignment, DivGalleryOrientation, DivGalleryProps, DivGalleryScrollMode, DivGalleryScrollbar, DivGifImage, DivGifImageProps, DivGradientBackground, DivGrid, DivGridProps, DivImage, DivImageBackground, DivImageBackgroundProps, DivImageProps, DivImageScale, DivIndicator, DivIndicatorAnimation, DivIndicatorItemPlacement, DivIndicatorProps, DivInfinityCount, DivInfinityCountProps, DivInput, DivInputKeyboardType, DivInputMask, DivInputProps, DivInputValidator, DivInputValidatorExpression, DivInputValidatorExpressionProps, DivInputValidatorRegex, DivInputValidatorRegexProps, DivLineStyle, DivLinearGradient, DivLinearGradientProps, DivMatchParentSize, DivMatchParentSizeProps, DivNeighbourPageSize, DivNeighbourPageSizeProps, DivNinePatchBackground, DivNinePatchBackgroundProps, DivPageSize, DivPageSizeProps, DivPager, DivPagerLayoutMode, DivPagerOrientation, DivPagerProps, DivPatchMode, DivPercentageSize, DivPercentageSizeProps, DivPhoneInputMask, DivPhoneInputMaskProps, DivPivot, DivPivotFixed, DivPivotFixedProps, DivPivotPercentage, DivPivotPercentageProps, DivRadialGradient, DivRadialGradientCenter, DivRadialGradientFixedCenter, DivRadialGradientFixedCenterProps, DivRadialGradientProps, DivRadialGradientRadius, DivRadialGradientRelativeCenter, DivRadialGradientRelativeCenterProps, DivRadialGradientRelativeRadius, DivRadialGradientRelativeRadiusProps, DivRadialGradientRelativeRadiusValue, DivRoundedRectangleShape, DivRoundedRectangleShapeProps, DivScaleTransition, DivScaleTransitionProps, DivSelect, DivSelectProps, DivSeparator, DivSeparatorProps, DivShape, DivShapeDrawable, DivShapeDrawableProps, DivSize, DivSizeUnit, DivSlideTransition, DivSlideTransitionEdge, DivSlideTransitionProps, DivSlider, DivSliderProps, DivSolidBackground, DivSolidBackgroundProps, DivState, DivStateProps, DivStretchIndicatorItemPlacement, DivStretchIndicatorItemPlacementProps, DivTabs, DivTabsProps, DivText, DivTextGradient, DivTextProps, DivTextRangeBackground, DivTextTruncate, DivTooltipPosition, DivTransitionSelector, DivTransitionTrigger, DivTriggerMode, DivTypedValue, DivVariable, DivVideo, DivVideoProps, DivVideoScale, DivVideoSource, DivVideoSourceProps, DivVideoSourceResolution, DivVideoSourceResolutionProps, DivVisibility, DivWrapContentSize, DivWrapContentSizeProps, Exact, IDivAbsoluteEdgeInsets, IDivAccessibility, IDivAction, IDivActionMenuItem, IDivAnimation, IDivAspect, IDivBase, IDivBorder, IDivCollectionItemBuilder, IDivCollectionItemBuilderPrototype, IDivContainerSeparator, IDivCornersRadius, IDivData, IDivDataState, IDivDimension, IDivDisappearAction, IDivDownloadCallbacks, IDivEdgeInsets, IDivExtension, IDivFixedLengthInputMaskPatternElement, IDivFocus, IDivFocusNextFocusIds, IDivInputMaskBase, IDivInputNativeInterface, IDivInputValidatorBase, IDivPatch, IDivPatchChange, IDivPoint, IDivSelectOption, IDivSeparatorDelimiterStyle, IDivShadow, IDivSightAction, IDivSliderRange, IDivSliderTextStyle, IDivStateState, IDivStroke, IDivTabsItem, IDivTabsTabTitleStyle, IDivTextEllipsis, IDivTextImage, IDivTextRange, IDivTextRangeBorder, IDivTimer, IDivTooltip, IDivTransform, IDivTransitionBase, IDivTrigger, IDivVisibilityAction, IDivWrapContentSizeConstraintSize, ITemplates, IntBoolean, IntegerValue, IntegerValueProps, IntegerVariable, IntegerVariableProps, NonEmptyArray, NumberValue, NumberValueProps, NumberVariable, NumberVariableProps, SafeDivExpression, StringValue, StringValueProps, StringVariable, StringVariableProps, TabTitleStyleAnimationType, TemplateBlock, TemplateHelper, TemplatePropertyReference, TemplateResolvedAction, ThelperWithMemo, Type, UrlValue, UrlValueProps, UrlVariable, UrlVariableProps, copyTemplates, divCard, escapeCard, escapeExpression, expression, fixed, getTemplateHash, matchParent, reference, rewriteNames, rewriteRefs, rewriteTemplateVersions, runResolveDeps, template, templateHelper, templatesDepsMap, thelperVersion, thelperWithMemo, treeWalkDFS, weighted, wrapContent };

package/dist/jsonbuilder.js

@@ -227,45 +227,47 @@ class DivCircleShape {
 class DivContainer {
     constructor(props) {
         this.type = 'container';
-        this.accessibility = props.accessibility;
-        this.action = props.action;
-        this.action_animation = props.action_animation;
-        this.actions = props.actions;
-        this.alignment_horizontal = props.alignment_horizontal;
-        this.alignment_vertical = props.alignment_vertical;
-        this.alpha = props.alpha;
-        this.aspect = props.aspect;
-        this.background = props.background;
-        this.border = props.border;
-        this.column_span = props.column_span;
-        this.content_alignment_horizontal = props.content_alignment_horizontal;
-        this.content_alignment_vertical = props.content_alignment_vertical;
-        this.disappear_actions = props.disappear_actions;
-        this.doubletap_actions = props.doubletap_actions;
-        this.extensions = props.extensions;
-        this.focus = props.focus;
-        this.height = props.height;
-        this.id = props.id;
-        this.items = props.items;
-        this.layout_mode = props.layout_mode;
-        this.line_separator = props.line_separator;
-        this.longtap_actions = props.longtap_actions;
-        this.margins = props.margins;
-        this.orientation = props.orientation;
-        this.paddings = props.paddings;
-        this.row_span = props.row_span;
-        this.selected_actions = props.selected_actions;
-        this.separator = props.separator;
-        this.tooltips = props.tooltips;
-        this.transform = props.transform;
-        this.transition_change = props.transition_change;
-        this.transition_in = props.transition_in;
-        this.transition_out = props.transition_out;
-        this.transition_triggers = props.transition_triggers;
-        this.visibility = props.visibility;
-        this.visibility_action = props.visibility_action;
-        this.visibility_actions = props.visibility_actions;
-        this.width = props.width;
+        this.accessibility = props === null || props === void 0 ? void 0 : props.accessibility;
+        this.action = props === null || props === void 0 ? void 0 : props.action;
+        this.action_animation = props === null || props === void 0 ? void 0 : props.action_animation;
+        this.actions = props === null || props === void 0 ? void 0 : props.actions;
+        this.alignment_horizontal = props === null || props === void 0 ? void 0 : props.alignment_horizontal;
+        this.alignment_vertical = props === null || props === void 0 ? void 0 : props.alignment_vertical;
+        this.alpha = props === null || props === void 0 ? void 0 : props.alpha;
+        this.aspect = props === null || props === void 0 ? void 0 : props.aspect;
+        this.background = props === null || props === void 0 ? void 0 : props.background;
+        this.border = props === null || props === void 0 ? void 0 : props.border;
+        this.clip_to_bounds = props === null || props === void 0 ? void 0 : props.clip_to_bounds;
+        this.column_span = props === null || props === void 0 ? void 0 : props.column_span;
+        this.content_alignment_horizontal = props === null || props === void 0 ? void 0 : props.content_alignment_horizontal;
+        this.content_alignment_vertical = props === null || props === void 0 ? void 0 : props.content_alignment_vertical;
+        this.disappear_actions = props === null || props === void 0 ? void 0 : props.disappear_actions;
+        this.doubletap_actions = props === null || props === void 0 ? void 0 : props.doubletap_actions;
+        this.extensions = props === null || props === void 0 ? void 0 : props.extensions;
+        this.focus = props === null || props === void 0 ? void 0 : props.focus;
+        this.height = props === null || props === void 0 ? void 0 : props.height;
+        this.id = props === null || props === void 0 ? void 0 : props.id;
+        this.item_builder = props === null || props === void 0 ? void 0 : props.item_builder;
+        this.items = props === null || props === void 0 ? void 0 : props.items;
+        this.layout_mode = props === null || props === void 0 ? void 0 : props.layout_mode;
+        this.line_separator = props === null || props === void 0 ? void 0 : props.line_separator;
+        this.longtap_actions = props === null || props === void 0 ? void 0 : props.longtap_actions;
+        this.margins = props === null || props === void 0 ? void 0 : props.margins;
+        this.orientation = props === null || props === void 0 ? void 0 : props.orientation;
+        this.paddings = props === null || props === void 0 ? void 0 : props.paddings;
+        this.row_span = props === null || props === void 0 ? void 0 : props.row_span;
+        this.selected_actions = props === null || props === void 0 ? void 0 : props.selected_actions;
+        this.separator = props === null || props === void 0 ? void 0 : props.separator;
+        this.tooltips = props === null || props === void 0 ? void 0 : props.tooltips;
+        this.transform = props === null || props === void 0 ? void 0 : props.transform;
+        this.transition_change = props === null || props === void 0 ? void 0 : props.transition_change;
+        this.transition_in = props === null || props === void 0 ? void 0 : props.transition_in;
+        this.transition_out = props === null || props === void 0 ? void 0 : props.transition_out;
+        this.transition_triggers = props === null || props === void 0 ? void 0 : props.transition_triggers;
+        this.visibility = props === null || props === void 0 ? void 0 : props.visibility;
+        this.visibility_action = props === null || props === void 0 ? void 0 : props.visibility_action;
+        this.visibility_actions = props === null || props === void 0 ? void 0 : props.visibility_actions;
+        this.width = props === null || props === void 0 ? void 0 : props.width;
     }
 }
 
@@ -400,42 +402,42 @@ class DivFixedSize {
 class DivGallery {
     constructor(props) {
         this.type = 'gallery';
-        this.accessibility = props.accessibility;
-        this.alignment_horizontal = props.alignment_horizontal;
-        this.alignment_vertical = props.alignment_vertical;
-        this.alpha = props.alpha;
-        this.background = props.background;
-        this.border = props.border;
-        this.column_count = props.column_count;
-        this.column_span = props.column_span;
-        this.cross_content_alignment = props.cross_content_alignment;
-        this.cross_spacing = props.cross_spacing;
-        this.default_item = props.default_item;
-        this.disappear_actions = props.disappear_actions;
-        this.extensions = props.extensions;
-        this.focus = props.focus;
-        this.height = props.height;
-        this.id = props.id;
-        this.item_spacing = props.item_spacing;
-        this.items = props.items;
-        this.margins = props.margins;
-        this.orientation = props.orientation;
-        this.paddings = props.paddings;
-        this.restrict_parent_scroll = props.restrict_parent_scroll;
-        this.row_span = props.row_span;
-        this.scroll_mode = props.scroll_mode;
-        this.scrollbar = props.scrollbar;
-        this.selected_actions = props.selected_actions;
-        this.tooltips = props.tooltips;
-        this.transform = props.transform;
-        this.transition_change = props.transition_change;
-        this.transition_in = props.transition_in;
-        this.transition_out = props.transition_out;
-        this.transition_triggers = props.transition_triggers;
-        this.visibility = props.visibility;
-        this.visibility_action = props.visibility_action;
-        this.visibility_actions = props.visibility_actions;
-        this.width = props.width;
+        this.accessibility = props === null || props === void 0 ? void 0 : props.accessibility;
+        this.alignment_horizontal = props === null || props === void 0 ? void 0 : props.alignment_horizontal;
+        this.alignment_vertical = props === null || props === void 0 ? void 0 : props.alignment_vertical;
+        this.alpha = props === null || props === void 0 ? void 0 : props.alpha;
+        this.background = props === null || props === void 0 ? void 0 : props.background;
+        this.border = props === null || props === void 0 ? void 0 : props.border;
+        this.column_count = props === null || props === void 0 ? void 0 : props.column_count;
+        this.column_span = props === null || props === void 0 ? void 0 : props.column_span;
+        this.cross_content_alignment = props === null || props === void 0 ? void 0 : props.cross_content_alignment;
+        this.cross_spacing = props === null || props === void 0 ? void 0 : props.cross_spacing;
+        this.default_item = props === null || props === void 0 ? void 0 : props.default_item;
+        this.disappear_actions = props === null || props === void 0 ? void 0 : props.disappear_actions;
+        this.extensions = props === null || props === void 0 ? void 0 : props.extensions;
+        this.focus = props === null || props === void 0 ? void 0 : props.focus;
+        this.height = props === null || props === void 0 ? void 0 : props.height;
+        this.id = props === null || props === void 0 ? void 0 : props.id;
+        this.item_spacing = props === null || props === void 0 ? void 0 : props.item_spacing;
+        this.items = props === null || props === void 0 ? void 0 : props.items;
+        this.margins = props === null || props === void 0 ? void 0 : props.margins;
+        this.orientation = props === null || props === void 0 ? void 0 : props.orientation;
+        this.paddings = props === null || props === void 0 ? void 0 : props.paddings;
+        this.restrict_parent_scroll = props === null || props === void 0 ? void 0 : props.restrict_parent_scroll;
+        this.row_span = props === null || props === void 0 ? void 0 : props.row_span;
+        this.scroll_mode = props === null || props === void 0 ? void 0 : props.scroll_mode;
+        this.scrollbar = props === null || props === void 0 ? void 0 : props.scrollbar;
+        this.selected_actions = props === null || props === void 0 ? void 0 : props.selected_actions;
+        this.tooltips = props === null || props === void 0 ? void 0 : props.tooltips;
+        this.transform = props === null || props === void 0 ? void 0 : props.transform;
+        this.transition_change = props === null || props === void 0 ? void 0 : props.transition_change;
+        this.transition_in = props === null || props === void 0 ? void 0 : props.transition_in;
+        this.transition_out = props === null || props === void 0 ? void 0 : props.transition_out;
+        this.transition_triggers = props === null || props === void 0 ? void 0 : props.transition_triggers;
+        this.visibility = props === null || props === void 0 ? void 0 : props.visibility;
+        this.visibility_action = props === null || props === void 0 ? void 0 : props.visibility_action;
+        this.visibility_actions = props === null || props === void 0 ? void 0 : props.visibility_actions;
+        this.width = props === null || props === void 0 ? void 0 : props.width;
     }
 }