desy-angular 6.0.0 → 6.0.2

package/esm2015/lib/desy-nav/components/nav/nav-item/nav-item.component.js

@@ -1,30 +1,30 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { ContentBaseComponent } from '../../../../shared/components';
-export class NavItemComponent extends ContentBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.clickEvent = new EventEmitter();
-        this.activeChange = new EventEmitter();
-    }
-}
-NavItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-nav-item',
-                template: "<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"
-            },] }
-];
-NavItemComponent.propDecorators = {
-    id: [{ type: Input }],
-    active: [{ type: Input }],
-    classes: [{ type: Input }],
-    title: [{ type: Input }],
-    href: [{ type: Input }],
-    routerLink: [{ type: Input }],
-    fragment: [{ type: Input }],
-    target: [{ type: Input }],
-    disabled: [{ type: Input }],
-    divider: [{ type: Input }],
-    clickEvent: [{ type: Output }],
-    activeChange: [{ type: Output }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1uYXYvY29tcG9uZW50cy9uYXYvbmF2LWl0ZW0vbmF2LWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFckUsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFNbkUsTUFBTSxPQUFPLGdCQUFpQixTQUFRLG9CQUFvQjtJQUoxRDs7UUFpQlksZUFBVSxHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO1FBQ2xELGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUN2RCxDQUFDOzs7WUFuQkEsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxlQUFlO2dCQUN6QiwrRkFBd0M7YUFDekM7OztpQkFHRSxLQUFLO3FCQUNMLEtBQUs7c0JBQ0wsS0FBSztvQkFDTCxLQUFLO21CQUNMLEtBQUs7eUJBQ0wsS0FBSzt1QkFDTCxLQUFLO3FCQUNMLEtBQUs7dUJBQ0wsS0FBSztzQkFDTCxLQUFLO3lCQUVMLE1BQU07MkJBQ04sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge05hdkl0ZW1EYXRhLCBOYXZJdGVtRXZlbnREYXRhfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHtDb250ZW50QmFzZUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LW5hdi1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbmF2LWl0ZW0uY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOYXZJdGVtQ29tcG9uZW50IGV4dGVuZHMgQ29udGVudEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBOYXZJdGVtRGF0YSB7XHJcblxyXG4gIEBJbnB1dCgpIGlkPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGFjdGl2ZT86IGJvb2xlYW47XHJcbiAgQElucHV0KCkgY2xhc3Nlcz86IHN0cmluZztcclxuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcclxuICBASW5wdXQoKSBocmVmPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHJvdXRlckxpbms/OiBzdHJpbmd8YW55W107XHJcbiAgQElucHV0KCkgZnJhZ21lbnQ/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGFyZ2V0Pzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbjtcclxuICBASW5wdXQoKSBkaXZpZGVyPzogYm9vbGVhbjtcclxuXHJcbiAgQE91dHB1dCgpIGNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPE5hdkl0ZW1FdmVudERhdGE+KCk7XHJcbiAgQE91dHB1dCgpIGFjdGl2ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxufVxyXG4iXX0=
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ContentBaseComponent } from '../../../../shared/components';
+export class NavItemComponent extends ContentBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.clickEvent = new EventEmitter();
+        this.activeChange = new EventEmitter();
+    }
+}
+NavItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-nav-item',
+                template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"
+            },] }
+];
+NavItemComponent.propDecorators = {
+    id: [{ type: Input }],
+    active: [{ type: Input }],
+    classes: [{ type: Input }],
+    title: [{ type: Input }],
+    href: [{ type: Input }],
+    routerLink: [{ type: Input }],
+    fragment: [{ type: Input }],
+    target: [{ type: Input }],
+    disabled: [{ type: Input }],
+    divider: [{ type: Input }],
+    clickEvent: [{ type: Output }],
+    activeChange: [{ type: Output }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1uYXYvY29tcG9uZW50cy9uYXYvbmF2LWl0ZW0vbmF2LWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFckUsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFNbkUsTUFBTSxPQUFPLGdCQUFpQixTQUFRLG9CQUFvQjtJQUoxRDs7UUFpQlksZUFBVSxHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO1FBQ2xELGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUN2RCxDQUFDOzs7WUFuQkEsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxlQUFlO2dCQUN6Qix5RkFBd0M7YUFDekM7OztpQkFHRSxLQUFLO3FCQUNMLEtBQUs7c0JBQ0wsS0FBSztvQkFDTCxLQUFLO21CQUNMLEtBQUs7eUJBQ0wsS0FBSzt1QkFDTCxLQUFLO3FCQUNMLEtBQUs7dUJBQ0wsS0FBSztzQkFDTCxLQUFLO3lCQUVMLE1BQU07MkJBQ04sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOYXZJdGVtRGF0YSwgTmF2SXRlbUV2ZW50RGF0YX0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQge0NvbnRlbnRCYXNlQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Rlc3ktbmF2LWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2LWl0ZW0uY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIE5hdkl0ZW1Db21wb25lbnQgZXh0ZW5kcyBDb250ZW50QmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE5hdkl0ZW1EYXRhIHtcblxuICBASW5wdXQoKSBpZD86IHN0cmluZztcbiAgQElucHV0KCkgYWN0aXZlPzogYm9vbGVhbjtcbiAgQElucHV0KCkgY2xhc3Nlcz86IHN0cmluZztcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGhyZWY/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHJvdXRlckxpbms/OiBzdHJpbmd8YW55W107XG4gIEBJbnB1dCgpIGZyYWdtZW50Pzogc3RyaW5nO1xuICBASW5wdXQoKSB0YXJnZXQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgQElucHV0KCkgZGl2aWRlcj86IGJvb2xlYW47XG5cbiAgQE91dHB1dCgpIGNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPE5hdkl0ZW1FdmVudERhdGE+KCk7XG4gIEBPdXRwdXQoKSBhY3RpdmVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG59XG4iXX0=

package/esm2015/lib/desy-nav/components/nav/nav.component.js

@@ -1,105 +1,105 @@
-import { Component, ContentChildren, EventEmitter, Input, Output } from '@angular/core';
-import { AccessibilityComponent } from '../../../shared/components';
-import { NavItemComponent } from './nav-item/nav-item.component';
-export class NavComponent extends AccessibilityComponent {
-    constructor() {
-        super(...arguments);
-        this.hasNav = true;
-        this.clickEvent = new EventEmitter();
-    }
-    onClick(event, item) {
-        const itemsActiveChange = [];
-        if (!item.active) {
-            itemsActiveChange.push(item);
-        }
-        const itemList = this.getItemList();
-        itemList.forEach(i => {
-            if (i.active && i !== item) {
-                itemsActiveChange.push(i);
-            }
-            i.active = false;
-        });
-        item.active = true;
-        // Se emite el evento sólo para los items cuyo valor de active ha sido modificado
-        itemsActiveChange.forEach(i => {
-            if (i instanceof NavItemComponent) {
-                i.activeChange.emit(i.active);
-            }
-        });
-        this.clickEvent.emit({ item, event });
-        if (item instanceof NavItemComponent) {
-            item.clickEvent.emit({ item, event });
-        }
-    }
-    getItemList() {
-        const itemList = this.itemComponentList && this.itemComponentList.length > 0 ? this.itemComponentList.toArray() : this.items;
-        return itemList;
-    }
-    getItemId(item, index) {
-        let id;
-        if (item.id) {
-            id = item.id;
-        }
-        else if (index === 0) {
-            id = this.getIdPrefix();
-        }
-        else {
-            id = this.getIdPrefix() + '-' + index;
-        }
-        return id;
-    }
-    getIdPrefix() {
-        return this.idPrefix ? this.idPrefix : 'nav-item';
-    }
-    movePrevious(event, currentIndex) {
-        event.preventDefault();
-        const items = this.getItemList();
-        let nextIndex = currentIndex - 1;
-        while (nextIndex >= 0 && !this.isFocusableItem(items[nextIndex])) {
-            nextIndex--;
-        }
-        if (nextIndex < items.length) {
-            const itemElem = document.getElementById(this.getItemId(items[nextIndex], nextIndex));
-            if (itemElem) {
-                itemElem.focus();
-            }
-        }
-    }
-    moveNext(event, currentIndex) {
-        event.preventDefault();
-        const items = this.getItemList();
-        let nextIndex = currentIndex + 1;
-        while (nextIndex < items.length && !this.isFocusableItem(items[nextIndex])) {
-            nextIndex++;
-        }
-        if (nextIndex < items.length) {
-            const itemElem = document.getElementById(this.getItemId(items[nextIndex], nextIndex));
-            if (itemElem) {
-                itemElem.focus();
-            }
-        }
-    }
-    simulateClick(event, item, index) {
-        event.preventDefault();
-        const element = document.getElementById(this.getItemId(item, index));
-        element === null || element === void 0 ? void 0 : element.click();
-    }
-    isFocusableItem(item) {
-        return !item.active && !item.disabled;
-    }
-}
-NavComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-nav',
-                template: "<ng-template #innerHtml>\r\n  <ng-container *ngFor=\"let item of getItemList(); index as i\">\r\n    <li>\r\n        <span *ngIf=\"item.active\"\r\n               [class]=\"['flex items-center px-base py-sm font-semibold', item.classes] | makeHtmlList\"\r\n               [attr.id]=\"getItemId(item, i)\"\r\n               [attr.title]=\"item.title ? item.title : null\"\r\n               [attr.role]=\"item.role ? item.role : null\"\r\n               [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\r\n               [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\r\n               [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\r\n               [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\r\n               [attr.aria-disabled]=\"item.disabled ? item.disabled : null\"\r\n               [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\r\n               [attr.aria-current]=\"hasNav ? 'true' : 'page'\"\r\n               [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\r\n               [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\r\n               [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\r\n               [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\"\r\n               [attr.tabindex]=\"item.tabindex\"\r\n               (click)=\"onClick($event, item)\">\r\n              <strong>\r\n                  <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\r\n              </strong>\r\n          </span>\r\n          <a *ngIf=\"!item.active && item.href\"\r\n             [href]=\"item.href | externalHref\" [target]=\"item.target\"\r\n             [class]=\"['flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\r\n             [ngClass]=\"{'pointer-events-none': item.disabled}\"\r\n             [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\r\n             [attr.tabindex]=\"item.disabled ? -1 : item.tabindex\"\r\n             [attr.id]=\"getItemId(item, i)\"\r\n             [attr.title]=\"item.title ? item.title : null\"\r\n             [attr.role]=\"item.role ? item.role : null\"\r\n             [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\r\n             [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\r\n             [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\r\n             [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\r\n             [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\r\n             [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\r\n             [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\r\n             [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\r\n             [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\r\n             [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\"\r\n             (keydown.arrowUp)=\"movePrevious($event, i)\"\r\n             (keydown.arrowDown)=\"moveNext($event, i)\"\r\n             (click)=\"onClick($event, item)\"\r\n             (keydown.space)=\"simulateClick($event, item, i)\"\r\n             (keydown.enter)=\"simulateClick($event, item, i)\">\r\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\r\n            <svg *ngIf=\"item.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>\r\n          </a>\r\n          <a *ngIf=\"!item.active && !item.href\"\r\n               [routerLink]=\"item.routerLink\" [fragment]=\"item.fragment\"\r\n               [class]=\"['flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\r\n               [ngClass]=\"{'pointer-events-none': item.disabled}\"\r\n               [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\r\n               [attr.tabindex]=\"item.disabled ? -1 : item.tabindex\"\r\n               [attr.id]=\"getItemId(item, i)\"\r\n               [attr.title]=\"item.title ? item.title : null\"\r\n               [attr.role]=\"item.role ? item.role : null\"\r\n               [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\r\n               [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\r\n               [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\r\n               [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\r\n               [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\r\n               [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\r\n               [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\r\n               [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\r\n               [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\r\n               [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\"\r\n               (keydown.arrowUp)=\"movePrevious($event, i)\"\r\n               (keydown.arrowDown)=\"moveNext($event, i)\"\r\n               (click)=\"onClick($event, item)\"\r\n               (keydown.space)=\"simulateClick($event, item, i)\"\r\n               (keydown.enter)=\"simulateClick($event, item, i)\">\r\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\r\n            <svg *ngIf=\"item.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>\r\n          </a>\r\n    </li>\r\n    <li *ngIf=\"item.divider\" class=\"my-sm border-b border-neutral-base\" aria-hidden=\"true\">\r\n        <div class=\"sr-only\">Separador</div>\r\n    </li>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n\r\n<ul *ngIf=\"!hasNav; else wrapIntoNav\"\r\n    [class]=\"['text-sm', classes] | makeHtmlList\"\r\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\r\n    [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\r\n    [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\r\n    [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\r\n    [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\r\n    [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\r\n    [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\r\n    [attr.aria-live]=\"ariaLive ? ariaLive : null\"\r\n    [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\r\n    [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\r\n    [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\r\n    [attr.tabindex]=\"tabindex ? tabindex : null\">\r\n  <ng-container *ngTemplateOutlet=\"innerHtml\"></ng-container>\r\n</ul>\r\n<ng-template #wrapIntoNav>\r\n  <nav [class]=\"['text-sm', classes] | makeHtmlList\"\r\n     [attr.role]=\"role ? role : null\"\r\n     [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\r\n     [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\r\n     [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\r\n     [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\r\n     [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\r\n     [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\r\n     [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\r\n     [attr.aria-live]=\"ariaLive ? ariaLive : null\"\r\n     [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\r\n     [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\r\n     [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\r\n     [attr.tabindex]=\"tabindex ? tabindex : null\">\r\n    <ul>\r\n      <ng-container *ngTemplateOutlet=\"innerHtml\"></ng-container>\r\n    </ul>\r\n  </nav>\r\n</ng-template>\r\n"
-            },] }
-];
-NavComponent.propDecorators = {
-    hasNav: [{ type: Input }],
-    idPrefix: [{ type: Input }],
-    items: [{ type: Input }],
-    classes: [{ type: Input }],
-    clickEvent: [{ type: Output }],
-    itemComponentList: [{ type: ContentChildren, args: [NavItemComponent,] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvbmF2L25hdi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLHNCQUFzQixFQUN2QixNQUFNLDRCQUE0QixDQUFDO0FBRXBDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBTy9ELE1BQU0sT0FBTyxZQUFhLFNBQVEsc0JBQXNCO0lBSnhEOztRQU1XLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFLYixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQW9CLENBQUM7SUFnRzlELENBQUM7SUE3RkMsT0FBTyxDQUFDLEtBQVUsRUFBRSxJQUFpQjtRQUNuQyxNQUFNLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNoQixpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDOUI7UUFFRCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNuQixJQUFJLENBQUMsQ0FBQyxNQUFNLElBQUksQ0FBQyxLQUFLLElBQUksRUFBRTtnQkFDMUIsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQzNCO1lBQ0QsQ0FBQyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDbkIsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUVu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LElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUM7WUFDdEYsSUFBSSxRQUFRLEVBQUU7Z0JBQ1osUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO2FBQ2xCO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQW9CLEVBQUUsSUFBaUIsRUFBRSxLQUFhO1FBQ2xFLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDckUsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLEtBQUssR0FBRztJQUNuQixDQUFDO0lBR08sZUFBZSxDQUFDLElBQWlCO1FBQ3ZDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN4QyxDQUFDOzs7WUF6R0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQiwyZ1NBQW1DO2FBQ3BDOzs7cUJBR0UsS0FBSzt1QkFDTCxLQUFLO29CQUNMLEtBQUs7c0JBQ0wsS0FBSzt5QkFFTCxNQUFNO2dDQUNOLGVBQWUsU0FBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBRdWVyeUxpc3RcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50XHJcbn0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5pbXBvcnQge05hdkl0ZW1EYXRhLCBOYXZJdGVtRXZlbnREYXRhfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHtOYXZJdGVtQ29tcG9uZW50fSBmcm9tICcuL25hdi1pdGVtL25hdi1pdGVtLmNvbXBvbmVudCc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LW5hdicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25hdi5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIE5hdkNvbXBvbmVudCBleHRlbmRzIEFjY2Vzc2liaWxpdHlDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBoYXNOYXYgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGlkUHJlZml4OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaXRlbXM6IE5hdkl0ZW1EYXRhW107XHJcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xyXG5cclxuICBAT3V0cHV0KCkgY2xpY2tFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8TmF2SXRlbUV2ZW50RGF0YT4oKTtcclxuICBAQ29udGVudENoaWxkcmVuKE5hdkl0ZW1Db21wb25lbnQpIGl0ZW1Db21wb25lbnRMaXN0OiBRdWVyeUxpc3Q8TmF2SXRlbUNvbXBvbmVudD47XHJcblxyXG4gIG9uQ2xpY2soZXZlbnQ6IGFueSwgaXRlbTogTmF2SXRlbURhdGEpOiB2b2lkIHtcclxuICAgIGNvbnN0IGl0ZW1zQWN0aXZlQ2hhbmdlID0gW107XHJcbiAgICBpZiAoIWl0ZW0uYWN0aXZlKSB7XHJcbiAgICAgIGl0ZW1zQWN0aXZlQ2hhbmdlLnB1c2goaXRlbSk7XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgaXRlbUxpc3QgPSB0aGlzLmdldEl0ZW1MaXN0KCk7XHJcbiAgICBpdGVtTGlzdC5mb3JFYWNoKGkgPT4ge1xyXG4gICAgICBpZiAoaS5hY3RpdmUgJiYgaSAhPT0gaXRlbSkge1xyXG4gICAgICAgIGl0ZW1zQWN0aXZlQ2hhbmdlLnB1c2goaSk7XHJcbiAgICAgIH1cclxuICAgICAgaS5hY3RpdmUgPSBmYWxzZTtcclxuICAgIH0pO1xyXG4gICAgaXRlbS5hY3RpdmUgPSB0cnVlO1xyXG5cclxuICAgIC8vIFNlIGVtaXRlIGVsIGV2ZW50byBzw7NsbyBwYXJhIGxvcyBpdGVtcyBjdXlvIHZhbG9yIGRlIGFjdGl2ZSBoYSBzaWRvIG1vZGlmaWNhZG9cclxuICAgIGl0ZW1zQWN0aXZlQ2hhbmdlLmZvckVhY2goaSA9PiB7XHJcbiAgICAgIGlmIChpIGluc3RhbmNlb2YgIE5hdkl0ZW1Db21wb25lbnQpIHtcclxuICAgICAgICBpLmFjdGl2ZUNoYW5nZS5lbWl0KGkuYWN0aXZlKTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcblxyXG4gICAgdGhpcy5jbGlja0V2ZW50LmVtaXQoeyBpdGVtLCBldmVudCB9KTtcclxuICAgIGlmIChpdGVtIGluc3RhbmNlb2YgTmF2SXRlbUNvbXBvbmVudCkge1xyXG4gICAgICBpdGVtLmNsaWNrRXZlbnQuZW1pdCh7IGl0ZW0sIGV2ZW50IH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0SXRlbUxpc3QoKTogTmF2SXRlbURhdGFbXSB7XHJcbiAgICBjb25zdCBpdGVtTGlzdCA9IHRoaXMuaXRlbUNvbXBvbmVudExpc3QgJiYgdGhpcy5pdGVtQ29tcG9uZW50TGlzdC5sZW5ndGggPiAwID8gdGhpcy5pdGVtQ29tcG9uZW50TGlzdC50b0FycmF5KCkgOiB0aGlzLml0ZW1zO1xyXG4gICAgXHJcbiAgICByZXR1cm4gaXRlbUxpc3Q7XHJcbiAgfVxyXG5cclxuICBnZXRJdGVtSWQoaXRlbTogTmF2SXRlbURhdGEsIGluZGV4OiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgbGV0IGlkO1xyXG4gICAgaWYgKGl0ZW0uaWQpIHtcclxuICAgICAgaWQgPSBpdGVtLmlkO1xyXG4gICAgfSBlbHNlIGlmIChpbmRleCA9PT0gMCkge1xyXG4gICAgICBpZCA9IHRoaXMuZ2V0SWRQcmVmaXgoKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGlkID0gdGhpcy5nZXRJZFByZWZpeCgpICsgJy0nICsgaW5kZXg7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gaWQ7XHJcbiAgfVxyXG5cclxuICBnZXRJZFByZWZpeCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuaWRQcmVmaXggPyB0aGlzLmlkUHJlZml4IDogJ25hdi1pdGVtJztcclxuICB9XHJcblxyXG4gIG1vdmVQcmV2aW91cyhldmVudDogS2V5Ym9hcmRFdmVudCwgY3VycmVudEluZGV4OiBudW1iZXIpOiB2b2lkIHtcclxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICBjb25zdCBpdGVtcyA9IHRoaXMuZ2V0SXRlbUxpc3QoKTtcclxuICAgIGxldCBuZXh0SW5kZXggPSBjdXJyZW50SW5kZXggLSAxO1xyXG4gICAgd2hpbGUgKG5leHRJbmRleCA+PSAwICYmICF0aGlzLmlzRm9jdXNhYmxlSXRlbShpdGVtc1tuZXh0SW5kZXhdKSkge1xyXG4gICAgICBuZXh0SW5kZXgtLTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAobmV4dEluZGV4IDwgaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIGNvbnN0IGl0ZW1FbGVtID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5nZXRJdGVtSWQoaXRlbXNbbmV4dEluZGV4XSwgbmV4dEluZGV4KSk7XHJcbiAgICAgIGlmIChpdGVtRWxlbSkge1xyXG4gICAgICAgIGl0ZW1FbGVtLmZvY3VzKCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIG1vdmVOZXh0KGV2ZW50OiBLZXlib2FyZEV2ZW50LCBjdXJyZW50SW5kZXg6IG51bWJlcik6IHZvaWQge1xyXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgIGNvbnN0IGl0ZW1zID0gdGhpcy5nZXRJdGVtTGlzdCgpO1xyXG4gICAgbGV0IG5leHRJbmRleCA9IGN1cnJlbnRJbmRleCArIDE7XHJcbiAgICB3aGlsZSAobmV4dEluZGV4IDwgaXRlbXMubGVuZ3RoICYmICF0aGlzLmlzRm9jdXNhYmxlSXRlbShpdGVtc1tuZXh0SW5kZXhdKSkge1xyXG4gICAgICBuZXh0SW5kZXgrKztcclxuICAgIH1cclxuXHJcbiAgICBpZiAobmV4dEluZGV4IDwgaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIGNvbnN0IGl0ZW1FbGVtID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5nZXRJdGVtSWQoaXRlbXNbbmV4dEluZGV4XSwgbmV4dEluZGV4KSk7XHJcbiAgICAgIGlmIChpdGVtRWxlbSkge1xyXG4gICAgICAgIGl0ZW1FbGVtLmZvY3VzKCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIHNpbXVsYXRlQ2xpY2soZXZlbnQ6IEtleWJvYXJkRXZlbnQsIGl0ZW06IE5hdkl0ZW1EYXRhLCBpbmRleDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgY29uc3QgZWxlbWVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuZ2V0SXRlbUlkKGl0ZW0sIGluZGV4KSk7XHJcbiAgICBlbGVtZW50Py5jbGljaygpO1xyXG4gIH1cclxuXHJcblxyXG4gIHByaXZhdGUgaXNGb2N1c2FibGVJdGVtKGl0ZW06IE5hdkl0ZW1EYXRhKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gIWl0ZW0uYWN0aXZlICYmICFpdGVtLmRpc2FibGVkO1xyXG4gIH1cclxuXHJcbn1cclxuIl19
+import { Component, ContentChildren, EventEmitter, Input, Output } from '@angular/core';
+import { AccessibilityComponent } from '../../../shared/components';
+import { NavItemComponent } from './nav-item/nav-item.component';
+export class NavComponent extends AccessibilityComponent {
+    constructor() {
+        super(...arguments);
+        this.hasNav = true;
+        this.clickEvent = new EventEmitter();
+    }
+    onClick(event, item) {
+        const itemsActiveChange = [];
+        if (!item.active) {
+            itemsActiveChange.push(item);
+        }
+        const itemList = this.getItemList();
+        itemList.forEach(i => {
+            if (i.active && i !== item) {
+                itemsActiveChange.push(i);
+            }
+            i.active = false;
+        });
+        item.active = true;
+        // Se emite el evento sólo para los items cuyo valor de active ha sido modificado
+        itemsActiveChange.forEach(i => {
+            if (i instanceof NavItemComponent) {
+                i.activeChange.emit(i.active);
+            }
+        });
+        this.clickEvent.emit({ item, event });
+        if (item instanceof NavItemComponent) {
+            item.clickEvent.emit({ item, event });
+        }
+    }
+    getItemList() {
+        const itemList = this.itemComponentList && this.itemComponentList.length > 0 ? this.itemComponentList.toArray() : this.items;
+        return itemList;
+    }
+    getItemId(item, index) {
+        let id;
+        if (item.id) {
+            id = item.id;
+        }
+        else if (index === 0) {
+            id = this.getIdPrefix();
+        }
+        else {
+            id = this.getIdPrefix() + '-' + index;
+        }
+        return id;
+    }
+    getIdPrefix() {
+        return this.idPrefix ? this.idPrefix : 'nav-item';
+    }
+    movePrevious(event, currentIndex) {
+        event.preventDefault();
+        const items = this.getItemList();
+        let nextIndex = currentIndex - 1;
+        while (nextIndex >= 0 && !this.isFocusableItem(items[nextIndex])) {
+            nextIndex--;
+        }
+        if (nextIndex < items.length) {
+            const itemElem = document.getElementById(this.getItemId(items[nextIndex], nextIndex));
+            if (itemElem) {
+                itemElem.focus();
+            }
+        }
+    }
+    moveNext(event, currentIndex) {
+        event.preventDefault();
+        const items = this.getItemList();
+        let nextIndex = currentIndex + 1;
+        while (nextIndex < items.length && !this.isFocusableItem(items[nextIndex])) {
+            nextIndex++;
+        }
+        if (nextIndex < items.length) {
+            const itemElem = document.getElementById(this.getItemId(items[nextIndex], nextIndex));
+            if (itemElem) {
+                itemElem.focus();
+            }
+        }
+    }
+    simulateClick(event, item, index) {
+        event.preventDefault();
+        const element = document.getElementById(this.getItemId(item, index));
+        element === null || element === void 0 ? void 0 : element.click();
+    }
+    isFocusableItem(item) {
+        return !item.active && !item.disabled;
+    }
+}
+NavComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-nav',
+                template: "<ng-template #innerHtml>\n  <ng-container *ngFor=\"let item of getItemList(); index as i\">\n    <li>\n        <span *ngIf=\"item.active\"\n               [class]=\"['flex items-center px-base py-sm font-semibold', item.classes] | makeHtmlList\"\n               [attr.id]=\"getItemId(item, i)\"\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-disabled]=\"item.disabled ? item.disabled : null\"\n               [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n               [attr.aria-current]=\"hasNav ? 'true' : 'page'\"\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\"\n               (click)=\"onClick($event, item)\">\n              <strong>\n                  <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n              </strong>\n          </span>\n          <a *ngIf=\"!item.active && item.href\"\n             [href]=\"item.href | externalHref\" [target]=\"item.target\"\n             [class]=\"['flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\n             [ngClass]=\"{'pointer-events-none': item.disabled}\"\n             [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n             [attr.tabindex]=\"item.disabled ? -1 : item.tabindex\"\n             [attr.id]=\"getItemId(item, i)\"\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             (keydown.arrowUp)=\"movePrevious($event, i)\"\n             (keydown.arrowDown)=\"moveNext($event, i)\"\n             (click)=\"onClick($event, item)\"\n             (keydown.space)=\"simulateClick($event, item, i)\"\n             (keydown.enter)=\"simulateClick($event, item, i)\">\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n            <svg *ngIf=\"item.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          <a *ngIf=\"!item.active && !item.href\"\n               [routerLink]=\"item.routerLink\" [fragment]=\"item.fragment\"\n               [class]=\"['flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\n               [ngClass]=\"{'pointer-events-none': item.disabled}\"\n               [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n               [attr.tabindex]=\"item.disabled ? -1 : item.tabindex\"\n               [attr.id]=\"getItemId(item, i)\"\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               (keydown.arrowUp)=\"movePrevious($event, i)\"\n               (keydown.arrowDown)=\"moveNext($event, i)\"\n               (click)=\"onClick($event, item)\"\n               (keydown.space)=\"simulateClick($event, item, i)\"\n               (keydown.enter)=\"simulateClick($event, item, i)\">\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n            <svg *ngIf=\"item.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 *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\n<ul *ngIf=\"!hasNav; else wrapIntoNav\"\n    [class]=\"['text-sm', classes] | makeHtmlList\"\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  <ng-container *ngTemplateOutlet=\"innerHtml\"></ng-container>\n</ul>\n<ng-template #wrapIntoNav>\n  <nav [class]=\"['text-sm', classes] | makeHtmlList\"\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>\n      <ng-container *ngTemplateOutlet=\"innerHtml\"></ng-container>\n    </ul>\n  </nav>\n</ng-template>\n"
+            },] }
+];
+NavComponent.propDecorators = {
+    hasNav: [{ type: Input }],
+    idPrefix: [{ type: Input }],
+    items: [{ type: Input }],
+    classes: [{ type: Input }],
+    clickEvent: [{ type: Output }],
+    itemComponentList: [{ type: ContentChildren, args: [NavItemComponent,] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvbmF2L25hdi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLHNCQUFzQixFQUN2QixNQUFNLDRCQUE0QixDQUFDO0FBRXBDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBTy9ELE1BQU0sT0FBTyxZQUFhLFNBQVEsc0JBQXNCO0lBSnhEOztRQU1XLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFLYixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQW9CLENBQUM7SUFnRzlELENBQUM7SUE3RkMsT0FBTyxDQUFDLEtBQVUsRUFBRSxJQUFpQjtRQUNuQyxNQUFNLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNoQixpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDOUI7UUFFRCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNuQixJQUFJLENBQUMsQ0FBQyxNQUFNLElBQUksQ0FBQyxLQUFLLElBQUksRUFBRTtnQkFDMUIsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQzNCO1lBQ0QsQ0FBQyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDbkIsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUVu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LElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUM7WUFDdEYsSUFBSSxRQUFRLEVBQUU7Z0JBQ1osUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO2FBQ2xCO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQW9CLEVBQUUsSUFBaUIsRUFBRSxLQUFhO1FBQ2xFLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDckUsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLEtBQUssR0FBRztJQUNuQixDQUFDO0lBR08sZUFBZSxDQUFDLElBQWlCO1FBQ3ZDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN4QyxDQUFDOzs7WUF6R0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQixxeFJBQW1DO2FBQ3BDOzs7cUJBR0UsS0FBSzt1QkFDTCxLQUFLO29CQUNMLEtBQUs7c0JBQ0wsS0FBSzt5QkFFTCxNQUFNO2dDQUNOLGVBQWUsU0FBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3Rcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50XG59IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcbmltcG9ydCB7TmF2SXRlbURhdGEsIE5hdkl0ZW1FdmVudERhdGF9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xuaW1wb3J0IHtOYXZJdGVtQ29tcG9uZW50fSBmcm9tICcuL25hdi1pdGVtL25hdi1pdGVtLmNvbXBvbmVudCc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGVzeS1uYXYnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBOYXZDb21wb25lbnQgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IHtcblxuICBASW5wdXQoKSBoYXNOYXYgPSB0cnVlO1xuICBASW5wdXQoKSBpZFByZWZpeDogc3RyaW5nO1xuICBASW5wdXQoKSBpdGVtczogTmF2SXRlbURhdGFbXTtcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBjbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxOYXZJdGVtRXZlbnREYXRhPigpO1xuICBAQ29udGVudENoaWxkcmVuKE5hdkl0ZW1Db21wb25lbnQpIGl0ZW1Db21wb25lbnRMaXN0OiBRdWVyeUxpc3Q8TmF2SXRlbUNvbXBvbmVudD47XG5cbiAgb25DbGljayhldmVudDogYW55LCBpdGVtOiBOYXZJdGVtRGF0YSk6IHZvaWQge1xuICAgIGNvbnN0IGl0ZW1zQWN0aXZlQ2hhbmdlID0gW107XG4gICAgaWYgKCFpdGVtLmFjdGl2ZSkge1xuICAgICAgaXRlbXNBY3RpdmVDaGFuZ2UucHVzaChpdGVtKTtcbiAgICB9XG5cbiAgICBjb25zdCBpdGVtTGlzdCA9IHRoaXMuZ2V0SXRlbUxpc3QoKTtcbiAgICBpdGVtTGlzdC5mb3JFYWNoKGkgPT4ge1xuICAgICAgaWYgKGkuYWN0aXZlICYmIGkgIT09IGl0ZW0pIHtcbiAgICAgICAgaXRlbXNBY3RpdmVDaGFuZ2UucHVzaChpKTtcbiAgICAgIH1cbiAgICAgIGkuYWN0aXZlID0gZmFsc2U7XG4gICAgfSk7XG4gICAgaXRlbS5hY3RpdmUgPSB0cnVlO1xuXG4gICAgLy8gU2UgZW1pdGUgZWwgZXZlbnRvIHPDs2xvIHBhcmEgbG9zIGl0ZW1zIGN1eW8gdmFsb3IgZGUgYWN0aXZlIGhhIHNpZG8gbW9kaWZpY2Fkb1xuICAgIGl0ZW1zQWN0aXZlQ2hhbmdlLmZvckVhY2goaSA9PiB7XG4gICAgICBpZiAoaSBpbnN0YW5jZW9mICBOYXZJdGVtQ29tcG9uZW50KSB7XG4gICAgICAgIGkuYWN0aXZlQ2hhbmdlLmVtaXQoaS5hY3RpdmUpO1xuICAgICAgfVxuICAgIH0pO1xuXG4gICAgdGhpcy5jbGlja0V2ZW50LmVtaXQoeyBpdGVtLCBldmVudCB9KTtcbiAgICBpZiAoaXRlbSBpbnN0YW5jZW9mIE5hdkl0ZW1Db21wb25lbnQpIHtcbiAgICAgIGl0ZW0uY2xpY2tFdmVudC5lbWl0KHsgaXRlbSwgZXZlbnQgfSk7XG4gICAgfVxuICB9XG5cbiAgZ2V0SXRlbUxpc3QoKTogTmF2SXRlbURhdGFbXSB7XG4gICAgY29uc3QgaXRlbUxpc3QgPSB0aGlzLml0ZW1Db21wb25lbnRMaXN0ICYmIHRoaXMuaXRlbUNvbXBvbmVudExpc3QubGVuZ3RoID4gMCA/IHRoaXMuaXRlbUNvbXBvbmVudExpc3QudG9BcnJheSgpIDogdGhpcy5pdGVtcztcbiAgICBcbiAgICByZXR1cm4gaXRlbUxpc3Q7XG4gIH1cblxuICBnZXRJdGVtSWQoaXRlbTogTmF2SXRlbURhdGEsIGluZGV4OiBudW1iZXIpOiBzdHJpbmcge1xuICAgIGxldCBpZDtcbiAgICBpZiAoaXRlbS5pZCkge1xuICAgICAgaWQgPSBpdGVtLmlkO1xuICAgIH0gZWxzZSBpZiAoaW5kZXggPT09IDApIHtcbiAgICAgIGlkID0gdGhpcy5nZXRJZFByZWZpeCgpO1xuICAgIH0gZWxzZSB7XG4gICAgICBpZCA9IHRoaXMuZ2V0SWRQcmVmaXgoKSArICctJyArIGluZGV4O1xuICAgIH1cbiAgICByZXR1cm4gaWQ7XG4gIH1cblxuICBnZXRJZFByZWZpeCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmlkUHJlZml4ID8gdGhpcy5pZFByZWZpeCA6ICduYXYtaXRlbSc7XG4gIH1cblxuICBtb3ZlUHJldmlvdXMoZXZlbnQ6IEtleWJvYXJkRXZlbnQsIGN1cnJlbnRJbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBjb25zdCBpdGVtcyA9IHRoaXMuZ2V0SXRlbUxpc3QoKTtcbiAgICBsZXQgbmV4dEluZGV4ID0gY3VycmVudEluZGV4IC0gMTtcbiAgICB3aGlsZSAobmV4dEluZGV4ID49IDAgJiYgIXRoaXMuaXNGb2N1c2FibGVJdGVtKGl0ZW1zW25leHRJbmRleF0pKSB7XG4gICAgICBuZXh0SW5kZXgtLTtcbiAgICB9XG5cbiAgICBpZiAobmV4dEluZGV4IDwgaXRlbXMubGVuZ3RoKSB7XG4gICAgICBjb25zdCBpdGVtRWxlbSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuZ2V0SXRlbUlkKGl0ZW1zW25leHRJbmRleF0sIG5leHRJbmRleCkpO1xuICAgICAgaWYgKGl0ZW1FbGVtKSB7XG4gICAgICAgIGl0ZW1FbGVtLmZvY3VzKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbW92ZU5leHQoZXZlbnQ6IEtleWJvYXJkRXZlbnQsIGN1cnJlbnRJbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBjb25zdCBpdGVtcyA9IHRoaXMuZ2V0SXRlbUxpc3QoKTtcbiAgICBsZXQgbmV4dEluZGV4ID0gY3VycmVudEluZGV4ICsgMTtcbiAgICB3aGlsZSAobmV4dEluZGV4IDwgaXRlbXMubGVuZ3RoICYmICF0aGlzLmlzRm9jdXNhYmxlSXRlbShpdGVtc1tuZXh0SW5kZXhdKSkge1xuICAgICAgbmV4dEluZGV4Kys7XG4gICAgfVxuXG4gICAgaWYgKG5leHRJbmRleCA8IGl0ZW1zLmxlbmd0aCkge1xuICAgICAgY29uc3QgaXRlbUVsZW0gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmdldEl0ZW1JZChpdGVtc1tuZXh0SW5kZXhdLCBuZXh0SW5kZXgpKTtcbiAgICAgIGlmIChpdGVtRWxlbSkge1xuICAgICAgICBpdGVtRWxlbS5mb2N1cygpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHNpbXVsYXRlQ2xpY2soZXZlbnQ6IEtleWJvYXJkRXZlbnQsIGl0ZW06IE5hdkl0ZW1EYXRhLCBpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBjb25zdCBlbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5nZXRJdGVtSWQoaXRlbSwgaW5kZXgpKTtcbiAgICBlbGVtZW50Py5jbGljaygpO1xuICB9XG5cblxuICBwcml2YXRlIGlzRm9jdXNhYmxlSXRlbShpdGVtOiBOYXZJdGVtRGF0YSk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhaXRlbS5hY3RpdmUgJiYgIWl0ZW0uZGlzYWJsZWQ7XG4gIH1cblxufVxuIl19

package/esm2015/lib/desy-nav/components/notification/notification-item/notification-item.component.js

@@ -1,18 +1,18 @@
-import { Component, Input } from '@angular/core';
-import { ContentBaseComponent } from '../../../../shared/components';
-export class NotificationItemComponent extends ContentBaseComponent {
-}
-NotificationItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-notification-item',
-                template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>'
-            },] }
-];
-NotificationItemComponent.propDecorators = {
-    href: [{ type: Input }],
-    target: [{ type: Input }],
-    routerLink: [{ type: Input }],
-    fragment: [{ type: Input }],
-    id: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1uYXYvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLWl0ZW0vbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBT25FLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxvQkFBb0I7OztZQUpsRSxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsUUFBUSxFQUFFLHVFQUF1RTthQUNsRjs7O21CQUVFLEtBQUs7cUJBQ0wsS0FBSzt5QkFDTCxLQUFLO3VCQUNMLEtBQUs7aUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q29udGVudEJhc2VDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcclxuaW1wb3J0IHtOb3RpZmljYXRpb25JdGVtc0RhdGF9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LW5vdGlmaWNhdGlvbi1pdGVtJyxcclxuICB0ZW1wbGF0ZTogJzxuZy10ZW1wbGF0ZSAjY29udGVudFRlbXBsYXRlPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPidcclxufSlcclxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbkl0ZW1Db21wb25lbnQgZXh0ZW5kcyBDb250ZW50QmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE5vdGlmaWNhdGlvbkl0ZW1zRGF0YSB7XHJcbiAgQElucHV0KCkgaHJlZjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRhcmdldD86IHN0cmluZztcclxuICBASW5wdXQoKSByb3V0ZXJMaW5rPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGZyYWdtZW50Pzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XHJcbn1cclxuIl19
+import { Component, Input } from '@angular/core';
+import { ContentBaseComponent } from '../../../../shared/components';
+export class NotificationItemComponent extends ContentBaseComponent {
+}
+NotificationItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-notification-item',
+                template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>'
+            },] }
+];
+NotificationItemComponent.propDecorators = {
+    href: [{ type: Input }],
+    target: [{ type: Input }],
+    routerLink: [{ type: Input }],
+    fragment: [{ type: Input }],
+    id: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1uYXYvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLWl0ZW0vbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBT25FLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxvQkFBb0I7OztZQUpsRSxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsUUFBUSxFQUFFLHVFQUF1RTthQUNsRjs7O21CQUVFLEtBQUs7cUJBQ0wsS0FBSzt5QkFDTCxLQUFLO3VCQUNMLEtBQUs7aUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbnRlbnRCYXNlQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XG5pbXBvcnQge05vdGlmaWNhdGlvbkl0ZW1zRGF0YX0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Rlc3ktbm90aWZpY2F0aW9uLWl0ZW0nLFxuICB0ZW1wbGF0ZTogJzxuZy10ZW1wbGF0ZSAjY29udGVudFRlbXBsYXRlPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPidcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uSXRlbUNvbXBvbmVudCBleHRlbmRzIENvbnRlbnRCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgTm90aWZpY2F0aW9uSXRlbXNEYXRhIHtcbiAgQElucHV0KCkgaHJlZjogc3RyaW5nO1xuICBASW5wdXQoKSB0YXJnZXQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHJvdXRlckxpbms/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZyYWdtZW50Pzogc3RyaW5nO1xuICBASW5wdXQoKSBpZDogc3RyaW5nO1xufVxuIl19