is_package: true
container:
  type: HtmlTemplate
  properties: {tooltip: '', background: '', foreground: '', border: '', visible: true,
    role: null, html: '@theme:standard-page.html'}
components:
- type: ColumnPanel
  properties: {role: null, tooltip: '', border: '', foreground: '', visible: true,
    wrap_on: mobile, col_spacing: tiny, spacing_above: small, col_widths: '{}', spacing_below: small,
    background: ''}
  name: content_panel
  layout_properties: {slot: default}
  components:
  - type: TextArea
    properties: {role: null, align: left, height: 472.2333, tooltip: '', placeholder: '',
      border: '', enabled: true, foreground: '', visible: true, text: '', font_size: null,
      auto_expand: true, font: '', spacing_above: small, spacing_below: small, italic: false,
      background: '', bold: false, underline: false}
    name: input
    layout_properties: {slot: default, grid_position: 'ZYPJLG,JVGICP', column: null}
  - type: RichText
    properties: {}
    name: output
    layout_properties: {grid_position: 'ZYPJLG,RAIGTL'}
  - type: Button
    properties: {role: null, align: right, tooltip: '', border: '', enabled: true,
      foreground: '', visible: true, text: JSON, font_size: null, font: '', spacing_above: small,
      icon_align: left, spacing_below: small, italic: false, background: '', bold: false,
      underline: false, icon: ''}
    name: check_json
    layout_properties: {grid_position: 'FMPDIV,WJAISE'}
    event_bindings: {click: check_json_click}
  - type: Button
    properties: {role: null, align: left, tooltip: '', border: '', enabled: true,
      foreground: '', visible: true, text: 'YAML

        ', font_size: null, font: '', spacing_above: small, icon_align: left, spacing_below: small,
      italic: false, background: '', bold: false, underline: false, icon: ''}
    name: check_yaml
    layout_properties: {slot: default, grid_position: 'FMPDIV,SLPCJD'}
    event_bindings: {click: check_yaml_click}
- type: Label
  properties: {}
  name: label_1
  layout_properties: {slot: hero}