npm - desy-angular - Versions diffs - 8.0.0 → 8.0.1 - Mend

desy-angular 8.0.0 → 8.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (176) hide show

package/esm2022/lib/desy-nav/components/links-list/links-list-item-sub/links-list-item-sub.component.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import { Component, Input } from '@angular/core';
 import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class LinksListItemSubComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LinksListItemSubComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: LinksListItemSubComponent, selector: "desy-links-list-item-sub", inputs: { classes: "classes" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: LinksListItemSubComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: LinksListItemSubComponent, selector: "desy-links-list-item-sub", 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: "16.2.7", ngImport: i0, type: LinksListItemSubComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: LinksListItemSubComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-links-list-item-sub', template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { classes: [{

package/esm2022/lib/desy-nav/components/links-list/links-list.component.mjs CHANGED Viewed

@@ -23,10 +23,10 @@ export class LinksListComponent extends AccessibilityComponent {
         }
         return id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LinksListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: LinksListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.7", ngImport: i0, type: LinksListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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: [{

package/esm2022/lib/desy-nav/components/menu-horizontal/menu-horizontal-item/menu-horizontal-item.component.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ export class MenuHorizontalItemComponent extends ContentBaseComponent {
         this.clickEvent = new EventEmitter();
         this.activeChange = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenuHorizontalItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenuHorizontalItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.7", ngImport: i0, type: MenuHorizontalItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenuHorizontalItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-menu-horizontal-item',

package/esm2022/lib/desy-nav/components/menu-horizontal/menu-horizontal.component.mjs CHANGED Viewed

@@ -55,10 +55,10 @@ export class MenuHorizontalComponent extends AccessibilityComponent {
         }
         return id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenuHorizontalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenuHorizontalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.7", ngImport: i0, type: MenuHorizontalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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/esm2022/lib/desy-nav/components/menu-navigation/components/menu-navigation-item/menu-navigation-item.component.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ export class MenuNavigationItemComponent extends ContentBaseComponent {
     getSubItems() {
         return this.subItems.toArray();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenuNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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>  " }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenuNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.7", ngImport: i0, type: MenuNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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/esm2022/lib/desy-nav/components/menu-navigation/components/menu-navigation-subitem/menu-navigation-subitem.component.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ export class MenuNavigationSubitemComponent extends ContentBaseComponent {
         this.selected = new EventEmitter();
         this.checkedChange = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenuNavigationSubitemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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>  " }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenuNavigationSubitemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.7", ngImport: i0, type: MenuNavigationSubitemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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/esm2022/lib/desy-nav/components/menu-navigation/menu-navigation.component.mjs CHANGED Viewed

@@ -521,10 +521,10 @@ export class MenuNavigationComponent extends AccessibilityComponent {
         }
         return id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenuNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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", "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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenuNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.7", ngImport: i0, type: MenuNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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/esm2022/lib/desy-nav/components/menu-vertical/menu-vertical-item/menu-vertical-item.component.mjs CHANGED Viewed

@@ -5,14 +5,14 @@ import { DesyContentChild } from '../../../../shared/decorators/desy-content-chi
 import { MenuVerticalItemSubComponent } from '../menu-vertical-item-sub/menu-vertical-item-sub.component';
 import * as i0 from "@angular/core";
 export class MenuVerticalItemComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenuVerticalItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenuVerticalItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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(),
     __metadata("design:type", MenuVerticalItemSubComponent)
 ], MenuVerticalItemComponent.prototype, "subComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenuVerticalItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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/esm2022/lib/desy-nav/components/menu-vertical/menu-vertical-item-sub/menu-vertical-item-sub.component.mjs CHANGED Viewed

@@ -3,10 +3,10 @@ import { MenuVerticalItemSubItemComponent } from '../menu-vertical-item-sub-item
 import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class MenuVerticalItemSubComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenuVerticalItemSubComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenuVerticalItemSubComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.7", ngImport: i0, type: MenuVerticalItemSubComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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/esm2022/lib/desy-nav/components/menu-vertical/menu-vertical-item-sub-item/menu-vertical-item-sub-item.component.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import { Component, Input } from '@angular/core';
 import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class MenuVerticalItemSubItemComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenuVerticalItemSubItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenuVerticalItemSubItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.7", ngImport: i0, type: MenuVerticalItemSubItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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/esm2022/lib/desy-nav/components/menu-vertical/menu-vertical.component.mjs CHANGED Viewed

@@ -62,8 +62,8 @@ export class MenuVerticalComponent extends AccessibilityComponent {
         const subItems = sub instanceof MenuVerticalItemSubComponent ? sub.itemComponents.toArray() : sub.items;
         return subItems && subItems.length > 0 ? subItems : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenuVerticalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenuVerticalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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 @@ export class MenuVerticalComponent extends AccessibilityComponent {
             ])
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenuVerticalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenuVerticalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-menu-vertical', animations: [
                         trigger('displayMenuVertical', [

package/esm2022/lib/desy-nav/components/menubar/components/menubar-item/menubar-item.component.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ export class MenubarItemComponent extends ContentBaseComponent {
     getSubItems() {
         return this.subItems.toArray();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenubarItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenubarItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.7", ngImport: i0, type: MenubarItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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/esm2022/lib/desy-nav/components/menubar/components/menubar-label/menubar-label.component.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import { Component, Input } from '@angular/core';
 import { ContentBaseComponent } from '../../../../../shared/components';
 import * as i0 from "@angular/core";
 export class MenubarLabelComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenubarLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenubarLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.7", ngImport: i0, type: MenubarLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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/esm2022/lib/desy-nav/components/menubar/components/menubar-subitem/menubar-subitem.component.mjs CHANGED Viewed

@@ -11,10 +11,10 @@ export class MenubarSubitemComponent extends ContentBaseComponent {
     getSubItems() {
         return this.subItems.toArray();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenubarSubitemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenubarSubitemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.7", ngImport: i0, type: MenubarSubitemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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/esm2022/lib/desy-nav/components/menubar/components/menubar-subsubitem/menubar-subsubitem.component.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ export class MenubarSubsubitemComponent extends ContentBaseComponent {
         this.selected = new EventEmitter();
         this.checkedChange = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MenubarSubsubitemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MenubarSubsubitemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.7", ngImport: i0, type: MenubarSubsubitemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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: [{