@vendasta/store/esm2020/lib/order-summary/order-summary.component.mjs

Components and data for Store

import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../order-form/order-item-list/order-item-list.component";
import * as i2 from "@angular/material/divider";
import * as i3 from "./order-summarized-totals/order-summarized-totals.component";
import * as i4 from "./contract-estimated-total/contract-estimated-total.component";
import * as i5 from "./order-summarized-charges/order-summarized-charges.component";
import * as i6 from "@angular/common";
export class OrderSummaryComponent {
    constructor() {
        this.showPricing = true;
    }
}
OrderSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: OrderSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OrderSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: OrderSummaryComponent, selector: "app-order-summary", inputs: { orderItems: "orderItems", taxOptions: "taxOptions", duration: "duration", loading: "loading", expanded: "expanded", showPricing: "showPricing", partnerId: "partnerId", marketId: "marketId" }, ngImport: i0, template: "<ng-container *ngIf=\"!loading; else loadingShimmer\">\n  <app-order-item-list\n    [showPricing]=\"showPricing\"\n    [orderItems]=\"orderItems\"\n    [partnerId]=\"partnerId\"\n    [marketId]=\"marketId\"\n  ></app-order-item-list>\n\n  <ng-container *ngIf=\"showPricing\">\n    <div class=\"order-summary-divider\">\n      <mat-divider></mat-divider>\n    </div>\n    <app-order-summarized-totals\n      [orderItems]=\"orderItems\"\n      [taxOptions]=\"taxOptions\"\n    ></app-order-summarized-totals>\n  </ng-container>\n\n  <ng-container *ngIf=\"duration && showPricing\">\n    <hr />\n    <app-contract-estimated-total\n      [orderItems]=\"orderItems\"\n      [taxOptions]=\"taxOptions\"\n      [duration]=\"duration\"\n    ></app-contract-estimated-total>\n  </ng-container>\n\n  <ng-container *ngIf=\"showPricing\">\n    <app-order-summarized-charges\n      [orderItems]=\"orderItems\"\n      [taxOptions]=\"taxOptions\"\n      [expanded]=\"expanded\"\n    ></app-order-summarized-charges>\n  </ng-container>\n</ng-container>\n<ng-template #loadingShimmer>\n  <div class=\"stencil-shimmer\"></div>\n  <div class=\"stencil-shimmer total-shimmer\"></div>\n</ng-template>\n", styles: ["::ng-deep mat-expansion-panel.charges-panel.mat-expansion-panel{margin:12px -16px -16px;border-top:1px solid rgba(0,0,0,.12)}.order-summary-divider{padding:12px 0}.stencil-shimmer{width:100%;height:100px}.total-shimmer{width:100%;margin-top:16px;height:50px}\n"], components: [{ type: i1.OrderItemListComponent, selector: "app-order-item-list", inputs: ["partnerId", "marketId", "showPricing", "orderItems", "taxOptions", "duration", "hidePricing"] }, { type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i3.OrderSummarizedTotalsComponent, selector: "app-order-summarized-totals", inputs: ["orderItems", "taxOptions"] }, { type: i4.ContractEstimatedTotalComponent, selector: "app-contract-estimated-total", inputs: ["orderItems", "taxOptions", "duration"] }, { type: i5.OrderSummarizedChargesComponent, selector: "app-order-summarized-charges", inputs: ["orderItems", "taxOptions", "expanded"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: OrderSummaryComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-order-summary', template: "<ng-container *ngIf=\"!loading; else loadingShimmer\">\n  <app-order-item-list\n    [showPricing]=\"showPricing\"\n    [orderItems]=\"orderItems\"\n    [partnerId]=\"partnerId\"\n    [marketId]=\"marketId\"\n  ></app-order-item-list>\n\n  <ng-container *ngIf=\"showPricing\">\n    <div class=\"order-summary-divider\">\n      <mat-divider></mat-divider>\n    </div>\n    <app-order-summarized-totals\n      [orderItems]=\"orderItems\"\n      [taxOptions]=\"taxOptions\"\n    ></app-order-summarized-totals>\n  </ng-container>\n\n  <ng-container *ngIf=\"duration && showPricing\">\n    <hr />\n    <app-contract-estimated-total\n      [orderItems]=\"orderItems\"\n      [taxOptions]=\"taxOptions\"\n      [duration]=\"duration\"\n    ></app-contract-estimated-total>\n  </ng-container>\n\n  <ng-container *ngIf=\"showPricing\">\n    <app-order-summarized-charges\n      [orderItems]=\"orderItems\"\n      [taxOptions]=\"taxOptions\"\n      [expanded]=\"expanded\"\n    ></app-order-summarized-charges>\n  </ng-container>\n</ng-container>\n<ng-template #loadingShimmer>\n  <div class=\"stencil-shimmer\"></div>\n  <div class=\"stencil-shimmer total-shimmer\"></div>\n</ng-template>\n", styles: ["::ng-deep mat-expansion-panel.charges-panel.mat-expansion-panel{margin:12px -16px -16px;border-top:1px solid rgba(0,0,0,.12)}.order-summary-divider{padding:12px 0}.stencil-shimmer{width:100%;height:100px}.total-shimmer{width:100%;margin-top:16px;height:50px}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { orderItems: [{
                type: Input
            }], taxOptions: [{
                type: Input
            }], duration: [{
                type: Input
            }], loading: [{
                type: Input
            }], expanded: [{
                type: Input
            }], showPricing: [{
                type: Input
            }], partnerId: [{
                type: Input
            }], marketId: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3JkZXItc3VtbWFyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N0b3JlL3NyYy9saWIvb3JkZXItc3VtbWFyeS9vcmRlci1zdW1tYXJ5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3RvcmUvc3JjL2xpYi9vcmRlci1zdW1tYXJ5L29yZGVyLXN1bW1hcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBU2pELE1BQU0sT0FBTyxxQkFBcUI7SUFVaEM7UUFKUyxnQkFBVyxHQUFZLElBQUksQ0FBQztJQUl0QixDQUFDOztrSEFWTCxxQkFBcUI7c0dBQXJCLHFCQUFxQixtUUNUbEMsK3BDQXVDQTsyRkQ5QmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG1CQUFtQjswRUFLcEIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEdXJhdGlvbkludGVyZmFjZSB9IGZyb20gJ0B2ZW5kYXN0YS9zYWxlcy1vcmRlcnMnO1xuaW1wb3J0IHsgVGF4T3B0aW9uLCBVSUxpbmVJdGVtIH0gZnJvbSAnLi4vb3JkZXItZm9ybS9vcmRlci1pdGVtLWxpc3QvaW50ZXJmYWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLW9yZGVyLXN1bW1hcnknLFxuICB0ZW1wbGF0ZVVybDogJy4vb3JkZXItc3VtbWFyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29yZGVyLXN1bW1hcnkuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgT3JkZXJTdW1tYXJ5Q29tcG9uZW50IHtcbiAgQElucHV0KCkgb3JkZXJJdGVtczogVUlMaW5lSXRlbVtdO1xuICBASW5wdXQoKSB0YXhPcHRpb25zOiBUYXhPcHRpb25bXTtcbiAgQElucHV0KCkgZHVyYXRpb246IER1cmF0aW9uSW50ZXJmYWNlO1xuICBASW5wdXQoKSBsb2FkaW5nOiBib29sZWFuO1xuICBASW5wdXQoKSBleHBhbmRlZDogYm9vbGVhbjtcbiAgQElucHV0KCkgc2hvd1ByaWNpbmc6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBwYXJ0bmVySWQ6IHN0cmluZztcbiAgQElucHV0KCkgbWFya2V0SWQ6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWxvYWRpbmc7IGVsc2UgbG9hZGluZ1NoaW1tZXJcIj5cbiAgPGFwcC1vcmRlci1pdGVtLWxpc3RcbiAgICBbc2hvd1ByaWNpbmddPVwic2hvd1ByaWNpbmdcIlxuICAgIFtvcmRlckl0ZW1zXT1cIm9yZGVySXRlbXNcIlxuICAgIFtwYXJ0bmVySWRdPVwicGFydG5lcklkXCJcbiAgICBbbWFya2V0SWRdPVwibWFya2V0SWRcIlxuICA+PC9hcHAtb3JkZXItaXRlbS1saXN0PlxuXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93UHJpY2luZ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJvcmRlci1zdW1tYXJ5LWRpdmlkZXJcIj5cbiAgICAgIDxtYXQtZGl2aWRlcj48L21hdC1kaXZpZGVyPlxuICAgIDwvZGl2PlxuICAgIDxhcHAtb3JkZXItc3VtbWFyaXplZC10b3RhbHNcbiAgICAgIFtvcmRlckl0ZW1zXT1cIm9yZGVySXRlbXNcIlxuICAgICAgW3RheE9wdGlvbnNdPVwidGF4T3B0aW9uc1wiXG4gICAgPjwvYXBwLW9yZGVyLXN1bW1hcml6ZWQtdG90YWxzPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiZHVyYXRpb24gJiYgc2hvd1ByaWNpbmdcIj5cbiAgICA8aHIgLz5cbiAgICA8YXBwLWNvbnRyYWN0LWVzdGltYXRlZC10b3RhbFxuICAgICAgW29yZGVySXRlbXNdPVwib3JkZXJJdGVtc1wiXG4gICAgICBbdGF4T3B0aW9uc109XCJ0YXhPcHRpb25zXCJcbiAgICAgIFtkdXJhdGlvbl09XCJkdXJhdGlvblwiXG4gICAgPjwvYXBwLWNvbnRyYWN0LWVzdGltYXRlZC10b3RhbD5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dQcmljaW5nXCI+XG4gICAgPGFwcC1vcmRlci1zdW1tYXJpemVkLWNoYXJnZXNcbiAgICAgIFtvcmRlckl0ZW1zXT1cIm9yZGVySXRlbXNcIlxuICAgICAgW3RheE9wdGlvbnNdPVwidGF4T3B0aW9uc1wiXG4gICAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuICAgID48L2FwcC1vcmRlci1zdW1tYXJpemVkLWNoYXJnZXM+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG48bmctdGVtcGxhdGUgI2xvYWRpbmdTaGltbWVyPlxuICA8ZGl2IGNsYXNzPVwic3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdGVuY2lsLXNoaW1tZXIgdG90YWwtc2hpbW1lclwiPjwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==