text: import{html,Polymer}from"../../../@polymer/polymer/polymer-legacy.js";import"../../../@polymer/iron-icons/iron-icons.js";import"../../../@polymer/iron-icon/iron-icon.js";import"../../../@polymer/paper-button/paper-button.js";import"../../../@polymer/app-layout/app-drawer/app-drawer.js";import"./hax-blox-browser.js";import"../../simple-colors/simple-colors.js";import"./hax-shared-styles.js";Polymer({_template:html`
      <style include="simple-colors hax-shared-styles">
        :host {
          display: block;
        }
        #dialog {
          --app-drawer-width: 320px;
          z-index: 1000;
          margin-top: 56px;
          @apply --hax-blox-picker-dialog;
        }
        #closedialog {
          float: right;
          top: 124px;
          right: 0;
          position: absolute;
          padding: 8px;
          margin: 0;
          color: var(--hax-color-text);
          background-color: transparent;
          width: 40px;
          height: 40px;
          min-width: unset;
        }
        .title {
          position: relative;
          padding: 16px;
          outline: 0;
          font-weight: 600;
          text-align: left;
          margin: 0;
          background-color: var(--hax-color-menu-heading-bg);
          font-size: 18px;
          line-height: 18px;
          font-family: "Noto Serif", serif;
          color: var(--hax-color-text);
        }
        app-drawer {
          --app-drawer-content-container: {
            background-color: #ffffff;
          }
          --app-drawer-width: 320px;
        }
        .pref-container {
          text-align: left;
          padding: 16px;
        }
      </style>
      <app-drawer id="dialog" align="left" transition-duration="300">
        <h3 class="title">[[title]]</h3>
        <div style="height: 100%; overflow: auto;" class="pref-container">
          <hax-blox-browser id="bloxbrowser"></hax-blox-browser>
        </div>
        <paper-button id="closedialog" on-tap="close">
          <iron-icon icon="icons:cancel" title="Close dialog"></iron-icon>
        </paper-button>
      </app-drawer>
    `,is:"hax-blox-picker",properties:{title:{type:String,value:"Layouts"}},attached:function(){this.fire("hax-register-blox-picker",this)},open:function(){this.$.bloxbrowser.resetBrowser();this.$.dialog.open()},close:function(){this.$.dialog.close()},toggleDialog:function(){if(this.$.dialog.opened){this.close()}else{window.HaxStore.instance.closeAllDrawers(this)}}});