<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk" version="4.0"/>
  <object class="GtkAdjustment" id="seek_bar_adj">
    <property name="upper">100</property>
    <property name="step-increment">1</property>
    <property name="page-increment">1</property>
  </object>
  <object class="GtkAdjustment" id="speed_bar_adj">
    <property name="lower">0.25</property>
    <property name="upper">2</property>
    <property name="value">1</property>
    <property name="step-increment">0.25</property>
    <property name="page-increment">0.25</property>
  </object>
  <object class="GtkBox" id="preview_box">
    <property name="orientation">vertical</property>
    <property name="spacing">12</property>
    <child>
      <object class="GtkGrid">
        <property name="margin-end">6</property>
        <child>
          <object class="GtkBox" id="drawing_box">
            <property name="width-request">300</property>
            <property name="height-request">50</property>
            <property name="valign">center</property>
            <property name="orientation">vertical</property>
            <child>
              <placeholder/>
            </child>
            <layout>
              <property name="column">0</property>
              <property name="row">0</property>
            </layout>
          </object>
        </child>
        <child>
          <object class="GtkBox" id="seek_bar_box">
            <property name="can-focus">0</property>
            <child>
              <object class="GtkScale" id="seek_bar">
                <property name="width-request">300</property>
                <property name="focusable">1</property>
                <property name="adjustment">seek_bar_adj</property>
                <property name="restrict-to-fill-level">0</property>
                <property name="fill-level">0</property>
                <property name="digits">2</property>
                <property name="value-pos">bottom</property>
              </object>
            </child>
            <layout>
              <property name="column">0</property>
              <property name="row">1</property>
            </layout>
          </object>
        </child>
        <child>
          <object class="GtkBox">
            <property name="can-focus">0</property>
            <child>
              <object class="GtkLabel" id="progress_label">
                <property name="name">progressbar_label</property>
                <property name="tooltip-text" translatable="yes">Click to change time display</property>
                <property name="halign">end</property>
                <property name="valign">center</property>
                <property name="label">-0:00/0:00</property>
                <property name="justify">fill</property>
                <property name="single-line-mode">1</property>
                <style>
                  <class name="dim-label"/>
                  <class name="small-label"/>
                  <class name="tabular-digits"/>
                </style>
              </object>
            </child>
            <layout>
              <property name="column">1</property>
              <property name="row">1</property>
            </layout>
          </object>
        </child>
        <child>
          <placeholder/>
        </child>
      </object>
    </child>
    <child>
      <object class="GtkBox" id="control_box">
        <property name="margin-end">6</property>
        <property name="spacing">10</property>
        <child>
          <object class="GtkBox">
            <property name="homogeneous">1</property>
            <child>
              <object class="GtkButton" id="rewind_button">
                <property name="focusable">1</property>
                <property name="receives-default">1</property>
                <property name="tooltip-text" translatable="yes">Rewind 10 seconds</property>
                <child>
                  <object class="GtkImage">
                    <property name="icon-name">media-seek-backward-symbolic</property>
                  </object>
                </child>
              </object>
            </child>
            <child>
              <object class="GtkButton" id="play_pause_button">
                <property name="focusable">1</property>
                <property name="receives-default">1</property>
                <child>
                  <object class="GtkImage" id="play_icon">
                    <property name="tooltip-text" translatable="yes">Start/stop playback</property>
                    <property name="icon-name">media-playback-start-symbolic</property>
                  </object>
                </child>
              </object>
            </child>
            <child>
              <object class="GtkButton" id="forward_button">
                <property name="focusable">1</property>
                <property name="receives-default">1</property>
                <child>
                  <object class="GtkImage">
                    <property name="tooltip-text" translatable="yes">Forward 10 seconds</property>
                    <property name="icon-name">media-seek-forward-symbolic</property>
                  </object>
                </child>
              </object>
            </child>
            <style>
              <class name="linked"/>
            </style>
          </object>
        </child>
        <child>
          <object class="GtkBox">
            <child>
              <object class="GtkButton" id="speed_dec_button">
                <property name="focusable">1</property>
                <property name="receives-default">1</property>
                <property name="tooltip-text" translatable="yes">Decrease playback speed</property>
                <child>
                  <object class="GtkImage">
                    <property name="halign">center</property>
                    <property name="valign">center</property>
                    <property name="icon-name">feather-minus-symbolic</property>
                  </object>
                </child>
              </object>
            </child>
            <child>
              <object class="GtkMenuButton" id="speed_menubutton">
                <property name="focusable">1</property>
                <property name="focus-on-click">0</property>
                <property name="receives-default">1</property>
                <property name="tooltip-text" translatable="yes">Select playback speed</property>
                <property name="halign">center</property>
                <property name="valign">center</property>
                <property name="popover">speed_popover</property>
                <child>
                  <object class="GtkBox">
                    <property name="spacing">1</property>
                    <child>
                      <object class="GtkLabel" id="speed_label">
                        <property name="halign">center</property>
                        <property name="valign">center</property>
                        <property name="margin-start">2</property>
                        <property name="label">1.00x</property>
                        <property name="single-line-mode">1</property>
                      </object>
                    </child>
                    <child>
                      <object class="GtkImage">
                        <property name="halign">center</property>
                        <property name="valign">center</property>
                        <property name="margin-start">2</property>
                        <property name="icon-name">go-down-symbolic</property>
                      </object>
                    </child>
                    <style>
                      <class name="linked"/>
                    </style>
                  </object>
                </child>
              </object>
            </child>
            <child>
              <object class="GtkButton" id="speed_inc_button">
                <property name="focusable">1</property>
                <property name="receives-default">1</property>
                <property name="tooltip-text" translatable="yes">Increase playback speed</property>
                <child>
                  <object class="GtkImage">
                    <property name="halign">center</property>
                    <property name="valign">center</property>
                    <property name="icon-name">feather-plus-symbolic</property>
                  </object>
                </child>
              </object>
            </child>
            <style>
              <class name="linked"/>
            </style>
          </object>
        </child>
      </object>
    </child>
  </object>
  <object class="GtkPopover" id="speed_popover">
    <property name="child">
      <object class="GtkBox">
        <property name="orientation">vertical</property>
        <child>
          <object class="GtkBox">
            <property name="can-focus">0</property>
            <child>
              <object class="GtkScale" id="speed_bar">
                <property name="width-request">225</property>
                <property name="focusable">1</property>
                <property name="margin-start">3</property>
                <property name="margin-end">3</property>
                <property name="adjustment">speed_bar_adj</property>
                <property name="restrict-to-fill-level">0</property>
                <property name="fill-level">1</property>
                <property name="round-digits">0</property>
                <property name="digits">2</property>
                <property name="has-origin">0</property>
                <property name="value-pos">right</property>
              </object>
            </child>
          </object>
        </child>
        <style>
          <class name="p-6"/>
        </style>
      </object>
    </property>
  </object>
</interface>
