import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/router";
import * as i3 from "angular-svg-icon";
import * as i4 from "@angular/material/button";
import * as i5 from "@angular/material/list";
import * as i6 from "@angular/material/card";
import * as i7 from "../directives/material-elevation.directive";
export class SubscriptionBoxComponent {
    constructor() { }
    ngOnInit() {
    }
    onClickRouteLink(link) {
        if (link?.externalLink) {
            window.open(link.externalLink, "_blank");
        }
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SubscriptionBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SubscriptionBoxComponent, selector: "mobicloud-subscription-box", inputs: { subscription: "subscription" }, ngImport: i0, template: "<mat-card class=\"app-card\" appMaterialElevation defaultElevation=\"1\">\n    <div class=\"app-card-img-container justify-center\">\n      <!-- <mat-icon svgIcon=\"{{subscription.svgName}}\" inline=\"true\"></mat-icon> -->\n      <svg-icon name=\"{{subscription?.svgName}}\" svgClass=\"app-card-img-icon\"></svg-icon>\n      <div></div>\n    </div>\n    <mat-card-header class=\"app-card-header justify-center\">\n      <mat-card-title class=\"app-card-title justify-center\">{{subscription?.caption}}</mat-card-title>\n      <mat-card-subtitle *ngIf=\"subscription && subscription.highlightText\" class=\"app-card-highlightText justify-center\">{{subscription?.highlightText}}</mat-card-subtitle>\n    </mat-card-header>\n    <mat-card-content class=\"app-card-content\" *ngIf=\"subscription && subscription.keyBullets\">\n      <mat-list-item>\n        <mat-list-item>\n          <div class=\"app-card-listitem flex flex-row\" *ngFor=\"let keyBullet of subscription.keyBullets\">\n            <!-- <mat-icon svgIcon=\"mobicloud_check_rounded\" mat-list-icon class=\"app-card-listitem-icon\"></mat-icon> -->\n            <svg-icon name=\"mobicloud_check_rounded\" svgClass=\"app-card-listitem-icon\"></svg-icon>\n            <div mat-line class=\"app-card-listitem-text\">{{keyBullet}}</div>\n          </div>\n        </mat-list-item>\n      </mat-list-item>\n    </mat-card-content>\n    <ng-container *ngFor=\"let link of subscription?.links; index as i\">\n        <mat-card-actions class=\"app-card-actions justify-center items-end\" *ngIf=\"i%2 == 0\">\n          <div class=\"col\" class=\"app-card-action-btn-container\">\n            <button mat-raised-button *ngIf=\"subscription\" [color]=\"subscription.color ? subscription.color : 'primary'\" class=\"app-card-action-btn\" [routerLink]=\"subscription?.links[i]?.routelink\" (click)=\"onClickRouteLink(subscription?.links[i]);\">{{subscription.links[i]?.caption}}</button>\n          </div>\n          <div class=\"col\" class=\"app-card-action-btn-container\" *ngIf=\"subscription && subscription.links && ((i+1) < subscription.links.length)\">\n            <button mat-raised-button *ngIf=\"subscription\" [color]=\"subscription.color ? subscription.color : 'primary'\" class=\"app-card-action-btn\" [routerLink]=\"subscription?.links[i+1]?.routelink\" (click)=\"onClickRouteLink(subscription?.links[i+1]);\">{{subscription.links[i+1]?.caption}}</button>\n          </div>      \n        </mat-card-actions>\n  </ng-container>\n  </mat-card>", styles: [".app-card{max-width:210px;min-width:210px;padding-bottom:20px}.app-card-img-container{height:66px;margin-bottom:20px}.app-card-img-icon{fill:var(--default-main-iconcolor);width:64px;height:64px;margin:0!important;padding:0!important}.app-card-img-icon .color1{fill:var(--default-main-iconcolor1)}.app-card-header{justify-content:center;margin-bottom:10px}.app-card-title{color:var(--default-textcolor-dark);font-size:large;font-weight:700;padding-bottom:8px}.app-card-highlightText{color:var(--default-basecolor-dark);font-size:x-large;font-weight:700}.app-card-content{margin-left:15px;padding-bottom:2px}.app-card-listitem{background-color:transparent;margin-bottom:10px}.app-card-listitem-icon{fill:var(--default-main-iconcolor);margin-top:5px;width:16px;height:16px}.app-card-listitem-icon .color1{fill:var(--default-main-iconcolor1)}.app-card-listitem-text{display:flex;justify-content:center;align-content:center;flex-direction:column;margin-left:10px}.app-card-actions{padding:0}.app-card-action-btn-container{width:100%;height:50px;margin-right:5px;margin-left:5px}.app-card-action-btn{width:100%;height:100%;color:var(--default-textcolor-light)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i6.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i6.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i6.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i7.MaterialElevationDirective, selector: "[appMaterialElevation]", inputs: ["defaultElevation", "raisedElevation"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SubscriptionBoxComponent, decorators: [{
            type: Component,
            args: [{ selector: 'mobicloud-subscription-box', template: "<mat-card class=\"app-card\" appMaterialElevation defaultElevation=\"1\">\n    <div class=\"app-card-img-container justify-center\">\n      <!-- <mat-icon svgIcon=\"{{subscription.svgName}}\" inline=\"true\"></mat-icon> -->\n      <svg-icon name=\"{{subscription?.svgName}}\" svgClass=\"app-card-img-icon\"></svg-icon>\n      <div></div>\n    </div>\n    <mat-card-header class=\"app-card-header justify-center\">\n      <mat-card-title class=\"app-card-title justify-center\">{{subscription?.caption}}</mat-card-title>\n      <mat-card-subtitle *ngIf=\"subscription && subscription.highlightText\" class=\"app-card-highlightText justify-center\">{{subscription?.highlightText}}</mat-card-subtitle>\n    </mat-card-header>\n    <mat-card-content class=\"app-card-content\" *ngIf=\"subscription && subscription.keyBullets\">\n      <mat-list-item>\n        <mat-list-item>\n          <div class=\"app-card-listitem flex flex-row\" *ngFor=\"let keyBullet of subscription.keyBullets\">\n            <!-- <mat-icon svgIcon=\"mobicloud_check_rounded\" mat-list-icon class=\"app-card-listitem-icon\"></mat-icon> -->\n            <svg-icon name=\"mobicloud_check_rounded\" svgClass=\"app-card-listitem-icon\"></svg-icon>\n            <div mat-line class=\"app-card-listitem-text\">{{keyBullet}}</div>\n          </div>\n        </mat-list-item>\n      </mat-list-item>\n    </mat-card-content>\n    <ng-container *ngFor=\"let link of subscription?.links; index as i\">\n        <mat-card-actions class=\"app-card-actions justify-center items-end\" *ngIf=\"i%2 == 0\">\n          <div class=\"col\" class=\"app-card-action-btn-container\">\n            <button mat-raised-button *ngIf=\"subscription\" [color]=\"subscription.color ? subscription.color : 'primary'\" class=\"app-card-action-btn\" [routerLink]=\"subscription?.links[i]?.routelink\" (click)=\"onClickRouteLink(subscription?.links[i]);\">{{subscription.links[i]?.caption}}</button>\n          </div>\n          <div class=\"col\" class=\"app-card-action-btn-container\" *ngIf=\"subscription && subscription.links && ((i+1) < subscription.links.length)\">\n            <button mat-raised-button *ngIf=\"subscription\" [color]=\"subscription.color ? subscription.color : 'primary'\" class=\"app-card-action-btn\" [routerLink]=\"subscription?.links[i+1]?.routelink\" (click)=\"onClickRouteLink(subscription?.links[i+1]);\">{{subscription.links[i+1]?.caption}}</button>\n          </div>      \n        </mat-card-actions>\n  </ng-container>\n  </mat-card>", styles: [".app-card{max-width:210px;min-width:210px;padding-bottom:20px}.app-card-img-container{height:66px;margin-bottom:20px}.app-card-img-icon{fill:var(--default-main-iconcolor);width:64px;height:64px;margin:0!important;padding:0!important}.app-card-img-icon .color1{fill:var(--default-main-iconcolor1)}.app-card-header{justify-content:center;margin-bottom:10px}.app-card-title{color:var(--default-textcolor-dark);font-size:large;font-weight:700;padding-bottom:8px}.app-card-highlightText{color:var(--default-basecolor-dark);font-size:x-large;font-weight:700}.app-card-content{margin-left:15px;padding-bottom:2px}.app-card-listitem{background-color:transparent;margin-bottom:10px}.app-card-listitem-icon{fill:var(--default-main-iconcolor);margin-top:5px;width:16px;height:16px}.app-card-listitem-icon .color1{fill:var(--default-main-iconcolor1)}.app-card-listitem-text{display:flex;justify-content:center;align-content:center;flex-direction:column;margin-left:10px}.app-card-actions{padding:0}.app-card-action-btn-container{width:100%;height:50px;margin-right:5px;margin-left:5px}.app-card-action-btn{width:100%;height:100%;color:var(--default-textcolor-light)}\n"] }]
        }], ctorParameters: () => [], propDecorators: { subscription: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 