text: import { __decorate } from "tslib";
  import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
  var ProductGridItemComponent = /** @class */ (function () {
      function ProductGridItemComponent() {
      }
      __decorate([
          Input()
      ], ProductGridItemComponent.prototype, "product", void 0);
      ProductGridItemComponent = __decorate([
          Component({
              selector: 'cx-product-grid-item',
              template: "<a\r\n  [routerLink]=\"{ cxRoute: 'product', params: product } | cxUrl\"\r\n  class=\"cx-product-image-container\"\r\n  tabindex=\"-1\"\r\n>\r\n  <cx-media\r\n    class=\"cx-product-image\"\r\n    [container]=\"product.images?.PRIMARY\"\r\n    [alt]=\"product.summary\"\r\n  ></cx-media>\r\n</a>\r\n<a\r\n  [routerLink]=\"{ cxRoute: 'product', params: product } | cxUrl\"\r\n  class=\"cx-product-name\"\r\n  [innerHTML]=\"product.nameHtml\"\r\n></a>\r\n\r\n<div class=\"cx-product-rating\">\r\n  <cx-star-rating\r\n    *ngIf=\"product.averageRating\"\r\n    [rating]=\"product?.averageRating\"\r\n    [disabled]=\"true\"\r\n  ></cx-star-rating>\r\n  <div *ngIf=\"!product.averageRating\">\r\n    {{ 'productDetails.noReviews' | cxTranslate }}\r\n  </div>\r\n</div>\r\n<div class=\"cx-product-price-container\">\r\n  <div class=\"cx-product-price\" aria-label=\"Product price\">\r\n    {{ product.price?.formattedValue }}\r\n  </div>\r\n</div>\r\n\r\n<div class=\"cx-variant-style-icons\" *ngIf=\"product.variantOptions\">\r\n  <cx-variant-style-icons\r\n    [variants]=\"product.variantOptions\"\r\n  ></cx-variant-style-icons>\r\n</div>\r\n\r\n<cx-add-to-cart\r\n  *ngIf=\"product.stock?.stockLevelStatus !== 'outOfStock'\"\r\n  [showQuantity]=\"false\"\r\n  [product]=\"product\"\r\n></cx-add-to-cart>\r\n",
              changeDetection: ChangeDetectionStrategy.OnPush
          })
      ], ProductGridItemComponent);
      return ProductGridItemComponent;
  }());
  export { ProductGridItemComponent };
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC1ncmlkLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNwYXJ0YWN1cy9zdG9yZWZyb250LyIsInNvdXJjZXMiOlsiY21zLWNvbXBvbmVudHMvcHJvZHVjdC9wcm9kdWN0LWxpc3QvcHJvZHVjdC1ncmlkLWl0ZW0vcHJvZHVjdC1ncmlkLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8xRTtJQUFBO0lBRUEsQ0FBQztJQURVO1FBQVIsS0FBSyxFQUFFOzZEQUFjO0lBRFgsd0JBQXdCO1FBTHBDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxzQkFBc0I7WUFDaEMsdXlDQUFpRDtZQUNqRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtTQUNoRCxDQUFDO09BQ1csd0JBQXdCLENBRXBDO0lBQUQsK0JBQUM7Q0FBQSxBQUZELElBRUM7U0FGWSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjeC1wcm9kdWN0LWdyaWQtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9kdWN0LWdyaWQtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQcm9kdWN0R3JpZEl0ZW1Db21wb25lbnQge1xuICBASW5wdXQoKSBwcm9kdWN0OiBhbnk7XG59XG4iXX0=