@vendasta/store/esm2020/lib/product-details-v2/marketplace-cost/mp-cost-pricing-display/mp-cost-pricing-display.component.mjs

Components and data for Store

import { Component, Input } from '@angular/core';
import { ProductCost } from '@vendasta/marketplace-apps/v1';
import { formatCommitmentString, formatCurrencyAndFrequencyString, formatPrice, hasCommitment, } from '../../product-info-string-formatting/product-info-string-formatting';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ngx-translate/core";
export class MpCostPricingDisplayComponent {
    constructor() {
        this.hasCommitment = hasCommitment;
        this.formatPrice = formatPrice;
        this.formatCurrencyAndFrequencyString = formatCurrencyAndFrequencyString;
        this.formatCommitmentString = formatCommitmentString;
    }
    ngOnInit() {
        if (!this.costData.currency) {
            this.costData.currency = 'USD';
        }
    }
}
MpCostPricingDisplayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: MpCostPricingDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
MpCostPricingDisplayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: MpCostPricingDisplayComponent, selector: "app-mp-cost-pricing-display", inputs: { contactSales: "contactSales", costData: "costData" }, ngImport: i0, template: "<div class=\"tiered-price\">\n  <div\n    *ngIf=\"contactSales; else pricingTemplate\"\n    class=\"price-card-title tiered-price\"\n  >\n    {{ 'FRONTEND.STORE.CONTACT_SALES' | translate }}\n  </div>\n  <ng-template #pricingTemplate>\n    <ng-container *ngIf=\"costData.cost > 0; else free\">\n      <div class=\"price-card-title\">\n        {{ formatPrice(costData.currency, costData.cost) }}\n        <div class=\"currency-frequency\">\n          <span class=\"subtitle\">\n            {{\n              formatCurrencyAndFrequencyString(\n                costData.currency,\n                costData.frequency\n              )\n            }}\n          </span>\n        </div>\n      </div>\n      <div\n        *ngIf=\"hasCommitment(costData.commitment, costData.frequency)\"\n        class=\"footer\"\n      >\n        *{{ formatCommitmentString(costData.commitment, costData.frequency) }}\n      </div>\n    </ng-container>\n  </ng-template>\n\n  <ng-template #free>\n    <div class=\"price-card-title\">\n      {{ 'FRONTEND.STORE.FREE' | translate }}\n    </div>\n  </ng-template>\n</div>\n", styles: [".price-card-title{font-size:32px;font-weight:400;color:#212121;display:flex;flex-direction:row;padding-top:4px}.currency-frequency{display:flex;flex-direction:column;padding-left:4px;justify-content:flex-end}.subtitle{font-size:14px;font-weight:400;color:#616161}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2.TranslatePipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: MpCostPricingDisplayComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-mp-cost-pricing-display', template: "<div class=\"tiered-price\">\n  <div\n    *ngIf=\"contactSales; else pricingTemplate\"\n    class=\"price-card-title tiered-price\"\n  >\n    {{ 'FRONTEND.STORE.CONTACT_SALES' | translate }}\n  </div>\n  <ng-template #pricingTemplate>\n    <ng-container *ngIf=\"costData.cost > 0; else free\">\n      <div class=\"price-card-title\">\n        {{ formatPrice(costData.currency, costData.cost) }}\n        <div class=\"currency-frequency\">\n          <span class=\"subtitle\">\n            {{\n              formatCurrencyAndFrequencyString(\n                costData.currency,\n                costData.frequency\n              )\n            }}\n          </span>\n        </div>\n      </div>\n      <div\n        *ngIf=\"hasCommitment(costData.commitment, costData.frequency)\"\n        class=\"footer\"\n      >\n        *{{ formatCommitmentString(costData.commitment, costData.frequency) }}\n      </div>\n    </ng-container>\n  </ng-template>\n\n  <ng-template #free>\n    <div class=\"price-card-title\">\n      {{ 'FRONTEND.STORE.FREE' | translate }}\n    </div>\n  </ng-template>\n</div>\n", styles: [".price-card-title{font-size:32px;font-weight:400;color:#212121;display:flex;flex-direction:row;padding-top:4px}.currency-frequency{display:flex;flex-direction:column;padding-left:4px;justify-content:flex-end}.subtitle{font-size:14px;font-weight:400;color:#616161}\n"] }]
        }], propDecorators: { contactSales: [{
                type: Input
            }], costData: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXAtY29zdC1wcmljaW5nLWRpc3BsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdG9yZS9zcmMvbGliL3Byb2R1Y3QtZGV0YWlscy12Mi9tYXJrZXRwbGFjZS1jb3N0L21wLWNvc3QtcHJpY2luZy1kaXNwbGF5L21wLWNvc3QtcHJpY2luZy1kaXNwbGF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3RvcmUvc3JjL2xpYi9wcm9kdWN0LWRldGFpbHMtdjIvbWFya2V0cGxhY2UtY29zdC9tcC1jb3N0LXByaWNpbmctZGlzcGxheS9tcC1jb3N0LXByaWNpbmctZGlzcGxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDNUQsT0FBTyxFQUNMLHNCQUFzQixFQUN0QixnQ0FBZ0MsRUFDaEMsV0FBVyxFQUNYLGFBQWEsR0FDZCxNQUFNLHFFQUFxRSxDQUFDOzs7O0FBTzdFLE1BQU0sT0FBTyw2QkFBNkI7SUFMMUM7UUFTRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QixnQkFBVyxHQUFHLFdBQVcsQ0FBQztRQUMxQixxQ0FBZ0MsR0FBRyxnQ0FBZ0MsQ0FBQztRQUNwRSwyQkFBc0IsR0FBRyxzQkFBc0IsQ0FBQztLQU9qRDtJQUxDLFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUU7WUFDM0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1NBQ2hDO0lBQ0gsQ0FBQzs7MEhBYlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsbUlDZDFDLDRrQ0FxQ0E7MkZEdkJhLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSw2QkFBNkI7OEJBSzlCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHJvZHVjdENvc3QgfSBmcm9tICdAdmVuZGFzdGEvbWFya2V0cGxhY2UtYXBwcy92MSc7XG5pbXBvcnQge1xuICBmb3JtYXRDb21taXRtZW50U3RyaW5nLFxuICBmb3JtYXRDdXJyZW5jeUFuZEZyZXF1ZW5jeVN0cmluZyxcbiAgZm9ybWF0UHJpY2UsXG4gIGhhc0NvbW1pdG1lbnQsXG59IGZyb20gJy4uLy4uL3Byb2R1Y3QtaW5mby1zdHJpbmctZm9ybWF0dGluZy9wcm9kdWN0LWluZm8tc3RyaW5nLWZvcm1hdHRpbmcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbXAtY29zdC1wcmljaW5nLWRpc3BsYXknLFxuICB0ZW1wbGF0ZVVybDogJy4vbXAtY29zdC1wcmljaW5nLWRpc3BsYXkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tcC1jb3N0LXByaWNpbmctZGlzcGxheS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNcENvc3RQcmljaW5nRGlzcGxheUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGNvbnRhY3RTYWxlczogYm9vbGVhbjtcbiAgQElucHV0KCkgY29zdERhdGE6IFByb2R1Y3RDb3N0O1xuXG4gIGhhc0NvbW1pdG1lbnQgPSBoYXNDb21taXRtZW50O1xuICBmb3JtYXRQcmljZSA9IGZvcm1hdFByaWNlO1xuICBmb3JtYXRDdXJyZW5jeUFuZEZyZXF1ZW5jeVN0cmluZyA9IGZvcm1hdEN1cnJlbmN5QW5kRnJlcXVlbmN5U3RyaW5nO1xuICBmb3JtYXRDb21taXRtZW50U3RyaW5nID0gZm9ybWF0Q29tbWl0bWVudFN0cmluZztcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuY29zdERhdGEuY3VycmVuY3kpIHtcbiAgICAgIHRoaXMuY29zdERhdGEuY3VycmVuY3kgPSAnVVNEJztcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0aWVyZWQtcHJpY2VcIj5cbiAgPGRpdlxuICAgICpuZ0lmPVwiY29udGFjdFNhbGVzOyBlbHNlIHByaWNpbmdUZW1wbGF0ZVwiXG4gICAgY2xhc3M9XCJwcmljZS1jYXJkLXRpdGxlIHRpZXJlZC1wcmljZVwiXG4gID5cbiAgICB7eyAnRlJPTlRFTkQuU1RPUkUuQ09OVEFDVF9TQUxFUycgfCB0cmFuc2xhdGUgfX1cbiAgPC9kaXY+XG4gIDxuZy10ZW1wbGF0ZSAjcHJpY2luZ1RlbXBsYXRlPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb3N0RGF0YS5jb3N0ID4gMDsgZWxzZSBmcmVlXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicHJpY2UtY2FyZC10aXRsZVwiPlxuICAgICAgICB7eyBmb3JtYXRQcmljZShjb3N0RGF0YS5jdXJyZW5jeSwgY29zdERhdGEuY29zdCkgfX1cbiAgICAgICAgPGRpdiBjbGFzcz1cImN1cnJlbmN5LWZyZXF1ZW5jeVwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3VidGl0bGVcIj5cbiAgICAgICAgICAgIHt7XG4gICAgICAgICAgICAgIGZvcm1hdEN1cnJlbmN5QW5kRnJlcXVlbmN5U3RyaW5nKFxuICAgICAgICAgICAgICAgIGNvc3REYXRhLmN1cnJlbmN5LFxuICAgICAgICAgICAgICAgIGNvc3REYXRhLmZyZXF1ZW5jeVxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9fVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgKm5nSWY9XCJoYXNDb21taXRtZW50KGNvc3REYXRhLmNvbW1pdG1lbnQsIGNvc3REYXRhLmZyZXF1ZW5jeSlcIlxuICAgICAgICBjbGFzcz1cImZvb3RlclwiXG4gICAgICA+XG4gICAgICAgICp7eyBmb3JtYXRDb21taXRtZW50U3RyaW5nKGNvc3REYXRhLmNvbW1pdG1lbnQsIGNvc3REYXRhLmZyZXF1ZW5jeSkgfX1cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L25nLXRlbXBsYXRlPlxuXG4gIDxuZy10ZW1wbGF0ZSAjZnJlZT5cbiAgICA8ZGl2IGNsYXNzPVwicHJpY2UtY2FyZC10aXRsZVwiPlxuICAgICAge3sgJ0ZST05URU5ELlNUT1JFLkZSRUUnIHwgdHJhbnNsYXRlIH19XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbiJdfQ==