desy-angular 6.0.0 → 6.0.2

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

@@ -1,102 +1,102 @@
-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();
-    }
-}
-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    <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'\" 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'\" 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'\" 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 *ngIf=\"titleComponent || title\" [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          <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          <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          <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          <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          <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          <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          <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              <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              <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            <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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFHUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUVwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx3REFBd0QsQ0FBQztBQUN0RixPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sc0RBQXNELENBQUM7QUFDbkYsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sb0VBQW9FLENBQUM7QUFDeEcsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNERBQTRELENBQUM7QUFDNUYsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0saURBQWlELENBQUM7QUFFMUYsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0seURBQXlELENBQUM7QUF3QnpGLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxzQkFBc0I7SUFrQy9ELFlBQW9CLGlCQUFvQztRQUN0RCxLQUFLLEVBQUUsQ0FBQztRQURVLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUE5Qi9DLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFDYixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUEwQnJELGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLHVCQUFrQixHQUFHLEtBQUssQ0FBQztJQUkzQixDQUFDO0lBRUQsT0FBTztRQUNMLCtFQUErRTtRQUMvRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUN6QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7WUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ1QsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLElBQVksQ0FBQztRQUNqQixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUM7WUFDWixJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1NBQ3RDO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDL0csQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFjO1FBQzVCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUM7UUFFaEMsdUlBQXVJO1FBQ3ZJLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QyxDQUFDOzs7WUF0RkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLDRpVUFBNEM7Z0JBQzVDLFVBQVUsRUFBRTtvQkFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7d0JBQzdCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDOzRCQUNsQixPQUFPLEVBQUUsS0FBSzs0QkFDZCxTQUFTLEVBQUUsY0FBYzt5QkFDMUIsQ0FBQyxDQUFDO3dCQUNILEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDOzRCQUNmLE9BQU8sRUFBRSxLQUFLOzRCQUNkLFNBQVMsRUFBRSxhQUFhO3lCQUN6QixDQUFDLENBQUM7d0JBQ0gsVUFBVSxDQUFDLFFBQVEsRUFBRTs0QkFDbkIsT0FBTyxDQUFDLGdCQUFnQixDQUFDO3lCQUMxQixDQUFDO3dCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7NEJBQ25CLE9BQU8sQ0FBQyxjQUFjLENBQUM7eUJBQ3hCLENBQUM7cUJBQ0gsQ0FBQztpQkFDSDthQUNGOzs7WUEzQ0MsaUJBQWlCOzs7aUJBOENoQixLQUFLO3NCQUNMLEtBQUs7cUJBQ0wsS0FBSzsyQkFDTCxNQUFNO29CQUVOLEtBQUs7MEJBQ0wsS0FBSztzQkFDTCxLQUFLO29CQUNMLEtBQUs7bUJBRUwsS0FBSzttQkFDTCxLQUFLOzRCQUNMLEtBQUs7MkJBQ0wsS0FBSzs2QkFHTCxlQUFlLFNBQUMsY0FBYzttQ0FHOUIsZUFBZSxTQUFDLG9CQUFvQjsrQkFHcEMsZUFBZSxTQUFDLGdCQUFnQjs0QkFHaEMsZUFBZSxTQUFDLGFBQWE7OEJBRTdCLGVBQWUsU0FBQyx5QkFBeUI7O0FBWFQ7SUFEaEMsZ0JBQWdCLEVBQUU7NkRBQzZDO0FBR3pCO0lBRHRDLGdCQUFnQixFQUFFO21FQUMrRDtBQUcvQztJQURsQyxnQkFBZ0IsRUFBRTsrREFDbUQ7QUFHdEM7SUFEL0IsZ0JBQWdCLEVBQUU7NERBQzBDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkcmVuLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT3V0cHV0LFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBTaW1wbGVDaGFuZ2VzXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5pbXBvcnQge05vdGlmaWNhdGlvbkl0ZW1zRGF0YX0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQge1RpdGxlQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi9kZXN5LWNvbW1vbnMvY29tcG9uZW50cy90aXRsZS90aXRsZS5jb21wb25lbnQnO1xyXG5pbXBvcnQge0ljb25Db21wb25lbnR9IGZyb20gJy4uLy4uLy4uL2Rlc3ktY29tbW9ucy9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQge0Rlc2NyaXB0aW9uQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi9kZXN5LWNvbW1vbnMvY29tcG9uZW50cy9kZXNjcmlwdGlvbi9kZXNjcmlwdGlvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQge0NvbnRlbnRDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uL2Rlc3ktY29tbW9ucy9jb21wb25lbnRzL2NvbnRlbnQvY29udGVudC5jb21wb25lbnQnO1xyXG5pbXBvcnQge05vdGlmaWNhdGlvbkl0ZW1Db21wb25lbnR9IGZyb20gJy4vbm90aWZpY2F0aW9uLWl0ZW0vbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50JztcclxuaW1wb3J0IHtDb250ZW50RGF0YSwgRGVzY3JpcHRpb25EYXRhLCBJY29uRGF0YSwgVGl0bGVEYXRhfSBmcm9tICcuLi8uLi8uLi9kZXN5LWNvbW1vbnMvaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7RGVzeUNvbnRlbnRDaGlsZH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2RlY29yYXRvcnMvZGVzeS1jb250ZW50LWNoaWxkLmRlY29yYXRvcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rlc3ktbm90aWZpY2F0aW9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdkaXNwbGF5Tm90aWZpY2F0aW9uJywgW1xyXG4gICAgICBzdGF0ZSgndm9pZCcsIHN0eWxlKHtcclxuICAgICAgICBvcGFjaXR5OiAnMC4wJyxcclxuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVkoMC45NSknXHJcbiAgICAgIH0pKSxcclxuICAgICAgc3RhdGUoJyonLCBzdHlsZSh7XHJcbiAgICAgICAgb3BhY2l0eTogJzEuMCcsXHJcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGVZKDEuMCknXHJcbiAgICAgIH0pKSxcclxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzEwMG1zIGVhc2Utb3V0JylcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcclxuICAgICAgICBhbmltYXRlKCc3NW1zIGVhc2UtaW4nKVxyXG4gICAgICBdKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25Db21wb25lbnQgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcclxuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaXNPcGVuID0gdHJ1ZTtcclxuICBAT3V0cHV0KCkgaXNPcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBASW5wdXQoKSB0aXRsZTogVGl0bGVEYXRhO1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uOiBEZXNjcmlwdGlvbkRhdGE7XHJcbiAgQElucHV0KCkgY29udGVudDogQ29udGVudERhdGE7XHJcbiAgQElucHV0KCkgaXRlbXM6IE5vdGlmaWNhdGlvbkl0ZW1zRGF0YVtdO1xyXG5cclxuICBASW5wdXQoKSBpY29uOiBJY29uRGF0YTtcclxuICBASW5wdXQoKSB0eXBlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaXNEaXNtaXNzaWJsZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBoZWFkaW5nTGV2ZWw6IG51bWJlcjtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oVGl0bGVDb21wb25lbnQpIHRpdGxlQ29tcG9uZW50OiBUaXRsZUNvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oRGVzY3JpcHRpb25Db21wb25lbnQpIGRlc2NyaXB0aW9uQ29tcG9uZW50OiBEZXNjcmlwdGlvbkNvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oQ29udGVudENvbXBvbmVudCkgY29udGVudENvbXBvbmVudDogQ29udGVudENvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oSWNvbkNvbXBvbmVudCkgaWNvbkNvbXBvbmVudDogSWNvbkNvbXBvbmVudDtcclxuXHJcbiAgQENvbnRlbnRDaGlsZHJlbihOb3RpZmljYXRpb25JdGVtQ29tcG9uZW50KSBpdGVtQ29tcG9udGVudHM6IFF1ZXJ5TGlzdDxOb3RpZmljYXRpb25JdGVtQ29tcG9uZW50PjtcclxuXHJcbiAgaXNEaXNtaXNzaW5nID0gZmFsc2U7XHJcbiAgZGlzcGxheURlZmF1bHRJY29uID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcbiAgZGlzbWlzcygpOiB2b2lkIHtcclxuICAgIC8vIFNlIGVtaXRlIDc1bXMgbcOhcyB0YXJkZSBwYXJhIHBvZGVyIHZpc3VhbGl6YXIgbGEgYW5pbWFjacOzbiBlbiBjdWFscXVpZXIgY2Fzb1xyXG4gICAgdGhpcy5pc0Rpc21pc3NpbmcgPSB0cnVlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuaXNEaXNtaXNzaW5nID0gZmFsc2U7XHJcbiAgICAgIHRoaXMuaXNPcGVuQ2hhbmdlLmVtaXQoZmFsc2UpO1xyXG4gICAgfSwgNzUpO1xyXG4gIH1cclxuXHJcbiAgZ2V0VHlwZSgpOiBzdHJpbmcge1xyXG4gICAgbGV0IHR5cGU6IHN0cmluZztcclxuICAgIGlmICh0aGlzLnR5cGUpe1xyXG4gICAgICB0eXBlID0gdGhpcy50eXBlLnRvTG9jYWxlTG93ZXJDYXNlKCk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdHlwZTtcclxuICB9XHJcblxyXG4gIGdldEl0ZW1zKCk6IE5vdGlmaWNhdGlvbkl0ZW1zRGF0YVtdIHtcclxuICAgIHJldHVybiB0aGlzLml0ZW1Db21wb250ZW50cyAmJiB0aGlzLml0ZW1Db21wb250ZW50cy5sZW5ndGggPiAwID8gdGhpcy5pdGVtQ29tcG9udGVudHMudG9BcnJheSgpIDogdGhpcy5pdGVtcztcclxuICB9XHJcblxyXG4gIGhhbmRsZUljb25FbXB0eShlbXB0eTogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNwbGF5RGVmYXVsdEljb24gPSBlbXB0eTtcclxuXHJcbiAgICAvLyBDb21vIHF1ZSBlbCBjb250ZW5pZG8gdmFjw61vIHNlIGNvbXBydWViYSBhIHBvc3RlcmlvcmksIGVzIG5lY2VzYXJpbyBmb3J6YXIgbGEgZGV0ZWNjacOzbiBkZSBjYW1iaW9zIHBhcmEgbW9zdHJhciBlbCBpY29ubyBwb3IgZGVmZWN0b1xyXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
+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();
+    }
+}
+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  <div *ngIf=\"iconComponent || icon || type\" class=\"h-full mr-base\">\n    <ng-container *desyCustomInnerContent=\"{ component: iconComponent, html: icon ? icon.html : null }\"></ng-container>\n    <ng-container *ngIf=\"displayDefaultIcon && type\">\n      <ng-container [ngSwitch]=\"getType()\">\n        <svg *ngSwitchCase=\"'success'\" 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        <svg *ngSwitchCase=\"'alert'\" 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        <svg *ngSwitchCase=\"'info'\" 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  <div class=\"lg:flex flex-1 self-center\">\n    <div class=\"lg:flex-1 lg:self-center\">\n      <ng-container *ngIf=\"titleComponent || title\" [ngSwitch]=\"headingLevel\">\n        <h1 *ngSwitchCase=\"1\" [id]=\"id ? id + '-title' : null\" tabindex=\"-1\"\n            [class]=\"['font-bold pr-base focus:outline-none focus:underline', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: titleComponent,\n            html: title ? title.html : null,\n            text: title ? title.text : null\n          }\"></ng-container>\n        </h1>\n        <h2 *ngSwitchCase=\"2\" [id]=\"id ? id + '-title' : null\" tabindex=\"-1\"\n            [class]=\"['font-bold pr-base focus:outline-none focus:underline', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: titleComponent,\n            html: title ? title.html : null,\n            text: title ? title.text : null\n          }\"></ng-container>\n        </h2>\n        <h3 *ngSwitchCase=\"3\" [id]=\"id ? id + '-title' : null\" tabindex=\"-1\"\n            [class]=\"['font-bold pr-base focus:outline-none focus:underline', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: titleComponent,\n            html: title ? title.html : null,\n            text: title ? title.text : null\n          }\"></ng-container>\n        </h3>\n        <h4 *ngSwitchCase=\"4\" [id]=\"id ? id + '-title' : null\" tabindex=\"-1\"\n            [class]=\"['font-bold pr-base focus:outline-none focus:underline', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: titleComponent,\n            html: title ? title.html : null,\n            text: title ? title.text : null\n          }\"></ng-container>\n        </h4>\n        <h5 *ngSwitchCase=\"5\" [id]=\"id ? id + '-title' : null\" tabindex=\"-1\"\n            [class]=\"['font-bold pr-base focus:outline-none focus:underline', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: titleComponent,\n            html: title ? title.html : null,\n            text: title ? title.text : null\n          }\"></ng-container>\n        </h5>\n        <p *ngSwitchDefault [id]=\"id ? id + '-title' : null\" tabindex=\"-1\"\n           [class]=\"['font-bold pr-base focus:outline-none focus:underline', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: titleComponent,\n            html: title ? title.html : null,\n            text: title ? title.text : null\n          }\"></ng-container>\n        </p>\n      </ng-container>\n      <ng-container *ngIf=\"descriptionComponent || description\">\n        <p [class]=\"descriptionComponent ? descriptionComponent.classes : description.classes\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: descriptionComponent,\n            html: description ? description.html : null,\n            text: description ? description.text : null\n          }\"></ng-container>\n        </p>\n      </ng-container>\n      <ul *ngIf=\"(itemCompontents && itemCompontents.length > 0) || items\">\n        <ng-container *ngFor=\"let item of getItems(); index as i\">\n          <li *ngIf=\"item.routerLink || item.href\">\n            <a *ngIf=\"item.routerLink\" class=\"c-link\"\n               [routerLink]=\"item.routerLink\"\n               [fragment]=\"item.fragment\"\n               [ngClass]=\"{'c-link--alert': type==='alert'}\"\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\">\n              <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n            </a>\n            <a *ngIf=\"!item.routerLink && item.href\" class=\"c-link\"\n               [href]=\"item.href | externalHref\"\n               [target]=\"item.target\"\n               [ngClass]=\"{'c-link--alert': type==='alert'}\"\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\">\n              <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n            </a>\n          </li>\n          <li *ngIf=\"!item.routerLink && !item.href\">\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n          </li>\n        </ng-container>\n      </ul>\n      <p *ngIf=\"contentComponent || content\" [class]=\"['text-sm', contentComponent ? contentComponent.classes : content.classes] | makeHtmlList\">\n        <ng-container *desyCustomInnerContent=\"{\n          component: contentComponent,\n          html: content ? content.html : null,\n          text: content ? content.text : null\n        }\"></ng-container>\n      </p>\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.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFHUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUVwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx3REFBd0QsQ0FBQztBQUN0RixPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sc0RBQXNELENBQUM7QUFDbkYsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sb0VBQW9FLENBQUM7QUFDeEcsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNERBQTRELENBQUM7QUFDNUYsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0saURBQWlELENBQUM7QUFFMUYsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0seURBQXlELENBQUM7QUF3QnpGLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxzQkFBc0I7SUFrQy9ELFlBQW9CLGlCQUFvQztRQUN0RCxLQUFLLEVBQUUsQ0FBQztRQURVLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUE5Qi9DLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFDYixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUEwQnJELGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLHVCQUFrQixHQUFHLEtBQUssQ0FBQztJQUkzQixDQUFDO0lBRUQsT0FBTztRQUNMLCtFQUErRTtRQUMvRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUN6QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7WUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ1QsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLElBQVksQ0FBQztRQUNqQixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUM7WUFDWixJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1NBQ3RDO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDL0csQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFjO1FBQzVCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUM7UUFFaEMsdUlBQXVJO1FBQ3ZJLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QyxDQUFDOzs7WUF0RkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLDB2VEFBNEM7Z0JBQzVDLFVBQVUsRUFBRTtvQkFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7d0JBQzdCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDOzRCQUNsQixPQUFPLEVBQUUsS0FBSzs0QkFDZCxTQUFTLEVBQUUsY0FBYzt5QkFDMUIsQ0FBQyxDQUFDO3dCQUNILEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDOzRCQUNmLE9BQU8sRUFBRSxLQUFLOzRCQUNkLFNBQVMsRUFBRSxhQUFhO3lCQUN6QixDQUFDLENBQUM7d0JBQ0gsVUFBVSxDQUFDLFFBQVEsRUFBRTs0QkFDbkIsT0FBTyxDQUFDLGdCQUFnQixDQUFDO3lCQUMxQixDQUFDO3dCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7NEJBQ25CLE9BQU8sQ0FBQyxjQUFjLENBQUM7eUJBQ3hCLENBQUM7cUJBQ0gsQ0FBQztpQkFDSDthQUNGOzs7WUEzQ0MsaUJBQWlCOzs7aUJBOENoQixLQUFLO3NCQUNMLEtBQUs7cUJBQ0wsS0FBSzsyQkFDTCxNQUFNO29CQUVOLEtBQUs7MEJBQ0wsS0FBSztzQkFDTCxLQUFLO29CQUNMLEtBQUs7bUJBRUwsS0FBSzttQkFDTCxLQUFLOzRCQUNMLEtBQUs7MkJBQ0wsS0FBSzs2QkFHTCxlQUFlLFNBQUMsY0FBYzttQ0FHOUIsZUFBZSxTQUFDLG9CQUFvQjsrQkFHcEMsZUFBZSxTQUFDLGdCQUFnQjs0QkFHaEMsZUFBZSxTQUFDLGFBQWE7OEJBRTdCLGVBQWUsU0FBQyx5QkFBeUI7O0FBWFQ7SUFEaEMsZ0JBQWdCLEVBQUU7NkRBQzZDO0FBR3pCO0lBRHRDLGdCQUFnQixFQUFFO21FQUMrRDtBQUcvQztJQURsQyxnQkFBZ0IsRUFBRTsrREFDbUQ7QUFHdEM7SUFEL0IsZ0JBQWdCLEVBQUU7NERBQzBDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE91dHB1dCxcbiAgUXVlcnlMaXN0LFxuICBTaW1wbGVDaGFuZ2VzXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xuaW1wb3J0IHtOb3RpZmljYXRpb25JdGVtc0RhdGF9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQge1RpdGxlQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi9kZXN5LWNvbW1vbnMvY29tcG9uZW50cy90aXRsZS90aXRsZS5jb21wb25lbnQnO1xuaW1wb3J0IHtJY29uQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi9kZXN5LWNvbW1vbnMvY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7RGVzY3JpcHRpb25Db21wb25lbnR9IGZyb20gJy4uLy4uLy4uL2Rlc3ktY29tbW9ucy9jb21wb25lbnRzL2Rlc2NyaXB0aW9uL2Rlc2NyaXB0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQge0NvbnRlbnRDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uL2Rlc3ktY29tbW9ucy9jb21wb25lbnRzL2NvbnRlbnQvY29udGVudC5jb21wb25lbnQnO1xuaW1wb3J0IHtOb3RpZmljYXRpb25JdGVtQ29tcG9uZW50fSBmcm9tICcuL25vdGlmaWNhdGlvbi1pdGVtL25vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQge0NvbnRlbnREYXRhLCBEZXNjcmlwdGlvbkRhdGEsIEljb25EYXRhLCBUaXRsZURhdGF9IGZyb20gJy4uLy4uLy4uL2Rlc3ktY29tbW9ucy9pbnRlcmZhY2VzJztcbmltcG9ydCB7RGVzeUNvbnRlbnRDaGlsZH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2RlY29yYXRvcnMvZGVzeS1jb250ZW50LWNoaWxkLmRlY29yYXRvcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Rlc3ktbm90aWZpY2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCdkaXNwbGF5Tm90aWZpY2F0aW9uJywgW1xuICAgICAgc3RhdGUoJ3ZvaWQnLCBzdHlsZSh7XG4gICAgICAgIG9wYWNpdHk6ICcwLjAnLFxuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVkoMC45NSknXG4gICAgICB9KSksXG4gICAgICBzdGF0ZSgnKicsIHN0eWxlKHtcbiAgICAgICAgb3BhY2l0eTogJzEuMCcsXG4gICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWSgxLjApJ1xuICAgICAgfSkpLFxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgICAgICBhbmltYXRlKCcxMDBtcyBlYXNlLW91dCcpXG4gICAgICBdKSxcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcbiAgICAgICAgYW5pbWF0ZSgnNzVtcyBlYXNlLWluJylcbiAgICAgIF0pXG4gICAgXSlcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25Db21wb25lbnQgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IHtcblxuICBASW5wdXQoKSBpZDogc3RyaW5nO1xuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzT3BlbiA9IHRydWU7XG4gIEBPdXRwdXQoKSBpc09wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgQElucHV0KCkgdGl0bGU6IFRpdGxlRGF0YTtcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IERlc2NyaXB0aW9uRGF0YTtcbiAgQElucHV0KCkgY29udGVudDogQ29udGVudERhdGE7XG4gIEBJbnB1dCgpIGl0ZW1zOiBOb3RpZmljYXRpb25JdGVtc0RhdGFbXTtcblxuICBASW5wdXQoKSBpY29uOiBJY29uRGF0YTtcbiAgQElucHV0KCkgdHlwZTogc3RyaW5nO1xuICBASW5wdXQoKSBpc0Rpc21pc3NpYmxlOiBib29sZWFuO1xuICBASW5wdXQoKSBoZWFkaW5nTGV2ZWw6IG51bWJlcjtcblxuICBARGVzeUNvbnRlbnRDaGlsZCgpXG4gIEBDb250ZW50Q2hpbGRyZW4oVGl0bGVDb21wb25lbnQpIHRpdGxlQ29tcG9uZW50OiBUaXRsZUNvbXBvbmVudDtcblxuICBARGVzeUNvbnRlbnRDaGlsZCgpXG4gIEBDb250ZW50Q2hpbGRyZW4oRGVzY3JpcHRpb25Db21wb25lbnQpIGRlc2NyaXB0aW9uQ29tcG9uZW50OiBEZXNjcmlwdGlvbkNvbXBvbmVudDtcblxuICBARGVzeUNvbnRlbnRDaGlsZCgpXG4gIEBDb250ZW50Q2hpbGRyZW4oQ29udGVudENvbXBvbmVudCkgY29udGVudENvbXBvbmVudDogQ29udGVudENvbXBvbmVudDtcblxuICBARGVzeUNvbnRlbnRDaGlsZCgpXG4gIEBDb250ZW50Q2hpbGRyZW4oSWNvbkNvbXBvbmVudCkgaWNvbkNvbXBvbmVudDogSWNvbkNvbXBvbmVudDtcblxuICBAQ29udGVudENoaWxkcmVuKE5vdGlmaWNhdGlvbkl0ZW1Db21wb25lbnQpIGl0ZW1Db21wb250ZW50czogUXVlcnlMaXN0PE5vdGlmaWNhdGlvbkl0ZW1Db21wb25lbnQ+O1xuXG4gIGlzRGlzbWlzc2luZyA9IGZhbHNlO1xuICBkaXNwbGF5RGVmYXVsdEljb24gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBkaXNtaXNzKCk6IHZvaWQge1xuICAgIC8vIFNlIGVtaXRlIDc1bXMgbcOhcyB0YXJkZSBwYXJhIHBvZGVyIHZpc3VhbGl6YXIgbGEgYW5pbWFjacOzbiBlbiBjdWFscXVpZXIgY2Fzb1xuICAgIHRoaXMuaXNEaXNtaXNzaW5nID0gdHJ1ZTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuaXNEaXNtaXNzaW5nID0gZmFsc2U7XG4gICAgICB0aGlzLmlzT3BlbkNoYW5nZS5lbWl0KGZhbHNlKTtcbiAgICB9LCA3NSk7XG4gIH1cblxuICBnZXRUeXBlKCk6IHN0cmluZyB7XG4gICAgbGV0IHR5cGU6IHN0cmluZztcbiAgICBpZiAodGhpcy50eXBlKXtcbiAgICAgIHR5cGUgPSB0aGlzLnR5cGUudG9Mb2NhbGVMb3dlckNhc2UoKTtcbiAgICB9XG4gICAgcmV0dXJuIHR5cGU7XG4gIH1cblxuICBnZXRJdGVtcygpOiBOb3RpZmljYXRpb25JdGVtc0RhdGFbXSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbUNvbXBvbnRlbnRzICYmIHRoaXMuaXRlbUNvbXBvbnRlbnRzLmxlbmd0aCA+IDAgPyB0aGlzLml0ZW1Db21wb250ZW50cy50b0FycmF5KCkgOiB0aGlzLml0ZW1zO1xuICB9XG5cbiAgaGFuZGxlSWNvbkVtcHR5KGVtcHR5OiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNwbGF5RGVmYXVsdEljb24gPSBlbXB0eTtcblxuICAgIC8vIENvbW8gcXVlIGVsIGNvbnRlbmlkbyB2YWPDrW8gc2UgY29tcHJ1ZWJhIGEgcG9zdGVyaW9yaSwgZXMgbmVjZXNhcmlvIGZvcnphciBsYSBkZXRlY2Npw7NuIGRlIGNhbWJpb3MgcGFyYSBtb3N0cmFyIGVsIGljb25vIHBvciBkZWZlY3RvXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cbn1cbiJdfQ==

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

@@ -1,33 +1,33 @@
-import { ChangeDetectorRef, Component, Input } from '@angular/core';
-import { AccessibilityComponent } from '../../../shared/components';
-export class SkipLinkComponent extends AccessibilityComponent {
-    constructor(changeDetectorRef) {
-        super();
-        this.changeDetectorRef = changeDetectorRef;
-        this.hasContent = true;
-    }
-    getClassNames() {
-        let classNames = 'c-skip-link sr-only active:not-sr-only focus:not-sr-only focus:outline-none focus:shadow-outline-focus block p-base bg-warning-base text-center text-black underline';
-        if (this.classes) {
-            classNames += ' ' + this.classes;
-        }
-        return classNames;
-    }
-}
-SkipLinkComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-skip-link',
-                template: "<a *ngIf=\"hasContent\"\r\n   [routerLink]=\"[]\" [fragment]=\"fragment ? fragment : 'content'\"\r\n   [class]=\"getClassNames()\"\r\n   [attr.id]=\"id ? id : null\"\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  <ng-content></ng-content>\r\n</a>\r\n\r\n<a *ngIf=\"!hasContent\"\r\n   [routerLink]=\"[]\" [fragment]=\"fragment ? fragment : 'content'\"\r\n   [class]=\"getClassNames()\"\r\n   [attr.id]=\"id ? id : null\"\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  <ng-container *desyCustomInnerContent=\"{ html: html, text: text }\"></ng-container>\r\n</a>\r\n"
-            },] }
-];
-SkipLinkComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-SkipLinkComponent.propDecorators = {
-    html: [{ type: Input }],
-    text: [{ type: Input }],
-    fragment: [{ type: Input }],
-    classes: [{ type: Input }],
-    id: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tpcC1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvc2tpcC1saW5rL3NraXAtbGluay5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEUsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFNbEUsTUFBTSxPQUFPLGlCQUFrQixTQUFRLHNCQUFzQjtJQVUzRCxZQUFvQixpQkFBb0M7UUFDdEQsS0FBSyxFQUFFLENBQUM7UUFEVSxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBRnhELGVBQVUsR0FBRyxJQUFJLENBQUM7SUFJbEIsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLFVBQVUsR0FBRyxzS0FBc0ssQ0FBQztRQUN4TCxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEIsVUFBVSxJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1NBQ2xDO1FBQ0QsT0FBTyxVQUFVLENBQUM7SUFDcEIsQ0FBQzs7O1lBeEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixnbEVBQXlDO2FBQzFDOzs7WUFOTyxpQkFBaUI7OzttQkFTdEIsS0FBSzttQkFDTCxLQUFLO3VCQUNMLEtBQUs7c0JBQ0wsS0FBSztpQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7QWNjZXNzaWJpbGl0eUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LXNraXAtbGluaycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NraXAtbGluay5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIFNraXBMaW5rQ29tcG9uZW50IGV4dGVuZHMgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGh0bWw6IHN0cmluZztcclxuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZnJhZ21lbnQ6IHN0cmluZztcclxuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcclxuXHJcbiAgaGFzQ29udGVudCA9IHRydWU7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcbiAgZ2V0Q2xhc3NOYW1lcygpOiBzdHJpbmcge1xyXG4gICAgbGV0IGNsYXNzTmFtZXMgPSAnYy1za2lwLWxpbmsgc3Itb25seSBhY3RpdmU6bm90LXNyLW9ubHkgZm9jdXM6bm90LXNyLW9ubHkgZm9jdXM6b3V0bGluZS1ub25lIGZvY3VzOnNoYWRvdy1vdXRsaW5lLWZvY3VzIGJsb2NrIHAtYmFzZSBiZy13YXJuaW5nLWJhc2UgdGV4dC1jZW50ZXIgdGV4dC1ibGFjayB1bmRlcmxpbmUnO1xyXG4gICAgaWYgKHRoaXMuY2xhc3Nlcykge1xyXG4gICAgICBjbGFzc05hbWVzICs9ICcgJyArIHRoaXMuY2xhc3NlcztcclxuICAgIH1cclxuICAgIHJldHVybiBjbGFzc05hbWVzO1xyXG4gIH1cclxuXHJcbn1cclxuIl19
+import { ChangeDetectorRef, Component, Input } from '@angular/core';
+import { AccessibilityComponent } from '../../../shared/components';
+export class SkipLinkComponent extends AccessibilityComponent {
+    constructor(changeDetectorRef) {
+        super();
+        this.changeDetectorRef = changeDetectorRef;
+        this.hasContent = true;
+    }
+    getClassNames() {
+        let classNames = 'c-skip-link sr-only active:not-sr-only focus:not-sr-only focus:outline-none focus:shadow-outline-focus block p-base bg-warning-base text-center text-black underline';
+        if (this.classes) {
+            classNames += ' ' + this.classes;
+        }
+        return classNames;
+    }
+}
+SkipLinkComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-skip-link',
+                template: "<a *ngIf=\"hasContent\"\n   [routerLink]=\"[]\" [fragment]=\"fragment ? fragment : 'content'\"\n   [class]=\"getClassNames()\"\n   [attr.id]=\"id ? id : null\"\n   [attr.role]=\"role ? role : null\"\n   [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n   [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n   [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n   [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n   [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n   [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n   [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n   [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n   [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n   [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n   [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n   [attr.tabindex]=\"tabindex ? tabindex : null\">\n  <ng-content></ng-content>\n</a>\n\n<a *ngIf=\"!hasContent\"\n   [routerLink]=\"[]\" [fragment]=\"fragment ? fragment : 'content'\"\n   [class]=\"getClassNames()\"\n   [attr.id]=\"id ? id : null\"\n   [attr.role]=\"role ? role : null\"\n   [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n   [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n   [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n   [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n   [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n   [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n   [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n   [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n   [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n   [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n   [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n   [attr.tabindex]=\"tabindex ? tabindex : null\">\n  <ng-container *desyCustomInnerContent=\"{ html: html, text: text }\"></ng-container>\n</a>\n"
+            },] }
+];
+SkipLinkComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+SkipLinkComponent.propDecorators = {
+    html: [{ type: Input }],
+    text: [{ type: Input }],
+    fragment: [{ type: Input }],
+    classes: [{ type: Input }],
+    id: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tpcC1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvc2tpcC1saW5rL3NraXAtbGluay5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEUsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFNbEUsTUFBTSxPQUFPLGlCQUFrQixTQUFRLHNCQUFzQjtJQVUzRCxZQUFvQixpQkFBb0M7UUFDdEQsS0FBSyxFQUFFLENBQUM7UUFEVSxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBRnhELGVBQVUsR0FBRyxJQUFJLENBQUM7SUFJbEIsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLFVBQVUsR0FBRyxzS0FBc0ssQ0FBQztRQUN4TCxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEIsVUFBVSxJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1NBQ2xDO1FBQ0QsT0FBTyxVQUFVLENBQUM7SUFDcEIsQ0FBQzs7O1lBeEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixrZ0VBQXlDO2FBQzFDOzs7WUFOTyxpQkFBaUI7OzttQkFTdEIsS0FBSzttQkFDTCxLQUFLO3VCQUNMLEtBQUs7c0JBQ0wsS0FBSztpQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0FjY2Vzc2liaWxpdHlDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGVzeS1za2lwLWxpbmsnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2tpcC1saW5rLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTa2lwTGlua0NvbXBvbmVudCBleHRlbmRzIEFjY2Vzc2liaWxpdHlDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIGh0bWw6IHN0cmluZztcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBmcmFnbWVudDogc3RyaW5nO1xuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG5cbiAgaGFzQ29udGVudCA9IHRydWU7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgZ2V0Q2xhc3NOYW1lcygpOiBzdHJpbmcge1xuICAgIGxldCBjbGFzc05hbWVzID0gJ2Mtc2tpcC1saW5rIHNyLW9ubHkgYWN0aXZlOm5vdC1zci1vbmx5IGZvY3VzOm5vdC1zci1vbmx5IGZvY3VzOm91dGxpbmUtbm9uZSBmb2N1czpzaGFkb3ctb3V0bGluZS1mb2N1cyBibG9jayBwLWJhc2UgYmctd2FybmluZy1iYXNlIHRleHQtY2VudGVyIHRleHQtYmxhY2sgdW5kZXJsaW5lJztcbiAgICBpZiAodGhpcy5jbGFzc2VzKSB7XG4gICAgICBjbGFzc05hbWVzICs9ICcgJyArIHRoaXMuY2xhc3NlcztcbiAgICB9XG4gICAgcmV0dXJuIGNsYXNzTmFtZXM7XG4gIH1cblxufVxuIl19