/**
 * Minified by jsDelivr using Terser v5.39.0.
 * Original file: /npm/@neogrup/nc-products-grid@2.0.19/nc-products-grid.js
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
import{PolymerElement,html}from"@polymer/polymer/polymer-element.js";import"@neogrup/nc-items-grid/nc-items-grid.js";class NcProductsGrid extends PolymerElement{static get template(){return html`
      <style>
        :host {
          --products-grid-item-content-border-radius: 5px;
          --products-grid-item-content-box-shadow: none;
          --products-grid-item-content-folder-font-size: 1.3em;
          --products-grid-item-content-default-font-size: 1em;
          --products-grid-item-content-default-price-font-size: 1em;
        }

        nc-items-grid{
          --items-grid-item-content-border-radius: var(--products-grid-item-content-border-radius);
          --items-grid-item-content-box-shadow: var(--products-grid-item-content-box-shadow);
          --items-grid-item-content-folder-font-size: var(--products-grid-item-content-folder-font-size);
          --items-grid-item-content-default-font-size: var(--products-grid-item-content-default-font-size);
          --items-grid-item-content-default-price-font-size: var(--products-grid-item-content-default-price-font-size);

        }
      </style>

      <nc-items-grid 
          id="itemsGrid" 
          items-grid-data="{{productsGridData}}" 
          loading="{{itemsGridLoading}}" 
          language="{{language}}" 
          symbol="{{symbol}}"
          is-paginated
          breadcrumb="[[breadcrumb]]" 
          auto-flow
          item-height="[[heightProductsGridItems]]" 
          item-width="[[widthProductsGridItems]]" 
          item-margin="[[marginProductsGridItems]]" 
          item-view-mode="[[viewModeProductsGridItems]]" 
          hide-item-price="[[hideProductPrice]]"
          animations="[[animations]]"
          on-item-selected="_productSelected"
          on-item-kiosk-header-selected="_productInfoSelected">
      </nc-items-grid>
    `}static get properties(){return{productsGridData:{type:Array,value:[]},symbol:String,language:String,breadcrumb:{type:Boolean,value:!1},animations:{type:Boolean,value:!0},itemsGridLoading:{type:Boolean,value:!1},heightProductsGridItems:{type:Number,reflectToAttribute:!0},widthProductsGridItems:{type:Number,reflectToAttribute:!0},marginProductsGridItems:{type:Number,reflectToAttribute:!0},viewModeProductsGridItems:{type:String,reflectToAttribute:!0},hideProductPrice:{type:Boolean}}}connectedCallback(){super.connectedCallback()}selectTopFolder(){this.$.itemsGrid.selectTopFolder()}refreshLevel(){this.$.itemsGrid.refreshLevel()}_productSelected(e){this.dispatchEvent(new CustomEvent("product-selected",{detail:e.detail,bubbles:!0,composed:!0}))}_productInfoSelected(e){this.dispatchEvent(new CustomEvent("product-info-selected",{detail:e.detail,bubbles:!0,composed:!0}))}}window.customElements.define("nc-products-grid",NcProductsGrid);
//# sourceMappingURL=/sm/ed3c03d4b4bcdf5ee56fa32d8289110cfcd038b2760d40c9621d1c51c1797093.map