@elxjs/ui 0.0.170
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/fonts/electroluxsans_1_thin-demo.html +795 -0
- package/assets/fonts/electroluxsans_1_thin-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_1_thin-webfont.svg +22258 -0
- package/assets/fonts/electroluxsans_1_thin-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_1_thin-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_1_thin-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_2_light-demo.html +795 -0
- package/assets/fonts/electroluxsans_2_light-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_2_light-webfont.svg +22261 -0
- package/assets/fonts/electroluxsans_2_light-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_2_light-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_2_light-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_3_regular-demo.html +795 -0
- package/assets/fonts/electroluxsans_3_regular-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_3_regular-webfont.svg +21871 -0
- package/assets/fonts/electroluxsans_3_regular-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_3_regular-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_3_regular-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_4_semibold-demo.html +795 -0
- package/assets/fonts/electroluxsans_4_semibold-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_4_semibold-webfont.svg +24128 -0
- package/assets/fonts/electroluxsans_4_semibold-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_4_semibold-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_4_semibold-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_5_bold-demo.html +795 -0
- package/assets/fonts/electroluxsans_5_bold-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_5_bold-webfont.svg +24066 -0
- package/assets/fonts/electroluxsans_5_bold-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_5_bold-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_5_bold-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_oblique_1_thin-demo.html +795 -0
- package/assets/fonts/electroluxsans_oblique_1_thin-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_oblique_1_thin-webfont.svg +22374 -0
- package/assets/fonts/electroluxsans_oblique_1_thin-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_oblique_1_thin-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_oblique_1_thin-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_oblique_2_light-demo.html +795 -0
- package/assets/fonts/electroluxsans_oblique_2_light-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_oblique_2_light-webfont.svg +22439 -0
- package/assets/fonts/electroluxsans_oblique_2_light-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_oblique_2_light-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_oblique_2_light-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_oblique_3_regular-demo.html +795 -0
- package/assets/fonts/electroluxsans_oblique_3_regular-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_oblique_3_regular-webfont.svg +22295 -0
- package/assets/fonts/electroluxsans_oblique_3_regular-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_oblique_3_regular-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_oblique_4_semibold-demo.html +795 -0
- package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.svg +24396 -0
- package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_oblique_5_bold-demo.html +795 -0
- package/assets/fonts/electroluxsans_oblique_5_bold-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_oblique_5_bold-webfont.svg +24409 -0
- package/assets/fonts/electroluxsans_oblique_5_bold-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_oblique_5_bold-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_oblique_5_bold-webfont.woff2 +0 -0
- package/assets/icons/Avatar.svg +5 -0
- package/assets/icons/Bell.svg +5 -0
- package/assets/icons/Block.svg +5 -0
- package/assets/icons/Blocked.svg +3 -0
- package/assets/icons/Book.svg +5 -0
- package/assets/icons/Calendar.svg +5 -0
- package/assets/icons/Camera.svg +3 -0
- package/assets/icons/Cart.svg +8 -0
- package/assets/icons/Chat.svg +6 -0
- package/assets/icons/Check.svg +4 -0
- package/assets/icons/Check_Tick.svg +5 -0
- package/assets/icons/Chevron_Down.svg +3 -0
- package/assets/icons/Chevron_Left.svg +3 -0
- package/assets/icons/Chevron_Left_Double.svg +8 -0
- package/assets/icons/Chevron_Right.svg +3 -0
- package/assets/icons/Chevron_Right_Double.svg +8 -0
- package/assets/icons/Chevron_Up.svg +3 -0
- package/assets/icons/Close.svg +11 -0
- package/assets/icons/Compare_Products.svg +5 -0
- package/assets/icons/Config.svg +5 -0
- package/assets/icons/Config_2.svg +5 -0
- package/assets/icons/Discount.svg +5 -0
- package/assets/icons/Edit.svg +5 -0
- package/assets/icons/Edit_2.svg +7 -0
- package/assets/icons/Eye_Hide.svg +5 -0
- package/assets/icons/Eye_View.svg +4 -0
- package/assets/icons/FAQ.svg +5 -0
- package/assets/icons/Facebook.svg +10 -0
- package/assets/icons/Fridge_And_Freezer.svg +10 -0
- package/assets/icons/Gift.svg +3 -0
- package/assets/icons/Hide.svg +9 -0
- package/assets/icons/Info.svg +6 -0
- package/assets/icons/Instagram.svg +10 -0
- package/assets/icons/Like.svg +3 -0
- package/assets/icons/Like_filled.svg +3 -0
- package/assets/icons/Link.svg +7 -0
- package/assets/icons/Load.svg +18 -0
- package/assets/icons/Loading.webp +0 -0
- package/assets/icons/Location.svg +8 -0
- package/assets/icons/Lock.svg +3 -0
- package/assets/icons/Logo.svg +20 -0
- package/assets/icons/Logo_new.svg +13 -0
- package/assets/icons/Mail.svg +6 -0
- package/assets/icons/Maintenance.svg +9 -0
- package/assets/icons/Nav.svg +5 -0
- package/assets/icons/Phone.svg +5 -0
- package/assets/icons/Pin.svg +3 -0
- package/assets/icons/Plus.svg +8 -0
- package/assets/icons/PriceTag.svg +6 -0
- package/assets/icons/Screwdriver.svg +10 -0
- package/assets/icons/Search.svg +6 -0
- package/assets/icons/Share.svg +3 -0
- package/assets/icons/Shield.svg +6 -0
- package/assets/icons/Star.svg +12 -0
- package/assets/icons/Star_Filled.svg +3 -0
- package/assets/icons/Stars.svg +9 -0
- package/assets/icons/Stars_2.svg +3 -0
- package/assets/icons/Top_Rating.svg +3 -0
- package/assets/icons/Trash.svg +5 -0
- package/assets/icons/Warning.svg +9 -0
- package/assets/icons/Whatsapp.svg +5 -0
- package/assets/icons/Youtube.svg +10 -0
- package/assets/images/placeholder.webp +0 -0
- package/assets/images/placeholder_2.webp +0 -0
- package/assets/images/placeholder_3.webp +0 -0
- package/assets/styles/colors.scss +36 -0
- package/assets/styles/fonts.scss +102 -0
- package/assets/styles/inputs.scss +139 -0
- package/assets/styles/typography.scss +117 -0
- package/esm2022/elxjs-ui.mjs +5 -0
- package/esm2022/index.mjs +2 -0
- package/esm2022/lib/components/accordion/accordion.component.mjs +28 -0
- package/esm2022/lib/components/accordion/index.mjs +2 -0
- package/esm2022/lib/components/arrow-link/arrow-link.component.mjs +29 -0
- package/esm2022/lib/components/arrow-link/index.mjs +2 -0
- package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +48 -0
- package/esm2022/lib/components/breadcrumb/index.mjs +2 -0
- package/esm2022/lib/components/button/button.component.mjs +89 -0
- package/esm2022/lib/components/button/index.mjs +2 -0
- package/esm2022/lib/components/card-1/card1.component.mjs +20 -0
- package/esm2022/lib/components/card-1/index.mjs +2 -0
- package/esm2022/lib/components/card-2/card2.component.mjs +16 -0
- package/esm2022/lib/components/card-2/index.mjs +2 -0
- package/esm2022/lib/components/card-3/card3.component.mjs +18 -0
- package/esm2022/lib/components/card-3/index.mjs +2 -0
- package/esm2022/lib/components/card-4/card4.component.mjs +16 -0
- package/esm2022/lib/components/card-4/index.mjs +2 -0
- package/esm2022/lib/components/carousel/carousel.component.mjs +155 -0
- package/esm2022/lib/components/carousel/index.mjs +2 -0
- package/esm2022/lib/components/chip/chip.component.mjs +27 -0
- package/esm2022/lib/components/chip/index.mjs +2 -0
- package/esm2022/lib/components/datatable/datatable.component.mjs +148 -0
- package/esm2022/lib/components/datatable/datatable.component.types.mjs +2 -0
- package/esm2022/lib/components/datatable/index.mjs +3 -0
- package/esm2022/lib/components/datepicker/datepicker.component.mjs +382 -0
- package/esm2022/lib/components/datepicker/index.mjs +2 -0
- package/esm2022/lib/components/dropdown/dropdown.component.mjs +145 -0
- package/esm2022/lib/components/dropdown/index.mjs +2 -0
- package/esm2022/lib/components/dropdown-multiple/dropdown-multiple.component.mjs +76 -0
- package/esm2022/lib/components/dropdown-multiple/index.mjs +2 -0
- package/esm2022/lib/components/icon/icon.component.mjs +58 -0
- package/esm2022/lib/components/icon/index.mjs +2 -0
- package/esm2022/lib/components/index.mjs +63 -0
- package/esm2022/lib/components/input-search/index.mjs +2 -0
- package/esm2022/lib/components/input-search/input-search.component.mjs +73 -0
- package/esm2022/lib/components/input-search-modal/index.mjs +2 -0
- package/esm2022/lib/components/input-search-modal/input-search-modal.component.mjs +29 -0
- package/esm2022/lib/components/loading/index.mjs +2 -0
- package/esm2022/lib/components/loading/loading.component.mjs +21 -0
- package/esm2022/lib/components/loading-2/index.mjs +2 -0
- package/esm2022/lib/components/loading-2/loading-2.component.mjs +16 -0
- package/esm2022/lib/components/modal/index.mjs +2 -0
- package/esm2022/lib/components/modal/modal.component.mjs +31 -0
- package/esm2022/lib/components/paginator/index.mjs +2 -0
- package/esm2022/lib/components/paginator/paginator.component.mjs +128 -0
- package/esm2022/lib/components/stepbar/index.mjs +2 -0
- package/esm2022/lib/components/stepbar/stepbar.component.mjs +41 -0
- package/esm2022/lib/components/switch/index.mjs +2 -0
- package/esm2022/lib/components/switch/switch.component.mjs +47 -0
- package/esm2022/lib/components/toast/index.mjs +2 -0
- package/esm2022/lib/components/toast/toast.component.mjs +28 -0
- package/esm2022/lib/index.mjs +4 -0
- package/esm2022/lib/modules/electrolux-design-system.module.mjs +35 -0
- package/esm2022/lib/modules/index.mjs +2 -0
- package/esm2022/lib/services/index.mjs +2 -0
- package/esm2022/lib/services/toaster.service.mjs +53 -0
- package/fesm2022/elxjs-ui.mjs +1647 -0
- package/fesm2022/elxjs-ui.mjs.map +1 -0
- package/index.d.ts +1 -0
- package/lib/components/accordion/accordion.component.d.ts +10 -0
- package/lib/components/accordion/index.d.ts +1 -0
- package/lib/components/arrow-link/arrow-link.component.d.ts +9 -0
- package/lib/components/arrow-link/index.d.ts +1 -0
- package/lib/components/breadcrumb/breadcrumb.component.d.ts +17 -0
- package/lib/components/breadcrumb/index.d.ts +1 -0
- package/lib/components/button/button.component.d.ts +27 -0
- package/lib/components/button/index.d.ts +1 -0
- package/lib/components/card-1/card1.component.d.ts +8 -0
- package/lib/components/card-1/index.d.ts +1 -0
- package/lib/components/card-2/card2.component.d.ts +7 -0
- package/lib/components/card-2/index.d.ts +1 -0
- package/lib/components/card-3/card3.component.d.ts +8 -0
- package/lib/components/card-3/index.d.ts +1 -0
- package/lib/components/card-4/card4.component.d.ts +7 -0
- package/lib/components/card-4/index.d.ts +1 -0
- package/lib/components/carousel/carousel.component.d.ts +41 -0
- package/lib/components/carousel/index.d.ts +1 -0
- package/lib/components/chip/chip.component.d.ts +10 -0
- package/lib/components/chip/index.d.ts +1 -0
- package/lib/components/datatable/datatable.component.d.ts +43 -0
- package/lib/components/datatable/datatable.component.types.d.ts +55 -0
- package/lib/components/datatable/index.d.ts +2 -0
- package/lib/components/datepicker/datepicker.component.d.ts +81 -0
- package/lib/components/datepicker/index.d.ts +1 -0
- package/lib/components/dropdown/dropdown.component.d.ts +42 -0
- package/lib/components/dropdown/index.d.ts +1 -0
- package/lib/components/dropdown-multiple/dropdown-multiple.component.d.ts +27 -0
- package/lib/components/dropdown-multiple/index.d.ts +1 -0
- package/lib/components/icon/icon.component.d.ts +29 -0
- package/lib/components/icon/index.d.ts +1 -0
- package/lib/components/index.d.ts +26 -0
- package/lib/components/input-search/index.d.ts +1 -0
- package/lib/components/input-search/input-search.component.d.ts +26 -0
- package/lib/components/input-search-modal/index.d.ts +1 -0
- package/lib/components/input-search-modal/input-search-modal.component.d.ts +13 -0
- package/lib/components/loading/index.d.ts +1 -0
- package/lib/components/loading/loading.component.d.ts +7 -0
- package/lib/components/loading-2/index.d.ts +1 -0
- package/lib/components/loading-2/loading-2.component.d.ts +6 -0
- package/lib/components/modal/index.d.ts +1 -0
- package/lib/components/modal/modal.component.d.ts +10 -0
- package/lib/components/paginator/index.d.ts +1 -0
- package/lib/components/paginator/paginator.component.d.ts +33 -0
- package/lib/components/stepbar/index.d.ts +1 -0
- package/lib/components/stepbar/stepbar.component.d.ts +14 -0
- package/lib/components/switch/index.d.ts +1 -0
- package/lib/components/switch/switch.component.d.ts +10 -0
- package/lib/components/toast/index.d.ts +1 -0
- package/lib/components/toast/toast.component.d.ts +11 -0
- package/lib/index.d.ts +3 -0
- package/lib/modules/electrolux-design-system.module.d.ts +25 -0
- package/lib/modules/index.d.ts +1 -0
- package/lib/services/index.d.ts +1 -0
- package/lib/services/toaster.service.d.ts +14 -0
- package/package.json +29 -0
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { EluxIcon } from '../icon/icon.component';
|
|
5
|
+
import { RouterModule } from '@angular/router';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
import * as i2 from "@angular/router";
|
|
9
|
+
export class EluxBreadcrumb {
|
|
10
|
+
constructor(
|
|
11
|
+
//private previousRouteService: PreviousRouteService,
|
|
12
|
+
elementRef) {
|
|
13
|
+
this.elementRef = elementRef;
|
|
14
|
+
this.routes = [];
|
|
15
|
+
//@Input() canChange: boolean = true;
|
|
16
|
+
this.showBreadcrumbDrop = false;
|
|
17
|
+
}
|
|
18
|
+
ngOnChanges(changes) {
|
|
19
|
+
// if ((!this.canChange && changes.routes.previousValue) || !changes.routes.currentValue) {
|
|
20
|
+
// return;
|
|
21
|
+
// }
|
|
22
|
+
// this.previousRouteService.setPreviousBreadcrumb(changes.routes.currentValue);
|
|
23
|
+
}
|
|
24
|
+
toggleBreadcrumbDrop() {
|
|
25
|
+
this.showBreadcrumbDrop = !this.showBreadcrumbDrop;
|
|
26
|
+
if (this.showBreadcrumbDrop) {
|
|
27
|
+
document.addEventListener('click', this.closeDropdown.bind(this));
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
document.removeEventListener('click', this.closeDropdown.bind(this));
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
closeDropdown(event) {
|
|
34
|
+
if (!this.elementRef.nativeElement.contains(event.target)) {
|
|
35
|
+
this.showBreadcrumbDrop = false;
|
|
36
|
+
document.removeEventListener('click', this.closeDropdown.bind(this));
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxBreadcrumb, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxBreadcrumb, isStandalone: true, selector: "lib-elux-breadcrumb", inputs: { routes: "routes" }, usesOnChanges: true, ngImport: i0, template: "<div aria-label=\"breadcrumb\" class=\"breadCrumb\" *ngIf=\"routes && routes.length > 0\">\r\n <div class=\"breadcrumbMobile\">\r\n <div>\r\n <div class=\"dots\" (click)=\"toggleBreadcrumbDrop()\">...</div>\r\n <div class=\"dropGroup\" *ngIf=\"showBreadcrumbDrop\">\r\n <div *ngFor=\"let route of routes; let i = index\">\r\n <a class=\"text-decoration-none\" *ngIf=\"i != routes.length - 1\" [routerLink]=\"route.route\">\r\n <div class=\"dropOption\">\r\n {{ route.name }}\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"divBreadCrumbDesktop\">\r\n <lib-elux-icon class=\"align-middle mr-1\" color=\"#011E41\" icon=\"Chevron_Right.svg\" size=\"15\" sizeType=\"px\"></lib-elux-icon>\r\n <span class=\"lastRoute\" aria-current>{{ routes[routes.length-1].name }}</span>\r\n </div>\r\n </div>\r\n <div class=\"breadcrumbDesktop\">\r\n <div class=\"divBreadCrumbDesktop\" *ngFor=\"let route of routes; let i = index\">\r\n <a [routerLink]=\"route.route\" class=\"route\" *ngIf=\"i != routes.length - 1\">\r\n {{ route.name }}\r\n </a>\r\n <span class=\"lastRoute\" aria-current *ngIf=\"i == routes.length - 1\">\r\n {{ route.name }}\r\n </span>\r\n <lib-elux-icon class=\"align-middle mr-1 \" *ngIf=\"i != routes.length - 1\" color=\"#011E41\" icon=\"Chevron_Right.svg\"\r\n size=\"15\" sizeType=\"px\"></lib-elux-icon>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host .breadCrumb{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host .breadCrumb{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .breadCrumb .route{color:#515253;text-decoration:none}:host .breadCrumb .lastRoute{text-decoration:underline;color:#011e41}:host .breadCrumb .text-decoration-none{text-decoration:none}:host .breadCrumb .breadcrumbMobile{display:none}@media (max-width: 991px){:host .breadCrumb .breadcrumbMobile{display:flex}}:host .breadCrumb .breadcrumbMobile .dots{font-weight:600;font-size:30px;line-height:1px;margin-right:3px;cursor:pointer}:host .breadCrumb .breadcrumbMobile .dropGroup{position:absolute;box-shadow:0 1px 3px #0003;z-index:4;background-color:#fff;margin-top:25px}:host .breadCrumb .breadcrumbMobile .dropOption{border-bottom:solid 1px #DEE7EA;padding:10px 16px;color:#515253}:host .breadCrumb .breadcrumbDesktop{display:none}@media (min-width: 991px){:host .breadCrumb .breadcrumbDesktop{display:flex}}:host .breadCrumb .divBreadCrumbDesktop{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
41
|
+
}
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxBreadcrumb, decorators: [{
|
|
43
|
+
type: Component,
|
|
44
|
+
args: [{ selector: 'lib-elux-breadcrumb', standalone: true, imports: [CommonModule, ReactiveFormsModule, RouterModule, EluxIcon], template: "<div aria-label=\"breadcrumb\" class=\"breadCrumb\" *ngIf=\"routes && routes.length > 0\">\r\n <div class=\"breadcrumbMobile\">\r\n <div>\r\n <div class=\"dots\" (click)=\"toggleBreadcrumbDrop()\">...</div>\r\n <div class=\"dropGroup\" *ngIf=\"showBreadcrumbDrop\">\r\n <div *ngFor=\"let route of routes; let i = index\">\r\n <a class=\"text-decoration-none\" *ngIf=\"i != routes.length - 1\" [routerLink]=\"route.route\">\r\n <div class=\"dropOption\">\r\n {{ route.name }}\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"divBreadCrumbDesktop\">\r\n <lib-elux-icon class=\"align-middle mr-1\" color=\"#011E41\" icon=\"Chevron_Right.svg\" size=\"15\" sizeType=\"px\"></lib-elux-icon>\r\n <span class=\"lastRoute\" aria-current>{{ routes[routes.length-1].name }}</span>\r\n </div>\r\n </div>\r\n <div class=\"breadcrumbDesktop\">\r\n <div class=\"divBreadCrumbDesktop\" *ngFor=\"let route of routes; let i = index\">\r\n <a [routerLink]=\"route.route\" class=\"route\" *ngIf=\"i != routes.length - 1\">\r\n {{ route.name }}\r\n </a>\r\n <span class=\"lastRoute\" aria-current *ngIf=\"i == routes.length - 1\">\r\n {{ route.name }}\r\n </span>\r\n <lib-elux-icon class=\"align-middle mr-1 \" *ngIf=\"i != routes.length - 1\" color=\"#011E41\" icon=\"Chevron_Right.svg\"\r\n size=\"15\" sizeType=\"px\"></lib-elux-icon>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host .breadCrumb{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host .breadCrumb{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .breadCrumb .route{color:#515253;text-decoration:none}:host .breadCrumb .lastRoute{text-decoration:underline;color:#011e41}:host .breadCrumb .text-decoration-none{text-decoration:none}:host .breadCrumb .breadcrumbMobile{display:none}@media (max-width: 991px){:host .breadCrumb .breadcrumbMobile{display:flex}}:host .breadCrumb .breadcrumbMobile .dots{font-weight:600;font-size:30px;line-height:1px;margin-right:3px;cursor:pointer}:host .breadCrumb .breadcrumbMobile .dropGroup{position:absolute;box-shadow:0 1px 3px #0003;z-index:4;background-color:#fff;margin-top:25px}:host .breadCrumb .breadcrumbMobile .dropOption{border-bottom:solid 1px #DEE7EA;padding:10px 16px;color:#515253}:host .breadCrumb .breadcrumbDesktop{display:none}@media (min-width: 991px){:host .breadCrumb .breadcrumbDesktop{display:flex}}:host .breadCrumb .divBreadCrumbDesktop{display:flex}\n"] }]
|
|
45
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { routes: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUN2RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2xELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQWMvQyxNQUFNLE9BQU8sY0FBYztJQU16QjtJQUNFLHFEQUFxRDtJQUM3QyxVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBUHZCLFdBQU0sR0FBc0IsRUFBRSxDQUFDO1FBQ3hDLHFDQUFxQztRQUVyQyx1QkFBa0IsR0FBRyxLQUFLLENBQUM7SUFLdkIsQ0FBQztJQUVMLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQywyRkFBMkY7UUFDM0YsWUFBWTtRQUNaLElBQUk7UUFFSixnRkFBZ0Y7SUFDbEYsQ0FBQztJQUVELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUM7UUFFbkQsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztZQUM1QixRQUFRLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDcEUsQ0FBQzthQUFNLENBQUM7WUFDTixRQUFRLENBQUMsbUJBQW1CLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDdkUsQ0FBQztJQUNILENBQUM7SUFFRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQzFELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUM7WUFDaEMsUUFBUSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBQ3ZFLENBQUM7SUFDSCxDQUFDOytHQWxDVSxjQUFjO21HQUFkLGNBQWMsa0lDbEIzQixnZ0RBZ0NBLHU0RURsQlksWUFBWSwrUEFBRSxtQkFBbUIsOEJBQUUsWUFBWSxnUkFBRSxRQUFROzs0RkFJeEQsY0FBYztrQkFQMUIsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixFQUFFLFlBQVksRUFBRSxRQUFRLENBQUM7K0VBSzNELE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBFbHV4SWNvbiB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBCcmVhZENydW1iUm91dGUge1xyXG4gIG5hbWU6IHN0cmluZztcclxuICByb3V0ZTogc3RyaW5nO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1lbHV4LWJyZWFkY3J1bWInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgUm91dGVyTW9kdWxlLCBFbHV4SWNvbl0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRWx1eEJyZWFkY3J1bWIgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpIHJvdXRlczogQnJlYWRDcnVtYlJvdXRlW10gPSBbXTtcclxuICAvL0BJbnB1dCgpIGNhbkNoYW5nZTogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIHNob3dCcmVhZGNydW1iRHJvcCA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIC8vcHJpdmF0ZSBwcmV2aW91c1JvdXRlU2VydmljZTogUHJldmlvdXNSb3V0ZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWZcclxuICApIHsgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICAvLyBpZiAoKCF0aGlzLmNhbkNoYW5nZSAmJiBjaGFuZ2VzLnJvdXRlcy5wcmV2aW91c1ZhbHVlKSB8fCAhY2hhbmdlcy5yb3V0ZXMuY3VycmVudFZhbHVlKSB7XHJcbiAgICAvLyAgIHJldHVybjtcclxuICAgIC8vIH1cclxuXHJcbiAgICAvLyB0aGlzLnByZXZpb3VzUm91dGVTZXJ2aWNlLnNldFByZXZpb3VzQnJlYWRjcnVtYihjaGFuZ2VzLnJvdXRlcy5jdXJyZW50VmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlQnJlYWRjcnVtYkRyb3AoKSB7XHJcbiAgICB0aGlzLnNob3dCcmVhZGNydW1iRHJvcCA9ICF0aGlzLnNob3dCcmVhZGNydW1iRHJvcDtcclxuXHJcbiAgICBpZiAodGhpcy5zaG93QnJlYWRjcnVtYkRyb3ApIHtcclxuICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCB0aGlzLmNsb3NlRHJvcGRvd24uYmluZCh0aGlzKSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdjbGljaycsIHRoaXMuY2xvc2VEcm9wZG93bi5iaW5kKHRoaXMpKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNsb3NlRHJvcGRvd24oZXZlbnQ6IGFueSkge1xyXG4gICAgaWYgKCF0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQpKSB7XHJcbiAgICAgIHRoaXMuc2hvd0JyZWFkY3J1bWJEcm9wID0gZmFsc2U7XHJcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgdGhpcy5jbG9zZURyb3Bkb3duLmJpbmQodGhpcykpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGFyaWEtbGFiZWw9XCJicmVhZGNydW1iXCIgY2xhc3M9XCJicmVhZENydW1iXCIgKm5nSWY9XCJyb3V0ZXMgJiYgcm91dGVzLmxlbmd0aCA+IDBcIj5cclxuICA8ZGl2IGNsYXNzPVwiYnJlYWRjcnVtYk1vYmlsZVwiPlxyXG4gICAgPGRpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImRvdHNcIiAoY2xpY2spPVwidG9nZ2xlQnJlYWRjcnVtYkRyb3AoKVwiPi4uLjwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZHJvcEdyb3VwXCIgKm5nSWY9XCJzaG93QnJlYWRjcnVtYkRyb3BcIj5cclxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCByb3V0ZSBvZiByb3V0ZXM7IGxldCBpID0gaW5kZXhcIj5cclxuICAgICAgICAgIDxhIGNsYXNzPVwidGV4dC1kZWNvcmF0aW9uLW5vbmVcIiAqbmdJZj1cImkgIT0gcm91dGVzLmxlbmd0aCAtIDFcIiBbcm91dGVyTGlua109XCJyb3V0ZS5yb3V0ZVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZHJvcE9wdGlvblwiPlxyXG4gICAgICAgICAgICAgIHt7IHJvdXRlLm5hbWUgfX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2E+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGl2QnJlYWRDcnVtYkRlc2t0b3BcIj5cclxuICAgICAgPGxpYi1lbHV4LWljb24gY2xhc3M9XCJhbGlnbi1taWRkbGUgbXItMVwiIGNvbG9yPVwiIzAxMUU0MVwiIGljb249XCJDaGV2cm9uX1JpZ2h0LnN2Z1wiIHNpemU9XCIxNVwiIHNpemVUeXBlPVwicHhcIj48L2xpYi1lbHV4LWljb24+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwibGFzdFJvdXRlXCIgYXJpYS1jdXJyZW50Pnt7IHJvdXRlc1tyb3V0ZXMubGVuZ3RoLTFdLm5hbWUgfX08L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiYnJlYWRjcnVtYkRlc2t0b3BcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJkaXZCcmVhZENydW1iRGVza3RvcFwiICpuZ0Zvcj1cImxldCByb3V0ZSBvZiByb3V0ZXM7IGxldCBpID0gaW5kZXhcIj5cclxuICAgICAgPGEgW3JvdXRlckxpbmtdPVwicm91dGUucm91dGVcIiBjbGFzcz1cInJvdXRlXCIgKm5nSWY9XCJpICE9IHJvdXRlcy5sZW5ndGggLSAxXCI+XHJcbiAgICAgICAge3sgcm91dGUubmFtZSB9fVxyXG4gICAgICA8L2E+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwibGFzdFJvdXRlXCIgYXJpYS1jdXJyZW50ICpuZ0lmPVwiaSA9PSByb3V0ZXMubGVuZ3RoIC0gMVwiPlxyXG4gICAgICAgIHt7IHJvdXRlLm5hbWUgfX1cclxuICAgICAgPC9zcGFuPlxyXG4gICAgICA8bGliLWVsdXgtaWNvbiBjbGFzcz1cImFsaWduLW1pZGRsZSBtci0xIFwiICpuZ0lmPVwiaSAhPSByb3V0ZXMubGVuZ3RoIC0gMVwiIGNvbG9yPVwiIzAxMUU0MVwiIGljb249XCJDaGV2cm9uX1JpZ2h0LnN2Z1wiXHJcbiAgICAgICAgc2l6ZT1cIjE1XCIgc2l6ZVR5cGU9XCJweFwiPjwvbGliLWVsdXgtaWNvbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './breadcrumb.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1iL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2JyZWFkY3J1bWIuY29tcG9uZW50JztcclxuIl19
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { EluxIcon } from '../icon/icon.component';
|
|
5
|
+
import { EluxLoading } from '../loading/loading.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/router";
|
|
8
|
+
import * as i2 from "@angular/common";
|
|
9
|
+
export class EluxButton {
|
|
10
|
+
constructor(router) {
|
|
11
|
+
this.router = router;
|
|
12
|
+
this.disabled = false;
|
|
13
|
+
this.type = 'basic';
|
|
14
|
+
this.typeButton = 'button';
|
|
15
|
+
this.done = false;
|
|
16
|
+
this.icon = '';
|
|
17
|
+
this.externalLink = false;
|
|
18
|
+
this.loading = false;
|
|
19
|
+
this.onlyfirstLetterUpper = true;
|
|
20
|
+
this.onClick = new EventEmitter();
|
|
21
|
+
}
|
|
22
|
+
ngOnInit() {
|
|
23
|
+
if (this.done) {
|
|
24
|
+
this.icon = 'Check.svg';
|
|
25
|
+
}
|
|
26
|
+
if (this.externalLink) {
|
|
27
|
+
this.icon = 'Link.svg';
|
|
28
|
+
}
|
|
29
|
+
if (this.loading) {
|
|
30
|
+
this.icon = 'Loading.svg';
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
ngOnChanges(changes) {
|
|
34
|
+
if (changes['loading']) {
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
firstLetterUpper(value) {
|
|
38
|
+
if (value) {
|
|
39
|
+
return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
|
|
40
|
+
}
|
|
41
|
+
return '';
|
|
42
|
+
}
|
|
43
|
+
clickButton($event) {
|
|
44
|
+
if (this.loading == false) {
|
|
45
|
+
this.onClick.emit($event);
|
|
46
|
+
if (this.routerLink) {
|
|
47
|
+
this.router.navigateByUrl(this.routerLink);
|
|
48
|
+
}
|
|
49
|
+
else if (this.link) {
|
|
50
|
+
this.router.navigateByUrl(this.link);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxButton, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxButton, isStandalone: true, selector: "lib-elux-button", inputs: { disabled: "disabled", type: "type", typeButton: "typeButton", content: "content", done: "done", routerLink: "routerLink", link: "link", size: "size", icon: "icon", iconAlign: "iconAlign", externalLink: "externalLink", loading: "loading", onlyfirstLetterUpper: "onlyfirstLetterUpper" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<button\r\n [type]=\"typeButton\"\r\n class=\"btn elux-button size-{{ size }}\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"type\"\r\n (click)=\"clickButton($event)\"\r\n (keyup.enter)=\"clickButton($event)\"\r\n>\r\n <div *ngIf=\"loading\" [ngStyle]=\"{ 'width': '24px', 'margin': 'auto' , 'margin-top' : '3px' }\">\r\n <lib-elux-loading [size]=\"30\" [white]=\"true\"></lib-elux-loading>\r\n </div>\r\n <div [ngClass]=\"iconAlign\">\r\n <lib-elux-icon *ngIf=\"icon !== ''\" [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n <span *ngIf=\"!done && !loading\">\r\n {{ onlyfirstLetterUpper ? firstLetterUpper(content) : content }}\r\n </span>\r\n </div>\r\n</button>\r\n", styles: [":host .elux-button{width:100%;height:48px;text-align:center;padding-left:20px;padding-right:20px;min-height:36px;border:none;border-radius:2px}:host .elux-button span{font-weight:600;font-size:14px;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal}:host .elux-button:disabled{cursor:default;pointer-events:none}:host .elux-button.basic{color:#fff;background:#011e41}:host .elux-button.basic ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.basic:hover{opacity:.85}:host .elux-button.basic:disabled{background:#5b6a78;opacity:.85}:host .elux-button.basic:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.basic-action{color:#fff;background:#a5742e}:host .elux-button.basic-action ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.basic-action:hover{opacity:.85}:host .elux-button.basic-action:disabled{background:#d9ba91;opacity:.85}:host .elux-button.outline{background-color:#fff;border:solid 1px #011E41;color:#011e41}:host .elux-button.outline ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline:hover{color:#fff;background-color:#011e41}:host .elux-button.outline:hover:disabled{background-color:#fff}:host .elux-button.outline:hover ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.outline-noborder{background-color:#fff;border:none;color:#011e41}:host .elux-button.outline-noborder ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-noborder:hover{color:#fff;background-color:#011e41}:host .elux-button.outline-noborder:hover:disabled{background-color:#fff}:host .elux-button.outline-noborder:hover ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline-noborder:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.text{border:none;color:#011e41;padding:0}:host .elux-button.text:hover{text-decoration:underline}:host .elux-button.text:hover:disabled{text-decoration:none}:host .elux-button.text:disabled{opacity:.85;color:#5b6a78}:host .elux-button.text ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.text:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.basicBlue{background-color:#011e41!important;color:#fff!important;border:1px solid #011E41!important}:host .elux-button.basicBlue:hover{background-color:#fff!important;color:#011e41!important}:host .elux-button.basicBlue:hover ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.basicBlue:disabled{background:#dee7ea!important;color:#c9c9ca!important}:host .elux-button.basicBlue:disabled ::ng-deep lib-elux-icon span{background-color:#c9c9ca!important}:host .elux-button.basicWhite{color:#011e41;background:#fff;border:1px solid #011E41}:host .elux-button.basicWhite:hover{border-radius:2px;font-weight:600;color:#a5742e}:host .elux-button.basicWhite:hover ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.basicWhite:disabled{background:#dee7ea;color:#c9c9ca}:host .elux-button.basicWhite:disabled ::ng-deep lib-elux-icon span{background-color:#c9c9ca!important}:host .elux-button.basic-dark{background-color:#fff;color:#011e41}:host .elux-button.basic-dark:hover{background-color:#dee7ea}:host .elux-button.basic-dark:hover:disabled{background-color:#5b6a78}:host .elux-button.basic-dark:disabled{opacity:.85;color:#fff!important;background-color:#5b6a78}:host .elux-button.basic-dark ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-dark{color:#fff;background-color:transparent;border:solid 1px #FFFFFF}:host .elux-button.outline-dark ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline-dark:hover{background-color:#fff;color:#011e41}:host .elux-button.outline-dark:hover:disabled{background-color:transparent}:host .elux-button.outline-dark:hover ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-dark:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.uppercase{text-transform:uppercase}:host .elux-button lib-elux-icon{vertical-align:middle}:host .elux-button .left{display:flex;align-items:center}:host .elux-button .right{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center}:host .elux-button .right lib-elux-icon{line-height:1}:host .elux-button .right ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.primary,:host .elux-button.primary-negative,:host .elux-button.secondary,:host .elux-button.secondary-negative{height:48px;padding:0 24px;border:none}:host .elux-button.primary span,:host .elux-button.primary-negative span,:host .elux-button.secondary span,:host .elux-button.secondary-negative span{font-size:16px}:host .elux-button.primary:focus-visible,:host .elux-button.primary-negative:focus-visible,:host .elux-button.secondary:focus-visible,:host .elux-button.secondary-negative:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.primary{color:#fff;background-color:#011e41}:host .elux-button.primary:hover{opacity:.85}:host .elux-button.primary:disabled{background:#adb9c3;color:#fff}:host .elux-button.primary-negative{color:#011e41;background-color:#fff}:host .elux-button.primary-negative:hover{opacity:.85}:host .elux-button.primary-negative:disabled{background:#adb9c3;color:#fff}:host .elux-button.secondary{color:#011e41;background-color:#fff;border:1px solid #011E41}:host .elux-button.secondary:hover{background:#011e41;color:#fff}:host .elux-button.secondary:disabled{border-color:#7a8a9b;color:#7a8a9b}:host .elux-button.secondary-negative{color:#fff;background-color:#011e41;border:1px solid #FFFFFF}:host .elux-button.secondary-negative:hover{background-color:#fff;color:#011e41;border:1px solid #011E41}:host .elux-button.secondary-negative:disabled{border-color:#7a8a9b;color:#7a8a9b}:host .elux-button.size-2{height:48px;padding:0 66px}:host .elux-button.size-2 span{font-size:16px}:host .elux-button.size-3{height:48px;padding:0}:host .elux-button.size-3 span{font-size:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }, { kind: "component", type: EluxLoading, selector: "lib-elux-loading", inputs: ["size", "white"] }] }); }
|
|
56
|
+
}
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxButton, decorators: [{
|
|
58
|
+
type: Component,
|
|
59
|
+
args: [{ selector: 'lib-elux-button', standalone: true, imports: [CommonModule, ReactiveFormsModule, EluxIcon, EluxLoading], template: "<button\r\n [type]=\"typeButton\"\r\n class=\"btn elux-button size-{{ size }}\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"type\"\r\n (click)=\"clickButton($event)\"\r\n (keyup.enter)=\"clickButton($event)\"\r\n>\r\n <div *ngIf=\"loading\" [ngStyle]=\"{ 'width': '24px', 'margin': 'auto' , 'margin-top' : '3px' }\">\r\n <lib-elux-loading [size]=\"30\" [white]=\"true\"></lib-elux-loading>\r\n </div>\r\n <div [ngClass]=\"iconAlign\">\r\n <lib-elux-icon *ngIf=\"icon !== ''\" [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n <span *ngIf=\"!done && !loading\">\r\n {{ onlyfirstLetterUpper ? firstLetterUpper(content) : content }}\r\n </span>\r\n </div>\r\n</button>\r\n", styles: [":host .elux-button{width:100%;height:48px;text-align:center;padding-left:20px;padding-right:20px;min-height:36px;border:none;border-radius:2px}:host .elux-button span{font-weight:600;font-size:14px;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal}:host .elux-button:disabled{cursor:default;pointer-events:none}:host .elux-button.basic{color:#fff;background:#011e41}:host .elux-button.basic ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.basic:hover{opacity:.85}:host .elux-button.basic:disabled{background:#5b6a78;opacity:.85}:host .elux-button.basic:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.basic-action{color:#fff;background:#a5742e}:host .elux-button.basic-action ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.basic-action:hover{opacity:.85}:host .elux-button.basic-action:disabled{background:#d9ba91;opacity:.85}:host .elux-button.outline{background-color:#fff;border:solid 1px #011E41;color:#011e41}:host .elux-button.outline ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline:hover{color:#fff;background-color:#011e41}:host .elux-button.outline:hover:disabled{background-color:#fff}:host .elux-button.outline:hover ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.outline-noborder{background-color:#fff;border:none;color:#011e41}:host .elux-button.outline-noborder ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-noborder:hover{color:#fff;background-color:#011e41}:host .elux-button.outline-noborder:hover:disabled{background-color:#fff}:host .elux-button.outline-noborder:hover ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline-noborder:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.text{border:none;color:#011e41;padding:0}:host .elux-button.text:hover{text-decoration:underline}:host .elux-button.text:hover:disabled{text-decoration:none}:host .elux-button.text:disabled{opacity:.85;color:#5b6a78}:host .elux-button.text ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.text:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.basicBlue{background-color:#011e41!important;color:#fff!important;border:1px solid #011E41!important}:host .elux-button.basicBlue:hover{background-color:#fff!important;color:#011e41!important}:host .elux-button.basicBlue:hover ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.basicBlue:disabled{background:#dee7ea!important;color:#c9c9ca!important}:host .elux-button.basicBlue:disabled ::ng-deep lib-elux-icon span{background-color:#c9c9ca!important}:host .elux-button.basicWhite{color:#011e41;background:#fff;border:1px solid #011E41}:host .elux-button.basicWhite:hover{border-radius:2px;font-weight:600;color:#a5742e}:host .elux-button.basicWhite:hover ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.basicWhite:disabled{background:#dee7ea;color:#c9c9ca}:host .elux-button.basicWhite:disabled ::ng-deep lib-elux-icon span{background-color:#c9c9ca!important}:host .elux-button.basic-dark{background-color:#fff;color:#011e41}:host .elux-button.basic-dark:hover{background-color:#dee7ea}:host .elux-button.basic-dark:hover:disabled{background-color:#5b6a78}:host .elux-button.basic-dark:disabled{opacity:.85;color:#fff!important;background-color:#5b6a78}:host .elux-button.basic-dark ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-dark{color:#fff;background-color:transparent;border:solid 1px #FFFFFF}:host .elux-button.outline-dark ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline-dark:hover{background-color:#fff;color:#011e41}:host .elux-button.outline-dark:hover:disabled{background-color:transparent}:host .elux-button.outline-dark:hover ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-dark:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.uppercase{text-transform:uppercase}:host .elux-button lib-elux-icon{vertical-align:middle}:host .elux-button .left{display:flex;align-items:center}:host .elux-button .right{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center}:host .elux-button .right lib-elux-icon{line-height:1}:host .elux-button .right ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.primary,:host .elux-button.primary-negative,:host .elux-button.secondary,:host .elux-button.secondary-negative{height:48px;padding:0 24px;border:none}:host .elux-button.primary span,:host .elux-button.primary-negative span,:host .elux-button.secondary span,:host .elux-button.secondary-negative span{font-size:16px}:host .elux-button.primary:focus-visible,:host .elux-button.primary-negative:focus-visible,:host .elux-button.secondary:focus-visible,:host .elux-button.secondary-negative:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.primary{color:#fff;background-color:#011e41}:host .elux-button.primary:hover{opacity:.85}:host .elux-button.primary:disabled{background:#adb9c3;color:#fff}:host .elux-button.primary-negative{color:#011e41;background-color:#fff}:host .elux-button.primary-negative:hover{opacity:.85}:host .elux-button.primary-negative:disabled{background:#adb9c3;color:#fff}:host .elux-button.secondary{color:#011e41;background-color:#fff;border:1px solid #011E41}:host .elux-button.secondary:hover{background:#011e41;color:#fff}:host .elux-button.secondary:disabled{border-color:#7a8a9b;color:#7a8a9b}:host .elux-button.secondary-negative{color:#fff;background-color:#011e41;border:1px solid #FFFFFF}:host .elux-button.secondary-negative:hover{background-color:#fff;color:#011e41;border:1px solid #011E41}:host .elux-button.secondary-negative:disabled{border-color:#7a8a9b;color:#7a8a9b}:host .elux-button.size-2{height:48px;padding:0 66px}:host .elux-button.size-2 span{font-size:16px}:host .elux-button.size-3{height:48px;padding:0}:host .elux-button.size-3 span{font-size:16px}\n"] }]
|
|
60
|
+
}], ctorParameters: () => [{ type: i1.Router }], propDecorators: { disabled: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], type: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], typeButton: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], content: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}], done: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}], routerLink: [{
|
|
71
|
+
type: Input
|
|
72
|
+
}], link: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], size: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}], icon: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], iconAlign: [{
|
|
79
|
+
type: Input
|
|
80
|
+
}], externalLink: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], loading: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], onlyfirstLetterUpper: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}], onClick: [{
|
|
87
|
+
type: Output
|
|
88
|
+
}] } });
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2xELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7OztBQVMzRCxNQUFNLE9BQU8sVUFBVTtJQW1CckIsWUFBb0IsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFsQnpCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsU0FBSSxHQUErRyxPQUFPLENBQUM7UUFDM0gsZUFBVSxHQUF3QixRQUFRLENBQUM7UUFHM0MsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUtiLFNBQUksR0FBRyxFQUFFLENBQUM7UUFFVixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLHlCQUFvQixHQUFHLElBQUksQ0FBQztRQUUzQixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztJQUVULENBQUM7SUFFdEMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2QsSUFBSSxDQUFDLElBQUksR0FBRyxXQUFXLENBQUM7UUFDMUIsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDO1FBQ3pCLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNqQixJQUFJLENBQUMsSUFBSSxHQUFHLGFBQWEsQ0FBQztRQUM1QixDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1FBQ3pCLENBQUM7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBYTtRQUM1QixJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsT0FBTyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDdEUsQ0FBQztRQUVELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUVELFdBQVcsQ0FBQyxNQUFhO1FBQ3ZCLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUMxQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztnQkFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQzdDLENBQUM7aUJBQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN2QyxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7K0dBekRVLFVBQVU7bUdBQVYsVUFBVSx5YUNkdkIsaXRCQWtCQSw4MU1EUlksWUFBWSxxVEFBRSxtQkFBbUIsK0JBQUUsUUFBUSw4SkFBRSxXQUFXOzs0RkFJdkQsVUFBVTtrQkFQdEIsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLFdBQVcsQ0FBQzsyRUFLMUQsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgRWx1eEljb24gfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgRWx1eExvYWRpbmcgfSBmcm9tICcuLi9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWVsdXgtYnV0dG9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUsIEVsdXhJY29uLCBFbHV4TG9hZGluZ10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4QnV0dG9uIGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHR5cGU6ICdiYXNpYycgfCAnYmFzaWMtYWN0aW9uJyB8ICdvdXRsaW5lJyB8ICd0ZXh0JyB8ICdiYXNpYy1kYXJrJyB8ICdiYXNpY1doaXRlJyB8ICdiYXNpY0JsdWUnIHwgJ291dGxpbmUtZGFyaycgPSAnYmFzaWMnO1xyXG4gIEBJbnB1dCgpIHR5cGVCdXR0b246ICdidXR0b24nIHwgJ3N1Ym1pdCcgPSAnYnV0dG9uJztcclxuICBASW5wdXQoKSBjb250ZW50ITogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKSBkb25lID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcm91dGVyTGluayE6IHN0cmluZztcclxuICBASW5wdXQoKSBsaW5rITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHNpemUhOiBudW1iZXI7XHJcblxyXG4gIEBJbnB1dCgpIGljb24gPSAnJztcclxuICBASW5wdXQoKSBpY29uQWxpZ24hOiAnbGVmdCcgfCAncmlnaHQnO1xyXG4gIEBJbnB1dCgpIGV4dGVybmFsTGluayA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcclxuICBASW5wdXQoKSBvbmx5Zmlyc3RMZXR0ZXJVcHBlciA9IHRydWU7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZXI6IFJvdXRlcikge31cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBpZiAodGhpcy5kb25lKSB7XHJcbiAgICAgIHRoaXMuaWNvbiA9ICdDaGVjay5zdmcnO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLmV4dGVybmFsTGluaykge1xyXG4gICAgICB0aGlzLmljb24gPSAnTGluay5zdmcnO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLmxvYWRpbmcpIHtcclxuICAgICAgdGhpcy5pY29uID0gJ0xvYWRpbmcuc3ZnJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGlmIChjaGFuZ2VzWydsb2FkaW5nJ10pIHtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGZpcnN0TGV0dGVyVXBwZXIodmFsdWU6IHN0cmluZykge1xyXG4gICAgaWYgKHZhbHVlKSB7XHJcbiAgICAgIHJldHVybiB2YWx1ZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIHZhbHVlLnNsaWNlKDEpLnRvTG93ZXJDYXNlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuICcnO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tCdXR0b24oJGV2ZW50OiBFdmVudCkge1xyXG4gICAgaWYgKHRoaXMubG9hZGluZyA9PSBmYWxzZSkge1xyXG4gICAgICB0aGlzLm9uQ2xpY2suZW1pdCgkZXZlbnQpO1xyXG4gICAgICBpZiAodGhpcy5yb3V0ZXJMaW5rKSB7XHJcbiAgICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCh0aGlzLnJvdXRlckxpbmspO1xyXG4gICAgICB9IGVsc2UgaWYgKHRoaXMubGluaykge1xyXG4gICAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlQnlVcmwodGhpcy5saW5rKTtcclxuICAgICAgfSAgICAgIFxyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8YnV0dG9uXHJcbiAgW3R5cGVdPVwidHlwZUJ1dHRvblwiXHJcbiAgY2xhc3M9XCJidG4gZWx1eC1idXR0b24gc2l6ZS17eyBzaXplIH19XCJcclxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gIFtuZ0NsYXNzXT1cInR5cGVcIlxyXG4gIChjbGljayk9XCJjbGlja0J1dHRvbigkZXZlbnQpXCJcclxuICAoa2V5dXAuZW50ZXIpPVwiY2xpY2tCdXR0b24oJGV2ZW50KVwiXHJcbj5cclxuICA8ZGl2ICpuZ0lmPVwibG9hZGluZ1wiIFtuZ1N0eWxlXT1cInsgJ3dpZHRoJzogJzI0cHgnLCAnbWFyZ2luJzogJ2F1dG8nICwgJ21hcmdpbi10b3AnIDogJzNweCcgfVwiPlxyXG4gICAgPGxpYi1lbHV4LWxvYWRpbmcgW3NpemVdPVwiMzBcIiBbd2hpdGVdPVwidHJ1ZVwiPjwvbGliLWVsdXgtbG9hZGluZz5cclxuICA8L2Rpdj5cclxuICA8ZGl2IFtuZ0NsYXNzXT1cImljb25BbGlnblwiPlxyXG4gICAgPGxpYi1lbHV4LWljb24gKm5nSWY9XCJpY29uICE9PSAnJ1wiIFtpY29uXT1cImljb25cIiBbc2l6ZV09XCInMjQnXCIgW3NpemVUeXBlXT1cIidweCdcIj48L2xpYi1lbHV4LWljb24+XHJcbiAgICA8c3BhbiAqbmdJZj1cIiFkb25lICYmICFsb2FkaW5nXCI+XHJcbiAgICAgIHt7IG9ubHlmaXJzdExldHRlclVwcGVyID8gZmlyc3RMZXR0ZXJVcHBlcihjb250ZW50KSA6IGNvbnRlbnQgfX1cclxuICAgIDwvc3Bhbj5cclxuICA8L2Rpdj5cclxuPC9idXR0b24+XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './button.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYnV0dG9uLmNvbXBvbmVudCc7XHJcbiJdfQ==
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { EluxIcon } from '../icon';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class EluxCard1 {
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard1, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxCard1, isStandalone: true, selector: "lib-elux-card-1", inputs: { text: "text", iconLeft: "iconLeft", iconRight: "iconRight" }, ngImport: i0, template: "<div class=\"card1 p-3\">\r\n <lib-elux-icon *ngIf=\"iconLeft\" class=\"iconLeft\" [icon]=\"iconLeft\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n <div class=\"card-content\">\r\n <span class=\"subtitle-1\">{{ text }}</span>\r\n <lib-elux-icon class=\"iconRight\" [icon]=\"iconRight\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card1{border:1px solid #ADB9C3;border-radius:2px;height:70px;background-color:#fff;display:flex;flex-direction:row;align-items:center;cursor:pointer}.card1 .card-content{width:100%;display:flex;justify-content:space-between;align-items:center}.card1 .iconLeft{margin-right:18px}.card1 .iconRight{transition:.3s}.card1:focus-visible{outline:2px solid #16A748;outline-offset:-2px}.card1:focus-visible .iconRight{margin-right:-10px}.card1:hover{border-color:#5b6a78}.card1:hover .iconRight{margin-right:-10px}\n"], dependencies: [{ kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard1, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'lib-elux-card-1', standalone: true, imports: [EluxIcon, CommonModule], template: "<div class=\"card1 p-3\">\r\n <lib-elux-icon *ngIf=\"iconLeft\" class=\"iconLeft\" [icon]=\"iconLeft\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n <div class=\"card-content\">\r\n <span class=\"subtitle-1\">{{ text }}</span>\r\n <lib-elux-icon class=\"iconRight\" [icon]=\"iconRight\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card1{border:1px solid #ADB9C3;border-radius:2px;height:70px;background-color:#fff;display:flex;flex-direction:row;align-items:center;cursor:pointer}.card1 .card-content{width:100%;display:flex;justify-content:space-between;align-items:center}.card1 .iconLeft{margin-right:18px}.card1 .iconRight{transition:.3s}.card1:focus-visible{outline:2px solid #16A748;outline-offset:-2px}.card1:focus-visible .iconRight{margin-right:-10px}.card1:hover{border-color:#5b6a78}.card1:hover .iconRight{margin-right:-10px}\n"] }]
|
|
13
|
+
}], propDecorators: { text: [{
|
|
14
|
+
type: Input
|
|
15
|
+
}], iconLeft: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], iconRight: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}] } });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZDEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC0xL2NhcmQxLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtMS9jYXJkMS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQ25DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBUy9DLE1BQU0sT0FBTyxTQUFTOytHQUFULFNBQVM7bUdBQVQsU0FBUyxtSkNYdEIsa1lBT0EsMi9EREVZLFFBQVEsNkpBQUUsWUFBWTs7NEZBRXJCLFNBQVM7a0JBUHJCLFNBQVM7K0JBQ0UsaUJBQWlCLGNBR2YsSUFBSSxXQUNQLENBQUMsUUFBUSxFQUFFLFlBQVksQ0FBQzs4QkFHeEIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRWx1eEljb24gfSBmcm9tICcuLi9pY29uJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWVsdXgtY2FyZC0xJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZDEuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NhcmQxLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbRWx1eEljb24sIENvbW1vbk1vZHVsZV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4Q2FyZDEge1xyXG4gIEBJbnB1dCgpIHRleHQhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWNvbkxlZnQhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWNvblJpZ2h0ITogc3RyaW5nO1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjYXJkMSBwLTNcIj5cclxuICA8bGliLWVsdXgtaWNvbiAqbmdJZj1cImljb25MZWZ0XCIgY2xhc3M9XCJpY29uTGVmdFwiIFtpY29uXT1cImljb25MZWZ0XCIgW3NpemVdPVwiJzI0J1wiIFtzaXplVHlwZV09XCIncHgnXCI+PC9saWItZWx1eC1pY29uPlxyXG4gIDxkaXYgY2xhc3M9XCJjYXJkLWNvbnRlbnRcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwic3VidGl0bGUtMVwiPnt7IHRleHQgfX08L3NwYW4+XHJcbiAgICA8bGliLWVsdXgtaWNvbiBjbGFzcz1cImljb25SaWdodFwiIFtpY29uXT1cImljb25SaWdodFwiIFtzaXplXT1cIicyNCdcIiBbc2l6ZVR5cGVdPVwiJ3B4J1wiPjwvbGliLWVsdXgtaWNvbj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './card1.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9jYXJkLTEvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY2FyZDEuY29tcG9uZW50JztcclxuIl19
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { EluxIcon } from '../icon';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class EluxCard2 {
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxCard2, isStandalone: true, selector: "lib-elux-card-2", inputs: { text: "text", icon: "icon" }, ngImport: i0, template: "<div class=\"subtitle-1 card2 d-flex justify-content-between align-items-center\">\r\n <span class=\"subtitle-1 text-blue\">{{ text }}</span>\r\n <lib-elux-icon [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card2{cursor:pointer;color:#011e41!important;height:52px!important;display:flex;align-items:center;border-bottom:1px solid #C9C9CA}\n"], dependencies: [{ kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
7
|
+
}
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard2, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: 'lib-elux-card-2', standalone: true, imports: [EluxIcon], template: "<div class=\"subtitle-1 card2 d-flex justify-content-between align-items-center\">\r\n <span class=\"subtitle-1 text-blue\">{{ text }}</span>\r\n <lib-elux-icon [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card2{cursor:pointer;color:#011e41!important;height:52px!important;display:flex;align-items:center;border-bottom:1px solid #C9C9CA}\n"] }]
|
|
11
|
+
}], propDecorators: { text: [{
|
|
12
|
+
type: Input
|
|
13
|
+
}], icon: [{
|
|
14
|
+
type: Input
|
|
15
|
+
}] } });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZDIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC0yL2NhcmQyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtMi9jYXJkMi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFDOztBQVNuQyxNQUFNLE9BQU8sU0FBUzsrR0FBVCxTQUFTO21HQUFULFNBQVMsbUhDVnRCLHVQQUlBLG9vRERJWSxRQUFROzs0RkFFUCxTQUFTO2tCQVByQixTQUFTOytCQUNFLGlCQUFpQixjQUdmLElBQUksV0FDUCxDQUFDLFFBQVEsQ0FBQzs4QkFHVixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFbHV4SWNvbiB9IGZyb20gJy4uL2ljb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZWx1eC1jYXJkLTInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkMi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZDIuY29tcG9uZW50LnNjc3MnXSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtFbHV4SWNvbl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4Q2FyZDIge1xyXG4gIEBJbnB1dCgpIHRleHQhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWNvbiE6IHN0cmluZztcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic3VidGl0bGUtMSBjYXJkMiBkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyXCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJzdWJ0aXRsZS0xIHRleHQtYmx1ZVwiPnt7IHRleHQgfX08L3NwYW4+XHJcbiAgPGxpYi1lbHV4LWljb24gW2ljb25dPVwiaWNvblwiIFtzaXplXT1cIicyNCdcIiBbc2l6ZVR5cGVdPVwiJ3B4J1wiPjwvbGliLWVsdXgtaWNvbj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './card2.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9jYXJkLTIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY2FyZDIuY29tcG9uZW50JztcclxuIl19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { EluxIcon } from '../icon';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class EluxCard3 {
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard3, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxCard3, isStandalone: true, selector: "lib-elux-card-3", inputs: { title: "title", text: "text", icon: "icon" }, ngImport: i0, template: "<div class=\"card3 p-3 subtitle-1 d-flex align-items-center\">\r\n <div class=\"pe-3\">\r\n <lib-elux-icon [icon]=\"icon\" [size]=\"'40'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <span class=\"heading-3 text-blue\">{{ title }}</span>\r\n <span class=\"body mt-2\">{{ text }}</span>\r\n </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card3{height:140px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
7
|
+
}
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard3, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: 'lib-elux-card-3', standalone: true, imports: [EluxIcon], template: "<div class=\"card3 p-3 subtitle-1 d-flex align-items-center\">\r\n <div class=\"pe-3\">\r\n <lib-elux-icon [icon]=\"icon\" [size]=\"'40'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <span class=\"heading-3 text-blue\">{{ title }}</span>\r\n <span class=\"body mt-2\">{{ text }}</span>\r\n </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card3{height:140px;background-color:#fff}\n"] }]
|
|
11
|
+
}], propDecorators: { title: [{
|
|
12
|
+
type: Input
|
|
13
|
+
}], text: [{
|
|
14
|
+
type: Input
|
|
15
|
+
}], icon: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}] } });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZDMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC0zL2NhcmQzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtMy9jYXJkMy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFDOztBQVNuQyxNQUFNLE9BQU8sU0FBUzsrR0FBVCxTQUFTO21HQUFULFNBQVMsbUlDVnRCLG9YQVNBLDBpREREWSxRQUFROzs0RkFFUCxTQUFTO2tCQVByQixTQUFTOytCQUNFLGlCQUFpQixjQUdmLElBQUksV0FDUCxDQUFDLFFBQVEsQ0FBQzs4QkFHVixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRWx1eEljb24gfSBmcm9tICcuLi9pY29uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWVsdXgtY2FyZC0zJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZDMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NhcmQzLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbRWx1eEljb25dLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRWx1eENhcmQzIHtcclxuICBASW5wdXQoKSB0aXRsZSE6IHN0cmluZztcclxuICBASW5wdXQoKSB0ZXh0ITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGljb24hOiBzdHJpbmc7XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNhcmQzIHAtMyBzdWJ0aXRsZS0xIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwicGUtM1wiPlxyXG4gICAgPGxpYi1lbHV4LWljb24gW2ljb25dPVwiaWNvblwiIFtzaXplXT1cIic0MCdcIiBbc2l6ZVR5cGVdPVwiJ3B4J1wiPjwvbGliLWVsdXgtaWNvbj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uXCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cImhlYWRpbmctMyB0ZXh0LWJsdWVcIj57eyB0aXRsZSB9fTwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwiYm9keSBtdC0yXCI+e3sgdGV4dCB9fTwvc3Bhbj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './card3.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9jYXJkLTMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY2FyZDMuY29tcG9uZW50JztcclxuIl19
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { EluxIcon } from '../icon';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class EluxCard4 {
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard4, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxCard4, isStandalone: true, selector: "lib-elux-card-4", inputs: { title: "title", text: "text" }, ngImport: i0, template: "<div class=\"card4 p-3\">\r\n <div class=\"d-flex flex-row justify-content-between align-items-center\">\r\n <span class=\"subtitle-1 text-blue\">{{ title }}</span>\r\n <lib-elux-icon [icon]=\"'Arrow_Right.svg'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n </div>\r\n <div class=\"d-flex mt-2\">\r\n <span class=\"body\">{{ text }}</span>\r\n </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card4{border:1px solid #7A8A9B;border-radius:2px}\n"], dependencies: [{ kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
7
|
+
}
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard4, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: 'lib-elux-card-4', standalone: true, imports: [EluxIcon], template: "<div class=\"card4 p-3\">\r\n <div class=\"d-flex flex-row justify-content-between align-items-center\">\r\n <span class=\"subtitle-1 text-blue\">{{ title }}</span>\r\n <lib-elux-icon [icon]=\"'Arrow_Right.svg'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n </div>\r\n <div class=\"d-flex mt-2\">\r\n <span class=\"body\">{{ text }}</span>\r\n </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card4{border:1px solid #7A8A9B;border-radius:2px}\n"] }]
|
|
11
|
+
}], propDecorators: { title: [{
|
|
12
|
+
type: Input
|
|
13
|
+
}], text: [{
|
|
14
|
+
type: Input
|
|
15
|
+
}] } });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZDQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC00L2NhcmQ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtNC9jYXJkNC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFDOztBQVNuQyxNQUFNLE9BQU8sU0FBUzsrR0FBVCxTQUFTO21HQUFULFNBQVMscUhDVnRCLHVZQVNBLGtqREREWSxRQUFROzs0RkFFUCxTQUFTO2tCQVByQixTQUFTOytCQUNFLGlCQUFpQixjQUdmLElBQUksV0FDUCxDQUFDLFFBQVEsQ0FBQzs4QkFHVixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFbHV4SWNvbiB9IGZyb20gJy4uL2ljb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZWx1eC1jYXJkLTQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkNC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZDQuY29tcG9uZW50LnNjc3MnXSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtFbHV4SWNvbl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4Q2FyZDQge1xyXG4gIEBJbnB1dCgpIHRpdGxlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRleHQhOiBzdHJpbmc7XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNhcmQ0IHAtM1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1yb3cganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyXCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cInN1YnRpdGxlLTEgdGV4dC1ibHVlXCI+e3sgdGl0bGUgfX08L3NwYW4+XHJcbiAgICA8bGliLWVsdXgtaWNvbiBbaWNvbl09XCInQXJyb3dfUmlnaHQuc3ZnJ1wiIFtzaXplXT1cIicyNCdcIiBbc2l6ZVR5cGVdPVwiJ3B4J1wiPjwvbGliLWVsdXgtaWNvbj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiZC1mbGV4IG10LTJcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiYm9keVwiPnt7IHRleHQgfX08L3NwYW4+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './card4.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9jYXJkLTQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY2FyZDQuY29tcG9uZW50JztcclxuIl19
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, ContentChildren, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
3
|
+
import { EluxIcon } from '../icon';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class EluxCarouselComponent {
|
|
7
|
+
constructor(renderer) {
|
|
8
|
+
this.renderer = renderer;
|
|
9
|
+
this.itemsPerSlide = 4;
|
|
10
|
+
this.removeArrows = false;
|
|
11
|
+
this.removeDots = false;
|
|
12
|
+
this.autoPlayInterval = null;
|
|
13
|
+
this.previousClickEventEmitter = new EventEmitter();
|
|
14
|
+
this.nextClickEventEmitter = new EventEmitter();
|
|
15
|
+
this.dotClickEventEmitter = new EventEmitter();
|
|
16
|
+
this.currentIndex = 0;
|
|
17
|
+
this.offset = 0;
|
|
18
|
+
this.touchStartX = 0;
|
|
19
|
+
this.touchEndX = 0;
|
|
20
|
+
}
|
|
21
|
+
ngAfterContentInit() {
|
|
22
|
+
this.setItemWidths();
|
|
23
|
+
if (this.autoPlayInterval) {
|
|
24
|
+
this.startAutoPlay();
|
|
25
|
+
}
|
|
26
|
+
this.items.changes.subscribe(() => {
|
|
27
|
+
this.setItemWidths();
|
|
28
|
+
this.updateOffset();
|
|
29
|
+
this.goToFirstSlide();
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
setItemWidths() {
|
|
33
|
+
this.items.forEach((item) => {
|
|
34
|
+
const minWidth = `calc(100% / ${this.itemsPerSlide})`;
|
|
35
|
+
this.renderer.setStyle(item.nativeElement, 'minWidth', minWidth);
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
startAutoPlay() {
|
|
39
|
+
this.stopAutoPlay(); // Garante que não há intervalos ativos
|
|
40
|
+
this.autoPlayTimer = setInterval(() => {
|
|
41
|
+
this.nextSlide();
|
|
42
|
+
}, (this.autoPlayInterval || 0) * 1000);
|
|
43
|
+
}
|
|
44
|
+
stopAutoPlay() {
|
|
45
|
+
if (this.autoPlayTimer) {
|
|
46
|
+
clearInterval(this.autoPlayTimer);
|
|
47
|
+
this.autoPlayTimer = null;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
onTouchStart(event) {
|
|
51
|
+
this.touchStartX = event.touches[0].clientX;
|
|
52
|
+
this.touchEndX = this.touchStartX; // reseta para evitar swipe falso
|
|
53
|
+
}
|
|
54
|
+
onTouchMove(event) {
|
|
55
|
+
this.touchEndX = event.touches[0].clientX;
|
|
56
|
+
}
|
|
57
|
+
onTouchEnd() {
|
|
58
|
+
const swipeDistance = this.touchEndX - this.touchStartX;
|
|
59
|
+
// Só considera swipe se movimento for maior que 2px
|
|
60
|
+
if (Math.abs(swipeDistance) < 2)
|
|
61
|
+
return;
|
|
62
|
+
if (swipeDistance > 0) {
|
|
63
|
+
this.prevSlide();
|
|
64
|
+
}
|
|
65
|
+
else if (swipeDistance < 0) {
|
|
66
|
+
this.nextSlide();
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
getStepIndexes() {
|
|
70
|
+
const totalSteps = Math.ceil(this.items.length / this.itemsPerSlide);
|
|
71
|
+
return Array.from({ length: totalSteps }, (_, i) => i);
|
|
72
|
+
}
|
|
73
|
+
getCurrentStepIndex() {
|
|
74
|
+
return Math.floor(this.currentIndex / this.itemsPerSlide);
|
|
75
|
+
}
|
|
76
|
+
goToFirstSlide() {
|
|
77
|
+
this.currentIndex = 0;
|
|
78
|
+
this.updateOffset();
|
|
79
|
+
this.scrollActiveDotIntoView(0);
|
|
80
|
+
}
|
|
81
|
+
goToSlide(index) {
|
|
82
|
+
this.currentIndex = index * this.itemsPerSlide;
|
|
83
|
+
this.updateOffset();
|
|
84
|
+
this.scrollActiveDotIntoView(index);
|
|
85
|
+
this.dotClickEventEmitter.emit();
|
|
86
|
+
}
|
|
87
|
+
prevSlide() {
|
|
88
|
+
if (this.currentIndex > 0) {
|
|
89
|
+
this.currentIndex = Math.max(0, this.currentIndex - this.itemsPerSlide);
|
|
90
|
+
this.updateOffset();
|
|
91
|
+
this.scrollActiveDotIntoView(this.getCurrentStepIndex());
|
|
92
|
+
this.previousClickEventEmitter.emit();
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
nextSlide() {
|
|
96
|
+
const maxIndex = this.items.length - this.itemsPerSlide;
|
|
97
|
+
if (this.currentIndex >= maxIndex) {
|
|
98
|
+
this.currentIndex = 0;
|
|
99
|
+
}
|
|
100
|
+
else {
|
|
101
|
+
this.currentIndex = Math.min(maxIndex, this.currentIndex + this.itemsPerSlide);
|
|
102
|
+
}
|
|
103
|
+
this.updateOffset();
|
|
104
|
+
this.scrollActiveDotIntoView(this.getCurrentStepIndex());
|
|
105
|
+
this.nextClickEventEmitter.emit();
|
|
106
|
+
}
|
|
107
|
+
updateOffset() {
|
|
108
|
+
this.offset = -100 * (this.currentIndex / this.itemsPerSlide);
|
|
109
|
+
}
|
|
110
|
+
scrollActiveDotIntoView(index) {
|
|
111
|
+
setTimeout(() => {
|
|
112
|
+
const dotsContainer = this.dotsContainer?.nativeElement;
|
|
113
|
+
if (!dotsContainer)
|
|
114
|
+
return;
|
|
115
|
+
const dots = dotsContainer.getElementsByClassName('dot');
|
|
116
|
+
if (!dots || !dots[index])
|
|
117
|
+
return;
|
|
118
|
+
const activeDot = dots[index];
|
|
119
|
+
const containerWidth = dotsContainer.offsetWidth;
|
|
120
|
+
const dotWidth = activeDot.offsetWidth + 10;
|
|
121
|
+
const scrollPosition = dotWidth * index - containerWidth / 2 + dotWidth / 2;
|
|
122
|
+
dotsContainer.scrollTo({
|
|
123
|
+
left: Math.max(0, scrollPosition),
|
|
124
|
+
behavior: 'smooth',
|
|
125
|
+
});
|
|
126
|
+
});
|
|
127
|
+
}
|
|
128
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCarouselComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
129
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxCarouselComponent, isStandalone: true, selector: "lib-elux-carousel", inputs: { itemsPerSlide: "itemsPerSlide", removeArrows: "removeArrows", removeDots: "removeDots", autoPlayInterval: "autoPlayInterval" }, outputs: { previousClickEventEmitter: "previousClickEventEmitter", nextClickEventEmitter: "nextClickEventEmitter", dotClickEventEmitter: "dotClickEventEmitter" }, queries: [{ propertyName: "items", predicate: ["carouselItem"], read: ElementRef }], viewQueries: [{ propertyName: "dotsContainer", first: true, predicate: ["dotsContainer"], descendants: true }], ngImport: i0, template: "<div class=\"c-carousel-container\">\r\n <div class=\"c-carousel-slides\" [style.transform]=\"'translateX(' + offset + '%)'\" (touchstart)=\"onTouchStart($event)\" (touchmove)=\"onTouchMove($event)\" (touchend)=\"onTouchEnd()\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <div class=\"c-carousel-footer\">\r\n <button [hidden]=\"removeArrows\" class=\"c-carousel-nav prev\" title=\"Slide anterior\" aria-label=\"Slide anterior\" (click)=\"prevSlide()\">\r\n <lib-elux-icon [icon]=\"'Chevron_Left.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\" [color]=\"'#020F2E'\"></lib-elux-icon>\r\n </button>\r\n\r\n <div [hidden]=\"removeDots\" class=\"c-carousel-dots\" #dotsContainer>\r\n <span\r\n role=\"button\"\r\n class=\"dot\"\r\n *ngFor=\"let index of getStepIndexes()\"\r\n (click)=\"goToSlide(index)\"\r\n (keyup)=\"goToSlide(index)\"\r\n [class.active]=\"index === getCurrentStepIndex()\"\r\n [attr.aria-disabled]=\"true\"\r\n [attr.aria-label]=\"'pagina' + (index + 1)\"\r\n >\r\n </span>\r\n </div>\r\n\r\n <button [hidden]=\"removeArrows\" class=\"c-carousel-nav next\" title=\"Pr\u00F3ximo slide\" aria-label=\"Pr\u00F3ximo slide\" (click)=\"nextSlide()\">\r\n <lib-elux-icon [icon]=\"'Chevron_Right.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\" [color]=\"'#020F2E'\"></lib-elux-icon>\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.c-carousel-container{position:relative;width:100%}.c-carousel-slides{display:flex;transition:transform .4s ease-in-out;touch-action:pan-y}.c-carousel-item{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;gap:16px;height:150px;margin:6px;border:1px solid #dee7ea;border-radius:2px;cursor:pointer}.c-carousel-item .c-span{font-weight:400;font-size:18px;color:#011e41}.c-carousel-footer{width:min-content;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 0 24px}.c-carousel-footer .c-carousel-nav{background:none;border:none;cursor:pointer;padding:8px;border-radius:50px;background-color:#dfe7ea;transition:all ease-in-out .2s;z-index:2}.c-carousel-footer .c-carousel-nav:hover{transform:scale(1.1)}.c-carousel-footer .c-carousel-nav ::ng-deep span{display:block}.c-carousel-footer .c-carousel-dots{padding:6px;display:flex;text-align:center;border:1px solid #020f2e;border-radius:16px;margin:0 16px;max-width:120px;overflow:hidden;position:relative}@media (max-width: 768px){.c-carousel-footer .c-carousel-dots{margin:0 12px;max-width:100px}}.c-carousel-footer .dot{height:10px;width:10px;margin:0 5px;background-color:#dfe7ea;border-radius:50%;display:inline-block;cursor:pointer;transition:all ease-in-out .2s;flex-shrink:0}.c-carousel-footer .dot:hover,.c-carousel-footer .dot.active{background-color:#011e41}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
130
|
+
}
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCarouselComponent, decorators: [{
|
|
132
|
+
type: Component,
|
|
133
|
+
args: [{ standalone: true, selector: 'lib-elux-carousel', imports: [CommonModule, EluxIcon], template: "<div class=\"c-carousel-container\">\r\n <div class=\"c-carousel-slides\" [style.transform]=\"'translateX(' + offset + '%)'\" (touchstart)=\"onTouchStart($event)\" (touchmove)=\"onTouchMove($event)\" (touchend)=\"onTouchEnd()\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <div class=\"c-carousel-footer\">\r\n <button [hidden]=\"removeArrows\" class=\"c-carousel-nav prev\" title=\"Slide anterior\" aria-label=\"Slide anterior\" (click)=\"prevSlide()\">\r\n <lib-elux-icon [icon]=\"'Chevron_Left.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\" [color]=\"'#020F2E'\"></lib-elux-icon>\r\n </button>\r\n\r\n <div [hidden]=\"removeDots\" class=\"c-carousel-dots\" #dotsContainer>\r\n <span\r\n role=\"button\"\r\n class=\"dot\"\r\n *ngFor=\"let index of getStepIndexes()\"\r\n (click)=\"goToSlide(index)\"\r\n (keyup)=\"goToSlide(index)\"\r\n [class.active]=\"index === getCurrentStepIndex()\"\r\n [attr.aria-disabled]=\"true\"\r\n [attr.aria-label]=\"'pagina' + (index + 1)\"\r\n >\r\n </span>\r\n </div>\r\n\r\n <button [hidden]=\"removeArrows\" class=\"c-carousel-nav next\" title=\"Pr\u00F3ximo slide\" aria-label=\"Pr\u00F3ximo slide\" (click)=\"nextSlide()\">\r\n <lib-elux-icon [icon]=\"'Chevron_Right.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\" [color]=\"'#020F2E'\"></lib-elux-icon>\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.c-carousel-container{position:relative;width:100%}.c-carousel-slides{display:flex;transition:transform .4s ease-in-out;touch-action:pan-y}.c-carousel-item{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;gap:16px;height:150px;margin:6px;border:1px solid #dee7ea;border-radius:2px;cursor:pointer}.c-carousel-item .c-span{font-weight:400;font-size:18px;color:#011e41}.c-carousel-footer{width:min-content;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 0 24px}.c-carousel-footer .c-carousel-nav{background:none;border:none;cursor:pointer;padding:8px;border-radius:50px;background-color:#dfe7ea;transition:all ease-in-out .2s;z-index:2}.c-carousel-footer .c-carousel-nav:hover{transform:scale(1.1)}.c-carousel-footer .c-carousel-nav ::ng-deep span{display:block}.c-carousel-footer .c-carousel-dots{padding:6px;display:flex;text-align:center;border:1px solid #020f2e;border-radius:16px;margin:0 16px;max-width:120px;overflow:hidden;position:relative}@media (max-width: 768px){.c-carousel-footer .c-carousel-dots{margin:0 12px;max-width:100px}}.c-carousel-footer .dot{height:10px;width:10px;margin:0 5px;background-color:#dfe7ea;border-radius:50%;display:inline-block;cursor:pointer;transition:all ease-in-out .2s;flex-shrink:0}.c-carousel-footer .dot:hover,.c-carousel-footer .dot.active{background-color:#011e41}\n"] }]
|
|
134
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { items: [{
|
|
135
|
+
type: ContentChildren,
|
|
136
|
+
args: ['carouselItem', { read: ElementRef }]
|
|
137
|
+
}], dotsContainer: [{
|
|
138
|
+
type: ViewChild,
|
|
139
|
+
args: ['dotsContainer']
|
|
140
|
+
}], itemsPerSlide: [{
|
|
141
|
+
type: Input
|
|
142
|
+
}], removeArrows: [{
|
|
143
|
+
type: Input
|
|
144
|
+
}], removeDots: [{
|
|
145
|
+
type: Input
|
|
146
|
+
}], autoPlayInterval: [{
|
|
147
|
+
type: Input
|
|
148
|
+
}], previousClickEventEmitter: [{
|
|
149
|
+
type: Output
|
|
150
|
+
}], nextClickEventEmitter: [{
|
|
151
|
+
type: Output
|
|
152
|
+
}], dotClickEventEmitter: [{
|
|
153
|
+
type: Output
|
|
154
|
+
}] } });
|
|
155
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvY2Fyb3VzZWwvY2Fyb3VzZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvY2Fyb3VzZWwvY2Fyb3VzZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBb0IsU0FBUyxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQXVDLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqTCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFDOzs7QUFjbkMsTUFBTSxPQUFPLHFCQUFxQjtJQW9CaEMsWUFBb0IsUUFBbUI7UUFBbkIsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQWhCOUIsa0JBQWEsR0FBVyxDQUFDLENBQUM7UUFDMUIsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDOUIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixxQkFBZ0IsR0FBa0IsSUFBSSxDQUFDO1FBRXRDLDhCQUF5QixHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFDdEQsMEJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUNsRCx5QkFBb0IsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBRTNELGlCQUFZLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLFdBQU0sR0FBRyxDQUFDLENBQUM7UUFFSCxnQkFBVyxHQUFHLENBQUMsQ0FBQztRQUNoQixjQUFTLEdBQUcsQ0FBQyxDQUFDO0lBR29CLENBQUM7SUFFM0Msa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUVyQixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUN2QixDQUFDO1FBRUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNoQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN4QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxhQUFhO1FBQ25CLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDMUIsTUFBTSxRQUFRLEdBQUcsZUFBZSxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUM7WUFDdEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDbkUsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDLHVDQUF1QztRQUM1RCxJQUFJLENBQUMsYUFBYSxHQUFHLFdBQVcsQ0FBQyxHQUFHLEVBQUU7WUFDcEMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ25CLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3ZCLGFBQWEsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDbEMsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7UUFDNUIsQ0FBQztJQUNILENBQUM7SUFFRCxZQUFZLENBQUMsS0FBaUI7UUFDNUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQztRQUM1QyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxpQ0FBaUM7SUFDdEUsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFpQjtRQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO0lBQzVDLENBQUM7SUFFRCxVQUFVO1FBQ1IsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBRXhELG9EQUFvRDtRQUNwRCxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQztZQUFFLE9BQU87UUFFeEMsSUFBSSxhQUFhLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ25CLENBQUM7YUFBTSxJQUFJLGFBQWEsR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUM3QixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDbkIsQ0FBQztJQUNILENBQUM7SUFFRCxjQUFjO1FBQ1osTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDckUsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVELG1CQUFtQjtRQUNqQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQztRQUN0QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBYTtRQUNyQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBQy9DLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsdUJBQXVCLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDcEMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDeEUsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDO1lBQ3pELElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN4QyxDQUFDO0lBQ0gsQ0FBQztJQUVELFNBQVM7UUFDUCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBQ3hELElBQUksSUFBSSxDQUFDLFlBQVksSUFBSSxRQUFRLEVBQUUsQ0FBQztZQUNsQyxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQztRQUN4QixDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDakYsQ0FBQztRQUNELElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUMsQ0FBQztRQUN6RCxJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDaEUsQ0FBQztJQUVPLHVCQUF1QixDQUFDLEtBQWE7UUFDM0MsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsYUFBYSxDQUFDO1lBQ3hELElBQUksQ0FBQyxhQUFhO2dCQUFFLE9BQU87WUFFM0IsTUFBTSxJQUFJLEdBQUcsYUFBYSxDQUFDLHNCQUFzQixDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3pELElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO2dCQUFFLE9BQU87WUFFbEMsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzlCLE1BQU0sY0FBYyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUM7WUFDakQsTUFBTSxRQUFRLEdBQUcsU0FBUyxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUM7WUFDNUMsTUFBTSxjQUFjLEdBQUcsUUFBUSxHQUFHLEtBQUssR0FBRyxjQUFjLEdBQUcsQ0FBQyxHQUFHLFFBQVEsR0FBRyxDQUFDLENBQUM7WUFFNUUsYUFBYSxDQUFDLFFBQVEsQ0FBQztnQkFDckIsSUFBSSxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLGNBQWMsQ0FBQztnQkFDakMsUUFBUSxFQUFFLFFBQVE7YUFDbkIsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOytHQWhKVSxxQkFBcUI7bUdBQXJCLHFCQUFxQix3YUFDUyxVQUFVLDZJQ2pCckQsMDVDQTZCQSxpM0ZEZlksWUFBWSw0SkFBRSxRQUFROzs0RkFFckIscUJBQXFCO2tCQVBqQyxTQUFTO2lDQUNJLElBQUksWUFDTixtQkFBbUIsV0FHcEIsQ0FBQyxZQUFZLEVBQUUsUUFBUSxDQUFDOzhFQUdzQixLQUFLO3NCQUEzRCxlQUFlO3VCQUFDLGNBQWMsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBQ3pCLGFBQWE7c0JBQXhDLFNBQVM7dUJBQUMsZUFBZTtnQkFFakIsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUVJLHlCQUF5QjtzQkFBbEMsTUFBTTtnQkFDRyxxQkFBcUI7c0JBQTlCLE1BQU07Z0JBQ0csb0JBQW9CO3NCQUE3QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0LCBRdWVyeUxpc3QsIFJlbmRlcmVyMiwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEVsdXhJY29uIH0gZnJvbSAnLi4vaWNvbic7XHJcblxyXG5leHBvcnQgdHlwZSBQcm9kdWN0SXRlbSA9IHtcclxuICBuYW1lOiBzdHJpbmc7XHJcbiAgaW1hZ2U6IHN0cmluZztcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgc2VsZWN0b3I6ICdsaWItZWx1eC1jYXJvdXNlbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Nhcm91c2VsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jYXJvdXNlbC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEVsdXhJY29uXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEVsdXhDYXJvdXNlbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xyXG4gIEBDb250ZW50Q2hpbGRyZW4oJ2Nhcm91c2VsSXRlbScsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBpdGVtcyE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcclxuICBAVmlld0NoaWxkKCdkb3RzQ29udGFpbmVyJykgZG90c0NvbnRhaW5lciE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBJbnB1dCgpIGl0ZW1zUGVyU2xpZGU6IG51bWJlciA9IDQ7XHJcbiAgQElucHV0KCkgcmVtb3ZlQXJyb3dzOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcmVtb3ZlRG90czogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGF1dG9QbGF5SW50ZXJ2YWw6IG51bWJlciB8IG51bGwgPSBudWxsO1xyXG5cclxuICBAT3V0cHV0KCkgcHJldmlvdXNDbGlja0V2ZW50RW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XHJcbiAgQE91dHB1dCgpIG5leHRDbGlja0V2ZW50RW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XHJcbiAgQE91dHB1dCgpIGRvdENsaWNrRXZlbnRFbWl0dGVyID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTsgIFxyXG5cclxuICBjdXJyZW50SW5kZXggPSAwO1xyXG4gIG9mZnNldCA9IDA7XHJcblxyXG4gIHByaXZhdGUgdG91Y2hTdGFydFggPSAwO1xyXG4gIHByaXZhdGUgdG91Y2hFbmRYID0gMDtcclxuICBwcml2YXRlIGF1dG9QbGF5VGltZXI6IGFueTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxyXG5cclxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XHJcbiAgICB0aGlzLnNldEl0ZW1XaWR0aHMoKTtcclxuXHJcbiAgICBpZiAodGhpcy5hdXRvUGxheUludGVydmFsKSB7XHJcbiAgICAgIHRoaXMuc3RhcnRBdXRvUGxheSgpO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuaXRlbXMuY2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICB0aGlzLnNldEl0ZW1XaWR0aHMoKTtcclxuICAgICAgdGhpcy51cGRhdGVPZmZzZXQoKTtcclxuICAgICAgdGhpcy5nb1RvRmlyc3RTbGlkZSgpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNldEl0ZW1XaWR0aHMoKSB7XHJcbiAgICB0aGlzLml0ZW1zLmZvckVhY2goKGl0ZW0pID0+IHtcclxuICAgICAgY29uc3QgbWluV2lkdGggPSBgY2FsYygxMDAlIC8gJHt0aGlzLml0ZW1zUGVyU2xpZGV9KWA7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoaXRlbS5uYXRpdmVFbGVtZW50LCAnbWluV2lkdGgnLCBtaW5XaWR0aCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHN0YXJ0QXV0b1BsYXkoKSB7XHJcbiAgICB0aGlzLnN0b3BBdXRvUGxheSgpOyAvLyBHYXJhbnRlIHF1ZSBuw6NvIGjDoSBpbnRlcnZhbG9zIGF0aXZvc1xyXG4gICAgdGhpcy5hdXRvUGxheVRpbWVyID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xyXG4gICAgICB0aGlzLm5leHRTbGlkZSgpO1xyXG4gICAgfSwgKHRoaXMuYXV0b1BsYXlJbnRlcnZhbCB8fCAwKSAqIDEwMDApO1xyXG4gIH1cclxuXHJcbiAgc3RvcEF1dG9QbGF5KCkge1xyXG4gICAgaWYgKHRoaXMuYXV0b1BsYXlUaW1lcikge1xyXG4gICAgICBjbGVhckludGVydmFsKHRoaXMuYXV0b1BsYXlUaW1lcik7XHJcbiAgICAgIHRoaXMuYXV0b1BsYXlUaW1lciA9IG51bGw7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvblRvdWNoU3RhcnQoZXZlbnQ6IFRvdWNoRXZlbnQpIHtcclxuICAgIHRoaXMudG91Y2hTdGFydFggPSBldmVudC50b3VjaGVzWzBdLmNsaWVudFg7XHJcbiAgICB0aGlzLnRvdWNoRW5kWCA9IHRoaXMudG91Y2hTdGFydFg7IC8vIHJlc2V0YSBwYXJhIGV2aXRhciBzd2lwZSBmYWxzb1xyXG4gIH1cclxuXHJcbiAgb25Ub3VjaE1vdmUoZXZlbnQ6IFRvdWNoRXZlbnQpIHtcclxuICAgIHRoaXMudG91Y2hFbmRYID0gZXZlbnQudG91Y2hlc1swXS5jbGllbnRYO1xyXG4gIH1cclxuXHJcbiAgb25Ub3VjaEVuZCgpIHtcclxuICAgIGNvbnN0IHN3aXBlRGlzdGFuY2UgPSB0aGlzLnRvdWNoRW5kWCAtIHRoaXMudG91Y2hTdGFydFg7XHJcblxyXG4gICAgLy8gU8OzIGNvbnNpZGVyYSBzd2lwZSBzZSBtb3ZpbWVudG8gZm9yIG1haW9yIHF1ZSAycHhcclxuICAgIGlmIChNYXRoLmFicyhzd2lwZURpc3RhbmNlKSA8IDIpIHJldHVybjtcclxuXHJcbiAgICBpZiAoc3dpcGVEaXN0YW5jZSA+IDApIHtcclxuICAgICAgdGhpcy5wcmV2U2xpZGUoKTtcclxuICAgIH0gZWxzZSBpZiAoc3dpcGVEaXN0YW5jZSA8IDApIHtcclxuICAgICAgdGhpcy5uZXh0U2xpZGUoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGdldFN0ZXBJbmRleGVzKCk6IG51bWJlcltdIHtcclxuICAgIGNvbnN0IHRvdGFsU3RlcHMgPSBNYXRoLmNlaWwodGhpcy5pdGVtcy5sZW5ndGggLyB0aGlzLml0ZW1zUGVyU2xpZGUpO1xyXG4gICAgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IHRvdGFsU3RlcHMgfSwgKF8sIGkpID0+IGkpO1xyXG4gIH1cclxuXHJcbiAgZ2V0Q3VycmVudFN0ZXBJbmRleCgpOiBudW1iZXIge1xyXG4gICAgcmV0dXJuIE1hdGguZmxvb3IodGhpcy5jdXJyZW50SW5kZXggLyB0aGlzLml0ZW1zUGVyU2xpZGUpO1xyXG4gIH1cclxuXHJcbiAgZ29Ub0ZpcnN0U2xpZGUoKSB7XHJcbiAgICB0aGlzLmN1cnJlbnRJbmRleCA9IDA7XHJcbiAgICB0aGlzLnVwZGF0ZU9mZnNldCgpO1xyXG4gICAgdGhpcy5zY3JvbGxBY3RpdmVEb3RJbnRvVmlldygwKTtcclxuICB9XHJcblxyXG4gIGdvVG9TbGlkZShpbmRleDogbnVtYmVyKSB7XHJcbiAgICB0aGlzLmN1cnJlbnRJbmRleCA9IGluZGV4ICogdGhpcy5pdGVtc1BlclNsaWRlO1xyXG4gICAgdGhpcy51cGRhdGVPZmZzZXQoKTtcclxuICAgIHRoaXMuc2Nyb2xsQWN0aXZlRG90SW50b1ZpZXcoaW5kZXgpO1xyXG4gICAgdGhpcy5kb3RDbGlja0V2ZW50RW1pdHRlci5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBwcmV2U2xpZGUoKSB7XHJcbiAgICBpZiAodGhpcy5jdXJyZW50SW5kZXggPiAwKSB7XHJcbiAgICAgIHRoaXMuY3VycmVudEluZGV4ID0gTWF0aC5tYXgoMCwgdGhpcy5jdXJyZW50SW5kZXggLSB0aGlzLml0ZW1zUGVyU2xpZGUpO1xyXG4gICAgICB0aGlzLnVwZGF0ZU9mZnNldCgpO1xyXG4gICAgICB0aGlzLnNjcm9sbEFjdGl2ZURvdEludG9WaWV3KHRoaXMuZ2V0Q3VycmVudFN0ZXBJbmRleCgpKTtcclxuICAgICAgdGhpcy5wcmV2aW91c0NsaWNrRXZlbnRFbWl0dGVyLmVtaXQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5leHRTbGlkZSgpIHtcclxuICAgIGNvbnN0IG1heEluZGV4ID0gdGhpcy5pdGVtcy5sZW5ndGggLSB0aGlzLml0ZW1zUGVyU2xpZGU7XHJcbiAgICBpZiAodGhpcy5jdXJyZW50SW5kZXggPj0gbWF4SW5kZXgpIHtcclxuICAgICAgdGhpcy5jdXJyZW50SW5kZXggPSAwO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5jdXJyZW50SW5kZXggPSBNYXRoLm1pbihtYXhJbmRleCwgdGhpcy5jdXJyZW50SW5kZXggKyB0aGlzLml0ZW1zUGVyU2xpZGUpO1xyXG4gICAgfVxyXG4gICAgdGhpcy51cGRhdGVPZmZzZXQoKTtcclxuICAgIHRoaXMuc2Nyb2xsQWN0aXZlRG90SW50b1ZpZXcodGhpcy5nZXRDdXJyZW50U3RlcEluZGV4KCkpO1xyXG4gICAgdGhpcy5uZXh0Q2xpY2tFdmVudEVtaXR0ZXIuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgdXBkYXRlT2Zmc2V0KCkge1xyXG4gICAgdGhpcy5vZmZzZXQgPSAtMTAwICogKHRoaXMuY3VycmVudEluZGV4IC8gdGhpcy5pdGVtc1BlclNsaWRlKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgc2Nyb2xsQWN0aXZlRG90SW50b1ZpZXcoaW5kZXg6IG51bWJlcikge1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIGNvbnN0IGRvdHNDb250YWluZXIgPSB0aGlzLmRvdHNDb250YWluZXI/Lm5hdGl2ZUVsZW1lbnQ7XHJcbiAgICAgIGlmICghZG90c0NvbnRhaW5lcikgcmV0dXJuO1xyXG5cclxuICAgICAgY29uc3QgZG90cyA9IGRvdHNDb250YWluZXIuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnZG90Jyk7XHJcbiAgICAgIGlmICghZG90cyB8fCAhZG90c1tpbmRleF0pIHJldHVybjtcclxuXHJcbiAgICAgIGNvbnN0IGFjdGl2ZURvdCA9IGRvdHNbaW5kZXhdO1xyXG4gICAgICBjb25zdCBjb250YWluZXJXaWR0aCA9IGRvdHNDb250YWluZXIub2Zmc2V0V2lkdGg7XHJcbiAgICAgIGNvbnN0IGRvdFdpZHRoID0gYWN0aXZlRG90Lm9mZnNldFdpZHRoICsgMTA7XHJcbiAgICAgIGNvbnN0IHNjcm9sbFBvc2l0aW9uID0gZG90V2lkdGggKiBpbmRleCAtIGNvbnRhaW5lcldpZHRoIC8gMiArIGRvdFdpZHRoIC8gMjtcclxuXHJcbiAgICAgIGRvdHNDb250YWluZXIuc2Nyb2xsVG8oe1xyXG4gICAgICAgIGxlZnQ6IE1hdGgubWF4KDAsIHNjcm9sbFBvc2l0aW9uKSxcclxuICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXHJcbiAgICAgIH0pO1xyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjLWNhcm91c2VsLWNvbnRhaW5lclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJjLWNhcm91c2VsLXNsaWRlc1wiIFtzdHlsZS50cmFuc2Zvcm1dPVwiJ3RyYW5zbGF0ZVgoJyArIG9mZnNldCArICclKSdcIiAodG91Y2hzdGFydCk9XCJvblRvdWNoU3RhcnQoJGV2ZW50KVwiICh0b3VjaG1vdmUpPVwib25Ub3VjaE1vdmUoJGV2ZW50KVwiICh0b3VjaGVuZCk9XCJvblRvdWNoRW5kKClcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cImMtY2Fyb3VzZWwtZm9vdGVyXCI+XHJcbiAgICA8YnV0dG9uIFtoaWRkZW5dPVwicmVtb3ZlQXJyb3dzXCIgY2xhc3M9XCJjLWNhcm91c2VsLW5hdiBwcmV2XCIgdGl0bGU9XCJTbGlkZSBhbnRlcmlvclwiIGFyaWEtbGFiZWw9XCJTbGlkZSBhbnRlcmlvclwiIChjbGljayk9XCJwcmV2U2xpZGUoKVwiPlxyXG4gICAgICA8bGliLWVsdXgtaWNvbiBbaWNvbl09XCInQ2hldnJvbl9MZWZ0LnN2ZydcIiBbc2l6ZV09XCInMTYnXCIgW3NpemVUeXBlXT1cIidweCdcIiBbY29sb3JdPVwiJyMwMjBGMkUnXCI+PC9saWItZWx1eC1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcblxyXG4gICAgPGRpdiBbaGlkZGVuXT1cInJlbW92ZURvdHNcIiBjbGFzcz1cImMtY2Fyb3VzZWwtZG90c1wiICNkb3RzQ29udGFpbmVyPlxyXG4gICAgICA8c3BhblxyXG4gICAgICAgIHJvbGU9XCJidXR0b25cIlxyXG4gICAgICAgIGNsYXNzPVwiZG90XCJcclxuICAgICAgICAqbmdGb3I9XCJsZXQgaW5kZXggb2YgZ2V0U3RlcEluZGV4ZXMoKVwiXHJcbiAgICAgICAgKGNsaWNrKT1cImdvVG9TbGlkZShpbmRleClcIlxyXG4gICAgICAgIChrZXl1cCk9XCJnb1RvU2xpZGUoaW5kZXgpXCJcclxuICAgICAgICBbY2xhc3MuYWN0aXZlXT1cImluZGV4ID09PSBnZXRDdXJyZW50U3RlcEluZGV4KClcIlxyXG4gICAgICAgIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwidHJ1ZVwiXHJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCIncGFnaW5hJyArIChpbmRleCArIDEpXCJcclxuICAgICAgPlxyXG4gICAgICA8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8YnV0dG9uIFtoaWRkZW5dPVwicmVtb3ZlQXJyb3dzXCIgY2xhc3M9XCJjLWNhcm91c2VsLW5hdiBuZXh0XCIgdGl0bGU9XCJQcsOzeGltbyBzbGlkZVwiIGFyaWEtbGFiZWw9XCJQcsOzeGltbyBzbGlkZVwiIChjbGljayk9XCJuZXh0U2xpZGUoKVwiPlxyXG4gICAgICA8bGliLWVsdXgtaWNvbiBbaWNvbl09XCInQ2hldnJvbl9SaWdodC5zdmcnXCIgW3NpemVdPVwiJzE2J1wiIFtzaXplVHlwZV09XCIncHgnXCIgW2NvbG9yXT1cIicjMDIwRjJFJ1wiPjwvbGliLWVsdXgtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './carousel.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9jYXJvdXNlbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jYXJvdXNlbC5jb21wb25lbnQnO1xyXG4iXX0=
|