desy-angular 2.0.1 → 5.0.0

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

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { Component, ContentChildren, Input } from '@angular/core';
+import { FooterMetaItemComponent } from './footer-meta-item/footer-meta-item.component';
+import { ContentComponent } from '../../../../desy-commons/components/content/content.component';
+import { DesyContentChild } from '../../../../shared/decorators/desy-content-child.decorator';
+import { ContentBaseComponent } from '../../../../shared/components';
+export class FooterMetaComponent extends ContentBaseComponent {
+}
+FooterMetaComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-footer-meta',
+                template: ''
+            },] }
+];
+FooterMetaComponent.propDecorators = {
+    visuallyHiddenTitle: [{ type: Input }],
+    contentComponent: [{ type: ContentChildren, args: [ContentComponent,] }],
+    itemComponents: [{ type: ContentChildren, args: [FooterMetaItemComponent,] }]
+};
+__decorate([
+    DesyContentChild()
+], FooterMetaComponent.prototype, "contentComponent", void 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLW1ldGEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1uYXYvY29tcG9uZW50cy9mb290ZXIvZm9vdGVyLW1ldGEvZm9vdGVyLW1ldGEuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQVksTUFBTSxlQUFlLENBQUM7QUFFM0UsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFDdEYsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sK0RBQStELENBQUM7QUFDL0YsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNERBQTRELENBQUM7QUFDNUYsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFNbkUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLG9CQUFvQjs7O1lBSjVELFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixRQUFRLEVBQUUsRUFBRTthQUNiOzs7a0NBR0UsS0FBSzsrQkFHTCxlQUFlLFNBQUMsZ0JBQWdCOzZCQUNoQyxlQUFlLFNBQUMsdUJBQXVCOztBQURMO0lBRGxDLGdCQUFnQixFQUFFOzZEQUNtRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0LCBRdWVyeUxpc3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge01ldGFEYXRhfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHtGb290ZXJNZXRhSXRlbUNvbXBvbmVudH0gZnJvbSAnLi9mb290ZXItbWV0YS1pdGVtL2Zvb3Rlci1tZXRhLWl0ZW0uY29tcG9uZW50JztcclxuaW1wb3J0IHtDb250ZW50Q29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi8uLi9kZXN5LWNvbW1vbnMvY29tcG9uZW50cy9jb250ZW50L2NvbnRlbnQuY29tcG9uZW50JztcclxuaW1wb3J0IHtEZXN5Q29udGVudENoaWxkfSBmcm9tICcuLi8uLi8uLi8uLi9zaGFyZWQvZGVjb3JhdG9ycy9kZXN5LWNvbnRlbnQtY2hpbGQuZGVjb3JhdG9yJztcclxuaW1wb3J0IHtDb250ZW50QmFzZUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LWZvb3Rlci1tZXRhJyxcclxuICB0ZW1wbGF0ZTogJydcclxufSlcclxuZXhwb3J0IGNsYXNzIEZvb3Rlck1ldGFDb21wb25lbnQgZXh0ZW5kcyBDb250ZW50QmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE1ldGFEYXRhIHtcclxuXHJcbiAgQElucHV0KCkgdmlzdWFsbHlIaWRkZW5UaXRsZTogc3RyaW5nO1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihDb250ZW50Q29tcG9uZW50KSBjb250ZW50Q29tcG9uZW50OiBDb250ZW50Q29tcG9uZW50O1xyXG4gIEBDb250ZW50Q2hpbGRyZW4oRm9vdGVyTWV0YUl0ZW1Db21wb25lbnQpIGl0ZW1Db21wb25lbnRzOiBRdWVyeUxpc3Q8Rm9vdGVyTWV0YUl0ZW1Db21wb25lbnQ+O1xyXG59XHJcbiJdfQ==

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

@@ -0,0 +1,16 @@
+import { Component, Input } from '@angular/core';
+import { ContentBaseComponent } from '../../../../../shared/components';
+export class FooterNavigationItemComponent extends ContentBaseComponent {
+}
+FooterNavigationItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-footer-navigation-item',
+                template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>'
+            },] }
+];
+FooterNavigationItemComponent.propDecorators = {
+    href: [{ type: Input }],
+    routerLink: [{ type: Input }],
+    fragment: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LW5hdi9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXItbmF2aWdhdGlvbi9mb290ZXItbmF2aWdhdGlvbi1pdGVtL2Zvb3Rlci1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRS9DLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBTXRFLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxvQkFBb0I7OztZQUp0RSxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtnQkFDdkMsUUFBUSxFQUFFLHVFQUF1RTthQUNsRjs7O21CQUVFLEtBQUs7eUJBQ0wsS0FBSzt1QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtOYXZpZ2F0aW9uSXRlbURhdGF9IGZyb20gJy4uLy4uLy4uLy4uL2ludGVyZmFjZXMnO1xyXG5pbXBvcnQge0NvbnRlbnRCYXNlQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rlc3ktZm9vdGVyLW5hdmlnYXRpb24taXRlbScsXHJcbiAgdGVtcGxhdGU6ICc8bmctdGVtcGxhdGUgI2NvbnRlbnRUZW1wbGF0ZT48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9uZy10ZW1wbGF0ZT4nXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb290ZXJOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudCBleHRlbmRzIENvbnRlbnRCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgTmF2aWdhdGlvbkl0ZW1EYXRhIHtcclxuICBASW5wdXQoKSBocmVmPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHJvdXRlckxpbms/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZnJhZ21lbnQ/OiBzdHJpbmc7XHJcbn1cclxuIl19

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

@@ -0,0 +1,16 @@
+import { Component, ContentChildren, Input } from '@angular/core';
+import { FooterNavigationItemComponent } from './footer-navigation-item/footer-navigation-item.component';
+export class FooterNavigationComponent {
+}
+FooterNavigationComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-footer-navigation',
+                template: ""
+            },] }
+];
+FooterNavigationComponent.propDecorators = {
+    title: [{ type: Input }],
+    columns: [{ type: Input }],
+    itemComponents: [{ type: ContentChildren, args: [FooterNavigationItemComponent,] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLW5hdmlnYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1uYXYvY29tcG9uZW50cy9mb290ZXIvZm9vdGVyLW5hdmlnYXRpb24vZm9vdGVyLW5hdmlnYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUUzRSxPQUFPLEVBQUMsNkJBQTZCLEVBQUMsTUFBTSwyREFBMkQsQ0FBQztBQU14RyxNQUFNLE9BQU8seUJBQXlCOzs7WUFKckMsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx3QkFBd0I7Z0JBQ2xDLFlBQWlEO2FBQ2xEOzs7b0JBRUUsS0FBSztzQkFDTCxLQUFLOzZCQUVMLGVBQWUsU0FBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBJbnB1dCwgUXVlcnlMaXN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtOYXZpZ2F0aW9uRGF0YX0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7Rm9vdGVyTmF2aWdhdGlvbkl0ZW1Db21wb25lbnR9IGZyb20gJy4vZm9vdGVyLW5hdmlnYXRpb24taXRlbS9mb290ZXItbmF2aWdhdGlvbi1pdGVtLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rlc3ktZm9vdGVyLW5hdmlnYXRpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mb290ZXItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIEZvb3Rlck5hdmlnYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBOYXZpZ2F0aW9uRGF0YSB7XHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcclxuICBASW5wdXQoKSBjb2x1bW5zOiBudW1iZXI7XHJcblxyXG4gIEBDb250ZW50Q2hpbGRyZW4oRm9vdGVyTmF2aWdhdGlvbkl0ZW1Db21wb25lbnQpIGl0ZW1Db21wb25lbnRzOiBRdWVyeUxpc3Q8Rm9vdGVyTmF2aWdhdGlvbkl0ZW1Db21wb25lbnQ+O1xyXG59XHJcbiJdfQ==

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

@@ -1,22 +1,45 @@
-import { Component, Input } from '@angular/core';
-import { AccessibilityComponent } from "../../../shared/components";
-import { NavigationUtils } from "../../../shared/utils/navigation-utils";
-export class FooterComponent extends AccessibilityComponent {
-    getUrl(item) {
-        return NavigationUtils.getExternalHref(item.href);
-    }
-}
-FooterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-footer',
-                template: "<footer [class]=\"['py-base bg-neutral-lighter border-t border-neutral-base text-xs lg:text-sm text-neutral-dark', classes] | makeHtmlList\" role=\"contentinfo\"\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  <div [class]=\"['container mx-auto px-base', containerClasses] | makeHtmlList\">\n    <ng-container *ngIf=\"navigation && navigation.length != 0\">\n      <div class=\"flex flex-wrap\">\n        <div class=\"flex-1 mr-base\" *ngFor=\"let nav of navigation\">\n          <h3 class=\"mb-base font-bold text-xl\">{{nav.title}}</h3>\n          <ul [class]=\"'grid grid-cols-1 gap-base lg:grid-cols-' + nav.columns\">\n            <li class=\"mb-xs\" *ngFor=\"let item of nav.items\">\n              <ng-container *ngTemplateOutlet=\"item.href != null ? itemHref : itemRouterLink; context: {item: item}\"></ng-container>\n            </li>\n          </ul>\n        </div>\n      </div>\n      <hr class=\"my-base border-t border-neutral-base\">\n    </ng-container>\n    <div class=\"flex flex-col lg:flex-row content-end justify-between\">\n      <div class=\"mb-base\">\n        <ng-container *ngIf=\"meta\">\n          <h2 class=\"sr-only\">{{(meta.visuallyHiddenTitle ? meta.visuallyHiddenTitle : 'Enlaces de pie de p\u00E1gina')}}</h2>\n          <ul class=\"flex flex-col lg:flex-row lg:flex-wrap\" *ngIf=\"meta\">\n            <li class=\"mb-sm mr-base\" *ngFor=\"let item of meta.items\">\n              <ng-container *ngTemplateOutlet=\"item.href != null ? itemHref : itemRouterLink; context: {item: item}\"></ng-container>\n            </li>\n          </ul>\n          <div class=\"mb-sm\"  *ngIf=\"meta.html || meta.text\">\n            <p [desyInnerContent]=\"meta.html ? meta.html : meta.text\" [isHtml]=\"meta.html\"></p>\n          </div>\n        </ng-container>\n        <div class=\"leading-tight\">\n          <p>\n            Todo el contenido bajo\n            <a\n              class=\"c-link c-link--neutral\"\n              href=\"https://creativecommons.org/licenses/by/4.0/legalcode.es\"\n              rel=\"license\"\n            >licencia CC BY 4.0</a>\n          </p>\n        </div>\n        <div class=\"leading-tight\">\n          <p>\n            <a\n              class=\"c-link c-link--neutral\"\n              href=\"https://www.aragon.es/\"\n            >Gobierno de Arag\u00F3n</a>. Edificio Pignatelli. P\u00BA Mar\u00EDa Agust\u00EDn, 36. 50004 - Zaragoza - <abbr title=\"Tel\u00E9fono\" class=\"no-underline\">Tel.</abbr> <a href=\"tel:+976714000\" class=\"c-link c-link--neutral\">976 714 000</a>\n          </p>\n        </div>\n      </div>\n      <div class=\"mb-base lg:pl-base\">\n        <p *ngIf=\"icon && icon.html\" [desyInnerContent]=\"icon.html\" [isHtml]=\"true\"></p>\n        <p>\n          <a href=\"http://www.aragon.es/Fondos_Europeos\" class=\"inline-block text-sm c-link no-underline\" title=\"M\u00E1s informaci\u00F3n sobre los Fondos Estructurales y de Inversi\u00F3n Europeos (Fondos EIE)\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 575 96\" width=\"288\" height=\"48\" class=\"w-auto h-12\" role=\"img\" aria-label=\"Logotipo Uni\u00F3n Europea. Fondo Europeo de Desarrollo Regional (FEDER). Construyendo Europa desde Arag\u00F3n.\"><text transform=\"translate(126 33)\" fill=\"#039\" font-size=\"20\" font-family=\"Arial, Tahoma, Verdana, Calibri, Garamond, Trebuchet, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, HelveticaNeue-Bold, Helvetica Neue, Helvetica, sans\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">UNI\u00D3N EUROPEA</tspan></text><text transform=\"translate(126 56)\" fill=\"#039\" font-size=\"20\" font-family=\"Arial, Tahoma, Verdana, Calibri, Garamond, Trebuchet, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, HelveticaNeue-Bold, Helvetica Neue, Helvetica, sans\"><tspan x=\"0\" y=\"0\">Fondo Europeo de Desarrollo Regional (FEDER)</tspan></text><text transform=\"translate(126 79)\" fill=\"#039\" font-size=\"20\" font-family=\"Arial, Tahoma, Verdana, Calibri, Garamond, Trebuchet, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, HelveticaNeue-Bold, Helvetica Neue, Helvetica, sans\"><tspan x=\"0\" y=\"0\">\u201CConstruyendo Europa desde Arag\u00F3n\u201D</tspan></text><path fill=\"#039\" stroke=\"#fff\" stroke-width=\"1%\" d=\"M14.086 13.02h104.282v69.522H14.086z\"/><g fill=\"#fc0\"><path d=\"M64.004 28.167l2.2-1.606 2.2 1.606-.837-2.6 2.235-1.606h-2.755l-.843-2.628-.843 2.631h-2.753l2.233 1.606zM52.617 31.229l2.2-1.606 2.2 1.606-.836-2.6 2.233-1.606h-2.755l-.843-2.631-.843 2.634H51.22l2.234 1.606zM46.486 32.743l-.843 2.634H42.89l2.234 1.606-.837 2.6 2.2-1.606 2.2 1.606-.837-2.6 2.234-1.606h-2.752zM43.429 49.345l2.2 1.606-.836-2.6 2.234-1.606h-2.753l-.843-2.631-.843 2.637-2.755-.006 2.235 1.606-.837 2.6zM47.332 58.156l-.843-2.631-.843 2.634h-2.753l2.234 1.606-.837 2.6 2.2-1.609 2.2 1.609-.837-2.6 2.234-1.606zM55.677 66.504l-.843-2.628-.842 2.631h-2.755l2.234 1.606-.836 2.6 2.2-1.606 2.2 1.606-.836-2.6 2.234-1.606zM67.05 69.528l-.843-2.631-.842 2.634H62.61l2.234 1.606-.836 2.6 2.2-1.606 2.2 1.606-.837-2.6 2.235-1.606zM78.422 66.504l-.842-2.628-.845 2.631h-2.752l2.232 1.606-.836 2.6 2.2-1.606 2.2 1.606-.839-2.6 2.235-1.606zM86.774 58.156l-.845-2.631-.845 2.634h-2.752l2.235 1.606-.839 2.6 2.2-1.609 2.2 1.609-.839-2.6 2.235-1.606zM92.551 46.716h-2.755l-.845-2.631-.842 2.634h-2.755l2.235 1.606-.836 2.6 2.2-1.609 2.2 1.609-.836-2.6zM83.728 39.544l2.2-1.606 2.2 1.606-.839-2.6 2.235-1.6h-2.752l-.845-2.631-.845 2.634H82.33l2.235 1.6zM77.613 24.395l-.842 2.634-2.755-.006 2.232 1.609-.836 2.6 2.2-1.609 2.2 1.609-.836-2.6 2.235-1.609h-2.758z\"/></g></svg>\n          </a>\n        </p>\n      </div>\n    </div>\n  </div>\n</footer>\n\n<ng-template #itemHref let-item=\"item\">\n  <a class=\"c-link font-semibold\" [href]=\"getUrl(item)\"\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.ariaDisabled ? item.ariaDisabled : 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     [attr.tabindex]=\"item.tabindex ? item.tabindex : null\">\n    {{item.text}}\n  </a>\n</ng-template>\n\n<ng-template #itemRouterLink let-item=\"item\">\n  <a class=\"c-link font-semibold\" [routerLink]=\"item.routerLink\" [fragment]=\"item.fragment\"\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.ariaDisabled ? item.ariaDisabled : 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     [attr.tabindex]=\"item.tabindex ? item.tabindex : null\">\n    {{item.text}}\n  </a>\n</ng-template>\n"
-            },] }
-];
-FooterComponent.propDecorators = {
-    meta: [{ type: Input }],
-    navigation: [{ type: Input }],
-    icon: [{ type: Input }],
-    containerClasses: [{ type: Input }],
-    classes: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIuLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjLyIsInNvdXJjZXMiOlsibGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDL0MsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFFbEUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBT3ZFLE1BQU0sT0FBTyxlQUFnQixTQUFRLHNCQUFzQjtJQVF6RCxNQUFNLENBQUMsSUFBUztRQUNkLE9BQU8sZUFBZSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDcEQsQ0FBQzs7O1lBZEYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxhQUFhO2dCQUN2Qix3aVJBQXNDO2FBQ3ZDOzs7bUJBR0UsS0FBSzt5QkFDTCxLQUFLO21CQUNMLEtBQUs7K0JBQ0wsS0FBSztzQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWNjZXNzaWJpbGl0eUNvbXBvbmVudH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzXCI7XG5pbXBvcnQge0ljb25EYXRhLCBNZXRhRGF0YSwgTmF2aWdhdGlvbkRhdGF9IGZyb20gXCIuLi8uLi9pbnRlcmZhY2VzXCI7XG5pbXBvcnQge05hdmlnYXRpb25VdGlsc30gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91dGlscy9uYXZpZ2F0aW9uLXV0aWxzXCI7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGVzeS1mb290ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZm9vdGVyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBGb290ZXJDb21wb25lbnQgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IHtcblxuICBASW5wdXQoKSBtZXRhOiBNZXRhRGF0YTtcbiAgQElucHV0KCkgbmF2aWdhdGlvbjogTmF2aWdhdGlvbkRhdGFbXTtcbiAgQElucHV0KCkgaWNvbjogSWNvbkRhdGE7XG4gIEBJbnB1dCgpIGNvbnRhaW5lckNsYXNzZXM6IHN0cmluZztcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xuXG4gIGdldFVybChpdGVtOiBhbnkpOiBzdHJpbmcge1xuICAgIHJldHVybiBOYXZpZ2F0aW9uVXRpbHMuZ2V0RXh0ZXJuYWxIcmVmKGl0ZW0uaHJlZik7XG4gIH1cblxufVxuIl19
+import { __decorate } from "tslib";
+import { Component, ContentChildren, Input } from '@angular/core';
+import { AccessibilityComponent } from '../../../shared/components';
+import { DesyContentChild } from '../../../shared/decorators/desy-content-child.decorator';
+import { IconComponent } from '../../../desy-commons/components/icon/icon.component';
+import { FooterNavigationComponent } from './footer-navigation/footer-navigation.component';
+import { FooterMetaComponent } from './footer-meta/footer-meta.component';
+export class FooterComponent extends AccessibilityComponent {
+    getNavigationItems() {
+        const navItems = this.navigationComponent && this.navigationComponent.length > 0 ? this.navigationComponent.toArray() : this.navigation;
+        return navItems && navItems.length > 0 ? navItems : null;
+    }
+    getNavigationItemItems(navigation) {
+        return navigation instanceof FooterNavigationComponent ? navigation.itemComponents.toArray() : navigation.items;
+    }
+    getMetaItems(meta) {
+        return meta instanceof FooterMetaComponent ? meta.itemComponents.toArray() : meta.items;
+    }
+    getMetaContent(meta) {
+        return meta instanceof FooterMetaComponent ? meta.contentComponent : null;
+    }
+}
+FooterComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-footer',
+                template: "<footer [class]=\"['py-base bg-neutral-lighter border-t border-neutral-base text-xs lg:text-sm text-neutral-dark', 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  <div [class]=\"['container mx-auto px-base', containerClasses] | makeHtmlList\">\r\n    <ng-container *ngIf=\"getNavigationItems()\">\r\n      <div class=\"flex flex-wrap\">\r\n        <div class=\"flex-1 mr-base\" *ngFor=\"let nav of getNavigationItems()\">\r\n          <h3 class=\"mb-base font-bold text-xl\">{{nav.title}}</h3>\r\n          <ul [class]=\"'grid grid-cols-1 gap-base lg:grid-cols-' + nav.columns\">\r\n            <li class=\"mb-xs\" *ngFor=\"let item of getNavigationItemItems(nav)\">\r\n              <ng-container *ngTemplateOutlet=\"item.href != null ? itemHref : itemRouterLink; context: {item: item}\"></ng-container>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <hr class=\"my-base border-t border-neutral-base\">\r\n    </ng-container>\r\n\r\n    <div class=\"flex flex-wrap flex-col lg:flex-row justify-between\">\r\n      <div class=\"mb-base\">\r\n        <ng-template #metaTemplate let-metaElement=\"metaElement\">\r\n          <ng-container *ngIf=\"metaElement\">\r\n            <h2 class=\"sr-only\">{{(metaElement.visuallyHiddenTitle ? metaElement.visuallyHiddenTitle : 'Enlaces de pie de p\u00E1gina')}}</h2>\r\n            <ul class=\"flex flex-col lg:flex-row lg:flex-wrap\" *ngIf=\"getMetaItems(metaElement)\">\r\n              <li class=\"mb-sm mr-base\" *ngFor=\"let item of getMetaItems(metaElement)\">\r\n                <ng-container *ngTemplateOutlet=\"item.href != null ? itemHref : itemRouterLink; context: {item: item}\"></ng-container>\r\n              </li>\r\n            </ul>\r\n            <div class=\"mb-sm\"  *ngIf=\"getMetaContent(metaElement) || metaElement.html || metaElement.text\">\r\n              <p>\r\n                <ng-container *desyCustomInnerContent=\"{ component: getMetaContent(metaElement), html: metaElement.html, text: metaElement.text }\"></ng-container>\r\n              </p>\r\n            </div>\r\n          </ng-container>\r\n        </ng-template>\r\n        <ng-container *ngTemplateOutlet=\"metaTemplate; context: { metaElement: metaComponent ? metaComponent : meta }\"></ng-container>\r\n        <div class=\"leading-tight\">\r\n          <p>\r\n            Todo el contenido bajo\r\n            <a\r\n              class=\"c-link c-link--neutral\"\r\n              href=\"https://creativecommons.org/licenses/by/4.0/legalcode.es\"\r\n              rel=\"license\"\r\n            >licencia CC BY 4.0</a>\r\n          </p>\r\n        </div>\r\n        <div class=\"leading-tight\">\r\n          <p>\r\n            <a\r\n              class=\"c-link c-link--neutral\"\r\n              href=\"https://www.aragon.es/\"\r\n            >Gobierno de Arag\u00F3n</a>. Edificio Pignatelli. <abbr title=\u201DPaseo\u201D>P\u00BA</abbr> Mar\u00EDa Agust\u00EDn, 36. 50004 - Zaragoza - <abbr title=\"Tel\u00E9fono\" class=\"no-underline\">Tel.</abbr> <a href=\"tel:+976714000\" class=\"c-link c-link--neutral\">976 714 000</a>\r\n          </p>\r\n        </div>\r\n      </div>\r\n      <div class=\"mb-base lg:pl-base overflow-hidden\">\r\n        <p *ngIf=\"iconComponent || icon?.html\">\r\n          <ng-container *desyCustomInnerContent=\"{ component: iconComponent, html: icon?.html }\"></ng-container>\r\n        </p>\r\n        <p>\r\n          <a href=\"http://www.aragon.es/Fondos_Europeos\" class=\"inline-block text-sm c-link no-underline\" title=\"M\u00E1s informaci\u00F3n sobre los Fondos Estructurales y de Inversi\u00F3n Europeos (Fondos EIE)\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 575 96\" width=\"288\" height=\"48\" class=\"w-auto h-12\" role=\"img\" aria-label=\"Logotipo Uni\u00F3n Europea. Fondo Europeo de Desarrollo Regional (FEDER). Construyendo Europa desde Arag\u00F3n.\"><text transform=\"translate(126 33)\" fill=\"#039\" font-size=\"20\" font-family=\"Arial, Tahoma, Verdana, Calibri, Garamond, Trebuchet, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, HelveticaNeue-Bold, Helvetica Neue, Helvetica, sans\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">UNI\u00D3N EUROPEA</tspan></text><text transform=\"translate(126 56)\" fill=\"#039\" font-size=\"20\" font-family=\"Arial, Tahoma, Verdana, Calibri, Garamond, Trebuchet, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, HelveticaNeue-Bold, Helvetica Neue, Helvetica, sans\"><tspan x=\"0\" y=\"0\">Fondo Europeo de Desarrollo Regional (FEDER)</tspan></text><text transform=\"translate(126 79)\" fill=\"#039\" font-size=\"20\" font-family=\"Arial, Tahoma, Verdana, Calibri, Garamond, Trebuchet, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, HelveticaNeue-Bold, Helvetica Neue, Helvetica, sans\"><tspan x=\"0\" y=\"0\">\u201CConstruyendo Europa desde Arag\u00F3n\u201D</tspan></text><path fill=\"#039\" stroke=\"#fff\" stroke-width=\"1%\" d=\"M14.086 13.02h104.282v69.522H14.086z\"/><g fill=\"#fc0\"><path d=\"M64.004 28.167l2.2-1.606 2.2 1.606-.837-2.6 2.235-1.606h-2.755l-.843-2.628-.843 2.631h-2.753l2.233 1.606zM52.617 31.229l2.2-1.606 2.2 1.606-.836-2.6 2.233-1.606h-2.755l-.843-2.631-.843 2.634H51.22l2.234 1.606zM46.486 32.743l-.843 2.634H42.89l2.234 1.606-.837 2.6 2.2-1.606 2.2 1.606-.837-2.6 2.234-1.606h-2.752zM43.429 49.345l2.2 1.606-.836-2.6 2.234-1.606h-2.753l-.843-2.631-.843 2.637-2.755-.006 2.235 1.606-.837 2.6zM47.332 58.156l-.843-2.631-.843 2.634h-2.753l2.234 1.606-.837 2.6 2.2-1.609 2.2 1.609-.837-2.6 2.234-1.606zM55.677 66.504l-.843-2.628-.842 2.631h-2.755l2.234 1.606-.836 2.6 2.2-1.606 2.2 1.606-.836-2.6 2.234-1.606zM67.05 69.528l-.843-2.631-.842 2.634H62.61l2.234 1.606-.836 2.6 2.2-1.606 2.2 1.606-.837-2.6 2.235-1.606zM78.422 66.504l-.842-2.628-.845 2.631h-2.752l2.232 1.606-.836 2.6 2.2-1.606 2.2 1.606-.839-2.6 2.235-1.606zM86.774 58.156l-.845-2.631-.845 2.634h-2.752l2.235 1.606-.839 2.6 2.2-1.609 2.2 1.609-.839-2.6 2.235-1.606zM92.551 46.716h-2.755l-.845-2.631-.842 2.634h-2.755l2.235 1.606-.836 2.6 2.2-1.609 2.2 1.609-.836-2.6zM83.728 39.544l2.2-1.606 2.2 1.606-.839-2.6 2.235-1.6h-2.752l-.845-2.631-.845 2.634H82.33l2.235 1.6zM77.613 24.395l-.842 2.634-2.755-.006 2.232 1.609-.836 2.6 2.2-1.609 2.2 1.609-.836-2.6 2.235-1.609h-2.758z\"/></g></svg>\r\n          </a>\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</footer>\r\n\r\n<ng-template #itemHref let-item=\"item\">\r\n  <a class=\"c-link font-semibold\" [href]=\"item.href | externalHref\"\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.ariaDisabled ? item.ariaDisabled : 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     [attr.tabindex]=\"item.tabindex ? item.tabindex : null\">\r\n    <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\r\n  </a>\r\n</ng-template>\r\n\r\n<ng-template #itemRouterLink let-item=\"item\">\r\n  <a class=\"c-link font-semibold\" [routerLink]=\"item.routerLink\" [fragment]=\"item.fragment\"\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.ariaDisabled ? item.ariaDisabled : 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     [attr.tabindex]=\"item.tabindex ? item.tabindex : null\">\r\n    <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\r\n  </a>\r\n</ng-template>\r\n"
+            },] }
+];
+FooterComponent.propDecorators = {
+    meta: [{ type: Input }],
+    navigation: [{ type: Input }],
+    icon: [{ type: Input }],
+    containerClasses: [{ type: Input }],
+    classes: [{ type: Input }],
+    iconComponent: [{ type: ContentChildren, args: [IconComponent,] }],
+    metaComponent: [{ type: ContentChildren, args: [FooterMetaComponent,] }],
+    navigationComponent: [{ type: ContentChildren, args: [FooterNavigationComponent,] }]
+};
+__decorate([
+    DesyContentChild()
+], FooterComponent.prototype, "iconComponent", void 0);
+__decorate([
+    DesyContentChild()
+], FooterComponent.prototype, "metaComponent", void 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQUdsRSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSx5REFBeUQsQ0FBQztBQUN6RixPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sc0RBQXNELENBQUM7QUFDbkYsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0saURBQWlELENBQUM7QUFDMUYsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFReEUsTUFBTSxPQUFPLGVBQWdCLFNBQVEsc0JBQXNCO0lBaUJ6RCxrQkFBa0I7UUFDaEIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDeEksT0FBTyxRQUFRLElBQUksUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQzNELENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxVQUEwQjtRQUMvQyxPQUFPLFVBQVUsWUFBWSx5QkFBeUIsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztJQUNsSCxDQUFDO0lBRUQsWUFBWSxDQUFDLElBQWM7UUFDekIsT0FBTyxJQUFJLFlBQVksbUJBQW1CLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDMUYsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFjO1FBQzNCLE9BQU8sSUFBSSxZQUFZLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUM1RSxDQUFDOzs7WUFwQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxhQUFhO2dCQUN2Qix3Z1RBQXNDO2FBQ3ZDOzs7bUJBR0UsS0FBSzt5QkFDTCxLQUFLO21CQUNMLEtBQUs7K0JBQ0wsS0FBSztzQkFDTCxLQUFLOzRCQUdMLGVBQWUsU0FBQyxhQUFhOzRCQUc3QixlQUFlLFNBQUMsbUJBQW1CO2tDQUVuQyxlQUFlLFNBQUMseUJBQXlCOztBQUxWO0lBRC9CLGdCQUFnQixFQUFFO3NEQUMwQztBQUd2QjtJQURyQyxnQkFBZ0IsRUFBRTtzREFDc0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBJbnB1dCwgUXVlcnlMaXN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtBY2Nlc3NpYmlsaXR5Q29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XHJcbmltcG9ydCB7TWV0YURhdGEsIE1ldGFJdGVtRGF0YSwgTmF2aWdhdGlvbkRhdGEsIE5hdmlnYXRpb25JdGVtRGF0YX0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7SWNvbkRhdGF9IGZyb20gJy4uLy4uLy4uL2Rlc3ktY29tbW9ucy9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHtEZXN5Q29udGVudENoaWxkfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvZGVjb3JhdG9ycy9kZXN5LWNvbnRlbnQtY2hpbGQuZGVjb3JhdG9yJztcclxuaW1wb3J0IHtJY29uQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi9kZXN5LWNvbW1vbnMvY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50JztcclxuaW1wb3J0IHtGb290ZXJOYXZpZ2F0aW9uQ29tcG9uZW50fSBmcm9tICcuL2Zvb3Rlci1uYXZpZ2F0aW9uL2Zvb3Rlci1uYXZpZ2F0aW9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7Rm9vdGVyTWV0YUNvbXBvbmVudH0gZnJvbSAnLi9mb290ZXItbWV0YS9mb290ZXItbWV0YS5jb21wb25lbnQnO1xyXG5pbXBvcnQge0NvbnRlbnRDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uL2Rlc3ktY29tbW9ucy9jb21wb25lbnRzL2NvbnRlbnQvY29udGVudC5jb21wb25lbnQnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGVzeS1mb290ZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mb290ZXIuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb290ZXJDb21wb25lbnQgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgbWV0YTogTWV0YURhdGE7XHJcbiAgQElucHV0KCkgbmF2aWdhdGlvbjogTmF2aWdhdGlvbkRhdGFbXTtcclxuICBASW5wdXQoKSBpY29uOiBJY29uRGF0YTtcclxuICBASW5wdXQoKSBjb250YWluZXJDbGFzc2VzOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihJY29uQ29tcG9uZW50KSBpY29uQ29tcG9uZW50OiBJY29uQ29tcG9uZW50O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihGb290ZXJNZXRhQ29tcG9uZW50KSBtZXRhQ29tcG9uZW50OiBGb290ZXJNZXRhQ29tcG9uZW50O1xyXG5cclxuICBAQ29udGVudENoaWxkcmVuKEZvb3Rlck5hdmlnYXRpb25Db21wb25lbnQpIG5hdmlnYXRpb25Db21wb25lbnQ6IFF1ZXJ5TGlzdDxGb290ZXJOYXZpZ2F0aW9uQ29tcG9uZW50PjtcclxuXHJcblxyXG4gIGdldE5hdmlnYXRpb25JdGVtcygpOiBOYXZpZ2F0aW9uRGF0YVtdIHtcclxuICAgIGNvbnN0IG5hdkl0ZW1zID0gdGhpcy5uYXZpZ2F0aW9uQ29tcG9uZW50ICYmIHRoaXMubmF2aWdhdGlvbkNvbXBvbmVudC5sZW5ndGggPiAwID8gdGhpcy5uYXZpZ2F0aW9uQ29tcG9uZW50LnRvQXJyYXkoKSA6IHRoaXMubmF2aWdhdGlvbjtcclxuICAgIHJldHVybiBuYXZJdGVtcyAmJiBuYXZJdGVtcy5sZW5ndGggPiAwID8gbmF2SXRlbXMgOiBudWxsO1xyXG4gIH1cclxuXHJcbiAgZ2V0TmF2aWdhdGlvbkl0ZW1JdGVtcyhuYXZpZ2F0aW9uOiBOYXZpZ2F0aW9uRGF0YSk6IE5hdmlnYXRpb25JdGVtRGF0YVtdIHtcclxuICAgIHJldHVybiBuYXZpZ2F0aW9uIGluc3RhbmNlb2YgRm9vdGVyTmF2aWdhdGlvbkNvbXBvbmVudCA/IG5hdmlnYXRpb24uaXRlbUNvbXBvbmVudHMudG9BcnJheSgpIDogbmF2aWdhdGlvbi5pdGVtcztcclxuICB9XHJcblxyXG4gIGdldE1ldGFJdGVtcyhtZXRhOiBNZXRhRGF0YSk6IE1ldGFJdGVtRGF0YVtdIHtcclxuICAgIHJldHVybiBtZXRhIGluc3RhbmNlb2YgRm9vdGVyTWV0YUNvbXBvbmVudCA/IG1ldGEuaXRlbUNvbXBvbmVudHMudG9BcnJheSgpIDogbWV0YS5pdGVtcztcclxuICB9XHJcblxyXG4gIGdldE1ldGFDb250ZW50KG1ldGE6IE1ldGFEYXRhKTogQ29udGVudENvbXBvbmVudCB7XHJcbiAgICByZXR1cm4gbWV0YSBpbnN0YW5jZW9mIEZvb3Rlck1ldGFDb21wb25lbnQgPyBtZXRhLmNvbnRlbnRDb21wb25lbnQgOiBudWxsO1xyXG4gIH1cclxufVxyXG4iXX0=

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

@@ -1,44 +1,34 @@
-import { Component } from '@angular/core';
-import { animate, state, style, transition, trigger } from '@angular/animations';
-import { TextOrHtmlRequiredComponent } from '../../../../shared/components';
-export class HeaderDropdownComponent extends TextOrHtmlRequiredComponent {
-    constructor() {
-        super(...arguments);
-        this.isOpen = false;
-        this.clickOutsideEnabled = false;
-    }
-    toggleOpen() {
-        this.isOpen = !this.isOpen;
-        setTimeout(() => this.clickOutsideEnabled = this.isOpen);
-    }
-    onKeydownEscape() {
-        this.isOpen = false;
-        this.clickOutsideEnabled = false;
-        document.getElementById('header-dropdown-button').focus();
-    }
-}
-HeaderDropdownComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-header-dropdown',
-                template: "<div class=\"ml-4 flex items-center lg:ml-6\">\n  <div class=\"ml-3 relative\">\n    <div>\n      <button id=\"header-dropdown-button\" (click)=\"toggleOpen()\" class=\"px-3 py-4 text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base\"\n              aria-haspopup=\"true\" [attr.aria-expanded]=\"isOpen\" (keydown.escape)=\"onKeydownEscape()\">\n        <span class=\"inline-block max-w-40 lg:max-w-xs align-middle truncate\" [desyInnerContent]=\"html ? html : text\" [isHtml]=\"html\"></span> <svg class=\"inline-block align-middle\" viewBox=\"0 0 96 96\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\" width=\"1.5em\" height=\"1.5em\"><g><path d=\"M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z\"/></g></svg>\n      </button>\n    </div>\n    <div *ngIf=\"isOpen\" @toggleDropdown (keydown.escape)=\"onKeydownEscape()\"\n         [desyClickOutside]=\"clickOutsideEnabled\" (clickOutside)=\"toggleOpen()\"\n          class=\"origin-top-right absolute right-0 max-h-64 mt-2 border border-neutral-base overflow-y-auto shadow-md\">\n      <div class=\"bg-white shadow-xs\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n",
-                animations: [
-                    trigger('toggleDropdown', [
-                        state('void', style({
-                            opacity: '0.0',
-                            transform: 'scale(0.95)'
-                        })),
-                        state('*', style({
-                            opacity: '1.0',
-                            transform: 'scale(1.0)'
-                        })),
-                        transition(':enter', [
-                            animate('100ms ease-out')
-                        ]),
-                        transition(':leave', [
-                            animate('75ms ease-in')
-                        ])
-                    ])
-                ]
-            },] }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIuLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjLyIsInNvdXJjZXMiOlsibGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvaGVhZGVyL2hlYWRlci1kcm9wZG93bi9oZWFkZXItZHJvcGRvd24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQXdCNUUsTUFBTSxPQUFPLHVCQUF3QixTQUFRLDJCQUEyQjtJQXRCeEU7O1FBd0JFLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZix3QkFBbUIsR0FBRyxLQUFLLENBQUM7SUFZOUIsQ0FBQztJQVZDLFVBQVU7UUFDUixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzQixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMzRCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxLQUFLLENBQUM7UUFDakMsUUFBUSxDQUFDLGNBQWMsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzVELENBQUM7OztZQXBDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMsZ3hDQUErQztnQkFDL0MsVUFBVSxFQUFFO29CQUNWLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTt3QkFDeEIsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7NEJBQ2xCLE9BQU8sRUFBRSxLQUFLOzRCQUNkLFNBQVMsRUFBRSxhQUFhO3lCQUN6QixDQUFDLENBQUM7d0JBQ0gsS0FBSyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUM7NEJBQ2YsT0FBTyxFQUFFLEtBQUs7NEJBQ2QsU0FBUyxFQUFFLFlBQVk7eUJBQ3hCLENBQUMsQ0FBQzt3QkFDSCxVQUFVLENBQUMsUUFBUSxFQUFFOzRCQUNuQixPQUFPLENBQUMsZ0JBQWdCLENBQUM7eUJBQzFCLENBQUM7d0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTs0QkFDbkIsT0FBTyxDQUFDLGNBQWMsQ0FBQzt5QkFDeEIsQ0FBQztxQkFDSCxDQUFDO2lCQUNIO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IFRleHRPckh0bWxSZXF1aXJlZENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGVzeS1oZWFkZXItZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVhZGVyLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ3RvZ2dsZURyb3Bkb3duJywgW1xuICAgICAgc3RhdGUoJ3ZvaWQnLCBzdHlsZSh7XG4gICAgICAgIG9wYWNpdHk6ICcwLjAnLFxuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZSgwLjk1KSdcbiAgICAgIH0pKSxcbiAgICAgIHN0YXRlKCcqJywgc3R5bGUoe1xuICAgICAgICBvcGFjaXR5OiAnMS4wJyxcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoMS4wKSdcbiAgICAgIH0pKSxcbiAgICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcbiAgICAgICAgYW5pbWF0ZSgnMTAwbXMgZWFzZS1vdXQnKVxuICAgICAgXSksXG4gICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICAgIGFuaW1hdGUoJzc1bXMgZWFzZS1pbicpXG4gICAgICBdKVxuICAgIF0pXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgSGVhZGVyRHJvcGRvd25Db21wb25lbnQgZXh0ZW5kcyBUZXh0T3JIdG1sUmVxdWlyZWRDb21wb25lbnQge1xuXG4gIGlzT3BlbiA9IGZhbHNlO1xuICBjbGlja091dHNpZGVFbmFibGVkID0gZmFsc2U7XG5cbiAgdG9nZ2xlT3BlbigpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuY2xpY2tPdXRzaWRlRW5hYmxlZCA9IHRoaXMuaXNPcGVuKTtcbiAgfVxuXG4gIG9uS2V5ZG93bkVzY2FwZSgpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgIHRoaXMuY2xpY2tPdXRzaWRlRW5hYmxlZCA9IGZhbHNlO1xuICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdoZWFkZXItZHJvcGRvd24tYnV0dG9uJykuZm9jdXMoKTtcbiAgfVxufVxuIl19
+import { __decorate } from "tslib";
+import { Component, ContentChildren, Input } from '@angular/core';
+import { DesyContentChild } from '../../../../shared/decorators/desy-content-child.decorator';
+import { NavComponent } from '../../nav/nav.component';
+import { AccessibilityComponent } from "../../../../shared/components";
+export class HeaderDropdownComponent extends AccessibilityComponent {
+    overrideNavParams(nav) {
+        nav.hasNav = true;
+        nav.idPrefix = 'header-dropdown-nav-item';
+        nav.ariaLabel = 'Menú de usuario';
+        nav.classes = 'w-max max-w-64';
+        // nav.id = 'id-dropdown-nav'; // No existe como param de navComponent
+    }
+    handleEmptyContent(element) {
+        throw new Error(`${element} content is required`);
+    }
+}
+HeaderDropdownComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-header-dropdown',
+                template: "<div class=\"ml-4 flex items-center lg:ml-6\">\r\n  <div class=\"ml-3 relative\">\r\n    <desy-dropdown [hiddenText]=\"hiddenText\"\r\n                   [classesContainer]=\"classesContainer ? classesContainer : 'hidden lg:block'\"\r\n                   [classesTooltip]=\"classesTooltip\"\r\n                   [classes]=\"classes ? classes : 'c-dropdown--header'\"\r\n                   [caller]=\"caller\"\r\n\r\n                   [role]=\"role\"\r\n                   [ariaLabel]=\"ariaLabel\"\r\n                   [ariaDescribedBy]=\"ariaDescribedBy\"\r\n                   [ariaLabelledBy]=\"ariaLabelledBy\"\r\n                   [ariaHidden]=\"ariaHidden\"\r\n                   [ariaDisabled]=\"ariaDisabled\"\r\n                   [ariaControls]=\"ariaControls\"\r\n                   [ariaCurrent]=\"ariaCurrent\"\r\n                   [ariaLive]=\"ariaLive\"\r\n                   [ariaExpanded]=\"ariaExpanded\"\r\n                   [ariaErrorMessage]=\"ariaErrorMessage\"\r\n                   [ariaHasPopup]=\"ariaHasPopup\"\r\n                   [tabindex]=\"tabindex\">\r\n      <ng-content></ng-content>\r\n    </desy-dropdown>\r\n    <ng-template #caller>\r\n      <ng-content select=\"desy-nav\"></ng-content>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n"
+            },] }
+];
+HeaderDropdownComponent.propDecorators = {
+    hiddenText: [{ type: Input }],
+    classesContainer: [{ type: Input }],
+    classesTooltip: [{ type: Input }],
+    classes: [{ type: Input }],
+    nav: [{ type: ContentChildren, args: [NavComponent,] }]
+};
+__decorate([
+    DesyContentChild({ onSetCallbackName: 'overrideNavParams' })
+], HeaderDropdownComponent.prototype, "nav", void 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktbmF2L2NvbXBvbmVudHMvaGVhZGVyL2hlYWRlci1kcm9wZG93bi9oZWFkZXItZHJvcGRvd24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEUsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNERBQTRELENBQUM7QUFDNUYsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBTXJFLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxzQkFBc0I7SUFVakUsaUJBQWlCLENBQUMsR0FBaUI7UUFDakMsR0FBRyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbEIsR0FBRyxDQUFDLFFBQVEsR0FBRywwQkFBMEIsQ0FBQztRQUMxQyxHQUFHLENBQUMsU0FBUyxHQUFHLGlCQUFpQixDQUFDO1FBQ2xDLEdBQUcsQ0FBQyxPQUFPLEdBQUcsZ0JBQWdCLENBQUM7UUFDL0Isc0VBQXNFO0lBQ3hFLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxPQUFlO1FBQ2hDLE1BQU0sSUFBSSxLQUFLLENBQUMsR0FBRyxPQUFPLHNCQUFzQixDQUFDLENBQUM7SUFDcEQsQ0FBQzs7O1lBeEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsc0JBQXNCO2dCQUNoQyw2d0NBQStDO2FBQ2hEOzs7eUJBR0UsS0FBSzsrQkFDTCxLQUFLOzZCQUNMLEtBQUs7c0JBQ0wsS0FBSztrQkFHTCxlQUFlLFNBQUMsWUFBWTs7QUFBRTtJQUQ5QixnQkFBZ0IsQ0FBQyxFQUFDLGlCQUFpQixFQUFFLG1CQUFtQixFQUFDLENBQUM7b0RBQ1YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7RGVzeUNvbnRlbnRDaGlsZH0gZnJvbSAnLi4vLi4vLi4vLi4vc2hhcmVkL2RlY29yYXRvcnMvZGVzeS1jb250ZW50LWNoaWxkLmRlY29yYXRvcic7XHJcbmltcG9ydCB7TmF2Q29tcG9uZW50fSBmcm9tICcuLi8uLi9uYXYvbmF2LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7QWNjZXNzaWJpbGl0eUNvbXBvbmVudH0gZnJvbSBcIi4uLy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rlc3ktaGVhZGVyLWRyb3Bkb3duJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaGVhZGVyLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIEhlYWRlckRyb3Bkb3duQ29tcG9uZW50IGV4dGVuZHMgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGhpZGRlblRleHQ6IHN0cmluZztcclxuICBASW5wdXQoKSBjbGFzc2VzQ29udGFpbmVyOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2xhc3Nlc1Rvb2x0aXA6IHN0cmluZztcclxuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XHJcblxyXG4gIEBEZXN5Q29udGVudENoaWxkKHtvblNldENhbGxiYWNrTmFtZTogJ292ZXJyaWRlTmF2UGFyYW1zJ30pXHJcbiAgQENvbnRlbnRDaGlsZHJlbihOYXZDb21wb25lbnQpIG5hdjogTmF2Q29tcG9uZW50O1xyXG5cclxuICBvdmVycmlkZU5hdlBhcmFtcyhuYXY6IE5hdkNvbXBvbmVudCk6IHZvaWQge1xyXG4gICAgbmF2Lmhhc05hdiA9IHRydWU7XHJcbiAgICBuYXYuaWRQcmVmaXggPSAnaGVhZGVyLWRyb3Bkb3duLW5hdi1pdGVtJztcclxuICAgIG5hdi5hcmlhTGFiZWwgPSAnTWVuw7ogZGUgdXN1YXJpbyc7XHJcbiAgICBuYXYuY2xhc3NlcyA9ICd3LW1heCBtYXgtdy02NCc7XHJcbiAgICAvLyBuYXYuaWQgPSAnaWQtZHJvcGRvd24tbmF2JzsgLy8gTm8gZXhpc3RlIGNvbW8gcGFyYW0gZGUgbmF2Q29tcG9uZW50XHJcbiAgfVxyXG5cclxuICBoYW5kbGVFbXB0eUNvbnRlbnQoZWxlbWVudDogc3RyaW5nKTogdm9pZCB7XHJcbiAgICB0aHJvdyBuZXcgRXJyb3IoYCR7ZWxlbWVudH0gY29udGVudCBpcyByZXF1aXJlZGApO1xyXG4gIH1cclxuXHJcbn1cclxuIl19

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

@@ -0,0 +1,19 @@
+import { Component, Input } from '@angular/core';
+import { ContentBaseComponent } from '../../../../../shared/components';
+export class HeaderNavigationItemComponent extends ContentBaseComponent {
+}
+HeaderNavigationItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-header-navigation-item',
+                template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>'
+            },] }
+];
+HeaderNavigationItemComponent.propDecorators = {
+    href: [{ type: Input }],
+    routerLink: [{ type: Input }],
+    fragment: [{ type: Input }],
+    id: [{ type: Input }],
+    active: [{ type: Input }],
+    disabled: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LW5hdi9jb21wb25lbnRzL2hlYWRlci9oZWFkZXItbmF2aWdhdGlvbi9oZWFkZXItbmF2aWdhdGlvbi1pdGVtL2hlYWRlci1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRS9DLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBTXRFLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxvQkFBb0I7OztZQUp0RSxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtnQkFDdkMsUUFBUSxFQUFFLHVFQUF1RTthQUNsRjs7O21CQUVFLEtBQUs7eUJBQ0wsS0FBSzt1QkFDTCxLQUFLO2lCQUNMLEtBQUs7cUJBQ0wsS0FBSzt1QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtIZWFkZXJOYXZpZ2F0aW9uSXRlbURhdGF9IGZyb20gJy4uLy4uLy4uLy4uL2ludGVyZmFjZXMvaGVhZGVyLW5hdmlnYXRpb24taXRlbS1kYXRhJztcclxuaW1wb3J0IHtDb250ZW50QmFzZUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LWhlYWRlci1uYXZpZ2F0aW9uLWl0ZW0nLFxyXG4gIHRlbXBsYXRlOiAnPG5nLXRlbXBsYXRlICNjb250ZW50VGVtcGxhdGU+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvbmctdGVtcGxhdGU+J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSGVhZGVyTmF2aWdhdGlvbkl0ZW1Db21wb25lbnQgZXh0ZW5kcyBDb250ZW50QmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIEhlYWRlck5hdmlnYXRpb25JdGVtRGF0YSB7XHJcbiAgQElucHV0KCkgaHJlZjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHJvdXRlckxpbms6IHN0cmluZztcclxuICBASW5wdXQoKSBmcmFnbWVudDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYWN0aXZlOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuO1xyXG59XHJcbiJdfQ==

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

@@ -1,25 +1,32 @@
-import { Component, Input } from '@angular/core';
-import { AccessibilityComponent } from '../../../../shared/components';
-import { NavigationUtils } from '../../../../shared/utils/navigation-utils';
-export class HeaderNavigationComponent extends AccessibilityComponent {
-    getItemId(item, index) {
-        const prefix = this.idPrefix ? this.idPrefix : 'header-nav-item';
-        const suffix = index > 0 ? '-' + index : '';
-        return item.id ? item.id : prefix + suffix;
-    }
-    getExternalHref(item) {
-        return NavigationUtils.getExternalHref(item.href);
-    }
-}
-HeaderNavigationComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-header-navigation',
-                template: "<nav [class]=\"classes ? classes : 'hidden lg:block'\"\n     [attr.role]=\"role ? role : null\"\n     [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n     [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n     [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n     [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n     [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n     [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n     [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n     [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n     [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n     [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n     [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n     [attr.tabindex]=\"tabindex ? tabindex : null\">\n  <ul class=\"ml-sm flex items-baseline uppercase\">\n    <ng-container *ngFor=\"let item of items; index as i\">\n      <li *ngIf=\"item\">\n\n        <!-- Active + routerlink -->\n        <a *ngIf=\"item.active && (item.routerLink || !item.href)\" [id]=\"getItemId(item, i)\" [routerLink]=\"item.routerLink\" [fragment]=\"item.fragment\"\n           class=\"max-w-40 lg:max-w-xs px-3 py-4 font-bold text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base\" aria-current=\"page\">\n          <strong [desyInnerContent]=\"item.html ? item.html : item.text\" [isHtml]=\"item.html\"></strong>\n        </a>\n\n        <!-- Active + href -->\n        <a *ngIf=\"item.active && !item.routerLink && item.href\" [id]=\"getItemId(item, i)\" [href]=\"item.href\"\n           class=\"max-w-40 lg:max-w-xs px-3 py-4 font-bold text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base\" aria-current=\"page\">\n          <strong [desyInnerContent]=\"item.html ? item.html : item.text\" [isHtml]=\"item.html\"></strong>\n        </a>\n\n        <!-- Not active + routerlink -->\n        <a *ngIf=\"!item.active && (item.routerLink || !item.href)\" [id]=\"getItemId(item, i)\" [routerLink]=\"item.routerLink\" [fragment]=\"item.fragment\"\n           [ngClass]=\"{'opacity-50 pointer-events-none': item.disabled}\"\n           class=\"max-w-40 lg:max-w-xs px-3 py-4 text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base\"\n           [attr.disabled]=\"item.disabled ? item.disabled : null\" [attr.aria-disabled]=\"item.disabled ? item.disabled : null\" [attr.tabindex]=\"item.disabled ? -1 : null\"\n           [desyInnerContent]=\"item.html ? item.html : item.text\" [isHtml]=\"item.html\"></a>\n\n        <!-- Not active + href -->\n        <a *ngIf=\"!item.active && !item.routerLink && item.href\" [id]=\"getItemId(item, i)\" [href]=\"item.href\"\n           [ngClass]=\"{'opacity-50 pointer-events-none': item.disabled}\"\n           class=\"max-w-40 lg:max-w-xs px-3 py-4 text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base\"\n           [attr.disabled]=\"item.disabled ? item.disabled : null\" [attr.aria-disabled]=\"item.disabled ? item.disabled : null\" [attr.tabindex]=\"item.disabled ? -1 : null\"\n           [desyInnerContent]=\"item.html ? item.html : item.text\" [isHtml]=\"item.html\"></a>\n      </li>\n    </ng-container>\n  </ul>\n</nav>\n"
-            },] }
-];
-HeaderNavigationComponent.propDecorators = {
-    idPrefix: [{ type: Input }],
-    classes: [{ type: Input }],
-    items: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLW5hdmlnYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvIiwic291cmNlcyI6WyJsaWIvZGVzeS1uYXYvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLW5hdmlnYXRpb24vaGVhZGVyLW5hdmlnYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQU01RSxNQUFNLE9BQU8seUJBQTBCLFNBQVEsc0JBQXNCO0lBTW5FLFNBQVMsQ0FBQyxJQUE4QixFQUFFLEtBQWE7UUFDckQsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUM7UUFDakUsTUFBTSxNQUFNLEdBQUcsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQzVDLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztJQUM3QyxDQUFDO0lBR0QsZUFBZSxDQUFDLElBQThCO1FBQzVDLE9BQU8sZUFBZSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDcEQsQ0FBQzs7O1lBbkJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsd0JBQXdCO2dCQUNsQyx1MUdBQWlEO2FBQ2xEOzs7dUJBR0UsS0FBSztzQkFDTCxLQUFLO29CQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBIZWFkZXJOYXZpZ2F0aW9uSXRlbURhdGEgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2hlYWRlci1uYXZpZ2F0aW9uLWl0ZW0tZGF0YSc7XG5pbXBvcnQgeyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgTmF2aWdhdGlvblV0aWxzIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2hhcmVkL3V0aWxzL25hdmlnYXRpb24tdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkZXN5LWhlYWRlci1uYXZpZ2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJOYXZpZ2F0aW9uQ29tcG9uZW50IGV4dGVuZHMgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgaWRQcmVmaXg6IHN0cmluZztcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xuICBASW5wdXQoKSBpdGVtczogSGVhZGVyTmF2aWdhdGlvbkl0ZW1EYXRhW107XG5cbiAgZ2V0SXRlbUlkKGl0ZW06IEhlYWRlck5hdmlnYXRpb25JdGVtRGF0YSwgaW5kZXg6IG51bWJlcik6IHN0cmluZyB7XG4gICAgY29uc3QgcHJlZml4ID0gdGhpcy5pZFByZWZpeCA/IHRoaXMuaWRQcmVmaXggOiAnaGVhZGVyLW5hdi1pdGVtJztcbiAgICBjb25zdCBzdWZmaXggPSBpbmRleCA+IDAgPyAnLScgKyBpbmRleCA6ICcnO1xuICAgIHJldHVybiBpdGVtLmlkID8gaXRlbS5pZCA6IHByZWZpeCArIHN1ZmZpeDtcbiAgfVxuXG5cbiAgZ2V0RXh0ZXJuYWxIcmVmKGl0ZW06IEhlYWRlck5hdmlnYXRpb25JdGVtRGF0YSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIE5hdmlnYXRpb25VdGlscy5nZXRFeHRlcm5hbEhyZWYoaXRlbS5ocmVmKTtcbiAgfVxufVxuIl19
+import { Component, ContentChildren, Input } from '@angular/core';
+import { AccessibilityComponent } from '../../../../shared/components';
+import { HeaderNavigationItemComponent } from './header-navigation-item/header-navigation-item.component';
+export class HeaderNavigationComponent extends AccessibilityComponent {
+    ngAfterContentInit() {
+        const items = this.getItems();
+        if (!items || items.length === 0) {
+            throw new Error('Header-navigation items are required');
+        }
+    }
+    getItemId(item, index) {
+        const prefix = this.idPrefix ? this.idPrefix : 'header-nav-item';
+        const suffix = index > 0 ? '-' + index : '';
+        return item.id ? item.id : prefix + suffix;
+    }
+    getItems() {
+        return this.itemComponents && this.itemComponents.length > 0 ? this.itemComponents.toArray() : this.items;
+    }
+}
+HeaderNavigationComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-header-navigation',
+                template: "<nav [class]=\"classes ? classes : 'hidden lg:block'\"\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 class=\"ml-sm flex flex-wrap items-baseline uppercase\">\r\n    <ng-container *ngFor=\"let item of getItems(); index as i\">\r\n      <li *ngIf=\"item\">\r\n\r\n        <!-- Active + routerlink -->\r\n        <a *ngIf=\"item.active && (item.routerLink || !item.href)\" [id]=\"getItemId(item, i)\" [routerLink]=\"item.routerLink\" [fragment]=\"item.fragment\"\r\n           class=\"max-w-40 lg:max-w-xs px-3 py-4 font-bold text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base\" aria-current=\"page\">\r\n          <strong>\r\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\r\n          </strong>\r\n        </a>\r\n\r\n        <!-- Active + href -->\r\n        <a *ngIf=\"item.active && !item.routerLink && item.href\" [id]=\"getItemId(item, i)\" [href]=\"item.href\"\r\n           class=\"max-w-40 lg:max-w-xs px-3 py-4 font-bold text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base\" aria-current=\"page\">\r\n          <strong>\r\n            <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\r\n          </strong>\r\n        </a>\r\n\r\n        <!-- Not active + routerlink -->\r\n        <a *ngIf=\"!item.active && (item.routerLink || !item.href)\" [id]=\"getItemId(item, i)\" [routerLink]=\"item.routerLink\" [fragment]=\"item.fragment\"\r\n           [ngClass]=\"{'opacity-50 pointer-events-none': item.disabled}\"\r\n           class=\"max-w-40 lg:max-w-xs px-3 py-4 text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base\"\r\n           [attr.disabled]=\"item.disabled ? item.disabled : null\" [attr.aria-disabled]=\"item.disabled ? item.disabled : null\" [attr.tabindex]=\"item.disabled ? -1 : null\">\r\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\r\n        </a>\r\n\r\n        <!-- Not active + href -->\r\n        <a *ngIf=\"!item.active && !item.routerLink && item.href\" [id]=\"getItemId(item, i)\" [href]=\"item.href\"\r\n           [ngClass]=\"{'opacity-50 pointer-events-none': item.disabled}\"\r\n           class=\"max-w-40 lg:max-w-xs px-3 py-4 text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base\"\r\n           [attr.disabled]=\"item.disabled ? item.disabled : null\" [attr.aria-disabled]=\"item.disabled ? item.disabled : null\" [attr.tabindex]=\"item.disabled ? -1 : null\">\r\n          <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</nav>\r\n"
+            },] }
+];
+HeaderNavigationComponent.propDecorators = {
+    idPrefix: [{ type: Input }],
+    classes: [{ type: Input }],
+    items: [{ type: Input }],
+    itemComponents: [{ type: ContentChildren, args: [HeaderNavigationItemComponent,] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLW5hdmlnYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1uYXYvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLW5hdmlnYXRpb24vaGVhZGVyLW5hdmlnYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBbUIsU0FBUyxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQVksTUFBTSxlQUFlLENBQUM7QUFFN0YsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDdkUsT0FBTyxFQUFDLDZCQUE2QixFQUFDLE1BQU0sMkRBQTJELENBQUM7QUFNeEcsTUFBTSxPQUFPLHlCQUEwQixTQUFRLHNCQUFzQjtJQVFuRSxrQkFBa0I7UUFDaEIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzlCLElBQUksQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7WUFDaEMsTUFBTSxJQUFJLEtBQUssQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDO1NBQ3pEO0lBQ0gsQ0FBQztJQUVELFNBQVMsQ0FBQyxJQUE4QixFQUFFLEtBQWE7UUFDckQsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUM7UUFDakUsTUFBTSxNQUFNLEdBQUcsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQzVDLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztJQUM3QyxDQUFDO0lBRUQsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDNUcsQ0FBQzs7O1lBM0JGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsd0JBQXdCO2dCQUNsQyxvcEhBQWlEO2FBQ2xEOzs7dUJBR0UsS0FBSztzQkFDTCxLQUFLO29CQUNMLEtBQUs7NkJBRUwsZUFBZSxTQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0LCBRdWVyeUxpc3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBIZWFkZXJOYXZpZ2F0aW9uSXRlbURhdGEgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2hlYWRlci1uYXZpZ2F0aW9uLWl0ZW0tZGF0YSc7XHJcbmltcG9ydCB7IEFjY2Vzc2liaWxpdHlDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XHJcbmltcG9ydCB7SGVhZGVyTmF2aWdhdGlvbkl0ZW1Db21wb25lbnR9IGZyb20gJy4vaGVhZGVyLW5hdmlnYXRpb24taXRlbS9oZWFkZXItbmF2aWdhdGlvbi1pdGVtLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rlc3ktaGVhZGVyLW5hdmlnYXRpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIEhlYWRlck5hdmlnYXRpb25Db21wb25lbnQgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIGlkUHJlZml4OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGl0ZW1zOiBIZWFkZXJOYXZpZ2F0aW9uSXRlbURhdGFbXTtcclxuXHJcbiAgQENvbnRlbnRDaGlsZHJlbihIZWFkZXJOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudCkgaXRlbUNvbXBvbmVudHM6IFF1ZXJ5TGlzdDxIZWFkZXJOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudD47XHJcblxyXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcclxuICAgIGNvbnN0IGl0ZW1zID0gdGhpcy5nZXRJdGVtcygpO1xyXG4gICAgaWYgKCFpdGVtcyB8fCBpdGVtcy5sZW5ndGggPT09IDApIHtcclxuICAgICAgdGhyb3cgbmV3IEVycm9yKCdIZWFkZXItbmF2aWdhdGlvbiBpdGVtcyBhcmUgcmVxdWlyZWQnKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGdldEl0ZW1JZChpdGVtOiBIZWFkZXJOYXZpZ2F0aW9uSXRlbURhdGEsIGluZGV4OiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgY29uc3QgcHJlZml4ID0gdGhpcy5pZFByZWZpeCA/IHRoaXMuaWRQcmVmaXggOiAnaGVhZGVyLW5hdi1pdGVtJztcclxuICAgIGNvbnN0IHN1ZmZpeCA9IGluZGV4ID4gMCA/ICctJyArIGluZGV4IDogJyc7XHJcbiAgICByZXR1cm4gaXRlbS5pZCA/IGl0ZW0uaWQgOiBwcmVmaXggKyBzdWZmaXg7XHJcbiAgfVxyXG5cclxuICBnZXRJdGVtcygpOiBIZWFkZXJOYXZpZ2F0aW9uSXRlbURhdGFbXSB7XHJcbiAgICByZXR1cm4gdGhpcy5pdGVtQ29tcG9uZW50cyAmJiB0aGlzLml0ZW1Db21wb25lbnRzLmxlbmd0aCA+IDAgPyB0aGlzLml0ZW1Db21wb25lbnRzLnRvQXJyYXkoKSA6IHRoaXMuaXRlbXM7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2015/lib/desy-nav/components/header/header-offcanvas/header-offcanvas-button/header-offcanvas-button.component.js

@@ -0,0 +1,25 @@
+import { __awaiter } from "tslib";
+import { Component } from '@angular/core';
+import { ContentBaseComponent } from '../../../../../shared/components';
+export class HeaderOffcanvasButtonComponent extends ContentBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.openOffcanvas = () => __awaiter(this, void 0, void 0, function* () { });
+    }
+    handleClick(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            event.stopPropagation();
+            yield this.openOffcanvas();
+        });
+    }
+    handleEmptyContent(element) {
+        throw new Error(`${element} content is required`);
+    }
+}
+HeaderOffcanvasButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-header-offcanvas-button',
+                template: "<ng-template #contentTemplate>\r\n  <button id=\"header-offcanvas-button\" tabindex=\"0\" aria-haspopup=\"true\"\r\n          class=\"inline-flex items-center px-3 py-4 text-sm text-white focus:outline-none focus:shadow-outline-warning\"\r\n          (click)=\"handleClick($event)\">\r\n    <span id=\"header-offcanvas-button-text\" class=\"inline-block align-middle text-right\"\r\n          (desyContentEmpty)=\"handleEmptyContent('Header-offcanvas button')\">\r\n      <ng-content></ng-content>\r\n    </span>\r\n    <svg role=\"img\" aria-label=\"Cerrado\" class=\"inline-block align-middle\" viewBox=\"0 0 96 96\" fill=\"currentColor\" width=\"1.5em\" height=\"1.5em\"><g><path d=\"M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z\"/></g></svg>\r\n  </button>\r\n</ng-template>\r\n\r\n"
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLW9mZmNhbnZhcy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1uYXYvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLW9mZmNhbnZhcy9oZWFkZXItb2ZmY2FudmFzLWJ1dHRvbi9oZWFkZXItb2ZmY2FudmFzLWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFNdEUsTUFBTSxPQUFPLDhCQUErQixTQUFRLG9CQUFvQjtJQUp4RTs7UUFNRSxrQkFBYSxHQUFHLEdBQVMsRUFBRSxnREFBRSxDQUFDLENBQUEsQ0FBQztJQVdqQyxDQUFDO0lBVE8sV0FBVyxDQUFDLEtBQVk7O1lBQzVCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN4QixNQUFNLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUM3QixDQUFDO0tBQUE7SUFFRCxrQkFBa0IsQ0FBQyxPQUFlO1FBQ2hDLE1BQU0sSUFBSSxLQUFLLENBQUMsR0FBRyxPQUFPLHNCQUFzQixDQUFDLENBQUM7SUFDcEQsQ0FBQzs7O1lBZkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSw4QkFBOEI7Z0JBQ3hDLHEyQkFBdUQ7YUFDeEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDb250ZW50QmFzZUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LWhlYWRlci1vZmZjYW52YXMtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaGVhZGVyLW9mZmNhbnZhcy1idXR0b24uY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBIZWFkZXJPZmZjYW52YXNCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBDb250ZW50QmFzZUNvbXBvbmVudCB7XHJcblxyXG4gIG9wZW5PZmZjYW52YXMgPSBhc3luYyAoKSA9PiB7fTtcclxuXHJcbiAgYXN5bmMgaGFuZGxlQ2xpY2soZXZlbnQ6IEV2ZW50KTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIGF3YWl0IHRoaXMub3Blbk9mZmNhbnZhcygpO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlRW1wdHlDb250ZW50KGVsZW1lbnQ6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgdGhyb3cgbmV3IEVycm9yKGAke2VsZW1lbnR9IGNvbnRlbnQgaXMgcmVxdWlyZWRgKTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==

package/esm2015/lib/desy-nav/components/header/header-offcanvas/header-offcanvas-close-button/header-offcanvas-close-button.component.js

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { ContentBaseComponent } from '../../../../../shared/components';
+export class HeaderOffcanvasCloseButtonComponent extends ContentBaseComponent {
+}
+HeaderOffcanvasCloseButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-header-offcanvas-close-button',
+                template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>'
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLW9mZmNhbnZhcy1jbG9zZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1uYXYvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLW9mZmNhbnZhcy9oZWFkZXItb2ZmY2FudmFzLWNsb3NlLWJ1dHRvbi9oZWFkZXItb2ZmY2FudmFzLWNsb3NlLWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQU10RSxNQUFNLE9BQU8sbUNBQW9DLFNBQVEsb0JBQW9COzs7WUFKNUUsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQ0FBb0M7Z0JBQzlDLFFBQVEsRUFBRSx1RUFBdUU7YUFDbEYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDb250ZW50QmFzZUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LWhlYWRlci1vZmZjYW52YXMtY2xvc2UtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZTogJzxuZy10ZW1wbGF0ZSAjY29udGVudFRlbXBsYXRlPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPidcclxufSlcclxuZXhwb3J0IGNsYXNzIEhlYWRlck9mZmNhbnZhc0Nsb3NlQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgQ29udGVudEJhc2VDb21wb25lbnQge1xyXG5cclxufVxyXG4iXX0=

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

@@ -1,26 +1,88 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-export class HeaderOffcanvasComponent {
-    constructor() {
-        this.closeDialog = new EventEmitter();
-        this.clickOutsideEnabled = false;
-    }
-    ngOnInit() {
-        setTimeout(() => this.clickOutsideEnabled = true);
-    }
-    onCloseDialog() {
-        this.closeDialog.emit();
-    }
-}
-HeaderOffcanvasComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-header-offcanvas',
-                template: "<div class=\"origin-top-left left-0 fixed inset-0 h-screen\">\n  <div class=\"h-full overflow-auto relative w-offcanvas h-screen ml-offcanvas-negative bg-white z-10\"\n       [desyClickOutside]=\"clickOutsideEnabled\" (clickOutside)=\"onCloseDialog()\">\n    <div class=\"text-right p-sm\">\n      <button (click)=\"onCloseDialog()\" id=\"header-offcanvas-button-close\"\n        class=\"c-button c-button--sm c-button--transparent m-sm\">{{ text }} <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\" width=\"14\" height=\"14\" class=\"self-center ml-2\"><path fill=\"currentColor\" d=\"M8.591 7.177a.25.25 0 010-.354l4.616-4.616A1 1 0 1011.793.793L7.177 5.409a.25.25 0 01-.354 0L2.207.793A1 1 0 00.793 2.207l4.616 4.616a.25.25 0 010 .354L.793 11.793a1 1 0 001.414 1.414l4.616-4.616a.25.25 0 01.354 0l4.616 4.616a1 1 0 001.414-1.414z\"/></svg></button>\n    </div>\n    <ng-container *ngTemplateOutlet=\"contentHtml\"></ng-container>\n  </div>\n</div>\n"
-            },] }
-];
-HeaderOffcanvasComponent.propDecorators = {
-    text: [{ type: Input }],
-    labelledId: [{ type: Input }],
-    contentHtml: [{ type: Input }],
-    closeDialog: [{ type: Output }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLW9mZmNhbnZhcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9kZXN5LW5hdi9jb21wb25lbnRzL2hlYWRlci9oZWFkZXItb2ZmY2FudmFzL2hlYWRlci1vZmZjYW52YXMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFNNUYsTUFBTSxPQUFPLHdCQUF3QjtJQUpyQztRQVVZLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUUzQyx3QkFBbUIsR0FBRyxLQUFLLENBQUM7SUFTOUIsQ0FBQztJQVBDLFFBQVE7UUFDTixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDOzs7WUFwQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx1QkFBdUI7Z0JBQ2pDLGs5QkFBZ0Q7YUFDakQ7OzttQkFHRSxLQUFLO3lCQUNMLEtBQUs7MEJBQ0wsS0FBSzswQkFFTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGVzeS1oZWFkZXItb2ZmY2FudmFzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci1vZmZjYW52YXMuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEhlYWRlck9mZmNhbnZhc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBsYWJlbGxlZElkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNvbnRlbnRIdG1sOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBPdXRwdXQoKSBjbG9zZURpYWxvZyA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjbGlja091dHNpZGVFbmFibGVkID0gZmFsc2U7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLmNsaWNrT3V0c2lkZUVuYWJsZWQgPSB0cnVlKTtcbiAgfVxuXG4gIG9uQ2xvc2VEaWFsb2coKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZURpYWxvZy5lbWl0KCk7XG4gIH1cbn1cbiJdfQ==
+import { __awaiter, __decorate } from "tslib";
+import { Component, ContentChildren, HostBinding, Input, ViewChild } from '@angular/core';
+import { DesyContentChild } from '../../../../shared/decorators/desy-content-child.decorator';
+import { ContentComponent } from '../../../../desy-commons/components/content/content.component';
+import { HeaderOffcanvasCloseButtonComponent } from './header-offcanvas-close-button/header-offcanvas-close-button.component';
+import { DialogService } from '../../../../desy-modals/services/dialog.service';
+import { HeaderOffcanvasButtonComponent } from './header-offcanvas-button/header-offcanvas-button.component';
+import { DesyOnInputChange } from '../../../../shared/decorators/desy-on-input-change.decorator';
+export class HeaderOffcanvasComponent {
+    constructor(dialogService) {
+        this.dialogService = dialogService;
+        this.hostClass = '-mr-2 flex lg:hidden';
+    }
+    ngOnDestroy() {
+        if (this.isOpen()) {
+            this.close();
+        }
+    }
+    open() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.isOpen()) {
+                this.dialog = (yield this.dialogService.openDialog(this.offcanvasContent, HeaderOffcanvasComponent.dialogOptions)).dialog;
+                this.dialogService.onCloseDialog(this.dialog).then(() => this.dialog = null);
+            }
+        });
+    }
+    close() {
+        if (this.isOpen()) {
+            this.dialogService.closeDialog(this.dialog);
+            this.dialog = null;
+        }
+    }
+    isOpen() {
+        return !!this.dialog;
+    }
+    /**
+     * Estable las clases del elemento html del componente
+     */
+    setHostClass() {
+        this.hostClass = this.classes ? this.classes : '-mr-2 flex lg:hidden';
+    }
+    /**
+     * Enlaza el botón del componente hijo con la acción de abrir de este componente
+     * @param button componente botón pasado como contenido
+     */
+    bindButton(button) {
+        button.openOffcanvas = this.open.bind(this);
+    }
+    handleEmptyContent(element) {
+        throw new Error(`${element} content is required`);
+    }
+}
+HeaderOffcanvasComponent.dialogOptions = {
+    id: 'header-offcanvas-dialog',
+    focusOnClose: 'header-offcanvas',
+    ariaModal: 'true',
+    ariaLabelledBy: 'header-offcanvas-button-text'
+};
+HeaderOffcanvasComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-header-offcanvas',
+                template: "\r\n<ng-template #offcanvasContent>\r\n  <div class=\"origin-top-left left-0 fixed inset-0 h-screen\">\r\n    <div class=\"h-full overflow-auto relative w-offcanvas h-screen ml-offcanvas-negative bg-white z-10\"\r\n         [desyClickOutside]=\"isOpen()\" (clickOutside)=\"close()\">\r\n      <div class=\"text-right p-sm\">\r\n        <button (click)=\"close()\" id=\"header-offcanvas-button-close\" class=\"c-button c-button--sm c-button--transparent m-sm\"\r\n                (desyContentEmpty)=\"handleEmptyContent('Header-offcanvas close button')\">\r\n          <ng-container *desyCustomInnerContent=\"{ component: closeButton }\"></ng-container> <svg #desyContentEmptyIgnore xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\" width=\"14\" height=\"14\" class=\"self-center ml-2\"><path fill=\"currentColor\" d=\"M8.591 7.177a.25.25 0 010-.354l4.616-4.616A1 1 0 1011.793.793L7.177 5.409a.25.25 0 01-.354 0L2.207.793A1 1 0 00.793 2.207l4.616 4.616a.25.25 0 010 .354L.793 11.793a1 1 0 001.414 1.414l4.616-4.616a.25.25 0 01.354 0l4.616 4.616a1 1 0 001.414-1.414z\"/></svg>\r\n        </button>\r\n      </div>\r\n      <ng-container *desyCustomInnerContent=\"{ component: content }\"></ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-container *desyCustomInnerContent=\"{ component: button }\"></ng-container>\r\n"
+            },] }
+];
+HeaderOffcanvasComponent.ctorParameters = () => [
+    { type: DialogService }
+];
+HeaderOffcanvasComponent.propDecorators = {
+    classes: [{ type: Input }],
+    hostClass: [{ type: HostBinding, args: ['class',] }],
+    offcanvasContent: [{ type: ViewChild, args: ['offcanvasContent',] }],
+    button: [{ type: ContentChildren, args: [HeaderOffcanvasButtonComponent,] }],
+    content: [{ type: ContentChildren, args: [ContentComponent,] }],
+    closeButton: [{ type: ContentChildren, args: [HeaderOffcanvasCloseButtonComponent,] }]
+};
+__decorate([
+    DesyOnInputChange('setHostClass')
+], HeaderOffcanvasComponent.prototype, "classes", void 0);
+__decorate([
+    DesyContentChild({ onSetCallbackName: 'bindButton' })
+], HeaderOffcanvasComponent.prototype, "button", void 0);
+__decorate([
+    DesyContentChild()
+], HeaderOffcanvasComponent.prototype, "content", void 0);
+__decorate([
+    DesyContentChild()
+], HeaderOffcanvasComponent.prototype, "closeButton", void 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLW9mZmNhbnZhcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LW5hdi9jb21wb25lbnRzL2hlYWRlci9oZWFkZXItb2ZmY2FudmFzL2hlYWRlci1vZmZjYW52YXMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULGVBQWUsRUFDZixXQUFXLEVBQ1gsS0FBSyxFQUdMLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSw0REFBNEQsQ0FBQztBQUM1RixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSwrREFBK0QsQ0FBQztBQUMvRixPQUFPLEVBQUMsbUNBQW1DLEVBQUMsTUFBTSx5RUFBeUUsQ0FBQztBQUU1SCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0saURBQWlELENBQUM7QUFFOUUsT0FBTyxFQUFDLDhCQUE4QixFQUFDLE1BQU0sNkRBQTZELENBQUM7QUFDM0csT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sOERBQThELENBQUM7QUFNL0YsTUFBTSxPQUFPLHdCQUF3QjtJQTJCbkMsWUFBb0IsYUFBNEI7UUFBNUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFmMUIsY0FBUyxHQUFHLHNCQUFzQixDQUFDO0lBZ0J6RCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNkO0lBQ0gsQ0FBQztJQUVLLElBQUk7O1lBQ1IsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRTtnQkFDbEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLE1BQU0sSUFBSSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLHdCQUF3QixDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO2dCQUMxSCxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLENBQUM7YUFDOUU7UUFDSCxDQUFDO0tBQUE7SUFFRCxLQUFLO1FBQ0gsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDakIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzVDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVELE1BQU07UUFDSixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7SUFFRDs7T0FFRztJQUNILFlBQVk7UUFDVixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixDQUFDO0lBQ3hFLENBQUM7SUFFRDs7O09BR0c7SUFDSCxVQUFVLENBQUMsTUFBc0M7UUFDL0MsTUFBTSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsT0FBZTtRQUNoQyxNQUFNLElBQUksS0FBSyxDQUFDLEdBQUcsT0FBTyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ3BELENBQUM7O0FBckVjLHNDQUFhLEdBQWtCO0lBQzVDLEVBQUUsRUFBRSx5QkFBeUI7SUFDN0IsWUFBWSxFQUFFLGtCQUFrQjtJQUNoQyxTQUFTLEVBQUUsTUFBTTtJQUNqQixjQUFjLEVBQUUsOEJBQThCO0NBQy9DLENBQUM7O1lBWEgsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx1QkFBdUI7Z0JBQ2pDLDYwQ0FBZ0Q7YUFDakQ7OztZQVJPLGFBQWE7OztzQkFtQmxCLEtBQUs7d0JBRUwsV0FBVyxTQUFDLE9BQU87K0JBRW5CLFNBQVMsU0FBQyxrQkFBa0I7cUJBRzVCLGVBQWUsU0FBQyw4QkFBOEI7c0JBRzlDLGVBQWUsU0FBQyxnQkFBZ0I7MEJBR2hDLGVBQWUsU0FBQyxtQ0FBbUM7O0FBYjNDO0lBRFIsaUJBQWlCLENBQUMsY0FBYyxDQUFDO3lEQUNUO0FBT3dCO0lBRGhELGdCQUFnQixDQUFDLEVBQUMsaUJBQWlCLEVBQUUsWUFBWSxFQUFDLENBQUM7d0RBQ29DO0FBR3JEO0lBRGxDLGdCQUFnQixFQUFFO3lEQUMwQztBQUdQO0lBRHJELGdCQUFnQixFQUFFOzZEQUNvRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbXBvbmVudFJlZixcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgSG9zdEJpbmRpbmcsXHJcbiAgSW5wdXQsXHJcbiAgT25EZXN0cm95LFxyXG4gIFRlbXBsYXRlUmVmLFxyXG4gIFZpZXdDaGlsZFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0Rlc3lDb250ZW50Q2hpbGR9IGZyb20gJy4uLy4uLy4uLy4uL3NoYXJlZC9kZWNvcmF0b3JzL2Rlc3ktY29udGVudC1jaGlsZC5kZWNvcmF0b3InO1xyXG5pbXBvcnQge0NvbnRlbnRDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uLy4uL2Rlc3ktY29tbW9ucy9jb21wb25lbnRzL2NvbnRlbnQvY29udGVudC5jb21wb25lbnQnO1xyXG5pbXBvcnQge0hlYWRlck9mZmNhbnZhc0Nsb3NlQnV0dG9uQ29tcG9uZW50fSBmcm9tICcuL2hlYWRlci1vZmZjYW52YXMtY2xvc2UtYnV0dG9uL2hlYWRlci1vZmZjYW52YXMtY2xvc2UtYnV0dG9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7RGlhbG9nQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi8uLi9kZXN5LW1vZGFscy9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50JztcclxuaW1wb3J0IHtEaWFsb2dTZXJ2aWNlfSBmcm9tICcuLi8uLi8uLi8uLi9kZXN5LW1vZGFscy9zZXJ2aWNlcy9kaWFsb2cuc2VydmljZSc7XHJcbmltcG9ydCB7RGlhbG9nT3B0aW9uc30gZnJvbSAnLi4vLi4vLi4vLi4vZGVzeS1tb2RhbHMvaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7SGVhZGVyT2ZmY2FudmFzQnV0dG9uQ29tcG9uZW50fSBmcm9tICcuL2hlYWRlci1vZmZjYW52YXMtYnV0dG9uL2hlYWRlci1vZmZjYW52YXMtYnV0dG9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7RGVzeU9uSW5wdXRDaGFuZ2V9IGZyb20gJy4uLy4uLy4uLy4uL3NoYXJlZC9kZWNvcmF0b3JzL2Rlc3ktb24taW5wdXQtY2hhbmdlLmRlY29yYXRvcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rlc3ktaGVhZGVyLW9mZmNhbnZhcycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci1vZmZjYW52YXMuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBIZWFkZXJPZmZjYW52YXNDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xyXG5cclxuICBwcml2YXRlIHN0YXRpYyBkaWFsb2dPcHRpb25zOiBEaWFsb2dPcHRpb25zID0ge1xyXG4gICAgaWQ6ICdoZWFkZXItb2ZmY2FudmFzLWRpYWxvZycsXHJcbiAgICBmb2N1c09uQ2xvc2U6ICdoZWFkZXItb2ZmY2FudmFzJyxcclxuICAgIGFyaWFNb2RhbDogJ3RydWUnLFxyXG4gICAgYXJpYUxhYmVsbGVkQnk6ICdoZWFkZXItb2ZmY2FudmFzLWJ1dHRvbi10ZXh0J1xyXG4gIH07XHJcblxyXG4gIEBEZXN5T25JbnB1dENoYW5nZSgnc2V0SG9zdENsYXNzJylcclxuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBob3N0Q2xhc3MgPSAnLW1yLTIgZmxleCBsZzpoaWRkZW4nO1xyXG5cclxuICBAVmlld0NoaWxkKCdvZmZjYW52YXNDb250ZW50Jykgb2ZmY2FudmFzQ29udGVudDogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoe29uU2V0Q2FsbGJhY2tOYW1lOiAnYmluZEJ1dHRvbid9KVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oSGVhZGVyT2ZmY2FudmFzQnV0dG9uQ29tcG9uZW50KSBidXR0b246IEhlYWRlck9mZmNhbnZhc0J1dHRvbkNvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oQ29udGVudENvbXBvbmVudCkgY29udGVudDogQ29udGVudENvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oSGVhZGVyT2ZmY2FudmFzQ2xvc2VCdXR0b25Db21wb25lbnQpIGNsb3NlQnV0dG9uOiBIZWFkZXJPZmZjYW52YXNDbG9zZUJ1dHRvbkNvbXBvbmVudDtcclxuXHJcbiAgcHJpdmF0ZSBkaWFsb2c6IENvbXBvbmVudFJlZjxEaWFsb2dDb21wb25lbnQ+O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGRpYWxvZ1NlcnZpY2U6IERpYWxvZ1NlcnZpY2UpIHtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuaXNPcGVuKCkpIHtcclxuICAgICAgdGhpcy5jbG9zZSgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgYXN5bmMgb3BlbigpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIGlmICghdGhpcy5pc09wZW4oKSkge1xyXG4gICAgICB0aGlzLmRpYWxvZyA9IChhd2FpdCB0aGlzLmRpYWxvZ1NlcnZpY2Uub3BlbkRpYWxvZyh0aGlzLm9mZmNhbnZhc0NvbnRlbnQsIEhlYWRlck9mZmNhbnZhc0NvbXBvbmVudC5kaWFsb2dPcHRpb25zKSkuZGlhbG9nO1xyXG4gICAgICB0aGlzLmRpYWxvZ1NlcnZpY2Uub25DbG9zZURpYWxvZyh0aGlzLmRpYWxvZykudGhlbigoKSA9PiB0aGlzLmRpYWxvZyA9IG51bGwpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY2xvc2UoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5pc09wZW4oKSkge1xyXG4gICAgICB0aGlzLmRpYWxvZ1NlcnZpY2UuY2xvc2VEaWFsb2codGhpcy5kaWFsb2cpO1xyXG4gICAgICB0aGlzLmRpYWxvZyA9IG51bGw7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBpc09wZW4oKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gISF0aGlzLmRpYWxvZztcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEVzdGFibGUgbGFzIGNsYXNlcyBkZWwgZWxlbWVudG8gaHRtbCBkZWwgY29tcG9uZW50ZVxyXG4gICAqL1xyXG4gIHNldEhvc3RDbGFzcygpOiB2b2lkIHtcclxuICAgIHRoaXMuaG9zdENsYXNzID0gdGhpcy5jbGFzc2VzID8gdGhpcy5jbGFzc2VzIDogJy1tci0yIGZsZXggbGc6aGlkZGVuJztcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEVubGF6YSBlbCBib3TDs24gZGVsIGNvbXBvbmVudGUgaGlqbyBjb24gbGEgYWNjacOzbiBkZSBhYnJpciBkZSBlc3RlIGNvbXBvbmVudGVcclxuICAgKiBAcGFyYW0gYnV0dG9uIGNvbXBvbmVudGUgYm90w7NuIHBhc2FkbyBjb21vIGNvbnRlbmlkb1xyXG4gICAqL1xyXG4gIGJpbmRCdXR0b24oYnV0dG9uOiBIZWFkZXJPZmZjYW52YXNCdXR0b25Db21wb25lbnQpOiB2b2lkIHtcclxuICAgIGJ1dHRvbi5vcGVuT2ZmY2FudmFzID0gdGhpcy5vcGVuLmJpbmQodGhpcyk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVFbXB0eUNvbnRlbnQoZWxlbWVudDogc3RyaW5nKTogdm9pZCB7XHJcbiAgICB0aHJvdyBuZXcgRXJyb3IoYCR7ZWxlbWVudH0gY29udGVudCBpcyByZXF1aXJlZGApO1xyXG4gIH1cclxufVxyXG4iXX0=