extends ../index.jade

block sidebar
  div.sidebar-wrapper
    aside.sidebar
      != partial("../../_sidebar-header")
      != partial("../_examples-sidebar-content")

block content
  != partial("./iframe-components")
  != partial("../_components", {code: partial("./components"), conditions: '0', components: '3', instances: '4'})

  div.app-wrapper
    != partial("./iframe-components-example-1")
    small .component-area--first
    div.component-area.component-area--first

    != partial("./iframe-components-example-2")
    small .component-area--second
    div.component-area.component-area--second

    != partial("./iframe-components-example-3")
    small .component-area--third
    div.component-area.component-area--third

block scripts
  script(src="./components.js")
  script(src="./app/app.js")
  script(src="./components/ExtendedIframeComponent.js")
  script(src="./components/ExtendedIframeComponentThatSendsMessage.js")
  script.
    $(document).ready(function () {
      new app.Filter({
        el: '.app-wrapper'
      });
    });