@jooler/jooler-websites-shared 0.0.237-beta.0 → 0.0.239

package/esm2020/lib/values/values.component.mjs

@@ -1,43 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/layout";
-import * as i2 from "@fortawesome/angular-fontawesome";
-import * as i3 from "@angular/common";
-import * as i4 from "primeng/api";
-import * as i5 from "primeng/carousel";
-import * as i6 from "../section-title/section-title.component";
-export class ValuesComponent {
-    constructor(breakpointObserver) {
-        this.breakpointObserver = breakpointObserver;
-        this.withBgImage = false;
-    }
-    ngOnInit() {
-        this.breakpointObserver.observe([
-            "(max-width: 1200px)"
-        ]).subscribe((result) => {
-            if (result.matches) {
-                this.isTabletSize = true;
-            }
-            else {
-                this.isTabletSize = false;
-            }
-        });
-        this.newSectionContent = this.sectionContent;
-        for (let card of this.newSectionContent.cards) {
-            this.newSectionContent.newIcon = card.icon;
-        }
-    }
-}
-ValuesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuesComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
-ValuesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ValuesComponent, selector: "values", inputs: { sectionContent: "sectionContent", withBgImage: "withBgImage", isDarkBg: "isDarkBg" }, ngImport: i0, template: "<div class=\"page\">\r\n    <section-title [sectionTitle]=\"newSectionContent.sectionTitle\"></section-title>\r\n    <div class=\"values-cards\" *ngIf=\"!isTabletSize\">\r\n        <div class=\"card\" *ngFor=\"let card of newSectionContent.cards\">\r\n            <div class=\"card-headline\">\r\n                <div class=\"icon\" *ngIf=\"card.icon\">\r\n                    <fa-icon [icon]=\"card.icon\"></fa-icon>\r\n                </div>\r\n                <div class=\"image\" *ngIf=\"!card.icon\">\r\n                    <img loading=\"lazy\" [src]=\"card.image\" alt=\"\">\r\n                </div>\r\n                <div class=\"subtitle\">\r\n                    {{card.title}}\r\n                </div>\r\n            </div>\r\n            <div class=\"value-description\">\r\n                {{card.subtitle}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"value-cards\" *ngIf=\"isTabletSize\">\r\n        <p-carousel class=\"custom\" [value]=\"newSectionContent.cards\" [numVisible]='1' [numScroll]='1' [page]=\"0\" orientation=\"horizontal\" [circular]=\"true\">\r\n            <ng-template let-card pTemplate=\"item\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-headline\">\r\n                        <div class=\"icon\" *ngIf=\"card.icon\">\r\n                            <fa-icon [icon]=\"card.icon\"></fa-icon>\r\n                        </div>\r\n                        <div class=\"image\" *ngIf=\"!card.icon\">\r\n                            <img loading=\"lazy\" [src]=\"card.image\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"subtitle\">\r\n                            {{card.title}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"value-description\">\r\n                        {{card.subtitle}}\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </p-carousel>\r\n    </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;grid-template-rows:auto auto auto auto;margin-top:5rem;align-items:center;position:relative;row-gap:2rem}.page .background-image{width:100%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.page .values-cards{grid-row:4;display:grid;grid-template-columns:49% 49%;grid-template-rows:auto auto;place-content:center;gap:3REM;z-index:2;margin:auto;width:60%}.page .card{background-color:#fff;color:#32353b;padding:1rem 2rem;border-radius:2rem;border:.1rem solid #D8D8D8;box-shadow:.2rem .2rem .4rem #00000040;display:flex;flex-direction:column;row-gap:1rem}.page .card .card-headline{display:flex;flex-direction:row;column-gap:2rem;align-items:center}.page .card .icon{color:#155ed4;font-size:3rem}.page .card .image img{width:4rem;height:4rem;aspect-ratio:3/2;object-fit:contain}.page .card .subtitle{font-weight:700;font-size:2.4rem}.page .card .value-description{font-weight:400;font-size:1.4rem}@media only screen and (max-width: 75em){.page{height:auto;display:block}.page .values-cards{margin-top:3rem;display:block;width:100%}.page .card{width:70%;width:90%;margin:2rem auto}}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Carousel, selector: "p-carousel", inputs: ["page", "numVisible", "numScroll", "responsiveOptions", "orientation", "verticalViewPortHeight", "contentClass", "indicatorsContentClass", "indicatorsContentStyle", "indicatorStyleClass", "indicatorStyle", "value", "circular", "showIndicators", "showNavigators", "autoplayInterval", "style", "styleClass"], outputs: ["onPage"] }, { kind: "component", type: i6.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'values', template: "<div class=\"page\">\r\n    <section-title [sectionTitle]=\"newSectionContent.sectionTitle\"></section-title>\r\n    <div class=\"values-cards\" *ngIf=\"!isTabletSize\">\r\n        <div class=\"card\" *ngFor=\"let card of newSectionContent.cards\">\r\n            <div class=\"card-headline\">\r\n                <div class=\"icon\" *ngIf=\"card.icon\">\r\n                    <fa-icon [icon]=\"card.icon\"></fa-icon>\r\n                </div>\r\n                <div class=\"image\" *ngIf=\"!card.icon\">\r\n                    <img loading=\"lazy\" [src]=\"card.image\" alt=\"\">\r\n                </div>\r\n                <div class=\"subtitle\">\r\n                    {{card.title}}\r\n                </div>\r\n            </div>\r\n            <div class=\"value-description\">\r\n                {{card.subtitle}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"value-cards\" *ngIf=\"isTabletSize\">\r\n        <p-carousel class=\"custom\" [value]=\"newSectionContent.cards\" [numVisible]='1' [numScroll]='1' [page]=\"0\" orientation=\"horizontal\" [circular]=\"true\">\r\n            <ng-template let-card pTemplate=\"item\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-headline\">\r\n                        <div class=\"icon\" *ngIf=\"card.icon\">\r\n                            <fa-icon [icon]=\"card.icon\"></fa-icon>\r\n                        </div>\r\n                        <div class=\"image\" *ngIf=\"!card.icon\">\r\n                            <img loading=\"lazy\" [src]=\"card.image\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"subtitle\">\r\n                            {{card.title}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"value-description\">\r\n                        {{card.subtitle}}\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </p-carousel>\r\n    </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;grid-template-rows:auto auto auto auto;margin-top:5rem;align-items:center;position:relative;row-gap:2rem}.page .background-image{width:100%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.page .values-cards{grid-row:4;display:grid;grid-template-columns:49% 49%;grid-template-rows:auto auto;place-content:center;gap:3REM;z-index:2;margin:auto;width:60%}.page .card{background-color:#fff;color:#32353b;padding:1rem 2rem;border-radius:2rem;border:.1rem solid #D8D8D8;box-shadow:.2rem .2rem .4rem #00000040;display:flex;flex-direction:column;row-gap:1rem}.page .card .card-headline{display:flex;flex-direction:row;column-gap:2rem;align-items:center}.page .card .icon{color:#155ed4;font-size:3rem}.page .card .image img{width:4rem;height:4rem;aspect-ratio:3/2;object-fit:contain}.page .card .subtitle{font-weight:700;font-size:2.4rem}.page .card .value-description{font-weight:400;font-size:1.4rem}@media only screen and (max-width: 75em){.page{height:auto;display:block}.page .values-cards{margin-top:3rem;display:block;width:100%}.page .card{width:70%;width:90%;margin:2rem auto}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
-                type: Input
-            }], withBgImage: [{
-                type: Input
-            }], isDarkBg: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZXMvdmFsdWVzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZXMvdmFsdWVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVV6RCxNQUFNLE9BQU8sZUFBZTtJQU8xQixZQUFvQixrQkFBc0M7UUFBdEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUxqRCxnQkFBVyxHQUFZLEtBQUssQ0FBQztJQVF0QyxDQUFDO0lBQ0QsUUFBUTtRQUVOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7WUFDOUIscUJBQXFCO1NBQ3RCLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUF1QixFQUFFLEVBQUU7WUFDdkMsSUFBSSxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUNsQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQzthQUMxQjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQzthQUMzQjtRQUNILENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxjQUFjLENBQUM7UUFFN0MsS0FBSyxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsS0FBSyxFQUFFO1lBQzdDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQWdCLENBQUM7U0FDeEQ7SUFDSCxDQUFDOzs0R0E1QlUsZUFBZTtnR0FBZixlQUFlLDhJQ1Y1QixrK0RBMENNOzJGRGhDTyxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFFBQVE7eUdBS1QsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tcGFueVZhbHVlcyB9IGZyb20gJy4uL21vZGVscy9hYm91dC11cy1zZWN0aW9uLm1vZGVsJztcclxuaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyLCBCcmVha3BvaW50U3RhdGUgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcclxuaW1wb3J0IHsgSWNvbk5hbWUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2YWx1ZXMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi92YWx1ZXMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi92YWx1ZXMuY29tcG9uZW50LnNjc3MnIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFZhbHVlc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IENvbXBhbnlWYWx1ZXM7XHJcbiAgQElucHV0KCkgd2l0aEJnSW1hZ2U6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBpc0RhcmtCZzogYm9vbGVhbjtcclxuICBpc1RhYmxldFNpemU6IGJvb2xlYW47XHJcbiAgbmV3U2VjdGlvbkNvbnRlbnQ6IGFueTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBicmVha3BvaW50T2JzZXJ2ZXI6IEJyZWFrcG9pbnRPYnNlcnZlclxyXG4gICkge1xyXG5cclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcblxyXG4gICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXIub2JzZXJ2ZShbXHJcbiAgICAgIFwiKG1heC13aWR0aDogMTIwMHB4KVwiXHJcbiAgICBdKS5zdWJzY3JpYmUoKHJlc3VsdDogQnJlYWtwb2ludFN0YXRlKSA9PiB7XHJcbiAgICAgIGlmIChyZXN1bHQubWF0Y2hlcykge1xyXG4gICAgICAgIHRoaXMuaXNUYWJsZXRTaXplID0gdHJ1ZTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLmlzVGFibGV0U2l6ZSA9IGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuXHJcbiAgICB0aGlzLm5ld1NlY3Rpb25Db250ZW50ID0gdGhpcy5zZWN0aW9uQ29udGVudDtcclxuXHJcbiAgICBmb3IgKGxldCBjYXJkIG9mIHRoaXMubmV3U2VjdGlvbkNvbnRlbnQuY2FyZHMpIHtcclxuICAgICAgdGhpcy5uZXdTZWN0aW9uQ29udGVudC5uZXdJY29uID0gY2FyZC5pY29uIGFzIEljb25OYW1lO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicGFnZVwiPlxyXG4gICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJuZXdTZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XHJcbiAgICA8ZGl2IGNsYXNzPVwidmFsdWVzLWNhcmRzXCIgKm5nSWY9XCIhaXNUYWJsZXRTaXplXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmRcIiAqbmdGb3I9XCJsZXQgY2FyZCBvZiBuZXdTZWN0aW9uQ29udGVudC5jYXJkc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkbGluZVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImljb25cIiAqbmdJZj1cImNhcmQuaWNvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cImNhcmQuaWNvblwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlXCIgKm5nSWY9XCIhY2FyZC5pY29uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIFtzcmNdPVwiY2FyZC5pbWFnZVwiIGFsdD1cIlwiPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3VidGl0bGVcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e2NhcmQudGl0bGV9fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWUtZGVzY3JpcHRpb25cIj5cclxuICAgICAgICAgICAgICAgIHt7Y2FyZC5zdWJ0aXRsZX19XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwidmFsdWUtY2FyZHNcIiAqbmdJZj1cImlzVGFibGV0U2l6ZVwiPlxyXG4gICAgICAgIDxwLWNhcm91c2VsIGNsYXNzPVwiY3VzdG9tXCIgW3ZhbHVlXT1cIm5ld1NlY3Rpb25Db250ZW50LmNhcmRzXCIgW251bVZpc2libGVdPScxJyBbbnVtU2Nyb2xsXT0nMScgW3BhZ2VdPVwiMFwiIG9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiIFtjaXJjdWxhcl09XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBsZXQtY2FyZCBwVGVtcGxhdGU9XCJpdGVtXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRsaW5lXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uXCIgKm5nSWY9XCJjYXJkLmljb25cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cImNhcmQuaWNvblwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZVwiICpuZ0lmPVwiIWNhcmQuaWNvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIFtzcmNdPVwiY2FyZC5pbWFnZVwiIGFsdD1cIlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2NhcmQudGl0bGV9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWUtZGVzY3JpcHRpb25cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAge3tjYXJkLnN1YnRpdGxlfX1cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDwvcC1jYXJvdXNlbD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2020/lib/vertical-side-tabs/vertical-side-tabs.component.mjs

@@ -1,33 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@fortawesome/angular-fontawesome";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/card";
-export class VerticalSideTabsComponent {
-    constructor() {
-        this.panelOpenState = false;
-        this.selectedOption = [];
-        this.tabChanged = new EventEmitter();
-    }
-    ngOnInit() {
-        this.changeTab(0);
-    }
-    changeTab(index) {
-        for (let i = 0; i < this.tabs.length; i++) {
-            this.selectedOption[i] = false;
-        }
-        this.selectedOption[index] = true;
-        this.tabChanged.emit(this.tabs[index].tabContent);
-    }
-}
-VerticalSideTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VerticalSideTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VerticalSideTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: VerticalSideTabsComponent, selector: "vertical-side-tabs", inputs: { tabs: "tabs" }, outputs: { tabChanged: "tabChanged" }, ngImport: i0, template: "<mat-card class=\"as-items\">\r\n    <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\r\n        <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \r\n        'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\r\n            <div class=\"icon-text\">\r\n                <div class=\"icon\"><fa-icon [icon]=\"tab.iconName\" class=\"tab-icon\"></fa-icon></div>\r\n                <h3 class=\"text\">\r\n                    {{tab.title}}\r\n                </h3>\r\n            </div>\r\n        </button>\r\n    </div>\r\n</mat-card>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.as-items{padding:2rem 1rem;border:.1rem solid #f7f8f9;border-radius:1rem;display:flex;flex-direction:column;height:100%}.as-items .as-btn{border:none;border-left:.3rem solid rgba(50,53,59,.6);margin:auto;width:100%;text-align:left;display:inline;padding:2rem 4%;transition:all ease-in-out .1s;cursor:pointer}.as-items .as-btn:hover{border-left:.3rem solid #32353B;color:#32353b}.as-items .icon-text{display:flex;align-items:center;padding:0 .5rem;font-family:inherit}.as-items .icon-text .icon{display:inline-block;vertical-align:middle;margin-right:2rem}.as-items .icon-text .icon fa-icon.tab-icon{width:.2rem;height:.2rem}.as-items .item-not-clicked{color:#32353b99;background-color:#fff}.as-items .item-clicked{background-color:#fff;border-left:.3rem solid #155ED4;color:#155ed4}.as-items .item-clicked:hover{border-left:.3rem solid #155ED4;color:#155ed4}@media only screen and (max-width: 56.25em){.as-items{flex-direction:row;width:100%}.as-items .as-btn{border:none;border-bottom:.3rem solid rgba(50,53,59,.6)}.as-items .as-btn:hover{border-left:none;border-bottom:.3rem solid #32353B;color:#32353b}.as-items .item-clicked{border-bottom:.3rem solid #155ED4}.as-items .item-clicked:hover{border-left:none;border-bottom:.3rem solid #155ED4;color:#155ed4}.as-items .as-item{flex-grow:1;width:auto}.as-items .icon-text{flex-direction:column;text-align:center}}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VerticalSideTabsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vertical-side-tabs', template: "<mat-card class=\"as-items\">\r\n    <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\r\n        <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \r\n        'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\r\n            <div class=\"icon-text\">\r\n                <div class=\"icon\"><fa-icon [icon]=\"tab.iconName\" class=\"tab-icon\"></fa-icon></div>\r\n                <h3 class=\"text\">\r\n                    {{tab.title}}\r\n                </h3>\r\n            </div>\r\n        </button>\r\n    </div>\r\n</mat-card>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.as-items{padding:2rem 1rem;border:.1rem solid #f7f8f9;border-radius:1rem;display:flex;flex-direction:column;height:100%}.as-items .as-btn{border:none;border-left:.3rem solid rgba(50,53,59,.6);margin:auto;width:100%;text-align:left;display:inline;padding:2rem 4%;transition:all ease-in-out .1s;cursor:pointer}.as-items .as-btn:hover{border-left:.3rem solid #32353B;color:#32353b}.as-items .icon-text{display:flex;align-items:center;padding:0 .5rem;font-family:inherit}.as-items .icon-text .icon{display:inline-block;vertical-align:middle;margin-right:2rem}.as-items .icon-text .icon fa-icon.tab-icon{width:.2rem;height:.2rem}.as-items .item-not-clicked{color:#32353b99;background-color:#fff}.as-items .item-clicked{background-color:#fff;border-left:.3rem solid #155ED4;color:#155ed4}.as-items .item-clicked:hover{border-left:.3rem solid #155ED4;color:#155ed4}@media only screen and (max-width: 56.25em){.as-items{flex-direction:row;width:100%}.as-items .as-btn{border:none;border-bottom:.3rem solid rgba(50,53,59,.6)}.as-items .as-btn:hover{border-left:none;border-bottom:.3rem solid #32353B;color:#32353b}.as-items .item-clicked{border-bottom:.3rem solid #155ED4}.as-items .item-clicked:hover{border-left:none;border-bottom:.3rem solid #155ED4;color:#155ed4}.as-items .as-item{flex-grow:1;width:auto}.as-items .icon-text{flex-direction:column;text-align:center}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
-                type: Input
-            }], tabChanged: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc2lkZS10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92ZXJ0aWNhbC1zaWRlLXRhYnMvdmVydGljYWwtc2lkZS10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92ZXJ0aWNhbC1zaWRlLXRhYnMvdmVydGljYWwtc2lkZS10YWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9FLE1BQU0sT0FBTyx5QkFBeUI7SUFNcEM7UUFMTyxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUV2QyxtQkFBYyxHQUFjLEVBQUUsQ0FBQztRQUNyQixlQUFVLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFN0MsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNwQixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQWE7UUFDckIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3pDLElBQUksQ0FBQyxjQUFjLENBQUUsQ0FBQyxDQUFFLEdBQUcsS0FBSyxDQUFDO1NBQ2xDO1FBRUQsSUFBSSxDQUFDLGNBQWMsQ0FBRSxLQUFLLENBQUUsR0FBRyxJQUFJLENBQUM7UUFDcEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBRSxLQUFLLENBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN0RCxDQUFDOztzSEFuQlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsMkhDUHRDLDZrQkFZVzsyRkRMRSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usb0JBQW9COzBFQU1yQixJQUFJO3NCQUFaLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVmVydGljYWxTaWRlVGFiIH0gZnJvbSAnLi4vbW9kZWxzL3ZlcnRpY2FsLXNpZGUtdGFiLm1vZGVsJztcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2ZXJ0aWNhbC1zaWRlLXRhYnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi92ZXJ0aWNhbC1zaWRlLXRhYnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi92ZXJ0aWNhbC1zaWRlLXRhYnMuY29tcG9uZW50LnNjc3MnIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFZlcnRpY2FsU2lkZVRhYnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHB1YmxpYyBwYW5lbE9wZW5TdGF0ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRhYnM6IFZlcnRpY2FsU2lkZVRhYltdO1xyXG4gIHNlbGVjdGVkT3B0aW9uOiBib29sZWFuW10gPSBbXTtcclxuICBAT3V0cHV0KCkgdGFiQ2hhbmdlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jaGFuZ2VUYWIoMCk7XHJcbiAgfVxyXG5cclxuICBjaGFuZ2VUYWIoaW5kZXg6IG51bWJlcikge1xyXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLnRhYnMubGVuZ3RoOyBpKyspIHtcclxuICAgICAgdGhpcy5zZWxlY3RlZE9wdGlvblsgaSBdID0gZmFsc2U7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5zZWxlY3RlZE9wdGlvblsgaW5kZXggXSA9IHRydWU7XHJcbiAgICB0aGlzLnRhYkNoYW5nZWQuZW1pdCh0aGlzLnRhYnNbIGluZGV4IF0udGFiQ29udGVudCk7XHJcbiAgfVxyXG59XHJcbiIsIjxtYXQtY2FyZCBjbGFzcz1cImFzLWl0ZW1zXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXMtaXRlbVwiICpuZ0Zvcj1cImxldCB0YWIgb2YgdGFicyA7IGxldCBpID0gaW5kZXhcIj5cclxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYXMtYnRuXCIgW25nQ2xhc3NdPVwieydpdGVtLWNsaWNrZWQnOnNlbGVjdGVkT3B0aW9uW2ldLCBcclxuICAgICAgICAnaXRlbS1ub3QtY2xpY2tlZCc6IXNlbGVjdGVkT3B0aW9uW2ldfVwiIChjbGljayk9XCJjaGFuZ2VUYWIoaSlcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImljb24tdGV4dFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImljb25cIj48ZmEtaWNvbiBbaWNvbl09XCJ0YWIuaWNvbk5hbWVcIiBjbGFzcz1cInRhYi1pY29uXCI+PC9mYS1pY29uPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGgzIGNsYXNzPVwidGV4dFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7dGFiLnRpdGxlfX1cclxuICAgICAgICAgICAgICAgIDwvaDM+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbjwvbWF0LWNhcmQ+Il19