<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk+" version="3.10"/>
  <requires lib="handy" version="1.0"/>
  <template class="GsFeaturedCarousel" parent="GtkBox">
    <property name="halign">fill</property>
    <property name="orientation">vertical</property>
    <property name="spacing">12</property>
    <property name="visible">True</property>
    <property name="can-focus">True</property>
    <signal name="clicked" handler="carousel_clicked_cb"/>
    <style>
      <class name="featured-carousel"/>
    </style>
    <child>
      <object class="GtkOverlay" id="overlay">
        <property name="halign">fill</property>
        <property name="valign">fill</property>
        <property name="visible">True</property>
        <child>
          <object class="GsRoundedBin">
            <property name="visible">True</property>
            <child>
              <object class="HdyCarousel" id="carousel">
                <property name="visible">True</property>
              </object>
            </child>
          </object>
        </child>
        <child type="overlay">
          <object class="GtkButton" id="previous_button">
            <property name="visible">True</property>
            <property name="use-underline">True</property>
            <property name="can-focus">True</property>
            <property name="halign">start</property>
            <property name="valign">center</property>
            <property name="width-request">56</property>
            <property name="height-request">56</property>
            <property name="margin">9</property>
            <signal name="clicked" handler="previous_button_clicked_cb"/>
            <child internal-child="accessible">
              <object class="AtkObject">
                <property name="accessible-name" translatable="yes">Previous</property>
              </object>
            </child>
            <style>
              <class name="osd"/>
              <class name="featured-button-left"/>
            </style>
            <child>
              <object class="GtkImage" id="previous_button_image">
                <property name="visible">True</property>
                <property name="icon-name">carousel-arrow-previous-symbolic</property>
                <property name="icon-size">3</property><!-- GTK_ICON_SIZE_LARGE_TOOLBAR -->
                <signal name="direction-changed" handler="previous_button_direction_changed_cb"/>
              </object>
            </child>
          </object>
        </child>
        <child type="overlay">
          <object class="GtkButton" id="next_button">
            <property name="visible">True</property>
            <property name="use-underline">True</property>
            <property name="can-focus">True</property>
            <property name="halign">end</property>
            <property name="valign">center</property>
            <property name="width-request">56</property>
            <property name="height-request">56</property>
            <property name="margin">9</property>
            <signal name="clicked" handler="next_button_clicked_cb"/>
            <child internal-child="accessible">
              <object class="AtkObject">
                <property name="accessible-name" translatable="yes">Next</property>
              </object>
            </child>
            <style>
              <class name="osd"/>
              <class name="featured-button-right"/>
            </style>
            <child>
              <object class="GtkImage" id="next_button_image">
                <property name="visible">True</property>
                <property name="icon_name">carousel-arrow-next-symbolic</property>
                <property name="icon_size">3</property><!-- GTK_ICON_SIZE_LARGE_TOOLBAR -->
                <signal name="direction-changed" handler="next_button_direction_changed_cb"/>
              </object>
            </child>
          </object>
        </child>
      </object>
    </child>
    <child>
      <object class="HdyCarouselIndicatorDots" id="dots">
        <property name="carousel">carousel</property>
        <property name="visible">True</property>
      </object>
    </child>
    <child internal-child="accessible">
      <object class="AtkObject">
        <property name="accessible-name" translatable="yes">Featured Apps List</property>
        <property name="accessible-role">grouping</property>
      </object>
    </child>
  </template>
</interface>
