@vendasta/store/esm5/lib/pricing/table-pricing/table-pricing.component.js

Components and data for Store

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import * as tslib_1 from "tslib";
import { Component } from '@angular/core';
import { VaPricingComponent } from '../pricing.component';
var TablePricingComponent = /** @class */ (function (_super) {
    tslib_1.__extends(TablePricingComponent, _super);
    function TablePricingComponent() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    TablePricingComponent.decorators = [
        { type: Component, args: [{
                    selector: 'table-pricing',
                    template: "<ng-container *ngIf=\"loaded; else loading\">\n    <div *ngIf=\"hasVerifiedContract && billedProduct; else usePricing\">\n        <div class=\"price-container\" *ngIf=\"isFlatPrice(billedProduct); else notFlatPrice\">\n            <div class=\"price\">\n                {{buildPriceStringForTier(billedProduct.pricingTiers[0], billedProduct.billingFrequency, billedProduct.pricingTiers[0].isStartingPrice)}}\n            </div>\n        </div>\n        <ng-template #notFlatPrice>\n            <div class=\"price-container--tiered\" *ngIf=\"!isFlatPrice(billedProduct)\">\n                <div class=\"pricing-tier\" *ngFor=\"let tier of billedProduct.pricingTiers\">\n                    <div class=\"pricing-tier__range\">{{buildPricingTierString(tier)}}</div>\n                    <div class=\"pricing-tier__price\">\n                        {{buildPriceStringForTier(tier, billedProduct.billingFrequency, tier.isStartingPrice)}}\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n        <div class=\"commitment\" *ngIf=\"billedProduct && billedProduct.commitment && billedProduct.commitment.initial > 1\">\n          {{ buildCommitmentMessage() }}\n        </div>\n    </div>\n    <ng-template #usePricing>\n        <div class=\"gray-font\">\n            <ng-container *ngIf=\"shouldContactSales; else dontContactSales\">\n                Contact Sales\n            </ng-container>\n            <ng-template #dontContactSales>\n                <ng-container *ngIf=\"isFree; else notFree\">\n                    Free\n                </ng-container>\n                <ng-template #notFree>\n                  {{buildPriceStringForPricing(pricing?.prices[0], pricing?.currency)}}\n                  <div class=\"commitment\" *ngIf=\"billedProduct && billedProduct.commitment && billedProduct.commitment.initial > 1\">\n                    {{ buildCommitmentMessage() }}\n                  </div>\n                </ng-template>\n            </ng-template>\n        </div>\n    </ng-template>\n</ng-container>\n<ng-template #loading>\n    <div class=\"stencil-pricing stencil-shimmer\"></div>\n</ng-template>\n",
                    styles: [":host{color:#616161}.price-container--tiered{font-size:12px;flex-direction:column;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.price-container--tiered .pricing-tier{border-bottom:1px solid #e0e0e0;padding:5px 0;display:flex}.price-container--tiered .pricing-tier:first-child{padding-top:0}.price-container--tiered .pricing-tier:last-child{padding-bottom:0;border-bottom:none}.price-container--tiered .pricing-tier .pricing-tier__range{padding-right:20px;flex:1}.stencil-pricing{height:1em}.commitment{color:#9e9e9e;font-size:12px;font-style:italic}"]
                }] }
    ];
    return TablePricingComponent;
}(VaPricingComponent));
export { TablePricingComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtcHJpY2luZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdmVuZGFzdGEvc3RvcmUvIiwic291cmNlcyI6WyJsaWIvcHJpY2luZy90YWJsZS1wcmljaW5nL3RhYmxlLXByaWNpbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUV4RDtJQUsyQyxpREFBa0I7SUFMN0Q7O0lBTUEsQ0FBQzs7Z0JBTkEsU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxlQUFlO29CQUN6QiwwbkVBQTZDOztpQkFFaEQ7O0lBRUQsNEJBQUM7Q0FBQSxBQU5ELENBSzJDLGtCQUFrQixHQUM1RDtTQURZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VmFQcmljaW5nQ29tcG9uZW50fSBmcm9tICcuLi9wcmljaW5nLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndGFibGUtcHJpY2luZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLXByaWNpbmcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RhYmxlLXByaWNpbmcuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGFibGVQcmljaW5nQ29tcG9uZW50IGV4dGVuZHMgVmFQcmljaW5nQ29tcG9uZW50IHtcbn1cbiJdfQ==