@elxjs/ui 0.0.170

package/esm2022/lib/components/loading/loading.component.mjs

@@ -0,0 +1,21 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFTLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU3hELE1BQU0sT0FBTyxXQUFXO0lBUHhCO1FBUVcsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixVQUFLLEdBQVksS0FBSyxDQUFDO0tBQ2pDOytHQUhZLFdBQVc7bUdBQVgsV0FBVyxzSENWeEIsOEtBR0EsNHVEREdZLFlBQVk7OzRGQUlYLFdBQVc7a0JBUHZCLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFLZCxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWVsdXgtbG9hZGluZycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2xvYWRpbmcuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4TG9hZGluZyB7XHJcbiAgQElucHV0KCkgc2l6ZTogbnVtYmVyID0gNTA7XHJcbiAgQElucHV0KCkgd2hpdGU6IGJvb2xlYW4gPSBmYWxzZTtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYmFja2Ryb3BcIj5cclxuICA8ZGl2IGNsYXNzPVwic3Bpbm5lclwiIFtuZ0NsYXNzXT1cInsgd2hpdGU6IHdoaXRlLCBibHVlOiAhd2hpdGUgfVwiIFtuZ1N0eWxlXT1cInsgJ3dpZHRoLnB4Jzogc2l6ZSwgJ2hlaWdodC5weCc6IHNpemUgfVwiPjwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/components/loading-2/index.mjs

@@ -0,0 +1,2 @@
+export * from './loading-2.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9sb2FkaW5nLTIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbG9hZGluZy0yLmNvbXBvbmVudCc7XHJcbiJdfQ==

package/esm2022/lib/components/loading-2/loading-2.component.mjs

@@ -0,0 +1,16 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy0yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2xvYWRpbmctMi9sb2FkaW5nLTIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvbG9hZGluZy0yL2xvYWRpbmctMi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFnQixLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBU3ZFLE1BQU0sT0FBTyxZQUFZO0lBUHpCO1FBUVcsU0FBSSxHQUFHLEtBQUssQ0FBQztLQUN2QjsrR0FGWSxZQUFZO21HQUFaLFlBQVksd0dDVHpCLHlaQVFBOzs0RkRDYSxZQUFZO2tCQVB4QixTQUFTOytCQUNFLG9CQUFvQixXQUdyQixFQUFFLGNBQ0MsSUFBSTs4QkFHUCxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZWx1eC1sb2FkaW5nLTInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2FkaW5nLTIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xvYWRpbmctMi5jb21wb25lbnQuc2NzcyddLFxyXG4gIGltcG9ydHM6IFtdLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4TG9hZGluZzIge1xyXG4gIEBJbnB1dCgpIG9wZW4gPSBmYWxzZTtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibW9kYWxcIiBbY2xhc3Mub3Blbl09XCJvcGVuXCI+XHJcbiAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIj5cclxuICAgIDxpbWcgY2xhc3M9XCJjb250ZW50LWljb24gbWItNFwiIHNyYz1cIi9hc3NldHMvaWNvbnMvTG9hZGluZy53ZWJwXCIgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwiY29udGVudC10aXRsZSBtdC0yIG1iLTNcIj5DYXJyZWdhbmRvLi4uPC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJjb250ZW50LWRlc2NyaXB0aW9uXCI+UG9yIGZhdm9yLCBhZ3VhcmRlIGVucXVhbnRvIGJ1c2NhbW9zIGEgbWVsaG9yIHNvbHXDp8Ojby48L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cIm1vZGFsLWJhY2tkcm9wXCI+PC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/components/modal/index.mjs

@@ -0,0 +1,2 @@
+export * from './modal.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tb2RhbC5jb21wb25lbnQnO1xyXG4iXX0=

package/esm2022/lib/components/modal/modal.component.mjs

@@ -0,0 +1,31 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EluxIcon } from '../icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvbW9kYWwvbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvbW9kYWwvbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7O0FBWW5DLE1BQU0sT0FBTyxTQUFTO0lBVnRCO1FBV1csU0FBSSxHQUFHLEtBQUssQ0FBQztRQUNiLGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBSzlDO0lBSEMsV0FBVztRQUNULElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzsrR0FQVSxTQUFTO21HQUFULFNBQVMsaUtDZHRCLDZyQkFnQkEsd25FRFBJLFFBQVEsNkpBQ1IsWUFBWTs7NEZBSUgsU0FBUztrQkFWckIsU0FBUzsrQkFDRSxnQkFBZ0IsV0FHakI7d0JBQ1AsUUFBUTt3QkFDUixZQUFZO3FCQUNiLGNBQ1csSUFBSTs4QkFHUCxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRWx1eEljb24gfSBmcm9tICcuLi9pY29uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWVsdXgtbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBFbHV4SWNvbixcclxuICAgIENvbW1vbk1vZHVsZVxyXG4gIF0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEVsdXhNb2RhbCB7XHJcbiAgQElucHV0KCkgb3BlbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGJ1dHRvbkNsb3NlID0gdHJ1ZTtcclxuICBAT3V0cHV0KCkgb25DbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgaGFuZGxlQ2xvc2UoKSB7XHJcbiAgICB0aGlzLm9uQ2xvc2UuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibW9kYWxcIiBbY2xhc3Mub3Blbl09XCJvcGVuXCI+XHJcbiAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIj5cclxuICAgIDxsaWItZWx1eC1pY29uICpuZ0lmPVwiYnV0dG9uQ2xvc2VcIiBjbGFzcz1cImNsb3NlLWljb25cIiBbaWNvbl09XCInQ2xvc2Uuc3ZnJ1wiIFtjb2xvcl09XCInIzAxMUU0MSdcIiBbc2l6ZV09XCInMjgnXCIgW3NpemVUeXBlXT1cIidweCdcIlxyXG4gICAgICAoY2xpY2spPVwiaGFuZGxlQ2xvc2UoKVwiPjwvbGliLWVsdXgtaWNvbj5cclxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXJcIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21vZGFsLWhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlttb2RhbC1ib2R5XVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWZvb3RlclwiPlxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbW9kYWwtZm9vdGVyXVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJtb2RhbC1iYWNrZHJvcFwiIChjbGljayk9XCJoYW5kbGVDbG9zZSgpXCI+PC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/components/paginator/index.mjs

@@ -0,0 +1,2 @@
+export * from './paginator.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9wYWdpbmF0b3IvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcGFnaW5hdG9yLmNvbXBvbmVudCc7XHJcbiJdfQ==

package/esm2022/lib/components/paginator/paginator.component.mjs

@@ -0,0 +1,128 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { EluxIcon } from '../icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2luYXRvci9wYWdpbmF0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvcGFnaW5hdG9yL3BhZ2luYXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxTQUFTLENBQUM7OztBQW1CbkMsTUFBTSxPQUFPLGFBQWE7SUFZeEI7UUFYUyxXQUFNLEdBQVcsQ0FBQyxDQUFDO1FBQ25CLFlBQU8sR0FBVyxDQUFDLENBQUM7UUFDcEIsV0FBTSxHQUFZLElBQUksQ0FBQztRQUN2QixhQUFRLEdBQVksU0FBUyxDQUFDO1FBRTdCLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO1FBRWpFLFVBQUssR0FBYSxFQUFFLENBQUM7UUFDckIsa0JBQWEsR0FBYSxFQUFFLENBQUM7UUFDN0IsY0FBUyxHQUFhLEVBQUUsQ0FBQztJQUVWLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1lBQzVDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNuQixDQUFDO0lBQ0gsQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFVO1FB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QXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRWx1eEljb24gfSBmcm9tICcuLi9pY29uJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgUGFnZSB7XHJcbiAgbGVuZ3RoOiBudW1iZXI7XHJcbiAgY3VycmVudDogbnVtYmVyO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFBhZ2luYXRpb25FdmVudCB7XHJcbiAgdHlwZTogJ2dvVG8nO1xyXG4gIHBhZ2U6IG51bWJlcjtcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZWx1eC1wYWdpbmF0b3InLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRWx1eEljb25dLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmF0b3IuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9wYWdpbmF0b3IuY29tcG9uZW50LnNjc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRWx1eFBhZ2luYXRvciBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBsZW5ndGg6IG51bWJlciA9IDA7XHJcbiAgQElucHV0KCkgY3VycmVudDogbnVtYmVyID0gMDtcclxuICBASW5wdXQoKSBhbmNob3I6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHNjcm9sbFRvPzogc3RyaW5nID0gdW5kZWZpbmVkO1xyXG5cclxuICBAT3V0cHV0KCkgcGFnaW5hdGlvbkV2ZW50cyA9IG5ldyBFdmVudEVtaXR0ZXI8UGFnaW5hdGlvbkV2ZW50PigpO1xyXG5cclxuICBwYWdlczogbnVtYmVyW10gPSBbXTtcclxuICBwcmV2aW91c1BhZ2VzOiBudW1iZXJbXSA9IFtdO1xyXG4gIG5leHRQYWdlczogbnVtYmVyW10gPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuc2hvd1BhZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBpZiAoY2hhbmdlc1snbGVuZ3RoJ10gfHwgY2hhbmdlc1snY3VycmVudCddKSB7XHJcbiAgICAgIHRoaXMuc2hvd1BhZ2VzKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzY3JvbGxUb0VsZW1lbnQoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgbGV0IGVsID0gZXZlbnQudGFyZ2V0O1xyXG5cclxuICAgIGlmICh0aGlzLmFuY2hvciAmJiAhdGhpcy5zY3JvbGxUbykge1xyXG4gICAgICBjb25zdCBjb250YWluZXIgID0gZWwuY2xvc2VzdCgnLnRhYmxlLWNvbnRhaW5lcicpO1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICBpZiAoY29udGFpbmVyKSB7XHJcbiAgICAgICAgICBjb250YWluZXIuY2xvc2VzdCgnLnRhYmxlLWNvbnRhaW5lcicpLnNjcm9sbEludG9WaWV3KHsgYmVoYXZpb3I6ICdzbW9vdGgnLCBibG9jazogJ3N0YXJ0JywgaW5saW5lOiAnbmVhcmVzdCcgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9LCAxMDApO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLnNjcm9sbFRvICE9IHVuZGVmaW5lZCkge1xyXG4gICAgICBlbCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IodGhpcy5zY3JvbGxUbyk7XHJcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgIGVsLnNjcm9sbEludG9WaWV3KHsgYmVoYXZpb3I6ICdzbW9vdGgnLCBibG9jazogJ3N0YXJ0JywgaW5saW5lOiAnbmVhcmVzdCcgfSk7XHJcbiAgICAgIH0sIDEwMCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnb0xhc3QoKSB7XHJcbiAgICB0aGlzLmdvVG9QYWdlKHRoaXMubGVuZ3RoKTtcclxuICB9XHJcblxyXG4gIGdvRmlyc3QoKSB7XHJcbiAgICB0aGlzLmdvVG9QYWdlKDEpO1xyXG4gIH1cclxuXHJcbiAgbmV4dFBhZ2UoKSB7XHJcbiAgICB0aGlzLmdvVG9QYWdlKHRoaXMuY3VycmVudCArIDEpO1xyXG4gIH1cclxuXHJcbiAgcHJldlBhZ2UoKSB7XHJcbiAgICB0aGlzLmdvVG9QYWdlKHRoaXMuY3VycmVudCAtIDEpO1xyXG4gIH1cclxuXHJcbiAgZ29Ub1BhZ2UocGFnZTogbnVtYmVyKSB7XHJcbiAgICB0aGlzLnBhZ2luYXRpb25FdmVudHMuZW1pdCh7IHR5cGU6ICdnb1RvJywgcGFnZTogcGFnZSB9KTtcclxuICAgIHRoaXMuY3VycmVudCA9IHBhZ2U7XHJcbiAgICB0aGlzLnNob3dQYWdlcygpO1xyXG4gIH1cclxuXHJcbiAgZ29Ub1NwZWNQYWdlKHBhZ2U6IG51bWJlciwgZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5wYWdpbmF0aW9uRXZlbnRzLmVtaXQoeyB0eXBlOiAnZ29UbycsIHBhZ2U6IHBhZ2UgfSk7XHJcbiAgICB0aGlzLmN1cnJlbnQgPSBwYWdlO1xyXG4gICAgdGhpcy5zaG93UGFnZXMoKTtcclxuICAgIHNldFRpbWVvdXQoKCk9PiB7XHJcbiAgICAgIHRoaXMuc2Nyb2xsVG9FbGVtZW50KGV2ZW50KTtcclxuXHJcbiAgICB9LCA0MDApXHJcbiAgfVxyXG5cclxuICBzaG93UGFnZXMoKSB7XHJcbiAgICB0aGlzLnByZXZpb3VzUGFnZXMgPSBbXTtcclxuICAgIHRoaXMubmV4dFBhZ2VzID0gW107XHJcbiAgICB0aGlzLnBhZ2VzID0gW107XHJcblxyXG4gICAgaWYgKCF0aGlzLmN1cnJlbnQpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLmxlbmd0aCA8PSA1KSB7XHJcbiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5sZW5ndGg7IGkrKykge1xyXG4gICAgICAgIHRoaXMucGFnZXMucHVzaChpICsgMSk7XHJcbiAgICAgIH1cclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLmN1cnJlbnQgPCA0KSB7XHJcbiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgNSAtIHRoaXMuY3VycmVudDsgaSsrKSB7XHJcbiAgICAgICAgY29uc3QgZWxlbWVudCA9IGkgKyAxO1xyXG4gICAgICAgIHRoaXMubmV4dFBhZ2VzLnB1c2goZWxlbWVudCArIHRoaXMuY3VycmVudCk7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5jdXJyZW50IC0gMTsgaSsrKSB7XHJcbiAgICAgICAgY29uc3QgZWxlbWVudCA9IGkgKyAxO1xyXG4gICAgICAgIHRoaXMucHJldmlvdXNQYWdlcy5wdXNoKGVsZW1lbnQpO1xyXG4gICAgICB9XHJcblxyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMuY3VycmVudCA+IDMgJiYgdGhpcy5jdXJyZW50IDw9IHRoaXMubGVuZ3RoIC0gMikge1xyXG4gICAgICB0aGlzLm5leHRQYWdlcy5wdXNoKHRoaXMuY3VycmVudCArIDEpO1xyXG4gICAgICB0aGlzLm5leHRQYWdlcy5wdXNoKHRoaXMuY3VycmVudCArIDIpO1xyXG4gICAgICB0aGlzLnByZXZpb3VzUGFnZXMucHVzaCh0aGlzLmN1cnJlbnQgLSAyKTtcclxuICAgICAgdGhpcy5wcmV2aW91c1BhZ2VzLnB1c2godGhpcy5jdXJyZW50IC0gMSk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5jdXJyZW50ID4gdGhpcy5sZW5ndGggLSAyKSB7XHJcbiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5sZW5ndGggLSB0aGlzLmN1cnJlbnQ7IGkrKykge1xyXG4gICAgICAgIGNvbnN0IGVsZW1lbnQgPSBpICsgMTtcclxuICAgICAgICB0aGlzLm5leHRQYWdlcy5wdXNoKGVsZW1lbnQgKyB0aGlzLmN1cnJlbnQpO1xyXG4gICAgICB9XHJcblxyXG4gICAgICBmb3IgKGxldCBpID0gMDsgaSA8IDQgLSB0aGlzLm5leHRQYWdlcy5sZW5ndGg7IGkrKykge1xyXG4gICAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmN1cnJlbnQgLSAoaSArIDEpO1xyXG4gICAgICAgIHRoaXMucHJldmlvdXNQYWdlcy5wdXNoKGVsZW1lbnQpO1xyXG4gICAgICB9XHJcblxyXG4gICAgICB0aGlzLnByZXZpb3VzUGFnZXMucmV2ZXJzZSgpO1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxuYXY+XHJcbiAgPHVsIGNsYXNzPVwicGFnaW5hdG9yXCIgKm5nSWY9XCJsZW5ndGggPiA1XCI+XHJcbiAgICA8bGkgY2xhc3M9XCJwYWdpbmF0aW9uLW51bWJlclwiPlxyXG4gICAgICA8ZGl2ICpuZ0lmPVwiY3VycmVudCAhPT0gMVwiIChjbGljayk9XCJnb0ZpcnN0KCk7IHNjcm9sbFRvRWxlbWVudCgkZXZlbnQpXCI+XHJcbiAgICAgICAgPGxpYi1lbHV4LWljb24gW2ljb25dPVwiJ0NoZXZyb25fTGVmdF9Eb3VibGUuc3ZnJ1wiIFtzaXplVHlwZV09XCIncHgnXCIgW3NpemVdPVwiJzE2J1wiPiA8L2xpYi1lbHV4LWljb24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9saT5cclxuXHJcbiAgICA8bGkgY2xhc3M9XCJsYXN0LXBhZ2VcIj5cclxuICAgICAgPGRpdiAqbmdJZj1cImN1cnJlbnQgIT09IDFcIiAoY2xpY2spPVwicHJldlBhZ2UoKTsgc2Nyb2xsVG9FbGVtZW50KCRldmVudClcIiB0aXRsZT1cIm5leHQgcGFnZVwiPlxyXG4gICAgICAgIDxsaWItZWx1eC1pY29uIFtpY29uXT1cIidDaGV2cm9uX0xlZnQuc3ZnJ1wiIFtzaXplXT1cIicxNidcIiBbc2l6ZVR5cGVdPVwiJ3B4J1wiPiA8L2xpYi1lbHV4LWljb24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9saT5cclxuXHJcbiAgICA8bGkgY2xhc3M9XCJwYWdlcy1iZWZvcmUgcGFnaW5hdGlvbi1udW1iZXJcIiAqbmdGb3I9XCJsZXQgcGFnZSBvZiBwcmV2aW91c1BhZ2VzXCI+XHJcbiAgICAgIDxkaXYgKGNsaWNrKT1cImdvVG9TcGVjUGFnZShwYWdlLCAkZXZlbnQpXCI+e3sgcGFnZSB9fTwvZGl2PlxyXG4gICAgPC9saT5cclxuXHJcbiAgICA8bGkgY2xhc3M9XCJwYWdpbmF0aW9uLW51bWJlciBjdXJyZW50LXBhZ2VcIj5cclxuICAgICAgPGRpdj5cclxuICAgICAgICB7eyBjdXJyZW50IH19XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9saT5cclxuXHJcbiAgICA8bGkgY2xhc3M9XCJwYWdlcy1hZnRlciBwYWdpbmF0aW9uLW51bWJlclwiICpuZ0Zvcj1cImxldCBwYWdlIG9mIG5leHRQYWdlc1wiPlxyXG4gICAgICA8ZGl2IChjbGljayk9XCJnb1RvU3BlY1BhZ2UocGFnZSwgJGV2ZW50KTsgc2Nyb2xsVG9FbGVtZW50KCRldmVudClcIj57eyBwYWdlIH19PC9kaXY+XHJcbiAgICA8L2xpPlxyXG5cclxuICAgIDxsaSBjbGFzcz1cIm5leHQtcGFnZVwiPlxyXG4gICAgICA8ZGl2ICpuZ0lmPVwiY3VycmVudCAhPT0gbGVuZ3RoXCIgKGNsaWNrKT1cIm5leHRQYWdlKCk7IHNjcm9sbFRvRWxlbWVudCgkZXZlbnQpXCIgdGl0bGU9XCJuZXh0IHBhZ2VcIj5cclxuICAgICAgICA8bGliLWVsdXgtaWNvbiBbaWNvbl09XCInQ2hldnJvbl9SaWdodC5zdmcnXCIgW3NpemVdPVwiJzE2J1wiIFtzaXplVHlwZV09XCIncHgnXCI+PC9saWItZWx1eC1pY29uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbGk+XHJcblxyXG4gICAgPGxpIGNsYXNzPVwicGFnaW5hdGlvbi1udW1iZXJcIj5cclxuICAgICAgPGRpdiAqbmdJZj1cImN1cnJlbnQgIT09IGxlbmd0aFwiIChjbGljayk9XCJnb0xhc3QoKTsgc2Nyb2xsVG9FbGVtZW50KCRldmVudClcIj5cclxuICAgICAgICA8bGliLWVsdXgtaWNvbiBbaWNvbl09XCInQ2hldnJvbl9SaWdodF9Eb3VibGUuc3ZnJ1wiIFtzaXplVHlwZV09XCIncHgnXCIgW3NpemVdPVwiJzE2J1wiPjwvbGliLWVsdXgtaWNvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2xpPlxyXG4gIDwvdWw+XHJcblxyXG4gIDx1bCBjbGFzcz1cInBhZ2luYXRvclwiICpuZ0lmPVwibGVuZ3RoIDw9IDVcIj5cclxuICAgIDxsaSAqbmdGb3I9XCJsZXQgcGFnZSBvZiBwYWdlc1wiIGNsYXNzPVwicGFnaW5hdGlvbi1udW1iZXJcIiBbbmdDbGFzc109XCJjdXJyZW50ID09PSBwYWdlID8gJ2N1cnJlbnQtcGFnZScgOiAnJ1wiPlxyXG4gICAgICA8ZGl2IChjbGljayk9XCJnb1RvU3BlY1BhZ2UocGFnZSwgJGV2ZW50KTtcIj5cclxuICAgICAgICB7eyBwYWdlIH19XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9saT5cclxuICA8L3VsPlxyXG48L25hdj5cclxuIl19

package/esm2022/lib/components/stepbar/index.mjs

@@ -0,0 +1,2 @@
+export * from './stepbar.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9zdGVwYmFyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N0ZXBiYXIuY29tcG9uZW50JztcclxuIl19

package/esm2022/lib/components/stepbar/stepbar.component.mjs

@@ -0,0 +1,41 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9zdGVwYmFyL3N0ZXBiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcGJhci9zdGVwYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUErRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU3BKLE1BQU0sT0FBTyxXQUFXO0lBS3RCO1FBSlMsVUFBSyxHQUFXLENBQUMsQ0FBQztRQUNsQixnQkFBVyxHQUFXLENBQUMsQ0FBQztRQUN2QixnQkFBVyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0lBRTFELENBQUM7SUFFaEIsa0JBQWtCLENBQUMsSUFBWTtRQUM3QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsVUFBVTtRQUNSLE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxhQUFhO1FBQ1gsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDO1lBQUUsT0FBTyxJQUFJLENBQUM7UUFFakMsTUFBTSxZQUFZLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDdEMsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNoRCxNQUFNLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxHQUFHLFVBQVUsQ0FBQyxHQUFHLFlBQVksQ0FBQztRQUVwRSxPQUFPLEdBQUcsUUFBUSxHQUFHLENBQUM7SUFDeEIsQ0FBQzsrR0EzQlUsV0FBVzttR0FBWCxXQUFXLDZLQ1Z4QiwwZ0JBYUEsbzdERFBZLFlBQVk7OzRGQUlYLFdBQVc7a0JBUHZCLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzt3REFLZCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIEVsZW1lbnRSZWYsIFZpZXdDaGlsZCwgQWZ0ZXJWaWV3SW5pdCwgSG9zdExpc3RlbmVyLCBRdWVyeUxpc3QsIFZpZXdDaGlsZHJlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZWx1eC1zdGVwYmFyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGVwYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc3RlcGJhci5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4U3RlcEJhciB7XHJcbiAgQElucHV0KCkgc3RlcHM6IG51bWJlciA9IDA7XHJcbiAgQElucHV0KCkgY3VycmVudFN0ZXA6IG51bWJlciA9IDA7XHJcbiAgQE91dHB1dCgpIHN0ZXBDbGlja2VkOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIHN0ZXBDbGlja2VkSGFuZGxlcihzdGVwOiBudW1iZXIpIHtcclxuICAgIHRoaXMuc3RlcENsaWNrZWQuZW1pdChzdGVwKTtcclxuICB9XHJcblxyXG4gIGlzTGFzdFN0ZXAoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5jdXJyZW50U3RlcCA9PT0gdGhpcy5zdGVwcztcclxuICB9XHJcblxyXG4gIGdldFN0ZXBzQXJyYXkoKSB7XHJcbiAgICByZXR1cm4gbmV3IEFycmF5KHRoaXMuc3RlcHMpO1xyXG4gIH1cclxuXHJcbiAgZ2V0UHJvZ3Jlc3NXaWR0aCgpOiBzdHJpbmcge1xyXG4gICAgaWYgKHRoaXMuc3RlcHMgPD0gMSkgcmV0dXJuICcwJSc7XHJcblxyXG4gICAgY29uc3Qgc2VnbWVudFdpZHRoID0gMTAwIC8gdGhpcy5zdGVwcztcclxuICAgIGNvbnN0IGFkanVzdG1lbnQgPSB0aGlzLmlzTGFzdFN0ZXAoKSA/IDEgOiAwLjk1O1xyXG4gICAgY29uc3QgcHJvZ3Jlc3MgPSAodGhpcy5jdXJyZW50U3RlcCAtIDEgKyBhZGp1c3RtZW50KSAqIHNlZ21lbnRXaWR0aDtcclxuXHJcbiAgICByZXR1cm4gYCR7cHJvZ3Jlc3N9JWA7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwcm9ncmVzcy1iYXJcIj5cclxuICA8ZGl2IGNsYXNzPVwic3RlcHMtY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic3RlcFwiIFxyXG4gICAgICAgICpuZ0Zvcj1cImxldCBzdGVwIG9mIFtdLmNvbnN0cnVjdG9yKHN0ZXBzICsgMSk7IGxldCBpID0gaW5kZXhcIlxyXG4gICAgICAgICNzdGVwRWxlbWVudFxyXG4gICAgICAgIFtjbGFzcy5oaWRkZW5dPVwiaSA9PT0gc3RlcHNcIlxyXG4gICAgICAgIChjbGljayk9XCJpIDwgc3RlcHMgJiYgc3RlcENsaWNrZWRIYW5kbGVyKGkpXCI+XHJcbiAgICAgICAge3sgaSA8IHN0ZXBzID8gKGkgKyAxKSA6ICcnIH19XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3NcIiBbc3R5bGUud2lkdGhdPVwiZ2V0UHJvZ3Jlc3NXaWR0aCgpXCI+PC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInByb2dyZXNzLWJhY2tncm91bmRcIiBbc3R5bGUud2lkdGhdPVwiJzEwMCUnXCI+PC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/components/switch/index.mjs

@@ -0,0 +1,2 @@
+export * from './switch.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9zd2l0Y2gvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3dpdGNoLmNvbXBvbmVudCciXX0=

package/esm2022/lib/components/switch/switch.component.mjs

@@ -0,0 +1,47 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL3N3aXRjaC9zd2l0Y2guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBbUJ2RSxNQUFNLE9BQU8sVUFBVTtJQWpCdkI7UUFrQlcsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixTQUFJLEdBQWlDLFFBQVEsQ0FBQztRQUM3QyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQUtsRDtJQUhDLFNBQVMsQ0FBQyxLQUFVO1FBQ2xCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDM0MsQ0FBQzsrR0FQVSxVQUFVO21HQUFWLFVBQVUsNEpBZFg7Ozs7Ozs7Ozs7O0dBV1Q7OzRGQUdVLFVBQVU7a0JBakJ0QixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksWUFDTjs7Ozs7Ozs7Ozs7R0FXVDs4QkFJUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZWx1eC1zd2l0Y2gnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGU6IGBcclxuICA8ZGl2XHJcbiAgICAgIFtjbGFzcy5zbWFsbF09XCJzaXplID09PSAnc21hbGwnXCJcclxuICAgICAgW2NsYXNzLm1lZGl1bV09XCJzaXplID09PSAnbWVkaXVtJ1wiXHJcbiAgICAgIFtjbGFzcy5sYXJnZV09XCJzaXplID09PSAnbGFyZ2UnXCJcclxuICA+XHJcbiAgPGxhYmVsIGNsYXNzPVwibGliLWVsdXgtc3dpdGNoXCI+XHJcbiAgICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbY2hlY2tlZF09XCJjaGVja2VkXCIgKGNoYW5nZSk9XCJfb25DaGFuZ2UoJGV2ZW50KVwiIC8+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwic2xpZGVyXCI+PC9zcGFuPlxyXG4gICAgPC9sYWJlbD5cclxuICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL3N3aXRjaC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4U3dpdGNoIHtcclxuICBASW5wdXQoKSBjaGVja2VkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdtZWRpdW0nO1xyXG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgX29uQ2hhbmdlKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMub25DaGFuZ2UuZW1pdChldmVudC50YXJnZXQuY2hlY2tlZCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/lib/components/toast/index.mjs

@@ -0,0 +1,2 @@
+export * from './toast.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy90b2FzdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi90b2FzdC5jb21wb25lbnQnO1xyXG4iXX0=

package/esm2022/lib/components/toast/toast.component.mjs

@@ -0,0 +1,28 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { EluxIcon } from '../icon/icon.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/toaster.service";
+import * as i2 from "@angular/common";
+export 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: i1.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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.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: i1.ToasterService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvdG9hc3QvdG9hc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvdG9hc3QvdG9hc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBVWxELE1BQU0sT0FBTyxTQUFTO0lBQ3BCLFlBQW1CLGNBQThCO1FBQTlCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtJQUFJLENBQUM7SUFFdEQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7SUFDdEIsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFVO1FBQ3BCLEtBQUssQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxjQUFjLENBQUMsd0JBQXdCLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFFRCxVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUE7SUFDM0MsQ0FBQzsrR0FkVSxTQUFTO21HQUFULFNBQVMsNEVDYnRCLG1uQkFTQSwyb0VERFksWUFBWSwwUEFBRSxRQUFROzs0RkFLckIsU0FBUztrQkFSckIsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUb2FzdGVyU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RvYXN0ZXIuc2VydmljZSc7XHJcbmltcG9ydCB7IEVsdXhJY29uIH0gZnJvbSAnLi4vaWNvbi9pY29uLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1lbHV4LXRvYXN0ZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRWx1eEljb25dLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90b2FzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3RvYXN0LmNvbXBvbmVudC5zY3NzJyxcclxuXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4VG9hc3Qge1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0b2FzdGVyU2VydmljZTogVG9hc3RlclNlcnZpY2UpIHsgfVxyXG5cclxuICBwYXVzZVRvYXN0KHRvYXN0OiBhbnkpIHtcclxuICAgIHRvYXN0LnBhdXNlZCA9IHRydWU7XHJcbiAgfVxyXG5cclxuICByZXN1bWVUb2FzdCh0b2FzdDogYW55KSB7XHJcbiAgICB0b2FzdC5wYXVzZWQgPSBmYWxzZTtcclxuICAgIHRoaXMudG9hc3RlclNlcnZpY2UucmVtb3ZlVG9hc3RBZnRlcjVTZWNvbmRzKHRvYXN0LmlkKTtcclxuICB9XHJcblxyXG4gIGNsb3NlVG9hc3QodG9hc3Q6IGFueSkge1xyXG4gICAgdGhpcy50b2FzdGVyU2VydmljZS5yZW1vdmVUb2FzdCh0b2FzdC5pZClcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImVsdXgtdG9hc3QtY29udGFpbmVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cImQtZmxleFwiICpuZ0Zvcj1cImxldCB0b2FzdCBvZiB0b2FzdGVyU2VydmljZS50b2FzdHNcIiBbbmdDbGFzc109XCJbJ2VsdXgtdG9hc3QtZWxlbWVudCcsIHRvYXN0LnR5cGVdXCIgKG1vdXNlZW50ZXIpPVwicGF1c2VUb2FzdCh0b2FzdClcIiAobW91c2VsZWF2ZSk9XCJyZXN1bWVUb2FzdCh0b2FzdClcIj5cclxuICAgIDxsaWItZWx1eC1pY29uIGNsYXNzPVwibWUtMlwiIFtjb2xvcl09XCJ0b2FzdC5pY29uQ29sb3JcIiBbaWNvbl09XCJ0b2FzdC5pY29uTmFtZVwiIHNpemU9XCIyMFwiIHNpemVUeXBlPVwicHhcIj48L2xpYi1lbHV4LWljb24+XHJcbiAgICA8ZGl2PlxyXG4gICAgICB7eyB0b2FzdC5tZXNzYWdlIH19XHJcbiAgICA8L2Rpdj5cclxuICAgIDxsaWItZWx1eC1pY29uIChjbGljayk9XCJjbG9zZVRvYXN0KHRvYXN0KVwiIGNsYXNzPVwibXMtYXV0byBjdXJzb3ItcG9pbnRlclwiIFtjb2xvcl09XCJ0b2FzdC5pY29uQ29sb3JcIiBpY29uPVwiQ2xvc2Uuc3ZnXCIgc2l6ZT1cIjI0XCIgc2l6ZVR5cGU9XCJweFwiPjwvbGliLWVsdXgtaWNvbj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/index.mjs

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './modules';
+export * from './services';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMnO1xyXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NlcnZpY2VzJztcclxuIl19

package/esm2022/lib/modules/electrolux-design-system.module.mjs

@@ -0,0 +1,35 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ElectroluxComponents } from '../components';
+import * as i0 from "@angular/core";
+import * as i1 from "../components/breadcrumb/breadcrumb.component";
+import * as i2 from "../components/button/button.component";
+import * as i3 from "../components/datepicker/datepicker.component";
+import * as i4 from "../components/dropdown/dropdown.component";
+import * as i5 from "../components/icon/icon.component";
+import * as i6 from "../components/paginator/paginator.component";
+import * as i7 from "../components/stepbar/stepbar.component";
+import * as i8 from "../components/toast/toast.component";
+import * as i9 from "../components/datatable/datatable.component";
+import * as i10 from "../components/accordion/accordion.component";
+import * as i11 from "../components/modal/modal.component";
+import * as i12 from "../components/input-search/input-search.component";
+import * as i13 from "../components/input-search-modal/input-search-modal.component";
+import * as i14 from "../components/loading/loading.component";
+import * as i15 from "../components/dropdown-multiple/dropdown-multiple.component";
+import * as i16 from "../components/carousel/carousel.component";
+import * as i17 from "../components/switch/switch.component";
+import * as i18 from "../components/chip/chip.component";
+export 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, i1.EluxBreadcrumb, i2.EluxButton, i3.EluxDatepicker, i4.EluxDropdown, i5.EluxIcon, i6.EluxPaginator, i7.EluxStepBar, i8.EluxToast, i9.EluxDataTable, i10.EluxAccordion, i11.EluxModal, i12.EluxInputSearchComponent, i13.EluxInputSearchModalComponent, i14.EluxLoading, i15.EluxDropdownMultiple, i16.EluxCarouselComponent, i17.EluxSwitch, i18.EluxChip], exports: [i1.EluxBreadcrumb, i2.EluxButton, i3.EluxDatepicker, i4.EluxDropdown, i5.EluxIcon, i6.EluxPaginator, i7.EluxStepBar, i8.EluxToast, i9.EluxDataTable, i10.EluxAccordion, i11.EluxModal, i12.EluxInputSearchComponent, i13.EluxInputSearchModalComponent, i14.EluxLoading, i15.EluxDropdownMultiple, i16.EluxCarouselComponent, i17.EluxSwitch, i18.EluxChip] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ElectroluxDesignSystemModule, imports: [CommonModule, i1.EluxBreadcrumb, i2.EluxButton, i3.EluxDatepicker, i4.EluxDropdown, i5.EluxIcon, i6.EluxPaginator, i7.EluxStepBar, i8.EluxToast, i9.EluxDataTable, i10.EluxAccordion, i11.EluxModal, i12.EluxInputSearchComponent, i13.EluxInputSearchModalComponent, i14.EluxLoading, i15.EluxDropdownMultiple, i16.EluxCarouselComponent, i18.EluxChip] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ElectroluxDesignSystemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ...ElectroluxComponents],
+                    exports: [...ElectroluxComponents],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlY3Ryb2x1eC1kZXNpZ24tc3lzdGVtLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9tb2R1bGVzL2VsZWN0cm9sdXgtZGVzaWduLXN5c3RlbS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQU1yRCxNQUFNLE9BQU8sNEJBQTRCOytHQUE1Qiw0QkFBNEI7Z0hBQTVCLDRCQUE0QixZQUg3QixZQUFZO2dIQUdYLDRCQUE0QixZQUg3QixZQUFZOzs0RkFHWCw0QkFBNEI7a0JBSnhDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLEdBQUcsb0JBQW9CLENBQUM7b0JBQ2hELE9BQU8sRUFBRSxDQUFDLEdBQUcsb0JBQW9CLENBQUM7aUJBQ25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRWxlY3Ryb2x1eENvbXBvbmVudHMgfSBmcm9tICcuLi9jb21wb25lbnRzJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgLi4uRWxlY3Ryb2x1eENvbXBvbmVudHNdLFxyXG4gIGV4cG9ydHM6IFsuLi5FbGVjdHJvbHV4Q29tcG9uZW50c10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbGVjdHJvbHV4RGVzaWduU3lzdGVtTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2022/lib/modules/index.mjs

@@ -0,0 +1,2 @@
+export * from './electrolux-design-system.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvbW9kdWxlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1DQUFtQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9lbGVjdHJvbHV4LWRlc2lnbi1zeXN0ZW0ubW9kdWxlJztcclxuIl19

package/esm2022/lib/services/index.mjs

@@ -0,0 +1,2 @@
+export * from './toaster.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvc2VydmljZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdG9hc3Rlci5zZXJ2aWNlJ1xyXG4iXX0=