text: import{html,PolymerElement}from"../../../@polymer/polymer/polymer-element.js";import{microTask}from"../../../@polymer/polymer/lib/utils/async.js";import"../../../@polymer/polymer/lib/elements/dom-repeat.js";class HaxStaxBrowser extends PolymerElement{constructor(){super(),import("./hax-stax-browser-item.js"),document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))}static get template(){return html`
        <style>
          :host {
            display: block;
          }
          hax-stax-browser-item {
            margin: 10px;
            -webkit-transition: 0.3s all linear;
            transition: 0.3s all linear;
          }
        </style>
        <dom-repeat items="[[__staxList]]" as="stax">
          <template>
            <div class="stax-container">
              <hax-stax-browser-item
                index="[[stax.index]]"
                title="[[stax.details.title]]"
                tag="[[stax.details.tag]]"
                image="[[stax.details.image]]"
                author="[[stax.details.author]]"
                teaser="[[stax.details.teaser]]"
                description="[[stax.details.description]]"
                examples="[[stax.details.examples]]"
                status="[[stax.details.status]]"
                stax="[[stax.stax]]"
              ></hax-stax-browser-item>
            </div>
          </template>
        </dom-repeat>
      `}static get tag(){return"hax-stax-browser"}static get properties(){return{staxList:{type:Array,observer:"_staxListChanged"},__staxList:{type:Array}}}_haxStorePropertyUpdated(e){e.detail&&void 0!==e.detail.value&&e.detail.property&&(void 0!==this[e.detail.property]&&null!=this[e.detail.property]&&void 0!==this[e.detail.property].length&&this.set(e.detail.property,[]),this.set(e.detail.property,e.detail.value))}_staxListChanged(newValue,oldValue){void 0!==newValue&&this.set("__staxList",newValue)}}window.customElements.define(HaxStaxBrowser.tag,HaxStaxBrowser);export{HaxStaxBrowser};