@elxjs/ui 0.0.172 → 0.0.173
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 -795
- package/assets/fonts/electroluxsans_1_thin-webfont.svg +22257 -22257
- package/assets/fonts/electroluxsans_2_light-demo.html +795 -795
- package/assets/fonts/electroluxsans_2_light-webfont.svg +22260 -22260
- package/assets/fonts/electroluxsans_3_regular-demo.html +795 -795
- package/assets/fonts/electroluxsans_3_regular-webfont.svg +21870 -21870
- package/assets/fonts/electroluxsans_4_semibold-demo.html +795 -795
- package/assets/fonts/electroluxsans_4_semibold-webfont.svg +24127 -24127
- package/assets/fonts/electroluxsans_5_bold-demo.html +795 -795
- package/assets/fonts/electroluxsans_5_bold-webfont.svg +24065 -24065
- package/assets/fonts/electroluxsans_oblique_1_thin-demo.html +795 -795
- package/assets/fonts/electroluxsans_oblique_1_thin-webfont.svg +22373 -22373
- package/assets/fonts/electroluxsans_oblique_2_light-demo.html +795 -795
- package/assets/fonts/electroluxsans_oblique_2_light-webfont.svg +22438 -22438
- package/assets/fonts/electroluxsans_oblique_3_regular-demo.html +795 -795
- package/assets/fonts/electroluxsans_oblique_3_regular-webfont.svg +22294 -22294
- package/assets/fonts/electroluxsans_oblique_4_semibold-demo.html +795 -795
- package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.svg +24395 -24395
- package/assets/fonts/electroluxsans_oblique_5_bold-demo.html +795 -795
- package/assets/fonts/electroluxsans_oblique_5_bold-webfont.svg +24408 -24408
- package/assets/icons/Avatar.svg +5 -5
- package/assets/icons/Bell.svg +5 -5
- package/assets/icons/Block.svg +5 -5
- package/assets/icons/Blocked.svg +3 -3
- package/assets/icons/Book.svg +5 -5
- package/assets/icons/Calendar.svg +5 -5
- package/assets/icons/Camera.svg +3 -3
- package/assets/icons/Cart.svg +8 -8
- package/assets/icons/Chat.svg +6 -6
- package/assets/icons/Check.svg +4 -4
- package/assets/icons/Check_Tick.svg +5 -5
- package/assets/icons/Chevron_Down.svg +3 -3
- package/assets/icons/Chevron_Left.svg +3 -3
- package/assets/icons/Chevron_Left_Double.svg +8 -8
- package/assets/icons/Chevron_Right.svg +3 -3
- package/assets/icons/Chevron_Right_Double.svg +8 -8
- package/assets/icons/Chevron_Up.svg +3 -3
- package/assets/icons/Close.svg +11 -11
- package/assets/icons/Compare_Products.svg +5 -5
- package/assets/icons/Config.svg +5 -5
- package/assets/icons/Config_2.svg +5 -5
- package/assets/icons/Discount.svg +5 -5
- package/assets/icons/Edit.svg +5 -5
- package/assets/icons/Edit_2.svg +7 -7
- package/assets/icons/Eye_Hide.svg +5 -5
- package/assets/icons/Eye_View.svg +4 -4
- package/assets/icons/FAQ.svg +5 -5
- package/assets/icons/Facebook.svg +10 -10
- package/assets/icons/Fridge_And_Freezer.svg +10 -10
- package/assets/icons/Gift.svg +3 -3
- package/assets/icons/Hide.svg +9 -9
- package/assets/icons/Info.svg +6 -6
- package/assets/icons/Instagram.svg +10 -10
- package/assets/icons/Like.svg +3 -3
- package/assets/icons/Like_filled.svg +3 -3
- package/assets/icons/Link.svg +7 -7
- package/assets/icons/Load.svg +18 -18
- package/assets/icons/Location.svg +8 -8
- package/assets/icons/Lock.svg +3 -3
- package/assets/icons/Logo.svg +20 -20
- package/assets/icons/Logo_new.svg +13 -13
- package/assets/icons/Mail.svg +6 -6
- package/assets/icons/Maintenance.svg +9 -9
- package/assets/icons/Nav.svg +5 -5
- package/assets/icons/Phone.svg +5 -5
- package/assets/icons/Pin.svg +3 -3
- package/assets/icons/Plus.svg +8 -8
- package/assets/icons/PriceTag.svg +6 -6
- package/assets/icons/Screwdriver.svg +10 -10
- package/assets/icons/Search.svg +6 -6
- package/assets/icons/Share.svg +3 -3
- package/assets/icons/Shield.svg +6 -6
- package/assets/icons/Star.svg +12 -12
- package/assets/icons/Star_Filled.svg +3 -3
- package/assets/icons/Stars.svg +9 -9
- package/assets/icons/Stars_2.svg +3 -3
- package/assets/icons/Top_Rating.svg +3 -3
- package/assets/icons/Trash.svg +5 -5
- package/assets/icons/Warning.svg +9 -9
- package/assets/icons/Whatsapp.svg +5 -5
- package/assets/icons/Youtube.svg +10 -10
- package/assets/styles/colors.scss +35 -35
- package/assets/styles/fonts.scss +102 -102
- package/assets/styles/inputs.scss +139 -139
- package/assets/styles/typography.scss +116 -116
- package/esm2022/index.mjs +1 -1
- package/esm2022/lib/components/accordion/accordion.component.mjs +5 -5
- package/esm2022/lib/components/accordion/index.mjs +1 -1
- package/esm2022/lib/components/arrow-link/arrow-link.component.mjs +5 -5
- package/esm2022/lib/components/arrow-link/index.mjs +1 -1
- package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +5 -5
- package/esm2022/lib/components/breadcrumb/index.mjs +1 -1
- package/esm2022/lib/components/button/button.component.mjs +5 -5
- package/esm2022/lib/components/button/index.mjs +1 -1
- package/esm2022/lib/components/card-1/card1.component.mjs +5 -5
- package/esm2022/lib/components/card-1/index.mjs +1 -1
- package/esm2022/lib/components/card-2/card2.component.mjs +5 -5
- package/esm2022/lib/components/card-2/index.mjs +1 -1
- package/esm2022/lib/components/card-3/card3.component.mjs +5 -5
- package/esm2022/lib/components/card-3/index.mjs +1 -1
- package/esm2022/lib/components/card-4/card4.component.mjs +5 -5
- package/esm2022/lib/components/card-4/index.mjs +1 -1
- package/esm2022/lib/components/carousel/carousel.component.mjs +5 -5
- package/esm2022/lib/components/carousel/index.mjs +1 -1
- package/esm2022/lib/components/chip/chip.component.mjs +5 -5
- package/esm2022/lib/components/chip/index.mjs +1 -1
- package/esm2022/lib/components/datatable/datatable.component.mjs +5 -5
- package/esm2022/lib/components/datatable/datatable.component.types.mjs +1 -1
- package/esm2022/lib/components/datatable/index.mjs +1 -1
- package/esm2022/lib/components/datepicker/datepicker.component.mjs +6 -6
- package/esm2022/lib/components/datepicker/index.mjs +1 -1
- package/esm2022/lib/components/dropdown/dropdown.component.mjs +6 -6
- package/esm2022/lib/components/dropdown/index.mjs +1 -1
- package/esm2022/lib/components/dropdown-multiple/dropdown-multiple.component.mjs +5 -5
- package/esm2022/lib/components/icon/icon.component.mjs +5 -5
- package/esm2022/lib/components/icon/index.mjs +1 -1
- package/esm2022/lib/components/index.mjs +1 -1
- package/esm2022/lib/components/input-search/index.mjs +1 -1
- package/esm2022/lib/components/input-search/input-search.component.mjs +5 -5
- package/esm2022/lib/components/input-search-modal/index.mjs +1 -1
- package/esm2022/lib/components/input-search-modal/input-search-modal.component.mjs +5 -5
- package/esm2022/lib/components/loading/index.mjs +1 -1
- package/esm2022/lib/components/loading/loading.component.mjs +5 -5
- package/esm2022/lib/components/loading-2/index.mjs +1 -1
- package/esm2022/lib/components/loading-2/loading-2.component.mjs +5 -5
- package/esm2022/lib/components/modal/index.mjs +1 -1
- package/esm2022/lib/components/modal/modal.component.mjs +5 -5
- package/esm2022/lib/components/paginator/index.mjs +1 -1
- package/esm2022/lib/components/paginator/paginator.component.mjs +5 -5
- package/esm2022/lib/components/stepbar/index.mjs +1 -1
- package/esm2022/lib/components/stepbar/stepbar.component.mjs +5 -5
- package/esm2022/lib/components/switch/switch.component.mjs +25 -25
- package/esm2022/lib/components/toast/index.mjs +1 -1
- package/esm2022/lib/components/toast/toast.component.mjs +5 -5
- package/esm2022/lib/index.mjs +1 -1
- package/esm2022/lib/modules/electrolux-design-system.module.mjs +5 -5
- package/esm2022/lib/modules/index.mjs +1 -1
- package/esm2022/lib/services/index.mjs +1 -1
- package/esm2022/lib/services/toaster.service.mjs +4 -4
- package/fesm2022/elxjs-ui.mjs +125 -125
- package/fesm2022/elxjs-ui.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/elxjs-ui.mjs
CHANGED
|
@@ -33,12 +33,12 @@ class EluxIcon {
|
|
|
33
33
|
'-webkit-mask-position': 'center'
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EluxIcon, isStandalone: true, selector: "lib-elux-icon", inputs: { color: "color", useSubscription: "useSubscription", icon: "icon", description: "description", size: "size", height: "height", width: "width", sizeType: "sizeType" }, viewQueries: [{ propertyName: "iconSpan", first: true, predicate: ["iconSpan"], descendants: true }], ngImport: i0, template: "@if (icon) {\n<span #iconSpan class=\"icon\" [ngStyle]=\"iconMask()\"></span>\n}", styles: [".icon{display:inline-block;height:48px;width:48px;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
38
38
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxIcon, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
|
-
args: [{ selector: 'lib-elux-icon', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "@if (icon) {\
|
|
41
|
+
args: [{ selector: 'lib-elux-icon', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "@if (icon) {\n<span #iconSpan class=\"icon\" [ngStyle]=\"iconMask()\"></span>\n}", styles: [".icon{display:inline-block;height:48px;width:48px;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle}\n"] }]
|
|
42
42
|
}], ctorParameters: () => [], propDecorators: { iconSpan: [{
|
|
43
43
|
type: ViewChild,
|
|
44
44
|
args: ['iconSpan']
|
|
@@ -90,12 +90,12 @@ class EluxBreadcrumb {
|
|
|
90
90
|
document.removeEventListener('click', this.closeDropdown.bind(this));
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
94
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
93
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxBreadcrumb, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
94
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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\">\n <div class=\"breadcrumbMobile\">\n <div>\n <div class=\"dots\" (click)=\"toggleBreadcrumbDrop()\">...</div>\n <div class=\"dropGroup\" *ngIf=\"showBreadcrumbDrop\">\n <div *ngFor=\"let route of routes; let i = index\">\n <a class=\"text-decoration-none\" *ngIf=\"i != routes.length - 1\" [routerLink]=\"route.route\">\n <div class=\"dropOption\">\n {{ route.name }}\n </div>\n </a>\n </div>\n </div>\n </div>\n <div class=\"divBreadCrumbDesktop\">\n <lib-elux-icon class=\"align-middle mr-1\" color=\"#011E41\" icon=\"Chevron_Right.svg\" size=\"15\" sizeType=\"px\"></lib-elux-icon>\n <span class=\"lastRoute\" aria-current>{{ routes[routes.length-1].name }}</span>\n </div>\n </div>\n <div class=\"breadcrumbDesktop\">\n <div class=\"divBreadCrumbDesktop\" *ngFor=\"let route of routes; let i = index\">\n <a [routerLink]=\"route.route\" class=\"route\" *ngIf=\"i != routes.length - 1\">\n {{ route.name }}\n </a>\n <span class=\"lastRoute\" aria-current *ngIf=\"i == routes.length - 1\">\n {{ route.name }}\n </span>\n <lib-elux-icon class=\"align-middle mr-1 \" *ngIf=\"i != routes.length - 1\" color=\"#011E41\" icon=\"Chevron_Right.svg\"\n size=\"15\" sizeType=\"px\"></lib-elux-icon>\n </div>\n </div>\n</div>\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: i1$1.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"] }] }); }
|
|
95
95
|
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxBreadcrumb, decorators: [{
|
|
97
97
|
type: Component,
|
|
98
|
-
args: [{ selector: 'lib-elux-breadcrumb', standalone: true, imports: [CommonModule, ReactiveFormsModule, RouterModule, EluxIcon], template: "<div aria-label=\"breadcrumb\" class=\"breadCrumb\" *ngIf=\"routes && routes.length > 0\">\
|
|
98
|
+
args: [{ selector: 'lib-elux-breadcrumb', standalone: true, imports: [CommonModule, ReactiveFormsModule, RouterModule, EluxIcon], template: "<div aria-label=\"breadcrumb\" class=\"breadCrumb\" *ngIf=\"routes && routes.length > 0\">\n <div class=\"breadcrumbMobile\">\n <div>\n <div class=\"dots\" (click)=\"toggleBreadcrumbDrop()\">...</div>\n <div class=\"dropGroup\" *ngIf=\"showBreadcrumbDrop\">\n <div *ngFor=\"let route of routes; let i = index\">\n <a class=\"text-decoration-none\" *ngIf=\"i != routes.length - 1\" [routerLink]=\"route.route\">\n <div class=\"dropOption\">\n {{ route.name }}\n </div>\n </a>\n </div>\n </div>\n </div>\n <div class=\"divBreadCrumbDesktop\">\n <lib-elux-icon class=\"align-middle mr-1\" color=\"#011E41\" icon=\"Chevron_Right.svg\" size=\"15\" sizeType=\"px\"></lib-elux-icon>\n <span class=\"lastRoute\" aria-current>{{ routes[routes.length-1].name }}</span>\n </div>\n </div>\n <div class=\"breadcrumbDesktop\">\n <div class=\"divBreadCrumbDesktop\" *ngFor=\"let route of routes; let i = index\">\n <a [routerLink]=\"route.route\" class=\"route\" *ngIf=\"i != routes.length - 1\">\n {{ route.name }}\n </a>\n <span class=\"lastRoute\" aria-current *ngIf=\"i == routes.length - 1\">\n {{ route.name }}\n </span>\n <lib-elux-icon class=\"align-middle mr-1 \" *ngIf=\"i != routes.length - 1\" color=\"#011E41\" icon=\"Chevron_Right.svg\"\n size=\"15\" sizeType=\"px\"></lib-elux-icon>\n </div>\n </div>\n</div>\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"] }]
|
|
99
99
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { routes: [{
|
|
100
100
|
type: Input
|
|
101
101
|
}] } });
|
|
@@ -105,12 +105,12 @@ class EluxLoading {
|
|
|
105
105
|
this.size = 50;
|
|
106
106
|
this.white = false;
|
|
107
107
|
}
|
|
108
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
109
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
108
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxLoading, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
109
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxLoading, isStandalone: true, selector: "lib-elux-loading", inputs: { size: "size", white: "white" }, ngImport: i0, template: "<div class=\"backdrop\">\n <div class=\"spinner\" [ngClass]=\"{ white: white, blue: !white }\" [ngStyle]=\"{ 'width.px': size, 'height.px': size }\"></div>\n</div>\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}}.spinner{border:5px solid rgba(255,255,255,0);border-radius:50%;animation:spin 1s linear infinite}.blue{border-top:5px solid #011E41}.white{border-top:5px solid #FFFFFF}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
110
110
|
}
|
|
111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxLoading, decorators: [{
|
|
112
112
|
type: Component,
|
|
113
|
-
args: [{ selector: 'lib-elux-loading', standalone: true, imports: [CommonModule], template: "<div class=\"backdrop\">\
|
|
113
|
+
args: [{ selector: 'lib-elux-loading', standalone: true, imports: [CommonModule], template: "<div class=\"backdrop\">\n <div class=\"spinner\" [ngClass]=\"{ white: white, blue: !white }\" [ngStyle]=\"{ 'width.px': size, 'height.px': size }\"></div>\n</div>\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}}.spinner{border:5px solid rgba(255,255,255,0);border-radius:50%;animation:spin 1s linear infinite}.blue{border-top:5px solid #011E41}.white{border-top:5px solid #FFFFFF}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
114
114
|
}], propDecorators: { size: [{
|
|
115
115
|
type: Input
|
|
116
116
|
}], white: [{
|
|
@@ -162,12 +162,12 @@ class EluxButton {
|
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
166
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
165
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxButton, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
166
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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\n [type]=\"typeButton\"\n class=\"btn elux-button size-{{ size }}\"\n [disabled]=\"disabled\"\n [ngClass]=\"type\"\n (click)=\"clickButton($event)\"\n (keyup.enter)=\"clickButton($event)\"\n>\n <div *ngIf=\"loading\" [ngStyle]=\"{ 'width': '24px', 'margin': 'auto' , 'margin-top' : '3px' }\">\n <lib-elux-loading [size]=\"30\" [white]=\"true\"></lib-elux-loading>\n </div>\n <div [ngClass]=\"iconAlign\">\n <lib-elux-icon *ngIf=\"icon !== ''\" [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n <span *ngIf=\"!done && !loading\">\n {{ onlyfirstLetterUpper ? firstLetterUpper(content) : content }}\n </span>\n </div>\n</button>\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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.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"] }] }); }
|
|
167
167
|
}
|
|
168
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
168
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxButton, decorators: [{
|
|
169
169
|
type: Component,
|
|
170
|
-
args: [{ selector: 'lib-elux-button', standalone: true, imports: [CommonModule, ReactiveFormsModule, EluxIcon, EluxLoading], template: "<button\
|
|
170
|
+
args: [{ selector: 'lib-elux-button', standalone: true, imports: [CommonModule, ReactiveFormsModule, EluxIcon, EluxLoading], template: "<button\n [type]=\"typeButton\"\n class=\"btn elux-button size-{{ size }}\"\n [disabled]=\"disabled\"\n [ngClass]=\"type\"\n (click)=\"clickButton($event)\"\n (keyup.enter)=\"clickButton($event)\"\n>\n <div *ngIf=\"loading\" [ngStyle]=\"{ 'width': '24px', 'margin': 'auto' , 'margin-top' : '3px' }\">\n <lib-elux-loading [size]=\"30\" [white]=\"true\"></lib-elux-loading>\n </div>\n <div [ngClass]=\"iconAlign\">\n <lib-elux-icon *ngIf=\"icon !== ''\" [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n <span *ngIf=\"!done && !loading\">\n {{ onlyfirstLetterUpper ? firstLetterUpper(content) : content }}\n </span>\n </div>\n</button>\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"] }]
|
|
171
171
|
}], ctorParameters: () => [{ type: i1$1.Router }], propDecorators: { disabled: [{
|
|
172
172
|
type: Input
|
|
173
173
|
}], type: [{
|
|
@@ -300,16 +300,16 @@ class EluxDropdown {
|
|
|
300
300
|
get isInvalid() {
|
|
301
301
|
return this.parentFormControl?.invalid;
|
|
302
302
|
}
|
|
303
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
304
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
303
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxDropdown, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
304
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxDropdown, isStandalone: true, selector: "lib-elux-dropdown", inputs: { placeholder: "placeholder", options: "options", selectedOption: "selectedOption", disabled: "disabled", idInput: "idInput", showSearch: "showSearch" }, outputs: { optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [
|
|
305
305
|
{
|
|
306
306
|
provide: NG_VALUE_ACCESSOR,
|
|
307
307
|
useExisting: forwardRef(() => EluxDropdown),
|
|
308
308
|
multi: true,
|
|
309
309
|
},
|
|
310
|
-
], usesOnChanges: true, ngImport: i0, template: "<div class=\"custom-dropdown\">\
|
|
310
|
+
], usesOnChanges: true, ngImport: i0, template: "<div class=\"custom-dropdown\">\n <input\n type=\"text\"\n class=\"selected-option\"\n [id]=\"idInput\"\n [readonly]=\"showSearch ? false : true\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [value]=\"selectedOptionText ? selectedOptionText : ''\"\n [ngClass]=\"{\n 'ng-invalid': isInvalid,\n 'ng-touched': isTouched,\n 'selected-option-border': !isInvalid || !isTouched,\n }\"\n (click)=\"toggleDropdown()\"\n (input)=\"onChangeFilter($event)\"\n />\n <lib-elux-icon\n class=\"arrow-icon noClick\"\n [color]=\"'#7A8A9B'\"\n [icon]=\"'Chevron_Down.svg'\"\n [ngClass]=\"{ 'arrow-rotate': isOpen }\"\n [size]=\"'16'\"\n [sizeType]=\"'px'\"\n ></lib-elux-icon>\n <ul class=\"dropdown-list\" *ngIf=\"isOpen\">\n <li *ngFor=\"let option of showSearch ? optionsFiltered : options\" (click)=\"selectOption(option)\">\n {{ option.text }}\n </li>\n </ul>\n</div>\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{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{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{color:\"darkest-grey\"}:host .noClick{pointer-events:none}:host .custom-dropdown{position:relative;width:100%}:host .selected-option{padding:10px 16px;cursor:pointer}:host .selected-option-border{border:1px solid #7A8A9B}:host .dropdown-list{list-style-type:none;padding:0;margin:0;border:1px solid #EAEBED;position:absolute;top:100%;width:100%;left:0;background-color:#fff;display:block;max-height:256px;overflow:auto;z-index:10}:host .dropdown-list::-webkit-scrollbar{width:4px}:host .dropdown-list::-webkit-scrollbar-track{background:#f4f5f7}:host .dropdown-list::-webkit-scrollbar-thumb{background:#adb9c3}:host .dropdown-list li{padding:13px 16px;cursor:pointer}:host .dropdown-list li:hover{background-color:#eaebed}:host .arrow-icon{display:flex;position:absolute;top:calc(50% - 8px);right:10px;cursor:pointer;transition:all .3s ease-in-out}:host .arrow-rotate{transform:rotate(180deg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
311
311
|
}
|
|
312
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
312
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxDropdown, decorators: [{
|
|
313
313
|
type: Component,
|
|
314
314
|
args: [{ selector: 'lib-elux-dropdown', standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule, EluxIcon], providers: [
|
|
315
315
|
{
|
|
@@ -317,7 +317,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
317
317
|
useExisting: forwardRef(() => EluxDropdown),
|
|
318
318
|
multi: true,
|
|
319
319
|
},
|
|
320
|
-
], template: "<div class=\"custom-dropdown\">\
|
|
320
|
+
], template: "<div class=\"custom-dropdown\">\n <input\n type=\"text\"\n class=\"selected-option\"\n [id]=\"idInput\"\n [readonly]=\"showSearch ? false : true\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [value]=\"selectedOptionText ? selectedOptionText : ''\"\n [ngClass]=\"{\n 'ng-invalid': isInvalid,\n 'ng-touched': isTouched,\n 'selected-option-border': !isInvalid || !isTouched,\n }\"\n (click)=\"toggleDropdown()\"\n (input)=\"onChangeFilter($event)\"\n />\n <lib-elux-icon\n class=\"arrow-icon noClick\"\n [color]=\"'#7A8A9B'\"\n [icon]=\"'Chevron_Down.svg'\"\n [ngClass]=\"{ 'arrow-rotate': isOpen }\"\n [size]=\"'16'\"\n [sizeType]=\"'px'\"\n ></lib-elux-icon>\n <ul class=\"dropdown-list\" *ngIf=\"isOpen\">\n <li *ngFor=\"let option of showSearch ? optionsFiltered : options\" (click)=\"selectOption(option)\">\n {{ option.text }}\n </li>\n </ul>\n</div>\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{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{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{color:\"darkest-grey\"}:host .noClick{pointer-events:none}:host .custom-dropdown{position:relative;width:100%}:host .selected-option{padding:10px 16px;cursor:pointer}:host .selected-option-border{border:1px solid #7A8A9B}:host .dropdown-list{list-style-type:none;padding:0;margin:0;border:1px solid #EAEBED;position:absolute;top:100%;width:100%;left:0;background-color:#fff;display:block;max-height:256px;overflow:auto;z-index:10}:host .dropdown-list::-webkit-scrollbar{width:4px}:host .dropdown-list::-webkit-scrollbar-track{background:#f4f5f7}:host .dropdown-list::-webkit-scrollbar-thumb{background:#adb9c3}:host .dropdown-list li{padding:13px 16px;cursor:pointer}:host .dropdown-list li:hover{background-color:#eaebed}:host .arrow-icon{display:flex;position:absolute;top:calc(50% - 8px);right:10px;cursor:pointer;transition:all .3s ease-in-out}:host .arrow-rotate{transform:rotate(180deg)}\n"] }]
|
|
321
321
|
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { placeholder: [{
|
|
322
322
|
type: Input
|
|
323
323
|
}], options: [{
|
|
@@ -442,12 +442,12 @@ class EluxPaginator {
|
|
|
442
442
|
return;
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
446
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
445
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxPaginator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
446
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxPaginator, isStandalone: true, selector: "lib-elux-paginator", inputs: { length: "length", current: "current", anchor: "anchor", scrollTo: "scrollTo" }, outputs: { paginationEvents: "paginationEvents" }, usesOnChanges: true, ngImport: i0, template: "<nav>\n <ul class=\"paginator\" *ngIf=\"length > 5\">\n <li class=\"pagination-number\">\n <div *ngIf=\"current !== 1\" (click)=\"goFirst(); scrollToElement($event)\">\n <lib-elux-icon [icon]=\"'Chevron_Left_Double.svg'\" [sizeType]=\"'px'\" [size]=\"'16'\"> </lib-elux-icon>\n </div>\n </li>\n\n <li class=\"last-page\">\n <div *ngIf=\"current !== 1\" (click)=\"prevPage(); scrollToElement($event)\" title=\"next page\">\n <lib-elux-icon [icon]=\"'Chevron_Left.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\"> </lib-elux-icon>\n </div>\n </li>\n\n <li class=\"pages-before pagination-number\" *ngFor=\"let page of previousPages\">\n <div (click)=\"goToSpecPage(page, $event)\">{{ page }}</div>\n </li>\n\n <li class=\"pagination-number current-page\">\n <div>\n {{ current }}\n </div>\n </li>\n\n <li class=\"pages-after pagination-number\" *ngFor=\"let page of nextPages\">\n <div (click)=\"goToSpecPage(page, $event); scrollToElement($event)\">{{ page }}</div>\n </li>\n\n <li class=\"next-page\">\n <div *ngIf=\"current !== length\" (click)=\"nextPage(); scrollToElement($event)\" title=\"next page\">\n <lib-elux-icon [icon]=\"'Chevron_Right.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\"></lib-elux-icon>\n </div>\n </li>\n\n <li class=\"pagination-number\">\n <div *ngIf=\"current !== length\" (click)=\"goLast(); scrollToElement($event)\">\n <lib-elux-icon [icon]=\"'Chevron_Right_Double.svg'\" [sizeType]=\"'px'\" [size]=\"'16'\"></lib-elux-icon>\n </div>\n </li>\n </ul>\n\n <ul class=\"paginator\" *ngIf=\"length <= 5\">\n <li *ngFor=\"let page of pages\" class=\"pagination-number\" [ngClass]=\"current === page ? 'current-page' : ''\">\n <div (click)=\"goToSpecPage(page, $event);\">\n {{ page }}\n </div>\n </li>\n </ul>\n</nav>\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 nav ul li.pagination-number div{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 nav ul li.pagination-number div{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 nav{display:flex}:host nav ul{padding:0;margin:0!important;display:flex;align-items:center}:host nav ul li{list-style:none;margin-right:8px;margin-left:8px;height:24px;width:24px;display:flex;align-items:center;justify-content:center;border-radius:24px;cursor:pointer}:host nav ul li.pagination-number div{background-color:transparent;border-radius:24px;height:24px;width:24px;text-align:center;line-height:16px;display:flex;align-items:center;justify-content:center}:host nav ul li.pagination-number.current-page div{background-color:#011e41;border-radius:24px;color:#fff}:host nav ul li.next-page,:host nav ul li.last-page{height:24px;width:24px}:host nav ul li.next-page div,:host nav ul li.last-page div{background-color:transparent;border-radius:24px;height:24px;width:24px;border:1px solid #011E41;text-align:center;line-height:14px;display:flex;justify-content:center;align-items:center}:host nav ul li.next-page div:hover,:host nav ul li.last-page div:hover{border-color:#011e41}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
447
447
|
}
|
|
448
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
448
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxPaginator, decorators: [{
|
|
449
449
|
type: Component,
|
|
450
|
-
args: [{ selector: 'lib-elux-paginator', standalone: true, imports: [CommonModule, EluxIcon], template: "<nav>\
|
|
450
|
+
args: [{ selector: 'lib-elux-paginator', standalone: true, imports: [CommonModule, EluxIcon], template: "<nav>\n <ul class=\"paginator\" *ngIf=\"length > 5\">\n <li class=\"pagination-number\">\n <div *ngIf=\"current !== 1\" (click)=\"goFirst(); scrollToElement($event)\">\n <lib-elux-icon [icon]=\"'Chevron_Left_Double.svg'\" [sizeType]=\"'px'\" [size]=\"'16'\"> </lib-elux-icon>\n </div>\n </li>\n\n <li class=\"last-page\">\n <div *ngIf=\"current !== 1\" (click)=\"prevPage(); scrollToElement($event)\" title=\"next page\">\n <lib-elux-icon [icon]=\"'Chevron_Left.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\"> </lib-elux-icon>\n </div>\n </li>\n\n <li class=\"pages-before pagination-number\" *ngFor=\"let page of previousPages\">\n <div (click)=\"goToSpecPage(page, $event)\">{{ page }}</div>\n </li>\n\n <li class=\"pagination-number current-page\">\n <div>\n {{ current }}\n </div>\n </li>\n\n <li class=\"pages-after pagination-number\" *ngFor=\"let page of nextPages\">\n <div (click)=\"goToSpecPage(page, $event); scrollToElement($event)\">{{ page }}</div>\n </li>\n\n <li class=\"next-page\">\n <div *ngIf=\"current !== length\" (click)=\"nextPage(); scrollToElement($event)\" title=\"next page\">\n <lib-elux-icon [icon]=\"'Chevron_Right.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\"></lib-elux-icon>\n </div>\n </li>\n\n <li class=\"pagination-number\">\n <div *ngIf=\"current !== length\" (click)=\"goLast(); scrollToElement($event)\">\n <lib-elux-icon [icon]=\"'Chevron_Right_Double.svg'\" [sizeType]=\"'px'\" [size]=\"'16'\"></lib-elux-icon>\n </div>\n </li>\n </ul>\n\n <ul class=\"paginator\" *ngIf=\"length <= 5\">\n <li *ngFor=\"let page of pages\" class=\"pagination-number\" [ngClass]=\"current === page ? 'current-page' : ''\">\n <div (click)=\"goToSpecPage(page, $event);\">\n {{ page }}\n </div>\n </li>\n </ul>\n</nav>\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 nav ul li.pagination-number div{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 nav ul li.pagination-number div{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 nav{display:flex}:host nav ul{padding:0;margin:0!important;display:flex;align-items:center}:host nav ul li{list-style:none;margin-right:8px;margin-left:8px;height:24px;width:24px;display:flex;align-items:center;justify-content:center;border-radius:24px;cursor:pointer}:host nav ul li.pagination-number div{background-color:transparent;border-radius:24px;height:24px;width:24px;text-align:center;line-height:16px;display:flex;align-items:center;justify-content:center}:host nav ul li.pagination-number.current-page div{background-color:#011e41;border-radius:24px;color:#fff}:host nav ul li.next-page,:host nav ul li.last-page{height:24px;width:24px}:host nav ul li.next-page div,:host nav ul li.last-page div{background-color:transparent;border-radius:24px;height:24px;width:24px;border:1px solid #011E41;text-align:center;line-height:14px;display:flex;justify-content:center;align-items:center}:host nav ul li.next-page div:hover,:host nav ul li.last-page div:hover{border-color:#011e41}\n"] }]
|
|
451
451
|
}], ctorParameters: () => [], propDecorators: { length: [{
|
|
452
452
|
type: Input
|
|
453
453
|
}], current: [{
|
|
@@ -483,12 +483,12 @@ class EluxStepBar {
|
|
|
483
483
|
const progress = (this.currentStep - 1 + adjustment) * segmentWidth;
|
|
484
484
|
return `${progress}%`;
|
|
485
485
|
}
|
|
486
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
487
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
486
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxStepBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
487
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxStepBar, isStandalone: true, selector: "lib-elux-stepbar", inputs: { steps: "steps", currentStep: "currentStep" }, outputs: { stepClicked: "stepClicked" }, ngImport: i0, template: "<div class=\"progress-bar\">\n <div class=\"steps-container\">\n <div class=\"step\" \n *ngFor=\"let step of [].constructor(steps + 1); let i = index\"\n #stepElement\n [class.hidden]=\"i === steps\"\n (click)=\"i < steps && stepClickedHandler(i)\">\n {{ i < steps ? (i + 1) : '' }}\n </div>\n </div>\n <div class=\"progress\" [style.width]=\"getProgressWidth()\"></div>\n <div class=\"progress-background\" [style.width]=\"'100%'\"></div>\n</div>\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,:host .step{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,:host .step{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}}:host .progress-bar{position:relative;width:100%}:host .steps-container{display:flex;justify-content:space-between;padding:5px}:host .step{color:#011e41;cursor:pointer;width:16px}:host .progress{margin-top:4px;width:0%;background-color:#011e41;transition:width .3s;border-radius:8px;height:8px;z-index:5}:host .progress-background{height:8px;width:0%;background-color:#eaebed;position:absolute;bottom:0;z-index:3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
|
|
488
488
|
}
|
|
489
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxStepBar, decorators: [{
|
|
490
490
|
type: Component,
|
|
491
|
-
args: [{ selector: 'lib-elux-stepbar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar\">\
|
|
491
|
+
args: [{ selector: 'lib-elux-stepbar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar\">\n <div class=\"steps-container\">\n <div class=\"step\" \n *ngFor=\"let step of [].constructor(steps + 1); let i = index\"\n #stepElement\n [class.hidden]=\"i === steps\"\n (click)=\"i < steps && stepClickedHandler(i)\">\n {{ i < steps ? (i + 1) : '' }}\n </div>\n </div>\n <div class=\"progress\" [style.width]=\"getProgressWidth()\"></div>\n <div class=\"progress-background\" [style.width]=\"'100%'\"></div>\n</div>\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,:host .step{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,:host .step{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}}:host .progress-bar{position:relative;width:100%}:host .steps-container{display:flex;justify-content:space-between;padding:5px}:host .step{color:#011e41;cursor:pointer;width:16px}:host .progress{margin-top:4px;width:0%;background-color:#011e41;transition:width .3s;border-radius:8px;height:8px;z-index:5}:host .progress-background{height:8px;width:0%;background-color:#eaebed;position:absolute;bottom:0;z-index:3}\n"] }]
|
|
492
492
|
}], ctorParameters: () => [], propDecorators: { steps: [{
|
|
493
493
|
type: Input
|
|
494
494
|
}], currentStep: [{
|
|
@@ -831,16 +831,16 @@ class EluxDatepicker {
|
|
|
831
831
|
return false;
|
|
832
832
|
}
|
|
833
833
|
}
|
|
834
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
835
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
834
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxDatepicker, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
835
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxDatepicker, isStandalone: true, selector: "lib-elux-datepicker", inputs: { value: "value", locale: "locale", idInput: "idInput", placeholder: "placeholder", minDate: "minDate", maxDate: "maxDate" }, outputs: { dateSelected: "dateSelected", invalidDate: "invalidDate" }, host: { listeners: { "document:click": "clickOutside($event)" } }, providers: [
|
|
836
836
|
{
|
|
837
837
|
provide: NG_VALUE_ACCESSOR,
|
|
838
838
|
useExisting: forwardRef(() => EluxDatepicker),
|
|
839
839
|
multi: true,
|
|
840
840
|
},
|
|
841
|
-
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"date-picker\" #datepicker>\
|
|
841
|
+
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"date-picker\" #datepicker>\n <div class=\"div-calendar-icon\" (click)=\"!disabled ? toggleCalendar() : ''\">\n <lib-elux-icon class=\"calendar-icon\" [icon]=\"'Calendar.svg'\" [color]=\"'#011E41'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n </div>\n <input\n [ngClass]=\"{\n 'date-input': true,\n 'ng-invalid': isInvalid,\n 'ng-touched': isTouched,\n }\"\n [value]=\"formatedDate\"\n (input)=\"onChangeValue($event)\"\n [id]=\"idInput\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n maxlength=\"10\"\n type=\"text\"\n (blur)=\"onBlur()\"\n />\n <div class=\"calendar\" *ngIf=\"showCalendar\">\n <div class=\"calendar-header\">\n <div class=\"previous\" (click)=\"previous()\">\n <lib-elux-icon [hidden]=\"isPreviousDisabled()\" [icon]=\"'Chevron_Left.svg'\" [size]=\"'22'\" [sizeType]=\"'px'\"> </lib-elux-icon>\n </div>\n <span (click)=\"changeView()\">{{ pickerView === 'week' ? headerDate() : currentDate.getFullYear() }}</span>\n <div class=\"next\" (click)=\"next()\">\n <lib-elux-icon [hidden]=\"isNextDisabled()\" [icon]=\"'Chevron_Right.svg'\" [size]=\"'22'\" [sizeType]=\"'px'\"> </lib-elux-icon>\n </div>\n </div>\n <div class=\"calendar-body\" *ngIf=\"pickerView === 'week'\">\n <div class=\"day-labels\">\n <span *ngFor=\"let day of headerDateWeek()\">{{ day }}</span>\n </div>\n <ng-container *ngFor=\"let day of days\">\n <div class=\"day\" [ngClass]=\"{ disabled: day.disabled, today: day.today, selected: day.selected }\" (click)=\"day.disabled ? null : selectDate(day)\">\n <span>{{ day.day }}</span>\n </div>\n </ng-container>\n </div>\n <div class=\"year-body\" *ngIf=\"pickerView === 'year'\">\n <ng-container *ngFor=\"let year of years\">\n <div class=\"year\" *ngIf=\"!year.disabled\" (click)=\"!year.disabled && selectYear(year.value)\">\n {{ year.value }}\n </div>\n </ng-container>\n </div>\n <div class=\"month-body\" *ngIf=\"pickerView === 'month'\">\n <ng-container *ngFor=\"let month of months\">\n <div class=\"month\" *ngIf=\"!month.disabled\" (click)=\"!month.disabled && selectMonth(month.value)\">\n {{ month.text }}\n </div>\n </ng-container>\n </div>\n </div>\n</div>\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 .month-body .month,:host .year-body .year,:host .calendar-body .day,:host .calendar-body .day-labels,:host .calendar-header span{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 .month-body .month,:host .year-body .year,:host .calendar-body .day,:host .calendar-body .day-labels,:host .calendar-header span{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 .date-picker{position:relative}:host .div-calendar-icon{border-left:solid 1px #7A8A9B;height:100%;position:absolute;right:0;display:flex;justify-content:center;align-items:center;width:50px;cursor:pointer}:host .calendar{position:absolute;top:50px;left:0;background:#f4f5f7;border-radius:2px;box-shadow:4px 4px 8px #0000001a;padding:32px 24px;z-index:1000}:host .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:solid 1px #DEE7EA;padding-bottom:8px}:host .calendar-header button{background:none;border:none;cursor:pointer;font-size:18px}:host .calendar-header span{font-weight:600;color:#515253;cursor:pointer}:host .calendar-body{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}:host .calendar-body .day-labels{display:contents;text-align:center;margin-bottom:5px;font-weight:600;color:#515253}:host .calendar-body .day{font-size:12px;color:#515253;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease-in-out;border-radius:50%}:host .calendar-body .day:not(.disabled):hover{background:#dee7ea}:host .calendar-body .day.disabled{cursor:default;height:0px}:host .calendar-body .day.disabled span{display:none}:host .calendar-body .day:not(.disabled).today{border:1px solid #011E41}:host .calendar-body .day:not(.disabled).selected{font-size:12px;font-weight:600;background:#011e41;color:#fff}:host .previous,:host .next{cursor:pointer;width:25px}:host .year-body{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}:host .year-body .year{color:#515253;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;width:45px;height:45px;transition:all .15s ease-in-out}:host .year-body .year:hover{background:#dee7ea;border-radius:50%}:host .month-body{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}:host .month-body .month{color:#515253;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;width:auto;height:40px;transition:all .15s ease-in-out}:host .month-body .month:hover{color:#c9c9ca}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: FormsModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
842
842
|
}
|
|
843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
843
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxDatepicker, decorators: [{
|
|
844
844
|
type: Component,
|
|
845
845
|
args: [{ selector: 'lib-elux-datepicker', standalone: true, imports: [CommonModule, ReactiveFormsModule, FormsModule, EluxIcon], providers: [
|
|
846
846
|
{
|
|
@@ -848,7 +848,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
848
848
|
useExisting: forwardRef(() => EluxDatepicker),
|
|
849
849
|
multi: true,
|
|
850
850
|
},
|
|
851
|
-
], template: "<div class=\"date-picker\" #datepicker>\
|
|
851
|
+
], template: "<div class=\"date-picker\" #datepicker>\n <div class=\"div-calendar-icon\" (click)=\"!disabled ? toggleCalendar() : ''\">\n <lib-elux-icon class=\"calendar-icon\" [icon]=\"'Calendar.svg'\" [color]=\"'#011E41'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n </div>\n <input\n [ngClass]=\"{\n 'date-input': true,\n 'ng-invalid': isInvalid,\n 'ng-touched': isTouched,\n }\"\n [value]=\"formatedDate\"\n (input)=\"onChangeValue($event)\"\n [id]=\"idInput\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n maxlength=\"10\"\n type=\"text\"\n (blur)=\"onBlur()\"\n />\n <div class=\"calendar\" *ngIf=\"showCalendar\">\n <div class=\"calendar-header\">\n <div class=\"previous\" (click)=\"previous()\">\n <lib-elux-icon [hidden]=\"isPreviousDisabled()\" [icon]=\"'Chevron_Left.svg'\" [size]=\"'22'\" [sizeType]=\"'px'\"> </lib-elux-icon>\n </div>\n <span (click)=\"changeView()\">{{ pickerView === 'week' ? headerDate() : currentDate.getFullYear() }}</span>\n <div class=\"next\" (click)=\"next()\">\n <lib-elux-icon [hidden]=\"isNextDisabled()\" [icon]=\"'Chevron_Right.svg'\" [size]=\"'22'\" [sizeType]=\"'px'\"> </lib-elux-icon>\n </div>\n </div>\n <div class=\"calendar-body\" *ngIf=\"pickerView === 'week'\">\n <div class=\"day-labels\">\n <span *ngFor=\"let day of headerDateWeek()\">{{ day }}</span>\n </div>\n <ng-container *ngFor=\"let day of days\">\n <div class=\"day\" [ngClass]=\"{ disabled: day.disabled, today: day.today, selected: day.selected }\" (click)=\"day.disabled ? null : selectDate(day)\">\n <span>{{ day.day }}</span>\n </div>\n </ng-container>\n </div>\n <div class=\"year-body\" *ngIf=\"pickerView === 'year'\">\n <ng-container *ngFor=\"let year of years\">\n <div class=\"year\" *ngIf=\"!year.disabled\" (click)=\"!year.disabled && selectYear(year.value)\">\n {{ year.value }}\n </div>\n </ng-container>\n </div>\n <div class=\"month-body\" *ngIf=\"pickerView === 'month'\">\n <ng-container *ngFor=\"let month of months\">\n <div class=\"month\" *ngIf=\"!month.disabled\" (click)=\"!month.disabled && selectMonth(month.value)\">\n {{ month.text }}\n </div>\n </ng-container>\n </div>\n </div>\n</div>\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 .month-body .month,:host .year-body .year,:host .calendar-body .day,:host .calendar-body .day-labels,:host .calendar-header span{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 .month-body .month,:host .year-body .year,:host .calendar-body .day,:host .calendar-body .day-labels,:host .calendar-header span{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 .date-picker{position:relative}:host .div-calendar-icon{border-left:solid 1px #7A8A9B;height:100%;position:absolute;right:0;display:flex;justify-content:center;align-items:center;width:50px;cursor:pointer}:host .calendar{position:absolute;top:50px;left:0;background:#f4f5f7;border-radius:2px;box-shadow:4px 4px 8px #0000001a;padding:32px 24px;z-index:1000}:host .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:solid 1px #DEE7EA;padding-bottom:8px}:host .calendar-header button{background:none;border:none;cursor:pointer;font-size:18px}:host .calendar-header span{font-weight:600;color:#515253;cursor:pointer}:host .calendar-body{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}:host .calendar-body .day-labels{display:contents;text-align:center;margin-bottom:5px;font-weight:600;color:#515253}:host .calendar-body .day{font-size:12px;color:#515253;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease-in-out;border-radius:50%}:host .calendar-body .day:not(.disabled):hover{background:#dee7ea}:host .calendar-body .day.disabled{cursor:default;height:0px}:host .calendar-body .day.disabled span{display:none}:host .calendar-body .day:not(.disabled).today{border:1px solid #011E41}:host .calendar-body .day:not(.disabled).selected{font-size:12px;font-weight:600;background:#011e41;color:#fff}:host .previous,:host .next{cursor:pointer;width:25px}:host .year-body{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}:host .year-body .year{color:#515253;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;width:45px;height:45px;transition:all .15s ease-in-out}:host .year-body .year:hover{background:#dee7ea;border-radius:50%}:host .month-body{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}:host .month-body .month{color:#515253;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;width:auto;height:40px;transition:all .15s ease-in-out}:host .month-body .month:hover{color:#c9c9ca}\n"] }]
|
|
852
852
|
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { value: [{
|
|
853
853
|
type: Input
|
|
854
854
|
}], locale: [{
|
|
@@ -914,10 +914,10 @@ class ToasterService {
|
|
|
914
914
|
}
|
|
915
915
|
}, 5000);
|
|
916
916
|
}
|
|
917
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
918
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
917
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToasterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
918
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToasterService, providedIn: 'root' }); }
|
|
919
919
|
}
|
|
920
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
920
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToasterService, decorators: [{
|
|
921
921
|
type: Injectable,
|
|
922
922
|
args: [{
|
|
923
923
|
providedIn: 'root',
|
|
@@ -938,12 +938,12 @@ class EluxToast {
|
|
|
938
938
|
closeToast(toast) {
|
|
939
939
|
this.toasterService.removeToast(toast.id);
|
|
940
940
|
}
|
|
941
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
942
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
941
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxToast, deps: [{ token: ToasterService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
942
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxToast, isStandalone: true, selector: "lib-elux-toaster", ngImport: i0, template: "<div class=\"elux-toast-container\">\n <div class=\"d-flex\" *ngFor=\"let toast of toasterService.toasts\" [ngClass]=\"['elux-toast-element', toast.type]\" (mouseenter)=\"pauseToast(toast)\" (mouseleave)=\"resumeToast(toast)\">\n <lib-elux-icon class=\"me-2\" [color]=\"toast.iconColor\" [icon]=\"toast.iconName\" size=\"20\" sizeType=\"px\"></lib-elux-icon>\n <div>\n {{ toast.message }}\n </div>\n <lib-elux-icon (click)=\"closeToast(toast)\" class=\"ms-auto cursor-pointer\" [color]=\"toast.iconColor\" icon=\"Close.svg\" size=\"24\" sizeType=\"px\"></lib-elux-icon>\n </div>\n</div>\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}}:host .elux-toast-container{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:20}@media (max-width: 768px){:host .elux-toast-container{width:90%}}:host .elux-toast-element{margin:10px 0;padding:10px;border-radius:5px;border:none;display:flex;animation:fadein .5s forwards;box-shadow:none}:host .cursor-pointer{cursor:pointer}:host .success{color:#0c5f29;background-color:#edf8f1}:host .error{color:#9c231c;background-color:#fff3f2}:host .warning{color:#b19459;background-color:#fff1d5}:host .info{color:#557cb3;background-color:#ddebff}@keyframes fadein{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }] }); }
|
|
943
943
|
}
|
|
944
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
944
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxToast, decorators: [{
|
|
945
945
|
type: Component,
|
|
946
|
-
args: [{ selector: 'lib-elux-toaster', standalone: true, imports: [CommonModule, EluxIcon], template: "<div class=\"elux-toast-container\">\
|
|
946
|
+
args: [{ selector: 'lib-elux-toaster', standalone: true, imports: [CommonModule, EluxIcon], template: "<div class=\"elux-toast-container\">\n <div class=\"d-flex\" *ngFor=\"let toast of toasterService.toasts\" [ngClass]=\"['elux-toast-element', toast.type]\" (mouseenter)=\"pauseToast(toast)\" (mouseleave)=\"resumeToast(toast)\">\n <lib-elux-icon class=\"me-2\" [color]=\"toast.iconColor\" [icon]=\"toast.iconName\" size=\"20\" sizeType=\"px\"></lib-elux-icon>\n <div>\n {{ toast.message }}\n </div>\n <lib-elux-icon (click)=\"closeToast(toast)\" class=\"ms-auto cursor-pointer\" [color]=\"toast.iconColor\" icon=\"Close.svg\" size=\"24\" sizeType=\"px\"></lib-elux-icon>\n </div>\n</div>\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}}:host .elux-toast-container{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:20}@media (max-width: 768px){:host .elux-toast-container{width:90%}}:host .elux-toast-element{margin:10px 0;padding:10px;border-radius:5px;border:none;display:flex;animation:fadein .5s forwards;box-shadow:none}:host .cursor-pointer{cursor:pointer}:host .success{color:#0c5f29;background-color:#edf8f1}:host .error{color:#9c231c;background-color:#fff3f2}:host .warning{color:#b19459;background-color:#fff1d5}:host .info{color:#557cb3;background-color:#ddebff}@keyframes fadein{0%{opacity:0}to{opacity:1}}\n"] }]
|
|
947
947
|
}], ctorParameters: () => [{ type: ToasterService }] });
|
|
948
948
|
|
|
949
949
|
class EluxDataTable {
|
|
@@ -1047,12 +1047,12 @@ class EluxDataTable {
|
|
|
1047
1047
|
}
|
|
1048
1048
|
return classes;
|
|
1049
1049
|
}
|
|
1050
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1051
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
1050
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxDataTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1051
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EluxDataTable, isStandalone: true, selector: "lib-elux-datatable", inputs: { columns: "columns", rows: "rows", totalRows: "totalRows", itemsPerPage: "itemsPerPage", backendPagination: "backendPagination", emptyMessage: "emptyMessage", loading: "loading", isRowClickable: ["isRowClickable", "isRowClickable", booleanAttribute], isCellClickable: ["isCellClickable", "isCellClickable", booleanAttribute], hasPaginator: ["hasPaginator", "hasPaginator", booleanAttribute] }, outputs: { currentPageChange: "currentPageChange", onClick: "onClick", onChecked: "onChecked", ontInputChange: "ontInputChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"table-container\">\n <div class=\"table-header\">\n @for (column of columns; track $index) {\n <div class=\"header-row-cell\" [ngClass]=\"getHeaderClasses(column)\">\n {{column.text}}\n </div>\n }\n </div>\n\n @if(loading){\n <div class=\"table-row justify-content-center\">\n <lib-elux-loading></lib-elux-loading>\n </div>\n }\n\n @if (displayRows.length == 0) {\n <div class=\"table-row pt-3 pb-3\">\n {{emptyMessage}}\n </div>\n }\n\n @for (row of displayRows; track $index) {\n <div class=\"table-row\" [ngClass]=\"{'clickable': isRowClickable}\" (click)=\"onRowClick($event, row, $index)\">\n @for (cell of row; track $index) {\n @switch (cell.type) {\n @case (\"redirect-internal\") {\n <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\" (click)=\"onCellClick($event, row, cell, $index)\">\n <a [routerLink]=\"cell.value.toString()\" class=\"route\">{{cell.name}}</a>\n </div>\n }\n @case (\"redirect-external\") {\n <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\" (click)=\"onCellClick($event, row, cell, $index)\">\n <a [href]=\"cell.value\" class=\"route\" target=\"_blank\">{{cell.name}}</a>\n </div>\n }\n @case (\"checkbox\") {\n <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\">\n <input type=\"checkbox\" [checked]=\"cell.value\" (change)=\"onCheckboxChange($event, row, cell, $index)\" [attr.disabled]=\"cell.disabled ? true : null\" />\n </div>\n }\n @case (\"input\") {\n <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\">\n <input step=\"\" type=\"text\" [value]=\"cell.value\" (blur)=\"onInputChange($event, row, cell, $index)\" />\n </div>\n }\n @case (\"input-number\") {\n <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\">\n <input step=\"\" type=\"number\" [value]=\"cell.value\" [min]=\"cell.min\" [max]=\"cell.max\" (blur)=\"onInputChange($event, row, cell, $index)\" />\n </div>\n }\n @default {\n <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\" (click)=\"onCellClick($event, row, cell, $index)\">\n {{cell.value}}\n </div>\n }\n }\n }\n </div>\n }\n\n @if (hasPaginator && totalRows > itemsPerPage) {\n <div class=\"table-footer\">\n <lib-elux-paginator (paginationEvents)=\"onPageChange($event)\" [anchor]=\"true\" [length]=\"paginatorTotalPages\"\n [current]=\"currentPage\">\n </lib-elux-paginator>\n </div>\n }\n\n</div>", 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}}.table-container{font-family:Electrolux Sans;display:flex;flex-direction:column;flex-wrap:nowrap;border-top:1px solid #ADB9C3}.table-row{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;padding:8px 16px}.table-header{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:14px;font-weight:600;padding:16px;margin-bottom:16px;color:#515253;border-bottom:1px solid #ADB9C3}.header-row-cell{display:flex;flex:1;justify-content:start;align-items:center}.row-cell{display:flex;flex:1;justify-content:start;align-items:center;font-size:14px;height:45px;font-family:Electrolux Sans;color:#515253;word-break:break-word}.row-cell a{font-family:Electrolux Sans;font-weight:700;font-size:16px;color:#515253}.clickable{cursor:pointer;transition:all .15s ease-in-out}.clickable:hover{background-color:#dee7ea}.table-footer{display:flex;flex-direction:column;justify-content:center;margin-top:16px;padding:16px 0;align-items:center;border-top:1px solid #ADB9C3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EluxPaginator, selector: "lib-elux-paginator", inputs: ["length", "current", "anchor", "scrollTo"], outputs: ["paginationEvents"] }, { kind: "component", type: EluxLoading, selector: "lib-elux-loading", inputs: ["size", "white"] }] }); }
|
|
1052
1052
|
}
|
|
1053
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxDataTable, decorators: [{
|
|
1054
1054
|
type: Component,
|
|
1055
|
-
args: [{ selector: 'lib-elux-datatable', standalone: true, imports: [CommonModule, RouterModule, EluxPaginator, EluxLoading], template: "<div class=\"table-container\">\
|
|
1055
|
+
args: [{ selector: 'lib-elux-datatable', standalone: true, imports: [CommonModule, RouterModule, EluxPaginator, EluxLoading], template: "<div class=\"table-container\">\n <div class=\"table-header\">\n @for (column of columns; track $index) {\n <div class=\"header-row-cell\" [ngClass]=\"getHeaderClasses(column)\">\n {{column.text}}\n </div>\n }\n </div>\n\n @if(loading){\n <div class=\"table-row justify-content-center\">\n <lib-elux-loading></lib-elux-loading>\n </div>\n }\n\n @if (displayRows.length == 0) {\n <div class=\"table-row pt-3 pb-3\">\n {{emptyMessage}}\n </div>\n }\n\n @for (row of displayRows; track $index) {\n <div class=\"table-row\" [ngClass]=\"{'clickable': isRowClickable}\" (click)=\"onRowClick($event, row, $index)\">\n @for (cell of row; track $index) {\n @switch (cell.type) {\n @case (\"redirect-internal\") {\n <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\" (click)=\"onCellClick($event, row, cell, $index)\">\n <a [routerLink]=\"cell.value.toString()\" class=\"route\">{{cell.name}}</a>\n </div>\n }\n @case (\"redirect-external\") {\n <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\" (click)=\"onCellClick($event, row, cell, $index)\">\n <a [href]=\"cell.value\" class=\"route\" target=\"_blank\">{{cell.name}}</a>\n </div>\n }\n @case (\"checkbox\") {\n <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\">\n <input type=\"checkbox\" [checked]=\"cell.value\" (change)=\"onCheckboxChange($event, row, cell, $index)\" [attr.disabled]=\"cell.disabled ? true : null\" />\n </div>\n }\n @case (\"input\") {\n <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\">\n <input step=\"\" type=\"text\" [value]=\"cell.value\" (blur)=\"onInputChange($event, row, cell, $index)\" />\n </div>\n }\n @case (\"input-number\") {\n <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\">\n <input step=\"\" type=\"number\" [value]=\"cell.value\" [min]=\"cell.min\" [max]=\"cell.max\" (blur)=\"onInputChange($event, row, cell, $index)\" />\n </div>\n }\n @default {\n <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\" (click)=\"onCellClick($event, row, cell, $index)\">\n {{cell.value}}\n </div>\n }\n }\n }\n </div>\n }\n\n @if (hasPaginator && totalRows > itemsPerPage) {\n <div class=\"table-footer\">\n <lib-elux-paginator (paginationEvents)=\"onPageChange($event)\" [anchor]=\"true\" [length]=\"paginatorTotalPages\"\n [current]=\"currentPage\">\n </lib-elux-paginator>\n </div>\n }\n\n</div>", 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}}.table-container{font-family:Electrolux Sans;display:flex;flex-direction:column;flex-wrap:nowrap;border-top:1px solid #ADB9C3}.table-row{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;padding:8px 16px}.table-header{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:14px;font-weight:600;padding:16px;margin-bottom:16px;color:#515253;border-bottom:1px solid #ADB9C3}.header-row-cell{display:flex;flex:1;justify-content:start;align-items:center}.row-cell{display:flex;flex:1;justify-content:start;align-items:center;font-size:14px;height:45px;font-family:Electrolux Sans;color:#515253;word-break:break-word}.row-cell a{font-family:Electrolux Sans;font-weight:700;font-size:16px;color:#515253}.clickable{cursor:pointer;transition:all .15s ease-in-out}.clickable:hover{background-color:#dee7ea}.table-footer{display:flex;flex-direction:column;justify-content:center;margin-top:16px;padding:16px 0;align-items:center;border-top:1px solid #ADB9C3}\n"] }]
|
|
1056
1056
|
}], propDecorators: { columns: [{
|
|
1057
1057
|
type: Input
|
|
1058
1058
|
}], rows: [{
|
|
@@ -1096,12 +1096,12 @@ class EluxAccordion {
|
|
|
1096
1096
|
this.isOpen = !this.isOpen;
|
|
1097
1097
|
this.toggleEventEmitter.emit(this.isOpen);
|
|
1098
1098
|
}
|
|
1099
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1100
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1099
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1100
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxAccordion, isStandalone: true, selector: "lib-elux-accordion", inputs: { leftArrow: "leftArrow" }, outputs: { toggleEventEmitter: "toggleEventEmitter" }, ngImport: i0, template: "<div class=\"accordion\">\n <div class=\"accordion-header\" [class.left-arrow]=\"leftArrow\" (click)=\"toggle()\">\n <lib-elux-icon *ngIf=\"leftArrow\" class=\"header-icon me-4\" [icon]=\"isOpen ? 'Chevron_Up.svg' : 'Chevron_Down.svg'\" [color]=\"'#011E41'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n <ng-content select=\"[header]\"></ng-content>\n <lib-elux-icon *ngIf=\"!leftArrow\" class=\"header-icon\" [icon]=\"isOpen ? 'Chevron_Up.svg' : 'Chevron_Down.svg'\" [color]=\"'#011E41'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n </div>\n <div class=\"accordion-body\" [ngClass]=\"{ open: isOpen }\">\n <ng-content></ng-content>\n </div>\n</div>\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,:host .accordion-header{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,:host .accordion-header{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}}:host .accordion-header{display:flex;padding:16px 0;cursor:pointer;border-bottom:1px solid #ADB9C3;color:#011e41}:host .accordion-header:not(.left-arrow){justify-content:space-between}:host .accordion-body{display:none;padding:16px}:host .accordion-body.open{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
1101
1101
|
}
|
|
1102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxAccordion, decorators: [{
|
|
1103
1103
|
type: Component,
|
|
1104
|
-
args: [{ selector: 'lib-elux-accordion', standalone: true, imports: [CommonModule, ReactiveFormsModule, EluxIcon], template: "<div class=\"accordion\">\
|
|
1104
|
+
args: [{ selector: 'lib-elux-accordion', standalone: true, imports: [CommonModule, ReactiveFormsModule, EluxIcon], template: "<div class=\"accordion\">\n <div class=\"accordion-header\" [class.left-arrow]=\"leftArrow\" (click)=\"toggle()\">\n <lib-elux-icon *ngIf=\"leftArrow\" class=\"header-icon me-4\" [icon]=\"isOpen ? 'Chevron_Up.svg' : 'Chevron_Down.svg'\" [color]=\"'#011E41'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n <ng-content select=\"[header]\"></ng-content>\n <lib-elux-icon *ngIf=\"!leftArrow\" class=\"header-icon\" [icon]=\"isOpen ? 'Chevron_Up.svg' : 'Chevron_Down.svg'\" [color]=\"'#011E41'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n </div>\n <div class=\"accordion-body\" [ngClass]=\"{ open: isOpen }\">\n <ng-content></ng-content>\n </div>\n</div>\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,:host .accordion-header{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,:host .accordion-header{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}}:host .accordion-header{display:flex;padding:16px 0;cursor:pointer;border-bottom:1px solid #ADB9C3;color:#011e41}:host .accordion-header:not(.left-arrow){justify-content:space-between}:host .accordion-body{display:none;padding:16px}:host .accordion-body.open{display:flex}\n"] }]
|
|
1105
1105
|
}], propDecorators: { leftArrow: [{
|
|
1106
1106
|
type: Input
|
|
1107
1107
|
}], toggleEventEmitter: [{
|
|
@@ -1117,15 +1117,15 @@ class EluxModal {
|
|
|
1117
1117
|
handleClose() {
|
|
1118
1118
|
this.onClose.emit();
|
|
1119
1119
|
}
|
|
1120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1121
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1120
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1121
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxModal, isStandalone: true, selector: "lib-elux-modal", inputs: { open: "open", buttonClose: "buttonClose" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"modal\" [class.open]=\"open\">\n <div class=\"modal-content\">\n <lib-elux-icon *ngIf=\"buttonClose\" class=\"close-icon\" [icon]=\"'Close.svg'\" [color]=\"'#011E41'\" [size]=\"'28'\" [sizeType]=\"'px'\"\n (click)=\"handleClose()\"></lib-elux-icon>\n <div class=\"modal-header\">\n <ng-content select=\"[modal-header]\"></ng-content>\n </div>\n <div class=\"modal-body\">\n <ng-content select=\"[modal-body]\"></ng-content>\n </div>\n <div class=\"modal-footer\">\n <ng-content select=\"[modal-footer]\"></ng-content>\n </div>\n </div>\n <div class=\"modal-backdrop\" (click)=\"handleClose()\"></div>\n</div>\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}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto}.modal .close-icon{position:absolute;right:15px;top:15px;cursor:pointer}.modal.open{display:block}.modal-content{background-color:#fff;margin:10% auto;padding:64px;width:80%;max-width:800px;position:relative;border-radius:8px;border:none;z-index:10}@media (max-width: 991px){.modal-content{padding:12px!important}}.modal-header,.modal-body,.modal-footer{border:none;padding:10px}@media (max-width: 991px){.modal-footer{display:block}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:9}\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"] }] }); }
|
|
1122
1122
|
}
|
|
1123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxModal, decorators: [{
|
|
1124
1124
|
type: Component,
|
|
1125
1125
|
args: [{ selector: 'lib-elux-modal', imports: [
|
|
1126
1126
|
EluxIcon,
|
|
1127
1127
|
CommonModule
|
|
1128
|
-
], standalone: true, template: "<div class=\"modal\" [class.open]=\"open\">\
|
|
1128
|
+
], standalone: true, template: "<div class=\"modal\" [class.open]=\"open\">\n <div class=\"modal-content\">\n <lib-elux-icon *ngIf=\"buttonClose\" class=\"close-icon\" [icon]=\"'Close.svg'\" [color]=\"'#011E41'\" [size]=\"'28'\" [sizeType]=\"'px'\"\n (click)=\"handleClose()\"></lib-elux-icon>\n <div class=\"modal-header\">\n <ng-content select=\"[modal-header]\"></ng-content>\n </div>\n <div class=\"modal-body\">\n <ng-content select=\"[modal-body]\"></ng-content>\n </div>\n <div class=\"modal-footer\">\n <ng-content select=\"[modal-footer]\"></ng-content>\n </div>\n </div>\n <div class=\"modal-backdrop\" (click)=\"handleClose()\"></div>\n</div>\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}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto}.modal .close-icon{position:absolute;right:15px;top:15px;cursor:pointer}.modal.open{display:block}.modal-content{background-color:#fff;margin:10% auto;padding:64px;width:80%;max-width:800px;position:relative;border-radius:8px;border:none;z-index:10}@media (max-width: 991px){.modal-content{padding:12px!important}}.modal-header,.modal-body,.modal-footer{border:none;padding:10px}@media (max-width: 991px){.modal-footer{display:block}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:9}\n"] }]
|
|
1129
1129
|
}], propDecorators: { open: [{
|
|
1130
1130
|
type: Input
|
|
1131
1131
|
}], buttonClose: [{
|
|
@@ -1171,12 +1171,12 @@ class EluxInputSearchComponent {
|
|
|
1171
1171
|
this.isOpen = false;
|
|
1172
1172
|
}
|
|
1173
1173
|
}
|
|
1174
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1175
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1174
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxInputSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1175
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxInputSearchComponent, isStandalone: true, selector: "lib-elux-input-search", inputs: { options: "options", placeholder: "placeholder", value: "value", loading: "loading", disabled: "disabled" }, outputs: { valueSelected: "valueSelected", keyUpValue: "keyUpValue" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "inputsearch", first: true, predicate: ["inputsearch"], descendants: true }], ngImport: i0, template: "<div class=\"input-search\" #inputsearch>\n <input type=\"search\" class=\"input-field\" [disabled]=\"disabled\" [placeholder]=\"placeholder\" (keyup)=\"keyUp($event)\" [value]=\"value\" />\n <lib-elux-loading class=\"loading\" *ngIf=\"loading\" [size]=\"32\"></lib-elux-loading>\n <div class=\"search-list\" *ngIf=\"isOpen\">\n <div *ngFor=\"let item of options\">\n <div class=\"item-search\" *ngIf=\"item.text.toLowerCase().includes(value.toLowerCase())\" (click)=\"selectOption(item)\">\n {{ item.text }}\n </div>\n </div>\n </div>\n</div>\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}}:host .input-search{position:relative}:host .input-field{width:100%;padding-left:47px;box-sizing:border-box;position:relative}:host .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none}:host .loading{position:absolute;right:10px;top:8px}:host .search-list{position:absolute;left:0;top:100%;width:100%;max-height:160px;overflow-y:auto;z-index:1;color:#515253;background-color:#fff}:host .item-search{padding:8px 15px;cursor:pointer}:host .item-search:hover{background-color:#eaebed}\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: FormsModule }, { kind: "component", type: EluxLoading, selector: "lib-elux-loading", inputs: ["size", "white"] }] }); }
|
|
1176
1176
|
}
|
|
1177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxInputSearchComponent, decorators: [{
|
|
1178
1178
|
type: Component,
|
|
1179
|
-
args: [{ selector: 'lib-elux-input-search', standalone: true, imports: [EluxIcon, CommonModule, FormsModule, EluxLoading, EluxLoading], template: "<div class=\"input-search\" #inputsearch>\
|
|
1179
|
+
args: [{ selector: 'lib-elux-input-search', standalone: true, imports: [EluxIcon, CommonModule, FormsModule, EluxLoading, EluxLoading], template: "<div class=\"input-search\" #inputsearch>\n <input type=\"search\" class=\"input-field\" [disabled]=\"disabled\" [placeholder]=\"placeholder\" (keyup)=\"keyUp($event)\" [value]=\"value\" />\n <lib-elux-loading class=\"loading\" *ngIf=\"loading\" [size]=\"32\"></lib-elux-loading>\n <div class=\"search-list\" *ngIf=\"isOpen\">\n <div *ngFor=\"let item of options\">\n <div class=\"item-search\" *ngIf=\"item.text.toLowerCase().includes(value.toLowerCase())\" (click)=\"selectOption(item)\">\n {{ item.text }}\n </div>\n </div>\n </div>\n</div>\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}}:host .input-search{position:relative}:host .input-field{width:100%;padding-left:47px;box-sizing:border-box;position:relative}:host .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none}:host .loading{position:absolute;right:10px;top:8px}:host .search-list{position:absolute;left:0;top:100%;width:100%;max-height:160px;overflow-y:auto;z-index:1;color:#515253;background-color:#fff}:host .item-search{padding:8px 15px;cursor:pointer}:host .item-search:hover{background-color:#eaebed}\n"] }]
|
|
1180
1180
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
1181
1181
|
type: Input
|
|
1182
1182
|
}], placeholder: [{
|
|
@@ -1210,12 +1210,12 @@ class EluxInputSearchModalComponent {
|
|
|
1210
1210
|
searchClick(event) {
|
|
1211
1211
|
this.searchClickEvent.emit(event);
|
|
1212
1212
|
}
|
|
1213
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1214
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1213
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxInputSearchModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1214
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxInputSearchModalComponent, isStandalone: true, selector: "lib-elux-input-search-modal", inputs: { value: "value", placeholder: "placeholder" }, outputs: { searchClickEvent: "searchClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"input-search\">\n <input\n type=\"text\"\n class=\"input-field\"\n [placeholder]=\"placeholder\"\n [value]=\"value\"\n disabled\n />\n <lib-elux-button [icon]=\"'Search.svg'\" type=\"basic\" (onClick)=\"searchClick($event)\"></lib-elux-button>\n</div>\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}}:host .input-search{position:relative;display:flex}:host .input-field{width:100%;box-sizing:border-box;position:relative;margin-right:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: EluxButton, selector: "lib-elux-button", inputs: ["disabled", "type", "typeButton", "content", "done", "routerLink", "link", "size", "icon", "iconAlign", "externalLink", "loading", "onlyfirstLetterUpper"], outputs: ["onClick"] }] }); }
|
|
1215
1215
|
}
|
|
1216
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxInputSearchModalComponent, decorators: [{
|
|
1217
1217
|
type: Component,
|
|
1218
|
-
args: [{ selector: 'lib-elux-input-search-modal', standalone: true, imports: [CommonModule, EluxButton], template: "<div class=\"input-search\">\
|
|
1218
|
+
args: [{ selector: 'lib-elux-input-search-modal', standalone: true, imports: [CommonModule, EluxButton], template: "<div class=\"input-search\">\n <input\n type=\"text\"\n class=\"input-field\"\n [placeholder]=\"placeholder\"\n [value]=\"value\"\n disabled\n />\n <lib-elux-button [icon]=\"'Search.svg'\" type=\"basic\" (onClick)=\"searchClick($event)\"></lib-elux-button>\n</div>\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}}:host .input-search{position:relative;display:flex}:host .input-field{width:100%;box-sizing:border-box;position:relative;margin-right:16px}\n"] }]
|
|
1219
1219
|
}], ctorParameters: () => [], propDecorators: { value: [{
|
|
1220
1220
|
type: Input
|
|
1221
1221
|
}], placeholder: [{
|
|
@@ -1271,12 +1271,12 @@ class EluxDropdownMultiple {
|
|
|
1271
1271
|
this.isOpen = false;
|
|
1272
1272
|
}
|
|
1273
1273
|
}
|
|
1274
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1275
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1274
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxDropdownMultiple, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1275
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxDropdownMultiple, isStandalone: true, selector: "lib-elux-dropdown-multiple", inputs: { disabled: "disabled", idInput: "idInput", placeholder: "placeholder", options: "options", selectedOptions: "selectedOptions" }, outputs: { optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"custom-dropdown\">\n <input class=\"selected-option\" type=\"text\" [id]=\"idInput\" [placeholder]=\"placeholder\" [value]=\"selectedOptionsText.length ? selectedOptionsText.join(', ') : ''\" readonly (click)=\"toggleDropdown()\" />\n <lib-elux-icon class=\"arrow-icon noClick\" [color]=\"'#7A8A9B'\" [icon]=\"'Chevron_Down.svg'\" [ngClass]=\"{ 'arrow-rotate': isOpen }\" [size]=\"'16'\" [sizeType]=\"'px'\"></lib-elux-icon>\n <ul class=\"dropdown-list\" *ngIf=\"isOpen\">\n <li *ngFor=\"let option of options\" (click)=\"selectOption(option)\" class=\"d-flex align-items-center\" [class.selected]=\"selectedOptions.includes(option.value)\">\n <input class=\"me-2 col-3 ml-\" type=\"checkbox\" [checked]=\"selectedOptions.includes(option.value)\" />\n <span class=\"col-9\">\n {{ option.text }}\n </span>\n </li>\n </ul>\n</div>\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}}.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{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{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{color:\"darkest-grey\"}:host .noClick{pointer-events:none}:host .custom-dropdown{position:relative;width:100%}:host .selected-option{padding:10px 16px;border:1px solid #7A8A9B;cursor:pointer}:host .dropdown-list{list-style-type:none;padding:0;margin:0;border:1px solid #EAEBED;position:absolute;top:100%;width:100%;left:0;background-color:#fff;display:block;max-height:256px;overflow:auto;z-index:10}:host .dropdown-list::-webkit-scrollbar{width:4px}:host .dropdown-list::-webkit-scrollbar-track{background:#f4f5f7}:host .dropdown-list::-webkit-scrollbar-thumb{background:#adb9c3}:host .dropdown-list li{padding:13px 16px;cursor:pointer}:host .dropdown-list li:hover{background-color:#eaebed}:host .arrow-icon{display:flex;position:absolute;top:calc(50% - 8px);right:10px;cursor:pointer;transition:all .3s ease-in-out}:host .arrow-rotate{transform:rotate(180deg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
1276
1276
|
}
|
|
1277
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1277
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxDropdownMultiple, decorators: [{
|
|
1278
1278
|
type: Component,
|
|
1279
|
-
args: [{ selector: 'lib-elux-dropdown-multiple', imports: [CommonModule, FormsModule, ReactiveFormsModule, EluxIcon], standalone: true, template: "<div class=\"custom-dropdown\">\
|
|
1279
|
+
args: [{ selector: 'lib-elux-dropdown-multiple', imports: [CommonModule, FormsModule, ReactiveFormsModule, EluxIcon], standalone: true, template: "<div class=\"custom-dropdown\">\n <input class=\"selected-option\" type=\"text\" [id]=\"idInput\" [placeholder]=\"placeholder\" [value]=\"selectedOptionsText.length ? selectedOptionsText.join(', ') : ''\" readonly (click)=\"toggleDropdown()\" />\n <lib-elux-icon class=\"arrow-icon noClick\" [color]=\"'#7A8A9B'\" [icon]=\"'Chevron_Down.svg'\" [ngClass]=\"{ 'arrow-rotate': isOpen }\" [size]=\"'16'\" [sizeType]=\"'px'\"></lib-elux-icon>\n <ul class=\"dropdown-list\" *ngIf=\"isOpen\">\n <li *ngFor=\"let option of options\" (click)=\"selectOption(option)\" class=\"d-flex align-items-center\" [class.selected]=\"selectedOptions.includes(option.value)\">\n <input class=\"me-2 col-3 ml-\" type=\"checkbox\" [checked]=\"selectedOptions.includes(option.value)\" />\n <span class=\"col-9\">\n {{ option.text }}\n </span>\n </li>\n </ul>\n</div>\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}}.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{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{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{color:\"darkest-grey\"}:host .noClick{pointer-events:none}:host .custom-dropdown{position:relative;width:100%}:host .selected-option{padding:10px 16px;border:1px solid #7A8A9B;cursor:pointer}:host .dropdown-list{list-style-type:none;padding:0;margin:0;border:1px solid #EAEBED;position:absolute;top:100%;width:100%;left:0;background-color:#fff;display:block;max-height:256px;overflow:auto;z-index:10}:host .dropdown-list::-webkit-scrollbar{width:4px}:host .dropdown-list::-webkit-scrollbar-track{background:#f4f5f7}:host .dropdown-list::-webkit-scrollbar-thumb{background:#adb9c3}:host .dropdown-list li{padding:13px 16px;cursor:pointer}:host .dropdown-list li:hover{background-color:#eaebed}:host .arrow-icon{display:flex;position:absolute;top:calc(50% - 8px);right:10px;cursor:pointer;transition:all .3s ease-in-out}:host .arrow-rotate{transform:rotate(180deg)}\n"] }]
|
|
1280
1280
|
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
1281
1281
|
type: Input
|
|
1282
1282
|
}], idInput: [{
|
|
@@ -1416,12 +1416,12 @@ class EluxCarouselComponent {
|
|
|
1416
1416
|
});
|
|
1417
1417
|
});
|
|
1418
1418
|
}
|
|
1419
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1420
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1419
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCarouselComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1420
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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\">\n <div class=\"c-carousel-slides\" [style.transform]=\"'translateX(' + offset + '%)'\" (touchstart)=\"onTouchStart($event)\" (touchmove)=\"onTouchMove($event)\" (touchend)=\"onTouchEnd()\">\n <ng-content></ng-content>\n </div>\n\n <div class=\"c-carousel-footer\">\n <button [hidden]=\"removeArrows\" class=\"c-carousel-nav prev\" title=\"Slide anterior\" aria-label=\"Slide anterior\" (click)=\"prevSlide()\">\n <lib-elux-icon [icon]=\"'Chevron_Left.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\" [color]=\"'#020F2E'\"></lib-elux-icon>\n </button>\n\n <div [hidden]=\"removeDots\" class=\"c-carousel-dots\" #dotsContainer>\n <span\n role=\"button\"\n class=\"dot\"\n *ngFor=\"let index of getStepIndexes()\"\n (click)=\"goToSlide(index)\"\n (keyup)=\"goToSlide(index)\"\n [class.active]=\"index === getCurrentStepIndex()\"\n [attr.aria-disabled]=\"true\"\n [attr.aria-label]=\"'pagina' + (index + 1)\"\n >\n </span>\n </div>\n\n <button [hidden]=\"removeArrows\" class=\"c-carousel-nav next\" title=\"Pr\u00F3ximo slide\" aria-label=\"Pr\u00F3ximo slide\" (click)=\"nextSlide()\">\n <lib-elux-icon [icon]=\"'Chevron_Right.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\" [color]=\"'#020F2E'\"></lib-elux-icon>\n </button>\n </div>\n</div>\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"] }] }); }
|
|
1421
1421
|
}
|
|
1422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCarouselComponent, decorators: [{
|
|
1423
1423
|
type: Component,
|
|
1424
|
-
args: [{ standalone: true, selector: 'lib-elux-carousel', imports: [CommonModule, EluxIcon], template: "<div class=\"c-carousel-container\">\
|
|
1424
|
+
args: [{ standalone: true, selector: 'lib-elux-carousel', imports: [CommonModule, EluxIcon], template: "<div class=\"c-carousel-container\">\n <div class=\"c-carousel-slides\" [style.transform]=\"'translateX(' + offset + '%)'\" (touchstart)=\"onTouchStart($event)\" (touchmove)=\"onTouchMove($event)\" (touchend)=\"onTouchEnd()\">\n <ng-content></ng-content>\n </div>\n\n <div class=\"c-carousel-footer\">\n <button [hidden]=\"removeArrows\" class=\"c-carousel-nav prev\" title=\"Slide anterior\" aria-label=\"Slide anterior\" (click)=\"prevSlide()\">\n <lib-elux-icon [icon]=\"'Chevron_Left.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\" [color]=\"'#020F2E'\"></lib-elux-icon>\n </button>\n\n <div [hidden]=\"removeDots\" class=\"c-carousel-dots\" #dotsContainer>\n <span\n role=\"button\"\n class=\"dot\"\n *ngFor=\"let index of getStepIndexes()\"\n (click)=\"goToSlide(index)\"\n (keyup)=\"goToSlide(index)\"\n [class.active]=\"index === getCurrentStepIndex()\"\n [attr.aria-disabled]=\"true\"\n [attr.aria-label]=\"'pagina' + (index + 1)\"\n >\n </span>\n </div>\n\n <button [hidden]=\"removeArrows\" class=\"c-carousel-nav next\" title=\"Pr\u00F3ximo slide\" aria-label=\"Pr\u00F3ximo slide\" (click)=\"nextSlide()\">\n <lib-elux-icon [icon]=\"'Chevron_Right.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\" [color]=\"'#020F2E'\"></lib-elux-icon>\n </button>\n </div>\n</div>\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"] }]
|
|
1425
1425
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { items: [{
|
|
1426
1426
|
type: ContentChildren,
|
|
1427
1427
|
args: ['carouselItem', { read: ElementRef }]
|
|
@@ -1453,33 +1453,33 @@ class EluxSwitch {
|
|
|
1453
1453
|
_onChange(event) {
|
|
1454
1454
|
this.onChange.emit(event.target.checked);
|
|
1455
1455
|
}
|
|
1456
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1457
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1458
|
-
<div
|
|
1459
|
-
[class.small]="size === 'small'"
|
|
1460
|
-
[class.medium]="size === 'medium'"
|
|
1461
|
-
[class.large]="size === 'large'"
|
|
1462
|
-
>
|
|
1463
|
-
<label class="lib-elux-switch">
|
|
1464
|
-
<input type="checkbox" [checked]="checked" (change)="_onChange($event)" />
|
|
1465
|
-
<span class="slider"></span>
|
|
1466
|
-
</label>
|
|
1467
|
-
</div>
|
|
1456
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1457
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxSwitch, isStandalone: true, selector: "lib-elux-switch", inputs: { checked: "checked", size: "size" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
|
|
1458
|
+
<div
|
|
1459
|
+
[class.small]="size === 'small'"
|
|
1460
|
+
[class.medium]="size === 'medium'"
|
|
1461
|
+
[class.large]="size === 'large'"
|
|
1462
|
+
>
|
|
1463
|
+
<label class="lib-elux-switch">
|
|
1464
|
+
<input type="checkbox" [checked]="checked" (change)="_onChange($event)" />
|
|
1465
|
+
<span class="slider"></span>
|
|
1466
|
+
</label>
|
|
1467
|
+
</div>
|
|
1468
1468
|
`, isInline: true, 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}}.small{transform:scale(.67)}.medium{transform:scale(1)}.large{transform:scale(1.33)}.lib-elux-switch{position:relative;display:inline-block;width:60px;height:34px;transform-origin:left center}.lib-elux-switch input{opacity:0;width:0;height:0}.lib-elux-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:17px}.lib-elux-switch .slider:before{position:absolute;content:\"\";height:26px;width:26px;border-radius:50%;left:4px;bottom:4px;background-color:#fff;transition:.4s;box-shadow:0 2px 4px #0003}.lib-elux-switch input:checked+.slider{background-color:#011e41}.lib-elux-switch input:checked+.slider:before{transform:translate(26px)}\n"] }); }
|
|
1469
1469
|
}
|
|
1470
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1470
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxSwitch, decorators: [{
|
|
1471
1471
|
type: Component,
|
|
1472
|
-
args: [{ selector: 'lib-elux-switch', standalone: true, template: `
|
|
1473
|
-
<div
|
|
1474
|
-
[class.small]="size === 'small'"
|
|
1475
|
-
[class.medium]="size === 'medium'"
|
|
1476
|
-
[class.large]="size === 'large'"
|
|
1477
|
-
>
|
|
1478
|
-
<label class="lib-elux-switch">
|
|
1479
|
-
<input type="checkbox" [checked]="checked" (change)="_onChange($event)" />
|
|
1480
|
-
<span class="slider"></span>
|
|
1481
|
-
</label>
|
|
1482
|
-
</div>
|
|
1472
|
+
args: [{ selector: 'lib-elux-switch', standalone: true, template: `
|
|
1473
|
+
<div
|
|
1474
|
+
[class.small]="size === 'small'"
|
|
1475
|
+
[class.medium]="size === 'medium'"
|
|
1476
|
+
[class.large]="size === 'large'"
|
|
1477
|
+
>
|
|
1478
|
+
<label class="lib-elux-switch">
|
|
1479
|
+
<input type="checkbox" [checked]="checked" (change)="_onChange($event)" />
|
|
1480
|
+
<span class="slider"></span>
|
|
1481
|
+
</label>
|
|
1482
|
+
</div>
|
|
1483
1483
|
`, 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}}.small{transform:scale(.67)}.medium{transform:scale(1)}.large{transform:scale(1.33)}.lib-elux-switch{position:relative;display:inline-block;width:60px;height:34px;transform-origin:left center}.lib-elux-switch input{opacity:0;width:0;height:0}.lib-elux-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:17px}.lib-elux-switch .slider:before{position:absolute;content:\"\";height:26px;width:26px;border-radius:50%;left:4px;bottom:4px;background-color:#fff;transition:.4s;box-shadow:0 2px 4px #0003}.lib-elux-switch input:checked+.slider{background-color:#011e41}.lib-elux-switch input:checked+.slider:before{transform:translate(26px)}\n"] }]
|
|
1484
1484
|
}], propDecorators: { checked: [{
|
|
1485
1485
|
type: Input
|
|
@@ -1498,12 +1498,12 @@ class EluxChip {
|
|
|
1498
1498
|
_onClick() {
|
|
1499
1499
|
this.onClick.emit();
|
|
1500
1500
|
}
|
|
1501
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1502
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1501
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxChip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1502
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxChip, isStandalone: true, selector: "lib-elux-chip", inputs: { value: "value", ariaLabel: "ariaLabel" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"chip\" (click)=\"_onClick()\" tabindex=\"0\" role=\"button\" [attr.aria-label]=\"ariaLabel\">\n {{ value }}\n <lib-elux-icon icon=\"Close.svg\" size=\"24\" sizeType=\"px\" color=\"#fff\" />\n</div>\n", styles: [".chip{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:14px;background:#5b6a78;color:#fff;border-radius:16px;padding:4px 8px;margin-right:8px;margin-bottom:8px;min-height:24px;cursor:pointer}.chip ::ng-deep lib-elux-icon .icon{transition:color .2s;background-color:#fff!important}.chip:hover{background:#b1abbb;color:#2b2936}.chip:hover ::ng-deep lib-elux-icon .icon{background-color:#2b2936!important}.chip .close{background:none;border:none;outline:none;cursor:pointer;line-height:1}.chip .close:hover{color:#2b2936}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
1503
1503
|
}
|
|
1504
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1504
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxChip, decorators: [{
|
|
1505
1505
|
type: Component,
|
|
1506
|
-
args: [{ selector: 'lib-elux-chip', standalone: true, imports: [CommonModule, EluxIcon], template: "<div class=\"chip\" (click)=\"_onClick()\" tabindex=\"0\" role=\"button\" [attr.aria-label]=\"ariaLabel\">\
|
|
1506
|
+
args: [{ selector: 'lib-elux-chip', standalone: true, imports: [CommonModule, EluxIcon], template: "<div class=\"chip\" (click)=\"_onClick()\" tabindex=\"0\" role=\"button\" [attr.aria-label]=\"ariaLabel\">\n {{ value }}\n <lib-elux-icon icon=\"Close.svg\" size=\"24\" sizeType=\"px\" color=\"#fff\" />\n</div>\n", styles: [".chip{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:14px;background:#5b6a78;color:#fff;border-radius:16px;padding:4px 8px;margin-right:8px;margin-bottom:8px;min-height:24px;cursor:pointer}.chip ::ng-deep lib-elux-icon .icon{transition:color .2s;background-color:#fff!important}.chip:hover{background:#b1abbb;color:#2b2936}.chip:hover ::ng-deep lib-elux-icon .icon{background-color:#2b2936!important}.chip .close{background:none;border:none;outline:none;cursor:pointer;line-height:1}.chip .close:hover{color:#2b2936}\n"] }]
|
|
1507
1507
|
}], propDecorators: { value: [{
|
|
1508
1508
|
type: Input
|
|
1509
1509
|
}], ariaLabel: [{
|
|
@@ -1513,12 +1513,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1513
1513
|
}] } });
|
|
1514
1514
|
|
|
1515
1515
|
class EluxCard1 {
|
|
1516
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1517
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1516
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCard1, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1517
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxCard1, isStandalone: true, selector: "lib-elux-card-1", inputs: { text: "text", iconLeft: "iconLeft", iconRight: "iconRight" }, ngImport: i0, template: "<div class=\"card1 p-3\">\n <lib-elux-icon *ngIf=\"iconLeft\" class=\"iconLeft\" [icon]=\"iconLeft\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n <div class=\"card-content\">\n <span class=\"subtitle-1\">{{ text }}</span>\n <lib-elux-icon class=\"iconRight\" [icon]=\"iconRight\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n </div>\n</div>\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"] }] }); }
|
|
1518
1518
|
}
|
|
1519
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1519
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCard1, decorators: [{
|
|
1520
1520
|
type: Component,
|
|
1521
|
-
args: [{ selector: 'lib-elux-card-1', standalone: true, imports: [EluxIcon, CommonModule], template: "<div class=\"card1 p-3\">\
|
|
1521
|
+
args: [{ selector: 'lib-elux-card-1', standalone: true, imports: [EluxIcon, CommonModule], template: "<div class=\"card1 p-3\">\n <lib-elux-icon *ngIf=\"iconLeft\" class=\"iconLeft\" [icon]=\"iconLeft\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n <div class=\"card-content\">\n <span class=\"subtitle-1\">{{ text }}</span>\n <lib-elux-icon class=\"iconRight\" [icon]=\"iconRight\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n </div>\n</div>\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"] }]
|
|
1522
1522
|
}], propDecorators: { text: [{
|
|
1523
1523
|
type: Input
|
|
1524
1524
|
}], iconLeft: [{
|
|
@@ -1528,12 +1528,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1528
1528
|
}] } });
|
|
1529
1529
|
|
|
1530
1530
|
class EluxCard2 {
|
|
1531
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1532
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1531
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCard2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1532
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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\">\n <span class=\"subtitle-1 text-blue\">{{ text }}</span>\n <lib-elux-icon [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n</div>\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"] }] }); }
|
|
1533
1533
|
}
|
|
1534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1534
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCard2, decorators: [{
|
|
1535
1535
|
type: Component,
|
|
1536
|
-
args: [{ selector: 'lib-elux-card-2', standalone: true, imports: [EluxIcon], template: "<div class=\"subtitle-1 card2 d-flex justify-content-between align-items-center\">\
|
|
1536
|
+
args: [{ selector: 'lib-elux-card-2', standalone: true, imports: [EluxIcon], template: "<div class=\"subtitle-1 card2 d-flex justify-content-between align-items-center\">\n <span class=\"subtitle-1 text-blue\">{{ text }}</span>\n <lib-elux-icon [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n</div>\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"] }]
|
|
1537
1537
|
}], propDecorators: { text: [{
|
|
1538
1538
|
type: Input
|
|
1539
1539
|
}], icon: [{
|
|
@@ -1541,12 +1541,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1541
1541
|
}] } });
|
|
1542
1542
|
|
|
1543
1543
|
class EluxCard3 {
|
|
1544
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1545
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1544
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCard3, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1545
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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\">\n <div class=\"pe-3\">\n <lib-elux-icon [icon]=\"icon\" [size]=\"'40'\" [sizeType]=\"'px'\"></lib-elux-icon>\n </div>\n <div class=\"d-flex flex-column\">\n <span class=\"heading-3 text-blue\">{{ title }}</span>\n <span class=\"body mt-2\">{{ text }}</span>\n </div>\n</div>\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"] }] }); }
|
|
1546
1546
|
}
|
|
1547
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCard3, decorators: [{
|
|
1548
1548
|
type: Component,
|
|
1549
|
-
args: [{ selector: 'lib-elux-card-3', standalone: true, imports: [EluxIcon], template: "<div class=\"card3 p-3 subtitle-1 d-flex align-items-center\">\
|
|
1549
|
+
args: [{ selector: 'lib-elux-card-3', standalone: true, imports: [EluxIcon], template: "<div class=\"card3 p-3 subtitle-1 d-flex align-items-center\">\n <div class=\"pe-3\">\n <lib-elux-icon [icon]=\"icon\" [size]=\"'40'\" [sizeType]=\"'px'\"></lib-elux-icon>\n </div>\n <div class=\"d-flex flex-column\">\n <span class=\"heading-3 text-blue\">{{ title }}</span>\n <span class=\"body mt-2\">{{ text }}</span>\n </div>\n</div>\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"] }]
|
|
1550
1550
|
}], propDecorators: { title: [{
|
|
1551
1551
|
type: Input
|
|
1552
1552
|
}], text: [{
|
|
@@ -1556,12 +1556,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1556
1556
|
}] } });
|
|
1557
1557
|
|
|
1558
1558
|
class EluxCard4 {
|
|
1559
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1560
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1559
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCard4, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1560
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxCard4, isStandalone: true, selector: "lib-elux-card-4", inputs: { title: "title", text: "text" }, ngImport: i0, template: "<div class=\"card4 p-3\">\n <div class=\"d-flex flex-row justify-content-between align-items-center\">\n <span class=\"subtitle-1 text-blue\">{{ title }}</span>\n <lib-elux-icon [icon]=\"'Arrow_Right.svg'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n </div>\n <div class=\"d-flex mt-2\">\n <span class=\"body\">{{ text }}</span>\n </div>\n</div>\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"] }] }); }
|
|
1561
1561
|
}
|
|
1562
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1562
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCard4, decorators: [{
|
|
1563
1563
|
type: Component,
|
|
1564
|
-
args: [{ selector: 'lib-elux-card-4', standalone: true, imports: [EluxIcon], template: "<div class=\"card4 p-3\">\
|
|
1564
|
+
args: [{ selector: 'lib-elux-card-4', standalone: true, imports: [EluxIcon], template: "<div class=\"card4 p-3\">\n <div class=\"d-flex flex-row justify-content-between align-items-center\">\n <span class=\"subtitle-1 text-blue\">{{ title }}</span>\n <lib-elux-icon [icon]=\"'Arrow_Right.svg'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n </div>\n <div class=\"d-flex mt-2\">\n <span class=\"body\">{{ text }}</span>\n </div>\n</div>\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"] }]
|
|
1565
1565
|
}], propDecorators: { title: [{
|
|
1566
1566
|
type: Input
|
|
1567
1567
|
}], text: [{
|
|
@@ -1572,12 +1572,12 @@ class EluxLoading2 {
|
|
|
1572
1572
|
constructor() {
|
|
1573
1573
|
this.open = false;
|
|
1574
1574
|
}
|
|
1575
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1576
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1575
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxLoading2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1576
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxLoading2, isStandalone: true, selector: "lib-elux-loading-2", inputs: { open: "open" }, ngImport: i0, template: "<div class=\"modal\" [class.open]=\"open\">\n <div class=\"modal-content\">\n <img class=\"content-icon mb-4\" src=\"/assets/icons/Loading.webp\" />\n <span class=\"content-title mt-2 mb-3\">Carregando...</span>\n <span class=\"content-description\">Por favor, aguarde enquanto buscamos a melhor solu\u00E7\u00E3o.</span>\n </div>\n <div class=\"modal-backdrop\"></div>\n</div>\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,.modal-content .content-title{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3,.modal-content .content-description{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,.modal-content .content-title{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3,.modal-content .content-description{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}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto}.modal .close-icon{position:absolute;right:15px;top:15px;cursor:pointer}.modal.open{display:block}.modal-content{display:flex;align-items:center;background-color:#fff;margin:15% auto;padding:48px 24px;width:80%;max-width:330px;border-radius:8px;z-index:10}.modal-content .content-icon{width:60px;height:60px}.modal-content .content-title{color:#011e41}.modal-content .content-description{color:#515253}@media (max-width: 991px){.modal-content{padding:12px!important}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:9}\n"] }); }
|
|
1577
1577
|
}
|
|
1578
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1578
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxLoading2, decorators: [{
|
|
1579
1579
|
type: Component,
|
|
1580
|
-
args: [{ selector: 'lib-elux-loading-2', imports: [], standalone: true, template: "<div class=\"modal\" [class.open]=\"open\">\
|
|
1580
|
+
args: [{ selector: 'lib-elux-loading-2', imports: [], standalone: true, template: "<div class=\"modal\" [class.open]=\"open\">\n <div class=\"modal-content\">\n <img class=\"content-icon mb-4\" src=\"/assets/icons/Loading.webp\" />\n <span class=\"content-title mt-2 mb-3\">Carregando...</span>\n <span class=\"content-description\">Por favor, aguarde enquanto buscamos a melhor solu\u00E7\u00E3o.</span>\n </div>\n <div class=\"modal-backdrop\"></div>\n</div>\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,.modal-content .content-title{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3,.modal-content .content-description{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,.modal-content .content-title{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3,.modal-content .content-description{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}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto}.modal .close-icon{position:absolute;right:15px;top:15px;cursor:pointer}.modal.open{display:block}.modal-content{display:flex;align-items:center;background-color:#fff;margin:15% auto;padding:48px 24px;width:80%;max-width:330px;border-radius:8px;z-index:10}.modal-content .content-icon{width:60px;height:60px}.modal-content .content-title{color:#011e41}.modal-content .content-description{color:#515253}@media (max-width: 991px){.modal-content{padding:12px!important}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:9}\n"] }]
|
|
1581
1581
|
}], propDecorators: { open: [{
|
|
1582
1582
|
type: Input
|
|
1583
1583
|
}] } });
|
|
@@ -1589,12 +1589,12 @@ class EluxArrowLink {
|
|
|
1589
1589
|
this.icon_name = '';
|
|
1590
1590
|
this.icon_size = '26';
|
|
1591
1591
|
}
|
|
1592
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1593
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
1592
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxArrowLink, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1593
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxArrowLink, isStandalone: true, selector: "lib-elux-arrow-link", inputs: { title: "title", reverse: "reverse", icon_name: "icon_name", icon_size: "icon_size" }, ngImport: i0, template: "<div *ngIf=\"title\" class=\"single-action mat-elevation-z0\">\n <div class=\"text-container\">\n <lib-elux-icon *ngIf=\"reverse\" class=\"back\" [icon]=\"'Chevron_Left.svg'\" [color]=\"'#A5742E'\" [size]=\"'24'\" [sizeType]=\"'px'\"> </lib-elux-icon>\n <div class=\"content\">\n <lib-elux-icon class=\"content-icon\" *ngIf=\"!!icon_name\" [icon]=\"icon_name\" [sizeType]=\"'px'\" [size]=\"icon_size\"> </lib-elux-icon>\n <span>{{ title }}</span> \n </div>\n <lib-elux-icon *ngIf=\"!reverse\" class=\"go\" [icon]=\"'Chevron_Right.svg'\" [color]=\"'#A5742E'\" [size]=\"'24'\" [sizeType]=\"'px'\"> </lib-elux-icon>\n </div>\n</div>\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,.single-action .content{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,.single-action .content{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}}.single-action{transition:margin-right ease-in-out .3s;padding-top:16px;padding-bottom:16px;padding-right:22px;display:inline-block;cursor:pointer}.single-action *{transition:margin-right ease-in-out .3s}.single-action .text-container{display:flex;align-items:center;justify-content:space-between;color:#011e41}.single-action .content{display:flex;align-items:center;color:#011e41;margin-right:8px}.single-action .content .content-icon{margin-right:10px}.single-action .go,.single-action .back{transition:.3s}.single-action:hover .text-container,.single-action:hover .text-container .content{color:#011e41}.single-action:hover .go{transform:translate(10px)}.single-action:hover .back{transform:translate(-10px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
1594
1594
|
}
|
|
1595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1595
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxArrowLink, decorators: [{
|
|
1596
1596
|
type: Component,
|
|
1597
|
-
args: [{ selector: 'lib-elux-arrow-link', imports: [CommonModule, RouterModule, EluxIcon], standalone: true, template: "<div *ngIf=\"title\" class=\"single-action mat-elevation-z0\">\
|
|
1597
|
+
args: [{ selector: 'lib-elux-arrow-link', imports: [CommonModule, RouterModule, EluxIcon], standalone: true, template: "<div *ngIf=\"title\" class=\"single-action mat-elevation-z0\">\n <div class=\"text-container\">\n <lib-elux-icon *ngIf=\"reverse\" class=\"back\" [icon]=\"'Chevron_Left.svg'\" [color]=\"'#A5742E'\" [size]=\"'24'\" [sizeType]=\"'px'\"> </lib-elux-icon>\n <div class=\"content\">\n <lib-elux-icon class=\"content-icon\" *ngIf=\"!!icon_name\" [icon]=\"icon_name\" [sizeType]=\"'px'\" [size]=\"icon_size\"> </lib-elux-icon>\n <span>{{ title }}</span> \n </div>\n <lib-elux-icon *ngIf=\"!reverse\" class=\"go\" [icon]=\"'Chevron_Right.svg'\" [color]=\"'#A5742E'\" [size]=\"'24'\" [sizeType]=\"'px'\"> </lib-elux-icon>\n </div>\n</div>\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,.single-action .content{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,.single-action .content{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}}.single-action{transition:margin-right ease-in-out .3s;padding-top:16px;padding-bottom:16px;padding-right:22px;display:inline-block;cursor:pointer}.single-action *{transition:margin-right ease-in-out .3s}.single-action .text-container{display:flex;align-items:center;justify-content:space-between;color:#011e41}.single-action .content{display:flex;align-items:center;color:#011e41;margin-right:8px}.single-action .content .content-icon{margin-right:10px}.single-action .go,.single-action .back{transition:.3s}.single-action:hover .text-container,.single-action:hover .text-container .content{color:#011e41}.single-action:hover .go{transform:translate(10px)}.single-action:hover .back{transform:translate(-10px)}\n"] }]
|
|
1598
1598
|
}], propDecorators: { title: [{
|
|
1599
1599
|
type: Input
|
|
1600
1600
|
}], reverse: [{
|
|
@@ -1627,11 +1627,11 @@ const ElectroluxComponents = [
|
|
|
1627
1627
|
];
|
|
1628
1628
|
|
|
1629
1629
|
class ElectroluxDesignSystemModule {
|
|
1630
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1631
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
1632
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
1630
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ElectroluxDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1631
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ElectroluxDesignSystemModule, imports: [CommonModule, EluxBreadcrumb, EluxButton, EluxDatepicker, EluxDropdown, EluxIcon, EluxPaginator, EluxStepBar, EluxToast, EluxDataTable, EluxAccordion, EluxModal, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxDropdownMultiple, EluxCarouselComponent, EluxSwitch, EluxChip], exports: [EluxBreadcrumb, EluxButton, EluxDatepicker, EluxDropdown, EluxIcon, EluxPaginator, EluxStepBar, EluxToast, EluxDataTable, EluxAccordion, EluxModal, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxDropdownMultiple, EluxCarouselComponent, EluxSwitch, EluxChip] }); }
|
|
1632
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ElectroluxDesignSystemModule, imports: [CommonModule, EluxBreadcrumb, EluxButton, EluxDatepicker, EluxDropdown, EluxIcon, EluxPaginator, EluxStepBar, EluxToast, EluxDataTable, EluxAccordion, EluxModal, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxDropdownMultiple, EluxCarouselComponent, EluxChip] }); }
|
|
1633
1633
|
}
|
|
1634
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1634
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ElectroluxDesignSystemModule, decorators: [{
|
|
1635
1635
|
type: NgModule,
|
|
1636
1636
|
args: [{
|
|
1637
1637
|
imports: [CommonModule, ...ElectroluxComponents],
|