desy-angular 7.0.1 → 7.1.0

package/esm2020/lib/desy-nav/components/links-list/links-list.component.mjs

@@ -0,0 +1,42 @@
+import { Component, ContentChildren, Input } from '@angular/core';
+import { AccessibilityComponent } from '../../../shared/components';
+import { LinksListItemComponent } from './links-list-item/links-list-item.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+import * as i3 from "../../../shared/pipes/make-html-list.pipe";
+export class LinksListComponent extends AccessibilityComponent {
+    constructor() {
+        super(...arguments);
+        this.hasNav = true;
+    }
+    getItemId(item, index) {
+        let id;
+        if (item.id) {
+            id = item.id;
+        }
+        else {
+            id = this.idPrefix || 'links-list-item';
+            if (index > 0) {
+                id += '-' + index;
+            }
+        }
+        return id;
+    }
+}
+LinksListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LinksListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LinksListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LinksListComponent, selector: "desy-links-list", inputs: { hasNav: "hasNav", classes: "classes", idPrefix: "idPrefix" }, queries: [{ propertyName: "items", predicate: LinksListItemComponent }], usesInheritance: true, ngImport: i0, template: "\n<ng-template #innerHtml>\n    <ul *ngIf=\"items\">\n        <li *ngFor=\"let item of items; index as i\" [class]=\"item.containerClasses ? item.containerClasses : 'px-base border-y border-neutral-base -my-px'\">\n            <ng-template #itemContent>\n                <div class=\"flex gap-base justify-between items-center flex-1\">\n                    <div *ngIf=\"item.icon\" [class]=\"item.icon.containerClasses ? item.icon.containerClasses : 'self-center h-full'\">\n                      <ng-container *ngTemplateOutlet=\"item.icon.getContent()\"></ng-container>\n                    </div>\n                  <div class=\"flex-1\">\n                      <strong *ngIf=\"item.active; else item.getContent()\">\n                          <ng-container *ngTemplateOutlet=\"item.getContent()\"></ng-container>\n                      </strong>\n                  </div>\n                </div>\n            </ng-template>\n\n            <a *ngIf=\"item.href && !item.routerLink\" [id]=\"getItemId(item, i)\"\n                  [href]=\"item.href\"\n                  [attr.title]=\"item.title || null\"\n                  [attr.current-page]=\"item.active ? 'page' : null\"\n                  [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n                  [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || null\"\n                  [attr.target]=\"item.target ? item.target : null\"\n                  [attr.role]=\"item.role || null\"\n                  [attr.aria-describedby]=\"item.ariaDescribedBy || null\"\n                  [attr.aria-errormessage]=\"item.ariaErrorMessage || null\"\n                  [attr.aria-label]=\"item.ariaLabel || null\"\n                  [attr.aria-labelledby]=\"item.ariaLabelledBy || null\"\n                  [attr.aria-hidden]=\"item.ariaHidden || null\"\n                  [attr.aria-disabled]=\"item.ariaDisabled || null\"\n                  [attr.aria-controls]=\"item.ariaControls || null\"\n                  [attr.aria-current]=\"item.ariaCurrent || null\"\n                  [attr.aria-live]=\"item.ariaLive || null\"\n                  [attr.aria-expanded]=\"item.ariaExpanded || null\"\n                  [attr.aria-haspopup]=\"item.ariaHasPopup || null\"\n                  [class]=\"[ 'c-link', item.classes ? item.classes : 'flex justify-between items-center gap-base flex-1 py-base', item.disabled ? 'text-neutral-base no-underline pointer-events-none' : '', item.active ? 'font-bold' : ''] | makeHtmlList\">\n                <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n\n                <!-- arrow -->\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" class=\"self-center\" aria-hidden=\"true\" focusable=\"false\" width=\"1em\" height=\"1em\"><path d=\"M102.07 27.93l35 35a10 10 0 010 14.14l-35 35a10 10 0 01-14.14-14.14l13.66-13.66A2.5 2.5 0 0099.82 80H10a10 10 0 010-20h89.82a2.5 2.5 0 001.77-4.27L87.93 42.07a10 10 0 0114.14-14.14z\" fill=\"currentColor\"></path></svg>\n            </a>\n\n            <a *ngIf=\"!item.href && item.routerLink\" [id]=\"getItemId(item, i)\"\n                  [routerLink]=\"item.routerLink\" \n                  [fragment]=\"item.fragment\" \n                  [attr.title]=\"item.title || null\"\n                  [attr.current-page]=\"item.active ? 'page' : null\"\n                  [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n                  [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || null\"\n                  [attr.target]=\"item.target ? item.target : null\"\n                  [attr.role]=\"item.role || null\"\n                  [attr.aria-describedby]=\"item.ariaDescribedBy || null\"\n                  [attr.aria-errormessage]=\"item.ariaErrorMessage || null\"\n                  [attr.aria-label]=\"item.ariaLabel || null\"\n                  [attr.aria-labelledby]=\"item.ariaLabelledBy || null\"\n                  [attr.aria-hidden]=\"item.ariaHidden || null\"\n                  [attr.aria-disabled]=\"item.ariaDisabled || null\"\n                  [attr.aria-controls]=\"item.ariaControls || null\"\n                  [attr.aria-current]=\"item.ariaCurrent || null\"\n                  [attr.aria-live]=\"item.ariaLive || null\"\n                  [attr.aria-expanded]=\"item.ariaExpanded || null\"\n                  [attr.aria-haspopup]=\"item.ariaHasPopup || null\"\n                  [class]=\"[ 'c-link', item.classes ? item.classes : 'flex justify-between items-center gap-base flex-1 py-base', item.disabled ? 'text-neutral-base no-underline pointer-events-none' : '', item.active ? 'font-bold' : ''] | makeHtmlList\">\n                <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n\n                <!-- arrow -->\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" class=\"self-center\" aria-hidden=\"true\" focusable=\"false\" width=\"1em\" height=\"1em\"><path d=\"M102.07 27.93l35 35a10 10 0 010 14.14l-35 35a10 10 0 01-14.14-14.14l13.66-13.66A2.5 2.5 0 0099.82 80H10a10 10 0 010-20h89.82a2.5 2.5 0 001.77-4.27L87.93 42.07a10 10 0 0114.14-14.14z\" fill=\"currentColor\"></path></svg>\n            </a>\n\n            <div *ngIf=\"!item.href && !item.routerLink\" [id]=\"getItemId(item, i)\"\n                  [attr.title]=\"item.title || null\"\n                  [attr.current-page]=\"item.active ? 'page' : null\"\n                  [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n                  [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || null\"\n                  [attr.target]=\"item.target ? item.target : null\"\n                  [attr.role]=\"item.role || null\"\n                  [attr.aria-describedby]=\"item.ariaDescribedBy || null\"\n                  [attr.aria-errormessage]=\"item.ariaErrorMessage || null\"\n                  [attr.aria-label]=\"item.ariaLabel || null\"\n                  [attr.aria-labelledby]=\"item.ariaLabelledBy || null\"\n                  [attr.aria-hidden]=\"item.ariaHidden || null\"\n                  [attr.aria-disabled]=\"item.ariaDisabled || null\"\n                  [attr.aria-controls]=\"item.ariaControls || null\"\n                  [attr.aria-current]=\"item.ariaCurrent || null\"\n                  [attr.aria-live]=\"item.ariaLive || null\"\n                  [attr.aria-expanded]=\"item.ariaExpanded || null\"\n                  [attr.aria-haspopup]=\"item.ariaHasPopup || null\"\n                  [class]=\"[ item.classes ? item.classes : 'flex justify-between items-center gap-base flex-1 py-base', item.disabled ? 'text-neutral-base no-underline pointer-events-none': '', item.active ? 'font-bold': ''] | makeHtmlList\">\n                <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n            </div>\n            <div *ngIf=\"item.sub\" [id]=\"'sub-' + getItemId(item, i)\" [class]=\"item.sub.classes ? item.sub.classes : 'c-paragraph-base text-neutral-dark -mt-base mr-lg'\">\n              <ng-container *ngTemplateOutlet=\"item.sub.getContent()\"></ng-container>\n            </div>\n        </li>\n      </ul>\n</ng-template>\n\n<div *ngIf=\"!hasNav\" [class]=\"classes\"\n    [attr.role]=\"role || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy || null\"\n    [attr.aria-errormessage]=\"ariaErrorMessage || null\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy || null\"\n    [attr.aria-hidden]=\"ariaHidden || null\"\n    [attr.aria-disabled]=\"ariaDisabled || null\"\n    [attr.aria-controls]=\"ariaControls || null\"\n    [attr.aria-current]=\"ariaCurrent || null\"\n    [attr.aria-live]=\"ariaLive || null\"\n    [attr.aria-expanded]=\"ariaExpanded || null\"\n    [attr.aria-haspopup]=\"ariaHasPopup || null\"\n    [attr.tabindex]=\"tabindex || null\">\n  <ng-container *ngTemplateOutlet=\"innerHtml\"></ng-container>\n</div>\n<nav *ngIf=\"hasNav\" [class]=\"classes\"\n    [attr.role]=\"role || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy || null\"\n    [attr.aria-errormessage]=\"ariaErrorMessage || null\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy || null\"\n    [attr.aria-hidden]=\"ariaHidden || null\"\n    [attr.aria-disabled]=\"ariaDisabled || null\"\n    [attr.aria-controls]=\"ariaControls || null\"\n    [attr.aria-current]=\"ariaCurrent || null\"\n    [attr.aria-live]=\"ariaLive || null\"\n    [attr.aria-expanded]=\"ariaExpanded || null\"\n    [attr.aria-haspopup]=\"ariaHasPopup || null\"\n    [attr.tabindex]=\"tabindex || null\">\n  <ng-container *ngTemplateOutlet=\"innerHtml\"></ng-container>\n</nav>\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.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i3.MakeHtmlListPipe, name: "makeHtmlList" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LinksListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'desy-links-list', template: "\n<ng-template #innerHtml>\n    <ul *ngIf=\"items\">\n        <li *ngFor=\"let item of items; index as i\" [class]=\"item.containerClasses ? item.containerClasses : 'px-base border-y border-neutral-base -my-px'\">\n            <ng-template #itemContent>\n                <div class=\"flex gap-base justify-between items-center flex-1\">\n                    <div *ngIf=\"item.icon\" [class]=\"item.icon.containerClasses ? item.icon.containerClasses : 'self-center h-full'\">\n                      <ng-container *ngTemplateOutlet=\"item.icon.getContent()\"></ng-container>\n                    </div>\n                  <div class=\"flex-1\">\n                      <strong *ngIf=\"item.active; else item.getContent()\">\n                          <ng-container *ngTemplateOutlet=\"item.getContent()\"></ng-container>\n                      </strong>\n                  </div>\n                </div>\n            </ng-template>\n\n            <a *ngIf=\"item.href && !item.routerLink\" [id]=\"getItemId(item, i)\"\n                  [href]=\"item.href\"\n                  [attr.title]=\"item.title || null\"\n                  [attr.current-page]=\"item.active ? 'page' : null\"\n                  [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n                  [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || null\"\n                  [attr.target]=\"item.target ? item.target : null\"\n                  [attr.role]=\"item.role || null\"\n                  [attr.aria-describedby]=\"item.ariaDescribedBy || null\"\n                  [attr.aria-errormessage]=\"item.ariaErrorMessage || null\"\n                  [attr.aria-label]=\"item.ariaLabel || null\"\n                  [attr.aria-labelledby]=\"item.ariaLabelledBy || null\"\n                  [attr.aria-hidden]=\"item.ariaHidden || null\"\n                  [attr.aria-disabled]=\"item.ariaDisabled || null\"\n                  [attr.aria-controls]=\"item.ariaControls || null\"\n                  [attr.aria-current]=\"item.ariaCurrent || null\"\n                  [attr.aria-live]=\"item.ariaLive || null\"\n                  [attr.aria-expanded]=\"item.ariaExpanded || null\"\n                  [attr.aria-haspopup]=\"item.ariaHasPopup || null\"\n                  [class]=\"[ 'c-link', item.classes ? item.classes : 'flex justify-between items-center gap-base flex-1 py-base', item.disabled ? 'text-neutral-base no-underline pointer-events-none' : '', item.active ? 'font-bold' : ''] | makeHtmlList\">\n                <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n\n                <!-- arrow -->\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" class=\"self-center\" aria-hidden=\"true\" focusable=\"false\" width=\"1em\" height=\"1em\"><path d=\"M102.07 27.93l35 35a10 10 0 010 14.14l-35 35a10 10 0 01-14.14-14.14l13.66-13.66A2.5 2.5 0 0099.82 80H10a10 10 0 010-20h89.82a2.5 2.5 0 001.77-4.27L87.93 42.07a10 10 0 0114.14-14.14z\" fill=\"currentColor\"></path></svg>\n            </a>\n\n            <a *ngIf=\"!item.href && item.routerLink\" [id]=\"getItemId(item, i)\"\n                  [routerLink]=\"item.routerLink\" \n                  [fragment]=\"item.fragment\" \n                  [attr.title]=\"item.title || null\"\n                  [attr.current-page]=\"item.active ? 'page' : null\"\n                  [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n                  [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || null\"\n                  [attr.target]=\"item.target ? item.target : null\"\n                  [attr.role]=\"item.role || null\"\n                  [attr.aria-describedby]=\"item.ariaDescribedBy || null\"\n                  [attr.aria-errormessage]=\"item.ariaErrorMessage || null\"\n                  [attr.aria-label]=\"item.ariaLabel || null\"\n                  [attr.aria-labelledby]=\"item.ariaLabelledBy || null\"\n                  [attr.aria-hidden]=\"item.ariaHidden || null\"\n                  [attr.aria-disabled]=\"item.ariaDisabled || null\"\n                  [attr.aria-controls]=\"item.ariaControls || null\"\n                  [attr.aria-current]=\"item.ariaCurrent || null\"\n                  [attr.aria-live]=\"item.ariaLive || null\"\n                  [attr.aria-expanded]=\"item.ariaExpanded || null\"\n                  [attr.aria-haspopup]=\"item.ariaHasPopup || null\"\n                  [class]=\"[ 'c-link', item.classes ? item.classes : 'flex justify-between items-center gap-base flex-1 py-base', item.disabled ? 'text-neutral-base no-underline pointer-events-none' : '', item.active ? 'font-bold' : ''] | makeHtmlList\">\n                <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n\n                <!-- arrow -->\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" class=\"self-center\" aria-hidden=\"true\" focusable=\"false\" width=\"1em\" height=\"1em\"><path d=\"M102.07 27.93l35 35a10 10 0 010 14.14l-35 35a10 10 0 01-14.14-14.14l13.66-13.66A2.5 2.5 0 0099.82 80H10a10 10 0 010-20h89.82a2.5 2.5 0 001.77-4.27L87.93 42.07a10 10 0 0114.14-14.14z\" fill=\"currentColor\"></path></svg>\n            </a>\n\n            <div *ngIf=\"!item.href && !item.routerLink\" [id]=\"getItemId(item, i)\"\n                  [attr.title]=\"item.title || null\"\n                  [attr.current-page]=\"item.active ? 'page' : null\"\n                  [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n                  [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || null\"\n                  [attr.target]=\"item.target ? item.target : null\"\n                  [attr.role]=\"item.role || null\"\n                  [attr.aria-describedby]=\"item.ariaDescribedBy || null\"\n                  [attr.aria-errormessage]=\"item.ariaErrorMessage || null\"\n                  [attr.aria-label]=\"item.ariaLabel || null\"\n                  [attr.aria-labelledby]=\"item.ariaLabelledBy || null\"\n                  [attr.aria-hidden]=\"item.ariaHidden || null\"\n                  [attr.aria-disabled]=\"item.ariaDisabled || null\"\n                  [attr.aria-controls]=\"item.ariaControls || null\"\n                  [attr.aria-current]=\"item.ariaCurrent || null\"\n                  [attr.aria-live]=\"item.ariaLive || null\"\n                  [attr.aria-expanded]=\"item.ariaExpanded || null\"\n                  [attr.aria-haspopup]=\"item.ariaHasPopup || null\"\n                  [class]=\"[ item.classes ? item.classes : 'flex justify-between items-center gap-base flex-1 py-base', item.disabled ? 'text-neutral-base no-underline pointer-events-none': '', item.active ? 'font-bold': ''] | makeHtmlList\">\n                <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n            </div>\n            <div *ngIf=\"item.sub\" [id]=\"'sub-' + getItemId(item, i)\" [class]=\"item.sub.classes ? item.sub.classes : 'c-paragraph-base text-neutral-dark -mt-base mr-lg'\">\n              <ng-container *ngTemplateOutlet=\"item.sub.getContent()\"></ng-container>\n            </div>\n        </li>\n      </ul>\n</ng-template>\n\n<div *ngIf=\"!hasNav\" [class]=\"classes\"\n    [attr.role]=\"role || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy || null\"\n    [attr.aria-errormessage]=\"ariaErrorMessage || null\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy || null\"\n    [attr.aria-hidden]=\"ariaHidden || null\"\n    [attr.aria-disabled]=\"ariaDisabled || null\"\n    [attr.aria-controls]=\"ariaControls || null\"\n    [attr.aria-current]=\"ariaCurrent || null\"\n    [attr.aria-live]=\"ariaLive || null\"\n    [attr.aria-expanded]=\"ariaExpanded || null\"\n    [attr.aria-haspopup]=\"ariaHasPopup || null\"\n    [attr.tabindex]=\"tabindex || null\">\n  <ng-container *ngTemplateOutlet=\"innerHtml\"></ng-container>\n</div>\n<nav *ngIf=\"hasNav\" [class]=\"classes\"\n    [attr.role]=\"role || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy || null\"\n    [attr.aria-errormessage]=\"ariaErrorMessage || null\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy || null\"\n    [attr.aria-hidden]=\"ariaHidden || null\"\n    [attr.aria-disabled]=\"ariaDisabled || null\"\n    [attr.aria-controls]=\"ariaControls || null\"\n    [attr.aria-current]=\"ariaCurrent || null\"\n    [attr.aria-live]=\"ariaLive || null\"\n    [attr.aria-expanded]=\"ariaExpanded || null\"\n    [attr.aria-haspopup]=\"ariaHasPopup || null\"\n    [attr.tabindex]=\"tabindex || null\">\n  <ng-container *ngTemplateOutlet=\"innerHtml\"></ng-container>\n</nav>\n" }]
+        }], propDecorators: { hasNav: [{
+                type: Input
+            }], classes: [{
+                type: Input
+            }], idPrefix: [{
+                type: Input
+            }], items: [{
+                type: ContentChildren,
+                args: [LinksListItemComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua3MtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LW5hdi9jb21wb25lbnRzL2xpbmtzLWxpc3QvbGlua3MtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LW5hdi9jb21wb25lbnRzL2xpbmtzLWxpc3QvbGlua3MtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDN0UsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7O0FBTXJGLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxzQkFBc0I7SUFKOUQ7O1FBTVcsV0FBTSxHQUFHLElBQUksQ0FBQztLQW9CeEI7SUFiQyxTQUFTLENBQUMsSUFBNEIsRUFBRSxLQUFhO1FBQ25ELElBQUksRUFBRSxDQUFDO1FBQ1AsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFO1lBQ1gsRUFBRSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUM7U0FDZDthQUFNO1lBQ0wsRUFBRSxHQUFHLElBQUksQ0FBQyxRQUFRLElBQUksaUJBQWlCLENBQUM7WUFDeEMsSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFO2dCQUNiLEVBQUUsSUFBSSxHQUFHLEdBQUcsS0FBSyxDQUFDO2FBQ25CO1NBQ0Y7UUFFRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7OytHQXJCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixxSkFNWixzQkFBc0Isb0RDZHpDLHk3UUFrSUE7MkZEMUhhLGtCQUFrQjtrQkFKOUIsU0FBUzsrQkFDRSxpQkFBaUI7OEJBS2xCLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFbUMsS0FBSztzQkFBN0MsZUFBZTt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgSW5wdXQsIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcbmltcG9ydCB7IExpbmtzTGlzdEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2xpbmtzLWxpc3QtaXRlbS9saW5rcy1saXN0LWl0ZW0uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGVzeS1saW5rcy1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpbmtzLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBMaW5rc0xpc3RDb21wb25lbnQgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IHtcblxuICBASW5wdXQoKSBoYXNOYXYgPSB0cnVlO1xuICBASW5wdXQoKSBjbGFzc2VzPzogc3RyaW5nO1xuICBASW5wdXQoKSBpZFByZWZpeD86IHN0cmluZztcblxuICBAQ29udGVudENoaWxkcmVuKExpbmtzTGlzdEl0ZW1Db21wb25lbnQpIGl0ZW1zOiBRdWVyeUxpc3Q8TGlua3NMaXN0SXRlbUNvbXBvbmVudD47XG5cblxuICBnZXRJdGVtSWQoaXRlbTogTGlua3NMaXN0SXRlbUNvbXBvbmVudCwgaW5kZXg6IG51bWJlcik6IHN0cmluZyB7XG4gICAgbGV0IGlkO1xuICAgIGlmIChpdGVtLmlkKSB7XG4gICAgICBpZCA9IGl0ZW0uaWQ7XG4gICAgfSBlbHNlIHtcbiAgICAgIGlkID0gdGhpcy5pZFByZWZpeCB8fCAnbGlua3MtbGlzdC1pdGVtJztcbiAgICAgIGlmIChpbmRleCA+IDApIHtcbiAgICAgICAgaWQgKz0gJy0nICsgaW5kZXg7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIGlkO1xuICB9XG59XG4iLCJcbjxuZy10ZW1wbGF0ZSAjaW5uZXJIdG1sPlxuICAgIDx1bCAqbmdJZj1cIml0ZW1zXCI+XG4gICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgaW5kZXggYXMgaVwiIFtjbGFzc109XCJpdGVtLmNvbnRhaW5lckNsYXNzZXMgPyBpdGVtLmNvbnRhaW5lckNsYXNzZXMgOiAncHgtYmFzZSBib3JkZXIteSBib3JkZXItbmV1dHJhbC1iYXNlIC1teS1weCdcIj5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjaXRlbUNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZ2FwLWJhc2UganVzdGlmeS1iZXR3ZWVuIGl0ZW1zLWNlbnRlciBmbGV4LTFcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uaWNvblwiIFtjbGFzc109XCJpdGVtLmljb24uY29udGFpbmVyQ2xhc3NlcyA/IGl0ZW0uaWNvbi5jb250YWluZXJDbGFzc2VzIDogJ3NlbGYtY2VudGVyIGgtZnVsbCdcIj5cbiAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaXRlbS5pY29uLmdldENvbnRlbnQoKVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4LTFcIj5cbiAgICAgICAgICAgICAgICAgICAgICA8c3Ryb25nICpuZ0lmPVwiaXRlbS5hY3RpdmU7IGVsc2UgaXRlbS5nZXRDb250ZW50KClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIml0ZW0uZ2V0Q29udGVudCgpXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgPC9zdHJvbmc+XG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgICAgIDxhICpuZ0lmPVwiaXRlbS5ocmVmICYmICFpdGVtLnJvdXRlckxpbmtcIiBbaWRdPVwiZ2V0SXRlbUlkKGl0ZW0sIGkpXCJcbiAgICAgICAgICAgICAgICAgIFtocmVmXT1cIml0ZW0uaHJlZlwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci50aXRsZV09XCJpdGVtLnRpdGxlIHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuY3VycmVudC1wYWdlXT1cIml0ZW0uYWN0aXZlID8gJ3BhZ2UnIDogbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWQgPyAndHJ1ZScgOiBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLnRhYmluZGV4XT1cIml0ZW0uZGlzYWJsZWQgPyAnLTEnIDogaXRlbS50YWJpbmRleCB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLnRhcmdldF09XCJpdGVtLnRhcmdldCA/IGl0ZW0udGFyZ2V0IDogbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5yb2xlXT1cIml0ZW0ucm9sZSB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtZGVzY3JpYmVkYnldPVwiaXRlbS5hcmlhRGVzY3JpYmVkQnkgfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWVycm9ybWVzc2FnZV09XCJpdGVtLmFyaWFFcnJvck1lc3NhZ2UgfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIml0ZW0uYXJpYUxhYmVsIHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cIml0ZW0uYXJpYUxhYmVsbGVkQnkgfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWhpZGRlbl09XCJpdGVtLmFyaWFIaWRkZW4gfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cIml0ZW0uYXJpYURpc2FibGVkIHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1jb250cm9sc109XCJpdGVtLmFyaWFDb250cm9scyB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtY3VycmVudF09XCJpdGVtLmFyaWFDdXJyZW50IHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1saXZlXT1cIml0ZW0uYXJpYUxpdmUgfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cIml0ZW0uYXJpYUV4cGFuZGVkIHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1oYXNwb3B1cF09XCJpdGVtLmFyaWFIYXNQb3B1cCB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFtjbGFzc109XCJbICdjLWxpbmsnLCBpdGVtLmNsYXNzZXMgPyBpdGVtLmNsYXNzZXMgOiAnZmxleCBqdXN0aWZ5LWJldHdlZW4gaXRlbXMtY2VudGVyIGdhcC1iYXNlIGZsZXgtMSBweS1iYXNlJywgaXRlbS5kaXNhYmxlZCA/ICd0ZXh0LW5ldXRyYWwtYmFzZSBuby11bmRlcmxpbmUgcG9pbnRlci1ldmVudHMtbm9uZScgOiAnJywgaXRlbS5hY3RpdmUgPyAnZm9udC1ib2xkJyA6ICcnXSB8IG1ha2VIdG1sTGlzdFwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpdGVtQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgPCEtLSBhcnJvdyAtLT5cbiAgICAgICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDE0MCAxNDBcIiBjbGFzcz1cInNlbGYtY2VudGVyXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgZm9jdXNhYmxlPVwiZmFsc2VcIiB3aWR0aD1cIjFlbVwiIGhlaWdodD1cIjFlbVwiPjxwYXRoIGQ9XCJNMTAyLjA3IDI3LjkzbDM1IDM1YTEwIDEwIDAgMDEwIDE0LjE0bC0zNSAzNWExMCAxMCAwIDAxLTE0LjE0LTE0LjE0bDEzLjY2LTEzLjY2QTIuNSAyLjUgMCAwMDk5LjgyIDgwSDEwYTEwIDEwIDAgMDEwLTIwaDg5LjgyYTIuNSAyLjUgMCAwMDEuNzctNC4yN0w4Ny45MyA0Mi4wN2ExMCAxMCAwIDAxMTQuMTQtMTQuMTR6XCIgZmlsbD1cImN1cnJlbnRDb2xvclwiPjwvcGF0aD48L3N2Zz5cbiAgICAgICAgICAgIDwvYT5cblxuICAgICAgICAgICAgPGEgKm5nSWY9XCIhaXRlbS5ocmVmICYmIGl0ZW0ucm91dGVyTGlua1wiIFtpZF09XCJnZXRJdGVtSWQoaXRlbSwgaSlcIlxuICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiaXRlbS5yb3V0ZXJMaW5rXCIgXG4gICAgICAgICAgICAgICAgICBbZnJhZ21lbnRdPVwiaXRlbS5mcmFnbWVudFwiIFxuICAgICAgICAgICAgICAgICAgW2F0dHIudGl0bGVdPVwiaXRlbS50aXRsZSB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmN1cnJlbnQtcGFnZV09XCJpdGVtLmFjdGl2ZSA/ICdwYWdlJyA6IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1kaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkID8gJ3RydWUnIDogbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci50YWJpbmRleF09XCJpdGVtLmRpc2FibGVkID8gJy0xJyA6IGl0ZW0udGFiaW5kZXggfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci50YXJnZXRdPVwiaXRlbS50YXJnZXQgPyBpdGVtLnRhcmdldCA6IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIucm9sZV09XCJpdGVtLnJvbGUgfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cIml0ZW0uYXJpYURlc2NyaWJlZEJ5IHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1lcnJvcm1lc3NhZ2VdPVwiaXRlbS5hcmlhRXJyb3JNZXNzYWdlIHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJpdGVtLmFyaWFMYWJlbCB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJpdGVtLmFyaWFMYWJlbGxlZEJ5IHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1oaWRkZW5dPVwiaXRlbS5hcmlhSGlkZGVuIHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1kaXNhYmxlZF09XCJpdGVtLmFyaWFEaXNhYmxlZCB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtY29udHJvbHNdPVwiaXRlbS5hcmlhQ29udHJvbHMgfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWN1cnJlbnRdPVwiaXRlbS5hcmlhQ3VycmVudCB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGl2ZV09XCJpdGVtLmFyaWFMaXZlIHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJpdGVtLmFyaWFFeHBhbmRlZCB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtaGFzcG9wdXBdPVwiaXRlbS5hcmlhSGFzUG9wdXAgfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbY2xhc3NdPVwiWyAnYy1saW5rJywgaXRlbS5jbGFzc2VzID8gaXRlbS5jbGFzc2VzIDogJ2ZsZXgganVzdGlmeS1iZXR3ZWVuIGl0ZW1zLWNlbnRlciBnYXAtYmFzZSBmbGV4LTEgcHktYmFzZScsIGl0ZW0uZGlzYWJsZWQgPyAndGV4dC1uZXV0cmFsLWJhc2Ugbm8tdW5kZXJsaW5lIHBvaW50ZXItZXZlbnRzLW5vbmUnIDogJycsIGl0ZW0uYWN0aXZlID8gJ2ZvbnQtYm9sZCcgOiAnJ10gfCBtYWtlSHRtbExpc3RcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaXRlbUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgIDwhLS0gYXJyb3cgLS0+XG4gICAgICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAxNDAgMTQwXCIgY2xhc3M9XCJzZWxmLWNlbnRlclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgd2lkdGg9XCIxZW1cIiBoZWlnaHQ9XCIxZW1cIj48cGF0aCBkPVwiTTEwMi4wNyAyNy45M2wzNSAzNWExMCAxMCAwIDAxMCAxNC4xNGwtMzUgMzVhMTAgMTAgMCAwMS0xNC4xNC0xNC4xNGwxMy42Ni0xMy42NkEyLjUgMi41IDAgMDA5OS44MiA4MEgxMGExMCAxMCAwIDAxMC0yMGg4OS44MmEyLjUgMi41IDAgMDAxLjc3LTQuMjdMODcuOTMgNDIuMDdhMTAgMTAgMCAwMTE0LjE0LTE0LjE0elwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIj48L3BhdGg+PC9zdmc+XG4gICAgICAgICAgICA8L2E+XG5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhaXRlbS5ocmVmICYmICFpdGVtLnJvdXRlckxpbmtcIiBbaWRdPVwiZ2V0SXRlbUlkKGl0ZW0sIGkpXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLnRpdGxlXT1cIml0ZW0udGl0bGUgfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5jdXJyZW50LXBhZ2VdPVwiaXRlbS5hY3RpdmUgPyAncGFnZScgOiBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZCA/ICd0cnVlJyA6IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIudGFiaW5kZXhdPVwiaXRlbS5kaXNhYmxlZCA/ICctMScgOiBpdGVtLnRhYmluZGV4IHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIudGFyZ2V0XT1cIml0ZW0udGFyZ2V0ID8gaXRlbS50YXJnZXQgOiBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLnJvbGVdPVwiaXRlbS5yb2xlIHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCJpdGVtLmFyaWFEZXNjcmliZWRCeSB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtZXJyb3JtZXNzYWdlXT1cIml0ZW0uYXJpYUVycm9yTWVzc2FnZSB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5hcmlhTGFiZWwgfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwiaXRlbS5hcmlhTGFiZWxsZWRCeSB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtaGlkZGVuXT1cIml0ZW0uYXJpYUhpZGRlbiB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwiaXRlbS5hcmlhRGlzYWJsZWQgfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cIml0ZW0uYXJpYUNvbnRyb2xzIHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1jdXJyZW50XT1cIml0ZW0uYXJpYUN1cnJlbnQgfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWxpdmVdPVwiaXRlbS5hcmlhTGl2ZSB8fCBudWxsXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXRlbS5hcmlhRXhwYW5kZWQgfHwgbnVsbFwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWhhc3BvcHVwXT1cIml0ZW0uYXJpYUhhc1BvcHVwIHx8IG51bGxcIlxuICAgICAgICAgICAgICAgICAgW2NsYXNzXT1cIlsgaXRlbS5jbGFzc2VzID8gaXRlbS5jbGFzc2VzIDogJ2ZsZXgganVzdGlmeS1iZXR3ZWVuIGl0ZW1zLWNlbnRlciBnYXAtYmFzZSBmbGV4LTEgcHktYmFzZScsIGl0ZW0uZGlzYWJsZWQgPyAndGV4dC1uZXV0cmFsLWJhc2Ugbm8tdW5kZXJsaW5lIHBvaW50ZXItZXZlbnRzLW5vbmUnOiAnJywgaXRlbS5hY3RpdmUgPyAnZm9udC1ib2xkJzogJyddIHwgbWFrZUh0bWxMaXN0XCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIml0ZW1Db250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJpdGVtLnN1YlwiIFtpZF09XCInc3ViLScgKyBnZXRJdGVtSWQoaXRlbSwgaSlcIiBbY2xhc3NdPVwiaXRlbS5zdWIuY2xhc3NlcyA/IGl0ZW0uc3ViLmNsYXNzZXMgOiAnYy1wYXJhZ3JhcGgtYmFzZSB0ZXh0LW5ldXRyYWwtZGFyayAtbXQtYmFzZSBtci1sZydcIj5cbiAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIml0ZW0uc3ViLmdldENvbnRlbnQoKVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbGk+XG4gICAgICA8L3VsPlxuPC9uZy10ZW1wbGF0ZT5cblxuPGRpdiAqbmdJZj1cIiFoYXNOYXZcIiBbY2xhc3NdPVwiY2xhc3Nlc1wiXG4gICAgW2F0dHIucm9sZV09XCJyb2xlIHx8IG51bGxcIlxuICAgIFthdHRyLmFyaWEtZGVzY3JpYmVkYnldPVwiYXJpYURlc2NyaWJlZEJ5IHx8IG51bGxcIlxuICAgIFthdHRyLmFyaWEtZXJyb3JtZXNzYWdlXT1cImFyaWFFcnJvck1lc3NhZ2UgfHwgbnVsbFwiXG4gICAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWwgfHwgbnVsbFwiXG4gICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImFyaWFMYWJlbGxlZEJ5IHx8IG51bGxcIlxuICAgIFthdHRyLmFyaWEtaGlkZGVuXT1cImFyaWFIaWRkZW4gfHwgbnVsbFwiXG4gICAgW2F0dHIuYXJpYS1kaXNhYmxlZF09XCJhcmlhRGlzYWJsZWQgfHwgbnVsbFwiXG4gICAgW2F0dHIuYXJpYS1jb250cm9sc109XCJhcmlhQ29udHJvbHMgfHwgbnVsbFwiXG4gICAgW2F0dHIuYXJpYS1jdXJyZW50XT1cImFyaWFDdXJyZW50IHx8IG51bGxcIlxuICAgIFthdHRyLmFyaWEtbGl2ZV09XCJhcmlhTGl2ZSB8fCBudWxsXCJcbiAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImFyaWFFeHBhbmRlZCB8fCBudWxsXCJcbiAgICBbYXR0ci5hcmlhLWhhc3BvcHVwXT1cImFyaWFIYXNQb3B1cCB8fCBudWxsXCJcbiAgICBbYXR0ci50YWJpbmRleF09XCJ0YWJpbmRleCB8fCBudWxsXCI+XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpbm5lckh0bWxcIj48L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuPG5hdiAqbmdJZj1cImhhc05hdlwiIFtjbGFzc109XCJjbGFzc2VzXCJcbiAgICBbYXR0ci5yb2xlXT1cInJvbGUgfHwgbnVsbFwiXG4gICAgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCJhcmlhRGVzY3JpYmVkQnkgfHwgbnVsbFwiXG4gICAgW2F0dHIuYXJpYS1lcnJvcm1lc3NhZ2VdPVwiYXJpYUVycm9yTWVzc2FnZSB8fCBudWxsXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbCB8fCBudWxsXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwiYXJpYUxhYmVsbGVkQnkgfHwgbnVsbFwiXG4gICAgW2F0dHIuYXJpYS1oaWRkZW5dPVwiYXJpYUhpZGRlbiB8fCBudWxsXCJcbiAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cImFyaWFEaXNhYmxlZCB8fCBudWxsXCJcbiAgICBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cImFyaWFDb250cm9scyB8fCBudWxsXCJcbiAgICBbYXR0ci5hcmlhLWN1cnJlbnRdPVwiYXJpYUN1cnJlbnQgfHwgbnVsbFwiXG4gICAgW2F0dHIuYXJpYS1saXZlXT1cImFyaWFMaXZlIHx8IG51bGxcIlxuICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiYXJpYUV4cGFuZGVkIHx8IG51bGxcIlxuICAgIFthdHRyLmFyaWEtaGFzcG9wdXBdPVwiYXJpYUhhc1BvcHVwIHx8IG51bGxcIlxuICAgIFthdHRyLnRhYmluZGV4XT1cInRhYmluZGV4IHx8IG51bGxcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImlubmVySHRtbFwiPjwvbmctY29udGFpbmVyPlxuPC9uYXY+XG4iXX0=

package/esm2020/lib/desy-nav/components/menu-horizontal/menu-horizontal-item/menu-horizontal-item.component.mjs

@@ -8,9 +8,9 @@ export class MenuHorizontalItemComponent extends ContentBaseComponent {
         this.activeChange = new EventEmitter();
     }
 }
-MenuHorizontalItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuHorizontalItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenuHorizontalItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenuHorizontalItemComponent, selector: "desy-menu-horizontal-item", inputs: { href: "href", routerLink: "routerLink", fragment: "fragment", target: "target", id: "id", active: "active", disabled: "disabled", classes: "classes" }, outputs: { clickEvent: "clickEvent", activeChange: "activeChange" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuHorizontalItemComponent, decorators: [{
+MenuHorizontalItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuHorizontalItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenuHorizontalItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuHorizontalItemComponent, selector: "desy-menu-horizontal-item", inputs: { href: "href", routerLink: "routerLink", fragment: "fragment", target: "target", id: "id", active: "active", disabled: "disabled", classes: "classes" }, outputs: { clickEvent: "clickEvent", activeChange: "activeChange" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuHorizontalItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-menu-horizontal-item',

package/esm2020/lib/desy-nav/components/menu-horizontal/menu-horizontal.component.mjs

@@ -57,9 +57,9 @@ export class MenuHorizontalComponent extends AccessibilityComponent {
         return id;
     }
 }
-MenuHorizontalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuHorizontalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenuHorizontalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenuHorizontalComponent, selector: "desy-menu-horizontal", inputs: { id: "id", idPrefix: "idPrefix", classes: "classes", items: "items" }, outputs: { clickEvent: "clickEvent" }, queries: [{ propertyName: "itemComponents", predicate: MenuHorizontalItemComponent }], usesInheritance: true, ngImport: i0, template: "<!-- menu-horizontal -->\n<nav [class]=\"['c-menu-horizontal', classes] | makeHtmlList\"\n     [attr.id]=\"id ? id : null\"\n     [attr.role]=\"role ? role : null\"\n     [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n     [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n     [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n     [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n     [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n     [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n     [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n     [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n     [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n     [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n     [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n     [attr.tabindex]=\"tabindex ? tabindex : null\">\n  <ul class=\"c-menu-horizontal__list lg:flex lg:flex-wrap\">\n    <ng-container *ngFor=\"let item of getItemList(); index as i\">\n      <li *ngIf=\"item\">\n        <span *ngIf=\"item.active; else elseBlock\" [attr.id]=\"getItemId(item, i)\"\n              [class]=\"['c-menu-horizontal__active flex items-center relative py-sm lg:px-lg lg:py-base border border-transparent truncate font-semibold', item.classes] | makeHtmlList\"\n              [attr.title]=\"item.title ? item.title : null\"\n              [attr.role]=\"item.role ? item.role : null\"\n              aria-current=\"page\"\n              [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\n              [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n              [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n              [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n              [attr.aria-disabled]=\"item.ariaDisabled ? item.ariaDisabled : null\"\n              [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n              [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n              [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\n              [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n              [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\"\n              [attr.tabindex]=\"item.tabindex ? item.tabindex : null\">\n          <strong>\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n          </strong>\n        </span>\n        <ng-template #elseBlock>\n          <a *ngIf=\"item.routerLink && !item.href\" (click)=\"onClick($event, item)\"\n             [attr.id]=\"getItemId(item, i)\"\n             [routerLink]=\"item.routerLink\"\n             [fragment]=\"item.fragment\"\n             [class]=\"['c-menu-horizontal__link relative flex items-center py-sm lg:px-lg lg:py-base border border-transparent text-black hover:text-primary-base underline truncate focus:outline-none', item.classes] | makeHtmlList\"\n             [ngClass]=\"{'no-underline pointer-events-none': item.disabled}\"\n             [attr.disabled]=\"item.disabled ? 'disabled' : null\"\n             [attr.aria-disabled]=\"item.disabled ? item.disabled : null\"\n             [attr.tabindex]=\"item.disabled ? -1 : item.tabindex\"\n             [attr.title]=\"item.title ? item.title : null\"\n             [attr.role]=\"item.role ? item.role : null\"\n             [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\n             [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n             [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n             [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n             [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n             [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\n             [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n             [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\n             [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n             [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\">\n             <span class=\"flex items-center pointer-events-none\">\n               <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n             </span>\n          </a>\n          <a *ngIf=\"!item.routerLink && item.href\" (click)=\"onClick($event, item)\"\n             [attr.id]=\"getItemId(item, i)\"\n             [href]=\"item.href | externalHref\"\n             [target]=\"item.target\"\n             [class]=\"['c-menu-horizontal__link relative flex items-center py-sm lg:px-lg lg:py-base border border-transparent text-black hover:text-primary-base underline truncate focus:outline-none', item.classes] | makeHtmlList\"\n             [ngClass]=\"{'no-underline pointer-events-none': item.disabled}\"\n             [attr.disabled]=\"item.disabled ? 'disabled' : null\"\n             [attr.aria-disabled]=\"item.disabled ? item.disabled : null\"\n             [attr.tabindex]=\"item.disabled ? -1 : item.tabindex\"\n             [attr.title]=\"item.title ? item.title : null\"\n             [attr.role]=\"item.role ? item.role : null\"\n             [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\n             [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n             [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n             [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n             [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n             [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\n             [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n             [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\n             [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n             [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\">\n             <span class=\"flex items-center pointer-events-none\">\n               <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n             </span>\n          </a>\n        </ng-template>\n      </li>\n    </ng-container>\n  </ul>\n</nav>\n<!-- /menu-horizontal -->\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }, { kind: "pipe", type: i5.ExternalHrefPipe, name: "externalHref" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuHorizontalComponent, decorators: [{
+MenuHorizontalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuHorizontalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenuHorizontalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuHorizontalComponent, selector: "desy-menu-horizontal", inputs: { id: "id", idPrefix: "idPrefix", classes: "classes", items: "items" }, outputs: { clickEvent: "clickEvent" }, queries: [{ propertyName: "itemComponents", predicate: MenuHorizontalItemComponent }], usesInheritance: true, ngImport: i0, template: "<!-- menu-horizontal -->\n<nav [class]=\"['c-menu-horizontal', classes] | makeHtmlList\"\n     [attr.id]=\"id ? id : null\"\n     [attr.role]=\"role ? role : null\"\n     [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n     [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n     [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n     [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n     [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n     [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n     [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n     [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n     [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n     [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n     [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n     [attr.tabindex]=\"tabindex ? tabindex : null\">\n  <ul class=\"c-menu-horizontal__list lg:flex lg:flex-wrap\">\n    <ng-container *ngFor=\"let item of getItemList(); index as i\">\n      <li *ngIf=\"item\">\n        <span *ngIf=\"item.active; else elseBlock\" [attr.id]=\"getItemId(item, i)\"\n              [class]=\"['c-menu-horizontal__active flex items-center relative py-sm lg:px-lg lg:py-base border border-transparent truncate font-semibold', item.classes] | makeHtmlList\"\n              [attr.title]=\"item.title ? item.title : null\"\n              [attr.role]=\"item.role ? item.role : null\"\n              aria-current=\"page\"\n              [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\n              [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n              [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n              [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n              [attr.aria-disabled]=\"item.ariaDisabled ? item.ariaDisabled : null\"\n              [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n              [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n              [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\n              [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n              [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\"\n              [attr.tabindex]=\"item.tabindex ? item.tabindex : null\">\n          <strong>\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n          </strong>\n        </span>\n        <ng-template #elseBlock>\n          <a *ngIf=\"item.routerLink && !item.href\" (click)=\"onClick($event, item)\"\n             [attr.id]=\"getItemId(item, i)\"\n             [routerLink]=\"item.routerLink\"\n             [fragment]=\"item.fragment\"\n             [class]=\"['c-menu-horizontal__link relative flex items-center py-sm lg:px-lg lg:py-base border border-transparent text-black hover:text-primary-base underline truncate focus:outline-none', item.classes] | makeHtmlList\"\n             [ngClass]=\"{'no-underline pointer-events-none': item.disabled}\"\n             [attr.disabled]=\"item.disabled ? 'disabled' : null\"\n             [attr.aria-disabled]=\"item.disabled ? item.disabled : null\"\n             [attr.tabindex]=\"item.disabled ? -1 : item.tabindex\"\n             [attr.title]=\"item.title ? item.title : null\"\n             [attr.role]=\"item.role ? item.role : null\"\n             [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\n             [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n             [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n             [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n             [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n             [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\n             [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n             [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\n             [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n             [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\">\n             <span class=\"flex items-center pointer-events-none\">\n               <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n             </span>\n          </a>\n          <a *ngIf=\"!item.routerLink && item.href\" (click)=\"onClick($event, item)\"\n             [attr.id]=\"getItemId(item, i)\"\n             [href]=\"item.href | externalHref\"\n             [target]=\"item.target\"\n             [class]=\"['c-menu-horizontal__link relative flex items-center py-sm lg:px-lg lg:py-base border border-transparent text-black hover:text-primary-base underline truncate focus:outline-none', item.classes] | makeHtmlList\"\n             [ngClass]=\"{'no-underline pointer-events-none': item.disabled}\"\n             [attr.disabled]=\"item.disabled ? 'disabled' : null\"\n             [attr.aria-disabled]=\"item.disabled ? item.disabled : null\"\n             [attr.tabindex]=\"item.disabled ? -1 : item.tabindex\"\n             [attr.title]=\"item.title ? item.title : null\"\n             [attr.role]=\"item.role ? item.role : null\"\n             [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\n             [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n             [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n             [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n             [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n             [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\n             [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n             [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\n             [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n             [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\">\n             <span class=\"flex items-center pointer-events-none\">\n               <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n             </span>\n          </a>\n        </ng-template>\n      </li>\n    </ng-container>\n  </ul>\n</nav>\n<!-- /menu-horizontal -->\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }, { kind: "pipe", type: i5.ExternalHrefPipe, name: "externalHref" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuHorizontalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menu-horizontal', template: "<!-- menu-horizontal -->\n<nav [class]=\"['c-menu-horizontal', classes] | makeHtmlList\"\n     [attr.id]=\"id ? id : null\"\n     [attr.role]=\"role ? role : null\"\n     [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n     [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n     [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n     [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n     [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n     [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n     [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n     [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n     [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n     [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n     [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n     [attr.tabindex]=\"tabindex ? tabindex : null\">\n  <ul class=\"c-menu-horizontal__list lg:flex lg:flex-wrap\">\n    <ng-container *ngFor=\"let item of getItemList(); index as i\">\n      <li *ngIf=\"item\">\n        <span *ngIf=\"item.active; else elseBlock\" [attr.id]=\"getItemId(item, i)\"\n              [class]=\"['c-menu-horizontal__active flex items-center relative py-sm lg:px-lg lg:py-base border border-transparent truncate font-semibold', item.classes] | makeHtmlList\"\n              [attr.title]=\"item.title ? item.title : null\"\n              [attr.role]=\"item.role ? item.role : null\"\n              aria-current=\"page\"\n              [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\n              [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n              [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n              [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n              [attr.aria-disabled]=\"item.ariaDisabled ? item.ariaDisabled : null\"\n              [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n              [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n              [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\n              [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n              [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\"\n              [attr.tabindex]=\"item.tabindex ? item.tabindex : null\">\n          <strong>\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n          </strong>\n        </span>\n        <ng-template #elseBlock>\n          <a *ngIf=\"item.routerLink && !item.href\" (click)=\"onClick($event, item)\"\n             [attr.id]=\"getItemId(item, i)\"\n             [routerLink]=\"item.routerLink\"\n             [fragment]=\"item.fragment\"\n             [class]=\"['c-menu-horizontal__link relative flex items-center py-sm lg:px-lg lg:py-base border border-transparent text-black hover:text-primary-base underline truncate focus:outline-none', item.classes] | makeHtmlList\"\n             [ngClass]=\"{'no-underline pointer-events-none': item.disabled}\"\n             [attr.disabled]=\"item.disabled ? 'disabled' : null\"\n             [attr.aria-disabled]=\"item.disabled ? item.disabled : null\"\n             [attr.tabindex]=\"item.disabled ? -1 : item.tabindex\"\n             [attr.title]=\"item.title ? item.title : null\"\n             [attr.role]=\"item.role ? item.role : null\"\n             [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\n             [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n             [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n             [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n             [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n             [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\n             [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n             [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\n             [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n             [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\">\n             <span class=\"flex items-center pointer-events-none\">\n               <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n             </span>\n          </a>\n          <a *ngIf=\"!item.routerLink && item.href\" (click)=\"onClick($event, item)\"\n             [attr.id]=\"getItemId(item, i)\"\n             [href]=\"item.href | externalHref\"\n             [target]=\"item.target\"\n             [class]=\"['c-menu-horizontal__link relative flex items-center py-sm lg:px-lg lg:py-base border border-transparent text-black hover:text-primary-base underline truncate focus:outline-none', item.classes] | makeHtmlList\"\n             [ngClass]=\"{'no-underline pointer-events-none': item.disabled}\"\n             [attr.disabled]=\"item.disabled ? 'disabled' : null\"\n             [attr.aria-disabled]=\"item.disabled ? item.disabled : null\"\n             [attr.tabindex]=\"item.disabled ? -1 : item.tabindex\"\n             [attr.title]=\"item.title ? item.title : null\"\n             [attr.role]=\"item.role ? item.role : null\"\n             [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\n             [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n             [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n             [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n             [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n             [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\n             [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n             [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\n             [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n             [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\">\n             <span class=\"flex items-center pointer-events-none\">\n               <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n             </span>\n          </a>\n        </ng-template>\n      </li>\n    </ng-container>\n  </ul>\n</nav>\n<!-- /menu-horizontal -->\n" }]
         }], propDecorators: { id: [{

package/esm2020/lib/desy-nav/components/menu-navigation/components/menu-navigation-item/menu-navigation-item.component.mjs

@@ -11,9 +11,9 @@ export class MenuNavigationItemComponent extends ContentBaseComponent {
         return this.subItems.toArray();
     }
 }
-MenuNavigationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenuNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenuNavigationItemComponent, selector: "desy-menu-navigation-item", inputs: { href: "href", target: "target", text: "text", html: "html", id: "id", expanded: "expanded", divider: "divider", disabled: "disabled", sub: "sub", classes: "classes", title: "title", active: "active" }, outputs: { selected: "selected" }, queries: [{ propertyName: "subItems", predicate: MenuNavigationSubitemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>  " });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuNavigationItemComponent, decorators: [{
+MenuNavigationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenuNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuNavigationItemComponent, selector: "desy-menu-navigation-item", inputs: { href: "href", target: "target", text: "text", html: "html", id: "id", expanded: "expanded", divider: "divider", disabled: "disabled", sub: "sub", classes: "classes", title: "title", active: "active" }, outputs: { selected: "selected" }, queries: [{ propertyName: "subItems", predicate: MenuNavigationSubitemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>  " });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuNavigationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menu-navigation-item', template: "<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>  " }]
         }], propDecorators: { href: [{

package/esm2020/lib/desy-nav/components/menu-navigation/components/menu-navigation-subitem/menu-navigation-subitem.component.mjs

@@ -8,9 +8,9 @@ export class MenuNavigationSubitemComponent extends ContentBaseComponent {
         this.checkedChange = new EventEmitter();
     }
 }
-MenuNavigationSubitemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuNavigationSubitemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenuNavigationSubitemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenuNavigationSubitemComponent, selector: "desy-menu-navigation-subitem", inputs: { href: "href", target: "target", text: "text", html: "html", id: "id", expanded: "expanded", divider: "divider", disabled: "disabled", sub: "sub", classes: "classes", active: "active" }, outputs: { selected: "selected", checkedChange: "checkedChange" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>  " });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuNavigationSubitemComponent, decorators: [{
+MenuNavigationSubitemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuNavigationSubitemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenuNavigationSubitemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuNavigationSubitemComponent, selector: "desy-menu-navigation-subitem", inputs: { href: "href", target: "target", text: "text", html: "html", id: "id", expanded: "expanded", divider: "divider", disabled: "disabled", sub: "sub", classes: "classes", active: "active" }, outputs: { selected: "selected", checkedChange: "checkedChange" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>  " });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuNavigationSubitemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menu-navigation-subitem', template: "<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>  " }]
         }], propDecorators: { href: [{

package/esm2020/lib/desy-nav/components/menu-navigation/menu-navigation.component.mjs

@@ -536,9 +536,9 @@ export class MenuNavigationComponent extends AccessibilityComponent {
         return id;
     }
 }
-MenuNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MenuNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenuNavigationComponent, selector: "desy-menu-navigation", inputs: { idPrefix: "idPrefix", items: "items", classes: "classes", id: "id" }, outputs: { itemsChange: "itemsChange", activeItemChange: "activeItemChange", activeSubItemChange: "activeSubItemChange" }, host: { properties: { "class": "this.classes", "class.c-menu-navigation": "this.cfg", "attr.id": "this.id", "attr.role": "this.roleData", "attr.aria-label": "this.ariaLabelData", "attr.aria-describedby": "this.ariaDescribedbyData", "attr.aria-labelledby": "this.ariaLabelledbyData", "attr.aria-hidden": "this.ariaHiddenData", "attr.aria-disabled": "this.ariaDisabledData", "attr.aria-controls": "this.ariaControlsData", "attr.aria-current": "this.ariaCurrentData", "attr.aria-live": "this.ariaLiveData", "attr.aria-expanded": "this.ariaExpandedData", "attr.aria-errormessage": "this.ariaErrormessageData", "attr.aria-haspopup": "this.ariaHaspopupData", "attr.aria-modal": "this.ariaModalData" } }, queries: [{ propertyName: "itemComponentList", predicate: MenuNavigationItemComponent }], viewQueries: [{ propertyName: "menunavigation", first: true, predicate: ["menunavigation"], descendants: true, read: ElementRef }, { propertyName: "menuItems", predicate: MenubaritemDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ul #menunavigation [id]=\"id + '-menu-navigation'\" class=\"flex flex-wrap gap-base\"\n(focusin)=\"handleMenuFocusIn()\"\n(focusout)=\"handleMenuFocusOut($event)\"\n[ngClass]=\"{ 'focus': isFocused }\"\n[attr.aria-label]=\"ariaLabel ? ariaLabel : null\">\n<ng-container *ngFor=\"let item of getItems(); index as itemIndex\">\n<li class=\"relative\" role=\"none\" desyMenubaritem (contentChanged)=\"checkChanges()\">\n  <a *ngIf=\"item.href\" #link\n     (click)=\"handleMenuItemClick($event, itemIndex)\"\n      (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n      (mouseover)=\"handleMenuItemMouseOver(itemIndex)\"\n      (desyAttributeChange)=\"checkChanges()\" [attributesToCheck]=\"'disabled'\"\n      role=\"item.disabled ? link : null\"\n      [id]=\"getItemId(item, itemIndex)\"\n      [target]=\"item.target\"\n      [href]=\"item.href\"\n      [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n      [ngClass]=\"{'c-menu-navigation__button--disabled': item.disabled, 'c-menu-navigation__button--primary': item.active, 'c-menu-navigation__button--has-selection': item.active}\"\n      [attr.disabled]=\"item.disabled ? item.disabled : null\"\n      [attr.aria-disabled]=\"item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)\"\n      [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n      [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n      [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n      [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n      [attr.aria-current]=\"item.disabled ? 'page' : (item.ariaCurrent ? item.ariaCurrent : null)\"\n      [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n      [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n      [attr.aria-modal]=\"item.ariaModal ? item.ariaModal : null\"\n      [attr.tabindex]=\"item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)\">\n      <span class=\"inline-flex self-center max-w-xs align-middle truncate pointer-events-none\" #itemContentWrapper>\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text}\"></ng-container>\n      </span>          \n  </a>\n  <button *ngIf=\"!item.href\" #link #itemContentWrapper\n     (click)=\"handleMenuItemClick($event, itemIndex)\"\n      (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n      (mouseover)=\"handleMenuItemMouseOver(itemIndex)\"\n      (desyAttributeChange)=\"checkChanges()\" [attributesToCheck]=\"'disabled'\"\n      aria-expanded=\"item.sub ? true : false\"\n      aria-controls=\"item.sub ? id + '-sub-list' : ''\"\n      [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n      [ngClass]=\"{'c-menu-navigation__button--disabled': item.disabled, 'c-menu-navigation__button--primary': item.active, 'c-menu-navigation__button--has-selection': item.active}\"\n      [attr.disabled]=\"item.disabled ? item.disabled : null\"\n      [attr.aria-disabled]=\"item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)\"\n      [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n      [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n      [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n      [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n      [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\n      [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n      [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n      [attr.aria-modal]=\"item.ariaModal ? item.ariaModal : null\"\n      [attr.tabindex]=\"item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)\">\n          <span *ngIf=\"item.active\" class=\"sr-only\">Item activo: </span>\n          <span class=\"inline-flex self-center max-w-xs align-middle truncate pointer-events-none\" #itemContentWrapper>\n              <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text}\"></ng-container>\n            </span>\n          <svg *ngIf=\"item.sub\" class=\"inline-block -mr-2  align-middle -my-px pointer-events-none\" viewBox=\"0 0 96 96\" aria-hidden=\"true\" fill=\"currentColor\" focusable=\"false\" width=\"1.5em\" height=\"1.5em\"><g><path d=\"M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z\"/></g></svg>\n  </button>        \n\n  <div *ngIf=\"item.sub && getItemSubitems(item)\" class=\"c-menu-navigation__sub absolute bottom-0 left-0\">\n      <ul  [id]=\"id + '-sub-list'\" [ngStyle]=\"getPopupStyle(itemIndex)\" #popupMenu role=\"menu\" tabindex=\"-1\"\n      [class]=\"item.sub.classes ? item.sub.classes : 'c-menu-navigation__tooltip w-max max-w-64 border border-neutral-base shadow-md bg-white text-sm'\"\n      [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : (item.sub.ariaLabel ? item.sub.ariaLabel : null)\"\n      [attr.aria-describedby]=\"item.sub.ariaDescribedBy ? item.sub.ariaDescribedBy : null\"\n      [attr.aria-labelledby]=\"item.sub.ariaLabelledBy ? item.sub.ariaLabelledBy : null\"\n      [attr.aria-hidden]=\"item.sub.ariaHidden ? item.sub.ariaHidden : null\"\n      [attr.aria-disabled]=\"item.sub.ariaDisabled ? item.sub.ariaDisabled : null\"\n      [attr.aria-controls]=\"item.sub.ariaControls ? item.sub.ariaControls : null\"\n      [attr.aria-current]=\"item.sub.ariaCurrent ? item.sub.ariaCurrent : null\"\n      [attr.aria-live]=\"item.sub.ariaLive ? item.sub.ariaLive : null\"\n      [attr.aria-expanded]=\"!!(menuData && menuData[itemIndex].open)\"\n      [attr.aria-errormessage]=\"item.sub.ariaErrorMessage ? item.sub.ariaErrorMessage : null\"\n      [attr.aria-haspopup]=\"item.sub.ariaHasPopup ? item.sub.ariaHasPopup : null\"\n      [attr.aria-modal]=\"item.sub.ariaModal ? item.sub.ariaModal : null\">\n        <ng-container *ngFor=\"let subItem of getItemSubitems(item); index as subItemIndex\">\t\t\t\t\n            <li #popupMenuItem *ngIf=\"subItem.href\" role=\"none\" tabindex=\"-1\"\n            class=\"focus:bg-primary-base focus:text-white focus:outline-none\"\n                [id]=\"getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))\"\n                (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                (mouseover)=\"handlePopupMenuItemMouseOver(itemIndex, subItemIndex)\"\n                (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\">\n              <span *ngIf=\"subItem.active\" id=\"subItem.id\" #itemContentWrapper \n                  [class]=\"['flex items-center px-base py-sm text-sm font-semibold cursor-pointer hover:bg-primary-base hover:text-white', subItem.classes] | makeHtmlList\" \n                  aria-current=\"page\"\n                  \n                  [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : (subItem.ariaLabel ? subItem.ariaLabel : null)\"\n                  [attr.aria-describedby]=\"subItem.ariaDescribedBy ? subItem.ariaDescribedBy : null\"\n                  [attr.aria-labelledby]=\"subItem.ariaLabelledBy ? subItem.ariaLabelledBy : null\"\n                  [attr.aria-hidden]=\"subItem.ariaHidden ? subItem.ariaHidden : null\"\n                  [attr.aria-disabled]=\"subItem.ariaDisabled ? subItem.ariaDisabled : null\"\n                  [attr.aria-controls]=\"subItem.ariaControls ? subItem.ariaControls : null\"\n                  [attr.aria-current]=\"subItem.ariaCurrent ? subItem.ariaCurrent : null\"\n                  [attr.aria-live]=\"subItem.ariaLive ? subItem.ariaLive : null\"\n                  [attr.aria-expanded]=\"!!(menuData && menuData[subItemIndex].open)\"\n                  [attr.aria-errormessage]=\"subItem.ariaErrorMessage ? subItem.ariaErrorMessage : null\"\n                  [attr.aria-haspopup]=\"subItem.ariaHasPopup ? subItem.ariaHasPopup : null\"\n                  [attr.aria-modal]=\"subItem.ariaModal ? subItem.ariaModal : null\"\n                  (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\">\n                      <ng-container *desyCustomInnerContent=\"{ component: subItem, html: subItem.html, text: subItem.text}\"></ng-container>\n              </span>\n              \n              <a *ngIf=\"!subItem.active\" #itemContentWrapper\n                  [href]=\"subItem.href\"\n                  (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                  (mouseover)=\"handlePopupMenuItemMouseOver(itemIndex, subItemIndex)\"\n                  (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\"\n                  (desyAttributeChange)=\"checkChanges()\"\n                  [class]=\"['flex items-center px-base py-sm text-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', subItem.classes] | makeHtmlList\"\n                  [ngClass]=\"{'pointer-events-none': subItem.disabled}\"\n                  [tabindex]=\"subItem.disabled ? -1 : null\"\n                  [target] = \"subItem.target\">\n                  <span class=\"inline-flex self-center max-w-xs align-middle truncate\" #itemContentWrapper>\n                      <ng-container *desyCustomInnerContent=\"{ component: subItem, html: subItem.html, text: subItem.text}\"></ng-container>\n                  </span>\n                  <svg *ngIf=\"subItem.disabled\" viewBox=\"0 0 140 140\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\" class=\"inline-block align-middle ml-sm text-neutral-base fill-current\" aria-hidden=\"true\" focusable=\"false\" ><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zM20 70a50 50 0 0174.8-43.4 2.51 2.51 0 011.23 1.84 2.48 2.48 0 01-.71 2.1L30.54 95.32a2.51 2.51 0 01-3.94-.52A49.63 49.63 0 0120 70zm100 0a50 50 0 01-74.8 43.4 2.51 2.51 0 01-1.23-1.84 2.48 2.48 0 01.71-2.1l64.78-64.78a2.51 2.51 0 013.94.52A49.63 49.63 0 01120 70z\"/></svg>\n              </a>\n            </li>\n            <li #popupMenuItem *ngIf=\"!subItem.href\" role=\"none\" tabindex=\"-1\"\n                [id]=\"getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))\"\n                class=\"focus:bg-primary-base focus:text-white focus:outline-none\"\n                (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                (mouseover)=\"handlePopupMenuItemMouseOver(itemIndex, subItemIndex)\"\n                (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\">\n                <span [id]=\"getSubItemId(subItem, subItemIndex, getItemId(item, subItemIndex))\"\n                  class=\"flex items-center px-base py-sm text-sm cursor-pointer hover:bg-primary-base hover:text-white\"\n                  [ngClass]=\"{'font-bold': subItem.active, 'pointer-events-none': subItem.disabled}\">\n                      <ng-container *desyCustomInnerContent=\"{ component: subItem, html: subItem.html, text: subItem.text}\"></ng-container>\n                  </span>\n                  <svg *ngIf=\"subItem.disabled\" viewBox=\"0 0 140 140\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\" class=\"inline-block align-middle ml-sm text-neutral-base fill-current\" aria-hidden=\"true\" focusable=\"false\" ><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zM20 70a50 50 0 0174.8-43.4 2.51 2.51 0 011.23 1.84 2.48 2.48 0 01-.71 2.1L30.54 95.32a2.51 2.51 0 01-3.94-.52A49.63 49.63 0 0120 70zm100 0a50 50 0 01-74.8 43.4 2.51 2.51 0 01-1.23-1.84 2.48 2.48 0 01.71-2.1l64.78-64.78a2.51 2.51 0 013.94.52A49.63 49.63 0 01120 70z\"/></svg>\n            </li>\n            \n            <li *ngIf=\"subItem.divider\" class=\"my-sm border-b border-neutral-base\">\n              <div class=\"sr-only\">Separador</div>\n          </li>\n        </ng-container>\n      </ul>\n  </div>\n</li>\n<li #popupMenuItem *ngIf=\"item.divider\" class=\"item.divider.classes\" role=\"presentation\" aria-hidden=\"true\">\n          <ng-container *desyCustomInnerContent=\"{ component: item.divider, html: item.divider.html, text: item.divider.text}\"></ng-container>\n</li>\n</ng-container>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.AttributeChangeDirective, selector: "[desyAttributeChange]", inputs: ["attributesToCheck"], outputs: ["desyAttributeChange", "desyAttributeChangeMutation"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: i4.MenubaritemDirective, selector: "[desyMenubaritem]", outputs: ["contentChanged"] }, { kind: "pipe", type: i5.MakeHtmlListPipe, name: "makeHtmlList" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuNavigationComponent, decorators: [{
+MenuNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MenuNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuNavigationComponent, selector: "desy-menu-navigation", inputs: { idPrefix: "idPrefix", items: "items", classes: "classes", id: "id" }, outputs: { itemsChange: "itemsChange", activeItemChange: "activeItemChange", activeSubItemChange: "activeSubItemChange" }, host: { properties: { "class": "this.classes", "class.c-menu-navigation": "this.cfg", "attr.id": "this.id", "attr.role": "this.roleData", "attr.aria-label": "this.ariaLabelData", "attr.aria-describedby": "this.ariaDescribedbyData", "attr.aria-labelledby": "this.ariaLabelledbyData", "attr.aria-hidden": "this.ariaHiddenData", "attr.aria-disabled": "this.ariaDisabledData", "attr.aria-controls": "this.ariaControlsData", "attr.aria-current": "this.ariaCurrentData", "attr.aria-live": "this.ariaLiveData", "attr.aria-expanded": "this.ariaExpandedData", "attr.aria-errormessage": "this.ariaErrormessageData", "attr.aria-haspopup": "this.ariaHaspopupData", "attr.aria-modal": "this.ariaModalData" } }, queries: [{ propertyName: "itemComponentList", predicate: MenuNavigationItemComponent }], viewQueries: [{ propertyName: "menunavigation", first: true, predicate: ["menunavigation"], descendants: true, read: ElementRef }, { propertyName: "menuItems", predicate: MenubaritemDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ul #menunavigation [id]=\"id + '-menu-navigation'\" class=\"flex flex-wrap gap-base\"\n(focusin)=\"handleMenuFocusIn()\"\n(focusout)=\"handleMenuFocusOut($event)\"\n[ngClass]=\"{ 'focus': isFocused }\"\n[attr.aria-label]=\"ariaLabel ? ariaLabel : null\">\n<ng-container *ngFor=\"let item of getItems(); index as itemIndex\">\n<li class=\"relative\" role=\"none\" desyMenubaritem (contentChanged)=\"checkChanges()\">\n  <a *ngIf=\"item.href\" #link\n     (click)=\"handleMenuItemClick($event, itemIndex)\"\n      (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n      (mouseover)=\"handleMenuItemMouseOver(itemIndex)\"\n      (desyAttributeChange)=\"checkChanges()\" [attributesToCheck]=\"'disabled'\"\n      role=\"item.disabled ? link : null\"\n      [id]=\"getItemId(item, itemIndex)\"\n      [target]=\"item.target\"\n      [href]=\"item.href\"\n      [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n      [ngClass]=\"{'c-menu-navigation__button--disabled': item.disabled, 'c-menu-navigation__button--primary': item.active, 'c-menu-navigation__button--has-selection': item.active}\"\n      [attr.disabled]=\"item.disabled ? item.disabled : null\"\n      [attr.aria-disabled]=\"item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)\"\n      [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n      [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n      [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n      [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n      [attr.aria-current]=\"item.disabled ? 'page' : (item.ariaCurrent ? item.ariaCurrent : null)\"\n      [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n      [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n      [attr.aria-modal]=\"item.ariaModal ? item.ariaModal : null\"\n      [attr.tabindex]=\"item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)\">\n      <span class=\"inline-flex self-center max-w-xs align-middle truncate pointer-events-none\" #itemContentWrapper>\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text}\"></ng-container>\n      </span>          \n  </a>\n  <button *ngIf=\"!item.href\" #link #itemContentWrapper\n     (click)=\"handleMenuItemClick($event, itemIndex)\"\n      (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n      (mouseover)=\"handleMenuItemMouseOver(itemIndex)\"\n      (desyAttributeChange)=\"checkChanges()\" [attributesToCheck]=\"'disabled'\"\n      aria-expanded=\"item.sub ? true : false\"\n      aria-controls=\"item.sub ? id + '-sub-list' : ''\"\n      [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n      [ngClass]=\"{'c-menu-navigation__button--disabled': item.disabled, 'c-menu-navigation__button--primary': item.active, 'c-menu-navigation__button--has-selection': item.active}\"\n      [attr.disabled]=\"item.disabled ? item.disabled : null\"\n      [attr.aria-disabled]=\"item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)\"\n      [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n      [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n      [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n      [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n      [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\n      [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n      [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n      [attr.aria-modal]=\"item.ariaModal ? item.ariaModal : null\"\n      [attr.tabindex]=\"item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)\">\n          <span *ngIf=\"item.active\" class=\"sr-only\">Item activo: </span>\n          <span class=\"inline-flex self-center max-w-xs align-middle truncate pointer-events-none\" #itemContentWrapper>\n              <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text}\"></ng-container>\n            </span>\n          <svg *ngIf=\"item.sub\" class=\"inline-block -mr-2  align-middle -my-px pointer-events-none\" viewBox=\"0 0 96 96\" aria-hidden=\"true\" fill=\"currentColor\" focusable=\"false\" width=\"1.5em\" height=\"1.5em\"><g><path d=\"M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z\"/></g></svg>\n  </button>        \n\n  <div *ngIf=\"item.sub && getItemSubitems(item)\" class=\"c-menu-navigation__sub absolute bottom-0 left-0\">\n      <ul  [id]=\"id + '-sub-list'\" [ngStyle]=\"getPopupStyle(itemIndex)\" #popupMenu role=\"menu\" tabindex=\"-1\"\n      [class]=\"item.sub.classes ? item.sub.classes : 'c-menu-navigation__tooltip w-max max-w-64 border border-neutral-base shadow-md bg-white text-sm'\"\n      [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : (item.sub.ariaLabel ? item.sub.ariaLabel : null)\"\n      [attr.aria-describedby]=\"item.sub.ariaDescribedBy ? item.sub.ariaDescribedBy : null\"\n      [attr.aria-labelledby]=\"item.sub.ariaLabelledBy ? item.sub.ariaLabelledBy : null\"\n      [attr.aria-hidden]=\"item.sub.ariaHidden ? item.sub.ariaHidden : null\"\n      [attr.aria-disabled]=\"item.sub.ariaDisabled ? item.sub.ariaDisabled : null\"\n      [attr.aria-controls]=\"item.sub.ariaControls ? item.sub.ariaControls : null\"\n      [attr.aria-current]=\"item.sub.ariaCurrent ? item.sub.ariaCurrent : null\"\n      [attr.aria-live]=\"item.sub.ariaLive ? item.sub.ariaLive : null\"\n      [attr.aria-expanded]=\"!!(menuData && menuData[itemIndex].open)\"\n      [attr.aria-errormessage]=\"item.sub.ariaErrorMessage ? item.sub.ariaErrorMessage : null\"\n      [attr.aria-haspopup]=\"item.sub.ariaHasPopup ? item.sub.ariaHasPopup : null\"\n      [attr.aria-modal]=\"item.sub.ariaModal ? item.sub.ariaModal : null\">\n        <ng-container *ngFor=\"let subItem of getItemSubitems(item); index as subItemIndex\">\t\t\t\t\n            <li #popupMenuItem *ngIf=\"subItem.href\" role=\"none\" tabindex=\"-1\"\n            class=\"focus:bg-primary-base focus:text-white focus:outline-none\"\n                [id]=\"getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))\"\n                (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                (mouseover)=\"handlePopupMenuItemMouseOver(itemIndex, subItemIndex)\"\n                (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\">\n              <span *ngIf=\"subItem.active\" id=\"subItem.id\" #itemContentWrapper \n                  [class]=\"['flex items-center px-base py-sm text-sm font-semibold cursor-pointer hover:bg-primary-base hover:text-white', subItem.classes] | makeHtmlList\" \n                  aria-current=\"page\"\n                  \n                  [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : (subItem.ariaLabel ? subItem.ariaLabel : null)\"\n                  [attr.aria-describedby]=\"subItem.ariaDescribedBy ? subItem.ariaDescribedBy : null\"\n                  [attr.aria-labelledby]=\"subItem.ariaLabelledBy ? subItem.ariaLabelledBy : null\"\n                  [attr.aria-hidden]=\"subItem.ariaHidden ? subItem.ariaHidden : null\"\n                  [attr.aria-disabled]=\"subItem.ariaDisabled ? subItem.ariaDisabled : null\"\n                  [attr.aria-controls]=\"subItem.ariaControls ? subItem.ariaControls : null\"\n                  [attr.aria-current]=\"subItem.ariaCurrent ? subItem.ariaCurrent : null\"\n                  [attr.aria-live]=\"subItem.ariaLive ? subItem.ariaLive : null\"\n                  [attr.aria-expanded]=\"!!(menuData && menuData[subItemIndex].open)\"\n                  [attr.aria-errormessage]=\"subItem.ariaErrorMessage ? subItem.ariaErrorMessage : null\"\n                  [attr.aria-haspopup]=\"subItem.ariaHasPopup ? subItem.ariaHasPopup : null\"\n                  [attr.aria-modal]=\"subItem.ariaModal ? subItem.ariaModal : null\"\n                  (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\">\n                      <ng-container *desyCustomInnerContent=\"{ component: subItem, html: subItem.html, text: subItem.text}\"></ng-container>\n              </span>\n              \n              <a *ngIf=\"!subItem.active\" #itemContentWrapper\n                  [href]=\"subItem.href\"\n                  (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                  (mouseover)=\"handlePopupMenuItemMouseOver(itemIndex, subItemIndex)\"\n                  (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\"\n                  (desyAttributeChange)=\"checkChanges()\"\n                  [class]=\"['flex items-center px-base py-sm text-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', subItem.classes] | makeHtmlList\"\n                  [ngClass]=\"{'pointer-events-none': subItem.disabled}\"\n                  [tabindex]=\"subItem.disabled ? -1 : null\"\n                  [target] = \"subItem.target\">\n                  <span class=\"inline-flex self-center max-w-xs align-middle truncate\" #itemContentWrapper>\n                      <ng-container *desyCustomInnerContent=\"{ component: subItem, html: subItem.html, text: subItem.text}\"></ng-container>\n                  </span>\n                  <svg *ngIf=\"subItem.disabled\" viewBox=\"0 0 140 140\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\" class=\"inline-block align-middle ml-sm text-neutral-base fill-current\" aria-hidden=\"true\" focusable=\"false\" ><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zM20 70a50 50 0 0174.8-43.4 2.51 2.51 0 011.23 1.84 2.48 2.48 0 01-.71 2.1L30.54 95.32a2.51 2.51 0 01-3.94-.52A49.63 49.63 0 0120 70zm100 0a50 50 0 01-74.8 43.4 2.51 2.51 0 01-1.23-1.84 2.48 2.48 0 01.71-2.1l64.78-64.78a2.51 2.51 0 013.94.52A49.63 49.63 0 01120 70z\"/></svg>\n              </a>\n            </li>\n            <li #popupMenuItem *ngIf=\"!subItem.href\" role=\"none\" tabindex=\"-1\"\n                [id]=\"getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))\"\n                class=\"focus:bg-primary-base focus:text-white focus:outline-none\"\n                (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                (mouseover)=\"handlePopupMenuItemMouseOver(itemIndex, subItemIndex)\"\n                (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\">\n                <span [id]=\"getSubItemId(subItem, subItemIndex, getItemId(item, subItemIndex))\"\n                  class=\"flex items-center px-base py-sm text-sm cursor-pointer hover:bg-primary-base hover:text-white\"\n                  [ngClass]=\"{'font-bold': subItem.active, 'pointer-events-none': subItem.disabled}\">\n                      <ng-container *desyCustomInnerContent=\"{ component: subItem, html: subItem.html, text: subItem.text}\"></ng-container>\n                  </span>\n                  <svg *ngIf=\"subItem.disabled\" viewBox=\"0 0 140 140\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\" class=\"inline-block align-middle ml-sm text-neutral-base fill-current\" aria-hidden=\"true\" focusable=\"false\" ><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zM20 70a50 50 0 0174.8-43.4 2.51 2.51 0 011.23 1.84 2.48 2.48 0 01-.71 2.1L30.54 95.32a2.51 2.51 0 01-3.94-.52A49.63 49.63 0 0120 70zm100 0a50 50 0 01-74.8 43.4 2.51 2.51 0 01-1.23-1.84 2.48 2.48 0 01.71-2.1l64.78-64.78a2.51 2.51 0 013.94.52A49.63 49.63 0 01120 70z\"/></svg>\n            </li>\n            \n            <li *ngIf=\"subItem.divider\" class=\"my-sm border-b border-neutral-base\">\n              <div class=\"sr-only\">Separador</div>\n          </li>\n        </ng-container>\n      </ul>\n  </div>\n</li>\n<li #popupMenuItem *ngIf=\"item.divider\" class=\"item.divider.classes\" role=\"presentation\" aria-hidden=\"true\">\n          <ng-container *desyCustomInnerContent=\"{ component: item.divider, html: item.divider.html, text: item.divider.text}\"></ng-container>\n</li>\n</ng-container>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.AttributeChangeDirective, selector: "[desyAttributeChange]", inputs: ["attributesToCheck", "desyAttributeChangeEnabled"], outputs: ["desyAttributeChange", "desyAttributeChangeMutation"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: i4.MenubaritemDirective, selector: "[desyMenubaritem]", outputs: ["contentChanged"] }, { kind: "pipe", type: i5.MakeHtmlListPipe, name: "makeHtmlList" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menu-navigation', template: "<ul #menunavigation [id]=\"id + '-menu-navigation'\" class=\"flex flex-wrap gap-base\"\n(focusin)=\"handleMenuFocusIn()\"\n(focusout)=\"handleMenuFocusOut($event)\"\n[ngClass]=\"{ 'focus': isFocused }\"\n[attr.aria-label]=\"ariaLabel ? ariaLabel : null\">\n<ng-container *ngFor=\"let item of getItems(); index as itemIndex\">\n<li class=\"relative\" role=\"none\" desyMenubaritem (contentChanged)=\"checkChanges()\">\n  <a *ngIf=\"item.href\" #link\n     (click)=\"handleMenuItemClick($event, itemIndex)\"\n      (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n      (mouseover)=\"handleMenuItemMouseOver(itemIndex)\"\n      (desyAttributeChange)=\"checkChanges()\" [attributesToCheck]=\"'disabled'\"\n      role=\"item.disabled ? link : null\"\n      [id]=\"getItemId(item, itemIndex)\"\n      [target]=\"item.target\"\n      [href]=\"item.href\"\n      [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n      [ngClass]=\"{'c-menu-navigation__button--disabled': item.disabled, 'c-menu-navigation__button--primary': item.active, 'c-menu-navigation__button--has-selection': item.active}\"\n      [attr.disabled]=\"item.disabled ? item.disabled : null\"\n      [attr.aria-disabled]=\"item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)\"\n      [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n      [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n      [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n      [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n      [attr.aria-current]=\"item.disabled ? 'page' : (item.ariaCurrent ? item.ariaCurrent : null)\"\n      [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n      [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n      [attr.aria-modal]=\"item.ariaModal ? item.ariaModal : null\"\n      [attr.tabindex]=\"item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)\">\n      <span class=\"inline-flex self-center max-w-xs align-middle truncate pointer-events-none\" #itemContentWrapper>\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text}\"></ng-container>\n      </span>          \n  </a>\n  <button *ngIf=\"!item.href\" #link #itemContentWrapper\n     (click)=\"handleMenuItemClick($event, itemIndex)\"\n      (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n      (mouseover)=\"handleMenuItemMouseOver(itemIndex)\"\n      (desyAttributeChange)=\"checkChanges()\" [attributesToCheck]=\"'disabled'\"\n      aria-expanded=\"item.sub ? true : false\"\n      aria-controls=\"item.sub ? id + '-sub-list' : ''\"\n      [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n      [ngClass]=\"{'c-menu-navigation__button--disabled': item.disabled, 'c-menu-navigation__button--primary': item.active, 'c-menu-navigation__button--has-selection': item.active}\"\n      [attr.disabled]=\"item.disabled ? item.disabled : null\"\n      [attr.aria-disabled]=\"item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)\"\n      [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n      [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n      [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n      [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n      [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\n      [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n      [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n      [attr.aria-modal]=\"item.ariaModal ? item.ariaModal : null\"\n      [attr.tabindex]=\"item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)\">\n          <span *ngIf=\"item.active\" class=\"sr-only\">Item activo: </span>\n          <span class=\"inline-flex self-center max-w-xs align-middle truncate pointer-events-none\" #itemContentWrapper>\n              <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text}\"></ng-container>\n            </span>\n          <svg *ngIf=\"item.sub\" class=\"inline-block -mr-2  align-middle -my-px pointer-events-none\" viewBox=\"0 0 96 96\" aria-hidden=\"true\" fill=\"currentColor\" focusable=\"false\" width=\"1.5em\" height=\"1.5em\"><g><path d=\"M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z\"/></g></svg>\n  </button>        \n\n  <div *ngIf=\"item.sub && getItemSubitems(item)\" class=\"c-menu-navigation__sub absolute bottom-0 left-0\">\n      <ul  [id]=\"id + '-sub-list'\" [ngStyle]=\"getPopupStyle(itemIndex)\" #popupMenu role=\"menu\" tabindex=\"-1\"\n      [class]=\"item.sub.classes ? item.sub.classes : 'c-menu-navigation__tooltip w-max max-w-64 border border-neutral-base shadow-md bg-white text-sm'\"\n      [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : (item.sub.ariaLabel ? item.sub.ariaLabel : null)\"\n      [attr.aria-describedby]=\"item.sub.ariaDescribedBy ? item.sub.ariaDescribedBy : null\"\n      [attr.aria-labelledby]=\"item.sub.ariaLabelledBy ? item.sub.ariaLabelledBy : null\"\n      [attr.aria-hidden]=\"item.sub.ariaHidden ? item.sub.ariaHidden : null\"\n      [attr.aria-disabled]=\"item.sub.ariaDisabled ? item.sub.ariaDisabled : null\"\n      [attr.aria-controls]=\"item.sub.ariaControls ? item.sub.ariaControls : null\"\n      [attr.aria-current]=\"item.sub.ariaCurrent ? item.sub.ariaCurrent : null\"\n      [attr.aria-live]=\"item.sub.ariaLive ? item.sub.ariaLive : null\"\n      [attr.aria-expanded]=\"!!(menuData && menuData[itemIndex].open)\"\n      [attr.aria-errormessage]=\"item.sub.ariaErrorMessage ? item.sub.ariaErrorMessage : null\"\n      [attr.aria-haspopup]=\"item.sub.ariaHasPopup ? item.sub.ariaHasPopup : null\"\n      [attr.aria-modal]=\"item.sub.ariaModal ? item.sub.ariaModal : null\">\n        <ng-container *ngFor=\"let subItem of getItemSubitems(item); index as subItemIndex\">\t\t\t\t\n            <li #popupMenuItem *ngIf=\"subItem.href\" role=\"none\" tabindex=\"-1\"\n            class=\"focus:bg-primary-base focus:text-white focus:outline-none\"\n                [id]=\"getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))\"\n                (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                (mouseover)=\"handlePopupMenuItemMouseOver(itemIndex, subItemIndex)\"\n                (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\">\n              <span *ngIf=\"subItem.active\" id=\"subItem.id\" #itemContentWrapper \n                  [class]=\"['flex items-center px-base py-sm text-sm font-semibold cursor-pointer hover:bg-primary-base hover:text-white', subItem.classes] | makeHtmlList\" \n                  aria-current=\"page\"\n                  \n                  [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : (subItem.ariaLabel ? subItem.ariaLabel : null)\"\n                  [attr.aria-describedby]=\"subItem.ariaDescribedBy ? subItem.ariaDescribedBy : null\"\n                  [attr.aria-labelledby]=\"subItem.ariaLabelledBy ? subItem.ariaLabelledBy : null\"\n                  [attr.aria-hidden]=\"subItem.ariaHidden ? subItem.ariaHidden : null\"\n                  [attr.aria-disabled]=\"subItem.ariaDisabled ? subItem.ariaDisabled : null\"\n                  [attr.aria-controls]=\"subItem.ariaControls ? subItem.ariaControls : null\"\n                  [attr.aria-current]=\"subItem.ariaCurrent ? subItem.ariaCurrent : null\"\n                  [attr.aria-live]=\"subItem.ariaLive ? subItem.ariaLive : null\"\n                  [attr.aria-expanded]=\"!!(menuData && menuData[subItemIndex].open)\"\n                  [attr.aria-errormessage]=\"subItem.ariaErrorMessage ? subItem.ariaErrorMessage : null\"\n                  [attr.aria-haspopup]=\"subItem.ariaHasPopup ? subItem.ariaHasPopup : null\"\n                  [attr.aria-modal]=\"subItem.ariaModal ? subItem.ariaModal : null\"\n                  (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\">\n                      <ng-container *desyCustomInnerContent=\"{ component: subItem, html: subItem.html, text: subItem.text}\"></ng-container>\n              </span>\n              \n              <a *ngIf=\"!subItem.active\" #itemContentWrapper\n                  [href]=\"subItem.href\"\n                  (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                  (mouseover)=\"handlePopupMenuItemMouseOver(itemIndex, subItemIndex)\"\n                  (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\"\n                  (desyAttributeChange)=\"checkChanges()\"\n                  [class]=\"['flex items-center px-base py-sm text-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', subItem.classes] | makeHtmlList\"\n                  [ngClass]=\"{'pointer-events-none': subItem.disabled}\"\n                  [tabindex]=\"subItem.disabled ? -1 : null\"\n                  [target] = \"subItem.target\">\n                  <span class=\"inline-flex self-center max-w-xs align-middle truncate\" #itemContentWrapper>\n                      <ng-container *desyCustomInnerContent=\"{ component: subItem, html: subItem.html, text: subItem.text}\"></ng-container>\n                  </span>\n                  <svg *ngIf=\"subItem.disabled\" viewBox=\"0 0 140 140\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\" class=\"inline-block align-middle ml-sm text-neutral-base fill-current\" aria-hidden=\"true\" focusable=\"false\" ><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zM20 70a50 50 0 0174.8-43.4 2.51 2.51 0 011.23 1.84 2.48 2.48 0 01-.71 2.1L30.54 95.32a2.51 2.51 0 01-3.94-.52A49.63 49.63 0 0120 70zm100 0a50 50 0 01-74.8 43.4 2.51 2.51 0 01-1.23-1.84 2.48 2.48 0 01.71-2.1l64.78-64.78a2.51 2.51 0 013.94.52A49.63 49.63 0 01120 70z\"/></svg>\n              </a>\n            </li>\n            <li #popupMenuItem *ngIf=\"!subItem.href\" role=\"none\" tabindex=\"-1\"\n                [id]=\"getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))\"\n                class=\"focus:bg-primary-base focus:text-white focus:outline-none\"\n                (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                (mouseover)=\"handlePopupMenuItemMouseOver(itemIndex, subItemIndex)\"\n                (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\">\n                <span [id]=\"getSubItemId(subItem, subItemIndex, getItemId(item, subItemIndex))\"\n                  class=\"flex items-center px-base py-sm text-sm cursor-pointer hover:bg-primary-base hover:text-white\"\n                  [ngClass]=\"{'font-bold': subItem.active, 'pointer-events-none': subItem.disabled}\">\n                      <ng-container *desyCustomInnerContent=\"{ component: subItem, html: subItem.html, text: subItem.text}\"></ng-container>\n                  </span>\n                  <svg *ngIf=\"subItem.disabled\" viewBox=\"0 0 140 140\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\" class=\"inline-block align-middle ml-sm text-neutral-base fill-current\" aria-hidden=\"true\" focusable=\"false\" ><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zM20 70a50 50 0 0174.8-43.4 2.51 2.51 0 011.23 1.84 2.48 2.48 0 01-.71 2.1L30.54 95.32a2.51 2.51 0 01-3.94-.52A49.63 49.63 0 0120 70zm100 0a50 50 0 01-74.8 43.4 2.51 2.51 0 01-1.23-1.84 2.48 2.48 0 01.71-2.1l64.78-64.78a2.51 2.51 0 013.94.52A49.63 49.63 0 01120 70z\"/></svg>\n            </li>\n            \n            <li *ngIf=\"subItem.divider\" class=\"my-sm border-b border-neutral-base\">\n              <div class=\"sr-only\">Separador</div>\n          </li>\n        </ng-container>\n      </ul>\n  </div>\n</li>\n<li #popupMenuItem *ngIf=\"item.divider\" class=\"item.divider.classes\" role=\"presentation\" aria-hidden=\"true\">\n          <ng-container *desyCustomInnerContent=\"{ component: item.divider, html: item.divider.html, text: item.divider.text}\"></ng-container>\n</li>\n</ng-container>\n</ul>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { idPrefix: [{

package/esm2020/lib/desy-nav/components/menu-vertical/menu-vertical-item/menu-vertical-item.component.mjs

@@ -6,12 +6,12 @@ import { MenuVerticalItemSubComponent } from '../menu-vertical-item-sub/menu-ver
 import * as i0 from "@angular/core";
 export class MenuVerticalItemComponent extends ContentBaseComponent {
 }
-MenuVerticalItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuVerticalItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenuVerticalItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenuVerticalItemComponent, selector: "desy-menu-vertical-item", inputs: { id: "id", classes: "classes", href: "href", routerLink: "routerLink", routerLinkActiveClasses: "routerLinkActiveClasses", fragment: "fragment", target: "target", disabled: "disabled", active: "active", divider: "divider", title: "title", expanded: "expanded" }, queries: [{ propertyName: "subComponent", predicate: MenuVerticalItemSubComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
+MenuVerticalItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuVerticalItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenuVerticalItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuVerticalItemComponent, selector: "desy-menu-vertical-item", inputs: { id: "id", classes: "classes", href: "href", routerLink: "routerLink", routerLinkActiveClasses: "routerLinkActiveClasses", fragment: "fragment", target: "target", disabled: "disabled", active: "active", divider: "divider", title: "title", expanded: "expanded" }, queries: [{ propertyName: "subComponent", predicate: MenuVerticalItemSubComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
 __decorate([
     DesyContentChild()
 ], MenuVerticalItemComponent.prototype, "subComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuVerticalItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuVerticalItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menu-vertical-item', template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { id: [{

package/esm2020/lib/desy-nav/components/menu-vertical/menu-vertical-item-sub/menu-vertical-item-sub.component.mjs

@@ -4,9 +4,9 @@ import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class MenuVerticalItemSubComponent extends ContentBaseComponent {
 }
-MenuVerticalItemSubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuVerticalItemSubComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenuVerticalItemSubComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenuVerticalItemSubComponent, selector: "desy-menu-vertical-item-sub", inputs: { classes: "classes" }, queries: [{ propertyName: "itemComponents", predicate: MenuVerticalItemSubItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuVerticalItemSubComponent, decorators: [{
+MenuVerticalItemSubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuVerticalItemSubComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenuVerticalItemSubComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuVerticalItemSubComponent, selector: "desy-menu-vertical-item-sub", inputs: { classes: "classes" }, queries: [{ propertyName: "itemComponents", predicate: MenuVerticalItemSubItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuVerticalItemSubComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menu-vertical-item-sub', template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { classes: [{

package/esm2020/lib/desy-nav/components/menu-vertical/menu-vertical-item-sub-item/menu-vertical-item-sub-item.component.mjs

@@ -3,9 +3,9 @@ import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class MenuVerticalItemSubItemComponent extends ContentBaseComponent {
 }
-MenuVerticalItemSubItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuVerticalItemSubItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenuVerticalItemSubItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenuVerticalItemSubItemComponent, selector: "desy-menu-vertical-item-sub-item", inputs: { id: "id", classes: "classes", href: "href", routerLink: "routerLink", routerLinkActiveClasses: "routerLinkActiveClasses", fragment: "fragment", target: "target", disabled: "disabled", active: "active", divider: "divider", title: "title" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuVerticalItemSubItemComponent, decorators: [{
+MenuVerticalItemSubItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuVerticalItemSubItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenuVerticalItemSubItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuVerticalItemSubItemComponent, selector: "desy-menu-vertical-item-sub-item", inputs: { id: "id", classes: "classes", href: "href", routerLink: "routerLink", routerLinkActiveClasses: "routerLinkActiveClasses", fragment: "fragment", target: "target", disabled: "disabled", active: "active", divider: "divider", title: "title" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuVerticalItemSubItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menu-vertical-item-sub-item', template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { id: [{

package/esm2020/lib/desy-nav/components/menu-vertical/menu-vertical.component.mjs

@@ -63,8 +63,8 @@ export class MenuVerticalComponent extends AccessibilityComponent {
         return subItems && subItems.length > 0 ? subItems : null;
     }
 }
-MenuVerticalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuVerticalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenuVerticalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenuVerticalComponent, selector: "desy-menu-vertical", inputs: { id: "id", idPrefix: "idPrefix", items: "items", hasUnderline: "hasUnderline", classes: "classes" }, queries: [{ propertyName: "itemComponents", predicate: MenuVerticalItemComponent }], usesInheritance: true, ngImport: i0, template: "<!--\n  Template para ser utilizado tanto por los items como por los subitems:\n  - item: Item que representa\n  - index: indice del item en la lista\n  - id: identificador del item\n  - isRoot: si pertenece al nivel raiz\n-->\n<ng-template #itemTemplate let-item=\"item\" let-index=\"index\" let-id=\"id\" let-sub=\"sub\" let-isRoot=\"isRoot\">\n  <ng-container *ngIf=\"item\">\n    <li class=\"m-base\" [ngClass]=\"{'origin-top-left text-sm': !isRoot}\">\n      <ng-container *ngIf=\"item.href || item.routerLink; else notHref\">\n        <a *ngIf=\"item.href; else hasRouterLink\" [attr.id]=\"id\"\n           [href]=\"item.href | externalHref\"\n           [class]=\"['block px-xs focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\n           [ngClass]=\"{\n            'underline': hasUnderline,\n            'hover:text-primary-base hover:underline': !item.disabled,\n            'no-underline pointer-events-none': item.disabled,\n            'font-bold': item.active\n           }\"\n           [attr.title]=\"item.title\"\n           [attr.tabindex]=\"item.disabled ? -1 : null\"\n           [attr.target]=\"item.target ? item.target : null\"\n           [attr.aria-current]=\"item.active ? 'page' : null\"\n           [attr.aria-disabled]=\"item.disabled\"\n           [attr.aria-describedby]=\"item.ariaDescribedBy\"\n           [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n           [attr.aria-label]=\"item.ariaLabel\"\n           [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n           [attr.aria-hidden]=\"item.ariaHidden\"\n           [attr.aria-controls]=\"item.ariaControls\"\n           [attr.aria-live]=\"item.ariaLive\"\n           [attr.aria-expanded]=\"item.ariaExpanded\"\n           [attr.aria-haspopup]=\"item.ariaHasPopup\"\n           [attr.disabled]=\"item.disabled\">\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: getItemHtml(item), text: item.text }\"></ng-container>\n        </a>\n        <ng-template #hasRouterLink>\n          <!-- Todos los enlaces que admiten o href o routerLink estar\u00EDa bien unificarlos (en todos los componentes).\n                Para ello, ser\u00EDa necesario crear una directiva para a\u00F1adir o quitar la directiva routerLink si no tiene href.\n                Sin embargo, esto no es posible actualmente, ya que Angular todav\u00EDa no permite a\u00F1adir directivas din\u00E1micamente:\n                https://angular.io/guide/roadmap#support-adding-directives-to-host-elements -->\n          <a [attr.id]=\"id\"\n             [routerLink]=\"item.routerLink\" [fragment]=\"item.fragment ? item.fragment : null\"\n             [routerLinkActive]=\"item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []\"\n             [class]=\"['block px-xs focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\n             [ngClass]=\"{\n              'underline': hasUnderline,\n              'hover:text-primary-base hover:underline': !item.disabled,\n              'no-underline pointer-events-none': item.disabled,\n              'font-bold': item.active\n             }\"\n             [attr.title]=\"item.title\"\n             [attr.tabindex]=\"item.disabled ? -1 : null\"\n             [attr.target]=\"item.target ? item.target : null\"\n             [attr.aria-current]=\"item.active ? 'page' : null\"\n             [attr.aria-disabled]=\"item.disabled\"\n             [attr.aria-describedby]=\"item.ariaDescribedBy\"\n             [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n             [attr.aria-label]=\"item.ariaLabel\"\n             [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n             [attr.aria-hidden]=\"item.ariaHidden\"\n             [attr.aria-controls]=\"item.ariaControls\"\n             [attr.aria-live]=\"item.ariaLive\"\n             [attr.aria-expanded]=\"item.ariaExpanded\"\n             [attr.aria-haspopup]=\"item.ariaHasPopup\"\n             [attr.disabled]=\"item.disabled\">\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: getItemHtml(item), text: item.text }\"></ng-container>\n          </a>\n        </ng-template>\n      </ng-container>\n      <ng-template #notHref>\n            <span [attr.id]=\"id\"\n                  [class]=\"['block px-xs', item.classes] | makeHtmlList\"\n                  [ngClass]=\"{'font-bold': item.active}\"\n\n                  [attr.title]=\"item.title\"\n                  [attr.tabindex]=\"item.disabled ? -1 : null\"\n                  [attr.aria-current]=\"item.active ? 'page' : null\"\n                  [attr.aria-disabled]=\"item.disabled\"\n                  [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                  [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                  [attr.aria-label]=\"item.ariaLabel\"\n                  [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                  [attr.aria-hidden]=\"item.ariaHidden\"\n                  [attr.aria-controls]=\"item.ariaControls\"\n                  [attr.aria-live]=\"item.ariaLive\"\n                  [attr.aria-expanded]=\"item.ariaExpanded\"\n                  [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                  [attr.disabled]=\"item.disabled\">\n              <ng-container *desyCustomInnerContent=\"{ component: item, html: getItemHtml(item), text: item.text }\"></ng-container>\n            </span>\n      </ng-template>\n      <ng-container *ngIf=\"isRoot && sub\">\n        <ul *ngIf=\"getSubItems(sub)\" [ngClass]=\"sub.classes\"\n            [attr.aria-describedby]=\"sub.ariaDescribedBy\"\n            [attr.aria-errormessage]=\"sub.ariaErrorMessage\"\n            [attr.aria-label]=\"sub.ariaLabel\"\n            [attr.aria-labelledby]=\"sub.ariaLabelledBy\"\n            [attr.aria-hidden]=\"sub.ariaHidden\"\n            [attr.aria-disabled]=\"sub.ariaDisabled\"\n            [attr.aria-controls]=\"sub.ariaControls\"\n            [attr.aria-current]=\"sub.ariaCurrent\"\n            [attr.aria-live]=\"sub.ariaLive\"\n            [attr.aria-expanded]=\"sub.ariaExpanded\"\n            [attr.aria-haspopup]=\"sub.ariaHasPopup\"\n            [attr.tabindex]=\"sub.tabindex\">\n          <ng-container *ngFor=\"let subItem of getSubItems(sub); index as subIndex\">\n            <ng-container [ngTemplateOutlet]=\"itemTemplate\"\n                          [ngTemplateOutletContext]=\"{\n                           item: subItem,\n                           id: getSubItemId(item, index, subIndex),\n                           index: subIndex,\n                           isRoot: false\n                          }\">\n            </ng-container>\n          </ng-container>\n        </ul>\n        <div *ngIf=\"!getSubItems(sub)\"\n             [class]=\"['mb-base px-xs origin-top-left text-sm text-neutral-dark', sub.classes] | makeHtmlList\"\n             [id]=\"'sub-' + id\">\n          <ng-container *desyCustomInnerContent=\"{ component: sub, html: sub.html }\"></ng-container>\n        </div>\n      </ng-container>\n    </li>\n    <li *ngIf=\"item.divider\" class=\"my-sm border-b border-neutral-base\" aria-hidden=\"true\">\n      <div class=\"sr-only\">Separador</div>\n    </li>\n  </ng-container>\n</ng-template>\n\n<nav [ngClass]=\"classes\"\n     [attr.role]=\"(role ? role : null)\"\n     [attr.aria-describedby]=\"ariaDescribedBy\"\n     [attr.aria-errormessage]=\"ariaErrorMessage\"\n     [attr.aria-label]=\"ariaLabel\"\n     [attr.aria-labelledby]=\"ariaLabelledBy\"\n     [attr.aria-hidden]=\"ariaHidden\"\n     [attr.aria-disabled]=\"ariaDisabled\"\n     [attr.aria-controls]=\"ariaControls\"\n     [attr.aria-current]=\"ariaCurrent\"\n     [attr.aria-live]=\"ariaLive\"\n     [attr.aria-expanded]=\"ariaExpanded\"\n     [attr.aria-haspopup]=\"ariaHasPopup\"\n     [attr.tabindex]=\"tabindex\">\n  <ul class=\"text-base\">\n    <ng-container *ngFor=\"let item of getItems(); index as index\">\n      <ng-container [ngTemplateOutlet]=\"itemTemplate\"\n                    [ngTemplateOutletContext]=\"{  item: item, id: getId(item, index), index: index, sub: getItemSub(item), isRoot: true }\">\n      </ng-container>\n    </ng-container>\n  </ul>\n</nav>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }, { kind: "pipe", type: i5.ExternalHrefPipe, name: "externalHref" }], animations: [
+MenuVerticalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuVerticalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenuVerticalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuVerticalComponent, selector: "desy-menu-vertical", inputs: { id: "id", idPrefix: "idPrefix", items: "items", hasUnderline: "hasUnderline", classes: "classes" }, queries: [{ propertyName: "itemComponents", predicate: MenuVerticalItemComponent }], usesInheritance: true, ngImport: i0, template: "<!--\n  Template para ser utilizado tanto por los items como por los subitems:\n  - item: Item que representa\n  - index: indice del item en la lista\n  - id: identificador del item\n  - isRoot: si pertenece al nivel raiz\n-->\n<ng-template #itemTemplate let-item=\"item\" let-index=\"index\" let-id=\"id\" let-sub=\"sub\" let-isRoot=\"isRoot\">\n  <ng-container *ngIf=\"item\">\n    <li class=\"m-base\" [ngClass]=\"{'origin-top-left text-sm': !isRoot}\">\n      <ng-container *ngIf=\"item.href || item.routerLink; else notHref\">\n        <a *ngIf=\"item.href; else hasRouterLink\" [attr.id]=\"id\"\n           [href]=\"item.href | externalHref\"\n           [class]=\"['block px-xs focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\n           [ngClass]=\"{\n            'underline': hasUnderline,\n            'hover:text-primary-base hover:underline': !item.disabled,\n            'no-underline pointer-events-none': item.disabled,\n            'font-bold': item.active\n           }\"\n           [attr.title]=\"item.title\"\n           [attr.tabindex]=\"item.disabled ? -1 : null\"\n           [attr.target]=\"item.target ? item.target : null\"\n           [attr.aria-current]=\"item.active ? 'page' : null\"\n           [attr.aria-disabled]=\"item.disabled\"\n           [attr.aria-describedby]=\"item.ariaDescribedBy\"\n           [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n           [attr.aria-label]=\"item.ariaLabel\"\n           [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n           [attr.aria-hidden]=\"item.ariaHidden\"\n           [attr.aria-controls]=\"item.ariaControls\"\n           [attr.aria-live]=\"item.ariaLive\"\n           [attr.aria-expanded]=\"item.ariaExpanded\"\n           [attr.aria-haspopup]=\"item.ariaHasPopup\"\n           [attr.disabled]=\"item.disabled\">\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: getItemHtml(item), text: item.text }\"></ng-container>\n        </a>\n        <ng-template #hasRouterLink>\n          <!-- Todos los enlaces que admiten o href o routerLink estar\u00EDa bien unificarlos (en todos los componentes).\n                Para ello, ser\u00EDa necesario crear una directiva para a\u00F1adir o quitar la directiva routerLink si no tiene href.\n                Sin embargo, esto no es posible actualmente, ya que Angular todav\u00EDa no permite a\u00F1adir directivas din\u00E1micamente:\n                https://angular.io/guide/roadmap#support-adding-directives-to-host-elements -->\n          <a [attr.id]=\"id\"\n             [routerLink]=\"item.routerLink\" [fragment]=\"item.fragment ? item.fragment : null\"\n             [routerLinkActive]=\"item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []\"\n             [class]=\"['block px-xs focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\n             [ngClass]=\"{\n              'underline': hasUnderline,\n              'hover:text-primary-base hover:underline': !item.disabled,\n              'no-underline pointer-events-none': item.disabled,\n              'font-bold': item.active\n             }\"\n             [attr.title]=\"item.title\"\n             [attr.tabindex]=\"item.disabled ? -1 : null\"\n             [attr.target]=\"item.target ? item.target : null\"\n             [attr.aria-current]=\"item.active ? 'page' : null\"\n             [attr.aria-disabled]=\"item.disabled\"\n             [attr.aria-describedby]=\"item.ariaDescribedBy\"\n             [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n             [attr.aria-label]=\"item.ariaLabel\"\n             [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n             [attr.aria-hidden]=\"item.ariaHidden\"\n             [attr.aria-controls]=\"item.ariaControls\"\n             [attr.aria-live]=\"item.ariaLive\"\n             [attr.aria-expanded]=\"item.ariaExpanded\"\n             [attr.aria-haspopup]=\"item.ariaHasPopup\"\n             [attr.disabled]=\"item.disabled\">\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: getItemHtml(item), text: item.text }\"></ng-container>\n          </a>\n        </ng-template>\n      </ng-container>\n      <ng-template #notHref>\n            <span [attr.id]=\"id\"\n                  [class]=\"['block px-xs', item.classes] | makeHtmlList\"\n                  [ngClass]=\"{'font-bold': item.active}\"\n\n                  [attr.title]=\"item.title\"\n                  [attr.tabindex]=\"item.disabled ? -1 : null\"\n                  [attr.aria-current]=\"item.active ? 'page' : null\"\n                  [attr.aria-disabled]=\"item.disabled\"\n                  [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                  [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                  [attr.aria-label]=\"item.ariaLabel\"\n                  [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                  [attr.aria-hidden]=\"item.ariaHidden\"\n                  [attr.aria-controls]=\"item.ariaControls\"\n                  [attr.aria-live]=\"item.ariaLive\"\n                  [attr.aria-expanded]=\"item.ariaExpanded\"\n                  [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                  [attr.disabled]=\"item.disabled\">\n              <ng-container *desyCustomInnerContent=\"{ component: item, html: getItemHtml(item), text: item.text }\"></ng-container>\n            </span>\n      </ng-template>\n      <ng-container *ngIf=\"isRoot && sub\">\n        <ul *ngIf=\"getSubItems(sub)\" [ngClass]=\"sub.classes\"\n            [attr.aria-describedby]=\"sub.ariaDescribedBy\"\n            [attr.aria-errormessage]=\"sub.ariaErrorMessage\"\n            [attr.aria-label]=\"sub.ariaLabel\"\n            [attr.aria-labelledby]=\"sub.ariaLabelledBy\"\n            [attr.aria-hidden]=\"sub.ariaHidden\"\n            [attr.aria-disabled]=\"sub.ariaDisabled\"\n            [attr.aria-controls]=\"sub.ariaControls\"\n            [attr.aria-current]=\"sub.ariaCurrent\"\n            [attr.aria-live]=\"sub.ariaLive\"\n            [attr.aria-expanded]=\"sub.ariaExpanded\"\n            [attr.aria-haspopup]=\"sub.ariaHasPopup\"\n            [attr.tabindex]=\"sub.tabindex\">\n          <ng-container *ngFor=\"let subItem of getSubItems(sub); index as subIndex\">\n            <ng-container [ngTemplateOutlet]=\"itemTemplate\"\n                          [ngTemplateOutletContext]=\"{\n                           item: subItem,\n                           id: getSubItemId(item, index, subIndex),\n                           index: subIndex,\n                           isRoot: false\n                          }\">\n            </ng-container>\n          </ng-container>\n        </ul>\n        <div *ngIf=\"!getSubItems(sub)\"\n             [class]=\"['mb-base px-xs origin-top-left text-sm text-neutral-dark', sub.classes] | makeHtmlList\"\n             [id]=\"'sub-' + id\">\n          <ng-container *desyCustomInnerContent=\"{ component: sub, html: sub.html }\"></ng-container>\n        </div>\n      </ng-container>\n    </li>\n    <li *ngIf=\"item.divider\" class=\"my-sm border-b border-neutral-base\" aria-hidden=\"true\">\n      <div class=\"sr-only\">Separador</div>\n    </li>\n  </ng-container>\n</ng-template>\n\n<nav [ngClass]=\"classes\"\n     [attr.role]=\"(role ? role : null)\"\n     [attr.aria-describedby]=\"ariaDescribedBy\"\n     [attr.aria-errormessage]=\"ariaErrorMessage\"\n     [attr.aria-label]=\"ariaLabel\"\n     [attr.aria-labelledby]=\"ariaLabelledBy\"\n     [attr.aria-hidden]=\"ariaHidden\"\n     [attr.aria-disabled]=\"ariaDisabled\"\n     [attr.aria-controls]=\"ariaControls\"\n     [attr.aria-current]=\"ariaCurrent\"\n     [attr.aria-live]=\"ariaLive\"\n     [attr.aria-expanded]=\"ariaExpanded\"\n     [attr.aria-haspopup]=\"ariaHasPopup\"\n     [attr.tabindex]=\"tabindex\">\n  <ul class=\"text-base\">\n    <ng-container *ngFor=\"let item of getItems(); index as index\">\n      <ng-container [ngTemplateOutlet]=\"itemTemplate\"\n                    [ngTemplateOutletContext]=\"{  item: item, id: getId(item, index), index: index, sub: getItemSub(item), isRoot: true }\">\n      </ng-container>\n    </ng-container>\n  </ul>\n</nav>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }, { kind: "pipe", type: i5.ExternalHrefPipe, name: "externalHref" }], animations: [
         trigger('displayMenuVertical', [
             state('void', style({
                 opacity: '0.0',
@@ -79,7 +79,7 @@ MenuVerticalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             ])
         ])
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenuVerticalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuVerticalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menu-vertical', animations: [
                         trigger('displayMenuVertical', [

package/esm2020/lib/desy-nav/components/menubar/components/menubar-item/menubar-item.component.mjs

@@ -11,9 +11,9 @@ export class MenubarItemComponent extends ContentBaseComponent {
         return this.subItems.toArray();
     }
 }
-MenubarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenubarItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenubarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenubarItemComponent, selector: "desy-menubar-item", inputs: { href: "href", target: "target", routerLink: "routerLink", routerLinkActiveClasses: "routerLinkActiveClasses", fragment: "fragment", text: "text", html: "html", id: "id", sub: "sub", classes: "classes", title: "title", disabled: "disabled", active: "active" }, outputs: { selected: "selected" }, queries: [{ propertyName: "subItems", predicate: MenubarSubitemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenubarItemComponent, decorators: [{
+MenubarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenubarItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenubarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenubarItemComponent, selector: "desy-menubar-item", inputs: { href: "href", target: "target", routerLink: "routerLink", routerLinkActiveClasses: "routerLinkActiveClasses", fragment: "fragment", text: "text", html: "html", id: "id", sub: "sub", classes: "classes", title: "title", disabled: "disabled", active: "active" }, outputs: { selected: "selected" }, queries: [{ propertyName: "subItems", predicate: MenubarSubitemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenubarItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menubar-item', template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { href: [{

package/esm2020/lib/desy-nav/components/menubar/components/menubar-label/menubar-label.component.mjs

@@ -3,9 +3,9 @@ import { ContentBaseComponent } from '../../../../../shared/components';
 import * as i0 from "@angular/core";
 export class MenubarLabelComponent extends ContentBaseComponent {
 }
-MenubarLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenubarLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenubarLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenubarLabelComponent, selector: "desy-menubar-label", inputs: { classes: "classes" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenubarLabelComponent, decorators: [{
+MenubarLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenubarLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenubarLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenubarLabelComponent, selector: "desy-menubar-label", inputs: { classes: "classes" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenubarLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menubar-label', template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { classes: [{

package/esm2020/lib/desy-nav/components/menubar/components/menubar-subitem/menubar-subitem.component.mjs

@@ -12,9 +12,9 @@ export class MenubarSubitemComponent extends ContentBaseComponent {
         return this.subItems.toArray();
     }
 }
-MenubarSubitemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenubarSubitemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenubarSubitemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenubarSubitemComponent, selector: "desy-menubar-subitem", inputs: { text: "text", html: "html", checked: "checked", items: "items" }, outputs: { selected: "selected", checkedChange: "checkedChange" }, queries: [{ propertyName: "subItems", predicate: MenubarSubsubitemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenubarSubitemComponent, decorators: [{
+MenubarSubitemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenubarSubitemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenubarSubitemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenubarSubitemComponent, selector: "desy-menubar-subitem", inputs: { text: "text", html: "html", checked: "checked", items: "items" }, outputs: { selected: "selected", checkedChange: "checkedChange" }, queries: [{ propertyName: "subItems", predicate: MenubarSubsubitemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenubarSubitemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menubar-subitem', template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { text: [{

package/esm2020/lib/desy-nav/components/menubar/components/menubar-subsubitem/menubar-subsubitem.component.mjs

@@ -8,9 +8,9 @@ export class MenubarSubsubitemComponent extends ContentBaseComponent {
         this.checkedChange = new EventEmitter();
     }
 }
-MenubarSubsubitemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenubarSubsubitemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenubarSubsubitemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: MenubarSubsubitemComponent, selector: "desy-menubar-subsubitem", inputs: { html: "html", text: "text", checked: "checked" }, outputs: { selected: "selected", checkedChange: "checkedChange" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MenubarSubsubitemComponent, decorators: [{
+MenubarSubsubitemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenubarSubsubitemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenubarSubsubitemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenubarSubsubitemComponent, selector: "desy-menubar-subsubitem", inputs: { html: "html", text: "text", checked: "checked" }, outputs: { selected: "selected", checkedChange: "checkedChange" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenubarSubsubitemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menubar-subsubitem', template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { html: [{