desy-angular 16.0.0 → 16.0.1

package/fesm2022/desy-angular.mjs

@@ -7672,9 +7672,6 @@ class MenuNavigationComponent extends AccessibilityComponent {
                 break;
         }
     }
-    handleMenuItemMouseOver(itemIndex) {
-        this.focusItem(itemIndex, true);
-    }
     handlePopupMenuItemClick(itemIndex, subItemIndex, subSubItemIndex) {
         this.activatePopupMenuItem(itemIndex, subItemIndex, subSubItemIndex);
         this.focusItem(itemIndex);
@@ -7756,9 +7753,6 @@ class MenuNavigationComponent extends AccessibilityComponent {
                 break;
         }
     }
-    handlePopupMenuItemMouseOver(itemIndex, subItemIndex, subSubItemIndex) {
-        this.focusSubItem(itemIndex, subItemIndex, subSubItemIndex);
-    }
     /*
      * Comunes
      */
@@ -8034,11 +8028,11 @@ class MenuNavigationComponent extends AccessibilityComponent {
         return id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MenuNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MenuNavigationComponent, isStandalone: false, 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.role", "attr.aria-label": "this.ariaLabel", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.aria-hidden": "this.ariaHidden", "attr.aria-disabled": "this.ariaDisabled", "attr.aria-controls": "this.ariaControls", "attr.aria-current": "this.ariaCurrent", "attr.aria-live": "this.ariaLive", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-errormessage": "this.ariaErrorMessage", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-modal": "this.ariaModal", "attr.aria-checked": "this.ariaChecked", "attr.aria-pressed": "this.ariaPressed", "attr.aria-readonly": "this.ariaReadonly", "attr.aria-required": "this.ariaRequired", "attr.aria-selected": "this.ariaSelected", "attr.aria-valuemin": "this.ariaValuemin", "attr.aria-valuemax": "this.ariaValuemax", "attr.aria-valuenow": "this.ariaValuenow", "attr.aria-valuetext": "this.ariaValuetext", "attr.aria-orientation": "this.ariaOrientation", "attr.aria-level": "this.ariaLevel", "attr.aria-multiselectable": "this.ariaMultiselectable", "attr.aria-placeholder": "this.ariaPlaceholder", "attr.aria-posinset": "this.ariaPosinset", "attr.aria-setsize": "this.ariaSetsize", "attr.aria-sort": "this.ariaSort", "attr.aria-busy": "this.ariaBusy", "attr.aria-activedescendant": "this.ariaActivedescendant", "attr.aria-atomic": "this.ariaAtomic", "attr.aria-autocomplete": "this.ariaAutocomplete", "attr.aria-braillelabel": "this.ariaBraillelabel", "attr.aria-brailleroledescription": "this.ariaBrailleroledescription", "attr.aria-colcount": "this.ariaColcount", "attr.aria-colindex": "this.ariaColindex", "attr.aria-colindextext": "this.ariaColindextext", "attr.aria-colspan": "this.ariaColspan", "attr.aria-description": "this.ariaDescription", "attr.aria-details": "this.ariaDetails", "attr.aria-flowto": "this.ariaFlowto", "attr.aria-invalid": "this.ariaInvalid", "attr.aria-keyshortcuts": "this.ariaKeyshortcuts", "attr.aria-owns": "this.ariaOwns", "attr.aria-relevant": "this.ariaRelevant", "attr.aria-roledescription": "this.ariaRoledescription", "attr.aria-rowcount": "this.ariaRowcount", "attr.aria-rowindex": "this.ariaRowindex", "attr.aria-rowindextext": "this.ariaRowindextext", "attr.aria-rowspan": "this.ariaRowspan", "attr.tabindex": "this.tabindex", "attr.title": "this.title", "attr.alt": "this.alt", "attr.lang": "this.lang", "attr.accesskey": "this.accesskey", "attr.autocomplete": "this.autocomplete", "attr.autofocus": "this.autofocus", "attr.contenteditable": "this.contenteditable", "attr.dir": "this.dir", "attr.draggable": "this.draggable", "attr.enterkeyhint": "this.enterkeyhint", "attr.hidden": "this.hidden", "attr.inputmode": "this.inputmode", "attr.spellcheck": "this.spellcheck", "attr.translate": "this.translate", "attr.aria-multiline": "this.ariaMultiline", "attr.for": "this.for", "attr.form": "this.form", "attr.headers": "this.headers", "attr.placeholder": "this.placeholder", "attr.readonly": "this.readonly", "attr.required": "this.required" } }, 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\n  #menunavigation\n  [id]=\"id + '-menu-navigation'\"\n  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\n      class=\"relative\"\n      desyMenubaritem\n      (contentChanged)=\"checkChanges()\">\n      <a\n        *ngIf=\"item.href\"\n        #link\n        (click)=\"handleMenuItemClick($event, itemIndex)\"\n        (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n        (mouseover)=\"handleMenuItemMouseOver(itemIndex)\"\n        (desyAttributeChange)=\"checkChanges()\"\n        [attributesToCheck]=\"'disabled'\"\n        [attr.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]=\"{\n          'c-menu-navigation__button--disabled': item.disabled,\n          'c-menu-navigation__button--primary': item.active,\n          'c-menu-navigation__button--has-selection': item.active,\n        }\"\n        [attr.title]=\"item.title ? item.title : null\"\n        [attr.disabled]=\"item.disabled ? item.disabled : null\"\n        [attr.aria-disabled]=\"item.disabled ? item.disabled : item.ariaDisabled ? item.ariaDisabled : null\"\n        [attr.aria-current]=\"item.disabled ? 'page' : item.ariaCurrent ? item.ariaCurrent : null\"\n        [desyAppAccessibility]=\"item\"\n        [attr.tabindex]=\"item.disabled ? -1 : itemIndex === currentFocusItemIndex ? 0 : -1\">\n        <span\n          class=\"inline-flex self-center align-middle pointer-events-none\"\n          #itemContentWrapper>\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n        </span>\n      </a>\n      <a\n        *ngIf=\"!item.href && item.routerLink\"\n        #link\n        (click)=\"handleMenuItemClick($event, itemIndex)\"\n        (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n        (mouseover)=\"handleMenuItemMouseOver(itemIndex)\"\n        (desyAttributeChange)=\"checkChanges()\"\n        [attributesToCheck]=\"'disabled'\"\n        [attr.role]=\"item.disabled ? link : null\"\n        [id]=\"getItemId(item, itemIndex)\"\n        [target]=\"item.target\"\n        [routerLink]=\"item.routerLink\"\n        [routerLinkActive]=\"item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []\"\n        [fragment]=\"item.fragment\"\n        [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n        [ngClass]=\"{\n          'c-menu-navigation__button--disabled': item.disabled,\n          'c-menu-navigation__button--primary': item.active,\n          'c-menu-navigation__button--has-selection': item.active,\n        }\"\n        [attr.disabled]=\"item.disabled ? item.disabled : null\"\n        [attr.aria-disabled]=\"item.disabled ? item.disabled : item.ariaDisabled ? item.ariaDisabled : null\"\n        [desyAppAccessibility]=\"item\"\n        [attr.aria-current]=\"item.disabled ? 'page' : item.ariaCurrent ? item.ariaCurrent : null\"\n        [attr.tabindex]=\"item.disabled ? -1 : itemIndex === currentFocusItemIndex ? 0 : -1\">\n        <span\n          class=\"inline-flex self-center align-middle pointer-events-none\"\n          #itemContentWrapper>\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n        </span>\n      </a>\n      <button\n        *ngIf=\"!item.href && !item.routerLink\"\n        #link\n        #itemContentWrapper\n        (click)=\"handleMenuItemClick($event, itemIndex)\"\n        (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n        (mouseover)=\"handleMenuItemMouseOver(itemIndex)\"\n        (desyAttributeChange)=\"checkChanges()\"\n        [attributesToCheck]=\"'disabled'\"\n        [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n        [ngClass]=\"{\n          'c-menu-navigation__button--disabled': item.disabled,\n          'c-menu-navigation__button--primary': item.active,\n          'c-menu-navigation__button--has-selection': item.active,\n        }\"\n        [attr.aria-expanded]=\"item.sub ? (!!(menuData && menuData[itemIndex].open) ? true : false) : null\"\n        [attr.aria-haspopup]=\"item.sub ? (!!(menuData && menuData[itemIndex].open) ? true : false) : null\"\n        [attr.disabled]=\"item.disabled ? item.disabled : null\"\n        [attr.aria-disabled]=\"item.disabled ? item.disabled : item.ariaDisabled ? item.ariaDisabled : null\"\n        [desyAppAccessibility]=\"item\"\n        [attr.aria-controls]=\"item.sub ? (item.ariaControls ? item.ariaControls : id + '-sub-list') : null\"\n        [attr.tabindex]=\"item.disabled ? -1 : itemIndex === currentFocusItemIndex ? 0 : -1\">\n        <span\n          *ngIf=\"item.active\"\n          class=\"sr-only\">\n          Item activo:\n        </span>\n        <span\n          class=\"inline-flex self-center align-middle pointer-events-none\"\n          #itemContentWrapper>\n          <strong\n            class=\"font-bold\"\n            *ngIf=\"item.active; else noActive\">\n            <ng-container\n              *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n          </strong>\n          <ng-template #noActive>\n            <ng-container\n              *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n          </ng-template>\n        </span>\n        <svg\n          *ngIf=\"item.sub\"\n          class=\"inline-block -mr-2 align-middle -my-px pointer-events-none\"\n          viewBox=\"0 0 96 96\"\n          aria-hidden=\"true\"\n          fill=\"currentColor\"\n          focusable=\"false\"\n          width=\"1.5em\"\n          height=\"1.5em\">\n          <g>\n            <path\n              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\" />\n          </g>\n        </svg>\n      </button>\n\n      <div\n        *ngIf=\"item.sub && getItemSubitems(item)\"\n        class=\"c-menu-navigation__sub absolute bottom-0 left-0\">\n        <ul\n          [id]=\"id + '-sub-list'\"\n          [style]=\"menuData && menuData[itemIndex].open ? 'display:block' : 'display:none'\"\n          #popupMenu\n          role=\"menu\"\n          tabindex=\"-1\"\n          [class]=\"\n            item.sub.classes\n              ? item.sub.classes\n              : 'c-menu-navigation__tooltip w-max max-w-64 border border-neutral-base shadow-md bg-white text-sm'\n          \"\n          [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : item.sub.ariaLabel ? item.sub.ariaLabel : null\"\n          [attr.aria-disabled]=\"item.sub.ariaDisabled ? item.sub.ariaDisabled : null\"\n          [desyAppAccessibility]=\"item.sub\">\n          <ng-container *ngFor=\"let subItem of getItemSubitems(item); index as subItemIndex\">\n            <li\n              #popupMenuItem\n              tabindex=\"-1\"\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              <a\n                *ngIf=\"subItem.href\"\n                #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]=\"\n                  [\n                    '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',\n                    subItem.classes,\n                  ] | makeHtmlList\n                \"\n                [ngClass]=\"{ 'pointer-events-none': subItem.disabled }\"\n                [tabindex]=\"subItem.disabled ? -1 : null\"\n                [attr.aria-current]=\"subItem.active ? 'page' : null\"\n                [target]=\"subItem.target\">\n                <strong\n                  class=\"font-bold\"\n                  *ngIf=\"subItem.active; else noActive\">\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </strong>\n                <ng-template #noActive>\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </ng-template>\n                <svg\n                  *ngIf=\"subItem.disabled\"\n                  viewBox=\"0 0 140 140\"\n                  height=\"1em\"\n                  width=\"1em\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"inline-block align-middle flex-initial ml-sm text-neutral-base fill-current\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\">\n                  <path\n                    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\" />\n                </svg>\n              </a>\n              <a\n                *ngIf=\"!subItem.href && subItem.routerLink\"\n                #itemContentWrapper\n                [routerLink]=\"subItem.routerLink\"\n                [routerLinkActive]=\"subItem.routerLinkActiveClasses ? subItem.routerLinkActiveClasses : []\"\n                [fragment]=\"subItem.fragment\"\n                (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                (mouseover)=\"handlePopupMenuItemMouseOver(itemIndex, subItemIndex)\"\n                (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\"\n                (desyAttributeChange)=\"checkChanges()\"\n                [class]=\"\n                  [\n                    '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',\n                    subItem.classes,\n                  ] | makeHtmlList\n                \"\n                [ngClass]=\"{ 'pointer-events-none': subItem.disabled }\"\n                [tabindex]=\"subItem.disabled ? -1 : null\"\n                [attr.aria-current]=\"subItem.active ? 'page' : null\"\n                [target]=\"subItem.target\">\n                <strong\n                  class=\"font-bold\"\n                  *ngIf=\"subItem.active; else noActive\">\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </strong>\n                <ng-template #noActive>\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </ng-template>\n                <svg\n                  *ngIf=\"subItem.disabled\"\n                  viewBox=\"0 0 140 140\"\n                  height=\"1em\"\n                  width=\"1em\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"inline-block align-middle flex-initial ml-sm text-neutral-base fill-current\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\">\n                  <path\n                    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\" />\n                </svg>\n              </a>\n            </li>\n            <li\n              *ngIf=\"subItem.divider\"\n              class=\"my-sm border-b border-neutral-base\"\n              role=\"presentation\"\n              aria-hidden=\"true\"></li>\n          </ng-container>\n        </ul>\n      </div>\n    </li>\n    <li\n      #popupMenuItem\n      *ngIf=\"item.divider\"\n      [class]=\"item.divider.classes\"\n      role=\"presentation\"\n      aria-hidden=\"true\">\n      <ng-container\n        *desyCustomInnerContent=\"{\n          component: item.divider,\n          html: item.divider.html,\n          text: item.divider.text,\n        }\"></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: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: AttributeChangeDirective, selector: "[desyAttributeChange]", inputs: ["attributesToCheck", "desyAttributeChangeEnabled"], outputs: ["desyAttributeChange", "desyAttributeChangeMutation"] }, { kind: "directive", type: CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "directive", type: MenubaritemDirective, selector: "[desyMenubaritem]", outputs: ["contentChanged"] }, { kind: "pipe", type: MakeHtmlListPipe, name: "makeHtmlList" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MenuNavigationComponent, isStandalone: false, 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.role", "attr.aria-label": "this.ariaLabel", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.aria-hidden": "this.ariaHidden", "attr.aria-disabled": "this.ariaDisabled", "attr.aria-controls": "this.ariaControls", "attr.aria-current": "this.ariaCurrent", "attr.aria-live": "this.ariaLive", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-errormessage": "this.ariaErrorMessage", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-modal": "this.ariaModal", "attr.aria-checked": "this.ariaChecked", "attr.aria-pressed": "this.ariaPressed", "attr.aria-readonly": "this.ariaReadonly", "attr.aria-required": "this.ariaRequired", "attr.aria-selected": "this.ariaSelected", "attr.aria-valuemin": "this.ariaValuemin", "attr.aria-valuemax": "this.ariaValuemax", "attr.aria-valuenow": "this.ariaValuenow", "attr.aria-valuetext": "this.ariaValuetext", "attr.aria-orientation": "this.ariaOrientation", "attr.aria-level": "this.ariaLevel", "attr.aria-multiselectable": "this.ariaMultiselectable", "attr.aria-placeholder": "this.ariaPlaceholder", "attr.aria-posinset": "this.ariaPosinset", "attr.aria-setsize": "this.ariaSetsize", "attr.aria-sort": "this.ariaSort", "attr.aria-busy": "this.ariaBusy", "attr.aria-activedescendant": "this.ariaActivedescendant", "attr.aria-atomic": "this.ariaAtomic", "attr.aria-autocomplete": "this.ariaAutocomplete", "attr.aria-braillelabel": "this.ariaBraillelabel", "attr.aria-brailleroledescription": "this.ariaBrailleroledescription", "attr.aria-colcount": "this.ariaColcount", "attr.aria-colindex": "this.ariaColindex", "attr.aria-colindextext": "this.ariaColindextext", "attr.aria-colspan": "this.ariaColspan", "attr.aria-description": "this.ariaDescription", "attr.aria-details": "this.ariaDetails", "attr.aria-flowto": "this.ariaFlowto", "attr.aria-invalid": "this.ariaInvalid", "attr.aria-keyshortcuts": "this.ariaKeyshortcuts", "attr.aria-owns": "this.ariaOwns", "attr.aria-relevant": "this.ariaRelevant", "attr.aria-roledescription": "this.ariaRoledescription", "attr.aria-rowcount": "this.ariaRowcount", "attr.aria-rowindex": "this.ariaRowindex", "attr.aria-rowindextext": "this.ariaRowindextext", "attr.aria-rowspan": "this.ariaRowspan", "attr.tabindex": "this.tabindex", "attr.title": "this.title", "attr.alt": "this.alt", "attr.lang": "this.lang", "attr.accesskey": "this.accesskey", "attr.autocomplete": "this.autocomplete", "attr.autofocus": "this.autofocus", "attr.contenteditable": "this.contenteditable", "attr.dir": "this.dir", "attr.draggable": "this.draggable", "attr.enterkeyhint": "this.enterkeyhint", "attr.hidden": "this.hidden", "attr.inputmode": "this.inputmode", "attr.spellcheck": "this.spellcheck", "attr.translate": "this.translate", "attr.aria-multiline": "this.ariaMultiline", "attr.for": "this.for", "attr.form": "this.form", "attr.headers": "this.headers", "attr.placeholder": "this.placeholder", "attr.readonly": "this.readonly", "attr.required": "this.required" } }, 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\n  #menunavigation\n  [id]=\"id + '-menu-navigation'\"\n  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\n      class=\"relative\"\n      desyMenubaritem\n      (contentChanged)=\"checkChanges()\">\n      <a\n        *ngIf=\"item.href\"\n        #link\n        (click)=\"handleMenuItemClick($event, itemIndex)\"\n        (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n        (desyAttributeChange)=\"checkChanges()\"\n        [attributesToCheck]=\"'disabled'\"\n        [attr.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]=\"{\n          'c-menu-navigation__button--disabled': item.disabled,\n          'c-menu-navigation__button--primary': item.active,\n          'c-menu-navigation__button--has-selection': item.active,\n        }\"\n        [attr.title]=\"item.title ? item.title : null\"\n        [attr.disabled]=\"item.disabled ? item.disabled : null\"\n        [attr.aria-disabled]=\"item.disabled ? item.disabled : item.ariaDisabled ? item.ariaDisabled : null\"\n        [attr.aria-current]=\"item.disabled ? 'page' : item.ariaCurrent ? item.ariaCurrent : null\"\n        [desyAppAccessibility]=\"item\"\n        [attr.tabindex]=\"item.disabled ? -1 : itemIndex === currentFocusItemIndex ? 0 : -1\">\n        <span\n          class=\"inline-flex self-center align-middle pointer-events-none\"\n          #itemContentWrapper>\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n        </span>\n      </a>\n      <a\n        *ngIf=\"!item.href && item.routerLink\"\n        #link\n        (click)=\"handleMenuItemClick($event, itemIndex)\"\n        (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n        (desyAttributeChange)=\"checkChanges()\"\n        [attributesToCheck]=\"'disabled'\"\n        [attr.role]=\"item.disabled ? link : null\"\n        [id]=\"getItemId(item, itemIndex)\"\n        [target]=\"item.target\"\n        [routerLink]=\"item.routerLink\"\n        [routerLinkActive]=\"item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []\"\n        [fragment]=\"item.fragment\"\n        [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n        [ngClass]=\"{\n          'c-menu-navigation__button--disabled': item.disabled,\n          'c-menu-navigation__button--primary': item.active,\n          'c-menu-navigation__button--has-selection': item.active,\n        }\"\n        [attr.disabled]=\"item.disabled ? item.disabled : null\"\n        [attr.aria-disabled]=\"item.disabled ? item.disabled : item.ariaDisabled ? item.ariaDisabled : null\"\n        [desyAppAccessibility]=\"item\"\n        [attr.aria-current]=\"item.disabled ? 'page' : item.ariaCurrent ? item.ariaCurrent : null\"\n        [attr.tabindex]=\"item.disabled ? -1 : itemIndex === currentFocusItemIndex ? 0 : -1\">\n        <span\n          class=\"inline-flex self-center align-middle pointer-events-none\"\n          #itemContentWrapper>\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n        </span>\n      </a>\n      <button\n        *ngIf=\"!item.href && !item.routerLink\"\n        #link\n        #itemContentWrapper\n        (click)=\"handleMenuItemClick($event, itemIndex)\"\n        (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n        (desyAttributeChange)=\"checkChanges()\"\n        [attributesToCheck]=\"'disabled'\"\n        [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n        [ngClass]=\"{\n          'c-menu-navigation__button--disabled': item.disabled,\n          'c-menu-navigation__button--primary': item.active,\n          'c-menu-navigation__button--has-selection': item.active,\n        }\"\n        [attr.aria-expanded]=\"item.sub ? (!!(menuData && menuData[itemIndex].open) ? true : false) : null\"\n        [attr.aria-haspopup]=\"item.sub ? (!!(menuData && menuData[itemIndex].open) ? true : false) : null\"\n        [attr.disabled]=\"item.disabled ? item.disabled : null\"\n        [attr.aria-disabled]=\"item.disabled ? item.disabled : item.ariaDisabled ? item.ariaDisabled : null\"\n        [desyAppAccessibility]=\"item\"\n        [attr.aria-controls]=\"item.sub ? (item.ariaControls ? item.ariaControls : id + '-sub-list') : null\"\n        [attr.tabindex]=\"item.disabled ? -1 : itemIndex === currentFocusItemIndex ? 0 : -1\">\n        <span\n          *ngIf=\"item.active\"\n          class=\"sr-only\">\n          Item activo:\n        </span>\n        <span\n          class=\"inline-flex self-center align-middle pointer-events-none\"\n          #itemContentWrapper>\n          <strong\n            class=\"font-bold\"\n            *ngIf=\"item.active; else noActive\">\n            <ng-container\n              *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n          </strong>\n          <ng-template #noActive>\n            <ng-container\n              *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n          </ng-template>\n        </span>\n        <svg\n          *ngIf=\"item.sub\"\n          class=\"inline-block -mr-2 align-middle -my-px pointer-events-none\"\n          viewBox=\"0 0 96 96\"\n          aria-hidden=\"true\"\n          fill=\"currentColor\"\n          focusable=\"false\"\n          width=\"1.5em\"\n          height=\"1.5em\">\n          <g>\n            <path\n              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\" />\n          </g>\n        </svg>\n      </button>\n\n      <div\n        *ngIf=\"item.sub && getItemSubitems(item)\"\n        class=\"c-menu-navigation__sub absolute bottom-0 left-0\">\n        <ul\n          [id]=\"id + '-sub-list'\"\n          [style]=\"menuData && menuData[itemIndex].open ? 'display:block' : 'display:none'\"\n          #popupMenu\n          role=\"menu\"\n          tabindex=\"-1\"\n          [class]=\"\n            item.sub.classes\n              ? item.sub.classes\n              : 'c-menu-navigation__tooltip w-max max-w-64 border border-neutral-base shadow-md bg-white text-sm'\n          \"\n          [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : item.sub.ariaLabel ? item.sub.ariaLabel : null\"\n          [attr.aria-disabled]=\"item.sub.ariaDisabled ? item.sub.ariaDisabled : null\"\n          [desyAppAccessibility]=\"item.sub\">\n          <ng-container *ngFor=\"let subItem of getItemSubitems(item); index as subItemIndex\">\n            <li\n              #popupMenuItem\n              tabindex=\"-1\"\n              [id]=\"getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))\"\n              (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n              (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\">\n              <a\n                *ngIf=\"subItem.href\"\n                #itemContentWrapper\n                [href]=\"subItem.href\"\n                (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\"\n                (desyAttributeChange)=\"checkChanges()\"\n                [class]=\"\n                  [\n                    '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',\n                    subItem.classes,\n                  ] | makeHtmlList\n                \"\n                [ngClass]=\"{ 'pointer-events-none': subItem.disabled }\"\n                [tabindex]=\"subItem.disabled ? -1 : null\"\n                [attr.aria-current]=\"subItem.active ? 'page' : null\"\n                [target]=\"subItem.target\">\n                <strong\n                  class=\"font-bold\"\n                  *ngIf=\"subItem.active; else noActive\">\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </strong>\n                <ng-template #noActive>\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </ng-template>\n                <svg\n                  *ngIf=\"subItem.disabled\"\n                  viewBox=\"0 0 140 140\"\n                  height=\"1em\"\n                  width=\"1em\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"inline-block align-middle flex-initial ml-sm text-neutral-base fill-current\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\">\n                  <path\n                    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\" />\n                </svg>\n              </a>\n              <a\n                *ngIf=\"!subItem.href && subItem.routerLink\"\n                #itemContentWrapper\n                [routerLink]=\"subItem.routerLink\"\n                [routerLinkActive]=\"subItem.routerLinkActiveClasses ? subItem.routerLinkActiveClasses : []\"\n                [fragment]=\"subItem.fragment\"\n                (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\"\n                (desyAttributeChange)=\"checkChanges()\"\n                [class]=\"\n                  [\n                    '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',\n                    subItem.classes,\n                  ] | makeHtmlList\n                \"\n                [ngClass]=\"{ 'pointer-events-none': subItem.disabled }\"\n                [tabindex]=\"subItem.disabled ? -1 : null\"\n                [attr.aria-current]=\"subItem.active ? 'page' : null\"\n                [target]=\"subItem.target\">\n                <strong\n                  class=\"font-bold\"\n                  *ngIf=\"subItem.active; else noActive\">\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </strong>\n                <ng-template #noActive>\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </ng-template>\n                <svg\n                  *ngIf=\"subItem.disabled\"\n                  viewBox=\"0 0 140 140\"\n                  height=\"1em\"\n                  width=\"1em\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"inline-block align-middle flex-initial ml-sm text-neutral-base fill-current\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\">\n                  <path\n                    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\" />\n                </svg>\n              </a>\n            </li>\n            <li\n              *ngIf=\"subItem.divider\"\n              class=\"my-sm border-b border-neutral-base\"\n              role=\"presentation\"\n              aria-hidden=\"true\"></li>\n          </ng-container>\n        </ul>\n      </div>\n    </li>\n    <li\n      #popupMenuItem\n      *ngIf=\"item.divider\"\n      [class]=\"item.divider.classes\"\n      role=\"presentation\"\n      aria-hidden=\"true\">\n      <ng-container\n        *desyCustomInnerContent=\"{\n          component: item.divider,\n          html: item.divider.html,\n          text: item.divider.text,\n        }\"></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: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: AttributeChangeDirective, selector: "[desyAttributeChange]", inputs: ["attributesToCheck", "desyAttributeChangeEnabled"], outputs: ["desyAttributeChange", "desyAttributeChangeMutation"] }, { kind: "directive", type: CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "directive", type: MenubaritemDirective, selector: "[desyMenubaritem]", outputs: ["contentChanged"] }, { kind: "pipe", type: MakeHtmlListPipe, name: "makeHtmlList" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MenuNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'desy-menu-navigation', standalone: false, template: "<ul\n  #menunavigation\n  [id]=\"id + '-menu-navigation'\"\n  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\n      class=\"relative\"\n      desyMenubaritem\n      (contentChanged)=\"checkChanges()\">\n      <a\n        *ngIf=\"item.href\"\n        #link\n        (click)=\"handleMenuItemClick($event, itemIndex)\"\n        (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n        (mouseover)=\"handleMenuItemMouseOver(itemIndex)\"\n        (desyAttributeChange)=\"checkChanges()\"\n        [attributesToCheck]=\"'disabled'\"\n        [attr.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]=\"{\n          'c-menu-navigation__button--disabled': item.disabled,\n          'c-menu-navigation__button--primary': item.active,\n          'c-menu-navigation__button--has-selection': item.active,\n        }\"\n        [attr.title]=\"item.title ? item.title : null\"\n        [attr.disabled]=\"item.disabled ? item.disabled : null\"\n        [attr.aria-disabled]=\"item.disabled ? item.disabled : item.ariaDisabled ? item.ariaDisabled : null\"\n        [attr.aria-current]=\"item.disabled ? 'page' : item.ariaCurrent ? item.ariaCurrent : null\"\n        [desyAppAccessibility]=\"item\"\n        [attr.tabindex]=\"item.disabled ? -1 : itemIndex === currentFocusItemIndex ? 0 : -1\">\n        <span\n          class=\"inline-flex self-center align-middle pointer-events-none\"\n          #itemContentWrapper>\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n        </span>\n      </a>\n      <a\n        *ngIf=\"!item.href && item.routerLink\"\n        #link\n        (click)=\"handleMenuItemClick($event, itemIndex)\"\n        (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n        (mouseover)=\"handleMenuItemMouseOver(itemIndex)\"\n        (desyAttributeChange)=\"checkChanges()\"\n        [attributesToCheck]=\"'disabled'\"\n        [attr.role]=\"item.disabled ? link : null\"\n        [id]=\"getItemId(item, itemIndex)\"\n        [target]=\"item.target\"\n        [routerLink]=\"item.routerLink\"\n        [routerLinkActive]=\"item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []\"\n        [fragment]=\"item.fragment\"\n        [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n        [ngClass]=\"{\n          'c-menu-navigation__button--disabled': item.disabled,\n          'c-menu-navigation__button--primary': item.active,\n          'c-menu-navigation__button--has-selection': item.active,\n        }\"\n        [attr.disabled]=\"item.disabled ? item.disabled : null\"\n        [attr.aria-disabled]=\"item.disabled ? item.disabled : item.ariaDisabled ? item.ariaDisabled : null\"\n        [desyAppAccessibility]=\"item\"\n        [attr.aria-current]=\"item.disabled ? 'page' : item.ariaCurrent ? item.ariaCurrent : null\"\n        [attr.tabindex]=\"item.disabled ? -1 : itemIndex === currentFocusItemIndex ? 0 : -1\">\n        <span\n          class=\"inline-flex self-center align-middle pointer-events-none\"\n          #itemContentWrapper>\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n        </span>\n      </a>\n      <button\n        *ngIf=\"!item.href && !item.routerLink\"\n        #link\n        #itemContentWrapper\n        (click)=\"handleMenuItemClick($event, itemIndex)\"\n        (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n        (mouseover)=\"handleMenuItemMouseOver(itemIndex)\"\n        (desyAttributeChange)=\"checkChanges()\"\n        [attributesToCheck]=\"'disabled'\"\n        [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n        [ngClass]=\"{\n          'c-menu-navigation__button--disabled': item.disabled,\n          'c-menu-navigation__button--primary': item.active,\n          'c-menu-navigation__button--has-selection': item.active,\n        }\"\n        [attr.aria-expanded]=\"item.sub ? (!!(menuData && menuData[itemIndex].open) ? true : false) : null\"\n        [attr.aria-haspopup]=\"item.sub ? (!!(menuData && menuData[itemIndex].open) ? true : false) : null\"\n        [attr.disabled]=\"item.disabled ? item.disabled : null\"\n        [attr.aria-disabled]=\"item.disabled ? item.disabled : item.ariaDisabled ? item.ariaDisabled : null\"\n        [desyAppAccessibility]=\"item\"\n        [attr.aria-controls]=\"item.sub ? (item.ariaControls ? item.ariaControls : id + '-sub-list') : null\"\n        [attr.tabindex]=\"item.disabled ? -1 : itemIndex === currentFocusItemIndex ? 0 : -1\">\n        <span\n          *ngIf=\"item.active\"\n          class=\"sr-only\">\n          Item activo:\n        </span>\n        <span\n          class=\"inline-flex self-center align-middle pointer-events-none\"\n          #itemContentWrapper>\n          <strong\n            class=\"font-bold\"\n            *ngIf=\"item.active; else noActive\">\n            <ng-container\n              *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n          </strong>\n          <ng-template #noActive>\n            <ng-container\n              *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n          </ng-template>\n        </span>\n        <svg\n          *ngIf=\"item.sub\"\n          class=\"inline-block -mr-2 align-middle -my-px pointer-events-none\"\n          viewBox=\"0 0 96 96\"\n          aria-hidden=\"true\"\n          fill=\"currentColor\"\n          focusable=\"false\"\n          width=\"1.5em\"\n          height=\"1.5em\">\n          <g>\n            <path\n              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\" />\n          </g>\n        </svg>\n      </button>\n\n      <div\n        *ngIf=\"item.sub && getItemSubitems(item)\"\n        class=\"c-menu-navigation__sub absolute bottom-0 left-0\">\n        <ul\n          [id]=\"id + '-sub-list'\"\n          [style]=\"menuData && menuData[itemIndex].open ? 'display:block' : 'display:none'\"\n          #popupMenu\n          role=\"menu\"\n          tabindex=\"-1\"\n          [class]=\"\n            item.sub.classes\n              ? item.sub.classes\n              : 'c-menu-navigation__tooltip w-max max-w-64 border border-neutral-base shadow-md bg-white text-sm'\n          \"\n          [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : item.sub.ariaLabel ? item.sub.ariaLabel : null\"\n          [attr.aria-disabled]=\"item.sub.ariaDisabled ? item.sub.ariaDisabled : null\"\n          [desyAppAccessibility]=\"item.sub\">\n          <ng-container *ngFor=\"let subItem of getItemSubitems(item); index as subItemIndex\">\n            <li\n              #popupMenuItem\n              tabindex=\"-1\"\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              <a\n                *ngIf=\"subItem.href\"\n                #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]=\"\n                  [\n                    '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',\n                    subItem.classes,\n                  ] | makeHtmlList\n                \"\n                [ngClass]=\"{ 'pointer-events-none': subItem.disabled }\"\n                [tabindex]=\"subItem.disabled ? -1 : null\"\n                [attr.aria-current]=\"subItem.active ? 'page' : null\"\n                [target]=\"subItem.target\">\n                <strong\n                  class=\"font-bold\"\n                  *ngIf=\"subItem.active; else noActive\">\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </strong>\n                <ng-template #noActive>\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </ng-template>\n                <svg\n                  *ngIf=\"subItem.disabled\"\n                  viewBox=\"0 0 140 140\"\n                  height=\"1em\"\n                  width=\"1em\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"inline-block align-middle flex-initial ml-sm text-neutral-base fill-current\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\">\n                  <path\n                    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\" />\n                </svg>\n              </a>\n              <a\n                *ngIf=\"!subItem.href && subItem.routerLink\"\n                #itemContentWrapper\n                [routerLink]=\"subItem.routerLink\"\n                [routerLinkActive]=\"subItem.routerLinkActiveClasses ? subItem.routerLinkActiveClasses : []\"\n                [fragment]=\"subItem.fragment\"\n                (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                (mouseover)=\"handlePopupMenuItemMouseOver(itemIndex, subItemIndex)\"\n                (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\"\n                (desyAttributeChange)=\"checkChanges()\"\n                [class]=\"\n                  [\n                    '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',\n                    subItem.classes,\n                  ] | makeHtmlList\n                \"\n                [ngClass]=\"{ 'pointer-events-none': subItem.disabled }\"\n                [tabindex]=\"subItem.disabled ? -1 : null\"\n                [attr.aria-current]=\"subItem.active ? 'page' : null\"\n                [target]=\"subItem.target\">\n                <strong\n                  class=\"font-bold\"\n                  *ngIf=\"subItem.active; else noActive\">\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </strong>\n                <ng-template #noActive>\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </ng-template>\n                <svg\n                  *ngIf=\"subItem.disabled\"\n                  viewBox=\"0 0 140 140\"\n                  height=\"1em\"\n                  width=\"1em\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"inline-block align-middle flex-initial ml-sm text-neutral-base fill-current\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\">\n                  <path\n                    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\" />\n                </svg>\n              </a>\n            </li>\n            <li\n              *ngIf=\"subItem.divider\"\n              class=\"my-sm border-b border-neutral-base\"\n              role=\"presentation\"\n              aria-hidden=\"true\"></li>\n          </ng-container>\n        </ul>\n      </div>\n    </li>\n    <li\n      #popupMenuItem\n      *ngIf=\"item.divider\"\n      [class]=\"item.divider.classes\"\n      role=\"presentation\"\n      aria-hidden=\"true\">\n      <ng-container\n        *desyCustomInnerContent=\"{\n          component: item.divider,\n          html: item.divider.html,\n          text: item.divider.text,\n        }\"></ng-container>\n    </li>\n  </ng-container>\n</ul>\n" }]
+            args: [{ selector: 'desy-menu-navigation', standalone: false, template: "<ul\n  #menunavigation\n  [id]=\"id + '-menu-navigation'\"\n  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\n      class=\"relative\"\n      desyMenubaritem\n      (contentChanged)=\"checkChanges()\">\n      <a\n        *ngIf=\"item.href\"\n        #link\n        (click)=\"handleMenuItemClick($event, itemIndex)\"\n        (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n        (desyAttributeChange)=\"checkChanges()\"\n        [attributesToCheck]=\"'disabled'\"\n        [attr.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]=\"{\n          'c-menu-navigation__button--disabled': item.disabled,\n          'c-menu-navigation__button--primary': item.active,\n          'c-menu-navigation__button--has-selection': item.active,\n        }\"\n        [attr.title]=\"item.title ? item.title : null\"\n        [attr.disabled]=\"item.disabled ? item.disabled : null\"\n        [attr.aria-disabled]=\"item.disabled ? item.disabled : item.ariaDisabled ? item.ariaDisabled : null\"\n        [attr.aria-current]=\"item.disabled ? 'page' : item.ariaCurrent ? item.ariaCurrent : null\"\n        [desyAppAccessibility]=\"item\"\n        [attr.tabindex]=\"item.disabled ? -1 : itemIndex === currentFocusItemIndex ? 0 : -1\">\n        <span\n          class=\"inline-flex self-center align-middle pointer-events-none\"\n          #itemContentWrapper>\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n        </span>\n      </a>\n      <a\n        *ngIf=\"!item.href && item.routerLink\"\n        #link\n        (click)=\"handleMenuItemClick($event, itemIndex)\"\n        (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n        (desyAttributeChange)=\"checkChanges()\"\n        [attributesToCheck]=\"'disabled'\"\n        [attr.role]=\"item.disabled ? link : null\"\n        [id]=\"getItemId(item, itemIndex)\"\n        [target]=\"item.target\"\n        [routerLink]=\"item.routerLink\"\n        [routerLinkActive]=\"item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []\"\n        [fragment]=\"item.fragment\"\n        [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n        [ngClass]=\"{\n          'c-menu-navigation__button--disabled': item.disabled,\n          'c-menu-navigation__button--primary': item.active,\n          'c-menu-navigation__button--has-selection': item.active,\n        }\"\n        [attr.disabled]=\"item.disabled ? item.disabled : null\"\n        [attr.aria-disabled]=\"item.disabled ? item.disabled : item.ariaDisabled ? item.ariaDisabled : null\"\n        [desyAppAccessibility]=\"item\"\n        [attr.aria-current]=\"item.disabled ? 'page' : item.ariaCurrent ? item.ariaCurrent : null\"\n        [attr.tabindex]=\"item.disabled ? -1 : itemIndex === currentFocusItemIndex ? 0 : -1\">\n        <span\n          class=\"inline-flex self-center align-middle pointer-events-none\"\n          #itemContentWrapper>\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n        </span>\n      </a>\n      <button\n        *ngIf=\"!item.href && !item.routerLink\"\n        #link\n        #itemContentWrapper\n        (click)=\"handleMenuItemClick($event, itemIndex)\"\n        (keydown)=\"handleMenuItemKeydown($event, itemIndex)\"\n        (desyAttributeChange)=\"checkChanges()\"\n        [attributesToCheck]=\"'disabled'\"\n        [class]=\"['c-menu-navigation__button', item.classes] | makeHtmlList\"\n        [ngClass]=\"{\n          'c-menu-navigation__button--disabled': item.disabled,\n          'c-menu-navigation__button--primary': item.active,\n          'c-menu-navigation__button--has-selection': item.active,\n        }\"\n        [attr.aria-expanded]=\"item.sub ? (!!(menuData && menuData[itemIndex].open) ? true : false) : null\"\n        [attr.aria-haspopup]=\"item.sub ? (!!(menuData && menuData[itemIndex].open) ? true : false) : null\"\n        [attr.disabled]=\"item.disabled ? item.disabled : null\"\n        [attr.aria-disabled]=\"item.disabled ? item.disabled : item.ariaDisabled ? item.ariaDisabled : null\"\n        [desyAppAccessibility]=\"item\"\n        [attr.aria-controls]=\"item.sub ? (item.ariaControls ? item.ariaControls : id + '-sub-list') : null\"\n        [attr.tabindex]=\"item.disabled ? -1 : itemIndex === currentFocusItemIndex ? 0 : -1\">\n        <span\n          *ngIf=\"item.active\"\n          class=\"sr-only\">\n          Item activo:\n        </span>\n        <span\n          class=\"inline-flex self-center align-middle pointer-events-none\"\n          #itemContentWrapper>\n          <strong\n            class=\"font-bold\"\n            *ngIf=\"item.active; else noActive\">\n            <ng-container\n              *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n          </strong>\n          <ng-template #noActive>\n            <ng-container\n              *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n          </ng-template>\n        </span>\n        <svg\n          *ngIf=\"item.sub\"\n          class=\"inline-block -mr-2 align-middle -my-px pointer-events-none\"\n          viewBox=\"0 0 96 96\"\n          aria-hidden=\"true\"\n          fill=\"currentColor\"\n          focusable=\"false\"\n          width=\"1.5em\"\n          height=\"1.5em\">\n          <g>\n            <path\n              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\" />\n          </g>\n        </svg>\n      </button>\n\n      <div\n        *ngIf=\"item.sub && getItemSubitems(item)\"\n        class=\"c-menu-navigation__sub absolute bottom-0 left-0\">\n        <ul\n          [id]=\"id + '-sub-list'\"\n          [style]=\"menuData && menuData[itemIndex].open ? 'display:block' : 'display:none'\"\n          #popupMenu\n          role=\"menu\"\n          tabindex=\"-1\"\n          [class]=\"\n            item.sub.classes\n              ? item.sub.classes\n              : 'c-menu-navigation__tooltip w-max max-w-64 border border-neutral-base shadow-md bg-white text-sm'\n          \"\n          [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : item.sub.ariaLabel ? item.sub.ariaLabel : null\"\n          [attr.aria-disabled]=\"item.sub.ariaDisabled ? item.sub.ariaDisabled : null\"\n          [desyAppAccessibility]=\"item.sub\">\n          <ng-container *ngFor=\"let subItem of getItemSubitems(item); index as subItemIndex\">\n            <li\n              #popupMenuItem\n              tabindex=\"-1\"\n              [id]=\"getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))\"\n              (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n              (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\">\n              <a\n                *ngIf=\"subItem.href\"\n                #itemContentWrapper\n                [href]=\"subItem.href\"\n                (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\"\n                (desyAttributeChange)=\"checkChanges()\"\n                [class]=\"\n                  [\n                    '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',\n                    subItem.classes,\n                  ] | makeHtmlList\n                \"\n                [ngClass]=\"{ 'pointer-events-none': subItem.disabled }\"\n                [tabindex]=\"subItem.disabled ? -1 : null\"\n                [attr.aria-current]=\"subItem.active ? 'page' : null\"\n                [target]=\"subItem.target\">\n                <strong\n                  class=\"font-bold\"\n                  *ngIf=\"subItem.active; else noActive\">\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </strong>\n                <ng-template #noActive>\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </ng-template>\n                <svg\n                  *ngIf=\"subItem.disabled\"\n                  viewBox=\"0 0 140 140\"\n                  height=\"1em\"\n                  width=\"1em\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"inline-block align-middle flex-initial ml-sm text-neutral-base fill-current\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\">\n                  <path\n                    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\" />\n                </svg>\n              </a>\n              <a\n                *ngIf=\"!subItem.href && subItem.routerLink\"\n                #itemContentWrapper\n                [routerLink]=\"subItem.routerLink\"\n                [routerLinkActive]=\"subItem.routerLinkActiveClasses ? subItem.routerLinkActiveClasses : []\"\n                [fragment]=\"subItem.fragment\"\n                (click)=\"handlePopupMenuItemClick(itemIndex, subItemIndex)\"\n                (keydown)=\"handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)\"\n                (desyAttributeChange)=\"checkChanges()\"\n                [class]=\"\n                  [\n                    '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',\n                    subItem.classes,\n                  ] | makeHtmlList\n                \"\n                [ngClass]=\"{ 'pointer-events-none': subItem.disabled }\"\n                [tabindex]=\"subItem.disabled ? -1 : null\"\n                [attr.aria-current]=\"subItem.active ? 'page' : null\"\n                [target]=\"subItem.target\">\n                <strong\n                  class=\"font-bold\"\n                  *ngIf=\"subItem.active; else noActive\">\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </strong>\n                <ng-template #noActive>\n                  <ng-container\n                    *desyCustomInnerContent=\"{\n                      component: subItem,\n                      html: subItem.html,\n                      text: subItem.text,\n                    }\"></ng-container>\n                </ng-template>\n                <svg\n                  *ngIf=\"subItem.disabled\"\n                  viewBox=\"0 0 140 140\"\n                  height=\"1em\"\n                  width=\"1em\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"inline-block align-middle flex-initial ml-sm text-neutral-base fill-current\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\">\n                  <path\n                    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\" />\n                </svg>\n              </a>\n            </li>\n            <li\n              *ngIf=\"subItem.divider\"\n              class=\"my-sm border-b border-neutral-base\"\n              role=\"presentation\"\n              aria-hidden=\"true\"></li>\n          </ng-container>\n        </ul>\n      </div>\n    </li>\n    <li\n      #popupMenuItem\n      *ngIf=\"item.divider\"\n      [class]=\"item.divider.classes\"\n      role=\"presentation\"\n      aria-hidden=\"true\">\n      <ng-container\n        *desyCustomInnerContent=\"{\n          component: item.divider,\n          html: item.divider.html,\n          text: item.divider.text,\n        }\"></ng-container>\n    </li>\n  </ng-container>\n</ul>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { idPrefix: [{
                 type: Input
             }], items: [{
@@ -8304,11 +8298,11 @@ class HeaderNavigationComponent extends AccessibilityComponent {
         return this.itemComponents && this.itemComponents.length > 0 ? this.itemComponents.toArray() : this.items;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HeaderNavigationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: HeaderNavigationComponent, isStandalone: false, selector: "desy-header-navigation, desy-header-advanced-navigation", inputs: { idPrefix: "idPrefix", classes: "classes", items: "items" }, queries: [{ propertyName: "itemComponents", predicate: HeaderNavigationItemComponent }], usesInheritance: true, ngImport: i0, template: "<desy-menu-navigation\n  [classes]=\"classes ? classes : 'hidden lg:block'\"\n  [idPrefix]=\"idPrefix ? idPrefix : 'header-nav-item'\"\n  [desyAppAccessibility]=\"this\">\n  <ng-container *ngFor=\"let item of getItems(); index as i\">\n    <!-- routerlink -->\n    <desy-menu-navigation-item\n      *ngIf=\"item.routerLink || !item.href\"\n      [id]=\"getItemId(item, i)\"\n      [routerLink]=\"item.routerLink\"\n      [fragment]=\"item.fragment\"\n      [routerLinkActive]=\"item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []\"\n      [target]=\"item.target\"\n      [active]=\"item.active\"\n      [classes]=\"'c-menu-navigation__button--header -mr-base'\">\n      <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n    </desy-menu-navigation-item>\n    <!-- href -->\n    <desy-menu-navigation-item\n      *ngIf=\"!item.routerLink && item.href\"\n      [id]=\"getItemId(item, i)\"\n      [href]=\"item.href\"\n      [target]=\"item.target\"\n      [active]=\"item.active\"\n      [classes]=\"'c-menu-navigation__button--header -mr-base'\">\n      <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n    </desy-menu-navigation-item>\n  </ng-container>\n</desy-menu-navigation>\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: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "component", type: MenuNavigationComponent, selector: "desy-menu-navigation", inputs: ["idPrefix", "items", "classes", "id"], outputs: ["itemsChange", "activeItemChange", "activeSubItemChange"] }, { kind: "component", type: MenuNavigationItemComponent, selector: "desy-menu-navigation-item", inputs: ["href", "fragment", "routerLink", "routerLinkActiveClasses", "target", "text", "html", "id", "expanded", "divider", "disabled", "sub", "classes", "titleModal", "active"], outputs: ["selected"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: HeaderNavigationComponent, isStandalone: false, selector: "desy-header-navigation, desy-header-advanced-navigation", inputs: { idPrefix: "idPrefix", classes: "classes", items: "items" }, queries: [{ propertyName: "itemComponents", predicate: HeaderNavigationItemComponent }], usesInheritance: true, ngImport: i0, template: "<desy-menu-navigation\n  [classes]=\"classes ? classes : 'hidden lg:block'\"\n  [idPrefix]=\"idPrefix ? idPrefix : 'header-nav-item'\"\n  [desyAppAccessibility]=\"this\">\n  <ng-container *ngFor=\"let item of getItems(); index as i\">\n    <!-- routerlink -->\n    <desy-menu-navigation-item\n      *ngIf=\"item.routerLink || !item.href\"\n      [id]=\"getItemId(item, i)\"\n      [routerLink]=\"item.routerLink\"\n      [fragment]=\"item.fragment\"\n      [routerLinkActiveClasses]=\"item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []\"\n      [target]=\"item.target\"\n      [active]=\"item.active\"\n      [classes]=\"['c-menu-navigation__button--header -mr-base ', i === 0 ? 'ml-sm' : ''] | makeHtmlList\">\n      <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n    </desy-menu-navigation-item>\n    <!-- href -->\n    <desy-menu-navigation-item\n      *ngIf=\"!item.routerLink && item.href\"\n      [id]=\"getItemId(item, i)\"\n      [href]=\"item.href\"\n      [target]=\"item.target\"\n      [active]=\"item.active\"\n      [classes]=\"['c-menu-navigation__button--header -mr-base ', i === 0 ? 'ml-sm' : ''] | makeHtmlList\">\n      <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n    </desy-menu-navigation-item>\n  </ng-container>\n</desy-menu-navigation>\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: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "component", type: MenuNavigationComponent, selector: "desy-menu-navigation", inputs: ["idPrefix", "items", "classes", "id"], outputs: ["itemsChange", "activeItemChange", "activeSubItemChange"] }, { kind: "component", type: MenuNavigationItemComponent, selector: "desy-menu-navigation-item", inputs: ["href", "fragment", "routerLink", "routerLinkActiveClasses", "target", "text", "html", "id", "expanded", "divider", "disabled", "sub", "classes", "titleModal", "active"], outputs: ["selected"] }, { kind: "pipe", type: MakeHtmlListPipe, name: "makeHtmlList" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HeaderNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'desy-header-navigation, desy-header-advanced-navigation', standalone: false, template: "<desy-menu-navigation\n  [classes]=\"classes ? classes : 'hidden lg:block'\"\n  [idPrefix]=\"idPrefix ? idPrefix : 'header-nav-item'\"\n  [desyAppAccessibility]=\"this\">\n  <ng-container *ngFor=\"let item of getItems(); index as i\">\n    <!-- routerlink -->\n    <desy-menu-navigation-item\n      *ngIf=\"item.routerLink || !item.href\"\n      [id]=\"getItemId(item, i)\"\n      [routerLink]=\"item.routerLink\"\n      [fragment]=\"item.fragment\"\n      [routerLinkActive]=\"item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []\"\n      [target]=\"item.target\"\n      [active]=\"item.active\"\n      [classes]=\"'c-menu-navigation__button--header -mr-base'\">\n      <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n    </desy-menu-navigation-item>\n    <!-- href -->\n    <desy-menu-navigation-item\n      *ngIf=\"!item.routerLink && item.href\"\n      [id]=\"getItemId(item, i)\"\n      [href]=\"item.href\"\n      [target]=\"item.target\"\n      [active]=\"item.active\"\n      [classes]=\"'c-menu-navigation__button--header -mr-base'\">\n      <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n    </desy-menu-navigation-item>\n  </ng-container>\n</desy-menu-navigation>\n" }]
+            args: [{ selector: 'desy-header-navigation, desy-header-advanced-navigation', standalone: false, template: "<desy-menu-navigation\n  [classes]=\"classes ? classes : 'hidden lg:block'\"\n  [idPrefix]=\"idPrefix ? idPrefix : 'header-nav-item'\"\n  [desyAppAccessibility]=\"this\">\n  <ng-container *ngFor=\"let item of getItems(); index as i\">\n    <!-- routerlink -->\n    <desy-menu-navigation-item\n      *ngIf=\"item.routerLink || !item.href\"\n      [id]=\"getItemId(item, i)\"\n      [routerLink]=\"item.routerLink\"\n      [fragment]=\"item.fragment\"\n      [routerLinkActiveClasses]=\"item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []\"\n      [target]=\"item.target\"\n      [active]=\"item.active\"\n      [classes]=\"['c-menu-navigation__button--header -mr-base ', i === 0 ? 'ml-sm' : ''] | makeHtmlList\">\n      <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n    </desy-menu-navigation-item>\n    <!-- href -->\n    <desy-menu-navigation-item\n      *ngIf=\"!item.routerLink && item.href\"\n      [id]=\"getItemId(item, i)\"\n      [href]=\"item.href\"\n      [target]=\"item.target\"\n      [active]=\"item.active\"\n      [classes]=\"['c-menu-navigation__button--header -mr-base ', i === 0 ? 'ml-sm' : ''] | makeHtmlList\">\n      <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n    </desy-menu-navigation-item>\n  </ng-container>\n</desy-menu-navigation>\n" }]
         }], propDecorators: { idPrefix: [{
                 type: Input
             }], classes: [{