@divkitframework/jsonbuilder 1.0.0

package/dist/jsonbuilder.js

@@ -0,0 +1,1418 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var crypto = require('crypto');
+
+// Generated code. Do not modify.
+/**
+ * A Boolean variable in binary format.
+ */
+class BooleanVariable {
+    constructor(props) {
+        this.type = 'boolean';
+        this.name = props.name;
+        this.value = props.value;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Variable — HEX color as a string.
+ */
+class ColorVariable {
+    constructor(props) {
+        this.type = 'color';
+        this.name = props.name;
+        this.value = props.value;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * A set of animations to be applied simultaneously.
+ */
+class DivAppearanceSetTransition {
+    constructor(props) {
+        this.type = 'set';
+        this.items = props.items;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Element position and size change animation.
+ */
+class DivChangeBoundsTransition {
+    constructor(props) {
+        this.type = 'change_bounds';
+        this.duration = props === null || props === void 0 ? void 0 : props.duration;
+        this.interpolator = props === null || props === void 0 ? void 0 : props.interpolator;
+        this.start_delay = props === null || props === void 0 ? void 0 : props.start_delay;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Animations.
+ */
+class DivChangeSetTransition {
+    constructor(props) {
+        this.type = 'set';
+        this.items = props.items;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * 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.
+ */
+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.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.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.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.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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Custom element. It is delegated to a host application to create native elements depending on
+ * the platform.
+ */
+class DivCustom {
+    constructor(props) {
+        this.type = 'custom';
+        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_span = props.column_span;
+        this.custom_props = props.custom_props;
+        this.custom_type = props.custom_type;
+        this.extensions = props.extensions;
+        this.focus = props.focus;
+        this.height = props.height;
+        this.id = props.id;
+        this.items = props.items;
+        this.margins = props.margins;
+        this.paddings = props.paddings;
+        this.row_span = props.row_span;
+        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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Transparency animation.
+ */
+class DivFadeTransition {
+    constructor(props) {
+        this.type = 'fade';
+        this.alpha = props === null || props === void 0 ? void 0 : props.alpha;
+        this.duration = props === null || props === void 0 ? void 0 : props.duration;
+        this.interpolator = props === null || props === void 0 ? void 0 : props.interpolator;
+        this.start_delay = props === null || props === void 0 ? void 0 : props.start_delay;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Fixed number of repetitions.
+ */
+class DivFixedCount {
+    constructor(props) {
+        this.type = 'fixed';
+        this.value = props.value;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Fixed size of an element.
+ */
+class DivFixedSize {
+    constructor(props) {
+        this.type = 'fixed';
+        this.unit = props.unit;
+        this.value = props.value;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Gallery. It contains a horizontal or vertical set of cards that can be scrolled.
+ */
+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.default_item = props.default_item;
+        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.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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Animated GIF image.
+ */
+class DivGifImage {
+    constructor(props) {
+        this.type = 'gif';
+        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.doubletap_actions = props.doubletap_actions;
+        this.extensions = props.extensions;
+        this.focus = props.focus;
+        this.gif_url = props.gif_url;
+        this.height = props.height;
+        this.id = props.id;
+        this.longtap_actions = props.longtap_actions;
+        this.margins = props.margins;
+        this.paddings = props.paddings;
+        this.placeholder_color = props.placeholder_color;
+        this.preload_required = props.preload_required;
+        this.preview = props.preview;
+        this.row_span = props.row_span;
+        this.scale = props.scale;
+        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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Gradient background.
+ */
+class DivGradientBackground {
+    constructor(props) {
+        this.type = 'gradient';
+        this.angle = props.angle;
+        this.colors = props.colors;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * A grid with an option to merge cells vertically and horizontally.
+ */
+class DivGrid {
+    constructor(props) {
+        this.type = 'grid';
+        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.background = props.background;
+        this.border = props.border;
+        this.column_count = props.column_count;
+        this.column_span = props.column_span;
+        this.content_alignment_horizontal = props.content_alignment_horizontal;
+        this.content_alignment_vertical = props.content_alignment_vertical;
+        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.longtap_actions = props.longtap_actions;
+        this.margins = props.margins;
+        this.paddings = props.paddings;
+        this.row_span = props.row_span;
+        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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Image.
+ */
+class DivImage {
+    constructor(props) {
+        this.type = 'image';
+        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.appearance_animation = props.appearance_animation;
+        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.doubletap_actions = props.doubletap_actions;
+        this.extensions = props.extensions;
+        this.focus = props.focus;
+        this.height = props.height;
+        this.high_priority_preview_show = props.high_priority_preview_show;
+        this.id = props.id;
+        this.image_url = props.image_url;
+        this.longtap_actions = props.longtap_actions;
+        this.margins = props.margins;
+        this.paddings = props.paddings;
+        this.placeholder_color = props.placeholder_color;
+        this.preload_required = props.preload_required;
+        this.preview = props.preview;
+        this.row_span = props.row_span;
+        this.scale = props.scale;
+        this.selected_actions = props.selected_actions;
+        this.tint_color = props.tint_color;
+        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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Background image.
+ */
+class DivImageBackground {
+    constructor(props) {
+        this.type = 'image';
+        this.alpha = props.alpha;
+        this.content_alignment_horizontal = props.content_alignment_horizontal;
+        this.content_alignment_vertical = props.content_alignment_vertical;
+        this.image_url = props.image_url;
+        this.preload_required = props.preload_required;
+        this.scale = props.scale;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Progress indicator for [pager](div-pager.md).
+ */
+class DivIndicator {
+    constructor(props) {
+        this.type = 'indicator';
+        this.accessibility = props === null || props === void 0 ? void 0 : props.accessibility;
+        this.active_item_color = props === null || props === void 0 ? void 0 : props.active_item_color;
+        this.active_item_size = props === null || props === void 0 ? void 0 : props.active_item_size;
+        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.animation = props === null || props === void 0 ? void 0 : props.animation;
+        this.background = props === null || props === void 0 ? void 0 : props.background;
+        this.border = props === null || props === void 0 ? void 0 : props.border;
+        this.column_span = props === null || props === void 0 ? void 0 : props.column_span;
+        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.inactive_item_color = props === null || props === void 0 ? void 0 : props.inactive_item_color;
+        this.margins = props === null || props === void 0 ? void 0 : props.margins;
+        this.minimum_item_size = props === null || props === void 0 ? void 0 : props.minimum_item_size;
+        this.paddings = props === null || props === void 0 ? void 0 : props.paddings;
+        this.pager_id = props === null || props === void 0 ? void 0 : props.pager_id;
+        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.shape = props === null || props === void 0 ? void 0 : props.shape;
+        this.space_between_centers = props === null || props === void 0 ? void 0 : props.space_between_centers;
+        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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Infinite number of repetitions.
+ */
+class DivInfinityCount {
+    constructor(props) {
+        this.type = 'infinity';
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Text input element.
+ */
+class DivInput {
+    constructor(props) {
+        this.type = 'input';
+        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_span = props.column_span;
+        this.extensions = props.extensions;
+        this.focus = props.focus;
+        this.font_family = props.font_family;
+        this.font_size = props.font_size;
+        this.font_size_unit = props.font_size_unit;
+        this.font_weight = props.font_weight;
+        this.height = props.height;
+        this.highlight_color = props.highlight_color;
+        this.hint_color = props.hint_color;
+        this.hint_text = props.hint_text;
+        this.id = props.id;
+        this.keyboard_type = props.keyboard_type;
+        this.letter_spacing = props.letter_spacing;
+        this.line_height = props.line_height;
+        this.margins = props.margins;
+        this.max_visible_lines = props.max_visible_lines;
+        this.native_interface = props.native_interface;
+        this.paddings = props.paddings;
+        this.row_span = props.row_span;
+        this.select_all_on_focus = props.select_all_on_focus;
+        this.selected_actions = props.selected_actions;
+        this.text_color = props.text_color;
+        this.text_variable = props.text_variable;
+        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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Element size adjusts to a parent element.
+ */
+class DivMatchParentSize {
+    constructor(props) {
+        this.type = 'match_parent';
+        this.weight = props === null || props === void 0 ? void 0 : props.weight;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Fixed width value of the visible part of a neighbouring page.
+ */
+class DivNeighbourPageSize {
+    constructor(props) {
+        this.type = 'fixed';
+        this.neighbour_page_width = props.neighbour_page_width;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Percentage value of the page width.
+ */
+class DivPageSize {
+    constructor(props) {
+        this.type = 'percentage';
+        this.page_width = props.page_width;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Pager. It contains a horizontal set of cards that can be scrolled page by page. It shows the
+ * main page and the beginning of the next one.
+ */
+class DivPager {
+    constructor(props) {
+        this.type = 'pager';
+        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_span = props.column_span;
+        this.default_item = props.default_item;
+        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.layout_mode = props.layout_mode;
+        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.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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Percentage value of the element size.
+ */
+class DivPercentageSize {
+    constructor(props) {
+        this.type = 'percentage';
+        this.value = props.value;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Value of the offset of the coordinates of the axis of rotation.
+ */
+class DivPivotFixed {
+    constructor(props) {
+        this.type = 'pivot-fixed';
+        this.unit = props === null || props === void 0 ? void 0 : props.unit;
+        this.value = props === null || props === void 0 ? void 0 : props.value;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Location of the coordinate of the axis of rotation as a percentage relative to the element.
+ */
+class DivPivotPercentage {
+    constructor(props) {
+        this.type = 'pivot-percentage';
+        this.value = props.value;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * A rectangle with rounded corners.
+ */
+class DivRoundedRectangleShape {
+    constructor(props) {
+        this.type = 'rounded_rectangle';
+        this.corner_radius = props === null || props === void 0 ? void 0 : props.corner_radius;
+        this.item_height = props === null || props === void 0 ? void 0 : props.item_height;
+        this.item_width = props === null || props === void 0 ? void 0 : props.item_width;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Scale animation.
+ */
+class DivScaleTransition {
+    constructor(props) {
+        this.type = 'scale';
+        this.duration = props === null || props === void 0 ? void 0 : props.duration;
+        this.interpolator = props === null || props === void 0 ? void 0 : props.interpolator;
+        this.pivot_x = props === null || props === void 0 ? void 0 : props.pivot_x;
+        this.pivot_y = props === null || props === void 0 ? void 0 : props.pivot_y;
+        this.scale = props === null || props === void 0 ? void 0 : props.scale;
+        this.start_delay = props === null || props === void 0 ? void 0 : props.start_delay;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * A separating line between elements.
+ */
+class DivSeparator {
+    constructor(props) {
+        this.type = 'separator';
+        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.background = props === null || props === void 0 ? void 0 : props.background;
+        this.border = props === null || props === void 0 ? void 0 : props.border;
+        this.column_span = props === null || props === void 0 ? void 0 : props.column_span;
+        this.delimiter_style = props === null || props === void 0 ? void 0 : props.delimiter_style;
+        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.longtap_actions = props === null || props === void 0 ? void 0 : props.longtap_actions;
+        this.margins = props === null || props === void 0 ? void 0 : props.margins;
+        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.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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Drawable of a simple geometric shape.
+ */
+class DivShapeDrawable {
+    constructor(props) {
+        this.type = 'shape_drawable';
+        this.color = props.color;
+        this.shape = props.shape;
+        this.stroke = props.stroke;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Slide animation.
+ */
+class DivSlideTransition {
+    constructor(props) {
+        this.type = 'slide';
+        this.distance = props === null || props === void 0 ? void 0 : props.distance;
+        this.duration = props === null || props === void 0 ? void 0 : props.duration;
+        this.edge = props === null || props === void 0 ? void 0 : props.edge;
+        this.interpolator = props === null || props === void 0 ? void 0 : props.interpolator;
+        this.start_delay = props === null || props === void 0 ? void 0 : props.start_delay;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Slider for selecting a value in the range.
+ */
+class DivSlider {
+    constructor(props) {
+        this.type = 'slider';
+        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_span = props.column_span;
+        this.extensions = props.extensions;
+        this.focus = props.focus;
+        this.height = props.height;
+        this.id = props.id;
+        this.margins = props.margins;
+        this.max_value = props.max_value;
+        this.min_value = props.min_value;
+        this.paddings = props.paddings;
+        this.row_span = props.row_span;
+        this.secondary_value_accessibility = props.secondary_value_accessibility;
+        this.selected_actions = props.selected_actions;
+        this.thumb_secondary_style = props.thumb_secondary_style;
+        this.thumb_secondary_text_style = props.thumb_secondary_text_style;
+        this.thumb_secondary_value_variable = props.thumb_secondary_value_variable;
+        this.thumb_style = props.thumb_style;
+        this.thumb_text_style = props.thumb_text_style;
+        this.thumb_value_variable = props.thumb_value_variable;
+        this.tick_mark_active_style = props.tick_mark_active_style;
+        this.tick_mark_inactive_style = props.tick_mark_inactive_style;
+        this.tooltips = props.tooltips;
+        this.track_active_style = props.track_active_style;
+        this.track_inactive_style = props.track_inactive_style;
+        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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Solid background color.
+ */
+class DivSolidBackground {
+    constructor(props) {
+        this.type = 'solid';
+        this.color = props.color;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * It contains sets of states for visual elements and switches between them.
+ */
+class DivState {
+    constructor(props) {
+        this.type = 'state';
+        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_span = props.column_span;
+        this.default_state_id = props.default_state_id;
+        this.div_id = props.div_id;
+        this.extensions = props.extensions;
+        this.focus = props.focus;
+        this.height = props.height;
+        this.id = props.id;
+        this.margins = props.margins;
+        this.paddings = props.paddings;
+        this.row_span = props.row_span;
+        this.selected_actions = props.selected_actions;
+        this.states = props.states;
+        this.tooltips = props.tooltips;
+        this.transform = props.transform;
+        this.transition_animation_selector = props.transition_animation_selector;
+        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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Tabs. Height of the first tab is determined by its contents, and height of the remaining
+ * [depends on the platform](../../location.dita#tabs).
+ */
+class DivTabs {
+    constructor(props) {
+        this.type = 'tabs';
+        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_span = props.column_span;
+        this.dynamic_height = props.dynamic_height;
+        this.extensions = props.extensions;
+        this.focus = props.focus;
+        this.has_separator = props.has_separator;
+        this.height = props.height;
+        this.id = props.id;
+        this.items = props.items;
+        this.margins = props.margins;
+        this.paddings = props.paddings;
+        this.restrict_parent_scroll = props.restrict_parent_scroll;
+        this.row_span = props.row_span;
+        this.selected_actions = props.selected_actions;
+        this.selected_tab = props.selected_tab;
+        this.separator_color = props.separator_color;
+        this.separator_paddings = props.separator_paddings;
+        this.switch_tabs_by_content_swipe_enabled = props.switch_tabs_by_content_swipe_enabled;
+        this.tab_title_style = props.tab_title_style;
+        this.title_paddings = props.title_paddings;
+        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;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Text.
+ */
+class DivText {
+    constructor(props) {
+        this.type = 'text';
+        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.auto_ellipsize = props.auto_ellipsize;
+        this.background = props.background;
+        this.border = props.border;
+        this.column_span = props.column_span;
+        this.doubletap_actions = props.doubletap_actions;
+        this.ellipsis = props.ellipsis;
+        this.extensions = props.extensions;
+        this.focus = props.focus;
+        this.focused_text_color = props.focused_text_color;
+        this.font_family = props.font_family;
+        this.font_size = props.font_size;
+        this.font_size_unit = props.font_size_unit;
+        this.font_weight = props.font_weight;
+        this.height = props.height;
+        this.id = props.id;
+        this.images = props.images;
+        this.letter_spacing = props.letter_spacing;
+        this.line_height = props.line_height;
+        this.longtap_actions = props.longtap_actions;
+        this.margins = props.margins;
+        this.max_lines = props.max_lines;
+        this.min_hidden_lines = props.min_hidden_lines;
+        this.paddings = props.paddings;
+        this.ranges = props.ranges;
+        this.row_span = props.row_span;
+        this.selectable = props.selectable;
+        this.selected_actions = props.selected_actions;
+        this.strike = props.strike;
+        this.text = props.text;
+        this.text_alignment_horizontal = props.text_alignment_horizontal;
+        this.text_alignment_vertical = props.text_alignment_vertical;
+        this.text_color = props.text_color;
+        this.text_gradient = props.text_gradient;
+        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.truncate = props.truncate;
+        this.underline = props.underline;
+        this.visibility = props.visibility;
+        this.visibility_action = props.visibility_action;
+        this.visibility_actions = props.visibility_actions;
+        this.width = props.width;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * The size of an element adjusts to its contents.
+ */
+class DivWrapContentSize {
+    constructor(props) {
+        this.type = 'wrap_content';
+        this.constrained = props === null || props === void 0 ? void 0 : props.constrained;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * An integer variable.
+ */
+class IntegerVariable {
+    constructor(props) {
+        this.type = 'integer';
+        this.name = props.name;
+        this.value = props.value;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * A floating-point variable.
+ */
+class NumberVariable {
+    constructor(props) {
+        this.type = 'number';
+        this.name = props.name;
+        this.value = props.value;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * A string variable.
+ */
+class StringVariable {
+    constructor(props) {
+        this.type = 'string';
+        this.name = props.name;
+        this.value = props.value;
+    }
+}
+
+// Generated code. Do not modify.
+/**
+ * Variable — URL as a string.
+ */
+class UrlVariable {
+    constructor(props) {
+        this.type = 'url';
+        this.name = props.name;
+        this.value = props.value;
+    }
+}
+
+function fixed(value, unit = undefined) {
+    if (unit === undefined) {
+        return new DivFixedSize({ value: value });
+    }
+    return new DivFixedSize({ unit: unit, value: value });
+}
+function matchParent() {
+    return new DivMatchParentSize();
+}
+function weighted(weight) {
+    return new DivMatchParentSize({ weight: weight });
+}
+function wrapContent() {
+    return new DivWrapContentSize();
+}
+
+/**
+ * DFS-Обход js-объекта как дерева с выполнением в каждом
+ * узле заданного действия
+ * @param tree js-объект
+ * @param nodeAction действие, выполняемое для каждого узла дерева
+ */
+function treeWalkDFS(tree, nodeAction) {
+    const stack = [[tree, []]];
+    while (stack.length) {
+        const [node, path] = stack.shift();
+        nodeAction(node, path);
+        if (typeof node === 'object' && node !== null) {
+            stack.unshift(...Object.entries(node).map(([key, obj]) => [obj, [...path, key]]));
+        }
+    }
+}
+function copyTemplates(templates) {
+    const copy = {};
+    const placeHolder = (node) => {
+        if (!node || ['string', 'number'].includes(typeof node)) {
+            return node;
+        }
+        if (Array.isArray(node)) {
+            return [];
+        }
+        return Object.create(Object.getPrototypeOf(node));
+    };
+    const clone = (node, path) => {
+        let parentPointer = copy;
+        path = [...path];
+        while (path.length > 1) {
+            parentPointer = parentPointer[path.shift()];
+        }
+        const cur = path[0];
+        if (!cur) {
+            return;
+        }
+        parentPointer[cur] = placeHolder(node);
+    };
+    treeWalkDFS(templates, clone);
+    return copy;
+}
+
+const expr = Symbol();
+class UnsafeDivExpression {
+    constructor(expression) {
+        this[expr] = expression;
+    }
+    toJSON() {
+        return this[expr];
+    }
+    toString() {
+        return this[expr];
+    }
+}
+
+function expression(expression) {
+    return new UnsafeDivExpression(expression);
+}
+const replacer = {
+    '\\': '\\\\',
+    '@{': '\\@{',
+};
+function escapeExpression(str) {
+    return str.replace(/\\|(@{)/g, (full) => {
+        return replacer[full];
+    });
+}
+
+/* eslint-disable @typescript-eslint/ban-types */
+class TemplatePropertyReference {
+    constructor(name) {
+        this.name = name;
+    }
+}
+function reference(name) {
+    return new TemplatePropertyReference(name);
+}
+class TemplateBlock {
+    constructor(type, props) {
+        this.type = type;
+        Object.assign(this, props);
+    }
+    getProps() {
+        return Object.keys(this).reduce((acc, k) => {
+            if (k !== 'type') {
+                acc[k] = true;
+            }
+            return acc;
+        }, {});
+    }
+}
+function template(type, props) {
+    return new TemplateBlock(type, props);
+}
+function escapeCard(obj) {
+    if (typeof obj === 'string') {
+        return escapeExpression(obj);
+    }
+    else if (obj instanceof UnsafeDivExpression) {
+        return obj.toJSON();
+    }
+    else if (obj && typeof obj === 'object') {
+        if (Array.isArray(obj)) {
+            return obj.map(escapeCard);
+        }
+        else {
+            return Object.keys(obj).reduce((acc, item) => {
+                acc[item] = escapeCard(obj[item]);
+                return acc;
+            }, {});
+        }
+    }
+    return obj;
+}
+class Card {
+    constructor(templates, card) {
+        this.templates = templates;
+        this.card = card;
+    }
+    toJSON() {
+        return escapeCard(this);
+    }
+}
+function divCard(templates, card) {
+    return new Card(templates, card);
+}
+
+/* eslint-disable @typescript-eslint/ban-types */
+/**
+ * Creates typed functions for templates instance construction
+ * @param templates templates map of the form { template_name: template }
+ * @example
+ * const templates = {
+ *   template: new DivContainer({
+ *     paddings: { left: 3 },
+ *     items: [ new DivText({ text: reference('var') }) ]
+ *   })
+ * };
+ * const helpers = templateHelper(templates);
+ * helpers.template({var: '123'});
+ */
+function templateHelper(templates) {
+    const helpers = {};
+    for (const key of Object.keys(templates)) {
+        helpers[key] = (props) => new TemplateBlock(key, props);
+    }
+    return helpers;
+}
+
+/**
+ * Проверяет имя шаблона и возвращает true,
+ * если имя шаблона нужно сохранить.
+ * Например, в веб-морде есть 'мета-шаблон'
+ * home:block, который нельзя переименовывать
+ */
+function isExternalTemplate(templateName) {
+    return templateName.startsWith('home:');
+}
+/**
+ * Поиск вложенных шаблонов для заданного шаблона
+ * @param name - имя заданного шаблона
+ * @param templates - список всех шаблонов для проверки
+ * разрешимости зависимостей
+ */
+function findPlainDeps(template) {
+    const deps = new Set();
+    treeWalkDFS(template, (node) => {
+        if (node instanceof TemplateBlock && !isExternalTemplate(node.type)) {
+            deps.add(node.type);
+        }
+    });
+    return deps;
+}
+const inProgress = 1;
+const isFinished = 2;
+/**
+ * Обход шаблонов с разрешением зависимостей
+ * перед выполнением действия
+ * @param templates
+ * @param resolvedAction действие выполнямое для шаблона,
+ *        когда все его зависимости разрешены
+ * @param depsResolved ранее разрешенные зависимости, например для общих шаблонов
+ */
+function runResolveDeps(templates, resolvedAction, depsResolved = {}) {
+    depsResolved = Object.assign({}, depsResolved);
+    const progress = {};
+    for (const k of Object.keys(depsResolved)) {
+        progress[k] = isFinished;
+    }
+    const stack = Object.keys(templates);
+    while (stack.length) {
+        const name = stack.pop();
+        if (progress[name] === isFinished) {
+            continue;
+        }
+        const plainDeps = [...findPlainDeps(templates[name])];
+        const unresolvedDeps = plainDeps.filter((dep) => !(progress[dep] === isFinished));
+        const unsolvableDeps = unresolvedDeps.filter((depName) => !templates[depName]);
+        if (unsolvableDeps.length !== 0) {
+            throw new Error(`template '${name}' unsolvable dependencies: ${unsolvableDeps.map((b) => `'${b}'`).join(',')}`);
+        }
+        if (unresolvedDeps.length === 0) {
+            const template = templates[name];
+            depsResolved[name] = resolvedAction({ name, template, plainDeps, depsResolved });
+            progress[name] = isFinished;
+        }
+        else if (progress[name] === inProgress) {
+            throw new Error(`template ${name}: cyclic depdendencies`);
+        }
+        else {
+            progress[name] = inProgress;
+            stack.push(name, ...unresolvedDeps);
+        }
+    }
+    return depsResolved;
+}
+/**
+ * Поиск зависимостей шаблонов
+ * @param templates шаблоны
+ * @returns для каждого шаблона список его зависимостей
+ */
+function templatesDepsMap(templates, depsResolved = {}) {
+    return runResolveDeps(templates, ({ name, plainDeps, depsResolved }) => {
+        const deps = new Set([name]);
+        for (const plainDep of plainDeps) {
+            for (const dep of depsResolved[plainDep]) {
+                deps.add(dep);
+            }
+        }
+        return [...deps];
+    }, depsResolved);
+}
+
+/**
+ * templateHelper with memoization of templates names for later
+ * selection of used templates. It memoizes only explicitly used
+ * names without tracking dependencies.
+ * @param options
+ * @param options.customName adds templates names mapping.
+ * Instead of original template name adjust template's type to custom value
+ * returned by customName. Can be used for templates versioning.
+ */
+function thelperWithMemo(options) {
+    const used = new Set();
+    const proxyHandler = {
+        get(_, templateName) {
+            const templateRenamed = (options === null || options === void 0 ? void 0 : options.customName) ? options.customName(templateName) : templateName;
+            used.add(templateName);
+            return (props) => (Object.assign(Object.assign({}, props), { type: templateRenamed }));
+        },
+    };
+    const thelper = new Proxy({}, proxyHandler);
+    return { used, thelper };
+}
+
+/**
+ * Переписывание шаблонов с заменой имен вложенных шаблонов
+ * Например, в шаблоне
+ * new DivContainer({
+ *   items: [
+ *       template('template2')
+ *   ]
+ * })
+ * 'template2' будет заменен на `template2/${hash(templates.template2)}`
+ * @param templates шаблоны для перезаписи
+ * @param rename функция, возвращающая новое имя
+ * @param depsResolved ранее вычисленные имена, например общих шаблонов
+ * @returns переписанные шаблоны + хэшмап новых имен
+ */
+function rewriteNames(templates, rename, resolvedNames = {}) {
+    templates = copyTemplates(templates);
+    resolvedNames = runResolveDeps(templates, ({ name, template, depsResolved }) => {
+        treeWalkDFS(template, (node) => {
+            if (node instanceof TemplateBlock && !isExternalTemplate(node.type)) {
+                node.type = depsResolved[node.type];
+            }
+        });
+        return rename(name, templates);
+    }, resolvedNames);
+    return { templates, resolvedNames };
+}
+
+function rewriteRefsTemplate(template) {
+    const stack = [template];
+    while (stack.length > 0) {
+        const obj = stack.pop();
+        if (obj && typeof obj === 'object') {
+            for (const key in obj) {
+                const objChild = obj[key];
+                if (objChild && typeof objChild === 'object') {
+                    if (objChild instanceof TemplatePropertyReference) {
+                        obj[key] = undefined; // delete ломает валидатор
+                        if (objChild.name !== key) {
+                            obj['$' + key] = objChild.name;
+                        }
+                    }
+                    else {
+                        stack.push(objChild);
+                    }
+                }
+            }
+        }
+    }
+}
+/**
+ * Заменяет  в шаблонах замену параметры вида
+ * prop: reference('template_prop')
+ * на
+ * $prop: 'template_prop'
+ * @param templates Шаблоны
+ * @returns Шаблоны, готовые для сериализации в формате DivKit
+ */
+function rewriteRefs(templates) {
+    const result = copyTemplates(templates);
+    for (const template of Object.values(result)) {
+        rewriteRefsTemplate(template);
+    }
+    return result;
+}
+
+function getTemplateHash(template) {
+    return crypto.createHash('md5').update(JSON.stringify(template), 'utf8').digest('hex');
+}
+function getHashes(templates) {
+    const hashes = {};
+    for (const template of Object.keys(templates)) {
+        hashes[template] = getTemplateHash(templates[template]);
+    }
+    return hashes;
+}
+function versionName(name, hash) {
+    return `${name}/${hash}`;
+}
+function thelperVersion(templates) {
+    const hashes = getHashes(templates);
+    return (name) => versionName(name, hashes[name]);
+}
+/**
+ * Переписывает вызовы TemplateBlock в шаблонах,
+ * добавляя к их именам версии (md5 хэш).
+ * Имена корневых шаблонов (ключи объекта templates) не меняются!
+ * @param templates шаблоны
+ * @param resolvedNames ранее вычисленные имена, например общих шаблонов
+ * @returns хэшмап новых имен шаблонов
+ */
+function rewriteTemplateVersions(templates, resolvedNames) {
+    const hashes = {};
+    const rename = (name, templates) => {
+        var _a;
+        const template = templates[name];
+        if (!template) {
+            throw new Error(`No template ${name}`);
+        }
+        const hash = (_a = hashes[name]) !== null && _a !== void 0 ? _a : getTemplateHash(template);
+        return versionName(name, hash);
+    };
+    return rewriteNames(templates, rename, resolvedNames);
+}
+
+exports.BooleanVariable = BooleanVariable;
+exports.ColorVariable = ColorVariable;
+exports.DivAppearanceSetTransition = DivAppearanceSetTransition;
+exports.DivChangeBoundsTransition = DivChangeBoundsTransition;
+exports.DivChangeSetTransition = DivChangeSetTransition;
+exports.DivContainer = DivContainer;
+exports.DivCustom = DivCustom;
+exports.DivFadeTransition = DivFadeTransition;
+exports.DivFixedCount = DivFixedCount;
+exports.DivFixedSize = DivFixedSize;
+exports.DivGallery = DivGallery;
+exports.DivGifImage = DivGifImage;
+exports.DivGradientBackground = DivGradientBackground;
+exports.DivGrid = DivGrid;
+exports.DivImage = DivImage;
+exports.DivImageBackground = DivImageBackground;
+exports.DivIndicator = DivIndicator;
+exports.DivInfinityCount = DivInfinityCount;
+exports.DivInput = DivInput;
+exports.DivMatchParentSize = DivMatchParentSize;
+exports.DivNeighbourPageSize = DivNeighbourPageSize;
+exports.DivPageSize = DivPageSize;
+exports.DivPager = DivPager;
+exports.DivPercentageSize = DivPercentageSize;
+exports.DivPivotFixed = DivPivotFixed;
+exports.DivPivotPercentage = DivPivotPercentage;
+exports.DivRoundedRectangleShape = DivRoundedRectangleShape;
+exports.DivScaleTransition = DivScaleTransition;
+exports.DivSeparator = DivSeparator;
+exports.DivShapeDrawable = DivShapeDrawable;
+exports.DivSlideTransition = DivSlideTransition;
+exports.DivSlider = DivSlider;
+exports.DivSolidBackground = DivSolidBackground;
+exports.DivState = DivState;
+exports.DivTabs = DivTabs;
+exports.DivText = DivText;
+exports.DivWrapContentSize = DivWrapContentSize;
+exports.IntegerVariable = IntegerVariable;
+exports.NumberVariable = NumberVariable;
+exports.StringVariable = StringVariable;
+exports.TemplateBlock = TemplateBlock;
+exports.TemplatePropertyReference = TemplatePropertyReference;
+exports.UrlVariable = UrlVariable;
+exports.copyTemplates = copyTemplates;
+exports.divCard = divCard;
+exports.escapeCard = escapeCard;
+exports.escapeExpression = escapeExpression;
+exports.expression = expression;
+exports.fixed = fixed;
+exports.getTemplateHash = getTemplateHash;
+exports.isExternalTemplate = isExternalTemplate;
+exports.matchParent = matchParent;
+exports.reference = reference;
+exports.rewriteNames = rewriteNames;
+exports.rewriteRefs = rewriteRefs;
+exports.rewriteTemplateVersions = rewriteTemplateVersions;
+exports.runResolveDeps = runResolveDeps;
+exports.template = template;
+exports.templateHelper = templateHelper;
+exports.templatesDepsMap = templatesDepsMap;
+exports.thelperVersion = thelperVersion;
+exports.thelperWithMemo = thelperWithMemo;
+exports.treeWalkDFS = treeWalkDFS;
+exports.weighted = weighted;
+exports.wrapContent = wrapContent;
+//# sourceMappingURL=jsonbuilder.js.map