desy-angular 2.0.1 → 5.0.0

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

@@ -0,0 +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=

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

@@ -1,63 +1,85 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { AccessibilityComponent, textOrHtmlRequiredFunction } from '../../../shared/components';
-import { NavigationUtils } from '../../../shared/utils/navigation-utils';
-export class NavComponent extends AccessibilityComponent {
-    constructor() {
-        super(...arguments);
-        this.clickEvent = new EventEmitter();
-    }
-    getExternalHref(item) {
-        return NavigationUtils.getExternalHref(item.href);
-    }
-    onClick(event, item) {
-        this.items.forEach(i => i.active = false);
-        item.active = true;
-        this.clickEvent.emit({ item, event });
-    }
-    ngOnChanges(changes) {
-        this.checkRequiredParams();
-    }
-    checkRequiredParams() {
-        if (!this.items) {
-            throw new Error(`items are required`);
-        }
-        else {
-            this.items.forEach(element => {
-                if (!element.href && !element.routerLink) {
-                    throw new Error(`href or routerLink are required`);
-                }
-                textOrHtmlRequiredFunction(element.text, element.html);
-            });
-        }
-    }
-    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';
-    }
-}
-NavComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-nav',
-                template: "<ng-template #innerHtml>\n  <ng-container *ngFor=\"let item of items; index as i\">\n    <li [attr.role]=\"isMenu ? 'menuitem' : null\">\n        <span *ngIf=\"item.active\"\n               [class]=\"['flex items-center px-base py-sm truncate font-semibold', item.classes] | makeHtmlList\"\n               [attr.id]=\"getItemId(item, i)\"\n               [attr.title]=\"item.title ? item.title : null\"\n\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               aria-current=\"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 [desyInnerContent]=\"item.html ? item.html : item.text\" [isHtml]=\"item.html\"></strong>\n          </span>\n          <a *ngIf=\"!item.active && item.href\"\n                [href]=\"getExternalHref(item)\" [target]=\"item.target\"\n               [class]=\"['flex items-center px-base py-sm hover:bg-primary-base hover:text-white truncate  focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\n               [ngClass]=\"{'opacity-50 pointer-events-none': item.disabled}\"\n               [desyInnerContent]=\"item.html ? item.html : item.text\" [isHtml]=\"item.html\"\n\n               [attr.disabled]=\"item.disabled ? 'disabled' : null\"\n               [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n               [attr.tabindex]=\"item.disabled ? -1 : item.tabindex\"\n\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               (click)=\"onClick($event, item)\">\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 truncate  focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\n               [ngClass]=\"{'opacity-50 pointer-events-none': item.disabled}\"\n               [desyInnerContent]=\"item.html ? item.html : item.text\" [isHtml]=\"item.html\"\n\n               [attr.disabled]=\"item.disabled ? 'disabled' : null\"\n               [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n               [attr.tabindex]=\"item.disabled ? -1 : item.tabindex\"\n\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               (click)=\"onClick($event, item)\">\n            </a>\n        \n    </li>\n\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\n<ul *ngIf=\"isMenu; else noMenu\" role=\"menu\"\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 #noMenu>\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>"
-            },] }
-];
-NavComponent.propDecorators = {
-    isMenu: [{ type: Input }],
-    idPrefix: [{ type: Input }],
-    items: [{ type: Input }],
-    classes: [{ type: Input }],
-    clickEvent: [{ type: Output }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIuLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjLyIsInNvdXJjZXMiOlsibGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvbmF2L25hdi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBZ0IsTUFBTSxlQUFlLENBQUM7QUFDL0YsT0FBTyxFQUNMLHNCQUFzQixFQUN0QiwwQkFBMEIsRUFDM0IsTUFBTSw0QkFBNEIsQ0FBQztBQUVwQyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFPdkUsTUFBTSxPQUFPLFlBQWEsU0FBUSxzQkFBc0I7SUFKeEQ7O1FBV1ksZUFBVSxHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO0lBOEM5RCxDQUFDO0lBNUNDLGVBQWUsQ0FBQyxJQUFpQjtRQUMvQixPQUFPLGVBQWUsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFRCxPQUFPLENBQUMsS0FBVSxFQUFFLElBQWlCO1FBQ25DLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQztRQUMxQyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUNuQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELG1CQUFtQjtRQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBQztZQUNkLE1BQU0sSUFBSSxLQUFLLENBQUMsb0JBQW9CLENBQUMsQ0FBQztTQUN2QzthQUFNO1lBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7Z0JBRTNCLElBQUcsQ0FBQyxPQUFPLENBQUMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRTtvQkFDdkMsTUFBTSxJQUFJLEtBQUssQ0FBQyxpQ0FBaUMsQ0FBQyxDQUFDO2lCQUNwRDtnQkFFRCwwQkFBMEIsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN6RCxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELFNBQVMsQ0FBQyxJQUFpQixFQUFFLEtBQWE7UUFDeEMsSUFBSSxFQUFFLENBQUM7UUFDUCxJQUFJLElBQUksQ0FBQyxFQUFFLEVBQUU7WUFDWCxFQUFFLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQztTQUNkO2FBQU0sSUFBSSxLQUFLLEtBQUssQ0FBQyxFQUFFO1lBQ3RCLEVBQUUsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDekI7YUFBTTtZQUNMLEVBQUUsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLEdBQUcsR0FBRyxHQUFHLEtBQUssQ0FBQztTQUN2QztRQUNELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUVELFdBQVc7UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQztJQUNwRCxDQUFDOzs7WUF4REYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQiwyek9BQW1DO2FBQ3BDOzs7cUJBR0UsS0FBSzt1QkFDTCxLQUFLO29CQUNMLEtBQUs7c0JBQ0wsS0FBSzt5QkFFTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFjY2Vzc2liaWxpdHlDb21wb25lbnQsXG4gIHRleHRPckh0bWxSZXF1aXJlZEZ1bmN0aW9uXG59IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcbmltcG9ydCB7TmF2SXRlbURhdGEsIE5hdkl0ZW1FdmVudERhdGF9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xuaW1wb3J0IHtOYXZpZ2F0aW9uVXRpbHN9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC91dGlscy9uYXZpZ2F0aW9uLXV0aWxzJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkZXN5LW5hdicsXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXYuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIE5hdkNvbXBvbmVudCBleHRlbmRzIEFjY2Vzc2liaWxpdHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuXG4gIEBJbnB1dCgpIGlzTWVudTogYm9vbGVhbjtcbiAgQElucHV0KCkgaWRQcmVmaXg6IHN0cmluZztcbiAgQElucHV0KCkgaXRlbXM6IE5hdkl0ZW1EYXRhW107XG4gIEBJbnB1dCgpIGNsYXNzZXM6IHN0cmluZztcblxuICBAT3V0cHV0KCkgY2xpY2tFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8TmF2SXRlbUV2ZW50RGF0YT4oKTtcblxuICBnZXRFeHRlcm5hbEhyZWYoaXRlbTogTmF2SXRlbURhdGEpOiBzdHJpbmcge1xuICAgIHJldHVybiBOYXZpZ2F0aW9uVXRpbHMuZ2V0RXh0ZXJuYWxIcmVmKGl0ZW0uaHJlZik7XG4gIH1cblxuICBvbkNsaWNrKGV2ZW50OiBhbnksIGl0ZW06IE5hdkl0ZW1EYXRhKTogdm9pZCB7XG4gICAgdGhpcy5pdGVtcy5mb3JFYWNoKGkgPT4gaS5hY3RpdmUgPSBmYWxzZSk7XG4gICAgaXRlbS5hY3RpdmUgPSB0cnVlO1xuICAgIHRoaXMuY2xpY2tFdmVudC5lbWl0KHsgaXRlbSwgZXZlbnQgfSk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgdGhpcy5jaGVja1JlcXVpcmVkUGFyYW1zKCk7XG4gIH1cblxuICBjaGVja1JlcXVpcmVkUGFyYW1zKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5pdGVtcyl7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoYGl0ZW1zIGFyZSByZXF1aXJlZGApO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLml0ZW1zLmZvckVhY2goZWxlbWVudCA9PiB7XG5cbiAgICAgICAgaWYoIWVsZW1lbnQuaHJlZiAmJiAhZWxlbWVudC5yb3V0ZXJMaW5rKSB7XG4gICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBocmVmIG9yIHJvdXRlckxpbmsgYXJlIHJlcXVpcmVkYCk7XG4gICAgICAgIH1cblxuICAgICAgICB0ZXh0T3JIdG1sUmVxdWlyZWRGdW5jdGlvbihlbGVtZW50LnRleHQsIGVsZW1lbnQuaHRtbCk7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBnZXRJdGVtSWQoaXRlbTogTmF2SXRlbURhdGEsIGluZGV4OiBudW1iZXIpOiBzdHJpbmcge1xuICAgIGxldCBpZDtcbiAgICBpZiAoaXRlbS5pZCkge1xuICAgICAgaWQgPSBpdGVtLmlkO1xuICAgIH0gZWxzZSBpZiAoaW5kZXggPT09IDApIHtcbiAgICAgIGlkID0gdGhpcy5nZXRJZFByZWZpeCgpO1xuICAgIH0gZWxzZSB7XG4gICAgICBpZCA9IHRoaXMuZ2V0SWRQcmVmaXgoKSArICctJyArIGluZGV4O1xuICAgIH1cbiAgICByZXR1cm4gaWQ7XG4gIH1cblxuICBnZXRJZFByZWZpeCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmlkUHJlZml4ID8gdGhpcy5pZFByZWZpeCA6ICduYXYtaXRlbSc7XG4gIH1cbn1cbiJdfQ==
+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 });
+        }
+    }
+    ngOnChanges(changes) {
+        if (!this.idPrefix) {
+            throw new Error(`idPrefix is required`);
+        }
+    }
+    getItemList() {
+        const itemList = this.itemComponentList && this.itemComponentList.length > 0 ? this.itemComponentList.toArray() : this.items;
+        if (!itemList || itemList.length === 0) {
+            throw new Error(`items are required`);
+        }
+        itemList.forEach(element => {
+            if (!element.href && !element.routerLink) {
+                throw new Error(`href or routerLink are required`);
+            }
+        });
+        return itemList;
+    }
+    handleContentEmpty(position) {
+        throw new Error(`item content, html or text are required at position ${position}`);
+    }
+    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';
+    }
+}
+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             (desyContentEmpty)=\"handleContentEmpty(i)\"\r\n             (click)=\"onClick($event, item)\">\r\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\r\n            <svg #desyContentEmptyIgnore *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               (click)=\"onClick($event, item)\"\r\n               (desyContentEmpty)=\"handleContentEmpty(i)\">\r\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\r\n            <svg #desyContentEmptyIgnore *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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvbmF2L25hdi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBR1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLHNCQUFzQixFQUN2QixNQUFNLDRCQUE0QixDQUFDO0FBRXBDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBTy9ELE1BQU0sT0FBTyxZQUFhLFNBQVEsc0JBQXNCO0lBSnhEOztRQU1XLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFLYixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQW9CLENBQUM7SUFzRTlELENBQUM7SUFuRUMsT0FBTyxDQUFDLEtBQVUsRUFBRSxJQUFpQjtRQUNuQyxNQUFNLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNoQixpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDOUI7UUFFRCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNuQixJQUFJLENBQUMsQ0FBQyxNQUFNLElBQUksQ0FBQyxLQUFLLElBQUksRUFBRTtnQkFDMUIsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQzNCO1lBQ0QsQ0FBQyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDbkIsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUVuQixpRkFBaUY7UUFDakYsaUJBQWlCLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzVCLElBQUksQ0FBQyxZQUFhLGdCQUFnQixFQUFFO2dCQUNsQyxDQUFDLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7YUFDL0I7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDdEMsSUFBSSxJQUFJLFlBQVksZ0JBQWdCLEVBQUU7WUFDcEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztTQUN2QztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsT0FBdUI7UUFDakMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsTUFBTSxJQUFJLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUM3SCxJQUFJLENBQUMsUUFBUSxJQUFJLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO1lBQ3RDLE1BQU0sSUFBSSxLQUFLLENBQUMsb0JBQW9CLENBQUMsQ0FBQztTQUN2QztRQUVELFFBQVEsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDekIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFO2dCQUN4QyxNQUFNLElBQUksS0FBSyxDQUFDLGlDQUFpQyxDQUFDLENBQUM7YUFDcEQ7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNILE9BQU8sUUFBUSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxRQUFnQjtRQUNqQyxNQUFNLElBQUksS0FBSyxDQUFDLHVEQUF1RCxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQ3JGLENBQUM7SUFFRCxTQUFTLENBQUMsSUFBaUIsRUFBRSxLQUFhO1FBQ3hDLElBQUksRUFBRSxDQUFDO1FBQ1AsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFO1lBQ1gsRUFBRSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUM7U0FDZDthQUFNLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtZQUN0QixFQUFFLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3pCO2FBQU07WUFDTCxFQUFFLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxHQUFHLEdBQUcsR0FBRyxLQUFLLENBQUM7U0FDdkM7UUFDRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFFRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUM7SUFDcEQsQ0FBQzs7O1lBaEZGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsVUFBVTtnQkFDcEIsK3FSQUFtQzthQUNwQzs7O3FCQUdFLEtBQUs7dUJBQ0wsS0FBSztvQkFDTCxLQUFLO3NCQUNMLEtBQUs7eUJBRUwsTUFBTTtnQ0FDTixlQUFlLFNBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkcmVuLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT3V0cHV0LFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBTaW1wbGVDaGFuZ2VzXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgQWNjZXNzaWJpbGl0eUNvbXBvbmVudFxyXG59IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcclxuaW1wb3J0IHtOYXZJdGVtRGF0YSwgTmF2SXRlbUV2ZW50RGF0YX0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7TmF2SXRlbUNvbXBvbmVudH0gZnJvbSAnLi9uYXYtaXRlbS9uYXYtaXRlbS5jb21wb25lbnQnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGVzeS1uYXYnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXYuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOYXZDb21wb25lbnQgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuXHJcbiAgQElucHV0KCkgaGFzTmF2ID0gdHJ1ZTtcclxuICBASW5wdXQoKSBpZFByZWZpeDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGl0ZW1zOiBOYXZJdGVtRGF0YVtdO1xyXG4gIEBJbnB1dCgpIGNsYXNzZXM6IHN0cmluZztcclxuXHJcbiAgQE91dHB1dCgpIGNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPE5hdkl0ZW1FdmVudERhdGE+KCk7XHJcbiAgQENvbnRlbnRDaGlsZHJlbihOYXZJdGVtQ29tcG9uZW50KSBpdGVtQ29tcG9uZW50TGlzdDogUXVlcnlMaXN0PE5hdkl0ZW1Db21wb25lbnQ+O1xyXG5cclxuICBvbkNsaWNrKGV2ZW50OiBhbnksIGl0ZW06IE5hdkl0ZW1EYXRhKTogdm9pZCB7XHJcbiAgICBjb25zdCBpdGVtc0FjdGl2ZUNoYW5nZSA9IFtdO1xyXG4gICAgaWYgKCFpdGVtLmFjdGl2ZSkge1xyXG4gICAgICBpdGVtc0FjdGl2ZUNoYW5nZS5wdXNoKGl0ZW0pO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0IGl0ZW1MaXN0ID0gdGhpcy5nZXRJdGVtTGlzdCgpO1xyXG4gICAgaXRlbUxpc3QuZm9yRWFjaChpID0+IHtcclxuICAgICAgaWYgKGkuYWN0aXZlICYmIGkgIT09IGl0ZW0pIHtcclxuICAgICAgICBpdGVtc0FjdGl2ZUNoYW5nZS5wdXNoKGkpO1xyXG4gICAgICB9XHJcbiAgICAgIGkuYWN0aXZlID0gZmFsc2U7XHJcbiAgICB9KTtcclxuICAgIGl0ZW0uYWN0aXZlID0gdHJ1ZTtcclxuXHJcbiAgICAvLyBTZSBlbWl0ZSBlbCBldmVudG8gc8OzbG8gcGFyYSBsb3MgaXRlbXMgY3V5byB2YWxvciBkZSBhY3RpdmUgaGEgc2lkbyBtb2RpZmljYWRvXHJcbiAgICBpdGVtc0FjdGl2ZUNoYW5nZS5mb3JFYWNoKGkgPT4ge1xyXG4gICAgICBpZiAoaSBpbnN0YW5jZW9mICBOYXZJdGVtQ29tcG9uZW50KSB7XHJcbiAgICAgICAgaS5hY3RpdmVDaGFuZ2UuZW1pdChpLmFjdGl2ZSk7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG5cclxuICAgIHRoaXMuY2xpY2tFdmVudC5lbWl0KHsgaXRlbSwgZXZlbnQgfSk7XHJcbiAgICBpZiAoaXRlbSBpbnN0YW5jZW9mIE5hdkl0ZW1Db21wb25lbnQpIHtcclxuICAgICAgaXRlbS5jbGlja0V2ZW50LmVtaXQoeyBpdGVtLCBldmVudCB9KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM/OiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMuaWRQcmVmaXgpIHtcclxuICAgICAgdGhyb3cgbmV3IEVycm9yKGBpZFByZWZpeCBpcyByZXF1aXJlZGApO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0SXRlbUxpc3QoKTogTmF2SXRlbURhdGFbXSB7XHJcbiAgICBjb25zdCBpdGVtTGlzdCA9IHRoaXMuaXRlbUNvbXBvbmVudExpc3QgJiYgdGhpcy5pdGVtQ29tcG9uZW50TGlzdC5sZW5ndGggPiAwID8gdGhpcy5pdGVtQ29tcG9uZW50TGlzdC50b0FycmF5KCkgOiB0aGlzLml0ZW1zO1xyXG4gICAgaWYgKCFpdGVtTGlzdCB8fCBpdGVtTGlzdC5sZW5ndGggPT09IDApIHtcclxuICAgICAgdGhyb3cgbmV3IEVycm9yKGBpdGVtcyBhcmUgcmVxdWlyZWRgKTtcclxuICAgIH1cclxuXHJcbiAgICBpdGVtTGlzdC5mb3JFYWNoKGVsZW1lbnQgPT4ge1xyXG4gICAgICBpZiAoIWVsZW1lbnQuaHJlZiAmJiAhZWxlbWVudC5yb3V0ZXJMaW5rKSB7XHJcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBocmVmIG9yIHJvdXRlckxpbmsgYXJlIHJlcXVpcmVkYCk7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gICAgcmV0dXJuIGl0ZW1MaXN0O1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlQ29udGVudEVtcHR5KHBvc2l0aW9uOiBudW1iZXIpOiB2b2lkIHtcclxuICAgIHRocm93IG5ldyBFcnJvcihgaXRlbSBjb250ZW50LCBodG1sIG9yIHRleHQgYXJlIHJlcXVpcmVkIGF0IHBvc2l0aW9uICR7cG9zaXRpb259YCk7XHJcbiAgfVxyXG5cclxuICBnZXRJdGVtSWQoaXRlbTogTmF2SXRlbURhdGEsIGluZGV4OiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgbGV0IGlkO1xyXG4gICAgaWYgKGl0ZW0uaWQpIHtcclxuICAgICAgaWQgPSBpdGVtLmlkO1xyXG4gICAgfSBlbHNlIGlmIChpbmRleCA9PT0gMCkge1xyXG4gICAgICBpZCA9IHRoaXMuZ2V0SWRQcmVmaXgoKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGlkID0gdGhpcy5nZXRJZFByZWZpeCgpICsgJy0nICsgaW5kZXg7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gaWQ7XHJcbiAgfVxyXG5cclxuICBnZXRJZFByZWZpeCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuaWRQcmVmaXggPyB0aGlzLmlkUHJlZml4IDogJ25hdi1pdGVtJztcclxuICB9XHJcbn1cclxuIl19

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

@@ -0,0 +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

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

@@ -1,83 +1,110 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { AccessibilityComponent, textOrHtmlRequiredFunction } from '../../../shared/components';
-import { animate, state, style, transition, trigger } from '@angular/animations';
-export class NotificationComponent extends AccessibilityComponent {
-    constructor() {
-        super(...arguments);
-        this.isOpen = true;
-        this.isOpenChange = new EventEmitter();
-        this.isDismissing = false;
-    }
-    dismiss() {
-        // Se emite 75ms más tarde para poder visualizar la animación en cualquier caso
-        this.isDismissing = true;
-        setTimeout(() => {
-            this.isDismissing = false;
-            this.isOpenChange.emit(false);
-        }, 75);
-    }
-    getType() {
-        let type;
-        if (this.type) {
-            type = this.type.toLocaleLowerCase();
-        }
-        return type;
-    }
-    ngOnChanges(changes) {
-        if (!this.id) {
-            throw new Error(`id are required`);
-        }
-        if (!this.title) {
-            throw new Error(`title are required`);
-        }
-        else {
-            textOrHtmlRequiredFunction(this.title.text, this.title.html);
-        }
-        if (this.description) {
-            textOrHtmlRequiredFunction(this.description.text, this.description.html);
-        }
-        if (this.items) {
-            this.items.forEach(element => {
-                textOrHtmlRequiredFunction(element.text, element.html);
-            });
-        }
-    }
-}
-NotificationComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-notification',
-                template: "<div [attr.id]=\"id ? id : null\" [class]=\"(classes ? 'c-notification ' + classes : type=='success' ? 'c-notification c-notification--' + type : type=='alert' ? 'c-notification c-notification--' + type : 'c-notification c-notification--primary') \"\n     *ngIf=\"isOpen && !isDismissing\"\n     @displayNotification\n     [attr.role]=\"role\"\n     [attr.aria-describedby]=\"ariaDescribedBy\"\n     [attr.aria-errormessage]=\"ariaErrorMessage\"\n     [attr.aria-label]=\"ariaLabel\"\n     [attr.aria-labelledby]=\"ariaLabelledBy\"\n     [attr.aria-hidden]=\"ariaHidden\"\n     [attr.aria-disabled]=\"ariaDisabled\"\n     [attr.aria-controls]=\"ariaControls\"\n     [attr.aria-current]=\"ariaCurrent\"\n     [attr.aria-live]=\"ariaLive\"\n     [attr.aria-expanded]=\"ariaExpanded\"\n     [attr.aria-haspopup]=\"ariaHasPopup\"\n     [attr.tabindex]=\"tabindex\">\n  <ng-container *ngIf=\"icon || type\">\n    <ng-container *ngIf=\"!icon; else elseBlock\">\n      <div class=\"h-full mr-base\">\n        <ng-container [ngSwitch]=\"getType()\">\n          <ng-container *ngSwitchCase=\"'success'\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-5 h-5 text-success-dark\" aria-label=\"\u00C9xito\" focusable=\"false\" role=\"img\"><path d=\"M39.94 125a19.88 19.88 0 01-15.53-7.81L2.48 92.26a10 10 0 0115-13.2l20.55 23.39a2.5 2.5 0 003.68.08l81-84.42a10.002 10.002 0 1114.5 13.78l-82.02 86.33A19.41 19.41 0 0139.94 125z\" fill=\"currentColor\"/></svg>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'alert'\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-5 h-5 text-alert-base\" aria-label=\"Error\" focusable=\"false\" role=\"img\"><path d=\"M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z\" fill=\"currentColor\"/></svg>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'info'\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-5 h-5 text-primary-base\" aria-label=\"Informaci\u00F3n\" focusable=\"false\" role=\"img\"><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm7.5 105a7.5 7.5 0 01-15 0V70a7.5 7.5 0 0115 0zM70 50a10 10 0 1110-10 10 10 0 01-10 10z\" fill=\"currentColor\"/></svg>\n          </ng-container>\n        </ng-container>\n      </div>\n    </ng-container>\n  </ng-container>\n  <ng-template #elseBlock>\n    <div class=\"h-full mr-base\" [desyInnerContent]=\"icon\" [isHtml]=\"icon\"></div>\n  </ng-template>\n  <div class=\"lg:flex flex-1 self-center\">\n    <div class=\"lg:flex-1 lg:self-center\">\n      <ng-container *ngIf=\"title\">\n        <p  [id]=\"id ? id + '-title' : null\"\n            [class]=\"(title.classes ? 'font-bold pr-base focus:outline-none focus:underline ' + title.classes : 'font-bold pr-base focus:outline-none focus:underline')\" tabindex=\"-1\"\n            [desyInnerContent]=\"title.html ? title.html : title.text\" [isHtml]=\"title.html\">\n        </p>\n      </ng-container>\n      <ng-container *ngIf=\"description\">\n        <p [class]=\"description.classes ? description.classes : null\" [desyInnerContent]=\"description.html ? description.html : description.text\" [isHtml]=\"description.html\" ></p>\n      </ng-container>\n      <ng-container *ngIf=\"items\">\n        <ul>\n          <ng-container *ngFor=\"let item of items\">\n            <ng-container *ngIf=\"item.href\">\n              <li>\n                <a [href]=\"item.href\" class=\"c-link\"\n                   [ngClass]=\"{'c-link--alert': type==='alert'}\"\n                   [desyInnerContent]=\"item.html ? item.html : item.text\" [isHtml]=\"item.html\"\n                   [attr.id]=\"item.id ? item.id : null\"\n                   [attr.role]=\"item.role\"\n                   [attr.ariaLabel]=\"item.ariaLabel\"\n                   [attr.ariaDescribedBy]=\"item.ariaDescribedBy\"\n                   [attr.ariaLabelledBy]=\"item.ariaLabelledBy\"\n                   [attr.ariaHidden]=\"item.ariaHidden\"\n                   [attr.ariaDisabled]=\"item.ariaDisabled\"\n                   [attr.ariaControls]=\"item.ariaControls\"\n                   [attr.ariaCurrent]=\"item.ariaCurrent\"\n                   [attr.ariaLive]=\"item.ariaLive\"\n                   [attr.ariaExpanded]=\"item.ariaExpanded\"\n                   [attr.ariaErrorMessage]=\"item.ariaErrorMessage\"\n                   [attr.ariaHasPopup]=\"item.ariaHasPopup\"\n                   [attr.tabindex]=\"item.tabindex\" ></a>\n              </li>\n            </ng-container>\n            <ng-container *ngIf=\"!item.href\">\n              <li [desyInnerContent]=\"item.html ? item.html : item.text\" [isHtml]=\"item.html\"></li>\n            </ng-container>\n          </ng-container>\n        </ul>\n        <p *ngIf=\"content\" [class]=\"['text-sm', content.classes] | makeHtmlList\"\n           [desyInnerContent]=\"content.html ? content.html : content.text\" [isHtml]=\"content.html\"></p>\n      </ng-container>\n    </div>\n    <ng-container *ngIf=\"isDismissible\">\n      <div class=\"absolute top-0 right-0 p-sm\">\n        <button (click)=\"dismiss()\" class=\"p-sm focus:bg-warning-base focus:border-warning-base focus:shadow-outline-black focus:text-black focus:outline-none\" aria-label=\"X: Cerrar notificaci\u00F3n\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4\" aria-hidden=\"true\" role=\"presentation\"><path d=\"M85.91 71.77a2.5 2.5 0 010-3.54l46.16-46.16a10 10 0 10-14.14-14.14L71.77 54.09a2.5 2.5 0 01-3.54 0L22.07 7.93A10 10 0 007.93 22.07l46.16 46.16a2.5 2.5 0 010 3.54L7.93 117.93a10 10 0 0014.14 14.14l46.16-46.16a2.5 2.5 0 013.54 0l46.16 46.16a10 10 0 0014.14-14.14z\" fill=\"currentColor\"/></svg>\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</div>\n",
-                animations: [
-                    trigger('displayNotification', [
-                        state('void', style({
-                            opacity: '0.0',
-                            transform: 'scaleY(0.95)'
-                        })),
-                        state('*', style({
-                            opacity: '1.0',
-                            transform: 'scaleY(1.0)'
-                        })),
-                        transition(':enter', [
-                            animate('100ms ease-out')
-                        ]),
-                        transition(':leave', [
-                            animate('75ms ease-in')
-                        ])
-                    ])
-                ]
-            },] }
-];
-NotificationComponent.propDecorators = {
-    id: [{ type: Input }],
-    classes: [{ type: Input }],
-    isOpen: [{ type: Input }],
-    isOpenChange: [{ type: Output }],
-    title: [{ type: Input }],
-    description: [{ type: Input }],
-    content: [{ type: Input }],
-    items: [{ type: Input }],
-    icon: [{ type: Input }],
-    type: [{ type: Input }],
-    isDismissible: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIuLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjLyIsInNvdXJjZXMiOlsibGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFFakcsT0FBTyxFQUFFLHNCQUFzQixFQUFFLDBCQUEwQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFLaEcsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQXlCakYsTUFBTSxPQUFPLHFCQUFzQixTQUFRLHNCQUFzQjtJQXRCakU7O1FBMEJXLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFDYixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFXckQsaUJBQVksR0FBRyxLQUFLLENBQUM7SUF5Q3ZCLENBQUM7SUF2Q0MsT0FBTztRQUNMLCtFQUErRTtRQUMvRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUN6QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7WUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ1QsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLElBQVksQ0FBQztRQUNqQixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUM7WUFDWixJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1NBQ3RDO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBRWhDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFDO1lBQ1gsTUFBTSxJQUFJLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1NBQ3BDO1FBRUQsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUM7WUFDZCxNQUFNLElBQUksS0FBSyxDQUFDLG9CQUFvQixDQUFDLENBQUM7U0FDdkM7YUFBTTtZQUNMLDBCQUEwQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDOUQ7UUFFRCxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUM7WUFDbkIsMEJBQTBCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMxRTtRQUVELElBQUksSUFBSSxDQUFDLEtBQUssRUFBQztZQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUMzQiwwQkFBMEIsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN6RCxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQzs7O1lBOUVGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3QixvOExBQTRDO2dCQUM1QyxVQUFVLEVBQUU7b0JBQ1YsT0FBTyxDQUFDLHFCQUFxQixFQUFFO3dCQUM3QixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQzs0QkFDbEIsT0FBTyxFQUFFLEtBQUs7NEJBQ2QsU0FBUyxFQUFFLGNBQWM7eUJBQzFCLENBQUMsQ0FBQzt3QkFDSCxLQUFLLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQzs0QkFDZixPQUFPLEVBQUUsS0FBSzs0QkFDZCxTQUFTLEVBQUUsYUFBYTt5QkFDekIsQ0FBQyxDQUFDO3dCQUNILFVBQVUsQ0FBQyxRQUFRLEVBQUU7NEJBQ25CLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQzt5QkFDMUIsQ0FBQzt3QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFOzRCQUNuQixPQUFPLENBQUMsY0FBYyxDQUFDO3lCQUN4QixDQUFDO3FCQUNILENBQUM7aUJBQ0g7YUFDRjs7O2lCQUdFLEtBQUs7c0JBQ0wsS0FBSztxQkFDTCxLQUFLOzJCQUNMLE1BQU07b0JBRU4sS0FBSzswQkFDTCxLQUFLO3NCQUNMLEtBQUs7b0JBQ0wsS0FBSzttQkFFTCxLQUFLO21CQUNMLEtBQUs7NEJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCwgdGV4dE9ySHRtbFJlcXVpcmVkRnVuY3Rpb24gfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25EZXNjcmlwdGlvbkRhdGEgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL25vdGlmaWNhdGlvbi1kZXNjcmlwdGlvbi1kYXRhJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbkljb25EYXRhIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9ub3RpZmljYXRpb24taWNvbi1kYXRhJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbkl0ZW1zRGF0YSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvbm90aWZpY2F0aW9uLWl0ZW1zLWRhdGEnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uVGl0bGVEYXRhIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9ub3RpZmljYXRpb24tdGl0bGUtZGF0YSc7XG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbkNvbnRlbnREYXRhIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9ub3RpZmljYXRpb24tY29udGVudC1kYXRhJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGVzeS1ub3RpZmljYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ2Rpc3BsYXlOb3RpZmljYXRpb24nLCBbXG4gICAgICBzdGF0ZSgndm9pZCcsIHN0eWxlKHtcbiAgICAgICAgb3BhY2l0eTogJzAuMCcsXG4gICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWSgwLjk1KSdcbiAgICAgIH0pKSxcbiAgICAgIHN0YXRlKCcqJywgc3R5bGUoe1xuICAgICAgICBvcGFjaXR5OiAnMS4wJyxcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGVZKDEuMCknXG4gICAgICB9KSksXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXG4gICAgICAgIGFuaW1hdGUoJzEwMG1zIGVhc2Utb3V0JylcbiAgICAgIF0pLFxuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgICAgICBhbmltYXRlKCc3NW1zIGVhc2UtaW4nKVxuICAgICAgXSlcbiAgICBdKVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbkNvbXBvbmVudCBleHRlbmRzIEFjY2Vzc2liaWxpdHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNsYXNzZXM6IHN0cmluZztcbiAgQElucHV0KCkgaXNPcGVuID0gdHJ1ZTtcbiAgQE91dHB1dCgpIGlzT3BlbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBASW5wdXQoKSB0aXRsZTogTm90aWZpY2F0aW9uVGl0bGVEYXRhO1xuICBASW5wdXQoKSBkZXNjcmlwdGlvbjogTm90aWZpY2F0aW9uRGVzY3JpcHRpb25EYXRhO1xuICBASW5wdXQoKSBjb250ZW50OiBOb3RpZmljYXRpb25Db250ZW50RGF0YTtcbiAgQElucHV0KCkgaXRlbXM6IEFycmF5PE5vdGlmaWNhdGlvbkl0ZW1zRGF0YT47XG5cbiAgQElucHV0KCkgaWNvbjogTm90aWZpY2F0aW9uSWNvbkRhdGE7XG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZztcbiAgQElucHV0KCkgaXNEaXNtaXNzaWJsZTogYm9vbGVhbjtcblxuICBpc0Rpc21pc3NpbmcgPSBmYWxzZTtcblxuICBkaXNtaXNzKCk6IHZvaWQge1xuICAgIC8vIFNlIGVtaXRlIDc1bXMgbcOhcyB0YXJkZSBwYXJhIHBvZGVyIHZpc3VhbGl6YXIgbGEgYW5pbWFjacOzbiBlbiBjdWFscXVpZXIgY2Fzb1xuICAgIHRoaXMuaXNEaXNtaXNzaW5nID0gdHJ1ZTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuaXNEaXNtaXNzaW5nID0gZmFsc2U7XG4gICAgICB0aGlzLmlzT3BlbkNoYW5nZS5lbWl0KGZhbHNlKTtcbiAgICB9LCA3NSk7XG4gIH1cblxuICBnZXRUeXBlKCk6IHN0cmluZyB7XG4gICAgbGV0IHR5cGU6IHN0cmluZztcbiAgICBpZiAodGhpcy50eXBlKXtcbiAgICAgIHR5cGUgPSB0aGlzLnR5cGUudG9Mb2NhbGVMb3dlckNhc2UoKTtcbiAgICB9XG4gICAgcmV0dXJuIHR5cGU7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG5cbiAgICBpZiAoIXRoaXMuaWQpe1xuICAgICAgdGhyb3cgbmV3IEVycm9yKGBpZCBhcmUgcmVxdWlyZWRgKTtcbiAgICB9XG5cbiAgICBpZiAoIXRoaXMudGl0bGUpe1xuICAgICAgdGhyb3cgbmV3IEVycm9yKGB0aXRsZSBhcmUgcmVxdWlyZWRgKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGV4dE9ySHRtbFJlcXVpcmVkRnVuY3Rpb24odGhpcy50aXRsZS50ZXh0LCB0aGlzLnRpdGxlLmh0bWwpO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmRlc2NyaXB0aW9uKXtcbiAgICAgIHRleHRPckh0bWxSZXF1aXJlZEZ1bmN0aW9uKHRoaXMuZGVzY3JpcHRpb24udGV4dCwgdGhpcy5kZXNjcmlwdGlvbi5odG1sKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5pdGVtcyl7XG4gICAgICB0aGlzLml0ZW1zLmZvckVhY2goZWxlbWVudCA9PiB7XG4gICAgICAgIHRleHRPckh0bWxSZXF1aXJlZEZ1bmN0aW9uKGVsZW1lbnQudGV4dCwgZWxlbWVudC5odG1sKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxufVxuIl19
+import { __decorate } from "tslib";
+import { ChangeDetectorRef, Component, ContentChildren, EventEmitter, Input, Output } from '@angular/core';
+import { AccessibilityComponent } from '../../../shared/components';
+import { animate, state, style, transition, trigger } from '@angular/animations';
+import { TitleComponent } from '../../../desy-commons/components/title/title.component';
+import { IconComponent } from '../../../desy-commons/components/icon/icon.component';
+import { DescriptionComponent } from '../../../desy-commons/components/description/description.component';
+import { ContentComponent } from '../../../desy-commons/components/content/content.component';
+import { NotificationItemComponent } from './notification-item/notification-item.component';
+import { DesyContentChild } from '../../../shared/decorators/desy-content-child.decorator';
+export class NotificationComponent extends AccessibilityComponent {
+    constructor(changeDetectorRef) {
+        super();
+        this.changeDetectorRef = changeDetectorRef;
+        this.isOpen = true;
+        this.isOpenChange = new EventEmitter();
+        this.isDismissing = false;
+        this.displayDefaultIcon = false;
+    }
+    dismiss() {
+        // Se emite 75ms más tarde para poder visualizar la animación en cualquier caso
+        this.isDismissing = true;
+        setTimeout(() => {
+            this.isDismissing = false;
+            this.isOpenChange.emit(false);
+        }, 75);
+    }
+    getType() {
+        let type;
+        if (this.type) {
+            type = this.type.toLocaleLowerCase();
+        }
+        return type;
+    }
+    getItems() {
+        return this.itemCompontents && this.itemCompontents.length > 0 ? this.itemCompontents.toArray() : this.items;
+    }
+    handleIconEmpty(empty) {
+        this.displayDefaultIcon = empty;
+        // Como que el contenido vacío se comprueba a posteriori, es necesario forzar la detección de cambios para mostrar el icono por defecto
+        this.changeDetectorRef.detectChanges();
+    }
+    handleRequiredEmpty(text) {
+        throw new Error(text);
+    }
+    ngOnChanges(changes) {
+        if (!this.id) {
+            throw new Error(`id is required`);
+        }
+    }
+}
+NotificationComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-notification',
+                template: "<div [attr.id]=\"id ? id : null\" [class]=\"(classes ? 'c-notification ' + classes : type=='success' ? 'c-notification c-notification--' + type : type=='alert' ? 'c-notification c-notification--' + type : 'c-notification c-notification--primary') \"\r\n     *ngIf=\"isOpen && !isDismissing\"\r\n     @displayNotification\r\n     [attr.role]=\"role\"\r\n     [attr.aria-describedby]=\"ariaDescribedBy\"\r\n     [attr.aria-errormessage]=\"ariaErrorMessage\"\r\n     [attr.aria-label]=\"ariaLabel\"\r\n     [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n     [attr.aria-hidden]=\"ariaHidden\"\r\n     [attr.aria-disabled]=\"ariaDisabled\"\r\n     [attr.aria-controls]=\"ariaControls\"\r\n     [attr.aria-current]=\"ariaCurrent\"\r\n     [attr.aria-live]=\"ariaLive\"\r\n     [attr.aria-expanded]=\"ariaExpanded\"\r\n     [attr.aria-haspopup]=\"ariaHasPopup\"\r\n     [attr.tabindex]=\"tabindex\">\r\n  <div *ngIf=\"iconComponent || icon || type\" class=\"h-full mr-base\"\r\n       (desyContentEmpty)=\"handleIconEmpty(true)\"\r\n       (desyContentNotEmpty)=\"handleIconEmpty(false)\">\r\n    <ng-container *desyCustomInnerContent=\"{ component: iconComponent, html: icon ? icon.html : null }\"></ng-container>\r\n    <ng-container *ngIf=\"displayDefaultIcon && type\">\r\n      <ng-container [ngSwitch]=\"getType()\">\r\n        <svg *ngSwitchCase=\"'success'\" #desyContentEmptyIgnore xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-5 h-5 text-success-dark\" aria-label=\"\u00C9xito\" focusable=\"false\" role=\"img\"><path d=\"M39.94 125a19.88 19.88 0 01-15.53-7.81L2.48 92.26a10 10 0 0115-13.2l20.55 23.39a2.5 2.5 0 003.68.08l81-84.42a10.002 10.002 0 1114.5 13.78l-82.02 86.33A19.41 19.41 0 0139.94 125z\" fill=\"currentColor\"/></svg>\r\n        <svg *ngSwitchCase=\"'alert'\" #desyContentEmptyIgnore xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-5 h-5 text-alert-base\" aria-label=\"Error\" focusable=\"false\" role=\"img\"><path d=\"M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z\" fill=\"currentColor\"/></svg>\r\n        <svg *ngSwitchCase=\"'info'\" #desyContentEmptyIgnore xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-5 h-5 text-primary-base\" aria-label=\"Informaci\u00F3n\" focusable=\"false\" role=\"img\"><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm7.5 105a7.5 7.5 0 01-15 0V70a7.5 7.5 0 0115 0zM70 50a10 10 0 1110-10 10 10 0 01-10 10z\" fill=\"currentColor\"/></svg>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"lg:flex flex-1 self-center\">\r\n    <div class=\"lg:flex-1 lg:self-center\">\r\n      <ng-container [ngSwitch]=\"headingLevel\">\r\n        <h1 *ngSwitchCase=\"1\" [id]=\"id ? id + '-title' : null\" tabindex=\"-1\"\r\n            [class]=\"['font-bold pr-base focus:outline-none focus:underline', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList\"\r\n            (desyContentEmpty)=\"handleRequiredEmpty('title content, html or text are required')\">\r\n          <ng-container *desyCustomInnerContent=\"{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }\"></ng-container>\r\n        </h1>\r\n        <h2 *ngSwitchCase=\"2\" [id]=\"id ? id + '-title' : null\" tabindex=\"-1\"\r\n            [class]=\"['font-bold pr-base focus:outline-none focus:underline', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList\"\r\n            (desyContentEmpty)=\"handleRequiredEmpty('title content, html or text are required')\">\r\n          <ng-container *desyCustomInnerContent=\"{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }\"></ng-container>\r\n        </h2>\r\n        <h3 *ngSwitchCase=\"3\" [id]=\"id ? id + '-title' : null\" tabindex=\"-1\"\r\n            [class]=\"['font-bold pr-base focus:outline-none focus:underline', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList\"\r\n            (desyContentEmpty)=\"handleRequiredEmpty('title content, html or text are required')\">\r\n          <ng-container *desyCustomInnerContent=\"{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }\"></ng-container>\r\n        </h3>\r\n        <h4 *ngSwitchCase=\"4\" [id]=\"id ? id + '-title' : null\" tabindex=\"-1\"\r\n            [class]=\"['font-bold pr-base focus:outline-none focus:underline', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList\"\r\n            (desyContentEmpty)=\"handleRequiredEmpty('title content, html or text are required')\">\r\n          <ng-container *desyCustomInnerContent=\"{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }\"></ng-container>\r\n        </h4>\r\n        <h5 *ngSwitchCase=\"5\" [id]=\"id ? id + '-title' : null\" tabindex=\"-1\"\r\n            [class]=\"['font-bold pr-base focus:outline-none focus:underline', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList\"\r\n            (desyContentEmpty)=\"handleRequiredEmpty('title content, html or text are required')\">\r\n          <ng-container *desyCustomInnerContent=\"{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }\"></ng-container>\r\n        </h5>\r\n        <p *ngSwitchDefault [id]=\"id ? id + '-title' : null\" tabindex=\"-1\"\r\n           [class]=\"['font-bold pr-base focus:outline-none focus:underline', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList\"\r\n           (desyContentEmpty)=\"handleRequiredEmpty('title content, html or text are required')\">\r\n          <ng-container *desyCustomInnerContent=\"{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }\"></ng-container>\r\n        </p>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"descriptionComponent || description\">\r\n        <p [class]=\"descriptionComponent ? descriptionComponent.classes : description.classes\"\r\n           (desyContentEmpty)=\"handleRequiredEmpty('description content, html or text are required')\">\r\n          <ng-container *desyCustomInnerContent=\"{\r\n            component: descriptionComponent,\r\n            html: description ? description.html : null,\r\n            text: description ? description.text : null\r\n          }\"></ng-container>\r\n        </p>\r\n      </ng-container>\r\n      <ul *ngIf=\"(itemCompontents && itemCompontents.length > 0) || items\">\r\n        <ng-container *ngFor=\"let item of getItems(); index as i\">\r\n          <li *ngIf=\"item.routerLink || item.href\">\r\n            <a *ngIf=\"item.routerLink\" class=\"c-link\"\r\n               [routerLink]=\"item.routerLink\"\r\n               [fragment]=\"item.fragment\"\r\n               [ngClass]=\"{'c-link--alert': type==='alert'}\"\r\n               [attr.id]=\"item.id ? item.id : null\"\r\n               [attr.role]=\"item.role\"\r\n               [attr.ariaLabel]=\"item.ariaLabel\"\r\n               [attr.ariaDescribedBy]=\"item.ariaDescribedBy\"\r\n               [attr.ariaLabelledBy]=\"item.ariaLabelledBy\"\r\n               [attr.ariaHidden]=\"item.ariaHidden\"\r\n               [attr.ariaDisabled]=\"item.ariaDisabled\"\r\n               [attr.ariaControls]=\"item.ariaControls\"\r\n               [attr.ariaCurrent]=\"item.ariaCurrent\"\r\n               [attr.ariaLive]=\"item.ariaLive\"\r\n               [attr.ariaExpanded]=\"item.ariaExpanded\"\r\n               [attr.ariaErrorMessage]=\"item.ariaErrorMessage\"\r\n               [attr.ariaHasPopup]=\"item.ariaHasPopup\"\r\n               [attr.tabindex]=\"item.tabindex\"\r\n               (desyContentEmpty)=\"handleRequiredEmpty('item content, html or text are required at position ' + i)\">\r\n              <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\r\n            </a>\r\n            <a *ngIf=\"!item.routerLink && item.href\" class=\"c-link\"\r\n               [href]=\"item.href | externalHref\"\r\n               [target]=\"item.target\"\r\n               [ngClass]=\"{'c-link--alert': type==='alert'}\"\r\n               [attr.id]=\"item.id ? item.id : null\"\r\n               [attr.role]=\"item.role\"\r\n               [attr.ariaLabel]=\"item.ariaLabel\"\r\n               [attr.ariaDescribedBy]=\"item.ariaDescribedBy\"\r\n               [attr.ariaLabelledBy]=\"item.ariaLabelledBy\"\r\n               [attr.ariaHidden]=\"item.ariaHidden\"\r\n               [attr.ariaDisabled]=\"item.ariaDisabled\"\r\n               [attr.ariaControls]=\"item.ariaControls\"\r\n               [attr.ariaCurrent]=\"item.ariaCurrent\"\r\n               [attr.ariaLive]=\"item.ariaLive\"\r\n               [attr.ariaExpanded]=\"item.ariaExpanded\"\r\n               [attr.ariaErrorMessage]=\"item.ariaErrorMessage\"\r\n               [attr.ariaHasPopup]=\"item.ariaHasPopup\"\r\n               [attr.tabindex]=\"item.tabindex\"\r\n               (desyContentEmpty)=\"handleRequiredEmpty('item content, html or text are required at position ' + i)\">\r\n              <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\r\n            </a>\r\n          </li>\r\n          <li *ngIf=\"!item.routerLink && !item.href\"\r\n              (desyContentEmpty)=\"handleRequiredEmpty('item content, html or text are required at position ' + i)\">\r\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n      <p *ngIf=\"contentComponent || content\" [class]=\"['text-sm', contentComponent ? contentComponent.classes : content.classes] | makeHtmlList\">\r\n        <ng-container *desyCustomInnerContent=\"{\r\n          component: contentComponent,\r\n          html: content ? content.html : null,\r\n          text: content ? content.text : null\r\n        }\"></ng-container>\r\n      </p>\r\n    </div>\r\n    <ng-container *ngIf=\"isDismissible\">\r\n      <div class=\"absolute top-0 right-0 p-sm\">\r\n        <button (click)=\"dismiss()\" class=\"p-sm focus:bg-warning-base focus:border-warning-base focus:shadow-outline-black focus:text-black focus:outline-none\" aria-label=\"X: Cerrar notificaci\u00F3n\">\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4\" aria-hidden=\"true\" role=\"presentation\"><path d=\"M85.91 71.77a2.5 2.5 0 010-3.54l46.16-46.16a10 10 0 10-14.14-14.14L71.77 54.09a2.5 2.5 0 01-3.54 0L22.07 7.93A10 10 0 007.93 22.07l46.16 46.16a2.5 2.5 0 010 3.54L7.93 117.93a10 10 0 0014.14 14.14l46.16-46.16a2.5 2.5 0 013.54 0l46.16 46.16a10 10 0 0014.14-14.14z\" fill=\"currentColor\"/></svg>\r\n        </button>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n",
+                animations: [
+                    trigger('displayNotification', [
+                        state('void', style({
+                            opacity: '0.0',
+                            transform: 'scaleY(0.95)'
+                        })),
+                        state('*', style({
+                            opacity: '1.0',
+                            transform: 'scaleY(1.0)'
+                        })),
+                        transition(':enter', [
+                            animate('100ms ease-out')
+                        ]),
+                        transition(':leave', [
+                            animate('75ms ease-in')
+                        ])
+                    ])
+                ]
+            },] }
+];
+NotificationComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+NotificationComponent.propDecorators = {
+    id: [{ type: Input }],
+    classes: [{ type: Input }],
+    isOpen: [{ type: Input }],
+    isOpenChange: [{ type: Output }],
+    title: [{ type: Input }],
+    description: [{ type: Input }],
+    content: [{ type: Input }],
+    items: [{ type: Input }],
+    icon: [{ type: Input }],
+    type: [{ type: Input }],
+    isDismissible: [{ type: Input }],
+    headingLevel: [{ type: Input }],
+    titleComponent: [{ type: ContentChildren, args: [TitleComponent,] }],
+    descriptionComponent: [{ type: ContentChildren, args: [DescriptionComponent,] }],
+    contentComponent: [{ type: ContentChildren, args: [ContentComponent,] }],
+    iconComponent: [{ type: ContentChildren, args: [IconComponent,] }],
+    itemCompontents: [{ type: ContentChildren, args: [NotificationItemComponent,] }]
+};
+__decorate([
+    DesyContentChild()
+], NotificationComponent.prototype, "titleComponent", void 0);
+__decorate([
+    DesyContentChild()
+], NotificationComponent.prototype, "descriptionComponent", void 0);
+__decorate([
+    DesyContentChild()
+], NotificationComponent.prototype, "contentComponent", void 0);
+__decorate([
+    DesyContentChild()
+], NotificationComponent.prototype, "iconComponent", void 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFHUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUVwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx3REFBd0QsQ0FBQztBQUN0RixPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sc0RBQXNELENBQUM7QUFDbkYsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sb0VBQW9FLENBQUM7QUFDeEcsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNERBQTRELENBQUM7QUFDNUYsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0saURBQWlELENBQUM7QUFFMUYsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0seURBQXlELENBQUM7QUF3QnpGLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxzQkFBc0I7SUFrQy9ELFlBQW9CLGlCQUFvQztRQUN0RCxLQUFLLEVBQUUsQ0FBQztRQURVLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUE5Qi9DLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFDYixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUEwQnJELGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLHVCQUFrQixHQUFHLEtBQUssQ0FBQztJQUkzQixDQUFDO0lBRUQsT0FBTztRQUNMLCtFQUErRTtRQUMvRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUN6QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7WUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ1QsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLElBQVksQ0FBQztRQUNqQixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUM7WUFDWixJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1NBQ3RDO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDL0csQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFjO1FBQzVCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUM7UUFFaEMsdUlBQXVJO1FBQ3ZJLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRUQsbUJBQW1CLENBQUMsSUFBWTtRQUM5QixNQUFNLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUM7WUFDWCxNQUFNLElBQUksS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDOzs7WUFoR0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLDR2V0FBNEM7Z0JBQzVDLFVBQVUsRUFBRTtvQkFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7d0JBQzdCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDOzRCQUNsQixPQUFPLEVBQUUsS0FBSzs0QkFDZCxTQUFTLEVBQUUsY0FBYzt5QkFDMUIsQ0FBQyxDQUFDO3dCQUNILEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDOzRCQUNmLE9BQU8sRUFBRSxLQUFLOzRCQUNkLFNBQVMsRUFBRSxhQUFhO3lCQUN6QixDQUFDLENBQUM7d0JBQ0gsVUFBVSxDQUFDLFFBQVEsRUFBRTs0QkFDbkIsT0FBTyxDQUFDLGdCQUFnQixDQUFDO3lCQUMxQixDQUFDO3dCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7NEJBQ25CLE9BQU8sQ0FBQyxjQUFjLENBQUM7eUJBQ3hCLENBQUM7cUJBQ0gsQ0FBQztpQkFDSDthQUNGOzs7WUEzQ0MsaUJBQWlCOzs7aUJBOENoQixLQUFLO3NCQUNMLEtBQUs7cUJBQ0wsS0FBSzsyQkFDTCxNQUFNO29CQUVOLEtBQUs7MEJBQ0wsS0FBSztzQkFDTCxLQUFLO29CQUNMLEtBQUs7bUJBRUwsS0FBSzttQkFDTCxLQUFLOzRCQUNMLEtBQUs7MkJBQ0wsS0FBSzs2QkFHTCxlQUFlLFNBQUMsY0FBYzttQ0FHOUIsZUFBZSxTQUFDLG9CQUFvQjsrQkFHcEMsZUFBZSxTQUFDLGdCQUFnQjs0QkFHaEMsZUFBZSxTQUFDLGFBQWE7OEJBRTdCLGVBQWUsU0FBQyx5QkFBeUI7O0FBWFQ7SUFEaEMsZ0JBQWdCLEVBQUU7NkRBQzZDO0FBR3pCO0lBRHRDLGdCQUFnQixFQUFFO21FQUMrRDtBQUcvQztJQURsQyxnQkFBZ0IsRUFBRTsrREFDbUQ7QUFHdEM7SUFEL0IsZ0JBQWdCLEVBQUU7NERBQzBDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkcmVuLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT3V0cHV0LFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBTaW1wbGVDaGFuZ2VzXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5pbXBvcnQge05vdGlmaWNhdGlvbkl0ZW1zRGF0YX0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQge1RpdGxlQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi9kZXN5LWNvbW1vbnMvY29tcG9uZW50cy90aXRsZS90aXRsZS5jb21wb25lbnQnO1xyXG5pbXBvcnQge0ljb25Db21wb25lbnR9IGZyb20gJy4uLy4uLy4uL2Rlc3ktY29tbW9ucy9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQge0Rlc2NyaXB0aW9uQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi9kZXN5LWNvbW1vbnMvY29tcG9uZW50cy9kZXNjcmlwdGlvbi9kZXNjcmlwdGlvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQge0NvbnRlbnRDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uL2Rlc3ktY29tbW9ucy9jb21wb25lbnRzL2NvbnRlbnQvY29udGVudC5jb21wb25lbnQnO1xyXG5pbXBvcnQge05vdGlmaWNhdGlvbkl0ZW1Db21wb25lbnR9IGZyb20gJy4vbm90aWZpY2F0aW9uLWl0ZW0vbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50JztcclxuaW1wb3J0IHtDb250ZW50RGF0YSwgRGVzY3JpcHRpb25EYXRhLCBJY29uRGF0YSwgVGl0bGVEYXRhfSBmcm9tICcuLi8uLi8uLi9kZXN5LWNvbW1vbnMvaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7RGVzeUNvbnRlbnRDaGlsZH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2RlY29yYXRvcnMvZGVzeS1jb250ZW50LWNoaWxkLmRlY29yYXRvcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rlc3ktbm90aWZpY2F0aW9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdkaXNwbGF5Tm90aWZpY2F0aW9uJywgW1xyXG4gICAgICBzdGF0ZSgndm9pZCcsIHN0eWxlKHtcclxuICAgICAgICBvcGFjaXR5OiAnMC4wJyxcclxuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVkoMC45NSknXHJcbiAgICAgIH0pKSxcclxuICAgICAgc3RhdGUoJyonLCBzdHlsZSh7XHJcbiAgICAgICAgb3BhY2l0eTogJzEuMCcsXHJcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGVZKDEuMCknXHJcbiAgICAgIH0pKSxcclxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzEwMG1zIGVhc2Utb3V0JylcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcclxuICAgICAgICBhbmltYXRlKCc3NW1zIGVhc2UtaW4nKVxyXG4gICAgICBdKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25Db21wb25lbnQgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuXHJcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcclxuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaXNPcGVuID0gdHJ1ZTtcclxuICBAT3V0cHV0KCkgaXNPcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBASW5wdXQoKSB0aXRsZTogVGl0bGVEYXRhO1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uOiBEZXNjcmlwdGlvbkRhdGE7XHJcbiAgQElucHV0KCkgY29udGVudDogQ29udGVudERhdGE7XHJcbiAgQElucHV0KCkgaXRlbXM6IE5vdGlmaWNhdGlvbkl0ZW1zRGF0YVtdO1xyXG5cclxuICBASW5wdXQoKSBpY29uOiBJY29uRGF0YTtcclxuICBASW5wdXQoKSB0eXBlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaXNEaXNtaXNzaWJsZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBoZWFkaW5nTGV2ZWw6IG51bWJlcjtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oVGl0bGVDb21wb25lbnQpIHRpdGxlQ29tcG9uZW50OiBUaXRsZUNvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oRGVzY3JpcHRpb25Db21wb25lbnQpIGRlc2NyaXB0aW9uQ29tcG9uZW50OiBEZXNjcmlwdGlvbkNvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oQ29udGVudENvbXBvbmVudCkgY29udGVudENvbXBvbmVudDogQ29udGVudENvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oSWNvbkNvbXBvbmVudCkgaWNvbkNvbXBvbmVudDogSWNvbkNvbXBvbmVudDtcclxuXHJcbiAgQENvbnRlbnRDaGlsZHJlbihOb3RpZmljYXRpb25JdGVtQ29tcG9uZW50KSBpdGVtQ29tcG9udGVudHM6IFF1ZXJ5TGlzdDxOb3RpZmljYXRpb25JdGVtQ29tcG9uZW50PjtcclxuXHJcbiAgaXNEaXNtaXNzaW5nID0gZmFsc2U7XHJcbiAgZGlzcGxheURlZmF1bHRJY29uID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcbiAgZGlzbWlzcygpOiB2b2lkIHtcclxuICAgIC8vIFNlIGVtaXRlIDc1bXMgbcOhcyB0YXJkZSBwYXJhIHBvZGVyIHZpc3VhbGl6YXIgbGEgYW5pbWFjacOzbiBlbiBjdWFscXVpZXIgY2Fzb1xyXG4gICAgdGhpcy5pc0Rpc21pc3NpbmcgPSB0cnVlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuaXNEaXNtaXNzaW5nID0gZmFsc2U7XHJcbiAgICAgIHRoaXMuaXNPcGVuQ2hhbmdlLmVtaXQoZmFsc2UpO1xyXG4gICAgfSwgNzUpO1xyXG4gIH1cclxuXHJcbiAgZ2V0VHlwZSgpOiBzdHJpbmcge1xyXG4gICAgbGV0IHR5cGU6IHN0cmluZztcclxuICAgIGlmICh0aGlzLnR5cGUpe1xyXG4gICAgICB0eXBlID0gdGhpcy50eXBlLnRvTG9jYWxlTG93ZXJDYXNlKCk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdHlwZTtcclxuICB9XHJcblxyXG4gIGdldEl0ZW1zKCk6IE5vdGlmaWNhdGlvbkl0ZW1zRGF0YVtdIHtcclxuICAgIHJldHVybiB0aGlzLml0ZW1Db21wb250ZW50cyAmJiB0aGlzLml0ZW1Db21wb250ZW50cy5sZW5ndGggPiAwID8gdGhpcy5pdGVtQ29tcG9udGVudHMudG9BcnJheSgpIDogdGhpcy5pdGVtcztcclxuICB9XHJcblxyXG4gIGhhbmRsZUljb25FbXB0eShlbXB0eTogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNwbGF5RGVmYXVsdEljb24gPSBlbXB0eTtcclxuXHJcbiAgICAvLyBDb21vIHF1ZSBlbCBjb250ZW5pZG8gdmFjw61vIHNlIGNvbXBydWViYSBhIHBvc3RlcmlvcmksIGVzIG5lY2VzYXJpbyBmb3J6YXIgbGEgZGV0ZWNjacOzbiBkZSBjYW1iaW9zIHBhcmEgbW9zdHJhciBlbCBpY29ubyBwb3IgZGVmZWN0b1xyXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVSZXF1aXJlZEVtcHR5KHRleHQ6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgdGhyb3cgbmV3IEVycm9yKHRleHQpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLmlkKXtcclxuICAgICAgdGhyb3cgbmV3IEVycm9yKGBpZCBpcyByZXF1aXJlZGApO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=