@evotor-dev/ui-kit 7.3.0 → 8.0.0-beta.10

package/esm2022/lib/components/evo-navbar/evo-navbar-item/evo-navbar-item.component.mjs

@@ -0,0 +1,58 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../directives/evo-let/evo-let.directive";
+import * as i3 from "@angular/router";
+import * as i4 from "../../evo-dropdown/evo-dropdown.component";
+import * as i5 from "../../evo-dropdown/evo-dropdown-origin.directive";
+export class EvoNavbarItemComponent {
+    constructor() {
+        this.subMenuPositions = [
+            {
+                originX: 'start',
+                originY: 'bottom',
+                overlayX: 'start',
+                overlayY: 'top',
+            },
+        ];
+        this.openSubMenu = new EventEmitter();
+        this.closeSubMenu = new EventEmitter();
+    }
+    toggle(origin) {
+        if (origin.isDropdownOpen) {
+            this.closeSubMenu.emit(origin);
+        }
+        else {
+            this.openSubMenu.emit(origin);
+        }
+    }
+    open(origin) {
+        if (!origin.isDropdownOpen) {
+            this.openSubMenu.emit(origin);
+        }
+    }
+    close(origin) {
+        if (origin.isDropdownOpen) {
+            this.closeSubMenu.emit(origin);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: { item: "item", isNested: "isNested", isMobileView: "isMobileView", subMenuPositions: "subMenuPositions" }, outputs: { openSubMenu: "openSubMenu", closeSubMenu: "closeSubMenu" }, ngImport: i0, template: "<!-- TODO: delete $any alias after update to ng12-->\n<ng-container *evoLet=\"$any(item) as linkItem\">\n    <a\n        *ngIf=\"linkItem.href; else routerLink\"\n        #origin=\"evoDropdownOrigin\"\n        evoDropdownOrigin\n        class=\"evo-navbar__link evo-navbar__link_external\"\n        [attr.href]=\"linkItem.href\"\n        [attr.target]=\"linkItem.target\"\n        [class.evo-navbar__link_nested]=\"isNested\"\n        [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n        (mouseenter)=\"open(origin)\"\n        (mouseleave)=\"close(origin)\"\n    >\n        <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n        <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n    </a>\n\n    <ng-template #routerLink>\n        <ng-container *evoLet=\"isMobileView && !!linkItem.subItems?.length as isRootItemJustOpenSubMenu\">\n            <span\n                *ngIf=\"isRootItemJustOpenSubMenu; else defaultRootItem\"\n                #origin=\"evoDropdownOrigin\"\n                evoDropdownOrigin\n                class=\"evo-navbar__link\"\n                [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n                (click)=\"toggle(origin)\"\n                (mouseleave)=\"close(origin)\"\n            >\n                <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n                <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n            </span>\n\n            <ng-template #defaultRootItem>\n                <a\n                    #origin=\"evoDropdownOrigin\"\n                    evoDropdownOrigin\n                    class=\"evo-navbar__link\"\n                    [class.evo-navbar__link_nested]=\"isNested\"\n                    [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n                    [routerLink]=\"linkItem.routerLink\"\n                    [routerLinkActive]=\"isNested ? ['evo-navbar__link_active'] : []\"\n                    [routerLinkActiveOptions]=\"{exact: !!linkItem.isExactPath}\"\n                    [preserveFragment]=\"!!linkItem.preserveFragment\"\n                    [queryParamsHandling]=\"linkItem.queryParamsHandling\"\n                    [fragment]=\"linkItem.fragment\"\n                    [queryParams]=\"linkItem.queryParams\"\n                    [skipLocationChange]=\"linkItem.skipLocationChange\"\n                    [replaceUrl]=\"linkItem.replaceUrl\"\n                    [state]=\"linkItem.state\"\n                    (mouseenter)=\"open(origin)\"\n                    (mouseleave)=\"close(origin)\"\n                >\n                    <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n                    <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n                </a>\n            </ng-template>\n        </ng-container>\n    </ng-template>\n\n    <ng-template #subNav let-origin=\"origin\">\n        <evo-dropdown\n            *ngIf=\"linkItem.subItems?.length\"\n            [positions]=\"subMenuPositions\"\n            [dropdownOrigin]=\"origin\"\n            [(isOpen)]=\"origin.isDropdownOpen\"\n        >\n            <section\n                class=\"evo-navbar__sub\"\n                (mouseenter)=\"open(origin)\"\n                (mouseleave)=\"close(origin)\"\n            >\n                <div class=\"evo-navbar__sub-content\">\n                    <evo-navbar-item\n                        *ngFor=\"let subItem of linkItem.subItems\"\n                        [item]=\"subItem\"\n                        [isNested]=\"true\"\n                        [isMobileView]=\"isMobileView\"\n                        (click)=\"close(origin)\"\n                    ></evo-navbar-item>\n                </div>\n            </section>\n        </evo-dropdown>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:block;flex-shrink:0}.evo-navbar__link{display:block;flex-shrink:0;padding:9px 8px;color:#212121;font-size:14px;line-height:22px;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.evo-navbar__link:not(.evo-navbar__link_nested):hover .evo-navbar__link-title{background:#fff}}.evo-navbar__link_nested{padding:12px 16px}.evo-navbar__link_nested .evo-navbar__link-title{padding:0;font-weight:400;border-radius:0}.evo-navbar__link_nested:hover{background:#f4f6f8}.evo-navbar__link_nested.evo-navbar__link_active{color:#fff;background:#f05023}.evo-navbar__link_highlighted .evo-navbar__link-title{background:#fff}.evo-navbar__link-title{display:block;max-width:100%;padding:4px 8px;overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis;border-radius:4px}.evo-navbar__sub{--evo-navbar-dropdown-max-width: 85vw;--evo-navbar-dropdown-max-height: 310px;flex-shrink:0;max-width:85vw;max-width:var(--evo-navbar-dropdown-max-width)}.evo-navbar__sub-content{display:flex;flex-flow:column;max-height:310px;max-height:var(--evo-navbar-dropdown-max-height);margin-top:4px;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EvoLetDirective, selector: "[evoLet]", inputs: ["evoLet"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.EvoDropdownComponent, selector: "evo-dropdown", inputs: ["scrollStrategy", "dropdownOrigin", "isOpen", "positions"], outputs: ["isOpenChange"] }, { kind: "directive", type: i5.EvoDropdownOriginDirective, selector: "[evoDropdownOrigin]", exportAs: ["evoDropdownOrigin"] }, { kind: "component", type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: ["item", "isNested", "isMobileView", "subMenuPositions"], outputs: ["openSubMenu", "closeSubMenu"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNavbarItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'evo-navbar-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- TODO: delete $any alias after update to ng12-->\n<ng-container *evoLet=\"$any(item) as linkItem\">\n    <a\n        *ngIf=\"linkItem.href; else routerLink\"\n        #origin=\"evoDropdownOrigin\"\n        evoDropdownOrigin\n        class=\"evo-navbar__link evo-navbar__link_external\"\n        [attr.href]=\"linkItem.href\"\n        [attr.target]=\"linkItem.target\"\n        [class.evo-navbar__link_nested]=\"isNested\"\n        [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n        (mouseenter)=\"open(origin)\"\n        (mouseleave)=\"close(origin)\"\n    >\n        <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n        <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n    </a>\n\n    <ng-template #routerLink>\n        <ng-container *evoLet=\"isMobileView && !!linkItem.subItems?.length as isRootItemJustOpenSubMenu\">\n            <span\n                *ngIf=\"isRootItemJustOpenSubMenu; else defaultRootItem\"\n                #origin=\"evoDropdownOrigin\"\n                evoDropdownOrigin\n                class=\"evo-navbar__link\"\n                [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n                (click)=\"toggle(origin)\"\n                (mouseleave)=\"close(origin)\"\n            >\n                <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n                <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n            </span>\n\n            <ng-template #defaultRootItem>\n                <a\n                    #origin=\"evoDropdownOrigin\"\n                    evoDropdownOrigin\n                    class=\"evo-navbar__link\"\n                    [class.evo-navbar__link_nested]=\"isNested\"\n                    [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n                    [routerLink]=\"linkItem.routerLink\"\n                    [routerLinkActive]=\"isNested ? ['evo-navbar__link_active'] : []\"\n                    [routerLinkActiveOptions]=\"{exact: !!linkItem.isExactPath}\"\n                    [preserveFragment]=\"!!linkItem.preserveFragment\"\n                    [queryParamsHandling]=\"linkItem.queryParamsHandling\"\n                    [fragment]=\"linkItem.fragment\"\n                    [queryParams]=\"linkItem.queryParams\"\n                    [skipLocationChange]=\"linkItem.skipLocationChange\"\n                    [replaceUrl]=\"linkItem.replaceUrl\"\n                    [state]=\"linkItem.state\"\n                    (mouseenter)=\"open(origin)\"\n                    (mouseleave)=\"close(origin)\"\n                >\n                    <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n                    <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n                </a>\n            </ng-template>\n        </ng-container>\n    </ng-template>\n\n    <ng-template #subNav let-origin=\"origin\">\n        <evo-dropdown\n            *ngIf=\"linkItem.subItems?.length\"\n            [positions]=\"subMenuPositions\"\n            [dropdownOrigin]=\"origin\"\n            [(isOpen)]=\"origin.isDropdownOpen\"\n        >\n            <section\n                class=\"evo-navbar__sub\"\n                (mouseenter)=\"open(origin)\"\n                (mouseleave)=\"close(origin)\"\n            >\n                <div class=\"evo-navbar__sub-content\">\n                    <evo-navbar-item\n                        *ngFor=\"let subItem of linkItem.subItems\"\n                        [item]=\"subItem\"\n                        [isNested]=\"true\"\n                        [isMobileView]=\"isMobileView\"\n                        (click)=\"close(origin)\"\n                    ></evo-navbar-item>\n                </div>\n            </section>\n        </evo-dropdown>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:block;flex-shrink:0}.evo-navbar__link{display:block;flex-shrink:0;padding:9px 8px;color:#212121;font-size:14px;line-height:22px;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.evo-navbar__link:not(.evo-navbar__link_nested):hover .evo-navbar__link-title{background:#fff}}.evo-navbar__link_nested{padding:12px 16px}.evo-navbar__link_nested .evo-navbar__link-title{padding:0;font-weight:400;border-radius:0}.evo-navbar__link_nested:hover{background:#f4f6f8}.evo-navbar__link_nested.evo-navbar__link_active{color:#fff;background:#f05023}.evo-navbar__link_highlighted .evo-navbar__link-title{background:#fff}.evo-navbar__link-title{display:block;max-width:100%;padding:4px 8px;overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis;border-radius:4px}.evo-navbar__sub{--evo-navbar-dropdown-max-width: 85vw;--evo-navbar-dropdown-max-height: 310px;flex-shrink:0;max-width:85vw;max-width:var(--evo-navbar-dropdown-max-width)}.evo-navbar__sub-content{display:flex;flex-flow:column;max-height:310px;max-height:var(--evo-navbar-dropdown-max-height);margin-top:4px;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}\n"] }]
+        }], propDecorators: { item: [{
+                type: Input
+            }], isNested: [{
+                type: Input
+            }], isMobileView: [{
+                type: Input
+            }], subMenuPositions: [{
+                type: Input
+            }], openSubMenu: [{
+                type: Output
+            }], closeSubMenu: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLW5hdmJhci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1uYXZiYXIvZXZvLW5hdmJhci1pdGVtL2V2by1uYXZiYXItaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tbmF2YmFyL2V2by1uYXZiYXItaXRlbS9ldm8tbmF2YmFyLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVdoRyxNQUFNLE9BQU8sc0JBQXNCO0lBTm5DO1FBYWEscUJBQWdCLEdBQXdCO1lBQzdDO2dCQUNJLE9BQU8sRUFBRSxPQUFPO2dCQUNoQixPQUFPLEVBQUUsUUFBUTtnQkFDakIsUUFBUSxFQUFFLE9BQU87Z0JBQ2pCLFFBQVEsRUFBRSxLQUFLO2FBQ2xCO1NBQ0osQ0FBQztRQUVRLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQThCLENBQUM7UUFDN0QsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBOEIsQ0FBQztLQXVCM0U7SUFyQkcsTUFBTSxDQUFDLE1BQWtDO1FBQ3JDLElBQUksTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ25DLENBQUM7YUFBTSxDQUFDO1lBQ0osSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbEMsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFJLENBQUMsTUFBa0M7UUFDbkMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNsQyxDQUFDO0lBQ0wsQ0FBQztJQUVELEtBQUssQ0FBQyxNQUFrQztRQUNwQyxJQUFJLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNuQyxDQUFDO0lBQ0wsQ0FBQzsrR0FyQ1Esc0JBQXNCO21HQUF0QixzQkFBc0Isa1BDWG5DLHMxSEF3RkEsczlFRDdFYSxzQkFBc0I7OzRGQUF0QixzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0ksaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLElBQUk7c0JBQVosS0FBSztnQkFJRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQVNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29ubmVjdGVkUG9zaXRpb24gfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBFdm9Ecm9wZG93bk9yaWdpbkRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2V2by1kcm9wZG93bic7XG5pbXBvcnQgeyBOYXZJdGVtIH0gZnJvbSAnLi4vdHlwZXMvbmF2LWl0ZW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V2by1uYXZiYXItaXRlbScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V2by1uYXZiYXItaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZXZvLW5hdmJhci1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEV2b05hdmJhckl0ZW1Db21wb25lbnQge1xuICAgIEBJbnB1dCgpIGl0ZW0hOiBOYXZJdGVtO1xuICAgIC8qKlxuICAgICAqIElzIGEgc2Vjb25kYXJ5IGxpbmtcbiAgICAgKi9cbiAgICBASW5wdXQoKSBpc05lc3RlZD86IGJvb2xlYW47XG4gICAgQElucHV0KCkgaXNNb2JpbGVWaWV3PzogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBzdWJNZW51UG9zaXRpb25zOiBDb25uZWN0ZWRQb3NpdGlvbltdID0gW1xuICAgICAgICB7XG4gICAgICAgICAgICBvcmlnaW5YOiAnc3RhcnQnLFxuICAgICAgICAgICAgb3JpZ2luWTogJ2JvdHRvbScsXG4gICAgICAgICAgICBvdmVybGF5WDogJ3N0YXJ0JyxcbiAgICAgICAgICAgIG92ZXJsYXlZOiAndG9wJyxcbiAgICAgICAgfSxcbiAgICBdO1xuXG4gICAgQE91dHB1dCgpIG9wZW5TdWJNZW51ID0gbmV3IEV2ZW50RW1pdHRlcjxFdm9Ecm9wZG93bk9yaWdpbkRpcmVjdGl2ZT4oKTtcbiAgICBAT3V0cHV0KCkgY2xvc2VTdWJNZW51ID0gbmV3IEV2ZW50RW1pdHRlcjxFdm9Ecm9wZG93bk9yaWdpbkRpcmVjdGl2ZT4oKTtcblxuICAgIHRvZ2dsZShvcmlnaW46IEV2b0Ryb3Bkb3duT3JpZ2luRGlyZWN0aXZlKSB7XG4gICAgICAgIGlmIChvcmlnaW4uaXNEcm9wZG93bk9wZW4pIHtcbiAgICAgICAgICAgIHRoaXMuY2xvc2VTdWJNZW51LmVtaXQob3JpZ2luKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMub3BlblN1Yk1lbnUuZW1pdChvcmlnaW4pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb3BlbihvcmlnaW46IEV2b0Ryb3Bkb3duT3JpZ2luRGlyZWN0aXZlKSB7XG4gICAgICAgIGlmICghb3JpZ2luLmlzRHJvcGRvd25PcGVuKSB7XG4gICAgICAgICAgICB0aGlzLm9wZW5TdWJNZW51LmVtaXQob3JpZ2luKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGNsb3NlKG9yaWdpbjogRXZvRHJvcGRvd25PcmlnaW5EaXJlY3RpdmUpIHtcbiAgICAgICAgaWYgKG9yaWdpbi5pc0Ryb3Bkb3duT3Blbikge1xuICAgICAgICAgICAgdGhpcy5jbG9zZVN1Yk1lbnUuZW1pdChvcmlnaW4pO1xuICAgICAgICB9XG4gICAgfVxuXG5cbn1cbiIsIjwhLS0gVE9ETzogZGVsZXRlICRhbnkgYWxpYXMgYWZ0ZXIgdXBkYXRlIHRvIG5nMTItLT5cbjxuZy1jb250YWluZXIgKmV2b0xldD1cIiRhbnkoaXRlbSkgYXMgbGlua0l0ZW1cIj5cbiAgICA8YVxuICAgICAgICAqbmdJZj1cImxpbmtJdGVtLmhyZWY7IGVsc2Ugcm91dGVyTGlua1wiXG4gICAgICAgICNvcmlnaW49XCJldm9Ecm9wZG93bk9yaWdpblwiXG4gICAgICAgIGV2b0Ryb3Bkb3duT3JpZ2luXG4gICAgICAgIGNsYXNzPVwiZXZvLW5hdmJhcl9fbGluayBldm8tbmF2YmFyX19saW5rX2V4dGVybmFsXCJcbiAgICAgICAgW2F0dHIuaHJlZl09XCJsaW5rSXRlbS5ocmVmXCJcbiAgICAgICAgW2F0dHIudGFyZ2V0XT1cImxpbmtJdGVtLnRhcmdldFwiXG4gICAgICAgIFtjbGFzcy5ldm8tbmF2YmFyX19saW5rX25lc3RlZF09XCJpc05lc3RlZFwiXG4gICAgICAgIFtjbGFzcy5ldm8tbmF2YmFyX19saW5rX2hpZ2hsaWdodGVkXT1cIm9yaWdpbi5pc0Ryb3Bkb3duT3BlblwiXG4gICAgICAgIChtb3VzZWVudGVyKT1cIm9wZW4ob3JpZ2luKVwiXG4gICAgICAgIChtb3VzZWxlYXZlKT1cImNsb3NlKG9yaWdpbilcIlxuICAgID5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJldm8tbmF2YmFyX19saW5rLXRpdGxlXCI+e3sgbGlua0l0ZW0udGl0bGUgfX08L3NwYW4+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInN1Yk5hdjsgY29udGV4dDoge29yaWdpbjogb3JpZ2lufVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvYT5cblxuICAgIDxuZy10ZW1wbGF0ZSAjcm91dGVyTGluaz5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqZXZvTGV0PVwiaXNNb2JpbGVWaWV3ICYmICEhbGlua0l0ZW0uc3ViSXRlbXM/Lmxlbmd0aCBhcyBpc1Jvb3RJdGVtSnVzdE9wZW5TdWJNZW51XCI+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICpuZ0lmPVwiaXNSb290SXRlbUp1c3RPcGVuU3ViTWVudTsgZWxzZSBkZWZhdWx0Um9vdEl0ZW1cIlxuICAgICAgICAgICAgICAgICNvcmlnaW49XCJldm9Ecm9wZG93bk9yaWdpblwiXG4gICAgICAgICAgICAgICAgZXZvRHJvcGRvd25PcmlnaW5cbiAgICAgICAgICAgICAgICBjbGFzcz1cImV2by1uYXZiYXJfX2xpbmtcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy5ldm8tbmF2YmFyX19saW5rX2hpZ2hsaWdodGVkXT1cIm9yaWdpbi5pc0Ryb3Bkb3duT3BlblwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZShvcmlnaW4pXCJcbiAgICAgICAgICAgICAgICAobW91c2VsZWF2ZSk9XCJjbG9zZShvcmlnaW4pXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImV2by1uYXZiYXJfX2xpbmstdGl0bGVcIj57eyBsaW5rSXRlbS50aXRsZSB9fTwvc3Bhbj5cblxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzdWJOYXY7IGNvbnRleHQ6IHtvcmlnaW46IG9yaWdpbn1cIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvc3Bhbj5cblxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNkZWZhdWx0Um9vdEl0ZW0+XG4gICAgICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICAgICAgI29yaWdpbj1cImV2b0Ryb3Bkb3duT3JpZ2luXCJcbiAgICAgICAgICAgICAgICAgICAgZXZvRHJvcGRvd25PcmlnaW5cbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldm8tbmF2YmFyX19saW5rXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmV2by1uYXZiYXJfX2xpbmtfbmVzdGVkXT1cImlzTmVzdGVkXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmV2by1uYXZiYXJfX2xpbmtfaGlnaGxpZ2h0ZWRdPVwib3JpZ2luLmlzRHJvcGRvd25PcGVuXCJcbiAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwibGlua0l0ZW0ucm91dGVyTGlua1wiXG4gICAgICAgICAgICAgICAgICAgIFtyb3V0ZXJMaW5rQWN0aXZlXT1cImlzTmVzdGVkID8gWydldm8tbmF2YmFyX19saW5rX2FjdGl2ZSddIDogW11cIlxuICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua0FjdGl2ZU9wdGlvbnNdPVwie2V4YWN0OiAhIWxpbmtJdGVtLmlzRXhhY3RQYXRofVwiXG4gICAgICAgICAgICAgICAgICAgIFtwcmVzZXJ2ZUZyYWdtZW50XT1cIiEhbGlua0l0ZW0ucHJlc2VydmVGcmFnbWVudFwiXG4gICAgICAgICAgICAgICAgICAgIFtxdWVyeVBhcmFtc0hhbmRsaW5nXT1cImxpbmtJdGVtLnF1ZXJ5UGFyYW1zSGFuZGxpbmdcIlxuICAgICAgICAgICAgICAgICAgICBbZnJhZ21lbnRdPVwibGlua0l0ZW0uZnJhZ21lbnRcIlxuICAgICAgICAgICAgICAgICAgICBbcXVlcnlQYXJhbXNdPVwibGlua0l0ZW0ucXVlcnlQYXJhbXNcIlxuICAgICAgICAgICAgICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cImxpbmtJdGVtLnNraXBMb2NhdGlvbkNoYW5nZVwiXG4gICAgICAgICAgICAgICAgICAgIFtyZXBsYWNlVXJsXT1cImxpbmtJdGVtLnJlcGxhY2VVcmxcIlxuICAgICAgICAgICAgICAgICAgICBbc3RhdGVdPVwibGlua0l0ZW0uc3RhdGVcIlxuICAgICAgICAgICAgICAgICAgICAobW91c2VlbnRlcik9XCJvcGVuKG9yaWdpbilcIlxuICAgICAgICAgICAgICAgICAgICAobW91c2VsZWF2ZSk9XCJjbG9zZShvcmlnaW4pXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZXZvLW5hdmJhcl9fbGluay10aXRsZVwiPnt7IGxpbmtJdGVtLnRpdGxlIH19PC9zcGFuPlxuXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzdWJOYXY7IGNvbnRleHQ6IHtvcmlnaW46IG9yaWdpbn1cIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPG5nLXRlbXBsYXRlICNzdWJOYXYgbGV0LW9yaWdpbj1cIm9yaWdpblwiPlxuICAgICAgICA8ZXZvLWRyb3Bkb3duXG4gICAgICAgICAgICAqbmdJZj1cImxpbmtJdGVtLnN1Ykl0ZW1zPy5sZW5ndGhcIlxuICAgICAgICAgICAgW3Bvc2l0aW9uc109XCJzdWJNZW51UG9zaXRpb25zXCJcbiAgICAgICAgICAgIFtkcm9wZG93bk9yaWdpbl09XCJvcmlnaW5cIlxuICAgICAgICAgICAgWyhpc09wZW4pXT1cIm9yaWdpbi5pc0Ryb3Bkb3duT3BlblwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJldm8tbmF2YmFyX19zdWJcIlxuICAgICAgICAgICAgICAgIChtb3VzZWVudGVyKT1cIm9wZW4ob3JpZ2luKVwiXG4gICAgICAgICAgICAgICAgKG1vdXNlbGVhdmUpPVwiY2xvc2Uob3JpZ2luKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV2by1uYXZiYXJfX3N1Yi1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgICAgIDxldm8tbmF2YmFyLWl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBzdWJJdGVtIG9mIGxpbmtJdGVtLnN1Ykl0ZW1zXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpdGVtXT1cInN1Ykl0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2lzTmVzdGVkXT1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2lzTW9iaWxlVmlld109XCJpc01vYmlsZVZpZXdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlKG9yaWdpbilcIlxuICAgICAgICAgICAgICAgICAgICA+PC9ldm8tbmF2YmFyLWl0ZW0+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L3NlY3Rpb24+XG4gICAgICAgIDwvZXZvLWRyb3Bkb3duPlxuICAgIDwvbmctdGVtcGxhdGU+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/lib/components/evo-navbar/evo-navbar.component.mjs

@@ -0,0 +1,46 @@
+import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
+import { MOBILE_VIEW } from '../../common/constants/view-breakpoint-streams';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./evo-navbar-item/evo-navbar-item.component";
+import * as i3 from "rxjs";
+export class EvoNavbarComponent {
+    constructor(isMobileView$) {
+        this.isMobileView$ = isMobileView$;
+    }
+    closeLastOpenedSubMenu() {
+        if (this.lastOpenedSubMenu) {
+            this.closeSubMenu(this.lastOpenedSubMenu);
+        }
+    }
+    toggleSubMenu(origin) {
+        if (origin.isDropdownOpen) {
+            this.closeSubMenu(origin);
+        }
+        else {
+            this.openSubMenu(origin);
+        }
+    }
+    openSubMenu(origin) {
+        origin.open();
+        this.lastOpenedSubMenu = origin;
+    }
+    closeSubMenu(origin) {
+        origin.close();
+        this.lastOpenedSubMenu = undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNavbarComponent, deps: [{ token: MOBILE_VIEW }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoNavbarComponent, selector: "evo-navbar", inputs: { subMenuPositions: "subMenuPositions", items: "items" }, ngImport: i0, template: "<nav class=\"evo-navbar\" (scroll)=\"closeLastOpenedSubMenu()\">\n    <evo-navbar-item\n        *ngFor=\"let item of items\"\n        [item]=\"item\"\n        [isMobileView]=\"isMobileView$ | async\"\n        [subMenuPositions]=\"subMenuPositions\"\n        (openSubMenu)=\"openSubMenu($event)\"\n        (closeSubMenu)=\"closeSubMenu($event)\"\n    ></evo-navbar-item>\n</nav>\n", styles: [":host{display:block}.evo-navbar{display:flex;flex-wrap:nowrap;padding:0 8px;overflow:auto;background:#f4f6f8;border-radius:8px;-ms-overflow-style:none;scrollbar-width:none}.evo-navbar::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: ["item", "isNested", "isMobileView", "subMenuPositions"], outputs: ["openSubMenu", "closeSubMenu"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNavbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'evo-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"evo-navbar\" (scroll)=\"closeLastOpenedSubMenu()\">\n    <evo-navbar-item\n        *ngFor=\"let item of items\"\n        [item]=\"item\"\n        [isMobileView]=\"isMobileView$ | async\"\n        [subMenuPositions]=\"subMenuPositions\"\n        (openSubMenu)=\"openSubMenu($event)\"\n        (closeSubMenu)=\"closeSubMenu($event)\"\n    ></evo-navbar-item>\n</nav>\n", styles: [":host{display:block}.evo-navbar{display:flex;flex-wrap:nowrap;padding:0 8px;overflow:auto;background:#f4f6f8;border-radius:8px;-ms-overflow-style:none;scrollbar-width:none}.evo-navbar::-webkit-scrollbar{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: i3.Observable, decorators: [{
+                    type: Inject,
+                    args: [MOBILE_VIEW]
+                }] }], propDecorators: { subMenuPositions: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLW5hdmJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tbmF2YmFyL2V2by1uYXZiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLW5hdmJhci9ldm8tbmF2YmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdsRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0RBQWdELENBQUM7Ozs7O0FBVTdFLE1BQU0sT0FBTyxrQkFBa0I7SUFNM0IsWUFFb0IsYUFBa0M7UUFBbEMsa0JBQWEsR0FBYixhQUFhLENBQXFCO0lBQ25ELENBQUM7SUFFSixzQkFBc0I7UUFDbEIsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQzlDLENBQUM7SUFDTCxDQUFDO0lBRUQsYUFBYSxDQUFDLE1BQWtDO1FBQzVDLElBQUksTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDOUIsQ0FBQzthQUFNLENBQUM7WUFDSixJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzdCLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVyxDQUFDLE1BQWtDO1FBQzFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNkLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxNQUFNLENBQUM7SUFDcEMsQ0FBQztJQUVELFlBQVksQ0FBQyxNQUFrQztRQUMzQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDZixJQUFJLENBQUMsaUJBQWlCLEdBQUcsU0FBUyxDQUFDO0lBQ3ZDLENBQUM7K0dBakNRLGtCQUFrQixrQkFPZixXQUFXO21HQVBkLGtCQUFrQixvSENiL0IsNlhBVUE7OzRGREdhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDSSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU07OzBCQVMxQyxNQUFNOzJCQUFDLFdBQVc7eUNBTmQsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbm5lY3RlZFBvc2l0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgTU9CSUxFX1ZJRVcgfSBmcm9tICcuLi8uLi9jb21tb24vY29uc3RhbnRzL3ZpZXctYnJlYWtwb2ludC1zdHJlYW1zJztcbmltcG9ydCB7IEV2b0Ryb3Bkb3duT3JpZ2luRGlyZWN0aXZlIH0gZnJvbSAnLi4vZXZvLWRyb3Bkb3duJztcbmltcG9ydCB7IE5hdkl0ZW0gfSBmcm9tICcuL3R5cGVzL25hdi1pdGVtJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldm8tbmF2YmFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXZvLW5hdmJhci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZXZvLW5hdmJhci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFdm9OYXZiYXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHN1Yk1lbnVQb3NpdGlvbnM/OiBDb25uZWN0ZWRQb3NpdGlvbltdO1xuICAgIEBJbnB1dCgpIGl0ZW1zITogTmF2SXRlbVtdO1xuXG4gICAgbGFzdE9wZW5lZFN1Yk1lbnU/OiBFdm9Ecm9wZG93bk9yaWdpbkRpcmVjdGl2ZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KE1PQklMRV9WSUVXKVxuICAgICAgICBwdWJsaWMgcmVhZG9ubHkgaXNNb2JpbGVWaWV3JDogT2JzZXJ2YWJsZTxib29sZWFuPixcbiAgICApIHt9XG5cbiAgICBjbG9zZUxhc3RPcGVuZWRTdWJNZW51KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5sYXN0T3BlbmVkU3ViTWVudSkge1xuICAgICAgICAgICAgdGhpcy5jbG9zZVN1Yk1lbnUodGhpcy5sYXN0T3BlbmVkU3ViTWVudSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICB0b2dnbGVTdWJNZW51KG9yaWdpbjogRXZvRHJvcGRvd25PcmlnaW5EaXJlY3RpdmUpOiB2b2lkIHtcbiAgICAgICAgaWYgKG9yaWdpbi5pc0Ryb3Bkb3duT3Blbikge1xuICAgICAgICAgICAgdGhpcy5jbG9zZVN1Yk1lbnUob3JpZ2luKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMub3BlblN1Yk1lbnUob3JpZ2luKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9wZW5TdWJNZW51KG9yaWdpbjogRXZvRHJvcGRvd25PcmlnaW5EaXJlY3RpdmUpOiB2b2lkIHtcbiAgICAgICAgb3JpZ2luLm9wZW4oKTtcbiAgICAgICAgdGhpcy5sYXN0T3BlbmVkU3ViTWVudSA9IG9yaWdpbjtcbiAgICB9XG5cbiAgICBjbG9zZVN1Yk1lbnUob3JpZ2luOiBFdm9Ecm9wZG93bk9yaWdpbkRpcmVjdGl2ZSk6IHZvaWQge1xuICAgICAgICBvcmlnaW4uY2xvc2UoKTtcbiAgICAgICAgdGhpcy5sYXN0T3BlbmVkU3ViTWVudSA9IHVuZGVmaW5lZDtcbiAgICB9XG59XG4iLCI8bmF2IGNsYXNzPVwiZXZvLW5hdmJhclwiIChzY3JvbGwpPVwiY2xvc2VMYXN0T3BlbmVkU3ViTWVudSgpXCI+XG4gICAgPGV2by1uYXZiYXItaXRlbVxuICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiXG4gICAgICAgIFtpdGVtXT1cIml0ZW1cIlxuICAgICAgICBbaXNNb2JpbGVWaWV3XT1cImlzTW9iaWxlVmlldyQgfCBhc3luY1wiXG4gICAgICAgIFtzdWJNZW51UG9zaXRpb25zXT1cInN1Yk1lbnVQb3NpdGlvbnNcIlxuICAgICAgICAob3BlblN1Yk1lbnUpPVwib3BlblN1Yk1lbnUoJGV2ZW50KVwiXG4gICAgICAgIChjbG9zZVN1Yk1lbnUpPVwiY2xvc2VTdWJNZW51KCRldmVudClcIlxuICAgID48L2V2by1uYXZiYXItaXRlbT5cbjwvbmF2PlxuIl19

package/esm2022/lib/components/evo-navbar/evo-navbar.module.mjs

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EvoNavbarComponent } from './evo-navbar.component';
+import { RouterModule } from '@angular/router';
+import { EvoNavbarItemComponent } from './evo-navbar-item/evo-navbar-item.component';
+import { MobileViewProvider } from '../../common/constants/view-breakpoint-streams';
+import { EvoUiKitModule } from '../../evo-ui-kit.module';
+import { EvoDropdownModule } from '../evo-dropdown';
+import * as i0 from "@angular/core";
+export class EvoNavbarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: EvoNavbarModule, declarations: [EvoNavbarComponent, EvoNavbarItemComponent], imports: [CommonModule, EvoUiKitModule, RouterModule, EvoDropdownModule], exports: [EvoNavbarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNavbarModule, providers: [MobileViewProvider], imports: [CommonModule, EvoUiKitModule, RouterModule, EvoDropdownModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [EvoNavbarComponent, EvoNavbarItemComponent],
+                    imports: [CommonModule, EvoUiKitModule, RouterModule, EvoDropdownModule],
+                    exports: [EvoNavbarComponent],
+                    providers: [MobileViewProvider],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLW5hdmJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tbmF2YmFyL2V2by1uYXZiYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNyRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNwRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBUXBELE1BQU0sT0FBTyxlQUFlOytHQUFmLGVBQWU7Z0hBQWYsZUFBZSxpQkFMVCxrQkFBa0IsRUFBRSxzQkFBc0IsYUFDL0MsWUFBWSxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsaUJBQWlCLGFBQzdELGtCQUFrQjtnSEFHbkIsZUFBZSxhQUZiLENBQUMsa0JBQWtCLENBQUMsWUFGckIsWUFBWSxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsaUJBQWlCOzs0RkFJOUQsZUFBZTtrQkFOM0IsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsQ0FBQztvQkFDMUQsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsaUJBQWlCLENBQUM7b0JBQ3hFLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUM3QixTQUFTLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEV2b05hdmJhckNvbXBvbmVudCB9IGZyb20gJy4vZXZvLW5hdmJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEV2b05hdmJhckl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2V2by1uYXZiYXItaXRlbS9ldm8tbmF2YmFyLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IE1vYmlsZVZpZXdQcm92aWRlciB9IGZyb20gJy4uLy4uL2NvbW1vbi9jb25zdGFudHMvdmlldy1icmVha3BvaW50LXN0cmVhbXMnO1xuaW1wb3J0IHsgRXZvVWlLaXRNb2R1bGUgfSBmcm9tICcuLi8uLi9ldm8tdWkta2l0Lm1vZHVsZSc7XG5pbXBvcnQgeyBFdm9Ecm9wZG93bk1vZHVsZSB9IGZyb20gJy4uL2V2by1kcm9wZG93bic7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbRXZvTmF2YmFyQ29tcG9uZW50LCBFdm9OYXZiYXJJdGVtQ29tcG9uZW50XSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBFdm9VaUtpdE1vZHVsZSwgUm91dGVyTW9kdWxlLCBFdm9Ecm9wZG93bk1vZHVsZV0sXG4gICAgZXhwb3J0czogW0V2b05hdmJhckNvbXBvbmVudF0sXG4gICAgcHJvdmlkZXJzOiBbTW9iaWxlVmlld1Byb3ZpZGVyXSxcbn0pXG5leHBvcnQgY2xhc3MgRXZvTmF2YmFyTW9kdWxlIHt9XG4iXX0=

package/{esm2020 → esm2022}/lib/components/evo-navigation-button/evo-navigation-button.component.mjs

@@ -2,11 +2,11 @@ import { ChangeDetectionStrategy, Component } from "@angular/core";
 import * as i0 from "@angular/core";
 import * as i1 from "../evo-icon/evo-icon.component";
 export class EvoNavigationButtonComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoNavigationButtonComponent, selector: "evo-navigation-button", ngImport: i0, template: "<button class=\"evo-navigation-button\">\n    <div class=\"evo-navigation-button__icon-wrapper\">\n        <evo-icon class=\"evo-navigation-button__icon\" shape=\"chevron-left\"></evo-icon>\n    </div>\n    <span class=\"evo-navigation-button__label\"><ng-content></ng-content></span>\n</button>\n", styles: [":host{display:inline-block;margin:0;padding:0;background:none;border:none;cursor:pointer}.evo-navigation-button{display:flex;flex-flow:row nowrap;align-items:center;gap:4px;margin:0;padding:0;background:none;border:none;outline:none;-webkit-user-select:none;user-select:none}.evo-navigation-button:hover{cursor:pointer}.evo-navigation-button:hover .evo-navigation-button__icon{fill:#3a9ee8}.evo-navigation-button:hover .evo-navigation-button__label{color:#3a9ee8}.evo-navigation-button:active .evo-navigation-button__icon{fill:#0879cb}.evo-navigation-button:active .evo-navigation-button__label{color:#0879cb}.evo-navigation-button__icon-wrapper{width:24px;height:24px}.evo-navigation-button__icon{fill:#0986e2}.evo-navigation-button__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600;color:#0986e2}\n"], dependencies: [{ kind: "component", type: i1.EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-EvoNavigationButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoNavigationButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoNavigationButtonComponent, selector: "evo-navigation-button", ngImport: i0, template: "<button class=\"evo-navigation-button\">\n    <div class=\"evo-navigation-button__icon-wrapper\">\n        <evo-icon class=\"evo-navigation-button__icon\" shape=\"chevron-left\"></evo-icon>\n    </div>\n    <span class=\"evo-navigation-button__label\"><ng-content></ng-content></span>\n</button>\n", styles: [":host{display:inline-block;margin:0;padding:0;background:none;border:none;cursor:pointer}.evo-navigation-button{display:flex;flex-flow:row nowrap;align-items:center;gap:4px;margin:0;padding:0;background:none;border:none;outline:none}.evo-navigation-button:hover .evo-navigation-button__icon{fill:#3a9ee8}.evo-navigation-button:hover .evo-navigation-button__label{color:#3a9ee8}.evo-navigation-button:active .evo-navigation-button__icon{fill:#0879cb}.evo-navigation-button:active .evo-navigation-button__label{color:#0879cb}.evo-navigation-button__icon-wrapper{width:24px;height:24px}.evo-navigation-button__icon{fill:#0986e2}.evo-navigation-button__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600;color:#0986e2}\n"], components: [{ type: i1.EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNavigationButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNavigationButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'evo-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"evo-navigation-button\">\n    <div class=\"evo-navigation-button__icon-wrapper\">\n        <evo-icon class=\"evo-navigation-button__icon\" shape=\"chevron-left\"></evo-icon>\n    </div>\n    <span class=\"evo-navigation-button__label\"><ng-content></ng-content></span>\n</button>\n", styles: [":host{display:inline-block;margin:0;padding:0;background:none;border:none;cursor:pointer}.evo-navigation-button{display:flex;flex-flow:row nowrap;align-items:center;gap:4px;margin:0;padding:0;background:none;border:none;outline:none}.evo-navigation-button:hover .evo-navigation-button__icon{fill:#3a9ee8}.evo-navigation-button:hover .evo-navigation-button__label{color:#3a9ee8}.evo-navigation-button:active .evo-navigation-button__icon{fill:#0879cb}.evo-navigation-button:active .evo-navigation-button__label{color:#0879cb}.evo-navigation-button__icon-wrapper{width:24px;height:24px}.evo-navigation-button__icon{fill:#0986e2}.evo-navigation-button__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600;color:#0986e2}\n"] }]
+            args: [{ selector: 'evo-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"evo-navigation-button\">\n    <div class=\"evo-navigation-button__icon-wrapper\">\n        <evo-icon class=\"evo-navigation-button__icon\" shape=\"chevron-left\"></evo-icon>\n    </div>\n    <span class=\"evo-navigation-button__label\"><ng-content></ng-content></span>\n</button>\n", styles: [":host{display:inline-block;margin:0;padding:0;background:none;border:none;cursor:pointer}.evo-navigation-button{display:flex;flex-flow:row nowrap;align-items:center;gap:4px;margin:0;padding:0;background:none;border:none;outline:none;-webkit-user-select:none;user-select:none}.evo-navigation-button:hover{cursor:pointer}.evo-navigation-button:hover .evo-navigation-button__icon{fill:#3a9ee8}.evo-navigation-button:hover .evo-navigation-button__label{color:#3a9ee8}.evo-navigation-button:active .evo-navigation-button__icon{fill:#0879cb}.evo-navigation-button:active .evo-navigation-button__label{color:#0879cb}.evo-navigation-button__icon-wrapper{width:24px;height:24px}.evo-navigation-button__icon{fill:#0986e2}.evo-navigation-button__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600;color:#0986e2}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLW5hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1uYXZpZ2F0aW9uLWJ1dHRvbi9ldm8tbmF2aWdhdGlvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLW5hdmlnYXRpb24tYnV0dG9uL2V2by1uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFRakUsTUFBTSxPQUFPLDRCQUE0Qjs7eUhBQTVCLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLDZEQ1J6QywyU0FNQTsyRkRFYSw0QkFBNEI7a0JBTnhDLFNBQVM7K0JBQ0ksdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V2by1uYXZpZ2F0aW9uLWJ1dHRvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V2by1uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZXZvLW5hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEV2b05hdmlnYXRpb25CdXR0b25Db21wb25lbnQge1xufVxuIiwiPGJ1dHRvbiBjbGFzcz1cImV2by1uYXZpZ2F0aW9uLWJ1dHRvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJldm8tbmF2aWdhdGlvbi1idXR0b25fX2ljb24td3JhcHBlclwiPlxuICAgICAgICA8ZXZvLWljb24gY2xhc3M9XCJldm8tbmF2aWdhdGlvbi1idXR0b25fX2ljb25cIiBzaGFwZT1cImNoZXZyb24tbGVmdFwiPjwvZXZvLWljb24+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJldm8tbmF2aWdhdGlvbi1idXR0b25fX2xhYmVsXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cbjwvYnV0dG9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLW5hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1uYXZpZ2F0aW9uLWJ1dHRvbi9ldm8tbmF2aWdhdGlvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLW5hdmlnYXRpb24tYnV0dG9uL2V2by1uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFRakUsTUFBTSxPQUFPLDRCQUE0QjsrR0FBNUIsNEJBQTRCO21HQUE1Qiw0QkFBNEIsNkRDUnpDLDJTQU1BOzs0RkRFYSw0QkFBNEI7a0JBTnhDLFNBQVM7K0JBQ0ksdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V2by1uYXZpZ2F0aW9uLWJ1dHRvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V2by1uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZXZvLW5hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEV2b05hdmlnYXRpb25CdXR0b25Db21wb25lbnQge1xufVxuIiwiPGJ1dHRvbiBjbGFzcz1cImV2by1uYXZpZ2F0aW9uLWJ1dHRvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJldm8tbmF2aWdhdGlvbi1idXR0b25fX2ljb24td3JhcHBlclwiPlxuICAgICAgICA8ZXZvLWljb24gY2xhc3M9XCJldm8tbmF2aWdhdGlvbi1idXR0b25fX2ljb25cIiBzaGFwZT1cImNoZXZyb24tbGVmdFwiPjwvZXZvLWljb24+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJldm8tbmF2aWdhdGlvbi1idXR0b25fX2xhYmVsXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cbjwvYnV0dG9uPlxuIl19

package/esm2022/lib/components/evo-navigation-button/evo-navigation-button.module.mjs

@@ -0,0 +1,43 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { EvoNavigationButtonComponent } from "./evo-navigation-button.component";
+import { EvoIconModule } from "../evo-icon";
+import { iconChevronLeft } from '@evotor-dev/ui-kit/icons/navigation';
+import * as i0 from "@angular/core";
+import * as i1 from "../evo-icon/evo-icon.module";
+export class EvoNavigationButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNavigationButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: EvoNavigationButtonModule, declarations: [EvoNavigationButtonComponent], imports: [CommonModule, i1.EvoIconModule], exports: [EvoNavigationButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNavigationButtonModule, imports: [CommonModule,
+            EvoIconModule.forRoot([
+                {
+                    name: 'navigation',
+                    shapes: {
+                        'chevron-left': iconChevronLeft,
+                    },
+                },
+            ])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNavigationButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        EvoIconModule.forRoot([
+                            {
+                                name: 'navigation',
+                                shapes: {
+                                    'chevron-left': iconChevronLeft,
+                                },
+                            },
+                        ]),
+                    ],
+                    declarations: [
+                        EvoNavigationButtonComponent,
+                    ],
+                    exports: [
+                        EvoNavigationButtonComponent,
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLW5hdmlnYXRpb24tYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1uYXZpZ2F0aW9uLWJ1dHRvbi9ldm8tbmF2aWdhdGlvbi1idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyw0QkFBNEIsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQy9FLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxhQUFhLENBQUM7QUFDMUMsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFDQUFxQyxDQUFDOzs7QUFxQnBFLE1BQU0sT0FBTyx5QkFBeUI7K0dBQXpCLHlCQUF5QjtnSEFBekIseUJBQXlCLGlCQU45Qiw0QkFBNEIsYUFYNUIsWUFBWSwrQkFjWiw0QkFBNEI7Z0hBR3ZCLHlCQUF5QixZQWpCOUIsWUFBWTtZQUNaLGFBQWEsQ0FBQyxPQUFPLENBQUM7Z0JBQ2xCO29CQUNJLElBQUksRUFBRSxZQUFZO29CQUNsQixNQUFNLEVBQUU7d0JBQ0osY0FBYyxFQUFFLGVBQWU7cUJBQ2xDO2lCQUNKO2FBQ0osQ0FBQzs7NEZBU0cseUJBQXlCO2tCQW5CckMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixhQUFhLENBQUMsT0FBTyxDQUFDOzRCQUNsQjtnQ0FDSSxJQUFJLEVBQUUsWUFBWTtnQ0FDbEIsTUFBTSxFQUFFO29DQUNKLGNBQWMsRUFBRSxlQUFlO2lDQUNsQzs2QkFDSjt5QkFDSixDQUFDO3FCQUNMO29CQUNELFlBQVksRUFBRTt3QkFDViw0QkFBNEI7cUJBQy9CO29CQUNELE9BQU8sRUFBRTt3QkFDTCw0QkFBNEI7cUJBQy9CO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQge0V2b05hdmlnYXRpb25CdXR0b25Db21wb25lbnR9IGZyb20gXCIuL2V2by1uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnRcIjtcbmltcG9ydCB7RXZvSWNvbk1vZHVsZX0gZnJvbSBcIi4uL2V2by1pY29uXCI7XG5pbXBvcnQge2ljb25DaGV2cm9uTGVmdH0gZnJvbSAnQGV2b3Rvci1kZXYvdWkta2l0L2ljb25zL25hdmlnYXRpb24nO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBFdm9JY29uTW9kdWxlLmZvclJvb3QoW1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIG5hbWU6ICduYXZpZ2F0aW9uJyxcbiAgICAgICAgICAgICAgICBzaGFwZXM6IHtcbiAgICAgICAgICAgICAgICAgICAgJ2NoZXZyb24tbGVmdCc6IGljb25DaGV2cm9uTGVmdCxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfSxcbiAgICAgICAgXSksXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgRXZvTmF2aWdhdGlvbkJ1dHRvbkNvbXBvbmVudCxcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgRXZvTmF2aWdhdGlvbkJ1dHRvbkNvbXBvbmVudCxcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEV2b05hdmlnYXRpb25CdXR0b25Nb2R1bGUge1xufVxuIl19

package/esm2022/lib/components/evo-note/evo-note.component.mjs

@@ -0,0 +1,40 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../directives/evo-ui-class.directive";
+import * as i3 from "../evo-icon/evo-icon.component";
+export class EvoNoteComponent {
+    constructor() {
+        this.closable = false;
+        this.type = 'success';
+        this.close = new EventEmitter();
+    }
+    get totalClasses() {
+        const classes = [];
+        if (this.type) {
+            classes.push('type-' + this.type);
+        }
+        if (this.closable) {
+            classes.push('is-closable');
+        }
+        return classes;
+    }
+    onCloseClick(event) {
+        this.close.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoNoteComponent, selector: "evo-note", inputs: { closable: "closable", iconSrc: "iconSrc", type: "type" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    <a *ngIf=\"closable\" class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n        <evo-icon class=\"evo-note__close-icon\" shape=\"close\"></evo-icon>\n    </a>\n    <div class=\"evo-note__icon\" *ngIf=\"iconSrc\">\n        <img [src]=\"iconSrc\" alt=\"\"/>\n    </div>\n    <div class=\"evo-note__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { kind: "component", type: i3.EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNoteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'evo-note', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    <a *ngIf=\"closable\" class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n        <evo-icon class=\"evo-note__close-icon\" shape=\"close\"></evo-icon>\n    </a>\n    <div class=\"evo-note__icon\" *ngIf=\"iconSrc\">\n        <img [src]=\"iconSrc\" alt=\"\"/>\n    </div>\n    <div class=\"evo-note__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"] }]
+        }], propDecorators: { closable: [{
+                type: Input
+            }], iconSrc: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLW5vdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLW5vdGUvZXZvLW5vdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLW5vdGUvZXZvLW5vdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTaEcsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQU9hLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsU0FBSSxHQUFnQixTQUFTLENBQUM7UUFFN0IsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7S0FtQnBEO0lBakJHLElBQUksWUFBWTtRQUNaLE1BQU0sT0FBTyxHQUFhLEVBQUUsQ0FBQztRQUU3QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNaLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0QyxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDaEIsT0FBTyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNoQyxDQUFDO1FBRUQsT0FBTyxPQUFPLENBQUM7SUFDbkIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFpQjtRQUMxQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDOytHQXZCUSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixpSkNUN0IsNmNBV0E7OzRGREZhLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDSSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV2b05vdGVUeXBlIH0gZnJvbSAnLi90eXBlcy9ldm8tbm90ZS10eXBlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldm8tbm90ZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V2by1ub3RlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsgJy4vZXZvLW5vdGUuY29tcG9uZW50LnNjc3MnIF0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEV2b05vdGVDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGNsb3NhYmxlID0gZmFsc2U7XG4gICAgQElucHV0KCkgaWNvblNyYzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHR5cGU6IEV2b05vdGVUeXBlID0gJ3N1Y2Nlc3MnO1xuXG4gICAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xuXG4gICAgZ2V0IHRvdGFsQ2xhc3NlcygpOiBzdHJpbmdbXSB7XG4gICAgICAgIGNvbnN0IGNsYXNzZXM6IHN0cmluZ1tdID0gW107XG5cbiAgICAgICAgaWYgKHRoaXMudHlwZSkge1xuICAgICAgICAgICAgY2xhc3Nlcy5wdXNoKCd0eXBlLScgKyB0aGlzLnR5cGUpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuY2xvc2FibGUpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCgnaXMtY2xvc2FibGUnKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBjbGFzc2VzO1xuICAgIH1cblxuICAgIG9uQ2xvc2VDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNsb3NlLmVtaXQoZXZlbnQpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJldm8tbm90ZVwiIFtldm9VaUNsYXNzXT1cInRvdGFsQ2xhc3Nlc1wiPlxuICAgIDxhICpuZ0lmPVwiY2xvc2FibGVcIiBjbGFzcz1cImV2by1ub3RlX19jbG9zZVwiIChjbGljayk9XCIkZXZlbnQucHJldmVudERlZmF1bHQoKTsgb25DbG9zZUNsaWNrKCRldmVudClcIj5cbiAgICAgICAgPGV2by1pY29uIGNsYXNzPVwiZXZvLW5vdGVfX2Nsb3NlLWljb25cIiBzaGFwZT1cImNsb3NlXCI+PC9ldm8taWNvbj5cbiAgICA8L2E+XG4gICAgPGRpdiBjbGFzcz1cImV2by1ub3RlX19pY29uXCIgKm5nSWY9XCJpY29uU3JjXCI+XG4gICAgICAgIDxpbWcgW3NyY109XCJpY29uU3JjXCIgYWx0PVwiXCIvPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJldm8tbm90ZV9fY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/evo-note/evo-note.module.mjs

@@ -0,0 +1,43 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EvoUiKitModule } from '../../evo-ui-kit.module';
+import { EvoNoteComponent } from './evo-note.component';
+import { EvoIconModule } from '../evo-icon';
+import { iconClose } from '@evotor-dev/ui-kit/icons/header';
+import * as i0 from "@angular/core";
+import * as i1 from "../evo-icon/evo-icon.module";
+export class EvoNoteModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNoteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: EvoNoteModule, declarations: [EvoNoteComponent], imports: [CommonModule,
+            EvoUiKitModule, i1.EvoIconModule], exports: [EvoNoteComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNoteModule, imports: [CommonModule,
+            EvoUiKitModule,
+            EvoIconModule.forRoot([
+                {
+                    name: 'header',
+                    shapes: {
+                        close: iconClose,
+                    },
+                },
+            ])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoNoteModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        EvoUiKitModule,
+                        EvoIconModule.forRoot([
+                            {
+                                name: 'header',
+                                shapes: {
+                                    close: iconClose,
+                                },
+                            },
+                        ]),
+                    ],
+                    declarations: [EvoNoteComponent],
+                    exports: [EvoNoteComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLW5vdGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLW5vdGUvZXZvLW5vdGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7O0FBa0I1RCxNQUFNLE9BQU8sYUFBYTsrR0FBYixhQUFhO2dIQUFiLGFBQWEsaUJBSE4sZ0JBQWdCLGFBWDVCLFlBQVk7WUFDWixjQUFjLCtCQVdQLGdCQUFnQjtnSEFFbEIsYUFBYSxZQWRsQixZQUFZO1lBQ1osY0FBYztZQUNkLGFBQWEsQ0FBQyxPQUFPLENBQUM7Z0JBQ2xCO29CQUNJLElBQUksRUFBRSxRQUFRO29CQUNkLE1BQU0sRUFBRTt3QkFDSixLQUFLLEVBQUUsU0FBUztxQkFDbkI7aUJBQ0o7YUFDSixDQUFDOzs0RkFLRyxhQUFhO2tCQWhCekIsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixjQUFjO3dCQUNkLGFBQWEsQ0FBQyxPQUFPLENBQUM7NEJBQ2xCO2dDQUNJLElBQUksRUFBRSxRQUFRO2dDQUNkLE1BQU0sRUFBRTtvQ0FDSixLQUFLLEVBQUUsU0FBUztpQ0FDbkI7NkJBQ0o7eUJBQ0osQ0FBQztxQkFDTDtvQkFDRCxZQUFZLEVBQUUsQ0FBRSxnQkFBZ0IsQ0FBRTtvQkFDbEMsT0FBTyxFQUFFLENBQUUsZ0JBQWdCLENBQUU7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBFdm9VaUtpdE1vZHVsZSB9IGZyb20gJy4uLy4uL2V2by11aS1raXQubW9kdWxlJztcbmltcG9ydCB7IEV2b05vdGVDb21wb25lbnQgfSBmcm9tICcuL2V2by1ub3RlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdm9JY29uTW9kdWxlIH0gZnJvbSAnLi4vZXZvLWljb24nO1xuaW1wb3J0IHsgaWNvbkNsb3NlIH0gZnJvbSAnQGV2b3Rvci1kZXYvdWkta2l0L2ljb25zL2hlYWRlcic7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEV2b1VpS2l0TW9kdWxlLFxuICAgICAgICBFdm9JY29uTW9kdWxlLmZvclJvb3QoW1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIG5hbWU6ICdoZWFkZXInLFxuICAgICAgICAgICAgICAgIHNoYXBlczoge1xuICAgICAgICAgICAgICAgICAgICBjbG9zZTogaWNvbkNsb3NlLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9LFxuICAgICAgICBdKSxcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogWyBFdm9Ob3RlQ29tcG9uZW50IF0sXG4gICAgZXhwb3J0czogWyBFdm9Ob3RlQ29tcG9uZW50IF0sXG59KVxuZXhwb3J0IGNsYXNzIEV2b05vdGVNb2R1bGUge31cbiJdfQ==

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

@@ -0,0 +1,109 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const MIN_VISIBLE_PAGES_LIMIT = 5;
+const DEFAULT_VISIBLE_PAGES_LIMIT = 7;
+const DEFAULT_PAGE_SIZE = 10;
+export class EvoPaginatorComponent {
+    constructor() {
+        this.pageClick = new EventEmitter();
+        this.pagesTotal = 1;
+        this.visiblePagesLimit = DEFAULT_VISIBLE_PAGES_LIMIT;
+        this.pagesList = [1];
+        this.pageSize = DEFAULT_PAGE_SIZE;
+        this.itemsTotal = 0;
+        this.currentPage = 1; // starts with 1
+    }
+    set setCurrentPage(value) {
+        this.currentPage = parseInt(value, 10) || 1;
+        this.updatePagesList();
+    }
+    set setItemsTotal(itemsTotal) {
+        this.itemsTotal = itemsTotal > 0 ? itemsTotal : 0;
+        this.updatePagesList();
+    }
+    set setPageSize(pageSize) {
+        this.pageSize = pageSize > 0 ? pageSize : 10;
+        this.updatePagesList();
+    }
+    set setMaxVisiblePages(visiblePagesLimit) {
+        if (!visiblePagesLimit) {
+            return;
+        }
+        let valueToSet = visiblePagesLimit;
+        if (visiblePagesLimit % 2 === 0 || visiblePagesLimit < MIN_VISIBLE_PAGES_LIMIT) {
+            console.warn(`evo-paginator: visiblePagesLimit MUST be a positive odd number. Minimal value is ${MIN_VISIBLE_PAGES_LIMIT}.
+            The Component will use default value (${DEFAULT_VISIBLE_PAGES_LIMIT}) instead of your value (${visiblePagesLimit})`);
+            valueToSet = DEFAULT_VISIBLE_PAGES_LIMIT;
+        }
+        this.visiblePagesLimit = valueToSet;
+        this.updatePagesList();
+    }
+    onPageClick(page) {
+        if (page === this.currentPage) {
+            return;
+        }
+        const payload = {
+            currentPage: page,
+            previousPage: this.currentPage,
+            pageSize: this.pageSize,
+            pagesTotal: this.pagesTotal,
+        };
+        this.currentPage = page;
+        this.pageClick.emit(payload);
+        this.updatePagesList();
+    }
+    isActivePage(page) {
+        return parseInt(page, 10) === this.currentPage;
+    }
+    updatePagesList() {
+        this.pagesList = [];
+        this.pagesTotal = Math.ceil(this.itemsTotal / this.pageSize) || 1;
+        const allPages = [...new Array(this.pagesTotal)].map((_, i) => i + 1);
+        const halfVisible = (this.visiblePagesLimit - 1) / 2;
+        const pagesOnSides = (this.visiblePagesLimit - 2 - 1) / 2;
+        const lastPageNumber = allPages.length;
+        if (this.currentPage > this.pagesTotal) {
+            return;
+        }
+        this.pagesList = allPages.filter((p, i) => {
+            // is boundary value (always visible)
+            if (p === 1 || p === lastPageNumber || p === this.currentPage) {
+                return true;
+            }
+            // start non-shiftable items, for example, when currentPage === 3: [1 2 (3)] 4 5 6 9
+            if (this.currentPage <= halfVisible) {
+                return p < this.visiblePagesLimit;
+            }
+            // end non-shiftable items, for example, when currentPage === 8: 1 4 5 6 [7 (8) 9]
+            // in example above it is 4
+            if (this.currentPage >= lastPageNumber - halfVisible) {
+                return lastPageNumber - this.visiblePagesLimit < i;
+            }
+            // siblings, for example, when currentPage === 5: 1 [3 4] (5) [6 7] 9
+            return ((p < this.currentPage && this.currentPage - pagesOnSides <= p) ||
+                (p > this.currentPage && p <= this.currentPage + pagesOnSides));
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoPaginatorComponent, selector: "evo-paginator", inputs: { setCurrentPage: ["currentPage", "setCurrentPage"], setItemsTotal: ["itemsTotal", "setItemsTotal"], setPageSize: ["pageSize", "setPageSize"], setMaxVisiblePages: ["visiblePagesLimit", "setMaxVisiblePages"] }, outputs: { pageClick: "pageClick" }, ngImport: i0, template: "<div class=\"paginator-container\">\n    <button\n        *ngFor=\"let page of pagesList; index as i\"\n        class=\"page\"\n        [ngClass]=\"{\n            page_active: isActivePage(page),\n            page_min: i === 0 && pagesList[1] !== 2,\n            page_max: (i === (pagesList.length - 1)) && ((page - 1) !== pagesList[pagesList.length - 2])\n        }\"\n        (click)=\"onPageClick(page)\"\n    >\n        {{ page }}\n    </button>\n</div>\n", styles: [":host{display:flex;align-items:center;width:100%;-webkit-user-select:none;user-select:none;justify-items:center}.paginator-container{display:inline-flex;margin:0 auto}.page{display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:30px;height:30px;margin:0 5px;padding:0 5px;color:#91b1b8;font-weight:600;font-size:14px;line-height:22px;text-align:center;background:#fff;border:1px solid #91B1B8;border-radius:30px;outline:none;cursor:pointer}.page:hover{color:#fff;background-color:#4dd1a2;border-color:#4dd1a2}.page:active{color:#fff;background-color:#1eb27d;border-color:#1eb27d}.page_min,.page_max{color:#403c3d;border-color:#403c3d}.page_min:hover,.page_max:hover{color:#fff;background-color:#403c3d;border-color:#403c3d}.page_active,.page_active:hover,.page_active:active{color:#fff;background-color:#21c68b;border-color:transparent;cursor:default}@media (max-width: 500px){.page{padding:0 3px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoPaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'evo-paginator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"paginator-container\">\n    <button\n        *ngFor=\"let page of pagesList; index as i\"\n        class=\"page\"\n        [ngClass]=\"{\n            page_active: isActivePage(page),\n            page_min: i === 0 && pagesList[1] !== 2,\n            page_max: (i === (pagesList.length - 1)) && ((page - 1) !== pagesList[pagesList.length - 2])\n        }\"\n        (click)=\"onPageClick(page)\"\n    >\n        {{ page }}\n    </button>\n</div>\n", styles: [":host{display:flex;align-items:center;width:100%;-webkit-user-select:none;user-select:none;justify-items:center}.paginator-container{display:inline-flex;margin:0 auto}.page{display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:30px;height:30px;margin:0 5px;padding:0 5px;color:#91b1b8;font-weight:600;font-size:14px;line-height:22px;text-align:center;background:#fff;border:1px solid #91B1B8;border-radius:30px;outline:none;cursor:pointer}.page:hover{color:#fff;background-color:#4dd1a2;border-color:#4dd1a2}.page:active{color:#fff;background-color:#1eb27d;border-color:#1eb27d}.page_min,.page_max{color:#403c3d;border-color:#403c3d}.page_min:hover,.page_max:hover{color:#fff;background-color:#403c3d;border-color:#403c3d}.page_active,.page_active:hover,.page_active:active{color:#fff;background-color:#21c68b;border-color:transparent;cursor:default}@media (max-width: 500px){.page{padding:0 3px}}\n"] }]
+        }], propDecorators: { pageClick: [{
+                type: Output
+            }], setCurrentPage: [{
+                type: Input,
+                args: ['currentPage']
+            }], setItemsTotal: [{
+                type: Input,
+                args: ['itemsTotal']
+            }], setPageSize: [{
+                type: Input,
+                args: ['pageSize']
+            }], setMaxVisiblePages: [{
+                type: Input,
+                args: ['visiblePagesLimit']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLXBhZ2luYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tcGFnaW5hdG9yL2V2by1wYWdpbmF0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLXBhZ2luYXRvci9ldm8tcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVNoRyxNQUFNLHVCQUF1QixHQUFHLENBQUMsQ0FBQztBQUNsQyxNQUFNLDJCQUEyQixHQUFHLENBQUMsQ0FBQztBQUN0QyxNQUFNLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztBQVE3QixNQUFNLE9BQU8scUJBQXFCO0lBTmxDO1FBT2MsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFhLENBQUM7UUFFcEQsZUFBVSxHQUFHLENBQUMsQ0FBQztRQUNmLHNCQUFpQixHQUFHLDJCQUEyQixDQUFDO1FBQ2hELGNBQVMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ1IsYUFBUSxHQUFHLGlCQUFpQixDQUFDO1FBQzdCLGVBQVUsR0FBRyxDQUFDLENBQUM7UUFDZixnQkFBVyxHQUFHLENBQUMsQ0FBQyxDQUFDLGdCQUFnQjtLQXNGNUM7SUFwRkcsSUFBMEIsY0FBYyxDQUFDLEtBQXNCO1FBQzNELElBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDLEtBQWUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdEQsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxJQUF5QixhQUFhLENBQUMsVUFBa0I7UUFDckQsSUFBSSxDQUFDLFVBQVUsR0FBRyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQXVCLFdBQVcsQ0FBQyxRQUFnQjtRQUMvQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQzdDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBZ0Msa0JBQWtCLENBQUMsaUJBQXlCO1FBQ3hFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1lBQ3JCLE9BQU87UUFDWCxDQUFDO1FBQ0QsSUFBSSxVQUFVLEdBQUcsaUJBQWlCLENBQUM7UUFDbkMsSUFBSSxpQkFBaUIsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLGlCQUFpQixHQUFHLHVCQUF1QixFQUFFLENBQUM7WUFDN0UsT0FBTyxDQUFDLElBQUksQ0FBQyxvRkFBb0YsdUJBQXVCO29EQUNoRiwyQkFBMkIsNEJBQTRCLGlCQUFpQixHQUFHLENBQUMsQ0FBQztZQUNySCxVQUFVLEdBQUcsMkJBQTJCLENBQUM7UUFDN0MsQ0FBQztRQUNELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxVQUFVLENBQUM7UUFDcEMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBWTtRQUNwQixJQUFJLElBQUksS0FBSyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDNUIsT0FBTztRQUNYLENBQUM7UUFFRCxNQUFNLE9BQU8sR0FBYztZQUN2QixXQUFXLEVBQUUsSUFBSTtZQUNqQixZQUFZLEVBQUUsSUFBSSxDQUFDLFdBQVc7WUFDOUIsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ3ZCLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtTQUM5QixDQUFDO1FBQ0YsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDeEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxZQUFZLENBQUMsSUFBcUI7UUFDOUIsT0FBTyxRQUFRLENBQUMsSUFBYyxFQUFFLEVBQUUsQ0FBQyxLQUFLLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDN0QsQ0FBQztJQUVPLGVBQWU7UUFDbkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsRSxNQUFNLFFBQVEsR0FBRyxDQUFDLEdBQUcsSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ3RFLE1BQU0sV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNyRCxNQUFNLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRTFELE1BQU0sY0FBYyxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUM7UUFDdkMsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNyQyxPQUFPO1FBQ1gsQ0FBQztRQUVELElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUN0QyxxQ0FBcUM7WUFDckMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxjQUFjLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztnQkFDNUQsT0FBTyxJQUFJLENBQUM7WUFDaEIsQ0FBQztZQUNELG9GQUFvRjtZQUNwRixJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksV0FBVyxFQUFFLENBQUM7Z0JBQ2xDLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztZQUN0QyxDQUFDO1lBRUQsa0ZBQWtGO1lBQ2xGLDJCQUEyQjtZQUMzQixJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksY0FBYyxHQUFHLFdBQVcsRUFBRSxDQUFDO2dCQUNuRCxPQUFPLGNBQWMsR0FBRyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsQ0FBQyxDQUFDO1lBQ3ZELENBQUM7WUFFRCxxRUFBcUU7WUFDckUsT0FBTyxDQUNILENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLFdBQVcsR0FBRyxZQUFZLElBQUksQ0FBQyxDQUFDO2dCQUM5RCxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLFlBQVksQ0FBQyxDQUNqRSxDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOytHQTdGUSxxQkFBcUI7bUdBQXJCLHFCQUFxQixvVENuQmxDLDZjQWNBOzs0RkRLYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0ksZUFBZSxtQkFHUix1QkFBdUIsQ0FBQyxNQUFNOzhCQUdyQyxTQUFTO3NCQUFsQixNQUFNO2dCQVNtQixjQUFjO3NCQUF2QyxLQUFLO3VCQUFDLGFBQWE7Z0JBS0ssYUFBYTtzQkFBckMsS0FBSzt1QkFBQyxZQUFZO2dCQUtJLFdBQVc7c0JBQWpDLEtBQUs7dUJBQUMsVUFBVTtnQkFLZSxrQkFBa0I7c0JBQWpELEtBQUs7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnZUV2ZW50IHtcbiAgICBjdXJyZW50UGFnZTogbnVtYmVyO1xuICAgIHByZXZpb3VzUGFnZTogbnVtYmVyO1xuICAgIHBhZ2VTaXplOiBudW1iZXI7XG4gICAgcGFnZXNUb3RhbDogbnVtYmVyO1xufVxuXG5jb25zdCBNSU5fVklTSUJMRV9QQUdFU19MSU1JVCA9IDU7XG5jb25zdCBERUZBVUxUX1ZJU0lCTEVfUEFHRVNfTElNSVQgPSA3O1xuY29uc3QgREVGQVVMVF9QQUdFX1NJWkUgPSAxMDtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldm8tcGFnaW5hdG9yJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXZvLXBhZ2luYXRvci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZXZvLXBhZ2luYXRvci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFdm9QYWdpbmF0b3JDb21wb25lbnQge1xuICAgIEBPdXRwdXQoKSBwYWdlQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFBhZ2VFdmVudD4oKTtcblxuICAgIHBhZ2VzVG90YWwgPSAxO1xuICAgIHZpc2libGVQYWdlc0xpbWl0ID0gREVGQVVMVF9WSVNJQkxFX1BBR0VTX0xJTUlUO1xuICAgIHBhZ2VzTGlzdCA9IFsxXTtcbiAgICBwcml2YXRlIHBhZ2VTaXplID0gREVGQVVMVF9QQUdFX1NJWkU7XG4gICAgcHJpdmF0ZSBpdGVtc1RvdGFsID0gMDtcbiAgICBwcml2YXRlIGN1cnJlbnRQYWdlID0gMTsgLy8gc3RhcnRzIHdpdGggMVxuXG4gICAgQElucHV0KCdjdXJyZW50UGFnZScpIHNldCBzZXRDdXJyZW50UGFnZSh2YWx1ZTogc3RyaW5nIHwgbnVtYmVyKSB7XG4gICAgICAgIHRoaXMuY3VycmVudFBhZ2UgPSBwYXJzZUludCh2YWx1ZSBhcyBzdHJpbmcsIDEwKSB8fCAxO1xuICAgICAgICB0aGlzLnVwZGF0ZVBhZ2VzTGlzdCgpO1xuICAgIH1cblxuICAgIEBJbnB1dCgnaXRlbXNUb3RhbCcpIHNldCBzZXRJdGVtc1RvdGFsKGl0ZW1zVG90YWw6IG51bWJlcikge1xuICAgICAgICB0aGlzLml0ZW1zVG90YWwgPSBpdGVtc1RvdGFsID4gMCA/IGl0ZW1zVG90YWwgOiAwO1xuICAgICAgICB0aGlzLnVwZGF0ZVBhZ2VzTGlzdCgpO1xuICAgIH1cblxuICAgIEBJbnB1dCgncGFnZVNpemUnKSBzZXQgc2V0UGFnZVNpemUocGFnZVNpemU6IG51bWJlcikge1xuICAgICAgICB0aGlzLnBhZ2VTaXplID0gcGFnZVNpemUgPiAwID8gcGFnZVNpemUgOiAxMDtcbiAgICAgICAgdGhpcy51cGRhdGVQYWdlc0xpc3QoKTtcbiAgICB9XG5cbiAgICBASW5wdXQoJ3Zpc2libGVQYWdlc0xpbWl0Jykgc2V0IHNldE1heFZpc2libGVQYWdlcyh2aXNpYmxlUGFnZXNMaW1pdDogbnVtYmVyKSB7XG4gICAgICAgIGlmICghdmlzaWJsZVBhZ2VzTGltaXQpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBsZXQgdmFsdWVUb1NldCA9IHZpc2libGVQYWdlc0xpbWl0O1xuICAgICAgICBpZiAodmlzaWJsZVBhZ2VzTGltaXQgJSAyID09PSAwIHx8IHZpc2libGVQYWdlc0xpbWl0IDwgTUlOX1ZJU0lCTEVfUEFHRVNfTElNSVQpIHtcbiAgICAgICAgICAgIGNvbnNvbGUud2FybihgZXZvLXBhZ2luYXRvcjogdmlzaWJsZVBhZ2VzTGltaXQgTVVTVCBiZSBhIHBvc2l0aXZlIG9kZCBudW1iZXIuIE1pbmltYWwgdmFsdWUgaXMgJHtNSU5fVklTSUJMRV9QQUdFU19MSU1JVH0uXG4gICAgICAgICAgICBUaGUgQ29tcG9uZW50IHdpbGwgdXNlIGRlZmF1bHQgdmFsdWUgKCR7REVGQVVMVF9WSVNJQkxFX1BBR0VTX0xJTUlUfSkgaW5zdGVhZCBvZiB5b3VyIHZhbHVlICgke3Zpc2libGVQYWdlc0xpbWl0fSlgKTtcbiAgICAgICAgICAgIHZhbHVlVG9TZXQgPSBERUZBVUxUX1ZJU0lCTEVfUEFHRVNfTElNSVQ7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy52aXNpYmxlUGFnZXNMaW1pdCA9IHZhbHVlVG9TZXQ7XG4gICAgICAgIHRoaXMudXBkYXRlUGFnZXNMaXN0KCk7XG4gICAgfVxuXG4gICAgb25QYWdlQ2xpY2socGFnZTogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIGlmIChwYWdlID09PSB0aGlzLmN1cnJlbnRQYWdlKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBwYXlsb2FkOiBQYWdlRXZlbnQgPSB7XG4gICAgICAgICAgICBjdXJyZW50UGFnZTogcGFnZSxcbiAgICAgICAgICAgIHByZXZpb3VzUGFnZTogdGhpcy5jdXJyZW50UGFnZSxcbiAgICAgICAgICAgIHBhZ2VTaXplOiB0aGlzLnBhZ2VTaXplLFxuICAgICAgICAgICAgcGFnZXNUb3RhbDogdGhpcy5wYWdlc1RvdGFsLFxuICAgICAgICB9O1xuICAgICAgICB0aGlzLmN1cnJlbnRQYWdlID0gcGFnZTtcbiAgICAgICAgdGhpcy5wYWdlQ2xpY2suZW1pdChwYXlsb2FkKTtcbiAgICAgICAgdGhpcy51cGRhdGVQYWdlc0xpc3QoKTtcbiAgICB9XG5cbiAgICBpc0FjdGl2ZVBhZ2UocGFnZTogc3RyaW5nIHwgbnVtYmVyKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiBwYXJzZUludChwYWdlIGFzIHN0cmluZywgMTApID09PSB0aGlzLmN1cnJlbnRQYWdlO1xuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlUGFnZXNMaXN0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnBhZ2VzTGlzdCA9IFtdO1xuICAgICAgICB0aGlzLnBhZ2VzVG90YWwgPSBNYXRoLmNlaWwodGhpcy5pdGVtc1RvdGFsIC8gdGhpcy5wYWdlU2l6ZSkgfHwgMTtcbiAgICAgICAgY29uc3QgYWxsUGFnZXMgPSBbLi4ubmV3IEFycmF5KHRoaXMucGFnZXNUb3RhbCldLm1hcCgoXywgaSkgPT4gaSArIDEpO1xuICAgICAgICBjb25zdCBoYWxmVmlzaWJsZSA9ICh0aGlzLnZpc2libGVQYWdlc0xpbWl0IC0gMSkgLyAyO1xuICAgICAgICBjb25zdCBwYWdlc09uU2lkZXMgPSAodGhpcy52aXNpYmxlUGFnZXNMaW1pdCAtIDIgLSAxKSAvIDI7XG5cbiAgICAgICAgY29uc3QgbGFzdFBhZ2VOdW1iZXIgPSBhbGxQYWdlcy5sZW5ndGg7XG4gICAgICAgIGlmICh0aGlzLmN1cnJlbnRQYWdlID4gdGhpcy5wYWdlc1RvdGFsKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnBhZ2VzTGlzdCA9IGFsbFBhZ2VzLmZpbHRlcigocCwgaSkgPT4ge1xuICAgICAgICAgICAgLy8gaXMgYm91bmRhcnkgdmFsdWUgKGFsd2F5cyB2aXNpYmxlKVxuICAgICAgICAgICAgaWYgKHAgPT09IDEgfHwgcCA9PT0gbGFzdFBhZ2VOdW1iZXIgfHwgcCA9PT0gdGhpcy5jdXJyZW50UGFnZSkge1xuICAgICAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gc3RhcnQgbm9uLXNoaWZ0YWJsZSBpdGVtcywgZm9yIGV4YW1wbGUsIHdoZW4gY3VycmVudFBhZ2UgPT09IDM6IFsxIDIgKDMpXSA0IDUgNiA5XG4gICAgICAgICAgICBpZiAodGhpcy5jdXJyZW50UGFnZSA8PSBoYWxmVmlzaWJsZSkge1xuICAgICAgICAgICAgICAgIHJldHVybiBwIDwgdGhpcy52aXNpYmxlUGFnZXNMaW1pdDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLy8gZW5kIG5vbi1zaGlmdGFibGUgaXRlbXMsIGZvciBleGFtcGxlLCB3aGVuIGN1cnJlbnRQYWdlID09PSA4OiAxIDQgNSA2IFs3ICg4KSA5XVxuICAgICAgICAgICAgLy8gaW4gZXhhbXBsZSBhYm92ZSBpdCBpcyA0XG4gICAgICAgICAgICBpZiAodGhpcy5jdXJyZW50UGFnZSA+PSBsYXN0UGFnZU51bWJlciAtIGhhbGZWaXNpYmxlKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGxhc3RQYWdlTnVtYmVyIC0gdGhpcy52aXNpYmxlUGFnZXNMaW1pdCA8IGk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC8vIHNpYmxpbmdzLCBmb3IgZXhhbXBsZSwgd2hlbiBjdXJyZW50UGFnZSA9PT0gNTogMSBbMyA0XSAoNSkgWzYgN10gOVxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAocCA8IHRoaXMuY3VycmVudFBhZ2UgJiYgdGhpcy5jdXJyZW50UGFnZSAtIHBhZ2VzT25TaWRlcyA8PSBwKSB8fFxuICAgICAgICAgICAgICAgIChwID4gdGhpcy5jdXJyZW50UGFnZSAmJiBwIDw9IHRoaXMuY3VycmVudFBhZ2UgKyBwYWdlc09uU2lkZXMpXG4gICAgICAgICAgICApO1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicGFnaW5hdG9yLWNvbnRhaW5lclwiPlxuICAgIDxidXR0b25cbiAgICAgICAgKm5nRm9yPVwibGV0IHBhZ2Ugb2YgcGFnZXNMaXN0OyBpbmRleCBhcyBpXCJcbiAgICAgICAgY2xhc3M9XCJwYWdlXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgcGFnZV9hY3RpdmU6IGlzQWN0aXZlUGFnZShwYWdlKSxcbiAgICAgICAgICAgIHBhZ2VfbWluOiBpID09PSAwICYmIHBhZ2VzTGlzdFsxXSAhPT0gMixcbiAgICAgICAgICAgIHBhZ2VfbWF4OiAoaSA9PT0gKHBhZ2VzTGlzdC5sZW5ndGggLSAxKSkgJiYgKChwYWdlIC0gMSkgIT09IHBhZ2VzTGlzdFtwYWdlc0xpc3QubGVuZ3RoIC0gMl0pXG4gICAgICAgIH1cIlxuICAgICAgICAoY2xpY2spPVwib25QYWdlQ2xpY2socGFnZSlcIlxuICAgID5cbiAgICAgICAge3sgcGFnZSB9fVxuICAgIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/evo-paginator/evo-paginator.module.mjs

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EvoPaginatorComponent } from './evo-paginator.component';
+import * as i0 from "@angular/core";
+export class EvoPaginatorModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: EvoPaginatorModule, declarations: [EvoPaginatorComponent], imports: [CommonModule], exports: [EvoPaginatorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoPaginatorModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoPaginatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [EvoPaginatorComponent],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [EvoPaginatorComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLXBhZ2luYXRvci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tcGFnaW5hdG9yL2V2by1wYWdpbmF0b3IubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQVNsRSxNQUFNLE9BQU8sa0JBQWtCOytHQUFsQixrQkFBa0I7Z0hBQWxCLGtCQUFrQixpQkFOZCxxQkFBcUIsYUFFbEMsWUFBWSxhQUVKLHFCQUFxQjtnSEFFcEIsa0JBQWtCLFlBSjNCLFlBQVk7OzRGQUlILGtCQUFrQjtrQkFQOUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztvQkFDckMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7aUJBQ2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBFdm9QYWdpbmF0b3JDb21wb25lbnQgfSBmcm9tICcuL2V2by1wYWdpbmF0b3IuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRXZvUGFnaW5hdG9yQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW0V2b1BhZ2luYXRvckNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgRXZvUGFnaW5hdG9yTW9kdWxlIHsgfVxuIl19

package/{esm2020 → esm2022}/lib/components/evo-plus-minus/evo-plus-minus.component.mjs

@@ -6,13 +6,13 @@ export class EvoPlusMinusComponent {
         this.decrease = new EventEmitter();
     }
     ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoPlusMinusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoPlusMinusComponent, selector: "evo-plus-minus", inputs: { id: "id", disabledMinus: "disabledMinus", disabledPlus: "disabledPlus" }, outputs: { increase: "increase", decrease: "decrease" }, ngImport: i0, template: "<div class=\"evo-plus-minus\">\n    <button class=\"evo-plus-minus__button\" (click)=\"decrease.emit(id)\" [disabled]=\"disabledMinus\">\n        <svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <path d=\"M6,11.25 C5.58579,11.25 5.25,11.5858 5.25,12 C5.25,12.4142 5.58579,12.75 6,12.75 L18,12.75 C18.4142,12.75 18.75,12.4142 18.75,12 C18.75,11.5858 18.4142,11.25 18,11.25 L6,11.25 Z\" id=\"Path\"></path>\n        </svg>\n    </button>\n    <button class=\"evo-plus-minus__button\" (click)=\"increase.emit(id)\" [disabled]=\"disabledPlus\">\n        <svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <path d=\"M12,18.75 C11.5858,18.75 11.25,18.4142 11.25,18 L11.25,12.75 L6,12.75 C5.58579,12.75 5.25,12.4142 5.25,12 C5.25,11.5858 5.58579,11.25 6,11.25 L11.25,11.25 L11.25,6 C11.25,5.58579 11.5858,5.25 12,5.25 C12.4142,5.25 12.75,5.58579 12.75,6 L12.75,11.25 L18,11.25 C18.4142,11.25 18.75,11.5858 18.75,12 C18.75,12.4142 18.4142,12.75 18,12.75 L12.75,12.75 L12.75,18 C12.75,18.4142 12.4142,18.75 12,18.75 Z\" id=\"Path\"></path>\n        </svg>\n    </button>\n</div>\n", styles: [".evo-plus-minus{display:flex}.evo-plus-minus__button{display:flex;justify-content:center;align-items:center;width:30px;height:30px;padding:0;color:#21c68b;font-size:14px;background:#fff;border:1px solid #21C68B;border-radius:50%;cursor:pointer;transition:all .1s;fill:#21c68b}.evo-plus-minus__button svg{display:block;width:24px;height:24px}.evo-plus-minus__button:active:not(:disabled){box-shadow:inset 0 3px 5px #00000020}.evo-plus-minus__button:disabled{color:#fff;background:#c6c6c6;border-color:#c6c6c6;cursor:default;fill:#fff}.evo-plus-minus__button:last-child{margin-left:10px}.evo-plus-minus__button:hover:not(:disabled),.evo-plus-minus__button:active:not(:disabled){color:#fff;background:#21c68b;fill:#fff}\n"] }); }
 }
-EvoPlusMinusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoPlusMinusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoPlusMinusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoPlusMinusComponent, selector: "evo-plus-minus", inputs: { id: "id", disabledMinus: "disabledMinus", disabledPlus: "disabledPlus" }, outputs: { increase: "increase", decrease: "decrease" }, ngImport: i0, template: "<div class=\"evo-plus-minus\">\n    <button class=\"evo-plus-minus__button\" (click)=\"decrease.emit(id)\" [disabled]=\"disabledMinus\">\n        <svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <path d=\"M6,11.25 C5.58579,11.25 5.25,11.5858 5.25,12 C5.25,12.4142 5.58579,12.75 6,12.75 L18,12.75 C18.4142,12.75 18.75,12.4142 18.75,12 C18.75,11.5858 18.4142,11.25 18,11.25 L6,11.25 Z\" id=\"Path\"></path>\n        </svg>\n    </button>\n    <button class=\"evo-plus-minus__button\" (click)=\"increase.emit(id)\" [disabled]=\"disabledPlus\">\n        <svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <path d=\"M12,18.75 C11.5858,18.75 11.25,18.4142 11.25,18 L11.25,12.75 L6,12.75 C5.58579,12.75 5.25,12.4142 5.25,12 C5.25,11.5858 5.58579,11.25 6,11.25 L11.25,11.25 L11.25,6 C11.25,5.58579 11.5858,5.25 12,5.25 C12.4142,5.25 12.75,5.58579 12.75,6 L12.75,11.25 L18,11.25 C18.4142,11.25 18.75,11.5858 18.75,12 C18.75,12.4142 18.4142,12.75 18,12.75 L12.75,12.75 L12.75,18 C12.75,18.4142 12.4142,18.75 12,18.75 Z\" id=\"Path\"></path>\n        </svg>\n    </button>\n</div>\n", styles: [".evo-plus-minus{display:flex}.evo-plus-minus__button{display:flex;justify-content:center;align-items:center;width:30px;height:30px;padding:0;color:#21c68b;font-size:14px;background:#FFFFFF;border:1px solid #21C68B;border-radius:50%;cursor:pointer;transition:all .1s;fill:#21c68b}.evo-plus-minus__button svg{display:block;width:24px;height:24px}.evo-plus-minus__button:active:not(:disabled){box-shadow:inset 0 3px 5px #00000020}.evo-plus-minus__button:disabled{color:#fff;background:#C6C6C6;border-color:#c6c6c6;cursor:default;fill:#fff}.evo-plus-minus__button:last-child{margin-left:10px}.evo-plus-minus__button:hover:not(:disabled),.evo-plus-minus__button:active:not(:disabled){color:#fff;background:#21C68B;fill:#fff}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoPlusMinusComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoPlusMinusComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'evo-plus-minus', template: "<div class=\"evo-plus-minus\">\n    <button class=\"evo-plus-minus__button\" (click)=\"decrease.emit(id)\" [disabled]=\"disabledMinus\">\n        <svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <path d=\"M6,11.25 C5.58579,11.25 5.25,11.5858 5.25,12 C5.25,12.4142 5.58579,12.75 6,12.75 L18,12.75 C18.4142,12.75 18.75,12.4142 18.75,12 C18.75,11.5858 18.4142,11.25 18,11.25 L6,11.25 Z\" id=\"Path\"></path>\n        </svg>\n    </button>\n    <button class=\"evo-plus-minus__button\" (click)=\"increase.emit(id)\" [disabled]=\"disabledPlus\">\n        <svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <path d=\"M12,18.75 C11.5858,18.75 11.25,18.4142 11.25,18 L11.25,12.75 L6,12.75 C5.58579,12.75 5.25,12.4142 5.25,12 C5.25,11.5858 5.58579,11.25 6,11.25 L11.25,11.25 L11.25,6 C11.25,5.58579 11.5858,5.25 12,5.25 C12.4142,5.25 12.75,5.58579 12.75,6 L12.75,11.25 L18,11.25 C18.4142,11.25 18.75,11.5858 18.75,12 C18.75,12.4142 18.4142,12.75 18,12.75 L12.75,12.75 L12.75,18 C12.75,18.4142 12.4142,18.75 12,18.75 Z\" id=\"Path\"></path>\n        </svg>\n    </button>\n</div>\n", styles: [".evo-plus-minus{display:flex}.evo-plus-minus__button{display:flex;justify-content:center;align-items:center;width:30px;height:30px;padding:0;color:#21c68b;font-size:14px;background:#FFFFFF;border:1px solid #21C68B;border-radius:50%;cursor:pointer;transition:all .1s;fill:#21c68b}.evo-plus-minus__button svg{display:block;width:24px;height:24px}.evo-plus-minus__button:active:not(:disabled){box-shadow:inset 0 3px 5px #00000020}.evo-plus-minus__button:disabled{color:#fff;background:#C6C6C6;border-color:#c6c6c6;cursor:default;fill:#fff}.evo-plus-minus__button:last-child{margin-left:10px}.evo-plus-minus__button:hover:not(:disabled),.evo-plus-minus__button:active:not(:disabled){color:#fff;background:#21C68B;fill:#fff}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { id: [{
+            args: [{ selector: 'evo-plus-minus', template: "<div class=\"evo-plus-minus\">\n    <button class=\"evo-plus-minus__button\" (click)=\"decrease.emit(id)\" [disabled]=\"disabledMinus\">\n        <svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <path d=\"M6,11.25 C5.58579,11.25 5.25,11.5858 5.25,12 C5.25,12.4142 5.58579,12.75 6,12.75 L18,12.75 C18.4142,12.75 18.75,12.4142 18.75,12 C18.75,11.5858 18.4142,11.25 18,11.25 L6,11.25 Z\" id=\"Path\"></path>\n        </svg>\n    </button>\n    <button class=\"evo-plus-minus__button\" (click)=\"increase.emit(id)\" [disabled]=\"disabledPlus\">\n        <svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <path d=\"M12,18.75 C11.5858,18.75 11.25,18.4142 11.25,18 L11.25,12.75 L6,12.75 C5.58579,12.75 5.25,12.4142 5.25,12 C5.25,11.5858 5.58579,11.25 6,11.25 L11.25,11.25 L11.25,6 C11.25,5.58579 11.5858,5.25 12,5.25 C12.4142,5.25 12.75,5.58579 12.75,6 L12.75,11.25 L18,11.25 C18.4142,11.25 18.75,11.5858 18.75,12 C18.75,12.4142 18.4142,12.75 18,12.75 L12.75,12.75 L12.75,18 C12.75,18.4142 12.4142,18.75 12,18.75 Z\" id=\"Path\"></path>\n        </svg>\n    </button>\n</div>\n", styles: [".evo-plus-minus{display:flex}.evo-plus-minus__button{display:flex;justify-content:center;align-items:center;width:30px;height:30px;padding:0;color:#21c68b;font-size:14px;background:#fff;border:1px solid #21C68B;border-radius:50%;cursor:pointer;transition:all .1s;fill:#21c68b}.evo-plus-minus__button svg{display:block;width:24px;height:24px}.evo-plus-minus__button:active:not(:disabled){box-shadow:inset 0 3px 5px #00000020}.evo-plus-minus__button:disabled{color:#fff;background:#c6c6c6;border-color:#c6c6c6;cursor:default;fill:#fff}.evo-plus-minus__button:last-child{margin-left:10px}.evo-plus-minus__button:hover:not(:disabled),.evo-plus-minus__button:active:not(:disabled){color:#fff;background:#21c68b;fill:#fff}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { id: [{
                 type: Input
             }], disabledMinus: [{
                 type: Input
@@ -23,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
             }], decrease: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLXBsdXMtbWludXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLXBsdXMtbWludXMvZXZvLXBsdXMtbWludXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLXBsdXMtbWludXMvZXZvLXBsdXMtbWludXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQVUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPL0UsTUFBTSxPQUFPLHFCQUFxQjtJQVE5QjtRQUhVLGFBQVEsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM1RCxhQUFRLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFFdEQsQ0FBQztJQUVqQixRQUFRLEtBQUssQ0FBQzs7a0hBVkwscUJBQXFCO3NHQUFyQixxQkFBcUIsbU1DUGxDLGl5Q0FZQTsyRkRMYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0ksZ0JBQWdCOzBFQUtqQixFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBPbkluaXQsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldm8tcGx1cy1taW51cycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V2by1wbHVzLW1pbnVzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsgJy4vZXZvLXBsdXMtbWludXMuY29tcG9uZW50LnNjc3MnIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV2b1BsdXNNaW51c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgaWQ6IGFueTtcbiAgICBASW5wdXQoKSBkaXNhYmxlZE1pbnVzOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkUGx1czogYm9vbGVhbjtcblxuICAgIEBPdXRwdXQoKSBpbmNyZWFzZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBAT3V0cHV0KCkgZGVjcmVhc2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gICAgbmdPbkluaXQoKSB7IH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImV2by1wbHVzLW1pbnVzXCI+XG4gICAgPGJ1dHRvbiBjbGFzcz1cImV2by1wbHVzLW1pbnVzX19idXR0b25cIiAoY2xpY2spPVwiZGVjcmVhc2UuZW1pdChpZClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRNaW51c1wiPlxuICAgICAgICA8c3ZnIHdpZHRoPVwiMjRweFwiIGhlaWdodD1cIjI0cHhcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgdmVyc2lvbj1cIjEuMVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB4bWxuczp4bGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIj5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNNiwxMS4yNSBDNS41ODU3OSwxMS4yNSA1LjI1LDExLjU4NTggNS4yNSwxMiBDNS4yNSwxMi40MTQyIDUuNTg1NzksMTIuNzUgNiwxMi43NSBMMTgsMTIuNzUgQzE4LjQxNDIsMTIuNzUgMTguNzUsMTIuNDE0MiAxOC43NSwxMiBDMTguNzUsMTEuNTg1OCAxOC40MTQyLDExLjI1IDE4LDExLjI1IEw2LDExLjI1IFpcIiBpZD1cIlBhdGhcIj48L3BhdGg+XG4gICAgICAgIDwvc3ZnPlxuICAgIDwvYnV0dG9uPlxuICAgIDxidXR0b24gY2xhc3M9XCJldm8tcGx1cy1taW51c19fYnV0dG9uXCIgKGNsaWNrKT1cImluY3JlYXNlLmVtaXQoaWQpXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkUGx1c1wiPlxuICAgICAgICA8c3ZnIHdpZHRoPVwiMjRweFwiIGhlaWdodD1cIjI0cHhcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgdmVyc2lvbj1cIjEuMVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB4bWxuczp4bGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIj5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNMTIsMTguNzUgQzExLjU4NTgsMTguNzUgMTEuMjUsMTguNDE0MiAxMS4yNSwxOCBMMTEuMjUsMTIuNzUgTDYsMTIuNzUgQzUuNTg1NzksMTIuNzUgNS4yNSwxMi40MTQyIDUuMjUsMTIgQzUuMjUsMTEuNTg1OCA1LjU4NTc5LDExLjI1IDYsMTEuMjUgTDExLjI1LDExLjI1IEwxMS4yNSw2IEMxMS4yNSw1LjU4NTc5IDExLjU4NTgsNS4yNSAxMiw1LjI1IEMxMi40MTQyLDUuMjUgMTIuNzUsNS41ODU3OSAxMi43NSw2IEwxMi43NSwxMS4yNSBMMTgsMTEuMjUgQzE4LjQxNDIsMTEuMjUgMTguNzUsMTEuNTg1OCAxOC43NSwxMiBDMTguNzUsMTIuNDE0MiAxOC40MTQyLDEyLjc1IDE4LDEyLjc1IEwxMi43NSwxMi43NSBMMTIuNzUsMTggQzEyLjc1LDE4LjQxNDIgMTIuNDE0MiwxOC43NSAxMiwxOC43NSBaXCIgaWQ9XCJQYXRoXCI+PC9wYXRoPlxuICAgICAgICA8L3N2Zz5cbiAgICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLXBsdXMtbWludXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLXBsdXMtbWludXMvZXZvLXBsdXMtbWludXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLXBsdXMtbWludXMvZXZvLXBsdXMtbWludXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQVUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPL0UsTUFBTSxPQUFPLHFCQUFxQjtJQVE5QjtRQUhVLGFBQVEsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM1RCxhQUFRLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFFdEQsQ0FBQztJQUVqQixRQUFRLEtBQUssQ0FBQzsrR0FWTCxxQkFBcUI7bUdBQXJCLHFCQUFxQixtTUNQbEMsaXlDQVlBOzs0RkRMYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0ksZ0JBQWdCO3dEQUtqQixFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBPbkluaXQsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldm8tcGx1cy1taW51cycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V2by1wbHVzLW1pbnVzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsgJy4vZXZvLXBsdXMtbWludXMuY29tcG9uZW50LnNjc3MnIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV2b1BsdXNNaW51c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgaWQ6IGFueTtcbiAgICBASW5wdXQoKSBkaXNhYmxlZE1pbnVzOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkUGx1czogYm9vbGVhbjtcblxuICAgIEBPdXRwdXQoKSBpbmNyZWFzZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBAT3V0cHV0KCkgZGVjcmVhc2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gICAgbmdPbkluaXQoKSB7IH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImV2by1wbHVzLW1pbnVzXCI+XG4gICAgPGJ1dHRvbiBjbGFzcz1cImV2by1wbHVzLW1pbnVzX19idXR0b25cIiAoY2xpY2spPVwiZGVjcmVhc2UuZW1pdChpZClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRNaW51c1wiPlxuICAgICAgICA8c3ZnIHdpZHRoPVwiMjRweFwiIGhlaWdodD1cIjI0cHhcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgdmVyc2lvbj1cIjEuMVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB4bWxuczp4bGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIj5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNNiwxMS4yNSBDNS41ODU3OSwxMS4yNSA1LjI1LDExLjU4NTggNS4yNSwxMiBDNS4yNSwxMi40MTQyIDUuNTg1NzksMTIuNzUgNiwxMi43NSBMMTgsMTIuNzUgQzE4LjQxNDIsMTIuNzUgMTguNzUsMTIuNDE0MiAxOC43NSwxMiBDMTguNzUsMTEuNTg1OCAxOC40MTQyLDExLjI1IDE4LDExLjI1IEw2LDExLjI1IFpcIiBpZD1cIlBhdGhcIj48L3BhdGg+XG4gICAgICAgIDwvc3ZnPlxuICAgIDwvYnV0dG9uPlxuICAgIDxidXR0b24gY2xhc3M9XCJldm8tcGx1cy1taW51c19fYnV0dG9uXCIgKGNsaWNrKT1cImluY3JlYXNlLmVtaXQoaWQpXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkUGx1c1wiPlxuICAgICAgICA8c3ZnIHdpZHRoPVwiMjRweFwiIGhlaWdodD1cIjI0cHhcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgdmVyc2lvbj1cIjEuMVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB4bWxuczp4bGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIj5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNMTIsMTguNzUgQzExLjU4NTgsMTguNzUgMTEuMjUsMTguNDE0MiAxMS4yNSwxOCBMMTEuMjUsMTIuNzUgTDYsMTIuNzUgQzUuNTg1NzksMTIuNzUgNS4yNSwxMi40MTQyIDUuMjUsMTIgQzUuMjUsMTEuNTg1OCA1LjU4NTc5LDExLjI1IDYsMTEuMjUgTDExLjI1LDExLjI1IEwxMS4yNSw2IEMxMS4yNSw1LjU4NTc5IDExLjU4NTgsNS4yNSAxMiw1LjI1IEMxMi40MTQyLDUuMjUgMTIuNzUsNS41ODU3OSAxMi43NSw2IEwxMi43NSwxMS4yNSBMMTgsMTEuMjUgQzE4LjQxNDIsMTEuMjUgMTguNzUsMTEuNTg1OCAxOC43NSwxMiBDMTguNzUsMTIuNDE0MiAxOC40MTQyLDEyLjc1IDE4LDEyLjc1IEwxMi43NSwxMi43NSBMMTIuNzUsMTggQzEyLjc1LDE4LjQxNDIgMTIuNDE0MiwxOC43NSAxMiwxOC43NSBaXCIgaWQ9XCJQYXRoXCI+PC9wYXRoPlxuICAgICAgICA8L3N2Zz5cbiAgICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19