@elxjs/ui 0.0.170

package/fesm2022/elxjs-ui.mjs

@@ -0,0 +1,1647 @@
+import * as i0 from '@angular/core';
+import { Component, ViewChild, Input, EventEmitter, Output, forwardRef, HostListener, Injectable, booleanAttribute, ElementRef, ContentChildren, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, NgControl, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import * as i1$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { Subject, debounceTime } from 'rxjs';
+
+class EluxIcon {
+    constructor() {
+        this.color = '#011e41';
+        this.useSubscription = false;
+        this.icon = '';
+        this.description = '';
+        this.size = '';
+        this.height = '';
+        this.width = '';
+        this.sizeType = 'px';
+    }
+    iconMask() {
+        return {
+            height: this.size ? `${this.size}${this.sizeType}` : `${this.height}${this.sizeType}`,
+            width: this.size ? `${this.size}${this.sizeType}` : `${this.width}${this.sizeType}`,
+            mask: `url(./assets/icons/${this.icon}) no-repeat`,
+            '-webkit-mask': `url(./assets/icons/${this.icon}) no-repeat`,
+            'background-color': this.color,
+            '-webkit-mask-size': 'contain',
+            'mask-size': 'contain',
+            'mask-repeat': 'no-repeat',
+            '-webkit-mask-repeat': 'no-repeat',
+            'mask-position': 'center',
+            '-webkit-mask-position': 'center'
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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) {\r\n<span #iconSpan class=\"icon\" [ngStyle]=\"iconMask()\"></span>\r\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 }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxIcon, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-icon', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "@if (icon) {\r\n<span #iconSpan class=\"icon\" [ngStyle]=\"iconMask()\"></span>\r\n}", styles: [".icon{display:inline-block;height:48px;width:48px;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { iconSpan: [{
+                type: ViewChild,
+                args: ['iconSpan']
+            }], color: [{
+                type: Input
+            }], useSubscription: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], sizeType: [{
+                type: Input
+            }] } });
+
+class EluxBreadcrumb {
+    constructor(
+    //private previousRouteService: PreviousRouteService,
+    elementRef) {
+        this.elementRef = elementRef;
+        this.routes = [];
+        //@Input() canChange: boolean = true;
+        this.showBreadcrumbDrop = false;
+    }
+    ngOnChanges(changes) {
+        // if ((!this.canChange && changes.routes.previousValue) || !changes.routes.currentValue) {
+        //   return;
+        // }
+        // this.previousRouteService.setPreviousBreadcrumb(changes.routes.currentValue);
+    }
+    toggleBreadcrumbDrop() {
+        this.showBreadcrumbDrop = !this.showBreadcrumbDrop;
+        if (this.showBreadcrumbDrop) {
+            document.addEventListener('click', this.closeDropdown.bind(this));
+        }
+        else {
+            document.removeEventListener('click', this.closeDropdown.bind(this));
+        }
+    }
+    closeDropdown(event) {
+        if (!this.elementRef.nativeElement.contains(event.target)) {
+            this.showBreadcrumbDrop = false;
+            document.removeEventListener('click', this.closeDropdown.bind(this));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxBreadcrumb, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxBreadcrumb, isStandalone: true, selector: "lib-elux-breadcrumb", inputs: { routes: "routes" }, usesOnChanges: true, ngImport: i0, template: "<div aria-label=\"breadcrumb\" class=\"breadCrumb\" *ngIf=\"routes && routes.length > 0\">\r\n  <div class=\"breadcrumbMobile\">\r\n    <div>\r\n      <div class=\"dots\" (click)=\"toggleBreadcrumbDrop()\">...</div>\r\n      <div class=\"dropGroup\" *ngIf=\"showBreadcrumbDrop\">\r\n        <div *ngFor=\"let route of routes; let i = index\">\r\n          <a class=\"text-decoration-none\" *ngIf=\"i != routes.length - 1\" [routerLink]=\"route.route\">\r\n            <div class=\"dropOption\">\r\n              {{ route.name }}\r\n            </div>\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"divBreadCrumbDesktop\">\r\n      <lib-elux-icon class=\"align-middle mr-1\" color=\"#011E41\" icon=\"Chevron_Right.svg\" size=\"15\" sizeType=\"px\"></lib-elux-icon>\r\n      <span class=\"lastRoute\" aria-current>{{ routes[routes.length-1].name }}</span>\r\n    </div>\r\n  </div>\r\n  <div class=\"breadcrumbDesktop\">\r\n    <div class=\"divBreadCrumbDesktop\" *ngFor=\"let route of routes; let i = index\">\r\n      <a [routerLink]=\"route.route\" class=\"route\" *ngIf=\"i != routes.length - 1\">\r\n        {{ route.name }}\r\n      </a>\r\n      <span class=\"lastRoute\" aria-current *ngIf=\"i == routes.length - 1\">\r\n        {{ route.name }}\r\n      </span>\r\n      <lib-elux-icon class=\"align-middle mr-1 \" *ngIf=\"i != routes.length - 1\" color=\"#011E41\" icon=\"Chevron_Right.svg\"\r\n        size=\"15\" sizeType=\"px\"></lib-elux-icon>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host .breadCrumb{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host .breadCrumb{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .breadCrumb .route{color:#515253;text-decoration:none}:host .breadCrumb .lastRoute{text-decoration:underline;color:#011e41}:host .breadCrumb .text-decoration-none{text-decoration:none}:host .breadCrumb .breadcrumbMobile{display:none}@media (max-width: 991px){:host .breadCrumb .breadcrumbMobile{display:flex}}:host .breadCrumb .breadcrumbMobile .dots{font-weight:600;font-size:30px;line-height:1px;margin-right:3px;cursor:pointer}:host .breadCrumb .breadcrumbMobile .dropGroup{position:absolute;box-shadow:0 1px 3px #0003;z-index:4;background-color:#fff;margin-top:25px}:host .breadCrumb .breadcrumbMobile .dropOption{border-bottom:solid 1px #DEE7EA;padding:10px 16px;color:#515253}:host .breadCrumb .breadcrumbDesktop{display:none}@media (min-width: 991px){:host .breadCrumb .breadcrumbDesktop{display:flex}}:host .breadCrumb .divBreadCrumbDesktop{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxBreadcrumb, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-breadcrumb', standalone: true, imports: [CommonModule, ReactiveFormsModule, RouterModule, EluxIcon], template: "<div aria-label=\"breadcrumb\" class=\"breadCrumb\" *ngIf=\"routes && routes.length > 0\">\r\n  <div class=\"breadcrumbMobile\">\r\n    <div>\r\n      <div class=\"dots\" (click)=\"toggleBreadcrumbDrop()\">...</div>\r\n      <div class=\"dropGroup\" *ngIf=\"showBreadcrumbDrop\">\r\n        <div *ngFor=\"let route of routes; let i = index\">\r\n          <a class=\"text-decoration-none\" *ngIf=\"i != routes.length - 1\" [routerLink]=\"route.route\">\r\n            <div class=\"dropOption\">\r\n              {{ route.name }}\r\n            </div>\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"divBreadCrumbDesktop\">\r\n      <lib-elux-icon class=\"align-middle mr-1\" color=\"#011E41\" icon=\"Chevron_Right.svg\" size=\"15\" sizeType=\"px\"></lib-elux-icon>\r\n      <span class=\"lastRoute\" aria-current>{{ routes[routes.length-1].name }}</span>\r\n    </div>\r\n  </div>\r\n  <div class=\"breadcrumbDesktop\">\r\n    <div class=\"divBreadCrumbDesktop\" *ngFor=\"let route of routes; let i = index\">\r\n      <a [routerLink]=\"route.route\" class=\"route\" *ngIf=\"i != routes.length - 1\">\r\n        {{ route.name }}\r\n      </a>\r\n      <span class=\"lastRoute\" aria-current *ngIf=\"i == routes.length - 1\">\r\n        {{ route.name }}\r\n      </span>\r\n      <lib-elux-icon class=\"align-middle mr-1 \" *ngIf=\"i != routes.length - 1\" color=\"#011E41\" icon=\"Chevron_Right.svg\"\r\n        size=\"15\" sizeType=\"px\"></lib-elux-icon>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host .breadCrumb{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host .breadCrumb{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .breadCrumb .route{color:#515253;text-decoration:none}:host .breadCrumb .lastRoute{text-decoration:underline;color:#011e41}:host .breadCrumb .text-decoration-none{text-decoration:none}:host .breadCrumb .breadcrumbMobile{display:none}@media (max-width: 991px){:host .breadCrumb .breadcrumbMobile{display:flex}}:host .breadCrumb .breadcrumbMobile .dots{font-weight:600;font-size:30px;line-height:1px;margin-right:3px;cursor:pointer}:host .breadCrumb .breadcrumbMobile .dropGroup{position:absolute;box-shadow:0 1px 3px #0003;z-index:4;background-color:#fff;margin-top:25px}:host .breadCrumb .breadcrumbMobile .dropOption{border-bottom:solid 1px #DEE7EA;padding:10px 16px;color:#515253}:host .breadCrumb .breadcrumbDesktop{display:none}@media (min-width: 991px){:host .breadCrumb .breadcrumbDesktop{display:flex}}:host .breadCrumb .divBreadCrumbDesktop{display:flex}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { routes: [{
+                type: Input
+            }] } });
+
+class EluxLoading {
+    constructor() {
+        this.size = 50;
+        this.white = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxLoading, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxLoading, isStandalone: true, selector: "lib-elux-loading", inputs: { size: "size", white: "white" }, ngImport: i0, template: "<div class=\"backdrop\">\r\n  <div class=\"spinner\" [ngClass]=\"{ white: white, blue: !white }\" [ngStyle]=\"{ 'width.px': size, 'height.px': size }\"></div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxLoading, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-loading', standalone: true, imports: [CommonModule], template: "<div class=\"backdrop\">\r\n  <div class=\"spinner\" [ngClass]=\"{ white: white, blue: !white }\" [ngStyle]=\"{ 'width.px': size, 'height.px': size }\"></div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.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"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], white: [{
+                type: Input
+            }] } });
+
+class EluxButton {
+    constructor(router) {
+        this.router = router;
+        this.disabled = false;
+        this.type = 'basic';
+        this.typeButton = 'button';
+        this.done = false;
+        this.icon = '';
+        this.externalLink = false;
+        this.loading = false;
+        this.onlyfirstLetterUpper = true;
+        this.onClick = new EventEmitter();
+    }
+    ngOnInit() {
+        if (this.done) {
+            this.icon = 'Check.svg';
+        }
+        if (this.externalLink) {
+            this.icon = 'Link.svg';
+        }
+        if (this.loading) {
+            this.icon = 'Loading.svg';
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['loading']) {
+        }
+    }
+    firstLetterUpper(value) {
+        if (value) {
+            return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
+        }
+        return '';
+    }
+    clickButton($event) {
+        if (this.loading == false) {
+            this.onClick.emit($event);
+            if (this.routerLink) {
+                this.router.navigateByUrl(this.routerLink);
+            }
+            else if (this.link) {
+                this.router.navigateByUrl(this.link);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxButton, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxButton, isStandalone: true, selector: "lib-elux-button", inputs: { disabled: "disabled", type: "type", typeButton: "typeButton", content: "content", done: "done", routerLink: "routerLink", link: "link", size: "size", icon: "icon", iconAlign: "iconAlign", externalLink: "externalLink", loading: "loading", onlyfirstLetterUpper: "onlyfirstLetterUpper" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<button\r\n  [type]=\"typeButton\"\r\n  class=\"btn elux-button size-{{ size }}\"\r\n  [disabled]=\"disabled\"\r\n  [ngClass]=\"type\"\r\n  (click)=\"clickButton($event)\"\r\n  (keyup.enter)=\"clickButton($event)\"\r\n>\r\n  <div *ngIf=\"loading\" [ngStyle]=\"{ 'width': '24px', 'margin': 'auto' , 'margin-top' : '3px' }\">\r\n    <lib-elux-loading [size]=\"30\" [white]=\"true\"></lib-elux-loading>\r\n  </div>\r\n  <div [ngClass]=\"iconAlign\">\r\n    <lib-elux-icon *ngIf=\"icon !== ''\" [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n    <span *ngIf=\"!done && !loading\">\r\n      {{ onlyfirstLetterUpper ? firstLetterUpper(content) : content }}\r\n    </span>\r\n  </div>\r\n</button>\r\n", styles: [":host .elux-button{width:100%;height:48px;text-align:center;padding-left:20px;padding-right:20px;min-height:36px;border:none;border-radius:2px}:host .elux-button span{font-weight:600;font-size:14px;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal}:host .elux-button:disabled{cursor:default;pointer-events:none}:host .elux-button.basic{color:#fff;background:#011e41}:host .elux-button.basic ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.basic:hover{opacity:.85}:host .elux-button.basic:disabled{background:#5b6a78;opacity:.85}:host .elux-button.basic:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.basic-action{color:#fff;background:#a5742e}:host .elux-button.basic-action ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.basic-action:hover{opacity:.85}:host .elux-button.basic-action:disabled{background:#d9ba91;opacity:.85}:host .elux-button.outline{background-color:#fff;border:solid 1px #011E41;color:#011e41}:host .elux-button.outline ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline:hover{color:#fff;background-color:#011e41}:host .elux-button.outline:hover:disabled{background-color:#fff}:host .elux-button.outline:hover ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.outline-noborder{background-color:#fff;border:none;color:#011e41}:host .elux-button.outline-noborder ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-noborder:hover{color:#fff;background-color:#011e41}:host .elux-button.outline-noborder:hover:disabled{background-color:#fff}:host .elux-button.outline-noborder:hover ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline-noborder:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.text{border:none;color:#011e41;padding:0}:host .elux-button.text:hover{text-decoration:underline}:host .elux-button.text:hover:disabled{text-decoration:none}:host .elux-button.text:disabled{opacity:.85;color:#5b6a78}:host .elux-button.text ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.text:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.basicBlue{background-color:#011e41!important;color:#fff!important;border:1px solid #011E41!important}:host .elux-button.basicBlue:hover{background-color:#fff!important;color:#011e41!important}:host .elux-button.basicBlue:hover ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.basicBlue:disabled{background:#dee7ea!important;color:#c9c9ca!important}:host .elux-button.basicBlue:disabled ::ng-deep lib-elux-icon span{background-color:#c9c9ca!important}:host .elux-button.basicWhite{color:#011e41;background:#fff;border:1px solid #011E41}:host .elux-button.basicWhite:hover{border-radius:2px;font-weight:600;color:#a5742e}:host .elux-button.basicWhite:hover ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.basicWhite:disabled{background:#dee7ea;color:#c9c9ca}:host .elux-button.basicWhite:disabled ::ng-deep lib-elux-icon span{background-color:#c9c9ca!important}:host .elux-button.basic-dark{background-color:#fff;color:#011e41}:host .elux-button.basic-dark:hover{background-color:#dee7ea}:host .elux-button.basic-dark:hover:disabled{background-color:#5b6a78}:host .elux-button.basic-dark:disabled{opacity:.85;color:#fff!important;background-color:#5b6a78}:host .elux-button.basic-dark ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-dark{color:#fff;background-color:transparent;border:solid 1px #FFFFFF}:host .elux-button.outline-dark ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline-dark:hover{background-color:#fff;color:#011e41}:host .elux-button.outline-dark:hover:disabled{background-color:transparent}:host .elux-button.outline-dark:hover ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-dark:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.uppercase{text-transform:uppercase}:host .elux-button lib-elux-icon{vertical-align:middle}:host .elux-button .left{display:flex;align-items:center}:host .elux-button .right{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center}:host .elux-button .right lib-elux-icon{line-height:1}:host .elux-button .right ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.primary,:host .elux-button.primary-negative,:host .elux-button.secondary,:host .elux-button.secondary-negative{height:48px;padding:0 24px;border:none}:host .elux-button.primary span,:host .elux-button.primary-negative span,:host .elux-button.secondary span,:host .elux-button.secondary-negative span{font-size:16px}:host .elux-button.primary:focus-visible,:host .elux-button.primary-negative:focus-visible,:host .elux-button.secondary:focus-visible,:host .elux-button.secondary-negative:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.primary{color:#fff;background-color:#011e41}:host .elux-button.primary:hover{opacity:.85}:host .elux-button.primary:disabled{background:#adb9c3;color:#fff}:host .elux-button.primary-negative{color:#011e41;background-color:#fff}:host .elux-button.primary-negative:hover{opacity:.85}:host .elux-button.primary-negative:disabled{background:#adb9c3;color:#fff}:host .elux-button.secondary{color:#011e41;background-color:#fff;border:1px solid #011E41}:host .elux-button.secondary:hover{background:#011e41;color:#fff}:host .elux-button.secondary:disabled{border-color:#7a8a9b;color:#7a8a9b}:host .elux-button.secondary-negative{color:#fff;background-color:#011e41;border:1px solid #FFFFFF}:host .elux-button.secondary-negative:hover{background-color:#fff;color:#011e41;border:1px solid #011E41}:host .elux-button.secondary-negative:disabled{border-color:#7a8a9b;color:#7a8a9b}:host .elux-button.size-2{height:48px;padding:0 66px}:host .elux-button.size-2 span{font-size:16px}:host .elux-button.size-3{height:48px;padding:0}:host .elux-button.size-3 span{font-size:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-button', standalone: true, imports: [CommonModule, ReactiveFormsModule, EluxIcon, EluxLoading], template: "<button\r\n  [type]=\"typeButton\"\r\n  class=\"btn elux-button size-{{ size }}\"\r\n  [disabled]=\"disabled\"\r\n  [ngClass]=\"type\"\r\n  (click)=\"clickButton($event)\"\r\n  (keyup.enter)=\"clickButton($event)\"\r\n>\r\n  <div *ngIf=\"loading\" [ngStyle]=\"{ 'width': '24px', 'margin': 'auto' , 'margin-top' : '3px' }\">\r\n    <lib-elux-loading [size]=\"30\" [white]=\"true\"></lib-elux-loading>\r\n  </div>\r\n  <div [ngClass]=\"iconAlign\">\r\n    <lib-elux-icon *ngIf=\"icon !== ''\" [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n    <span *ngIf=\"!done && !loading\">\r\n      {{ onlyfirstLetterUpper ? firstLetterUpper(content) : content }}\r\n    </span>\r\n  </div>\r\n</button>\r\n", styles: [":host .elux-button{width:100%;height:48px;text-align:center;padding-left:20px;padding-right:20px;min-height:36px;border:none;border-radius:2px}:host .elux-button span{font-weight:600;font-size:14px;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal}:host .elux-button:disabled{cursor:default;pointer-events:none}:host .elux-button.basic{color:#fff;background:#011e41}:host .elux-button.basic ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.basic:hover{opacity:.85}:host .elux-button.basic:disabled{background:#5b6a78;opacity:.85}:host .elux-button.basic:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.basic-action{color:#fff;background:#a5742e}:host .elux-button.basic-action ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.basic-action:hover{opacity:.85}:host .elux-button.basic-action:disabled{background:#d9ba91;opacity:.85}:host .elux-button.outline{background-color:#fff;border:solid 1px #011E41;color:#011e41}:host .elux-button.outline ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline:hover{color:#fff;background-color:#011e41}:host .elux-button.outline:hover:disabled{background-color:#fff}:host .elux-button.outline:hover ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.outline-noborder{background-color:#fff;border:none;color:#011e41}:host .elux-button.outline-noborder ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-noborder:hover{color:#fff;background-color:#011e41}:host .elux-button.outline-noborder:hover:disabled{background-color:#fff}:host .elux-button.outline-noborder:hover ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline-noborder:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.text{border:none;color:#011e41;padding:0}:host .elux-button.text:hover{text-decoration:underline}:host .elux-button.text:hover:disabled{text-decoration:none}:host .elux-button.text:disabled{opacity:.85;color:#5b6a78}:host .elux-button.text ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.text:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.basicBlue{background-color:#011e41!important;color:#fff!important;border:1px solid #011E41!important}:host .elux-button.basicBlue:hover{background-color:#fff!important;color:#011e41!important}:host .elux-button.basicBlue:hover ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.basicBlue:disabled{background:#dee7ea!important;color:#c9c9ca!important}:host .elux-button.basicBlue:disabled ::ng-deep lib-elux-icon span{background-color:#c9c9ca!important}:host .elux-button.basicWhite{color:#011e41;background:#fff;border:1px solid #011E41}:host .elux-button.basicWhite:hover{border-radius:2px;font-weight:600;color:#a5742e}:host .elux-button.basicWhite:hover ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.basicWhite:disabled{background:#dee7ea;color:#c9c9ca}:host .elux-button.basicWhite:disabled ::ng-deep lib-elux-icon span{background-color:#c9c9ca!important}:host .elux-button.basic-dark{background-color:#fff;color:#011e41}:host .elux-button.basic-dark:hover{background-color:#dee7ea}:host .elux-button.basic-dark:hover:disabled{background-color:#5b6a78}:host .elux-button.basic-dark:disabled{opacity:.85;color:#fff!important;background-color:#5b6a78}:host .elux-button.basic-dark ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-dark{color:#fff;background-color:transparent;border:solid 1px #FFFFFF}:host .elux-button.outline-dark ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline-dark:hover{background-color:#fff;color:#011e41}:host .elux-button.outline-dark:hover:disabled{background-color:transparent}:host .elux-button.outline-dark:hover ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-dark:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.uppercase{text-transform:uppercase}:host .elux-button lib-elux-icon{vertical-align:middle}:host .elux-button .left{display:flex;align-items:center}:host .elux-button .right{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center}:host .elux-button .right lib-elux-icon{line-height:1}:host .elux-button .right ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.primary,:host .elux-button.primary-negative,:host .elux-button.secondary,:host .elux-button.secondary-negative{height:48px;padding:0 24px;border:none}:host .elux-button.primary span,:host .elux-button.primary-negative span,:host .elux-button.secondary span,:host .elux-button.secondary-negative span{font-size:16px}:host .elux-button.primary:focus-visible,:host .elux-button.primary-negative:focus-visible,:host .elux-button.secondary:focus-visible,:host .elux-button.secondary-negative:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.primary{color:#fff;background-color:#011e41}:host .elux-button.primary:hover{opacity:.85}:host .elux-button.primary:disabled{background:#adb9c3;color:#fff}:host .elux-button.primary-negative{color:#011e41;background-color:#fff}:host .elux-button.primary-negative:hover{opacity:.85}:host .elux-button.primary-negative:disabled{background:#adb9c3;color:#fff}:host .elux-button.secondary{color:#011e41;background-color:#fff;border:1px solid #011E41}:host .elux-button.secondary:hover{background:#011e41;color:#fff}:host .elux-button.secondary:disabled{border-color:#7a8a9b;color:#7a8a9b}:host .elux-button.secondary-negative{color:#fff;background-color:#011e41;border:1px solid #FFFFFF}:host .elux-button.secondary-negative:hover{background-color:#fff;color:#011e41;border:1px solid #011E41}:host .elux-button.secondary-negative:disabled{border-color:#7a8a9b;color:#7a8a9b}:host .elux-button.size-2{height:48px;padding:0 66px}:host .elux-button.size-2 span{font-size:16px}:host .elux-button.size-3{height:48px;padding:0}:host .elux-button.size-3 span{font-size:16px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.Router }], propDecorators: { disabled: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], typeButton: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], done: [{
+                type: Input
+            }], routerLink: [{
+                type: Input
+            }], link: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconAlign: [{
+                type: Input
+            }], externalLink: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], onlyfirstLetterUpper: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class EluxDropdown {
+    constructor(injector) {
+        this.injector = injector;
+        this.placeholder = 'Selecione';
+        this.options = [];
+        this.selectedOption = '';
+        this.disabled = false;
+        this.idInput = '';
+        this.showSearch = false;
+        this.optionSelected = new EventEmitter();
+        this.isOpen = false;
+        this.selectedOptionText = '';
+        this.optionsFiltered = [];
+        this.onChange = () => undefined;
+        this.onTouched = () => undefined;
+    }
+    ngOnInit() {
+        this.injectParentFormControl();
+        this.addPlaceholderOption();
+        this.updateSelectedOption();
+        if (!this.idInput) {
+            this.idInput = `dropdown-${Math.random().toString(36).substring(2, 11)}`;
+        }
+        this.optionsFiltered = this.options;
+    }
+    ngOnChanges(changes) {
+        if (changes['selectedOption'] && !changes['selectedOption'].isFirstChange()) {
+            this.updateSelectedOption();
+        }
+        if (changes['placeholder'] && !changes['placeholder'].isFirstChange()) {
+            this.updatePlaceholderOption();
+        }
+    }
+    injectParentFormControl() {
+        const ngControl = this.injector.get(NgControl, null);
+        if (ngControl) {
+            this.parentFormControl = ngControl.control;
+        }
+    }
+    addPlaceholderOption() {
+        if (!this.options.some((option) => option.value === null)) {
+            this.options.unshift({ value: null, text: this.placeholder });
+        }
+    }
+    updateSelectedOption() {
+        const selectedOption = this.options.find((option) => option.value === this.selectedOption);
+        this.selectedOptionText = selectedOption ? selectedOption.text : this.showSearch ? '' : this.placeholder;
+    }
+    updatePlaceholderOption() {
+        const placeholderOptionIndex = this.options.findIndex(option => option.value === null);
+        if (placeholderOptionIndex !== -1) {
+            this.options[placeholderOptionIndex].text = this.placeholder;
+        }
+        else {
+            this.addPlaceholderOption();
+        }
+        if (!this.showSearch && !this.selectedOption) {
+            this.selectedOptionText = this.placeholder;
+        }
+    }
+    toggleDropdown() {
+        if (!this.disabled) {
+            this.isOpen = !this.isOpen;
+        }
+    }
+    onDocumentClick(event) {
+        const target = event.target;
+        if (!target.closest(`#${this.idInput}`)) {
+            this.isOpen = false;
+        }
+    }
+    selectOption(option) {
+        this.selectedOptionText = option.text;
+        this.optionSelected.emit(option.value);
+        this.onChange(option.value);
+        this.onTouched();
+        this.isOpen = false;
+        this.optionsFiltered = this.options;
+    }
+    writeValue(value) {
+        this.selectedOption = value;
+        this.updateSelectedOption();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onChangeFilter(event) {
+        const term = event?.target?.value?.toLowerCase() || '';
+        this.optionsFiltered = this.options.filter(option => option.text.toLowerCase().includes(term));
+    }
+    get isTouched() {
+        return this.parentFormControl?.touched || this.parentFormControl?.dirty;
+    }
+    get isInvalid() {
+        return this.parentFormControl?.invalid;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxDropdown, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => EluxDropdown),
+                multi: true,
+            },
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"custom-dropdown\">\r\n  <input\r\n    type=\"text\"\r\n    class=\"selected-option\"\r\n    [id]=\"idInput\"\r\n    [readonly]=\"showSearch ? false : true\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [value]=\"selectedOptionText ? selectedOptionText : ''\"\r\n    [ngClass]=\"{\r\n      'ng-invalid': isInvalid,\r\n      'ng-touched': isTouched,\r\n      'selected-option-border': !isInvalid || !isTouched,\r\n    }\"\r\n    (click)=\"toggleDropdown()\"\r\n    (input)=\"onChangeFilter($event)\"\r\n  />\r\n  <lib-elux-icon\r\n    class=\"arrow-icon noClick\"\r\n    [color]=\"'#7A8A9B'\"\r\n    [icon]=\"'Chevron_Down.svg'\"\r\n    [ngClass]=\"{ 'arrow-rotate': isOpen }\"\r\n    [size]=\"'16'\"\r\n    [sizeType]=\"'px'\"\r\n  ></lib-elux-icon>\r\n  <ul class=\"dropdown-list\" *ngIf=\"isOpen\">\r\n    <li *ngFor=\"let option of showSearch ? optionsFiltered : options\" (click)=\"selectOption(option)\">\r\n      {{ option.text }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host{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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxDropdown, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-dropdown', standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule, EluxIcon], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => EluxDropdown),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"custom-dropdown\">\r\n  <input\r\n    type=\"text\"\r\n    class=\"selected-option\"\r\n    [id]=\"idInput\"\r\n    [readonly]=\"showSearch ? false : true\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [value]=\"selectedOptionText ? selectedOptionText : ''\"\r\n    [ngClass]=\"{\r\n      'ng-invalid': isInvalid,\r\n      'ng-touched': isTouched,\r\n      'selected-option-border': !isInvalid || !isTouched,\r\n    }\"\r\n    (click)=\"toggleDropdown()\"\r\n    (input)=\"onChangeFilter($event)\"\r\n  />\r\n  <lib-elux-icon\r\n    class=\"arrow-icon noClick\"\r\n    [color]=\"'#7A8A9B'\"\r\n    [icon]=\"'Chevron_Down.svg'\"\r\n    [ngClass]=\"{ 'arrow-rotate': isOpen }\"\r\n    [size]=\"'16'\"\r\n    [sizeType]=\"'px'\"\r\n  ></lib-elux-icon>\r\n  <ul class=\"dropdown-list\" *ngIf=\"isOpen\">\r\n    <li *ngFor=\"let option of showSearch ? optionsFiltered : options\" (click)=\"selectOption(option)\">\r\n      {{ option.text }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host{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"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { placeholder: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], selectedOption: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], idInput: [{
+                type: Input
+            }], showSearch: [{
+                type: Input
+            }], optionSelected: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class EluxPaginator {
+    constructor() {
+        this.length = 0;
+        this.current = 0;
+        this.anchor = true;
+        this.scrollTo = undefined;
+        this.paginationEvents = new EventEmitter();
+        this.pages = [];
+        this.previousPages = [];
+        this.nextPages = [];
+    }
+    ngOnInit() {
+        this.showPages();
+    }
+    ngOnChanges(changes) {
+        if (changes['length'] || changes['current']) {
+            this.showPages();
+        }
+    }
+    scrollToElement(event) {
+        let el = event.target;
+        if (this.anchor && !this.scrollTo) {
+            const container = el.closest('.table-container');
+            setTimeout(() => {
+                if (container) {
+                    container.closest('.table-container').scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
+                }
+            }, 100);
+        }
+        if (this.scrollTo != undefined) {
+            el = document.querySelector(this.scrollTo);
+            setTimeout(() => {
+                el.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
+            }, 100);
+        }
+    }
+    goLast() {
+        this.goToPage(this.length);
+    }
+    goFirst() {
+        this.goToPage(1);
+    }
+    nextPage() {
+        this.goToPage(this.current + 1);
+    }
+    prevPage() {
+        this.goToPage(this.current - 1);
+    }
+    goToPage(page) {
+        this.paginationEvents.emit({ type: 'goTo', page: page });
+        this.current = page;
+        this.showPages();
+    }
+    goToSpecPage(page, event) {
+        this.paginationEvents.emit({ type: 'goTo', page: page });
+        this.current = page;
+        this.showPages();
+        setTimeout(() => {
+            this.scrollToElement(event);
+        }, 400);
+    }
+    showPages() {
+        this.previousPages = [];
+        this.nextPages = [];
+        this.pages = [];
+        if (!this.current) {
+            return;
+        }
+        if (this.length <= 5) {
+            for (let i = 0; i < this.length; i++) {
+                this.pages.push(i + 1);
+            }
+            return;
+        }
+        if (this.current < 4) {
+            for (let i = 0; i < 5 - this.current; i++) {
+                const element = i + 1;
+                this.nextPages.push(element + this.current);
+            }
+            for (let i = 0; i < this.current - 1; i++) {
+                const element = i + 1;
+                this.previousPages.push(element);
+            }
+            return;
+        }
+        if (this.current > 3 && this.current <= this.length - 2) {
+            this.nextPages.push(this.current + 1);
+            this.nextPages.push(this.current + 2);
+            this.previousPages.push(this.current - 2);
+            this.previousPages.push(this.current - 1);
+            return;
+        }
+        if (this.current > this.length - 2) {
+            for (let i = 0; i < this.length - this.current; i++) {
+                const element = i + 1;
+                this.nextPages.push(element + this.current);
+            }
+            for (let i = 0; i < 4 - this.nextPages.length; i++) {
+                const element = this.current - (i + 1);
+                this.previousPages.push(element);
+            }
+            this.previousPages.reverse();
+            return;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxPaginator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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>\r\n  <ul class=\"paginator\" *ngIf=\"length > 5\">\r\n    <li class=\"pagination-number\">\r\n      <div *ngIf=\"current !== 1\" (click)=\"goFirst(); scrollToElement($event)\">\r\n        <lib-elux-icon [icon]=\"'Chevron_Left_Double.svg'\" [sizeType]=\"'px'\" [size]=\"'16'\"> </lib-elux-icon>\r\n      </div>\r\n    </li>\r\n\r\n    <li class=\"last-page\">\r\n      <div *ngIf=\"current !== 1\" (click)=\"prevPage(); scrollToElement($event)\" title=\"next page\">\r\n        <lib-elux-icon [icon]=\"'Chevron_Left.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n      </div>\r\n    </li>\r\n\r\n    <li class=\"pages-before pagination-number\" *ngFor=\"let page of previousPages\">\r\n      <div (click)=\"goToSpecPage(page, $event)\">{{ page }}</div>\r\n    </li>\r\n\r\n    <li class=\"pagination-number current-page\">\r\n      <div>\r\n        {{ current }}\r\n      </div>\r\n    </li>\r\n\r\n    <li class=\"pages-after pagination-number\" *ngFor=\"let page of nextPages\">\r\n      <div (click)=\"goToSpecPage(page, $event); scrollToElement($event)\">{{ page }}</div>\r\n    </li>\r\n\r\n    <li class=\"next-page\">\r\n      <div *ngIf=\"current !== length\" (click)=\"nextPage(); scrollToElement($event)\" title=\"next page\">\r\n        <lib-elux-icon [icon]=\"'Chevron_Right.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n      </div>\r\n    </li>\r\n\r\n    <li class=\"pagination-number\">\r\n      <div *ngIf=\"current !== length\" (click)=\"goLast(); scrollToElement($event)\">\r\n        <lib-elux-icon [icon]=\"'Chevron_Right_Double.svg'\" [sizeType]=\"'px'\" [size]=\"'16'\"></lib-elux-icon>\r\n      </div>\r\n    </li>\r\n  </ul>\r\n\r\n  <ul class=\"paginator\" *ngIf=\"length <= 5\">\r\n    <li *ngFor=\"let page of pages\" class=\"pagination-number\" [ngClass]=\"current === page ? 'current-page' : ''\">\r\n      <div (click)=\"goToSpecPage(page, $event);\">\r\n        {{ page }}\r\n      </div>\r\n    </li>\r\n  </ul>\r\n</nav>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxPaginator, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-paginator', standalone: true, imports: [CommonModule, EluxIcon], template: "<nav>\r\n  <ul class=\"paginator\" *ngIf=\"length > 5\">\r\n    <li class=\"pagination-number\">\r\n      <div *ngIf=\"current !== 1\" (click)=\"goFirst(); scrollToElement($event)\">\r\n        <lib-elux-icon [icon]=\"'Chevron_Left_Double.svg'\" [sizeType]=\"'px'\" [size]=\"'16'\"> </lib-elux-icon>\r\n      </div>\r\n    </li>\r\n\r\n    <li class=\"last-page\">\r\n      <div *ngIf=\"current !== 1\" (click)=\"prevPage(); scrollToElement($event)\" title=\"next page\">\r\n        <lib-elux-icon [icon]=\"'Chevron_Left.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n      </div>\r\n    </li>\r\n\r\n    <li class=\"pages-before pagination-number\" *ngFor=\"let page of previousPages\">\r\n      <div (click)=\"goToSpecPage(page, $event)\">{{ page }}</div>\r\n    </li>\r\n\r\n    <li class=\"pagination-number current-page\">\r\n      <div>\r\n        {{ current }}\r\n      </div>\r\n    </li>\r\n\r\n    <li class=\"pages-after pagination-number\" *ngFor=\"let page of nextPages\">\r\n      <div (click)=\"goToSpecPage(page, $event); scrollToElement($event)\">{{ page }}</div>\r\n    </li>\r\n\r\n    <li class=\"next-page\">\r\n      <div *ngIf=\"current !== length\" (click)=\"nextPage(); scrollToElement($event)\" title=\"next page\">\r\n        <lib-elux-icon [icon]=\"'Chevron_Right.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n      </div>\r\n    </li>\r\n\r\n    <li class=\"pagination-number\">\r\n      <div *ngIf=\"current !== length\" (click)=\"goLast(); scrollToElement($event)\">\r\n        <lib-elux-icon [icon]=\"'Chevron_Right_Double.svg'\" [sizeType]=\"'px'\" [size]=\"'16'\"></lib-elux-icon>\r\n      </div>\r\n    </li>\r\n  </ul>\r\n\r\n  <ul class=\"paginator\" *ngIf=\"length <= 5\">\r\n    <li *ngFor=\"let page of pages\" class=\"pagination-number\" [ngClass]=\"current === page ? 'current-page' : ''\">\r\n      <div (click)=\"goToSpecPage(page, $event);\">\r\n        {{ page }}\r\n      </div>\r\n    </li>\r\n  </ul>\r\n</nav>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host 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"] }]
+        }], ctorParameters: () => [], propDecorators: { length: [{
+                type: Input
+            }], current: [{
+                type: Input
+            }], anchor: [{
+                type: Input
+            }], scrollTo: [{
+                type: Input
+            }], paginationEvents: [{
+                type: Output
+            }] } });
+
+class EluxStepBar {
+    constructor() {
+        this.steps = 0;
+        this.currentStep = 0;
+        this.stepClicked = new EventEmitter();
+    }
+    stepClickedHandler(step) {
+        this.stepClicked.emit(step);
+    }
+    isLastStep() {
+        return this.currentStep === this.steps;
+    }
+    getStepsArray() {
+        return new Array(this.steps);
+    }
+    getProgressWidth() {
+        if (this.steps <= 1)
+            return '0%';
+        const segmentWidth = 100 / this.steps;
+        const adjustment = this.isLastStep() ? 1 : 0.95;
+        const progress = (this.currentStep - 1 + adjustment) * segmentWidth;
+        return `${progress}%`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxStepBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxStepBar, isStandalone: true, selector: "lib-elux-stepbar", inputs: { steps: "steps", currentStep: "currentStep" }, outputs: { stepClicked: "stepClicked" }, ngImport: i0, template: "<div class=\"progress-bar\">\r\n  <div class=\"steps-container\">\r\n    <div class=\"step\" \r\n        *ngFor=\"let step of [].constructor(steps + 1); let i = index\"\r\n        #stepElement\r\n        [class.hidden]=\"i === steps\"\r\n        (click)=\"i < steps && stepClickedHandler(i)\">\r\n        {{ i < steps ? (i + 1) : '' }}\r\n    </div>\r\n  </div>\r\n  <div class=\"progress\" [style.width]=\"getProgressWidth()\"></div>\r\n  <div class=\"progress-background\" [style.width]=\"'100%'\"></div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,: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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxStepBar, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-stepbar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar\">\r\n  <div class=\"steps-container\">\r\n    <div class=\"step\" \r\n        *ngFor=\"let step of [].constructor(steps + 1); let i = index\"\r\n        #stepElement\r\n        [class.hidden]=\"i === steps\"\r\n        (click)=\"i < steps && stepClickedHandler(i)\">\r\n        {{ i < steps ? (i + 1) : '' }}\r\n    </div>\r\n  </div>\r\n  <div class=\"progress\" [style.width]=\"getProgressWidth()\"></div>\r\n  <div class=\"progress-background\" [style.width]=\"'100%'\"></div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,: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"] }]
+        }], ctorParameters: () => [], propDecorators: { steps: [{
+                type: Input
+            }], currentStep: [{
+                type: Input
+            }], stepClicked: [{
+                type: Output
+            }] } });
+
+class EluxDatepicker {
+    constructor(injector) {
+        this.injector = injector;
+        this.value = '';
+        this.locale = 'pt-BR';
+        this.idInput = '';
+        this.placeholder = '00/00/0000';
+        this.dateSelected = new EventEmitter();
+        this.invalidDate = new EventEmitter();
+        this.disabled = false;
+        this.showCalendar = false;
+        this.pickerView = 'week';
+        this.currentDate = new Date();
+        this.selectedDate = null;
+        this.formatedDate = '';
+        this.days = [];
+        this.months = [];
+        this.years = [];
+        this.onChange = () => undefined;
+        this.onTouched = () => undefined;
+    }
+    injectParentFormControl() {
+        const ngControl = this.injector.get(NgControl, null);
+        if (ngControl) {
+            this.parentFormControl = ngControl.control;
+        }
+    }
+    writeValue(value) {
+        this.formatedDate = value;
+        this.onBlur();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    get isTouched() {
+        return this.parentFormControl?.touched || this.parentFormControl?.dirty;
+    }
+    get isInvalid() {
+        return this.parentFormControl?.invalid;
+    }
+    headerDate() {
+        return `${this.currentDate.toLocaleString(this.locale, {
+            month: 'long',
+        })} ${this.currentDate.getFullYear()}`;
+    }
+    headerDateWeek() {
+        const daysOfWeek = [];
+        const baseDate = new Date();
+        for (let i = 0; i < 7; i++) {
+            const day = new Date(baseDate.setDate(baseDate.getDate() - baseDate.getDay() + i));
+            daysOfWeek.push(day.toLocaleDateString(this.locale, { weekday: 'narrow' }));
+        }
+        return daysOfWeek;
+    }
+    ngOnInit() {
+        this.injectParentFormControl();
+        if (this.value) {
+            this.formatedDate = this.value;
+            this.onBlur();
+        }
+        this.generateCalendar(this.currentDate);
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    ngOnChanges(changes) {
+        if (changes['value'] && !changes['value'].isFirstChange()) {
+            this.formatedDate = this.value;
+            this.onBlur();
+        }
+    }
+    onChangeValue(event) {
+        const input = event.target;
+        let value = input.value.replace(/\D/g, '');
+        const separator = this.detectLocaleDateSeparator(this.locale);
+        if (value.length <= 2) {
+            this.formatedDate = value;
+        }
+        else if (value.length <= 4) {
+            this.formatedDate = `${value.slice(0, 2)}${separator}${value.slice(2)}`;
+        }
+        else {
+            this.formatedDate = `${value.slice(0, 2)}${separator}${value.slice(2, 4)}${separator}${value.slice(4, 8)}`;
+        }
+        input.value = this.formatedDate;
+        input.setSelectionRange(input.value.length, input.value.length);
+    }
+    detectLocaleDateSeparator(locale) {
+        const sampleDate = new Date(2000, 0, 15);
+        const formatted = sampleDate.toLocaleDateString(locale);
+        const match = formatted.match(/[^0-9]/);
+        return match ? match[0] : '/';
+    }
+    toggleCalendar() {
+        this.showCalendar = !this.showCalendar;
+        if (this.showCalendar) {
+            this.pickerView = 'week';
+        }
+    }
+    changeView() {
+        switch (this.pickerView) {
+            case 'week':
+                this.pickerView = 'month';
+                this.generateMonths();
+                break;
+            case 'month':
+                this.pickerView = 'year';
+                this.generateYears();
+                break;
+            case 'year':
+                break;
+            default:
+                break;
+        }
+    }
+    closeCalendar() {
+        this.showCalendar = false;
+    }
+    previous() {
+        switch (this.pickerView) {
+            case 'week':
+                this.prevMonth();
+                break;
+            case 'month':
+                this.prevYear(1);
+                break;
+            case 'year':
+                this.prevYear(30);
+                break;
+            default:
+                break;
+        }
+    }
+    next() {
+        switch (this.pickerView) {
+            case 'week':
+                this.nextMonth();
+                break;
+            case 'month':
+                this.nextYear(1);
+                break;
+            case 'year':
+                this.nextYear(30);
+                break;
+            default:
+                break;
+        }
+    }
+    prevMonth() {
+        this.currentDate = new Date(this.currentDate.setMonth(this.currentDate.getMonth() - 1));
+        this.generateCalendar(this.currentDate);
+    }
+    nextMonth() {
+        this.currentDate = new Date(this.currentDate.setMonth(this.currentDate.getMonth() + 1));
+        this.generateCalendar(this.currentDate);
+    }
+    prevYear(yearQtde) {
+        this.onChangeYear(this.currentDate.getFullYear() - yearQtde);
+        this.generateYears();
+    }
+    nextYear(yearQtde) {
+        this.onChangeYear(this.currentDate.getFullYear() + yearQtde);
+        this.generateYears();
+    }
+    selectDate(day) {
+        const selected = new Date(this.currentDate.getFullYear(), this.currentDate.getMonth(), day.day);
+        this.selectedDate = selected;
+        this.formatedDate = this.selectedDate.toLocaleDateString(this.locale, {
+            day: '2-digit',
+            month: '2-digit',
+            year: 'numeric',
+        });
+        this.generateCalendar(this.currentDate);
+        this.closeCalendar();
+        this.onBlur();
+    }
+    selectMonth(monthValue) {
+        const maxDate = this.maxDate ? new Date(this.maxDate) : null;
+        const selectedMonth = new Date(this.currentDate.getFullYear(), monthValue, 1);
+        if (maxDate && selectedMonth > new Date(maxDate.getFullYear(), maxDate.getMonth(), 1)) {
+            return;
+        }
+        this.currentDate = new Date(this.currentDate.getFullYear(), monthValue, 10);
+        this.pickerView = 'week';
+        this.generateCalendar(this.currentDate);
+    }
+    onChangeYear(year) {
+        this.currentDate = new Date(this.currentDate.setFullYear(year));
+        this.generateMonths();
+    }
+    selectYear(year) {
+        this.onChangeYear(year);
+        this.pickerView = 'month';
+    }
+    generateCalendar(date) {
+        this.days = [];
+        const year = date.getFullYear();
+        const month = date.getMonth();
+        const minDate = this.minDate ? new Date(this.minDate) : null;
+        const maxDate = this.maxDate ? new Date(this.maxDate) : null;
+        const today = new Date();
+        const isTodayMonth = today.getMonth() === month && today.getFullYear() === year;
+        const selectedYear = this.selectedDate?.getFullYear();
+        const selectedMonth = this.selectedDate?.getMonth();
+        const selectedDay = this.selectedDate?.getDate();
+        const firstWeekDayOfMonth = new Date(year, month, 1).getDay();
+        const lastWeekDayOfMonth = new Date(year, month + 1, 0).getDate();
+        // Preenche os dias do mês anterior, se necessário
+        for (let i = firstWeekDayOfMonth; i > 0; i--) {
+            this.days.push({ day: 0, disabled: true });
+        }
+        // Preenche os dias do mês atual
+        for (let i = 1; i <= lastWeekDayOfMonth; i++) {
+            const dateValue = new Date(year, month, i);
+            const isToday = isTodayMonth && today.getDate() === i;
+            const isSelected = selectedYear === year && selectedMonth === month && selectedDay === i;
+            const disabled = ((minDate && dateValue < minDate) || (maxDate && dateValue > maxDate)) ?? false;
+            this.days.push({ day: i, today: isToday, selected: isSelected, disabled: disabled });
+        }
+    }
+    generateMonths() {
+        this.months = [];
+        const currentYear = this.currentDate.getFullYear();
+        const maxDate = this.maxDate ? new Date(this.maxDate) : null;
+        const minDate = this.minDate ? new Date(this.minDate) : null;
+        for (let i = 0; i < 12; i++) {
+            // Usar o dia 1 para evitar problemas com meses que não têm 31 dias
+            const dateValue = new Date(currentYear, i, 1);
+            const isDisabled = ((minDate && dateValue < minDate) || (maxDate && dateValue > maxDate)) ?? false;
+            this.months.push({ value: i, text: dateValue.toLocaleString(this.locale, { month: 'long' }), disabled: isDisabled });
+        }
+    }
+    generateYears() {
+        this.years = [];
+        const currentYear = this.currentDate.getFullYear();
+        const maxDate = this.maxDate ? new Date(this.maxDate) : null;
+        const minDate = this.minDate ? new Date(this.minDate) : null;
+        for (let i = currentYear - 19; i <= currentYear + 10; i++) {
+            const isDisabled = ((minDate && i < minDate.getFullYear()) || (maxDate && i > maxDate.getFullYear())) ?? false;
+            this.years.push({ value: i, disabled: isDisabled });
+        }
+    }
+    validDate(date) {
+        return date instanceof Date && !isNaN(date.getTime());
+    }
+    onBlur() {
+        const order = this.detectDateOrder(this.locale);
+        const separator = this.detectDateSeparator(this.formatedDate);
+        const parts = this.formatedDate.split(separator).map(Number);
+        let isValid = false;
+        let date = undefined;
+        if (parts.length === 3 && !parts.some(isNaN)) {
+            const dateMap = {};
+            [dateMap[order[0]], dateMap[order[1]], dateMap[order[2]]] = parts;
+            const { day, month, year } = dateMap;
+            date = new Date(year, month - 1, day);
+            isValid = this.validDate(date) && date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
+        }
+        this.onTouched();
+        this.onChange(this.formatedDate);
+        if (isValid && date) {
+            this.dateSelected.emit(this.formatedDate);
+            this.selectedDate = date;
+            this.generateCalendar(this.currentDate);
+        }
+        else {
+            this.invalidDate.emit(this.formatedDate);
+        }
+    }
+    detectDateOrder(locale) {
+        const sample = new Date(2025, 10, 23); // 23/11/2025
+        const formatted = new Intl.DateTimeFormat(locale).format(sample);
+        const parts = formatted.match(/\d+/g);
+        if (!parts || parts.length !== 3)
+            return ['year', 'month', 'day']; // fallback
+        const order = [];
+        for (const part of parts) {
+            if (part === '23')
+                order.push('day');
+            else if (part === '11')
+                order.push('month');
+            else if (part === '2025')
+                order.push('year');
+        }
+        return order;
+    }
+    detectDateSeparator(dateStr) {
+        if (dateStr.includes('/'))
+            return '/';
+        if (dateStr.includes('-'))
+            return '-';
+        return ''; // fallback
+    }
+    clickOutside(event) {
+        const target = event.target;
+        if (!target.closest('.date-picker') && !target.closest('.month-body') && !target.closest('.year-body')) {
+            this.showCalendar = false;
+        }
+    }
+    isPreviousDisabled() {
+        if (!this.minDate) {
+            return false;
+        }
+        const minDate = new Date(this.minDate);
+        switch (this.pickerView) {
+            case 'week':
+                return this.currentDate.getFullYear() === minDate.getFullYear() && this.currentDate.getMonth() === minDate.getMonth();
+            case 'month':
+                return this.currentDate.getFullYear() === minDate.getFullYear();
+            case 'year':
+                return this.currentDate.getFullYear() - 30 < minDate.getFullYear();
+            default:
+                return false;
+        }
+    }
+    isNextDisabled() {
+        if (!this.maxDate) {
+            return false;
+        }
+        const maxDate = new Date(this.maxDate);
+        switch (this.pickerView) {
+            case 'week':
+                return this.currentDate.getFullYear() === maxDate.getFullYear() && this.currentDate.getMonth() === maxDate.getMonth();
+            case 'month':
+                return this.currentDate.getFullYear() === maxDate.getFullYear();
+            case 'year':
+                return this.currentDate.getFullYear() + 30 > maxDate.getFullYear();
+            default:
+                return false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxDatepicker, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => EluxDatepicker),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"date-picker\" #datepicker>\r\n  <div class=\"div-calendar-icon\" (click)=\"!disabled ? toggleCalendar() : ''\">\r\n    <lib-elux-icon class=\"calendar-icon\" [icon]=\"'Calendar.svg'\" [color]=\"'#011E41'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n  </div>\r\n  <input\r\n    [ngClass]=\"{\r\n      'date-input': true,\r\n      'ng-invalid': isInvalid,\r\n      'ng-touched': isTouched,\r\n    }\"\r\n    [value]=\"formatedDate\"\r\n    (input)=\"onChangeValue($event)\"\r\n    [id]=\"idInput\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    maxlength=\"10\"\r\n    type=\"text\"\r\n    (blur)=\"onBlur()\"\r\n  />\r\n  <div class=\"calendar\" *ngIf=\"showCalendar\">\r\n    <div class=\"calendar-header\">\r\n      <div class=\"previous\" (click)=\"previous()\">\r\n        <lib-elux-icon [hidden]=\"isPreviousDisabled()\" [icon]=\"'Chevron_Left.svg'\" [size]=\"'22'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n      </div>\r\n      <span (click)=\"changeView()\">{{ pickerView === 'week' ? headerDate() : currentDate.getFullYear() }}</span>\r\n      <div class=\"next\" (click)=\"next()\">\r\n        <lib-elux-icon [hidden]=\"isNextDisabled()\" [icon]=\"'Chevron_Right.svg'\" [size]=\"'22'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"calendar-body\" *ngIf=\"pickerView === 'week'\">\r\n      <div class=\"day-labels\">\r\n        <span *ngFor=\"let day of headerDateWeek()\">{{ day }}</span>\r\n      </div>\r\n      <ng-container *ngFor=\"let day of days\">\r\n        <div class=\"day\" [ngClass]=\"{ disabled: day.disabled, today: day.today, selected: day.selected }\" (click)=\"day.disabled ? null : selectDate(day)\">\r\n          <span>{{ day.day }}</span>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n    <div class=\"year-body\" *ngIf=\"pickerView === 'year'\">\r\n      <ng-container *ngFor=\"let year of years\">\r\n        <div class=\"year\" *ngIf=\"!year.disabled\" (click)=\"!year.disabled && selectYear(year.value)\">\r\n          {{ year.value }}\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n    <div class=\"month-body\" *ngIf=\"pickerView === 'month'\">\r\n      <ng-container *ngFor=\"let month of months\">\r\n        <div class=\"month\" *ngIf=\"!month.disabled\" (click)=\"!month.disabled && selectMonth(month.value)\">\r\n          {{ month.text }}\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host .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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxDatepicker, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-datepicker', standalone: true, imports: [CommonModule, ReactiveFormsModule, FormsModule, EluxIcon], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => EluxDatepicker),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"date-picker\" #datepicker>\r\n  <div class=\"div-calendar-icon\" (click)=\"!disabled ? toggleCalendar() : ''\">\r\n    <lib-elux-icon class=\"calendar-icon\" [icon]=\"'Calendar.svg'\" [color]=\"'#011E41'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n  </div>\r\n  <input\r\n    [ngClass]=\"{\r\n      'date-input': true,\r\n      'ng-invalid': isInvalid,\r\n      'ng-touched': isTouched,\r\n    }\"\r\n    [value]=\"formatedDate\"\r\n    (input)=\"onChangeValue($event)\"\r\n    [id]=\"idInput\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    maxlength=\"10\"\r\n    type=\"text\"\r\n    (blur)=\"onBlur()\"\r\n  />\r\n  <div class=\"calendar\" *ngIf=\"showCalendar\">\r\n    <div class=\"calendar-header\">\r\n      <div class=\"previous\" (click)=\"previous()\">\r\n        <lib-elux-icon [hidden]=\"isPreviousDisabled()\" [icon]=\"'Chevron_Left.svg'\" [size]=\"'22'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n      </div>\r\n      <span (click)=\"changeView()\">{{ pickerView === 'week' ? headerDate() : currentDate.getFullYear() }}</span>\r\n      <div class=\"next\" (click)=\"next()\">\r\n        <lib-elux-icon [hidden]=\"isNextDisabled()\" [icon]=\"'Chevron_Right.svg'\" [size]=\"'22'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"calendar-body\" *ngIf=\"pickerView === 'week'\">\r\n      <div class=\"day-labels\">\r\n        <span *ngFor=\"let day of headerDateWeek()\">{{ day }}</span>\r\n      </div>\r\n      <ng-container *ngFor=\"let day of days\">\r\n        <div class=\"day\" [ngClass]=\"{ disabled: day.disabled, today: day.today, selected: day.selected }\" (click)=\"day.disabled ? null : selectDate(day)\">\r\n          <span>{{ day.day }}</span>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n    <div class=\"year-body\" *ngIf=\"pickerView === 'year'\">\r\n      <ng-container *ngFor=\"let year of years\">\r\n        <div class=\"year\" *ngIf=\"!year.disabled\" (click)=\"!year.disabled && selectYear(year.value)\">\r\n          {{ year.value }}\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n    <div class=\"month-body\" *ngIf=\"pickerView === 'month'\">\r\n      <ng-container *ngFor=\"let month of months\">\r\n        <div class=\"month\" *ngIf=\"!month.disabled\" (click)=\"!month.disabled && selectMonth(month.value)\">\r\n          {{ month.text }}\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host .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"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { value: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], idInput: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], dateSelected: [{
+                type: Output
+            }], invalidDate: [{
+                type: Output
+            }], datepicker: [{
+                type: ViewChild,
+                args: ['datepicker']
+            }], clickOutside: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+// toaster.service.ts
+class ToasterService {
+    constructor() {
+        this.toasts = [];
+        this.toastIdCounter = 0;
+    }
+    success(message) {
+        this.showToast('success', 'Check_Tick.svg', '#0C5F29', message);
+    }
+    error(message) {
+        this.showToast('error', 'Warning.svg', '#9C231C', message);
+    }
+    warning(message) {
+        this.showToast('warning', 'Warning.svg', '#b19459', message);
+    }
+    info(message) {
+        this.showToast('info', 'Info.svg', '#557cb3', message);
+    }
+    showToast(type, iconName, iconColor, message) {
+        this.toastIdCounter++;
+        const id = `${Date.now()}-${this.toastIdCounter}`;
+        this.toasts.push({ id, type, iconName, iconColor, message, paused: false });
+        if (type === 'success' || type === 'info' || type === 'warning') {
+            this.removeToastAfter5Seconds(id);
+        }
+    }
+    removeToast(id) {
+        this.toasts = this.toasts.filter((toast) => toast.id !== id);
+    }
+    removeToastAfter5Seconds(id) {
+        setTimeout(() => {
+            const toast = this.toasts.find((toast) => toast.id === id);
+            const removableTypes = ['success', 'info', 'warning'];
+            if (toast && removableTypes.includes(toast.type) && !toast.paused) {
+                this.toasts = this.toasts.filter((toast) => toast.id !== id);
+            }
+            else if (toast) {
+                this.removeToastAfter5Seconds(id); // Recheck later if it was paused
+            }
+        }, 5000);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToasterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToasterService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToasterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class EluxToast {
+    constructor(toasterService) {
+        this.toasterService = toasterService;
+    }
+    pauseToast(toast) {
+        toast.paused = true;
+    }
+    resumeToast(toast) {
+        toast.paused = false;
+        this.toasterService.removeToastAfter5Seconds(toast.id);
+    }
+    closeToast(toast) {
+        this.toasterService.removeToast(toast.id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxToast, deps: [{ token: ToasterService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxToast, isStandalone: true, selector: "lib-elux-toaster", ngImport: i0, template: "<div class=\"elux-toast-container\">\r\n  <div class=\"d-flex\" *ngFor=\"let toast of toasterService.toasts\" [ngClass]=\"['elux-toast-element', toast.type]\" (mouseenter)=\"pauseToast(toast)\" (mouseleave)=\"resumeToast(toast)\">\r\n    <lib-elux-icon class=\"me-2\" [color]=\"toast.iconColor\" [icon]=\"toast.iconName\" size=\"20\" sizeType=\"px\"></lib-elux-icon>\r\n    <div>\r\n      {{ toast.message }}\r\n    </div>\r\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>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}: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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxToast, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-toaster', standalone: true, imports: [CommonModule, EluxIcon], template: "<div class=\"elux-toast-container\">\r\n  <div class=\"d-flex\" *ngFor=\"let toast of toasterService.toasts\" [ngClass]=\"['elux-toast-element', toast.type]\" (mouseenter)=\"pauseToast(toast)\" (mouseleave)=\"resumeToast(toast)\">\r\n    <lib-elux-icon class=\"me-2\" [color]=\"toast.iconColor\" [icon]=\"toast.iconName\" size=\"20\" sizeType=\"px\"></lib-elux-icon>\r\n    <div>\r\n      {{ toast.message }}\r\n    </div>\r\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>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}: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"] }]
+        }], ctorParameters: () => [{ type: ToasterService }] });
+
+class EluxDataTable {
+    constructor() {
+        this.columns = [];
+        this.rows = [];
+        this.totalRows = 1;
+        this.itemsPerPage = 15;
+        this.backendPagination = false;
+        this.emptyMessage = 'Nenhum item localizado com base nos critérios de busca.';
+        this.loading = false;
+        this.currentPageChange = new EventEmitter();
+        this.onClick = new EventEmitter();
+        this.onChecked = new EventEmitter();
+        this.ontInputChange = new EventEmitter();
+        this.currentPage = 1;
+        this.paginatorTotalPages = 1;
+        this.displayRows = [];
+    }
+    ngOnInit() {
+        this.paginatorTotalPages = Math.ceil(this.totalRows / this.itemsPerPage);
+        this.populateTable();
+    }
+    ngOnChanges(changes) {
+        if (changes['itemsPerPage']) {
+            this.refreshPaginator();
+            this.populateTable();
+        }
+        if (changes['totalRows']) {
+            this.refreshPaginator();
+            this.populateTable();
+        }
+        if (changes['rows']) {
+            this.populateTable();
+        }
+    }
+    onPageChange(event) {
+        this.currentPage = event.page;
+        if (this.backendPagination) {
+            this.currentPageChange.emit(event.page);
+        }
+        else {
+            this.populateTable();
+        }
+    }
+    refreshPaginator() {
+        this.paginatorTotalPages = Math.ceil(this.totalRows / this.itemsPerPage);
+        this.currentPage = 1;
+    }
+    populateTable() {
+        if (this.backendPagination) {
+            this.displayRows = this.rows;
+        }
+        else {
+            const startOfPage = (this.currentPage - 1) * this.itemsPerPage;
+            const endOfPage = startOfPage + this.itemsPerPage;
+            this.displayRows = this.rows.slice(startOfPage, endOfPage);
+        }
+    }
+    onCheckboxChange(event, row, cell, index) {
+        cell.value = event.target.checked;
+        this.onChecked.emit({ event, row, cell, index });
+    }
+    onInputChange(event, row, cell, index) {
+        cell.value = event.target.value;
+        this.ontInputChange.emit({ event, row, cell, index });
+        if (cell.type == 'input-number') {
+            if (cell.value > cell.max) {
+                cell.value = cell.max;
+                event.target.value = cell.max;
+            }
+            if (cell.value < cell.min) {
+                cell.value = cell.min;
+                event.target.value = cell.min;
+            }
+        }
+    }
+    onRowClick(event, row, index) {
+        if (this.isRowClickable) {
+            this.onClick.emit({ event, row, index });
+        }
+    }
+    onCellClick(event, row, cell, index) {
+        if (this.isCellClickable) {
+            this.onClick.emit({ event, row, cell, index });
+        }
+    }
+    getCellClasses(cell) {
+        let classes = {
+            'clickable': this.isCellClickable
+        };
+        if (cell.customClass) {
+            classes[cell.customClass] = true;
+        }
+        return classes;
+    }
+    getHeaderClasses(column) {
+        let classes = {};
+        if (column.customClass) {
+            classes[column.customClass] = true;
+        }
+        return classes;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxDataTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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\">\r\n  <div class=\"table-header\">\r\n    @for (column of columns; track $index) {\r\n    <div class=\"header-row-cell\" [ngClass]=\"getHeaderClasses(column)\">\r\n      {{column.text}}\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  @if(loading){\r\n  <div class=\"table-row justify-content-center\">\r\n    <lib-elux-loading></lib-elux-loading>\r\n  </div>\r\n  }\r\n\r\n  @if (displayRows.length == 0) {\r\n  <div class=\"table-row pt-3 pb-3\">\r\n    {{emptyMessage}}\r\n  </div>\r\n  }\r\n\r\n  @for (row of displayRows; track $index) {\r\n  <div class=\"table-row\" [ngClass]=\"{'clickable': isRowClickable}\" (click)=\"onRowClick($event, row, $index)\">\r\n    @for (cell of row; track $index) {\r\n    @switch (cell.type) {\r\n    @case (\"redirect-internal\") {\r\n    <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\" (click)=\"onCellClick($event, row, cell, $index)\">\r\n      <a [routerLink]=\"cell.value.toString()\" class=\"route\">{{cell.name}}</a>\r\n    </div>\r\n    }\r\n    @case (\"redirect-external\") {\r\n    <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\" (click)=\"onCellClick($event, row, cell, $index)\">\r\n      <a [href]=\"cell.value\" class=\"route\" target=\"_blank\">{{cell.name}}</a>\r\n    </div>\r\n    }\r\n    @case (\"checkbox\") {\r\n    <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\">\r\n      <input type=\"checkbox\" [checked]=\"cell.value\" (change)=\"onCheckboxChange($event, row, cell, $index)\" [attr.disabled]=\"cell.disabled ? true : null\" />\r\n    </div>\r\n    }\r\n    @case (\"input\") {\r\n      <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\">\r\n        <input step=\"\" type=\"text\" [value]=\"cell.value\" (blur)=\"onInputChange($event, row, cell, $index)\" />\r\n      </div>\r\n      }\r\n      @case (\"input-number\") {\r\n        <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\">\r\n          <input step=\"\" type=\"number\" [value]=\"cell.value\" [min]=\"cell.min\" [max]=\"cell.max\" (blur)=\"onInputChange($event, row, cell, $index)\" />\r\n        </div>\r\n        }\r\n    @default {\r\n    <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\" (click)=\"onCellClick($event, row, cell, $index)\">\r\n      {{cell.value}}\r\n    </div>\r\n    }\r\n    }\r\n    }\r\n  </div>\r\n  }\r\n\r\n  @if (hasPaginator && totalRows > itemsPerPage) {\r\n  <div class=\"table-footer\">\r\n    <lib-elux-paginator (paginationEvents)=\"onPageChange($event)\" [anchor]=\"true\" [length]=\"paginatorTotalPages\"\r\n      [current]=\"currentPage\">\r\n    </lib-elux-paginator>\r\n  </div>\r\n  }\r\n\r\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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxDataTable, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-datatable', standalone: true, imports: [CommonModule, RouterModule, EluxPaginator, EluxLoading], template: "<div class=\"table-container\">\r\n  <div class=\"table-header\">\r\n    @for (column of columns; track $index) {\r\n    <div class=\"header-row-cell\" [ngClass]=\"getHeaderClasses(column)\">\r\n      {{column.text}}\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  @if(loading){\r\n  <div class=\"table-row justify-content-center\">\r\n    <lib-elux-loading></lib-elux-loading>\r\n  </div>\r\n  }\r\n\r\n  @if (displayRows.length == 0) {\r\n  <div class=\"table-row pt-3 pb-3\">\r\n    {{emptyMessage}}\r\n  </div>\r\n  }\r\n\r\n  @for (row of displayRows; track $index) {\r\n  <div class=\"table-row\" [ngClass]=\"{'clickable': isRowClickable}\" (click)=\"onRowClick($event, row, $index)\">\r\n    @for (cell of row; track $index) {\r\n    @switch (cell.type) {\r\n    @case (\"redirect-internal\") {\r\n    <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\" (click)=\"onCellClick($event, row, cell, $index)\">\r\n      <a [routerLink]=\"cell.value.toString()\" class=\"route\">{{cell.name}}</a>\r\n    </div>\r\n    }\r\n    @case (\"redirect-external\") {\r\n    <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\" (click)=\"onCellClick($event, row, cell, $index)\">\r\n      <a [href]=\"cell.value\" class=\"route\" target=\"_blank\">{{cell.name}}</a>\r\n    </div>\r\n    }\r\n    @case (\"checkbox\") {\r\n    <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\">\r\n      <input type=\"checkbox\" [checked]=\"cell.value\" (change)=\"onCheckboxChange($event, row, cell, $index)\" [attr.disabled]=\"cell.disabled ? true : null\" />\r\n    </div>\r\n    }\r\n    @case (\"input\") {\r\n      <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\">\r\n        <input step=\"\" type=\"text\" [value]=\"cell.value\" (blur)=\"onInputChange($event, row, cell, $index)\" />\r\n      </div>\r\n      }\r\n      @case (\"input-number\") {\r\n        <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\">\r\n          <input step=\"\" type=\"number\" [value]=\"cell.value\" [min]=\"cell.min\" [max]=\"cell.max\" (blur)=\"onInputChange($event, row, cell, $index)\" />\r\n        </div>\r\n        }\r\n    @default {\r\n    <div class=\"row-cell\" [ngClass]=\"getCellClasses(cell)\" (click)=\"onCellClick($event, row, cell, $index)\">\r\n      {{cell.value}}\r\n    </div>\r\n    }\r\n    }\r\n    }\r\n  </div>\r\n  }\r\n\r\n  @if (hasPaginator && totalRows > itemsPerPage) {\r\n  <div class=\"table-footer\">\r\n    <lib-elux-paginator (paginationEvents)=\"onPageChange($event)\" [anchor]=\"true\" [length]=\"paginatorTotalPages\"\r\n      [current]=\"currentPage\">\r\n    </lib-elux-paginator>\r\n  </div>\r\n  }\r\n\r\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"] }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], totalRows: [{
+                type: Input
+            }], itemsPerPage: [{
+                type: Input
+            }], backendPagination: [{
+                type: Input
+            }], emptyMessage: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], isRowClickable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], isCellClickable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hasPaginator: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], currentPageChange: [{
+                type: Output
+            }], onClick: [{
+                type: Output
+            }], onChecked: [{
+                type: Output
+            }], ontInputChange: [{
+                type: Output
+            }] } });
+
+class EluxAccordion {
+    constructor() {
+        this.leftArrow = false;
+        this.toggleEventEmitter = new EventEmitter();
+        this.isOpen = false;
+    }
+    toggle() {
+        this.isOpen = !this.isOpen;
+        this.toggleEventEmitter.emit(this.isOpen);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxAccordion, isStandalone: true, selector: "lib-elux-accordion", inputs: { leftArrow: "leftArrow" }, outputs: { toggleEventEmitter: "toggleEventEmitter" }, ngImport: i0, template: "<div class=\"accordion\">\r\n  <div class=\"accordion-header\" [class.left-arrow]=\"leftArrow\" (click)=\"toggle()\">\r\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>\r\n    <ng-content select=\"[header]\"></ng-content>\r\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>\r\n  </div>\r\n  <div class=\"accordion-body\" [ngClass]=\"{ open: isOpen }\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,: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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxAccordion, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-accordion', standalone: true, imports: [CommonModule, ReactiveFormsModule, EluxIcon], template: "<div class=\"accordion\">\r\n  <div class=\"accordion-header\" [class.left-arrow]=\"leftArrow\" (click)=\"toggle()\">\r\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>\r\n    <ng-content select=\"[header]\"></ng-content>\r\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>\r\n  </div>\r\n  <div class=\"accordion-body\" [ngClass]=\"{ open: isOpen }\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,: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"] }]
+        }], propDecorators: { leftArrow: [{
+                type: Input
+            }], toggleEventEmitter: [{
+                type: Output
+            }] } });
+
+class EluxModal {
+    constructor() {
+        this.open = false;
+        this.buttonClose = true;
+        this.onClose = new EventEmitter();
+    }
+    handleClose() {
+        this.onClose.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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\">\r\n  <div class=\"modal-content\">\r\n    <lib-elux-icon *ngIf=\"buttonClose\" class=\"close-icon\" [icon]=\"'Close.svg'\" [color]=\"'#011E41'\" [size]=\"'28'\" [sizeType]=\"'px'\"\r\n      (click)=\"handleClose()\"></lib-elux-icon>\r\n    <div class=\"modal-header\">\r\n      <ng-content select=\"[modal-header]\"></ng-content>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n      <ng-content select=\"[modal-body]\"></ng-content>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n      <ng-content select=\"[modal-footer]\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div class=\"modal-backdrop\" (click)=\"handleClose()\"></div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxModal, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-modal', imports: [
+                        EluxIcon,
+                        CommonModule
+                    ], standalone: true, template: "<div class=\"modal\" [class.open]=\"open\">\r\n  <div class=\"modal-content\">\r\n    <lib-elux-icon *ngIf=\"buttonClose\" class=\"close-icon\" [icon]=\"'Close.svg'\" [color]=\"'#011E41'\" [size]=\"'28'\" [sizeType]=\"'px'\"\r\n      (click)=\"handleClose()\"></lib-elux-icon>\r\n    <div class=\"modal-header\">\r\n      <ng-content select=\"[modal-header]\"></ng-content>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n      <ng-content select=\"[modal-body]\"></ng-content>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n      <ng-content select=\"[modal-footer]\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div class=\"modal-backdrop\" (click)=\"handleClose()\"></div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.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"] }]
+        }], propDecorators: { open: [{
+                type: Input
+            }], buttonClose: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }] } });
+
+class EluxInputSearchComponent {
+    constructor() {
+        this.options = [];
+        this.placeholder = '';
+        this.value = '';
+        this.loading = false;
+        this.disabled = false;
+        this.valueSelected = new EventEmitter();
+        this.keyUpValue = new EventEmitter();
+        this.isOpen = false;
+        this.keyUpSubject = new Subject();
+        this.keyUpSubject.pipe(debounceTime(500)).subscribe(value => {
+            if (value.length > 2) {
+                this.keyUpValue.emit(value);
+                this.isOpen = true;
+            }
+            else {
+                this.isOpen = false;
+            }
+        });
+    }
+    ngOnInit() {
+    }
+    selectOption(option) {
+        this.valueSelected.emit(option);
+        this.value = option.text;
+        this.isOpen = false;
+    }
+    keyUp(event) {
+        this.value = event.srcElement.value;
+        this.keyUpSubject.next(this.value);
+    }
+    onClickOutside(event) {
+        if (!this.inputsearch.nativeElement.contains(event.target)) {
+            this.isOpen = false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxInputSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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>\r\n  <input type=\"search\" class=\"input-field\" [disabled]=\"disabled\" [placeholder]=\"placeholder\" (keyup)=\"keyUp($event)\" [value]=\"value\" />\r\n  <lib-elux-loading class=\"loading\" *ngIf=\"loading\" [size]=\"32\"></lib-elux-loading>\r\n  <div class=\"search-list\" *ngIf=\"isOpen\">\r\n    <div *ngFor=\"let item of options\">\r\n      <div class=\"item-search\" *ngIf=\"item.text.toLowerCase().includes(value.toLowerCase())\" (click)=\"selectOption(item)\">\r\n        {{ item.text }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxInputSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-input-search', standalone: true, imports: [EluxIcon, CommonModule, FormsModule, EluxLoading, EluxLoading], template: "<div class=\"input-search\" #inputsearch>\r\n  <input type=\"search\" class=\"input-field\" [disabled]=\"disabled\" [placeholder]=\"placeholder\" (keyup)=\"keyUp($event)\" [value]=\"value\" />\r\n  <lib-elux-loading class=\"loading\" *ngIf=\"loading\" [size]=\"32\"></lib-elux-loading>\r\n  <div class=\"search-list\" *ngIf=\"isOpen\">\r\n    <div *ngFor=\"let item of options\">\r\n      <div class=\"item-search\" *ngIf=\"item.text.toLowerCase().includes(value.toLowerCase())\" (click)=\"selectOption(item)\">\r\n        {{ item.text }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{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"] }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], inputsearch: [{
+                type: ViewChild,
+                args: ['inputsearch']
+            }], valueSelected: [{
+                type: Output
+            }], keyUpValue: [{
+                type: Output
+            }], onClickOutside: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class EluxInputSearchModalComponent {
+    constructor() {
+        this.value = '';
+        this.placeholder = '';
+        this.searchClickEvent = new EventEmitter();
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) { }
+    searchClick(event) {
+        this.searchClickEvent.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxInputSearchModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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\">\r\n  <input\r\n    type=\"text\"\r\n    class=\"input-field\"\r\n    [placeholder]=\"placeholder\"\r\n    [value]=\"value\"\r\n    disabled\r\n  />\r\n  <lib-elux-button [icon]=\"'Search.svg'\" type=\"basic\" (onClick)=\"searchClick($event)\"></lib-elux-button>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}: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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxInputSearchModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-input-search-modal', standalone: true, imports: [CommonModule, EluxButton], template: "<div class=\"input-search\">\r\n  <input\r\n    type=\"text\"\r\n    class=\"input-field\"\r\n    [placeholder]=\"placeholder\"\r\n    [value]=\"value\"\r\n    disabled\r\n  />\r\n  <lib-elux-button [icon]=\"'Search.svg'\" type=\"basic\" (onClick)=\"searchClick($event)\"></lib-elux-button>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .input-search{position:relative;display:flex}:host .input-field{width:100%;box-sizing:border-box;position:relative;margin-right:16px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], searchClickEvent: [{
+                type: Output
+            }] } });
+
+class EluxDropdownMultiple {
+    constructor() {
+        this.disabled = false;
+        this.idInput = '';
+        this.placeholder = 'Selecione';
+        this.options = [];
+        this.selectedOptions = [];
+        this.optionSelected = new EventEmitter();
+        this.isOpen = false;
+        this.selectedOptionsText = [];
+    }
+    ngOnInit() {
+        this.updateSelectedOptions();
+        if (!this.idInput) {
+            this.idInput = `dropdown-multiple-${Math.random().toString(36).substring(2, 11)}`;
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['selectedOptions'] && !changes['selectedOptions'].isFirstChange()) {
+            this.updateSelectedOptions();
+        }
+    }
+    updateSelectedOptions() {
+        this.selectedOptionsText = this.options.filter((option) => this.selectedOptions.includes(option.value)).map((option) => option.text);
+    }
+    toggleDropdown() {
+        if (!this.disabled) {
+            this.isOpen = !this.isOpen;
+        }
+    }
+    selectOption(option) {
+        const index = this.selectedOptions.indexOf(option.value);
+        if (index > -1) {
+            this.selectedOptions.splice(index, 1);
+        }
+        else {
+            this.selectedOptions.push(option.value);
+        }
+        this.updateSelectedOptions();
+        this.optionSelected.emit(this.selectedOptions);
+    }
+    onDocumentClick(event) {
+        const target = event.target;
+        if (!target.closest(`#${this.idInput}`)) {
+            this.isOpen = false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxDropdownMultiple, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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\">\r\n  <input class=\"selected-option\" type=\"text\" [id]=\"idInput\" [placeholder]=\"placeholder\" [value]=\"selectedOptionsText.length ? selectedOptionsText.join(', ') : ''\" readonly (click)=\"toggleDropdown()\" />\r\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>\r\n  <ul class=\"dropdown-list\" *ngIf=\"isOpen\">\r\n    <li *ngFor=\"let option of options\" (click)=\"selectOption(option)\" class=\"d-flex align-items-center\" [class.selected]=\"selectedOptions.includes(option.value)\">\r\n      <input class=\"me-2 col-3 ml-\" type=\"checkbox\" [checked]=\"selectedOptions.includes(option.value)\" />\r\n      <span class=\"col-9\">\r\n        {{ option.text }}\r\n      </span>\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxDropdownMultiple, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-dropdown-multiple', imports: [CommonModule, FormsModule, ReactiveFormsModule, EluxIcon], standalone: true, template: "<div class=\"custom-dropdown\">\r\n  <input class=\"selected-option\" type=\"text\" [id]=\"idInput\" [placeholder]=\"placeholder\" [value]=\"selectedOptionsText.length ? selectedOptionsText.join(', ') : ''\" readonly (click)=\"toggleDropdown()\" />\r\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>\r\n  <ul class=\"dropdown-list\" *ngIf=\"isOpen\">\r\n    <li *ngFor=\"let option of options\" (click)=\"selectOption(option)\" class=\"d-flex align-items-center\" [class.selected]=\"selectedOptions.includes(option.value)\">\r\n      <input class=\"me-2 col-3 ml-\" type=\"checkbox\" [checked]=\"selectedOptions.includes(option.value)\" />\r\n      <span class=\"col-9\">\r\n        {{ option.text }}\r\n      </span>\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.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"] }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input
+            }], idInput: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], selectedOptions: [{
+                type: Input
+            }], optionSelected: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class EluxCarouselComponent {
+    constructor(renderer) {
+        this.renderer = renderer;
+        this.itemsPerSlide = 4;
+        this.removeArrows = false;
+        this.removeDots = false;
+        this.autoPlayInterval = null;
+        this.previousClickEventEmitter = new EventEmitter();
+        this.nextClickEventEmitter = new EventEmitter();
+        this.dotClickEventEmitter = new EventEmitter();
+        this.currentIndex = 0;
+        this.offset = 0;
+        this.touchStartX = 0;
+        this.touchEndX = 0;
+    }
+    ngAfterContentInit() {
+        this.setItemWidths();
+        if (this.autoPlayInterval) {
+            this.startAutoPlay();
+        }
+        this.items.changes.subscribe(() => {
+            this.setItemWidths();
+            this.updateOffset();
+            this.goToFirstSlide();
+        });
+    }
+    setItemWidths() {
+        this.items.forEach((item) => {
+            const minWidth = `calc(100% / ${this.itemsPerSlide})`;
+            this.renderer.setStyle(item.nativeElement, 'minWidth', minWidth);
+        });
+    }
+    startAutoPlay() {
+        this.stopAutoPlay(); // Garante que não há intervalos ativos
+        this.autoPlayTimer = setInterval(() => {
+            this.nextSlide();
+        }, (this.autoPlayInterval || 0) * 1000);
+    }
+    stopAutoPlay() {
+        if (this.autoPlayTimer) {
+            clearInterval(this.autoPlayTimer);
+            this.autoPlayTimer = null;
+        }
+    }
+    onTouchStart(event) {
+        this.touchStartX = event.touches[0].clientX;
+        this.touchEndX = this.touchStartX; // reseta para evitar swipe falso
+    }
+    onTouchMove(event) {
+        this.touchEndX = event.touches[0].clientX;
+    }
+    onTouchEnd() {
+        const swipeDistance = this.touchEndX - this.touchStartX;
+        // Só considera swipe se movimento for maior que 2px
+        if (Math.abs(swipeDistance) < 2)
+            return;
+        if (swipeDistance > 0) {
+            this.prevSlide();
+        }
+        else if (swipeDistance < 0) {
+            this.nextSlide();
+        }
+    }
+    getStepIndexes() {
+        const totalSteps = Math.ceil(this.items.length / this.itemsPerSlide);
+        return Array.from({ length: totalSteps }, (_, i) => i);
+    }
+    getCurrentStepIndex() {
+        return Math.floor(this.currentIndex / this.itemsPerSlide);
+    }
+    goToFirstSlide() {
+        this.currentIndex = 0;
+        this.updateOffset();
+        this.scrollActiveDotIntoView(0);
+    }
+    goToSlide(index) {
+        this.currentIndex = index * this.itemsPerSlide;
+        this.updateOffset();
+        this.scrollActiveDotIntoView(index);
+        this.dotClickEventEmitter.emit();
+    }
+    prevSlide() {
+        if (this.currentIndex > 0) {
+            this.currentIndex = Math.max(0, this.currentIndex - this.itemsPerSlide);
+            this.updateOffset();
+            this.scrollActiveDotIntoView(this.getCurrentStepIndex());
+            this.previousClickEventEmitter.emit();
+        }
+    }
+    nextSlide() {
+        const maxIndex = this.items.length - this.itemsPerSlide;
+        if (this.currentIndex >= maxIndex) {
+            this.currentIndex = 0;
+        }
+        else {
+            this.currentIndex = Math.min(maxIndex, this.currentIndex + this.itemsPerSlide);
+        }
+        this.updateOffset();
+        this.scrollActiveDotIntoView(this.getCurrentStepIndex());
+        this.nextClickEventEmitter.emit();
+    }
+    updateOffset() {
+        this.offset = -100 * (this.currentIndex / this.itemsPerSlide);
+    }
+    scrollActiveDotIntoView(index) {
+        setTimeout(() => {
+            const dotsContainer = this.dotsContainer?.nativeElement;
+            if (!dotsContainer)
+                return;
+            const dots = dotsContainer.getElementsByClassName('dot');
+            if (!dots || !dots[index])
+                return;
+            const activeDot = dots[index];
+            const containerWidth = dotsContainer.offsetWidth;
+            const dotWidth = activeDot.offsetWidth + 10;
+            const scrollPosition = dotWidth * index - containerWidth / 2 + dotWidth / 2;
+            dotsContainer.scrollTo({
+                left: Math.max(0, scrollPosition),
+                behavior: 'smooth',
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCarouselComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxCarouselComponent, isStandalone: true, selector: "lib-elux-carousel", inputs: { itemsPerSlide: "itemsPerSlide", removeArrows: "removeArrows", removeDots: "removeDots", autoPlayInterval: "autoPlayInterval" }, outputs: { previousClickEventEmitter: "previousClickEventEmitter", nextClickEventEmitter: "nextClickEventEmitter", dotClickEventEmitter: "dotClickEventEmitter" }, queries: [{ propertyName: "items", predicate: ["carouselItem"], read: ElementRef }], viewQueries: [{ propertyName: "dotsContainer", first: true, predicate: ["dotsContainer"], descendants: true }], ngImport: i0, template: "<div class=\"c-carousel-container\">\r\n  <div class=\"c-carousel-slides\" [style.transform]=\"'translateX(' + offset + '%)'\" (touchstart)=\"onTouchStart($event)\" (touchmove)=\"onTouchMove($event)\" (touchend)=\"onTouchEnd()\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <div class=\"c-carousel-footer\">\r\n    <button [hidden]=\"removeArrows\" class=\"c-carousel-nav prev\" title=\"Slide anterior\" aria-label=\"Slide anterior\" (click)=\"prevSlide()\">\r\n      <lib-elux-icon [icon]=\"'Chevron_Left.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\" [color]=\"'#020F2E'\"></lib-elux-icon>\r\n    </button>\r\n\r\n    <div [hidden]=\"removeDots\" class=\"c-carousel-dots\" #dotsContainer>\r\n      <span\r\n        role=\"button\"\r\n        class=\"dot\"\r\n        *ngFor=\"let index of getStepIndexes()\"\r\n        (click)=\"goToSlide(index)\"\r\n        (keyup)=\"goToSlide(index)\"\r\n        [class.active]=\"index === getCurrentStepIndex()\"\r\n        [attr.aria-disabled]=\"true\"\r\n        [attr.aria-label]=\"'pagina' + (index + 1)\"\r\n      >\r\n      </span>\r\n    </div>\r\n\r\n    <button [hidden]=\"removeArrows\" class=\"c-carousel-nav next\" title=\"Pr\u00F3ximo slide\" aria-label=\"Pr\u00F3ximo slide\" (click)=\"nextSlide()\">\r\n      <lib-elux-icon [icon]=\"'Chevron_Right.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\" [color]=\"'#020F2E'\"></lib-elux-icon>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.c-carousel-container{position:relative;width:100%}.c-carousel-slides{display:flex;transition:transform .4s ease-in-out;touch-action:pan-y}.c-carousel-item{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;gap:16px;height:150px;margin:6px;border:1px solid #dee7ea;border-radius:2px;cursor:pointer}.c-carousel-item .c-span{font-weight:400;font-size:18px;color:#011e41}.c-carousel-footer{width:min-content;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 0 24px}.c-carousel-footer .c-carousel-nav{background:none;border:none;cursor:pointer;padding:8px;border-radius:50px;background-color:#dfe7ea;transition:all ease-in-out .2s;z-index:2}.c-carousel-footer .c-carousel-nav:hover{transform:scale(1.1)}.c-carousel-footer .c-carousel-nav ::ng-deep span{display:block}.c-carousel-footer .c-carousel-dots{padding:6px;display:flex;text-align:center;border:1px solid #020f2e;border-radius:16px;margin:0 16px;max-width:120px;overflow:hidden;position:relative}@media (max-width: 768px){.c-carousel-footer .c-carousel-dots{margin:0 12px;max-width:100px}}.c-carousel-footer .dot{height:10px;width:10px;margin:0 5px;background-color:#dfe7ea;border-radius:50%;display:inline-block;cursor:pointer;transition:all ease-in-out .2s;flex-shrink:0}.c-carousel-footer .dot:hover,.c-carousel-footer .dot.active{background-color:#011e41}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'lib-elux-carousel', imports: [CommonModule, EluxIcon], template: "<div class=\"c-carousel-container\">\r\n  <div class=\"c-carousel-slides\" [style.transform]=\"'translateX(' + offset + '%)'\" (touchstart)=\"onTouchStart($event)\" (touchmove)=\"onTouchMove($event)\" (touchend)=\"onTouchEnd()\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <div class=\"c-carousel-footer\">\r\n    <button [hidden]=\"removeArrows\" class=\"c-carousel-nav prev\" title=\"Slide anterior\" aria-label=\"Slide anterior\" (click)=\"prevSlide()\">\r\n      <lib-elux-icon [icon]=\"'Chevron_Left.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\" [color]=\"'#020F2E'\"></lib-elux-icon>\r\n    </button>\r\n\r\n    <div [hidden]=\"removeDots\" class=\"c-carousel-dots\" #dotsContainer>\r\n      <span\r\n        role=\"button\"\r\n        class=\"dot\"\r\n        *ngFor=\"let index of getStepIndexes()\"\r\n        (click)=\"goToSlide(index)\"\r\n        (keyup)=\"goToSlide(index)\"\r\n        [class.active]=\"index === getCurrentStepIndex()\"\r\n        [attr.aria-disabled]=\"true\"\r\n        [attr.aria-label]=\"'pagina' + (index + 1)\"\r\n      >\r\n      </span>\r\n    </div>\r\n\r\n    <button [hidden]=\"removeArrows\" class=\"c-carousel-nav next\" title=\"Pr\u00F3ximo slide\" aria-label=\"Pr\u00F3ximo slide\" (click)=\"nextSlide()\">\r\n      <lib-elux-icon [icon]=\"'Chevron_Right.svg'\" [size]=\"'16'\" [sizeType]=\"'px'\" [color]=\"'#020F2E'\"></lib-elux-icon>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.c-carousel-container{position:relative;width:100%}.c-carousel-slides{display:flex;transition:transform .4s ease-in-out;touch-action:pan-y}.c-carousel-item{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;gap:16px;height:150px;margin:6px;border:1px solid #dee7ea;border-radius:2px;cursor:pointer}.c-carousel-item .c-span{font-weight:400;font-size:18px;color:#011e41}.c-carousel-footer{width:min-content;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 0 24px}.c-carousel-footer .c-carousel-nav{background:none;border:none;cursor:pointer;padding:8px;border-radius:50px;background-color:#dfe7ea;transition:all ease-in-out .2s;z-index:2}.c-carousel-footer .c-carousel-nav:hover{transform:scale(1.1)}.c-carousel-footer .c-carousel-nav ::ng-deep span{display:block}.c-carousel-footer .c-carousel-dots{padding:6px;display:flex;text-align:center;border:1px solid #020f2e;border-radius:16px;margin:0 16px;max-width:120px;overflow:hidden;position:relative}@media (max-width: 768px){.c-carousel-footer .c-carousel-dots{margin:0 12px;max-width:100px}}.c-carousel-footer .dot{height:10px;width:10px;margin:0 5px;background-color:#dfe7ea;border-radius:50%;display:inline-block;cursor:pointer;transition:all ease-in-out .2s;flex-shrink:0}.c-carousel-footer .dot:hover,.c-carousel-footer .dot.active{background-color:#011e41}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { items: [{
+                type: ContentChildren,
+                args: ['carouselItem', { read: ElementRef }]
+            }], dotsContainer: [{
+                type: ViewChild,
+                args: ['dotsContainer']
+            }], itemsPerSlide: [{
+                type: Input
+            }], removeArrows: [{
+                type: Input
+            }], removeDots: [{
+                type: Input
+            }], autoPlayInterval: [{
+                type: Input
+            }], previousClickEventEmitter: [{
+                type: Output
+            }], nextClickEventEmitter: [{
+                type: Output
+            }], dotClickEventEmitter: [{
+                type: Output
+            }] } });
+
+class EluxSwitch {
+    constructor() {
+        this.checked = false;
+        this.size = 'medium';
+        this.onChange = new EventEmitter();
+    }
+    _onChange(event) {
+        this.onChange.emit(event.target.checked);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxSwitch, isStandalone: true, selector: "lib-elux-switch", inputs: { checked: "checked", size: "size" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
+  <div
+      [class.small]="size === 'small'"
+      [class.medium]="size === 'medium'"
+      [class.large]="size === 'large'"
+  >
+  <label class="lib-elux-switch">
+      <input type="checkbox" [checked]="checked" (change)="_onChange($event)" />
+      <span class="slider"></span>
+    </label>
+  </div>
+  `, 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"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxSwitch, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-switch', standalone: true, template: `
+  <div
+      [class.small]="size === 'small'"
+      [class.medium]="size === 'medium'"
+      [class.large]="size === 'large'"
+  >
+  <label class="lib-elux-switch">
+      <input type="checkbox" [checked]="checked" (change)="_onChange($event)" />
+      <span class="slider"></span>
+    </label>
+  </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}}.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"] }]
+        }], propDecorators: { checked: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class EluxChip {
+    constructor() {
+        this.value = '';
+        this.ariaLabel = '';
+        this.onClick = new EventEmitter();
+    }
+    _onClick() {
+        this.onClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxChip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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\">\r\n  {{ value }}\r\n  <lib-elux-icon icon=\"Close.svg\" size=\"24\" sizeType=\"px\" color=\"#fff\" />\r\n</div>\r\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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxChip, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-chip', standalone: true, imports: [CommonModule, EluxIcon], template: "<div class=\"chip\" (click)=\"_onClick()\" tabindex=\"0\" role=\"button\" [attr.aria-label]=\"ariaLabel\">\r\n  {{ value }}\r\n  <lib-elux-icon icon=\"Close.svg\" size=\"24\" sizeType=\"px\" color=\"#fff\" />\r\n</div>\r\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"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class EluxCard1 {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard1, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxCard1, isStandalone: true, selector: "lib-elux-card-1", inputs: { text: "text", iconLeft: "iconLeft", iconRight: "iconRight" }, ngImport: i0, template: "<div class=\"card1 p-3\">\r\n  <lib-elux-icon *ngIf=\"iconLeft\" class=\"iconLeft\" [icon]=\"iconLeft\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n  <div class=\"card-content\">\r\n    <span class=\"subtitle-1\">{{ text }}</span>\r\n    <lib-elux-icon class=\"iconRight\" [icon]=\"iconRight\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card1{border:1px solid #ADB9C3;border-radius:2px;height:70px;background-color:#fff;display:flex;flex-direction:row;align-items:center;cursor:pointer}.card1 .card-content{width:100%;display:flex;justify-content:space-between;align-items:center}.card1 .iconLeft{margin-right:18px}.card1 .iconRight{transition:.3s}.card1:focus-visible{outline:2px solid #16A748;outline-offset:-2px}.card1:focus-visible .iconRight{margin-right:-10px}.card1:hover{border-color:#5b6a78}.card1:hover .iconRight{margin-right:-10px}\n"], dependencies: [{ kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard1, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-card-1', standalone: true, imports: [EluxIcon, CommonModule], template: "<div class=\"card1 p-3\">\r\n  <lib-elux-icon *ngIf=\"iconLeft\" class=\"iconLeft\" [icon]=\"iconLeft\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n  <div class=\"card-content\">\r\n    <span class=\"subtitle-1\">{{ text }}</span>\r\n    <lib-elux-icon class=\"iconRight\" [icon]=\"iconRight\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card1{border:1px solid #ADB9C3;border-radius:2px;height:70px;background-color:#fff;display:flex;flex-direction:row;align-items:center;cursor:pointer}.card1 .card-content{width:100%;display:flex;justify-content:space-between;align-items:center}.card1 .iconLeft{margin-right:18px}.card1 .iconRight{transition:.3s}.card1:focus-visible{outline:2px solid #16A748;outline-offset:-2px}.card1:focus-visible .iconRight{margin-right:-10px}.card1:hover{border-color:#5b6a78}.card1:hover .iconRight{margin-right:-10px}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], iconLeft: [{
+                type: Input
+            }], iconRight: [{
+                type: Input
+            }] } });
+
+class EluxCard2 {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxCard2, isStandalone: true, selector: "lib-elux-card-2", inputs: { text: "text", icon: "icon" }, ngImport: i0, template: "<div class=\"subtitle-1 card2 d-flex justify-content-between align-items-center\">\r\n  <span class=\"subtitle-1 text-blue\">{{ text }}</span>\r\n  <lib-elux-icon [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card2{cursor:pointer;color:#011e41!important;height:52px!important;display:flex;align-items:center;border-bottom:1px solid #C9C9CA}\n"], dependencies: [{ kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard2, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-card-2', standalone: true, imports: [EluxIcon], template: "<div class=\"subtitle-1 card2 d-flex justify-content-between align-items-center\">\r\n  <span class=\"subtitle-1 text-blue\">{{ text }}</span>\r\n  <lib-elux-icon [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card2{cursor:pointer;color:#011e41!important;height:52px!important;display:flex;align-items:center;border-bottom:1px solid #C9C9CA}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+class EluxCard3 {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard3, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxCard3, isStandalone: true, selector: "lib-elux-card-3", inputs: { title: "title", text: "text", icon: "icon" }, ngImport: i0, template: "<div class=\"card3 p-3 subtitle-1 d-flex align-items-center\">\r\n  <div class=\"pe-3\">\r\n    <lib-elux-icon [icon]=\"icon\" [size]=\"'40'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n  </div>\r\n  <div class=\"d-flex flex-column\">\r\n    <span class=\"heading-3 text-blue\">{{ title }}</span>\r\n    <span class=\"body mt-2\">{{ text }}</span>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card3{height:140px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard3, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-card-3', standalone: true, imports: [EluxIcon], template: "<div class=\"card3 p-3 subtitle-1 d-flex align-items-center\">\r\n  <div class=\"pe-3\">\r\n    <lib-elux-icon [icon]=\"icon\" [size]=\"'40'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n  </div>\r\n  <div class=\"d-flex flex-column\">\r\n    <span class=\"heading-3 text-blue\">{{ title }}</span>\r\n    <span class=\"body mt-2\">{{ text }}</span>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card3{height:140px;background-color:#fff}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+class EluxCard4 {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard4, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxCard4, isStandalone: true, selector: "lib-elux-card-4", inputs: { title: "title", text: "text" }, ngImport: i0, template: "<div class=\"card4 p-3\">\r\n  <div class=\"d-flex flex-row justify-content-between align-items-center\">\r\n    <span class=\"subtitle-1 text-blue\">{{ title }}</span>\r\n    <lib-elux-icon [icon]=\"'Arrow_Right.svg'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n  </div>\r\n  <div class=\"d-flex mt-2\">\r\n    <span class=\"body\">{{ text }}</span>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card4{border:1px solid #7A8A9B;border-radius:2px}\n"], dependencies: [{ kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxCard4, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-card-4', standalone: true, imports: [EluxIcon], template: "<div class=\"card4 p-3\">\r\n  <div class=\"d-flex flex-row justify-content-between align-items-center\">\r\n    <span class=\"subtitle-1 text-blue\">{{ title }}</span>\r\n    <lib-elux-icon [icon]=\"'Arrow_Right.svg'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n  </div>\r\n  <div class=\"d-flex mt-2\">\r\n    <span class=\"body\">{{ text }}</span>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card4{border:1px solid #7A8A9B;border-radius:2px}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+
+class EluxLoading2 {
+    constructor() {
+        this.open = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxLoading2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxLoading2, isStandalone: true, selector: "lib-elux-loading-2", inputs: { open: "open" }, ngImport: i0, template: "<div class=\"modal\" [class.open]=\"open\">\r\n  <div class=\"modal-content\">\r\n    <img class=\"content-icon mb-4\" src=\"/assets/icons/Loading.webp\" />\r\n    <span class=\"content-title mt-2 mb-3\">Carregando...</span>\r\n    <span class=\"content-description\">Por favor, aguarde enquanto buscamos a melhor solu\u00E7\u00E3o.</span>\r\n  </div>\r\n  <div class=\"modal-backdrop\"></div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2,.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"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxLoading2, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-loading-2', imports: [], standalone: true, template: "<div class=\"modal\" [class.open]=\"open\">\r\n  <div class=\"modal-content\">\r\n    <img class=\"content-icon mb-4\" src=\"/assets/icons/Loading.webp\" />\r\n    <span class=\"content-title mt-2 mb-3\">Carregando...</span>\r\n    <span class=\"content-description\">Por favor, aguarde enquanto buscamos a melhor solu\u00E7\u00E3o.</span>\r\n  </div>\r\n  <div class=\"modal-backdrop\"></div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2,.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"] }]
+        }], propDecorators: { open: [{
+                type: Input
+            }] } });
+
+class EluxArrowLink {
+    constructor() {
+        this.title = '';
+        this.reverse = false;
+        this.icon_name = '';
+        this.icon_size = '26';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxArrowLink, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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\">\r\n  <div class=\"text-container\">\r\n    <lib-elux-icon *ngIf=\"reverse\" class=\"back\" [icon]=\"'Chevron_Left.svg'\" [color]=\"'#A5742E'\" [size]=\"'24'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n    <div class=\"content\">\r\n      <lib-elux-icon class=\"content-icon\" *ngIf=\"!!icon_name\" [icon]=\"icon_name\" [sizeType]=\"'px'\" [size]=\"icon_size\"> </lib-elux-icon>\r\n      <span>{{ title }}</span>      \r\n    </div>\r\n    <lib-elux-icon *ngIf=\"!reverse\" class=\"go\" [icon]=\"'Chevron_Right.svg'\" [color]=\"'#A5742E'\" [size]=\"'24'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,.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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxArrowLink, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-arrow-link', imports: [CommonModule, RouterModule, EluxIcon], standalone: true, template: "<div *ngIf=\"title\" class=\"single-action mat-elevation-z0\">\r\n  <div class=\"text-container\">\r\n    <lib-elux-icon *ngIf=\"reverse\" class=\"back\" [icon]=\"'Chevron_Left.svg'\" [color]=\"'#A5742E'\" [size]=\"'24'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n    <div class=\"content\">\r\n      <lib-elux-icon class=\"content-icon\" *ngIf=\"!!icon_name\" [icon]=\"icon_name\" [sizeType]=\"'px'\" [size]=\"icon_size\"> </lib-elux-icon>\r\n      <span>{{ title }}</span>      \r\n    </div>\r\n    <lib-elux-icon *ngIf=\"!reverse\" class=\"go\" [icon]=\"'Chevron_Right.svg'\" [color]=\"'#A5742E'\" [size]=\"'24'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,.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"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], reverse: [{
+                type: Input
+            }], icon_name: [{
+                type: Input
+            }], icon_size: [{
+                type: Input
+            }] } });
+
+const ElectroluxComponents = [
+    EluxBreadcrumb,
+    EluxButton,
+    EluxDatepicker,
+    EluxDropdown,
+    EluxIcon,
+    EluxPaginator,
+    EluxStepBar,
+    EluxToast,
+    EluxDataTable,
+    EluxAccordion,
+    EluxModal,
+    EluxInputSearchComponent,
+    EluxInputSearchModalComponent,
+    EluxLoading,
+    EluxDropdownMultiple,
+    EluxCarouselComponent,
+    EluxSwitch,
+    EluxChip,
+];
+
+class ElectroluxDesignSystemModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ElectroluxDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", 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] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ElectroluxDesignSystemModule, imports: [CommonModule, EluxBreadcrumb, EluxButton, EluxDatepicker, EluxDropdown, EluxIcon, EluxPaginator, EluxStepBar, EluxToast, EluxDataTable, EluxAccordion, EluxModal, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxDropdownMultiple, EluxCarouselComponent, EluxChip] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ElectroluxDesignSystemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ...ElectroluxComponents],
+                    exports: [...ElectroluxComponents],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ElectroluxComponents, ElectroluxDesignSystemModule, EluxAccordion, EluxArrowLink, EluxBreadcrumb, EluxButton, EluxCard1, EluxCard2, EluxCard3, EluxCard4, EluxCarouselComponent, EluxChip, EluxDataTable, EluxDatepicker, EluxDropdown, EluxDropdownMultiple, EluxIcon, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxLoading2, EluxModal, EluxPaginator, EluxStepBar, EluxSwitch, EluxToast, ToasterService };
+//# sourceMappingURL=elxjs-ui.mjs.map