---
metadata:
  - name: generator
    content: Diplodoc Platform v5.50.3
alternate:
  - https://divkit.tech/docs/en/concepts/divs/2/div-image.md
  - https://divkit.tech/docs/ru/concepts/divs/2/div-image.md
---
> **Documentation Index:** Fetch the complete configuration index at https://divkit.tech/docs/ru/llms.txt

# div-image
Изображение.

## Параметры
| Параметры | Описание |
| --- | --- |
| `image_url` | <p>**string**</p><p>Обязательный параметр.</p><p>Прямая ссылка на изображение.</p><p>Значение должно быть валидным URL.</p> |
| `type` | <p>**string**</p><p>Обязательный параметр.</p><p>Значение всегда должно равняться `image`.</p> |
| `accessibility` | <p>**object**</p><p>Настройки доступности.</p><p>Значение имеет тип `div-accessibility`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `action` | <p>**object**</p><p>Одно действие при нажатии на элемент. Не используется, если задан параметр `actions`.</p><p>Значение имеет тип `div-action`.</p> |
| `action_animation` | <p>**object**</p><p>Анимация нажатия. В вебе поддерживаются только значения `fade`, `scale`, `native`, `no_animation` и `set`.</p><p>Значение имеет тип `div-animation`.</p><p>Значение по умолчанию: `{"name": "fade", "start_value": 1, "end_value": 0.6, "duration": 100 }`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `actions` | <p>**array**</p><p>Несколько действий при нажатии на элемент.</p> |
| `alignment_horizontal` | <p>**string**</p><p>Горизонтальное выравнивание элемента внутри родительского.</p><p>Возможные значения: `left`, `center`, `right`, `start`, `end`.</p> |
| `alignment_vertical` | <p>**string**</p><p>Вертикальное выравнивание элемента внутри родительского.</p><p>Возможные значения: `top`, `center`, `bottom`, `baseline`.</p> |
| `alpha` | <p>**number**</p><p>Устанавливает прозрачность всего элемента: `0` — полностью прозрачный, `1` — непрозрачный.</p><p>Ограничение для значения `x`: `x >= 0.0 && x <= 1.0`.</p><p>Значение по умолчанию: `1.0`.</p> |
| `animators` | <p>**array**</p><p>Объявление аниматоров, с помощью которых можно изменять значение переменных во времени.</p><p>Доступные платформы: Android, iOS, веб.</p><p>Список возможных значений:<li>[div-color-animator](div-color-animator.md#div-color-animator)</li><li>[div-number-animator](div-number-animator.md#div-number-animator)</li></p> |
| `appearance_animation` | <p>**object**</p><p>Анимация прозрачности при загрузке изображения.</p><p>Значение имеет тип `div-fade-transition`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `aspect` | <p>**object**</p><p>Фиксированное соотношение размеров элемента. Высота элемента вычисляется исходя из ширины, значение параметра `height` игнорируется.</p><p>Значение имеет тип `div-aspect`.</p> |
| `background` | <p>**array**</p><p>Фон элемента. Может содержать несколько слоев.</p><p>Список возможных значений:<li>[div-linear-gradient](div-linear-gradient.md#div-linear-gradient)</li><li>[div-radial-gradient](div-radial-gradient.md#div-radial-gradient)</li><li>[div-image-background](div-image-background.md#div-image-background)</li><li>[div-solid-background](div-solid-background.md#div-solid-background)</li><li>[div-nine-patch-background](div-nine-patch-background.md#div-nine-patch-background)</li></p> |
| `border` | <p>**object**</p><p>Рамка элемента.</p><p>Значение имеет тип `div-border`.</p> |
| `capture_focus_on_action` | <p>**bool**</p><p>Если значение:<li>`true` — при активации экшена элемента фокус будет перенесён на него. Это означает, что фокус режима доступности будет перенесён, а виртуальная клавиатура скрыта, кроме случаев, когда целевой элемент предполагает её наличие (например, `input`).</li><li>`false` — при нажатии на элемент фокус останется на текущем сфокусированном элементе.</li></p><p>Значение по умолчанию: `true`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `column_span` | <p>**int**</p><p>Объединяет ячейки в столбце элемента [grid](div-grid.md).</p><p>Ограничение для значения `x`: `x >= 0`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `content_alignment_horizontal` | <p>**string**</p><p>Горизонтальное выравнивание изображения.</p><p>Возможные значения: `left`, `center`, `right`, `start`, `end`.</p><p>Значение по умолчанию: `center`.</p> |
| `content_alignment_vertical` | <p>**string**</p><p>Вертикальное выравнивание изображения.</p><p>Возможные значения: `top`, `center`, `bottom`, `baseline`.</p><p>Значение по умолчанию: `center`.</p> |
| `disappear_actions` | <p>**array**</p><p>Действия при исчезновении элемента с экрана.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `doubletap_actions` | <p>**array**</p><p>Действие при двойном нажатии на элемент.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `extensions` | <p>**array**</p><p>Расширения для дополнительной обработки элемента. Список расширений см. в разделе [Кастомизация](../../extensions).</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `filters` | <p>**array**</p><p>Фильтры для изображений.</p><p>Список возможных значений:<li>[div-blur](div-blur.md#div-blur)</li><li>[div-filter-rtl-mirror](div-filter-rtl-mirror.md#div-filter-rtl-mirror)</li></p> |
| `focus` | <p>**object**</p><p>Параметры при фокусировке на элементе или потере фокуса.</p><p>Значение имеет тип `div-focus`.</p> |
| `functions` | <p>**array**</p><p>Пользовательские функции.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `height` | <p>**object**</p><p>Высота элемента. Для Android: если в этом или в дочернем элементе есть текст, укажите высоту в `sp`, чтобы элемент масштабировался вместе с текстом. Подробнее о единицах измерения размера в разделе [Верстка внутри карточки](../../layout).</p><p>Значение имеет тип `div-size`.</p><p>Значение по умолчанию: `{"type": "wrap_content"}`.</p><p>Список возможных значений:<li>[div-fixed-size](div-fixed-size.md#div-fixed-size)</li><li>[div-match-parent-size](div-match-parent-size.md#div-match-parent-size)</li><li>[div-wrap-content-size](div-wrap-content-size.md#div-wrap-content-size)</li></p> |
| `high_priority_preview_show` | <p>**bool_int**</p><p>Устанавливает приоритет показа превью — превью декодируется в главном потоке и показывается первым кадром. Используйте параметр с осторожностью — он ухудшит время показа превью и может ухудшить время запуска приложения.</p><p>Значение по умолчанию: `false`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `hover_end_actions` | <p>**array**</p><p>Действия, выполняемые после наведения на элемент. Доступны на платформах, поддерживающих указывающие устройства (мышь, стилус и т.д.).</p><p>Доступные платформы: веб, Android, iOS.</p> |
| `hover_start_actions` | <p>**array**</p><p>Действия, выполняемые при наведении на элемент. Доступны на платформах, поддерживающих указывающие устройства (мышь, стилус и т.д.).</p><p>Доступные платформы: веб, Android, iOS.</p> |
| `id` | <p>**string**</p><p>Идентификатор элемента. На iOS используется в качестве `accessibilityIdentifier`.</p> |
| `layout_provider` | <p>**object**</p><p>Предоставляет данные о реальном размере элемента.</p><p>Значение имеет тип `div-layout-provider`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `longtap_actions` | <p>**array**</p><p>Действие при долгом нажатии на элемент. Не работает на устройствах без сенсорного экрана.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `margins` | <p>**object**</p><p>Внешние отступы от рамки элемента.</p><p>Значение имеет тип `div-edge-insets`.</p> |
| `paddings` | <p>**object**</p><p>Внутренние отступы от рамки элемента.</p><p>Значение имеет тип `div-edge-insets`.</p> |
| `placeholder_color` | <p>**string**</p><p>Фон-заглушка до загрузки изображения.</p><p>Допустимые форматы: `#RGB`, `#ARGB`, `#RRGGBB`, `#AARRGGBB`.</p><p>Значение по умолчанию: `#14000000`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `preload_required` | <p>**bool_int**</p><p>До показа необходимо предварительно загрузить фоновое изображение.</p><p>Значение по умолчанию: `false`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `press_end_actions` | <p>**array**</p><p>Действия, выполняемые после нажатия на элемент.</p><p>Доступные платформы: веб, Android, iOS.</p> |
| `press_start_actions` | <p>**array**</p><p>Действия, выполняемые в начале нажатия на элемент.</p><p>Доступные платформы: веб, Android, iOS.</p> |
| `preview` | <p>**string**</p><p>Превью изображения, закодированное в `base64`. Будет показано до загрузки картинки вместо `placeholder_color`. Формат `data url`: `data:[;base64],<data>`</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `reuse_id` | <p>**string**</p><p>ID для структуры div-объекта. Используется для более оптимального переиспользования блоков. См. [переиспользование блоков](../../reuse/reuse.md).</p><p>Доступные платформы: Android, iOS.</p> |
| `row_span` | <p>**int**</p><p>Объединяет ячейки в строке элемента [grid](div-grid.md).</p><p>Ограничение для значения `x`: `x >= 0`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `scale` | <p>**string**</p><p>Масштабирование изображения:<li>`fit` помещает картинку в элемент целиком (свободное место заполняется фоном);</li><li>`fill` масштабирует картинку по размеру элемента и обрезает лишнее.</li></p><p>Возможные значения: `fill`, `no_scale`, `fit`, `stretch`.</p><p>Значение по умолчанию: `fill`.</p> |
| `selected_actions` | <p>**array**</p><p>Список [действий](div-action.md), которые будут выполнены при выборе элемента в [пейджере](div-pager.md).</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `tint_color` | <p>**string**</p><p>Новый цвет контурного изображения.</p><p>Допустимые форматы: `#RGB`, `#ARGB`, `#RRGGBB`, `#AARRGGBB`.</p> |
| `tint_mode` | <p>**string**</p><p>Метод наложения цвета, указанного в `tint_color`.</p><p>Возможные значения: `source_in`, `source_atop`, `darken`, `lighten`, `multiply`, `screen`.</p><p>Значение по умолчанию: `source_in`.</p> |
| `tooltips` | <p>**array**</p><p>Привязанные к элементу всплывающие подсказки. Подсказка может быть показана по `div-action://show_tooltip?id=`, скрыта по `div-action://hide_tooltip?id=`, где `id` — id подсказки.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `transform` | <p>**object**</p><p>Применяет к элементу переданное преобразование. Тот контент, который не поместится в исходную область просмотра, будет обрезан.</p><p>Значение имеет тип `div-transform`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `transformations` | <p>**array**</p><p>Массив преобразований, которые будут применены к элементу последовательно.</p><p>Доступные платформы: веб.</p><p>Список возможных значений:<li>[div-rotation-transformation](div-rotation-transformation.md#div-rotation-transformation)</li><li>[div-translation-transformation](div-translation-transformation.md#div-translation-transformation)</li></p> |
| `transition_change` | <p>**object**</p><p>Анимация изменения. Воспроизводится при изменении положения или размера элемента в новой верстке.</p><p>Значение имеет тип `div-change-transition`.</p><p>Доступные платформы: Android, iOS, веб.</p><p>Список возможных значений:<li>[div-change-set-transition](div-change-set-transition.md#div-change-set-transition)</li><li>[div-change-bounds-transition](div-change-bounds-transition.md#div-change-bounds-transition)</li></p> |
| `transition_in` | <p>**object**</p><p>Анимация появления. Воспроизводится при появлении элемента с новым id. Подробнее о концепции переходов в разделе [Анимация перехода](../../interaction#animation/transition-animation).</p><p>Значение имеет тип `div-appearance-transition`.</p><p>Доступные платформы: Android, iOS, веб.</p><p>Список возможных значений:<li>[div-appearance-set-transition](div-appearance-set-transition.md#div-appearance-set-transition)</li><li>[div-fade-transition](div-fade-transition.md#div-fade-transition)</li><li>[div-scale-transition](div-scale-transition.md#div-scale-transition)</li><li>[div-slide-transition](div-slide-transition.md#div-slide-transition)</li></p> |
| `transition_out` | <p>**object**</p><p>Анимация исчезания. Воспроизводится при исчезании элемента в новой верстке.</p><p>Значение имеет тип `div-appearance-transition`.</p><p>Доступные платформы: Android, iOS, веб.</p><p>Список возможных значений:<li>[div-appearance-set-transition](div-appearance-set-transition.md#div-appearance-set-transition)</li><li>[div-fade-transition](div-fade-transition.md#div-fade-transition)</li><li>[div-scale-transition](div-scale-transition.md#div-scale-transition)</li><li>[div-slide-transition](div-slide-transition.md#div-slide-transition)</li></p> |
| `transition_triggers` | <p>**array**</p><p>Триггеры запуска анимации. Значение по умолчанию: `[state_change, visibility_change]`.</p><p>Массив должен быть непустым.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `variable_triggers` | <p>**array**</p><p>Триггеры изменения переменных внутри элемента.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `variables` | <p>**array**</p><p>Объявление переменных, которые могут использоваться внутри элемента. Переменные, объявленные в данном массиве, могут использоваться только внутри самого элемента и его дочерних элементов.</p><p>Доступные платформы: iOS, веб, Android.</p><p>Список возможных значений:<li>[string_variable](string_variable.md#string_variable)</li><li>[number_variable](number_variable.md#number_variable)</li><li>[integer_variable](integer_variable.md#integer_variable)</li><li>[boolean_variable](boolean_variable.md#boolean_variable)</li><li>[color_variable](color_variable.md#color_variable)</li><li>[url_variable](url_variable.md#url_variable)</li><li>[dict_variable](dict_variable.md#dict_variable)</li><li>[array_variable](array_variable.md#array_variable)</li><li>[property_variable](property_variable.md#property_variable)</li></p> |
| `visibility` | <p>**string**</p><p>Видимость элемента.</p><p>Возможные значения: `visible`, `invisible`, `gone`.</p><p>Значение по умолчанию: `visible`.</p> |
| `visibility_action` | <p>**object**</p><p>Трекинг видимости одного элемента. Не используется, если задан параметр `visibility_actions`.</p><p>Значение имеет тип `div-visibility-action`.</p> |
| `visibility_actions` | <p>**array**</p><p>Действия при появлении элемента на экране.</p> |
| `width` | <p>**object**</p><p>Ширина элемента.</p><p>Значение имеет тип `div-size`.</p><p>Значение по умолчанию: `{"type": "match_parent"}`.</p><p>Список возможных значений:<li>[div-fixed-size](div-fixed-size.md#div-fixed-size)</li><li>[div-match-parent-size](div-match-parent-size.md#div-match-parent-size)</li><li>[div-wrap-content-size](div-wrap-content-size.md#div-wrap-content-size)</li></p> |

<details>
<summary>JSON</summary>

```json
{
  type*: "image",
  accessibility: {
    description: "string",
    hint: "string",
    is_checked: "bool_int",
    mode: "string",
    mute_after_action: "bool_int",
    state_description: "string",
    type: "string"
  },
  action: {
    download_callbacks: {
      on_fail_actions: [ div-action, ... ],
      on_success_actions: [ div-action, ... ]
    },
    is_enabled: "bool_int",
    log_id*: "string",
    log_url: "string",
    menu_items: [
      {
        action: div-action,
        actions: [ div-action, ... ],
        text*: "string"
      },
      ...
    ],
    payload: "object",
    referer: "string",
    scope_id: "string",
    target: "string",
    typed: div-action-typed,
    url: "string"
  },
  action_animation: {
    duration: "int",
    end_value: "number",
    interpolator: "string",
    items: [ div-animation, ... ],
    name*: "string",
    repeat: div-count,
    start_delay: "int",
    start_value: "number"
  },
  actions: [
    {
      download_callbacks: {
        on_fail_actions: [ div-action, ... ],
        on_success_actions: [ div-action, ... ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_url: "string",
      menu_items: [
        {
          action: div-action,
          actions: [ div-action, ... ],
          text*: "string"
        },
        ...
      ],
      payload: "object",
      referer: "string",
      scope_id: "string",
      target: "string",
      typed: div-action-typed,
      url: "string"
    },
    ...
  ],
  alignment_horizontal: "string",
  alignment_vertical: "string",
  alpha: "number",
  animators: [ div-animator, ... ],
  appearance_animation: {
    type*: "fade",
    alpha: "number",
    duration: "int",
    interpolator: "string",
    start_delay: "int"
  },
  aspect: {
    ratio*: "number"
  },
  background: [ div-background, ... ],
  border: {
    corner_radius: "int",
    corners_radius: {
      bottom-left: "int",
      bottom-right: "int",
      top-left: "int",
      top-right: "int"
    },
    has_shadow: "bool_int",
    shadow: {
      alpha: "number",
      blur: "int",
      color: "string",
      offset*: {
        x*: {
          unit: "string",
          value*: "number"
        },
        y*: {
          unit: "string",
          value*: "number"
        }
      }
    },
    stroke: {
      color*: "string",
      style: div-stroke-style,
      unit: "string",
      width: "number"
    }
  },
  capture_focus_on_action: "bool",
  column_span: "int",
  content_alignment_horizontal: "string",
  content_alignment_vertical: "string",
  disappear_actions: [
    {
      disappear_duration: "int",
      download_callbacks: {
        on_fail_actions: [
          {
            download_callbacks: div-download-callbacks,
            is_enabled: "bool_int",
            log_id*: "string",
            log_url: "string",
            menu_items: [
              {
                action: div-action,
                actions: [ div-action, ... ],
                text*: "string"
              },
              ...
            ],
            payload: "object",
            referer: "string",
            scope_id: "string",
            target: "string",
            typed: div-action-typed,
            url: "string"
          },
          ...
        ],
        on_success_actions: [
          {
            download_callbacks: div-download-callbacks,
            is_enabled: "bool_int",
            log_id*: "string",
            log_url: "string",
            menu_items: [
              {
                action: div-action,
                actions: [ div-action, ... ],
                text*: "string"
              },
              ...
            ],
            payload: "object",
            referer: "string",
            scope_id: "string",
            target: "string",
            typed: div-action-typed,
            url: "string"
          },
          ...
        ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_limit: "int",
      payload: "object",
      referer: "string",
      scope_id: "string",
      typed: div-action-typed,
      url: "string",
      visibility_percentage: "int"
    },
    ...
  ],
  doubletap_actions: [
    {
      download_callbacks: {
        on_fail_actions: [ div-action, ... ],
        on_success_actions: [ div-action, ... ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_url: "string",
      menu_items: [
        {
          action: div-action,
          actions: [ div-action, ... ],
          text*: "string"
        },
        ...
      ],
      payload: "object",
      referer: "string",
      scope_id: "string",
      target: "string",
      typed: div-action-typed,
      url: "string"
    },
    ...
  ],
  extensions: [
    {
      id*: "string",
      is_enabled: "bool_int",
      params: "object"
    },
    ...
  ],
  filters: [ div-filter, ... ],
  focus: {
    background: [ div-background, ... ],
    border: {
      corner_radius: "int",
      corners_radius: {
        bottom-left: "int",
        bottom-right: "int",
        top-left: "int",
        top-right: "int"
      },
      has_shadow: "bool_int",
      shadow: {
        alpha: "number",
        blur: "int",
        color: "string",
        offset*: {
          x*: {
            unit: "string",
            value*: "number"
          },
          y*: {
            unit: "string",
            value*: "number"
          }
        }
      },
      stroke: {
        color*: "string",
        style: div-stroke-style,
        unit: "string",
        width: "number"
      }
    },
    next_focus_ids: {
      down: "string",
      forward: "string",
      left: "string",
      right: "string",
      up: "string"
    },
    on_blur: [
      {
        download_callbacks: {
          on_fail_actions: [ div-action, ... ],
          on_success_actions: [ div-action, ... ]
        },
        is_enabled: "bool_int",
        log_id*: "string",
        log_url: "string",
        menu_items: [
          {
            action: div-action,
            actions: [ div-action, ... ],
            text*: "string"
          },
          ...
        ],
        payload: "object",
        referer: "string",
        scope_id: "string",
        target: "string",
        typed: div-action-typed,
        url: "string"
      },
      ...
    ],
    on_focus: [
      {
        download_callbacks: {
          on_fail_actions: [ div-action, ... ],
          on_success_actions: [ div-action, ... ]
        },
        is_enabled: "bool_int",
        log_id*: "string",
        log_url: "string",
        menu_items: [
          {
            action: div-action,
            actions: [ div-action, ... ],
            text*: "string"
          },
          ...
        ],
        payload: "object",
        referer: "string",
        scope_id: "string",
        target: "string",
        typed: div-action-typed,
        url: "string"
      },
      ...
    ]
  },
  functions: [
    {
      arguments*: [
        {
          name*: "string",
          type*: "string"
        },
        ...
      ],
      body*: "string",
      name*: "string",
      return_type*: "string"
    },
    ...
  ],
  height: div-size,
  high_priority_preview_show: "bool_int",
  hover_end_actions: [
    {
      download_callbacks: {
        on_fail_actions: [ div-action, ... ],
        on_success_actions: [ div-action, ... ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_url: "string",
      menu_items: [
        {
          action: div-action,
          actions: [ div-action, ... ],
          text*: "string"
        },
        ...
      ],
      payload: "object",
      referer: "string",
      scope_id: "string",
      target: "string",
      typed: div-action-typed,
      url: "string"
    },
    ...
  ],
  hover_start_actions: [
    {
      download_callbacks: {
        on_fail_actions: [ div-action, ... ],
        on_success_actions: [ div-action, ... ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_url: "string",
      menu_items: [
        {
          action: div-action,
          actions: [ div-action, ... ],
          text*: "string"
        },
        ...
      ],
      payload: "object",
      referer: "string",
      scope_id: "string",
      target: "string",
      typed: div-action-typed,
      url: "string"
    },
    ...
  ],
  id: "string",
  image_url*: "string",
  layout_provider: {
    height_variable_name: "string",
    width_variable_name: "string"
  },
  longtap_actions: [
    {
      download_callbacks: {
        on_fail_actions: [ div-action, ... ],
        on_success_actions: [ div-action, ... ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_url: "string",
      menu_items: [
        {
          action: div-action,
          actions: [ div-action, ... ],
          text*: "string"
        },
        ...
      ],
      payload: "object",
      referer: "string",
      scope_id: "string",
      target: "string",
      typed: div-action-typed,
      url: "string"
    },
    ...
  ],
  margins: {
    bottom: "int",
    end: "int",
    left: "int",
    right: "int",
    start: "int",
    top: "int",
    unit: "string"
  },
  paddings: {
    bottom: "int",
    end: "int",
    left: "int",
    right: "int",
    start: "int",
    top: "int",
    unit: "string"
  },
  placeholder_color: "string",
  preload_required: "bool_int",
  press_end_actions: [
    {
      download_callbacks: {
        on_fail_actions: [ div-action, ... ],
        on_success_actions: [ div-action, ... ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_url: "string",
      menu_items: [
        {
          action: div-action,
          actions: [ div-action, ... ],
          text*: "string"
        },
        ...
      ],
      payload: "object",
      referer: "string",
      scope_id: "string",
      target: "string",
      typed: div-action-typed,
      url: "string"
    },
    ...
  ],
  press_start_actions: [
    {
      download_callbacks: {
        on_fail_actions: [ div-action, ... ],
        on_success_actions: [ div-action, ... ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_url: "string",
      menu_items: [
        {
          action: div-action,
          actions: [ div-action, ... ],
          text*: "string"
        },
        ...
      ],
      payload: "object",
      referer: "string",
      scope_id: "string",
      target: "string",
      typed: div-action-typed,
      url: "string"
    },
    ...
  ],
  preview: "string",
  reuse_id: "string",
  row_span: "int",
  scale: "string",
  selected_actions: [
    {
      download_callbacks: {
        on_fail_actions: [ div-action, ... ],
        on_success_actions: [ div-action, ... ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_url: "string",
      menu_items: [
        {
          action: div-action,
          actions: [ div-action, ... ],
          text*: "string"
        },
        ...
      ],
      payload: "object",
      referer: "string",
      scope_id: "string",
      target: "string",
      typed: div-action-typed,
      url: "string"
    },
    ...
  ],
  tint_color: "string",
  tint_mode: "string",
  tooltips: [
    {
      animation_in: {
        duration: "int",
        end_value: "number",
        interpolator: "string",
        items: [ div-animation, ... ],
        name*: "string",
        repeat: div-count,
        start_delay: "int",
        start_value: "number"
      },
      animation_out: {
        duration: "int",
        end_value: "number",
        interpolator: "string",
        items: [ div-animation, ... ],
        name*: "string",
        repeat: div-count,
        start_delay: "int",
        start_value: "number"
      },
      background_accessibility_description: "string",
      bring_to_top_id: "string",
      close_by_tap_outside: "bool",
      div*: div,
      duration: "int",
      id*: "string",
      mode: div-tooltip-mode,
      offset: {
        x*: {
          unit: "string",
          value*: "number"
        },
        y*: {
          unit: "string",
          value*: "number"
        }
      },
      position*: "string",
      substrate_div: div,
      tap_outside_actions: [
        {
          download_callbacks: {
            on_fail_actions: [ div-action, ... ],
            on_success_actions: [ div-action, ... ]
          },
          is_enabled: "bool_int",
          log_id*: "string",
          log_url: "string",
          menu_items: [
            {
              action: div-action,
              actions: [ div-action, ... ],
              text*: "string"
            },
            ...
          ],
          payload: "object",
          referer: "string",
          scope_id: "string",
          target: "string",
          typed: div-action-typed,
          url: "string"
        },
        ...
      ]
    },
    ...
  ],
  transform: {
    pivot_x: div-pivot,
    pivot_y: div-pivot,
    rotation: "number"
  },
  transformations: [ div-transformation, ... ],
  transition_change: div-change-transition,
  transition_in: div-appearance-transition,
  transition_out: div-appearance-transition,
  transition_triggers: [ "string", ... ],
  variable_triggers: [
    {
      actions*: [
        {
          download_callbacks: {
            on_fail_actions: [ div-action, ... ],
            on_success_actions: [ div-action, ... ]
          },
          is_enabled: "bool_int",
          log_id*: "string",
          log_url: "string",
          menu_items: [
            {
              action: div-action,
              actions: [ div-action, ... ],
              text*: "string"
            },
            ...
          ],
          payload: "object",
          referer: "string",
          scope_id: "string",
          target: "string",
          typed: div-action-typed,
          url: "string"
        },
        ...
      ],
      condition*: "bool_int",
      mode: "string"
    },
    ...
  ],
  variables: [ div-variable, ... ],
  visibility: "string",
  visibility_action: {
    download_callbacks: {
      on_fail_actions: [
        {
          download_callbacks: div-download-callbacks,
          is_enabled: "bool_int",
          log_id*: "string",
          log_url: "string",
          menu_items: [
            {
              action: div-action,
              actions: [ div-action, ... ],
              text*: "string"
            },
            ...
          ],
          payload: "object",
          referer: "string",
          scope_id: "string",
          target: "string",
          typed: div-action-typed,
          url: "string"
        },
        ...
      ],
      on_success_actions: [
        {
          download_callbacks: div-download-callbacks,
          is_enabled: "bool_int",
          log_id*: "string",
          log_url: "string",
          menu_items: [
            {
              action: div-action,
              actions: [ div-action, ... ],
              text*: "string"
            },
            ...
          ],
          payload: "object",
          referer: "string",
          scope_id: "string",
          target: "string",
          typed: div-action-typed,
          url: "string"
        },
        ...
      ]
    },
    is_enabled: "bool_int",
    log_id*: "string",
    log_limit: "int",
    payload: "object",
    referer: "string",
    scope_id: "string",
    typed: div-action-typed,
    url: "string",
    visibility_duration: "int",
    visibility_percentage: "int"
  },
  visibility_actions: [
    {
      download_callbacks: {
        on_fail_actions: [
          {
            download_callbacks: div-download-callbacks,
            is_enabled: "bool_int",
            log_id*: "string",
            log_url: "string",
            menu_items: [
              {
                action: div-action,
                actions: [ div-action, ... ],
                text*: "string"
              },
              ...
            ],
            payload: "object",
            referer: "string",
            scope_id: "string",
            target: "string",
            typed: div-action-typed,
            url: "string"
          },
          ...
        ],
        on_success_actions: [
          {
            download_callbacks: div-download-callbacks,
            is_enabled: "bool_int",
            log_id*: "string",
            log_url: "string",
            menu_items: [
              {
                action: div-action,
                actions: [ div-action, ... ],
                text*: "string"
              },
              ...
            ],
            payload: "object",
            referer: "string",
            scope_id: "string",
            target: "string",
            typed: div-action-typed,
            url: "string"
          },
          ...
        ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_limit: "int",
      payload: "object",
      referer: "string",
      scope_id: "string",
      typed: div-action-typed,
      url: "string",
      visibility_duration: "int",
      visibility_percentage: "int"
    },
    ...
  ],
  width: div-size
}
```
</details>
