@evotor-dev/ui-kit 7.4.3 → 7.4.4

package/fesm2020/evotor-dev-ui-kit.mjs

@@ -7169,8 +7169,10 @@ class EvoDropdownComponent {
         this.viewContainerRef = viewContainerRef;
         this.ngZone = ngZone;
         this.cdr = cdr;
+        this.closeOnOutsideClick = true;
         this.scrollStrategy = 'close';
         this.isOpenChange = new EventEmitter();
+        this.outsideClick = new EventEmitter();
         this.connectedPositions = DEFAULT_POSITION;
         this.destroy$ = new Subject();
         this._isOpen = false;
@@ -7185,7 +7187,9 @@ class EvoDropdownComponent {
         }
     }
     set positions(value) {
-        this.connectedPositions = value ? [].concat(value).map(p => EVO_DROPDOWN_POSITION_DESCRIPTION[p] || p) : DEFAULT_POSITION;
+        this.connectedPositions = value
+            ? [].concat(value).map((p) => EVO_DROPDOWN_POSITION_DESCRIPTION[p] || p)
+            : DEFAULT_POSITION;
     }
     get element() {
         if (!this.viewContainerRef) {
@@ -7226,6 +7230,12 @@ class EvoDropdownComponent {
         this.destroy$.next();
         this.destroy$.unsubscribe();
     }
+    onOverlayOutsideClick(event) {
+        this.outsideClick.emit(event);
+        if (this.closeOnOutsideClick) {
+            this.close();
+        }
+    }
     /**
      * Listens to the scroll in the dropdown container and closes it
      */
@@ -7236,8 +7246,8 @@ class EvoDropdownComponent {
         this.scrollEventSubscription = this.ngZone.runOutsideAngular(() => {
             return fromEvent(document, 'scroll', { capture: true })
                 .pipe(throttleTime(10), filter((scrollEvent) => {
-                return (scrollEvent.target instanceof HTMLElement || scrollEvent.target instanceof HTMLDocument)
-                    && (scrollEvent.target.contains(this.element) || !this.element);
+                return ((scrollEvent.target instanceof HTMLElement || scrollEvent.target instanceof HTMLDocument) &&
+                    (scrollEvent.target.contains(this.element) || !this.element));
             }), take(1), takeUntil(this.destroy$))
                 .subscribe(() => {
                 this.ngZone.run(() => {
@@ -7248,16 +7258,20 @@ class EvoDropdownComponent {
     }
 }
 EvoDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoDropdownComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-EvoDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoDropdownComponent, selector: "evo-dropdown", inputs: { scrollStrategy: "scrollStrategy", dropdownOrigin: "dropdownOrigin", isOpen: "isOpen", positions: "positions" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"dropdownOrigin\"\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n>\n    <!-- TODO: (overlayOutsideClick)=\"needCloseOnOutsideClick && close()\"  add after update to ng12-->\n    <ng-content></ng-content>\n</ng-template>\n", directives: [{ type: i1$3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoDropdownComponent, selector: "evo-dropdown", inputs: { closeOnOutsideClick: "closeOnOutsideClick", scrollStrategy: "scrollStrategy", dropdownOrigin: "dropdownOrigin", isOpen: "isOpen", positions: "positions" }, outputs: { isOpenChange: "isOpenChange", outsideClick: "outsideClick" }, ngImport: i0, template: "<ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayOrigin]=\"dropdownOrigin\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n    (detach)=\"close()\"\n    (overlayOutsideClick)=\"onOverlayOutsideClick($event)\"\n>\n    <ng-content></ng-content>\n</ng-template>\n", directives: [{ type: i1$3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'evo-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"dropdownOrigin\"\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n>\n    <!-- TODO: (overlayOutsideClick)=\"needCloseOnOutsideClick && close()\"  add after update to ng12-->\n    <ng-content></ng-content>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { scrollStrategy: [{
+            args: [{ selector: 'evo-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayOrigin]=\"dropdownOrigin\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n    (detach)=\"close()\"\n    (overlayOutsideClick)=\"onOverlayOutsideClick($event)\"\n>\n    <ng-content></ng-content>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { closeOnOutsideClick: [{
+                type: Input
+            }], scrollStrategy: [{
                 type: Input
             }], dropdownOrigin: [{
                 type: Input
             }], isOpenChange: [{
                 type: Output
+            }], outsideClick: [{
+                type: Output
             }], isOpen: [{
                 type: Input
             }], positions: [{
@@ -7369,7 +7383,7 @@ class EvoNavbarItemComponent {
     }
 }
 EvoNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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:#FFFFFF}}.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:#FFFFFF}.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:#FFFFFF;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}\n"], components: [{ type: EvoDropdownComponent, selector: "evo-dropdown", inputs: ["scrollStrategy", "dropdownOrigin", "isOpen", "positions"], outputs: ["isOpenChange"] }, { type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: ["item", "isNested", "isMobileView", "subMenuPositions"], outputs: ["openSubMenu", "closeSubMenu"] }], directives: [{ type: EvoLetDirective, selector: "[evoLet]", inputs: ["evoLet"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoDropdownOriginDirective, selector: "[evoDropdownOrigin]", exportAs: ["evoDropdownOrigin"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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:#FFFFFF}}.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:#FFFFFF}.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:#FFFFFF;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}\n"], components: [{ type: EvoDropdownComponent, selector: "evo-dropdown", inputs: ["closeOnOutsideClick", "scrollStrategy", "dropdownOrigin", "isOpen", "positions"], outputs: ["isOpenChange", "outsideClick"] }, { type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: ["item", "isNested", "isMobileView", "subMenuPositions"], outputs: ["openSubMenu", "closeSubMenu"] }], directives: [{ type: EvoLetDirective, selector: "[evoLet]", inputs: ["evoLet"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoDropdownOriginDirective, selector: "[evoDropdownOrigin]", exportAs: ["evoDropdownOrigin"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", 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:#FFFFFF}}.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:#FFFFFF}.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:#FFFFFF;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}\n"] }]