@spartacus/storefront
Version:
Spartacus Storefront is a package that you can include in your application, which allows you to add default storefront features.
22 lines • 5.71 kB
JavaScript
import { ChangeDetectionStrategy, Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../current-product.service";
import * as i2 from "@angular/common";
import * as i3 from "@spartacus/core";
export class ProductAttributesComponent {
constructor(currentProductService) {
this.currentProductService = currentProductService;
this.product$ = this.currentProductService.getProduct("attributes" /* ATTRIBUTES */);
}
}
ProductAttributesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ProductAttributesComponent, deps: [{ token: i1.CurrentProductService }], target: i0.ɵɵFactoryTarget.Component });
ProductAttributesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ProductAttributesComponent, selector: "cx-product-attributes", ngImport: i0, template: "<ng-container *ngIf=\"product$ | async as product\">\n <div class=\"container\">\n <h2>{{ 'productDetails.specification' | cxTranslate }}</h2>\n <table *ngFor=\"let class of product?.classifications\">\n <th>\n <h3>{{ class.name }}</h3>\n </th>\n <tr *ngFor=\"let feature of class.features\">\n <td>{{ feature.name }}</td>\n <td>\n <ul>\n <li *ngFor=\"let featureValue of feature?.featureValues\">\n {{ featureValue?.value }}\n <span\n *ngIf=\"\n feature.featureUnit?.symbol?.length > 0 &&\n feature.featureUnit.unitType != '300'\n \"\n >\n {{ feature.featureUnit.symbol }}\n </span>\n </li>\n </ul>\n </td>\n </tr>\n </table>\n </div>\n</ng-container>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe, "cxTranslate": i3.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ProductAttributesComponent, decorators: [{
type: Component,
args: [{
selector: 'cx-product-attributes',
templateUrl: './product-attributes.component.html',
changeDetection: ChangeDetectionStrategy.OnPush,
}]
}], ctorParameters: function () { return [{ type: i1.CurrentProductService }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC1hdHRyaWJ1dGVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N0b3JlZnJvbnRsaWIvY21zLWNvbXBvbmVudHMvcHJvZHVjdC9wcm9kdWN0LXRhYnMvcHJvZHVjdC1hdHRyaWJ1dGVzL3Byb2R1Y3QtYXR0cmlidXRlcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zdG9yZWZyb250bGliL2Ntcy1jb21wb25lbnRzL3Byb2R1Y3QvcHJvZHVjdC10YWJzL3Byb2R1Y3QtYXR0cmlidXRlcy9wcm9kdWN0LWF0dHJpYnV0ZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFVbkUsTUFBTSxPQUFPLDBCQUEwQjtJQUtyQyxZQUFzQixxQkFBNEM7UUFBNUMsMEJBQXFCLEdBQXJCLHFCQUFxQixDQUF1QjtRQUpsRSxhQUFRLEdBQXdCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxVQUFVLCtCQUVwRSxDQUFDO0lBRW1FLENBQUM7O3VIQUwzRCwwQkFBMEI7MkdBQTFCLDBCQUEwQiw2RENWdkMsczNCQTRCQTsyRkRsQmEsMEJBQTBCO2tCQUx0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFdBQVcsRUFBRSxxQ0FBcUM7b0JBQ2xELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFByb2R1Y3QsIFByb2R1Y3RTY29wZSB9IGZyb20gJ0BzcGFydGFjdXMvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDdXJyZW50UHJvZHVjdFNlcnZpY2UgfSBmcm9tICcuLi8uLi9jdXJyZW50LXByb2R1Y3Quc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N4LXByb2R1Y3QtYXR0cmlidXRlcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9kdWN0LWF0dHJpYnV0ZXMuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHJvZHVjdEF0dHJpYnV0ZXNDb21wb25lbnQge1xuICBwcm9kdWN0JDogT2JzZXJ2YWJsZTxQcm9kdWN0PiA9IHRoaXMuY3VycmVudFByb2R1Y3RTZXJ2aWNlLmdldFByb2R1Y3QoXG4gICAgUHJvZHVjdFNjb3BlLkFUVFJJQlVURVNcbiAgKTtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgY3VycmVudFByb2R1Y3RTZXJ2aWNlOiBDdXJyZW50UHJvZHVjdFNlcnZpY2UpIHt9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwicHJvZHVjdCQgfCBhc3luYyBhcyBwcm9kdWN0XCI+XG4gIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cbiAgICA8aDI+e3sgJ3Byb2R1Y3REZXRhaWxzLnNwZWNpZmljYXRpb24nIHwgY3hUcmFuc2xhdGUgfX08L2gyPlxuICAgIDx0YWJsZSAqbmdGb3I9XCJsZXQgY2xhc3Mgb2YgcHJvZHVjdD8uY2xhc3NpZmljYXRpb25zXCI+XG4gICAgICA8dGg+XG4gICAgICAgIDxoMz57eyBjbGFzcy5uYW1lIH19PC9oMz5cbiAgICAgIDwvdGg+XG4gICAgICA8dHIgKm5nRm9yPVwibGV0IGZlYXR1cmUgb2YgY2xhc3MuZmVhdHVyZXNcIj5cbiAgICAgICAgPHRkPnt7IGZlYXR1cmUubmFtZSB9fTwvdGQ+XG4gICAgICAgIDx0ZD5cbiAgICAgICAgICA8dWw+XG4gICAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGZlYXR1cmVWYWx1ZSBvZiBmZWF0dXJlPy5mZWF0dXJlVmFsdWVzXCI+XG4gICAgICAgICAgICAgIHt7IGZlYXR1cmVWYWx1ZT8udmFsdWUgfX1cbiAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgICAgICAgICAgZmVhdHVyZS5mZWF0dXJlVW5pdD8uc3ltYm9sPy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgICAgICAgICBmZWF0dXJlLmZlYXR1cmVVbml0LnVuaXRUeXBlICE9ICczMDAnXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt7IGZlYXR1cmUuZmVhdHVyZVVuaXQuc3ltYm9sIH19XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgPC91bD5cbiAgICAgICAgPC90ZD5cbiAgICAgIDwvdHI+XG4gICAgPC90YWJsZT5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==