npm - desy-angular - Versions diffs - 7.0.1 → 7.1.0 - Mend

desy-angular 7.0.1 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (225) hide show

package/esm2020/lib/desy-modals/components/modal/modal.component.mjs CHANGED Viewed

@@ -105,8 +105,8 @@ export class ModalComponent extends AccessibilityComponent {
         return this.secondaryButtonLoaderComponents && this.secondaryButtonLoaderComponents.length > 0 ? this.secondaryButtonLoaderComponents.toArray() : this.itemsLoaderSecondary;
     }
 }
-ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ModalComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ModalComponent, selector: "desy-modal", inputs: { title: "title", description: "description", itemsPrimary: "itemsPrimary", itemsSecondary: "itemsSecondary", itemsLoaderPrimary: "itemsLoaderPrimary", itemsLoaderSecondary: "itemsLoaderSecondary", icon: "icon", headingLevel: "headingLevel", isDismissible: "isDismissible", id: "id", classes: "classes", caller: "caller" }, outputs: { closeModal: "closeModal", clickButton: "clickButton" }, queries: [{ propertyName: "titleComponent", predicate: TitleComponent }, { propertyName: "descriptionComponent", predicate: DescriptionComponent }, { propertyName: "contentComponent", predicate: ContentComponent }, { propertyName: "primaryButtonComponents", predicate: ModalButtonPrimaryComponent }, { propertyName: "secondaryButtonComponents", predicate: ModalButtonSecondaryComponent }, { propertyName: "primaryButtonLoaderComponents", predicate: ModalButtonLoaderPrimaryComponent }, { propertyName: "secondaryButtonLoaderComponents", predicate: ModalButtonLoaderSecondaryComponent }, { propertyName: "iconComponent", predicate: IconComponent }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"[ 'relative max-w-lg mx-auto p-base lg:p-lg border border-neutral-base rounded bg-white', classes] | makeHtmlList\"\n     [attr.id]=\"id ? id : null\"\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\" class=\"flex justify-center p-base\">\n    <ng-container *desyCustomInnerContent=\"{ component: iconComponent, html: icon ? icon.html : null }\"></ng-container>\n      <ng-container [ngSwitch]=\"iconComponent ? iconComponent.type : icon.type\">\n        <svg *ngSwitchCase=\"'discard'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-alert-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4.375 70a65.625 65.625 0 10131.25 0 65.625 65.625 0 10-131.25 0zM23.596 116.404l92.808-92.808\" stroke-width=\"8.749995\"/></g></svg>\n        <svg *ngSwitchCase=\"'delete'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-alert-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M100.625 122.5h-61.25a8.75 8.75 0 01-8.75-8.75V35h78.75v78.75a8.75 8.75 0 01-8.75 8.75zM56.875 96.25v-35M83.125 96.25v-35M13.125 35h113.75M83.125 17.5h-26.25a8.75 8.75 0 00-8.75 8.75V35h43.75v-8.75a8.75 8.75 0 00-8.75-8.75z\" stroke-width=\"8.749995\"/></g></svg>\n        <svg *ngSwitchCase=\"'edit'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-primary-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M73.89 82.46l-21.652 3.098 3.091-21.66 55.685-55.685a13.125 13.125 0 0118.562 18.562z\" stroke-width=\"8.749995\"/><path d=\"M111.545 83.125v43.75a8.75 8.75 0 01-8.75 8.75h-87.5a8.75 8.75 0 01-8.75-8.75v-87.5a8.75 8.75 0 018.75-8.75h43.75\" stroke-width=\"8.749995\"/></g></svg>\n        <svg *ngSwitchCase=\"'changes'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-primary-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M107.112 40.833a48.125 48.125 0 00-85.237 30.608v13.142M35 104.463a48.125 48.125 0 0083.125-33.022v-8.75\" stroke-width=\"8.749995\"/><path d=\"M4.375 67.066l17.5 17.5 17.5-17.5M135.625 80.19l-17.5-17.5-17.5 17.5\" stroke-width=\"8.749995\"/></g></svg>\n        <svg *ngSwitchCase=\"'publish'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-primary-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M16.094 91.17a9.707 9.707 0 01-5.145-17.938L118.767 5.833a9.7 9.7 0 0114.676 10.034l-21 111.842a9.707 9.707 0 01-17.301 4.031L64.75 91.17z\" stroke-width=\"8.749995\"/><path d=\"M64.75 91.17H50.167v30.163a9.7 9.7 0 0015.166 8.015l18.539-12.635zM64.744 91.17l64.633-85.11\" stroke-width=\"8.749995\"/></g></svg>\n      </ng-container>\n  </div>\n\n  <ng-container [ngSwitch]=\"headingLevel > 0 && headingLevel < 6 ? headingLevel : 2\">\n    <h1 *ngSwitchCase=\"1\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h1>\n    <h2 *ngSwitchCase=\"2\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h2>\n    <h3 *ngSwitchCase=\"3\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h3>\n    <h4 *ngSwitchCase=\"4\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h4>\n    <h5 *ngSwitchCase=\"5\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h5>\n  </ng-container>\n\n  <div *ngIf=\"descriptionIsHtml\" [class]=\"getDescriptionClasses()\"\n       (desyContentChange)=\"checkDescriptionContent($event)\" [observeProperties]=\"{ attributes: false, childList: true, characterData: true, subtree: true }\">\n    <ng-container *desyCustomInnerContent=\"{\n      component: descriptionComponent,\n      html: description ? description.html : null,\n      text: description ? description.text : null\n    }\"></ng-container>\n  </div>\n  <p *ngIf=\"!descriptionIsHtml\" [class]=\"getDescriptionClasses()\"\n     (desyContentChange)=\"checkDescriptionContent($event)\" [observeProperties]=\"{ attributes: false, childList: true, characterData: true, subtree: true }\">\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\n  <div *ngIf=\"contentComponent || caller\" class=\"p-base\">\n    <ng-container *desyCustomInnerContent=\"{ component: contentComponent, template: caller }\"></ng-container>\n  </div>\n\n  <div class=\"flex flex-wrap gap-sm w-full\" *ngIf=\"itemsPrimary || (primaryButtonComponents && primaryButtonComponents.length > 0) || itemsSecondary || (secondaryButtonComponents && secondaryButtonComponents.length > 0)\"\n  [ngClass]=\"(itemsPrimary || (primaryButtonComponents && primaryButtonComponents.length > 0)) && (itemsSecondary || (secondaryButtonComponents && secondaryButtonComponents.length > 0)) ? 'justify-between' : 'justify-center'\">\n    <ng-template #buttons let-items=\"items\">\n      <ng-container *ngIf=\"items\">\n        <div class=\"mt-sm\" *ngIf=\"items.length === 1\">\n          <desy-button (clickEvent)=\"clickButtonEmit(items[0], $event)\"\n           [disabled]=\"items[0].disabled\"\n           [classes]=\"items[0].classes\"\n           [id]=\"items[0].id\"\n           [text]=\"items[0].text\"\n           [html]=\"items[0].html\"\n           [element]=\"items[0].element\"\n           [name]=\"items[0].name\"\n           [type]=\"items[0].type\"\n           [value]=\"items[0].value\"\n           [href]=\"items[0].href\"\n           [target]=\"items[0].target\"\n           [preventDoubleClick]=\"items[0].preventDoubleClick\"\n           [routerLink]=\"items[0].routerLink\"\n           [routerLinkActiveClasses]=\"items[0].routerLinkActiveClasses\">\n            <ng-container *desyCustomInnerContent=\"{ component: items[0], text: items[0].text }\"></ng-container>\n          </desy-button>\n        </div>\n\n        <!-- FIXME De momento se mantiene el nbsp por no tener clases diferentes a desy-html.\n              Eliminar al adaptar a una versi\u00F3n de desy-html que lo contemple -->\n        <ul class=\"flex flex-wrap gap-sm\" *ngIf=\"items.length > 1\">\n          <ng-container *ngFor=\"let item of items\">\n            <li>\n              <desy-button (clickEvent)=\"clickButtonEmit(item, $event)\"\n                [disabled]=\"item.disabled\"\n                [classes]=\"item.classes\"\n                [id]=\"item.id\"\n                [text]=\"item.text\"\n                [html]=\"item.html\"\n                [element]=\"item.element\"\n                [name]=\"item.name\"\n                [type]=\"item.type\"\n                [value]=\"item.value\"\n                [href]=\"item.href\"\n                [target]=\"item.target\"\n                [preventDoubleClick]=\"item.preventDoubleClick\"\n                [routerLink]=\"item.routerLink\"\n                [routerLinkActiveClasses]=\"item.routerLinkActiveClasses\">\n                <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\n              </desy-button>\n            </li>&nbsp;\n          </ng-container>\n        </ul>\n      </ng-container>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"buttons; context: { items: getPrimaryItems() }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"buttons; context: { items: getSecondaryItems() }\"></ng-container>\n  </div>\n\n  <!-- Button loader -->\n  <div class=\"flex flex-wrap gap-sm w-full\" *ngIf=\"(primaryButtonLoaderComponents && primaryButtonLoaderComponents.length > 0) || (secondaryButtonLoaderComponents && secondaryButtonLoaderComponents.length > 0)\" \n  [ngClass]=\"((primaryButtonLoaderComponents && primaryButtonLoaderComponents.length > 0)) && ((secondaryButtonLoaderComponents && secondaryButtonLoaderComponents.length > 0)) ? 'justify-between' : 'justify-center'\">\n    <ng-template #buttonsLoader let-items=\"items\">\n      <ng-container *ngIf=\"items\">\n        <div class=\"mt-sm\" *ngIf=\"items.length === 1\">\n          <desy-button-loader (clickEvent)=\"clickButtonEmit(items[0], $event)\"\n              [loaderText]=\"items[0].loaderText\"\n              [loaderClasses]=\"items[0].loaderClasses\"\n              [state]=\"items[0].state\"\n              [successText]=\"items[0].successText\"\n              [disabled]=\"items[0].disabled\"\n              [classes]=\"(items[0].state === null || items[0].state === 'is-success') ? items[0].classes : items[0].classes + ' c-button-loader--is-loading'\"\n              [id]=\"items[0].id\"\n              [text]=\"items[0].text\"\n              [html]=\"items[0].html\"\n              [element]=\"items[0].element\"\n              [name]=\"items[0].name\"\n              [type]=\"items[0].type\"\n              [value]=\"items[0].value\"\n              [href]=\"items[0].href\"\n              [target]=\"items[0].target\"\n              [preventDoubleClick]=\"items[0].preventDoubleClick\"\n              [routerLink]=\"items[0].routerLink\"\n              [routerLinkActiveClasses]=\"items[0].routerLinkActiveClasses\">\n            <ng-container *desyCustomInnerContent=\"{ component: items[0], text: items[0].text }\"></ng-container>\n          </desy-button-loader>\n        </div>\n\n        <ul class=\"flex flex-wrap gap-sm\" *ngIf=\"items.length > 1\">\n          <ng-container *ngFor=\"let item of items\">\n            <li>\n              <desy-button-loader (clickEvent)=\"clickButtonEmit(item, $event)\"\n                  [loaderText]=\"item.loaderText\"\n                  [loaderClasses]=\"item.loaderClasses\"\n                  [state]=\"item.state\"\n                  [successText]=\"item.successText\"\n                  [disabled]=\"item.disabled\"\n                  [classes]=\"(item.state === null || item.state === 'is-success') ? item.classes : item.classes + ' c-button-loader--is-loading'\"\n                  [id]=\"item.id\"\n                  [text]=\"item.text\"\n                  [html]=\"item.html\"\n                  [element]=\"item.element\"\n                  [name]=\"item.name\"\n                  [type]=\"item.type\"\n                  [value]=\"item.value\"\n                  [href]=\"item.href\"\n                  [target]=\"item.target\"\n                  [preventDoubleClick]=\"item.preventDoubleClick\"\n                  [routerLink]=\"item.routerLink\"\n                  [routerLinkActiveClasses]=\"item.routerLinkActiveClasses\">\n                <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\n              </desy-button-loader>\n            </li>&nbsp;\n          </ng-container>\n        </ul>\n      </ng-container>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"buttonsLoader; context: { items: getPrimaryLoaderItems() }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"buttonsLoader; context: { items: getSecondaryLoaderItems() }\"></ng-container>\n  </div>\n\n  <ng-container *ngIf=\"isDismissible\">\n    <div class=\"absolute top-0 right-0 p-sm lg:p-base\">\n      <button (click)=\"closeDialog()\" 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 la ventana emergente\">\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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.ContentChangeDirective, selector: "[desyContentChange]", inputs: ["observeProperties"], outputs: ["desyContentChange", "desyContentChangeMutation"] }, { kind: "directive", type: i4.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "component", type: i5.ButtonComponent, selector: "desy-button", inputs: ["id", "classes", "html", "text", "element", "name", "type", "value", "disabled", "href", "target", "preventDoubleClick", "routerLink", "routerLinkActiveClasses"], outputs: ["clickEvent"] }, { kind: "component", type: i6.ButtonLoaderComponent, selector: "desy-button-loader", inputs: ["loaderText", "loaderClasses", "state", "successText"] }, { kind: "pipe", type: i7.MakeHtmlListPipe, name: "makeHtmlList" }] });
+ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ModalComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ModalComponent, selector: "desy-modal", inputs: { title: "title", description: "description", itemsPrimary: "itemsPrimary", itemsSecondary: "itemsSecondary", itemsLoaderPrimary: "itemsLoaderPrimary", itemsLoaderSecondary: "itemsLoaderSecondary", icon: "icon", headingLevel: "headingLevel", isDismissible: "isDismissible", id: "id", classes: "classes", caller: "caller" }, outputs: { closeModal: "closeModal", clickButton: "clickButton" }, queries: [{ propertyName: "titleComponent", predicate: TitleComponent }, { propertyName: "descriptionComponent", predicate: DescriptionComponent }, { propertyName: "contentComponent", predicate: ContentComponent }, { propertyName: "primaryButtonComponents", predicate: ModalButtonPrimaryComponent }, { propertyName: "secondaryButtonComponents", predicate: ModalButtonSecondaryComponent }, { propertyName: "primaryButtonLoaderComponents", predicate: ModalButtonLoaderPrimaryComponent }, { propertyName: "secondaryButtonLoaderComponents", predicate: ModalButtonLoaderSecondaryComponent }, { propertyName: "iconComponent", predicate: IconComponent }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"[ 'relative max-w-lg mx-auto p-base lg:p-lg border border-neutral-base rounded bg-white', classes] | makeHtmlList\"\n     [attr.id]=\"id ? id : null\"\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\" class=\"flex justify-center p-base\">\n    <ng-container *desyCustomInnerContent=\"{ component: iconComponent, html: icon ? icon.html : null }\"></ng-container>\n      <ng-container [ngSwitch]=\"iconComponent ? iconComponent.type : icon.type\">\n        <svg *ngSwitchCase=\"'discard'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-alert-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4.375 70a65.625 65.625 0 10131.25 0 65.625 65.625 0 10-131.25 0zM23.596 116.404l92.808-92.808\" stroke-width=\"8.749995\"/></g></svg>\n        <svg *ngSwitchCase=\"'delete'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-alert-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M100.625 122.5h-61.25a8.75 8.75 0 01-8.75-8.75V35h78.75v78.75a8.75 8.75 0 01-8.75 8.75zM56.875 96.25v-35M83.125 96.25v-35M13.125 35h113.75M83.125 17.5h-26.25a8.75 8.75 0 00-8.75 8.75V35h43.75v-8.75a8.75 8.75 0 00-8.75-8.75z\" stroke-width=\"8.749995\"/></g></svg>\n        <svg *ngSwitchCase=\"'edit'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-primary-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M73.89 82.46l-21.652 3.098 3.091-21.66 55.685-55.685a13.125 13.125 0 0118.562 18.562z\" stroke-width=\"8.749995\"/><path d=\"M111.545 83.125v43.75a8.75 8.75 0 01-8.75 8.75h-87.5a8.75 8.75 0 01-8.75-8.75v-87.5a8.75 8.75 0 018.75-8.75h43.75\" stroke-width=\"8.749995\"/></g></svg>\n        <svg *ngSwitchCase=\"'changes'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-primary-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M107.112 40.833a48.125 48.125 0 00-85.237 30.608v13.142M35 104.463a48.125 48.125 0 0083.125-33.022v-8.75\" stroke-width=\"8.749995\"/><path d=\"M4.375 67.066l17.5 17.5 17.5-17.5M135.625 80.19l-17.5-17.5-17.5 17.5\" stroke-width=\"8.749995\"/></g></svg>\n        <svg *ngSwitchCase=\"'publish'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-primary-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M16.094 91.17a9.707 9.707 0 01-5.145-17.938L118.767 5.833a9.7 9.7 0 0114.676 10.034l-21 111.842a9.707 9.707 0 01-17.301 4.031L64.75 91.17z\" stroke-width=\"8.749995\"/><path d=\"M64.75 91.17H50.167v30.163a9.7 9.7 0 0015.166 8.015l18.539-12.635zM64.744 91.17l64.633-85.11\" stroke-width=\"8.749995\"/></g></svg>\n      </ng-container>\n  </div>\n\n  <ng-container [ngSwitch]=\"headingLevel > 0 && headingLevel < 6 ? headingLevel : 2\">\n    <h1 *ngSwitchCase=\"1\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h1>\n    <h2 *ngSwitchCase=\"2\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h2>\n    <h3 *ngSwitchCase=\"3\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h3>\n    <h4 *ngSwitchCase=\"4\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h4>\n    <h5 *ngSwitchCase=\"5\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h5>\n  </ng-container>\n\n  <div *ngIf=\"descriptionIsHtml\" [class]=\"getDescriptionClasses()\"\n       (desyContentChange)=\"checkDescriptionContent($event)\" [observeProperties]=\"{ attributes: false, childList: true, characterData: true, subtree: true }\">\n    <ng-container *desyCustomInnerContent=\"{\n      component: descriptionComponent,\n      html: description ? description.html : null,\n      text: description ? description.text : null\n    }\"></ng-container>\n  </div>\n  <p *ngIf=\"!descriptionIsHtml\" [class]=\"getDescriptionClasses()\"\n     (desyContentChange)=\"checkDescriptionContent($event)\" [observeProperties]=\"{ attributes: false, childList: true, characterData: true, subtree: true }\">\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\n  <div *ngIf=\"contentComponent || caller\" class=\"p-base\">\n    <ng-container *desyCustomInnerContent=\"{ component: contentComponent, template: caller }\"></ng-container>\n  </div>\n\n  <div class=\"flex flex-wrap gap-sm w-full\" *ngIf=\"itemsPrimary || (primaryButtonComponents && primaryButtonComponents.length > 0) || itemsSecondary || (secondaryButtonComponents && secondaryButtonComponents.length > 0)\"\n  [ngClass]=\"(itemsPrimary || (primaryButtonComponents && primaryButtonComponents.length > 0)) && (itemsSecondary || (secondaryButtonComponents && secondaryButtonComponents.length > 0)) ? 'justify-between' : 'justify-center'\">\n    <ng-template #buttons let-items=\"items\">\n      <ng-container *ngIf=\"items\">\n        <div class=\"mt-sm\" *ngIf=\"items.length === 1\">\n          <desy-button (clickEvent)=\"clickButtonEmit(items[0], $event)\"\n           [disabled]=\"items[0].disabled\"\n           [classes]=\"items[0].classes\"\n           [id]=\"items[0].id\"\n           [text]=\"items[0].text\"\n           [html]=\"items[0].html\"\n           [element]=\"items[0].element\"\n           [name]=\"items[0].name\"\n           [type]=\"items[0].type\"\n           [value]=\"items[0].value\"\n           [href]=\"items[0].href\"\n           [target]=\"items[0].target\"\n           [preventDoubleClick]=\"items[0].preventDoubleClick\"\n           [routerLink]=\"items[0].routerLink\"\n           [routerLinkActiveClasses]=\"items[0].routerLinkActiveClasses\">\n            <ng-container *desyCustomInnerContent=\"{ component: items[0], text: items[0].text }\"></ng-container>\n          </desy-button>\n        </div>\n\n        <!-- FIXME De momento se mantiene el nbsp por no tener clases diferentes a desy-html.\n              Eliminar al adaptar a una versi\u00F3n de desy-html que lo contemple -->\n        <ul class=\"flex flex-wrap gap-sm\" *ngIf=\"items.length > 1\">\n          <ng-container *ngFor=\"let item of items\">\n            <li>\n              <desy-button (clickEvent)=\"clickButtonEmit(item, $event)\"\n                [disabled]=\"item.disabled\"\n                [classes]=\"item.classes\"\n                [id]=\"item.id\"\n                [text]=\"item.text\"\n                [html]=\"item.html\"\n                [element]=\"item.element\"\n                [name]=\"item.name\"\n                [type]=\"item.type\"\n                [value]=\"item.value\"\n                [href]=\"item.href\"\n                [target]=\"item.target\"\n                [preventDoubleClick]=\"item.preventDoubleClick\"\n                [routerLink]=\"item.routerLink\"\n                [routerLinkActiveClasses]=\"item.routerLinkActiveClasses\">\n                <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\n              </desy-button>\n            </li>&nbsp;\n          </ng-container>\n        </ul>\n      </ng-container>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"buttons; context: { items: getPrimaryItems() }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"buttons; context: { items: getSecondaryItems() }\"></ng-container>\n  </div>\n\n  <!-- Button loader -->\n  <div class=\"flex flex-wrap gap-sm w-full\" *ngIf=\"(primaryButtonLoaderComponents && primaryButtonLoaderComponents.length > 0) || (secondaryButtonLoaderComponents && secondaryButtonLoaderComponents.length > 0)\" \n  [ngClass]=\"((primaryButtonLoaderComponents && primaryButtonLoaderComponents.length > 0)) && ((secondaryButtonLoaderComponents && secondaryButtonLoaderComponents.length > 0)) ? 'justify-between' : 'justify-center'\">\n    <ng-template #buttonsLoader let-items=\"items\">\n      <ng-container *ngIf=\"items\">\n        <div class=\"mt-sm\" *ngIf=\"items.length === 1\">\n          <desy-button-loader (clickEvent)=\"clickButtonEmit(items[0], $event)\"\n              [loaderText]=\"items[0].loaderText\"\n              [loaderClasses]=\"items[0].loaderClasses\"\n              [state]=\"items[0].state\"\n              [successText]=\"items[0].successText\"\n              [disabled]=\"items[0].disabled\"\n              [classes]=\"(items[0].state === null || items[0].state === 'is-success') ? items[0].classes : items[0].classes + ' c-button-loader--is-loading'\"\n              [id]=\"items[0].id\"\n              [text]=\"items[0].text\"\n              [html]=\"items[0].html\"\n              [element]=\"items[0].element\"\n              [name]=\"items[0].name\"\n              [type]=\"items[0].type\"\n              [value]=\"items[0].value\"\n              [href]=\"items[0].href\"\n              [target]=\"items[0].target\"\n              [preventDoubleClick]=\"items[0].preventDoubleClick\"\n              [routerLink]=\"items[0].routerLink\"\n              [routerLinkActiveClasses]=\"items[0].routerLinkActiveClasses\">\n            <ng-container *desyCustomInnerContent=\"{ component: items[0], text: items[0].text }\"></ng-container>\n          </desy-button-loader>\n        </div>\n\n        <ul class=\"flex flex-wrap gap-sm\" *ngIf=\"items.length > 1\">\n          <ng-container *ngFor=\"let item of items\">\n            <li>\n              <desy-button-loader (clickEvent)=\"clickButtonEmit(item, $event)\"\n                  [loaderText]=\"item.loaderText\"\n                  [loaderClasses]=\"item.loaderClasses\"\n                  [state]=\"item.state\"\n                  [successText]=\"item.successText\"\n                  [disabled]=\"item.disabled\"\n                  [classes]=\"(item.state === null || item.state === 'is-success') ? item.classes : item.classes + ' c-button-loader--is-loading'\"\n                  [id]=\"item.id\"\n                  [text]=\"item.text\"\n                  [html]=\"item.html\"\n                  [element]=\"item.element\"\n                  [name]=\"item.name\"\n                  [type]=\"item.type\"\n                  [value]=\"item.value\"\n                  [href]=\"item.href\"\n                  [target]=\"item.target\"\n                  [preventDoubleClick]=\"item.preventDoubleClick\"\n                  [routerLink]=\"item.routerLink\"\n                  [routerLinkActiveClasses]=\"item.routerLinkActiveClasses\">\n                <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\n              </desy-button-loader>\n            </li>&nbsp;\n          </ng-container>\n        </ul>\n      </ng-container>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"buttonsLoader; context: { items: getPrimaryLoaderItems() }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"buttonsLoader; context: { items: getSecondaryLoaderItems() }\"></ng-container>\n  </div>\n\n  <ng-container *ngIf=\"isDismissible\">\n    <div class=\"absolute top-0 right-0 p-sm lg:p-base\">\n      <button (click)=\"closeDialog()\" 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 la ventana emergente\">\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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.ContentChangeDirective, selector: "[desyContentChange]", inputs: ["observeProperties"], outputs: ["desyContentChange", "desyContentChangeMutation"] }, { kind: "directive", type: i4.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "component", type: i5.ButtonComponent, selector: "desy-button", inputs: ["id", "classes", "html", "text", "element", "name", "type", "value", "disabled", "href", "target", "preventDoubleClick", "routerLink", "routerLinkActiveClasses"], outputs: ["clickEvent"] }, { kind: "component", type: i6.ButtonLoaderComponent, selector: "desy-button-loader", inputs: ["loaderText", "loaderClasses", "state", "successText"] }, { kind: "pipe", type: i7.MakeHtmlListPipe, name: "makeHtmlList" }] });
 __decorate([
     DesyContentChild()
 ], ModalComponent.prototype, "titleComponent", void 0);
@@ -119,7 +119,7 @@ __decorate([
 __decorate([
     DesyContentChild()
 ], ModalComponent.prototype, "iconComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-modal', template: "<div [class]=\"[ 'relative max-w-lg mx-auto p-base lg:p-lg border border-neutral-base rounded bg-white', classes] | makeHtmlList\"\n     [attr.id]=\"id ? id : null\"\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\" class=\"flex justify-center p-base\">\n    <ng-container *desyCustomInnerContent=\"{ component: iconComponent, html: icon ? icon.html : null }\"></ng-container>\n      <ng-container [ngSwitch]=\"iconComponent ? iconComponent.type : icon.type\">\n        <svg *ngSwitchCase=\"'discard'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-alert-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4.375 70a65.625 65.625 0 10131.25 0 65.625 65.625 0 10-131.25 0zM23.596 116.404l92.808-92.808\" stroke-width=\"8.749995\"/></g></svg>\n        <svg *ngSwitchCase=\"'delete'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-alert-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M100.625 122.5h-61.25a8.75 8.75 0 01-8.75-8.75V35h78.75v78.75a8.75 8.75 0 01-8.75 8.75zM56.875 96.25v-35M83.125 96.25v-35M13.125 35h113.75M83.125 17.5h-26.25a8.75 8.75 0 00-8.75 8.75V35h43.75v-8.75a8.75 8.75 0 00-8.75-8.75z\" stroke-width=\"8.749995\"/></g></svg>\n        <svg *ngSwitchCase=\"'edit'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-primary-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M73.89 82.46l-21.652 3.098 3.091-21.66 55.685-55.685a13.125 13.125 0 0118.562 18.562z\" stroke-width=\"8.749995\"/><path d=\"M111.545 83.125v43.75a8.75 8.75 0 01-8.75 8.75h-87.5a8.75 8.75 0 01-8.75-8.75v-87.5a8.75 8.75 0 018.75-8.75h43.75\" stroke-width=\"8.749995\"/></g></svg>\n        <svg *ngSwitchCase=\"'changes'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-primary-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M107.112 40.833a48.125 48.125 0 00-85.237 30.608v13.142M35 104.463a48.125 48.125 0 0083.125-33.022v-8.75\" stroke-width=\"8.749995\"/><path d=\"M4.375 67.066l17.5 17.5 17.5-17.5M135.625 80.19l-17.5-17.5-17.5 17.5\" stroke-width=\"8.749995\"/></g></svg>\n        <svg *ngSwitchCase=\"'publish'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"block w-16 h-16 text-primary-light\" focusable=\"false\" aria-hidden=\"true\" role=\"presentation\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M16.094 91.17a9.707 9.707 0 01-5.145-17.938L118.767 5.833a9.7 9.7 0 0114.676 10.034l-21 111.842a9.707 9.707 0 01-17.301 4.031L64.75 91.17z\" stroke-width=\"8.749995\"/><path d=\"M64.75 91.17H50.167v30.163a9.7 9.7 0 0015.166 8.015l18.539-12.635zM64.744 91.17l64.633-85.11\" stroke-width=\"8.749995\"/></g></svg>\n      </ng-container>\n  </div>\n\n  <ng-container [ngSwitch]=\"headingLevel > 0 && headingLevel < 6 ? headingLevel : 2\">\n    <h1 *ngSwitchCase=\"1\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h1>\n    <h2 *ngSwitchCase=\"2\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h2>\n    <h3 *ngSwitchCase=\"3\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h3>\n    <h4 *ngSwitchCase=\"4\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h4>\n    <h5 *ngSwitchCase=\"5\" [attr.id]=\"'label-' + id\" [class]=\"getTitleClasses()\" tabindex=\"-1\">\n      <ng-container *desyCustomInnerContent=\"{\n        component: this.titleComponent,\n        html: this.title ? this.title.html : null,\n        text: this.title ? this.title.text : null\n      }\"></ng-container>\n    </h5>\n  </ng-container>\n\n  <div *ngIf=\"descriptionIsHtml\" [class]=\"getDescriptionClasses()\"\n       (desyContentChange)=\"checkDescriptionContent($event)\" [observeProperties]=\"{ attributes: false, childList: true, characterData: true, subtree: true }\">\n    <ng-container *desyCustomInnerContent=\"{\n      component: descriptionComponent,\n      html: description ? description.html : null,\n      text: description ? description.text : null\n    }\"></ng-container>\n  </div>\n  <p *ngIf=\"!descriptionIsHtml\" [class]=\"getDescriptionClasses()\"\n     (desyContentChange)=\"checkDescriptionContent($event)\" [observeProperties]=\"{ attributes: false, childList: true, characterData: true, subtree: true }\">\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\n  <div *ngIf=\"contentComponent || caller\" class=\"p-base\">\n    <ng-container *desyCustomInnerContent=\"{ component: contentComponent, template: caller }\"></ng-container>\n  </div>\n\n  <div class=\"flex flex-wrap gap-sm w-full\" *ngIf=\"itemsPrimary || (primaryButtonComponents && primaryButtonComponents.length > 0) || itemsSecondary || (secondaryButtonComponents && secondaryButtonComponents.length > 0)\"\n  [ngClass]=\"(itemsPrimary || (primaryButtonComponents && primaryButtonComponents.length > 0)) && (itemsSecondary || (secondaryButtonComponents && secondaryButtonComponents.length > 0)) ? 'justify-between' : 'justify-center'\">\n    <ng-template #buttons let-items=\"items\">\n      <ng-container *ngIf=\"items\">\n        <div class=\"mt-sm\" *ngIf=\"items.length === 1\">\n          <desy-button (clickEvent)=\"clickButtonEmit(items[0], $event)\"\n           [disabled]=\"items[0].disabled\"\n           [classes]=\"items[0].classes\"\n           [id]=\"items[0].id\"\n           [text]=\"items[0].text\"\n           [html]=\"items[0].html\"\n           [element]=\"items[0].element\"\n           [name]=\"items[0].name\"\n           [type]=\"items[0].type\"\n           [value]=\"items[0].value\"\n           [href]=\"items[0].href\"\n           [target]=\"items[0].target\"\n           [preventDoubleClick]=\"items[0].preventDoubleClick\"\n           [routerLink]=\"items[0].routerLink\"\n           [routerLinkActiveClasses]=\"items[0].routerLinkActiveClasses\">\n            <ng-container *desyCustomInnerContent=\"{ component: items[0], text: items[0].text }\"></ng-container>\n          </desy-button>\n        </div>\n\n        <!-- FIXME De momento se mantiene el nbsp por no tener clases diferentes a desy-html.\n              Eliminar al adaptar a una versi\u00F3n de desy-html que lo contemple -->\n        <ul class=\"flex flex-wrap gap-sm\" *ngIf=\"items.length > 1\">\n          <ng-container *ngFor=\"let item of items\">\n            <li>\n              <desy-button (clickEvent)=\"clickButtonEmit(item, $event)\"\n                [disabled]=\"item.disabled\"\n                [classes]=\"item.classes\"\n                [id]=\"item.id\"\n                [text]=\"item.text\"\n                [html]=\"item.html\"\n                [element]=\"item.element\"\n                [name]=\"item.name\"\n                [type]=\"item.type\"\n                [value]=\"item.value\"\n                [href]=\"item.href\"\n                [target]=\"item.target\"\n                [preventDoubleClick]=\"item.preventDoubleClick\"\n                [routerLink]=\"item.routerLink\"\n                [routerLinkActiveClasses]=\"item.routerLinkActiveClasses\">\n                <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\n              </desy-button>\n            </li>&nbsp;\n          </ng-container>\n        </ul>\n      </ng-container>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"buttons; context: { items: getPrimaryItems() }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"buttons; context: { items: getSecondaryItems() }\"></ng-container>\n  </div>\n\n  <!-- Button loader -->\n  <div class=\"flex flex-wrap gap-sm w-full\" *ngIf=\"(primaryButtonLoaderComponents && primaryButtonLoaderComponents.length > 0) || (secondaryButtonLoaderComponents && secondaryButtonLoaderComponents.length > 0)\" \n  [ngClass]=\"((primaryButtonLoaderComponents && primaryButtonLoaderComponents.length > 0)) && ((secondaryButtonLoaderComponents && secondaryButtonLoaderComponents.length > 0)) ? 'justify-between' : 'justify-center'\">\n    <ng-template #buttonsLoader let-items=\"items\">\n      <ng-container *ngIf=\"items\">\n        <div class=\"mt-sm\" *ngIf=\"items.length === 1\">\n          <desy-button-loader (clickEvent)=\"clickButtonEmit(items[0], $event)\"\n              [loaderText]=\"items[0].loaderText\"\n              [loaderClasses]=\"items[0].loaderClasses\"\n              [state]=\"items[0].state\"\n              [successText]=\"items[0].successText\"\n              [disabled]=\"items[0].disabled\"\n              [classes]=\"(items[0].state === null || items[0].state === 'is-success') ? items[0].classes : items[0].classes + ' c-button-loader--is-loading'\"\n              [id]=\"items[0].id\"\n              [text]=\"items[0].text\"\n              [html]=\"items[0].html\"\n              [element]=\"items[0].element\"\n              [name]=\"items[0].name\"\n              [type]=\"items[0].type\"\n              [value]=\"items[0].value\"\n              [href]=\"items[0].href\"\n              [target]=\"items[0].target\"\n              [preventDoubleClick]=\"items[0].preventDoubleClick\"\n              [routerLink]=\"items[0].routerLink\"\n              [routerLinkActiveClasses]=\"items[0].routerLinkActiveClasses\">\n            <ng-container *desyCustomInnerContent=\"{ component: items[0], text: items[0].text }\"></ng-container>\n          </desy-button-loader>\n        </div>\n\n        <ul class=\"flex flex-wrap gap-sm\" *ngIf=\"items.length > 1\">\n          <ng-container *ngFor=\"let item of items\">\n            <li>\n              <desy-button-loader (clickEvent)=\"clickButtonEmit(item, $event)\"\n                  [loaderText]=\"item.loaderText\"\n                  [loaderClasses]=\"item.loaderClasses\"\n                  [state]=\"item.state\"\n                  [successText]=\"item.successText\"\n                  [disabled]=\"item.disabled\"\n                  [classes]=\"(item.state === null || item.state === 'is-success') ? item.classes : item.classes + ' c-button-loader--is-loading'\"\n                  [id]=\"item.id\"\n                  [text]=\"item.text\"\n                  [html]=\"item.html\"\n                  [element]=\"item.element\"\n                  [name]=\"item.name\"\n                  [type]=\"item.type\"\n                  [value]=\"item.value\"\n                  [href]=\"item.href\"\n                  [target]=\"item.target\"\n                  [preventDoubleClick]=\"item.preventDoubleClick\"\n                  [routerLink]=\"item.routerLink\"\n                  [routerLinkActiveClasses]=\"item.routerLinkActiveClasses\">\n                <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\n              </desy-button-loader>\n            </li>&nbsp;\n          </ng-container>\n        </ul>\n      </ng-container>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"buttonsLoader; context: { items: getPrimaryLoaderItems() }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"buttonsLoader; context: { items: getSecondaryLoaderItems() }\"></ng-container>\n  </div>\n\n  <ng-container *ngIf=\"isDismissible\">\n    <div class=\"absolute top-0 right-0 p-sm lg:p-base\">\n      <button (click)=\"closeDialog()\" 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 la ventana emergente\">\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" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{

package/esm2020/lib/desy-modals/desy-modals.module.mjs CHANGED Viewed

@@ -13,8 +13,8 @@ import { ModalButtonLoaderSecondaryComponent } from './components/modal/modal-bu
 import * as i0 from "@angular/core";
 export class DesyModalsModule {
 }
-DesyModalsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DesyModalsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DesyModalsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: DesyModalsModule, declarations: [ModalComponent,
+DesyModalsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DesyModalsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DesyModalsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DesyModalsModule, declarations: [ModalComponent,
         ModalButtonPrimaryComponent,
         ModalButtonSecondaryComponent,
         ModalButtonLoaderPrimaryComponent,
@@ -28,11 +28,11 @@ DesyModalsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         ModalButtonLoaderPrimaryComponent,
         ModalButtonLoaderSecondaryComponent,
         DialogComponent] });
-DesyModalsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DesyModalsModule, imports: [CommonModule,
+DesyModalsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DesyModalsModule, imports: [CommonModule,
         A11yModule,
         SharedModule,
         DesyButtonsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DesyModalsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DesyModalsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/desy-modals/interfaces/dialog-options.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLW9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LW1vZGFscy9pbnRlcmZhY2VzL2RpYWxvZy1vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBY2Nlc2liaWxpdHlEYXRhIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2ludGVyZmFjZXMvYWNjZXNpYmlsaXR5LWRhdGEnO1xuaW1wb3J0IHsgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERpYWxvZ09wdGlvbnMgZXh0ZW5kcyBBY2Nlc2liaWxpdHlEYXRhIHtcbiAgaWQ6IGFueTtcbiAgY2xhc3Nlcz86IHN0cmluZztcbiAgZm9jdXNPbkNsb3NlPzogc3RyaW5nfEhUTUxFbGVtZW50O1xuICBkaXNtaXNzT25CYWNrZHJvcD86IGJvb2xlYW47XG4gIHJvb3RWaWV3Q29udGFpbmVyPzogVmlld0NvbnRhaW5lclJlZjtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLW9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LW1vZGFscy9pbnRlcmZhY2VzL2RpYWxvZy1vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBY2Nlc2liaWxpdHlEYXRhIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2ludGVyZmFjZXMvYWNjZXNpYmlsaXR5LWRhdGEnO1xuaW1wb3J0IHsgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERpYWxvZ09wdGlvbnMgZXh0ZW5kcyBBY2Nlc2liaWxpdHlEYXRhIHtcbiAgaWQ6IGFueTtcbiAgY2xhc3Nlcz86IHN0cmluZztcbiAgZm9jdXNPbkNsb3NlPzogc3RyaW5nfEhUTUxFbGVtZW50O1xuICBkaXNtaXNzT25CYWNrZHJvcD86IGJvb2xlYW47XG4gIHJvb3RWaWV3Q29udGFpbmVyPzogVmlld0NvbnRhaW5lclJlZjtcbiAgZm9jdXNPblNob3c/OiBzdHJpbmd8SFRNTEVsZW1lbnQ7XG59XG4iXX0=

package/esm2020/lib/desy-modals/services/dialog.service.mjs CHANGED Viewed

@@ -103,9 +103,9 @@ export class DialogService {
         }
     }
 }
-DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable });
-DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DialogService, decorators: [{
+DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable });
+DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/lib/desy-nav/components/breadcrumbs/breadcrumbs-item/breadcrumbs-item.component.mjs CHANGED Viewed

@@ -3,9 +3,9 @@ import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class BreadcrumbsItemComponent extends ContentBaseComponent {
 }
-BreadcrumbsItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BreadcrumbsItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbsItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: BreadcrumbsItemComponent, selector: "desy-breadcrumbs-item", inputs: { id: "id", routerLink: "routerLink" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BreadcrumbsItemComponent, decorators: [{
+BreadcrumbsItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BreadcrumbsItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbsItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BreadcrumbsItemComponent, selector: "desy-breadcrumbs-item", inputs: { id: "id", routerLink: "routerLink" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BreadcrumbsItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-breadcrumbs-item', template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n" }]
         }], propDecorators: { id: [{

package/esm2020/lib/desy-nav/components/breadcrumbs/breadcrumbs.component.mjs CHANGED Viewed

@@ -25,9 +25,9 @@ export class BreadcrumbsComponent extends AccessibilityComponent {
         return itemList;
     }
 }
-BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: BreadcrumbsComponent, selector: "desy-breadcrumbs", inputs: { items: "items", classes: "classes", id: "id", collapseOnMobile: "collapseOnMobile", hasBackButton: "hasBackButton" }, queries: [{ propertyName: "itemComponentList", predicate: BreadcrumbsItemComponent }], usesInheritance: true, ngImport: i0, template: "<nav [class]=\"(classes ? 'c-breadcrumbs ' + classes : 'c-breadcrumbs') + (collapseOnMobile===true ? ' ' + 'c-breadcrumbs--collapse-on-mobile' : '')\"\n    [attr.id]=\"id ? id : null\"\n    [attr.role]=\"role\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-errormessage]=\"ariaErrorMessage\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : 'Est\u00E1s en: '\"\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    <ol [class]=\"'lg:grid lg:grid-cols-max-content-'+getLength()+' w-full items-baseline text-sm'\">\n        <li *ngIf=\"hasBackButton\" class=\"c-breadcrumbs__backbutton flex items-baseline font-bold text-primary-base\">\n            <a (click)=\"goBack()\" class=\"px-sm border-r border-neutral-base focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black cursor-pointer\">\n                <span class=\"sr-only\">Volver a la p\u00E1gina anterior</span><span aria-hidden=\"true\" title=\"Volver a la p\u00E1gina anterior\">&larr;</span>\n            </a>\n        </li>\n        <ng-container *ngFor=\"let item of getItemList(); last as isLast; index as index\">\n            <li *ngIf=\"!isLast\" class=\"flex items-baseline mb-sm py-xs text-neutral-dark\"  [ngClass]=\"{'hover:text-black' : item.routerLink}\">\n                <a *ngIf=\"item.routerLink\" class=\"underline focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black truncate\"\n                    [routerLink]=\"item.routerLink\"\n                    [attr.id]=\"item.id ? item.id : null\"\n                    [attr.role]=\"item.role\"\n                    [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                    [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                    [attr.aria-label]=\"item.ariaLabel\"\n                    [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                    [attr.aria-hidden]=\"item.ariaHidden\"\n                    [attr.aria-disabled]=\"item.ariaDisabled\"\n                    [attr.aria-controls]=\"item.ariaControls\"\n                    [attr.aria-current]=\"item.ariaCurrent\"\n                    [attr.aria-live]=\"item.ariaLive\"\n                    [attr.aria-expanded]=\"item.ariaExpanded\"\n                    [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                    [attr.tabindex]=\"item.tabindex\">\n                  <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n                </a>\n                <span *ngIf=\"!item.routerLink\" class=\"no-underline truncate\"\n                      [attr.id]=\"item.id ? item.id : null\"\n                      [attr.role]=\"item.role\"\n                      [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                      [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                      [attr.aria-label]=\"item.ariaLabel\"\n                      [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                      [attr.aria-hidden]=\"item.ariaHidden\"\n                      [attr.aria-disabled]=\"item.ariaDisabled\"\n                      [attr.aria-controls]=\"item.ariaControls\"\n                      [attr.aria-current]=\"item.ariaCurrent\"\n                      [attr.aria-live]=\"item.ariaLive\"\n                      [attr.aria-expanded]=\"item.ariaExpanded\"\n                      [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                      [attr.tabindex]=\"item.tabindex\">\n                  <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n                </span>\n            </li>\n            <li *ngIf=\"isLast\" class=\"flex items-baseline mb-sm py-xs text-neutral-dark flex-1 font-semibold\"  [ngClass]=\"{'hover:text-black' : item.routerLink}\">\n                <a *ngIf=\"item.routerLink\" class=\"underline focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black text-black font-semibold no-underline truncate\"\n                    aria-current=\"page\" [routerLink]=\"item.routerLink\"\n                    [attr.id]=\"item.id ? item.id : null\"\n                    [attr.role]=\"item.role\"\n                    [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                    [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                    [attr.aria-label]=\"item.ariaLabel\"\n                    [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                    [attr.aria-hidden]=\"item.ariaHidden\"\n                    [attr.aria-disabled]=\"item.ariaDisabled\"\n                    [attr.aria-controls]=\"item.ariaControls\"\n                    [attr.aria-live]=\"item.ariaLive\"\n                    [attr.aria-expanded]=\"item.ariaExpanded\"\n                    [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                    [attr.tabindex]=\"item.tabindex\">\n                  <strong>\n                    <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n                  </strong>\n                </a>\n                <span *ngIf=\"!item.routerLink\" class=\"no-underline text-black truncate\" aria-current=\"page\"\n                    [attr.id]=\"item.id ? item.id : null\"\n                    [attr.role]=\"item.role\"\n                    [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                    [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                    [attr.aria-label]=\"item.ariaLabel\"\n                    [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                    [attr.aria-hidden]=\"item.ariaHidden\"\n                    [attr.aria-disabled]=\"item.ariaDisabled\"\n                    [attr.aria-controls]=\"item.ariaControls\"\n                    [attr.aria-live]=\"item.ariaLive\"\n                    [attr.aria-expanded]=\"item.ariaExpanded\"\n                    [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                    [attr.tabindex]=\"item.tabindex\">\n                  <strong>\n                    <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n                  </strong>\n                </span>\n            </li>\n        </ng-container>\n    </ol>\n</nav>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
+BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BreadcrumbsComponent, selector: "desy-breadcrumbs", inputs: { items: "items", classes: "classes", id: "id", collapseOnMobile: "collapseOnMobile", hasBackButton: "hasBackButton" }, queries: [{ propertyName: "itemComponentList", predicate: BreadcrumbsItemComponent }], usesInheritance: true, ngImport: i0, template: "<nav [class]=\"(classes ? 'c-breadcrumbs ' + classes : 'c-breadcrumbs') + (collapseOnMobile===true ? ' ' + 'c-breadcrumbs--collapse-on-mobile' : '')\"\n    [attr.id]=\"id ? id : null\"\n    [attr.role]=\"role\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-errormessage]=\"ariaErrorMessage\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : 'Est\u00E1s en: '\"\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    <ol [class]=\"'lg:grid lg:grid-cols-max-content-'+getLength()+' w-full items-baseline text-sm'\">\n        <li *ngIf=\"hasBackButton\" class=\"c-breadcrumbs__backbutton flex items-baseline font-bold text-primary-base\">\n            <a (click)=\"goBack()\" class=\"px-sm border-r border-neutral-base focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black cursor-pointer\">\n                <span class=\"sr-only\">Volver a la p\u00E1gina anterior</span><span aria-hidden=\"true\" title=\"Volver a la p\u00E1gina anterior\">&larr;</span>\n            </a>\n        </li>\n        <ng-container *ngFor=\"let item of getItemList(); last as isLast; index as index\">\n            <li *ngIf=\"!isLast\" class=\"flex items-baseline mb-sm py-xs text-neutral-dark\"  [ngClass]=\"{'hover:text-black' : item.routerLink}\">\n                <a *ngIf=\"item.routerLink\" class=\"underline focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black truncate\"\n                    [routerLink]=\"item.routerLink\"\n                    [attr.id]=\"item.id ? item.id : null\"\n                    [attr.role]=\"item.role\"\n                    [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                    [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                    [attr.aria-label]=\"item.ariaLabel\"\n                    [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                    [attr.aria-hidden]=\"item.ariaHidden\"\n                    [attr.aria-disabled]=\"item.ariaDisabled\"\n                    [attr.aria-controls]=\"item.ariaControls\"\n                    [attr.aria-current]=\"item.ariaCurrent\"\n                    [attr.aria-live]=\"item.ariaLive\"\n                    [attr.aria-expanded]=\"item.ariaExpanded\"\n                    [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                    [attr.tabindex]=\"item.tabindex\">\n                  <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n                </a>\n                <span *ngIf=\"!item.routerLink\" class=\"no-underline truncate\"\n                      [attr.id]=\"item.id ? item.id : null\"\n                      [attr.role]=\"item.role\"\n                      [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                      [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                      [attr.aria-label]=\"item.ariaLabel\"\n                      [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                      [attr.aria-hidden]=\"item.ariaHidden\"\n                      [attr.aria-disabled]=\"item.ariaDisabled\"\n                      [attr.aria-controls]=\"item.ariaControls\"\n                      [attr.aria-current]=\"item.ariaCurrent\"\n                      [attr.aria-live]=\"item.ariaLive\"\n                      [attr.aria-expanded]=\"item.ariaExpanded\"\n                      [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                      [attr.tabindex]=\"item.tabindex\">\n                  <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n                </span>\n            </li>\n            <li *ngIf=\"isLast\" class=\"flex items-baseline mb-sm py-xs text-neutral-dark flex-1 font-semibold\"  [ngClass]=\"{'hover:text-black' : item.routerLink}\">\n                <a *ngIf=\"item.routerLink\" class=\"underline focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black text-black font-semibold no-underline truncate\"\n                    aria-current=\"page\" [routerLink]=\"item.routerLink\"\n                    [attr.id]=\"item.id ? item.id : null\"\n                    [attr.role]=\"item.role\"\n                    [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                    [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                    [attr.aria-label]=\"item.ariaLabel\"\n                    [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                    [attr.aria-hidden]=\"item.ariaHidden\"\n                    [attr.aria-disabled]=\"item.ariaDisabled\"\n                    [attr.aria-controls]=\"item.ariaControls\"\n                    [attr.aria-live]=\"item.ariaLive\"\n                    [attr.aria-expanded]=\"item.ariaExpanded\"\n                    [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                    [attr.tabindex]=\"item.tabindex\">\n                  <strong>\n                    <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n                  </strong>\n                </a>\n                <span *ngIf=\"!item.routerLink\" class=\"no-underline text-black truncate\" aria-current=\"page\"\n                    [attr.id]=\"item.id ? item.id : null\"\n                    [attr.role]=\"item.role\"\n                    [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                    [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                    [attr.aria-label]=\"item.ariaLabel\"\n                    [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                    [attr.aria-hidden]=\"item.ariaHidden\"\n                    [attr.aria-disabled]=\"item.ariaDisabled\"\n                    [attr.aria-controls]=\"item.ariaControls\"\n                    [attr.aria-live]=\"item.ariaLive\"\n                    [attr.aria-expanded]=\"item.ariaExpanded\"\n                    [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                    [attr.tabindex]=\"item.tabindex\">\n                  <strong>\n                    <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n                  </strong>\n                </span>\n            </li>\n        </ng-container>\n    </ol>\n</nav>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-breadcrumbs', template: "<nav [class]=\"(classes ? 'c-breadcrumbs ' + classes : 'c-breadcrumbs') + (collapseOnMobile===true ? ' ' + 'c-breadcrumbs--collapse-on-mobile' : '')\"\n    [attr.id]=\"id ? id : null\"\n    [attr.role]=\"role\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-errormessage]=\"ariaErrorMessage\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : 'Est\u00E1s en: '\"\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    <ol [class]=\"'lg:grid lg:grid-cols-max-content-'+getLength()+' w-full items-baseline text-sm'\">\n        <li *ngIf=\"hasBackButton\" class=\"c-breadcrumbs__backbutton flex items-baseline font-bold text-primary-base\">\n            <a (click)=\"goBack()\" class=\"px-sm border-r border-neutral-base focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black cursor-pointer\">\n                <span class=\"sr-only\">Volver a la p\u00E1gina anterior</span><span aria-hidden=\"true\" title=\"Volver a la p\u00E1gina anterior\">&larr;</span>\n            </a>\n        </li>\n        <ng-container *ngFor=\"let item of getItemList(); last as isLast; index as index\">\n            <li *ngIf=\"!isLast\" class=\"flex items-baseline mb-sm py-xs text-neutral-dark\"  [ngClass]=\"{'hover:text-black' : item.routerLink}\">\n                <a *ngIf=\"item.routerLink\" class=\"underline focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black truncate\"\n                    [routerLink]=\"item.routerLink\"\n                    [attr.id]=\"item.id ? item.id : null\"\n                    [attr.role]=\"item.role\"\n                    [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                    [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                    [attr.aria-label]=\"item.ariaLabel\"\n                    [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                    [attr.aria-hidden]=\"item.ariaHidden\"\n                    [attr.aria-disabled]=\"item.ariaDisabled\"\n                    [attr.aria-controls]=\"item.ariaControls\"\n                    [attr.aria-current]=\"item.ariaCurrent\"\n                    [attr.aria-live]=\"item.ariaLive\"\n                    [attr.aria-expanded]=\"item.ariaExpanded\"\n                    [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                    [attr.tabindex]=\"item.tabindex\">\n                  <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n                </a>\n                <span *ngIf=\"!item.routerLink\" class=\"no-underline truncate\"\n                      [attr.id]=\"item.id ? item.id : null\"\n                      [attr.role]=\"item.role\"\n                      [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                      [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                      [attr.aria-label]=\"item.ariaLabel\"\n                      [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                      [attr.aria-hidden]=\"item.ariaHidden\"\n                      [attr.aria-disabled]=\"item.ariaDisabled\"\n                      [attr.aria-controls]=\"item.ariaControls\"\n                      [attr.aria-current]=\"item.ariaCurrent\"\n                      [attr.aria-live]=\"item.ariaLive\"\n                      [attr.aria-expanded]=\"item.ariaExpanded\"\n                      [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                      [attr.tabindex]=\"item.tabindex\">\n                  <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n                </span>\n            </li>\n            <li *ngIf=\"isLast\" class=\"flex items-baseline mb-sm py-xs text-neutral-dark flex-1 font-semibold\"  [ngClass]=\"{'hover:text-black' : item.routerLink}\">\n                <a *ngIf=\"item.routerLink\" class=\"underline focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black text-black font-semibold no-underline truncate\"\n                    aria-current=\"page\" [routerLink]=\"item.routerLink\"\n                    [attr.id]=\"item.id ? item.id : null\"\n                    [attr.role]=\"item.role\"\n                    [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                    [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                    [attr.aria-label]=\"item.ariaLabel\"\n                    [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                    [attr.aria-hidden]=\"item.ariaHidden\"\n                    [attr.aria-disabled]=\"item.ariaDisabled\"\n                    [attr.aria-controls]=\"item.ariaControls\"\n                    [attr.aria-live]=\"item.ariaLive\"\n                    [attr.aria-expanded]=\"item.ariaExpanded\"\n                    [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                    [attr.tabindex]=\"item.tabindex\">\n                  <strong>\n                    <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n                  </strong>\n                </a>\n                <span *ngIf=\"!item.routerLink\" class=\"no-underline text-black truncate\" aria-current=\"page\"\n                    [attr.id]=\"item.id ? item.id : null\"\n                    [attr.role]=\"item.role\"\n                    [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                    [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                    [attr.aria-label]=\"item.ariaLabel\"\n                    [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                    [attr.aria-hidden]=\"item.ariaHidden\"\n                    [attr.aria-disabled]=\"item.ariaDisabled\"\n                    [attr.aria-controls]=\"item.ariaControls\"\n                    [attr.aria-live]=\"item.ariaLive\"\n                    [attr.aria-expanded]=\"item.ariaExpanded\"\n                    [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                    [attr.tabindex]=\"item.tabindex\">\n                  <strong>\n                    <ng-container *desyCustomInnerContent=\"{ component: item, html: item.html, text: item.text }\"></ng-container>\n                  </strong>\n                </span>\n            </li>\n        </ng-container>\n    </ol>\n</nav>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Location }]; }, propDecorators: { items: [{

package/esm2020/lib/desy-nav/components/error-summary/error-summary-item/error-summary-item.component.mjs CHANGED Viewed

@@ -3,9 +3,9 @@ import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class ErrorSummaryItemComponent extends ContentBaseComponent {
 }
-ErrorSummaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ErrorSummaryItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ErrorSummaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ErrorSummaryItemComponent, selector: "desy-error-summary-item", inputs: { fragment: "fragment", id: "id" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ErrorSummaryItemComponent, decorators: [{
+ErrorSummaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ErrorSummaryItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ErrorSummaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ErrorSummaryItemComponent, selector: "desy-error-summary-item", inputs: { fragment: "fragment", id: "id" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ErrorSummaryItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-error-summary-item',

package/esm2020/lib/desy-nav/components/error-summary/error-summary.component.mjs CHANGED Viewed

@@ -24,15 +24,15 @@ export class ErrorSummaryComponent extends AccessibilityComponent {
         return errorItemList;
     }
 }
-ErrorSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ErrorSummaryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ErrorSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ErrorSummaryComponent, selector: "desy-error-summary", inputs: { titleText: "titleText", titleHtml: "titleHtml", descriptionText: "descriptionText", descriptionHtml: "descriptionHtml", classes: "classes", id: "id", errorList: "errorList" }, queries: [{ propertyName: "titleComponent", predicate: TitleComponent }, { propertyName: "descriptionComponent", predicate: DescriptionComponent }, { propertyName: "errorComponentList", predicate: ErrorSummaryItemComponent }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"['p-base bg-white border-2 border-alert-base', classes] | makeHtmlList\" tabindex=\"-1\"\n     [attr.id]=\"id ? id : null\"\n     [attr.role]=\"role ? role : 'alert'\"\n     [attr.aria-describedby]=\"ariaDescribedBy\"\n     [attr.aria-errormessage]=\"ariaErrorMessage\"\n     [attr.aria-label]=\"ariaLabel\"\n     [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : 'error-summary-title'\"\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  <h2 class=\"mb-base font-bold\" [attr.id]=\"ariaLabelledBy ? ariaLabelledBy :'error-summary-title'\">\n    <ng-container *desyCustomInnerContent=\"{component: titleComponent, html: titleHtml, text: titleText}\"></ng-container>\n  </h2>\n    <div>\n        <p *ngIf=\"(descriptionComponent && descriptionComponent.getContent()) || descriptionHtml || descriptionText\" class=\"mb-base\">\n          <ng-container *desyCustomInnerContent=\"{component: descriptionComponent, html: descriptionHtml, text: descriptionText}\"></ng-container>\n        </p>\n        <ul class=\"font-semibold text-alert-base\">\n          <ng-container *ngFor=\"let item of getErrorItemList(); index as i\">\n            <li *ngIf=\"item.fragment\">\n              <a  routerLink=\"./\" [fragment]=\"item.fragment\" class=\"c-link c-link--alert\"\n                  [attr.id]=\"item.id ? item.id : null\"\n                  [attr.role]=\"item.role\"\n                  [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                  [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                  [attr.aria-label]=\"item.ariaLabel\"\n                  [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                  [attr.aria-hidden]=\"item.ariaHidden\"\n                  [attr.aria-disabled]=\"item.ariaDisabled\"\n                  [attr.aria-controls]=\"item.ariaControls\"\n                  [attr.aria-current]=\"item.ariaCurrent\"\n                  [attr.aria-live]=\"item.ariaLive\"\n                  [attr.aria-expanded]=\"item.ariaExpanded\"\n                  [attr.aria-haspopup]=\"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.fragment\">\n              <ng-container *desyCustomInnerContent=\"{component: item, html: item.html, text: item.text}\"></ng-container>\n            </li>\n          </ng-container>\n        </ul>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }] });
+ErrorSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ErrorSummaryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ErrorSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ErrorSummaryComponent, selector: "desy-error-summary", inputs: { titleText: "titleText", titleHtml: "titleHtml", descriptionText: "descriptionText", descriptionHtml: "descriptionHtml", classes: "classes", id: "id", errorList: "errorList" }, queries: [{ propertyName: "titleComponent", predicate: TitleComponent }, { propertyName: "descriptionComponent", predicate: DescriptionComponent }, { propertyName: "errorComponentList", predicate: ErrorSummaryItemComponent }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"['p-base bg-white border-2 border-alert-base', classes] | makeHtmlList\" tabindex=\"-1\"\n     [attr.id]=\"id ? id : null\"\n     [attr.role]=\"role ? role : 'alert'\"\n     [attr.aria-describedby]=\"ariaDescribedBy\"\n     [attr.aria-errormessage]=\"ariaErrorMessage\"\n     [attr.aria-label]=\"ariaLabel\"\n     [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : 'error-summary-title'\"\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  <h2 class=\"mb-base font-bold\" [attr.id]=\"ariaLabelledBy ? ariaLabelledBy :'error-summary-title'\">\n    <ng-container *desyCustomInnerContent=\"{component: titleComponent, html: titleHtml, text: titleText}\"></ng-container>\n  </h2>\n    <div>\n        <p *ngIf=\"(descriptionComponent && descriptionComponent.getContent()) || descriptionHtml || descriptionText\" class=\"mb-base\">\n          <ng-container *desyCustomInnerContent=\"{component: descriptionComponent, html: descriptionHtml, text: descriptionText}\"></ng-container>\n        </p>\n        <ul class=\"font-semibold text-alert-base\">\n          <ng-container *ngFor=\"let item of getErrorItemList(); index as i\">\n            <li *ngIf=\"item.fragment\">\n              <a  routerLink=\"./\" [fragment]=\"item.fragment\" class=\"c-link c-link--alert\"\n                  [attr.id]=\"item.id ? item.id : null\"\n                  [attr.role]=\"item.role\"\n                  [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                  [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                  [attr.aria-label]=\"item.ariaLabel\"\n                  [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                  [attr.aria-hidden]=\"item.ariaHidden\"\n                  [attr.aria-disabled]=\"item.ariaDisabled\"\n                  [attr.aria-controls]=\"item.ariaControls\"\n                  [attr.aria-current]=\"item.ariaCurrent\"\n                  [attr.aria-live]=\"item.ariaLive\"\n                  [attr.aria-expanded]=\"item.ariaExpanded\"\n                  [attr.aria-haspopup]=\"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.fragment\">\n              <ng-container *desyCustomInnerContent=\"{component: item, html: item.html, text: item.text}\"></ng-container>\n            </li>\n          </ng-container>\n        </ul>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }] });
 __decorate([
     DesyContentChild()
 ], ErrorSummaryComponent.prototype, "titleComponent", void 0);
 __decorate([
     DesyContentChild()
 ], ErrorSummaryComponent.prototype, "descriptionComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ErrorSummaryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ErrorSummaryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-error-summary', template: "<div [class]=\"['p-base bg-white border-2 border-alert-base', classes] | makeHtmlList\" tabindex=\"-1\"\n     [attr.id]=\"id ? id : null\"\n     [attr.role]=\"role ? role : 'alert'\"\n     [attr.aria-describedby]=\"ariaDescribedBy\"\n     [attr.aria-errormessage]=\"ariaErrorMessage\"\n     [attr.aria-label]=\"ariaLabel\"\n     [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : 'error-summary-title'\"\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  <h2 class=\"mb-base font-bold\" [attr.id]=\"ariaLabelledBy ? ariaLabelledBy :'error-summary-title'\">\n    <ng-container *desyCustomInnerContent=\"{component: titleComponent, html: titleHtml, text: titleText}\"></ng-container>\n  </h2>\n    <div>\n        <p *ngIf=\"(descriptionComponent && descriptionComponent.getContent()) || descriptionHtml || descriptionText\" class=\"mb-base\">\n          <ng-container *desyCustomInnerContent=\"{component: descriptionComponent, html: descriptionHtml, text: descriptionText}\"></ng-container>\n        </p>\n        <ul class=\"font-semibold text-alert-base\">\n          <ng-container *ngFor=\"let item of getErrorItemList(); index as i\">\n            <li *ngIf=\"item.fragment\">\n              <a  routerLink=\"./\" [fragment]=\"item.fragment\" class=\"c-link c-link--alert\"\n                  [attr.id]=\"item.id ? item.id : null\"\n                  [attr.role]=\"item.role\"\n                  [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                  [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                  [attr.aria-label]=\"item.ariaLabel\"\n                  [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                  [attr.aria-hidden]=\"item.ariaHidden\"\n                  [attr.aria-disabled]=\"item.ariaDisabled\"\n                  [attr.aria-controls]=\"item.ariaControls\"\n                  [attr.aria-current]=\"item.ariaCurrent\"\n                  [attr.aria-live]=\"item.ariaLive\"\n                  [attr.aria-expanded]=\"item.ariaExpanded\"\n                  [attr.aria-haspopup]=\"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.fragment\">\n              <ng-container *desyCustomInnerContent=\"{component: item, html: item.html, text: item.text}\"></ng-container>\n            </li>\n          </ng-container>\n        </ul>\n    </div>\n</div>\n" }]
         }], propDecorators: { titleText: [{

package/esm2020/lib/desy-nav/components/footer/footer-meta/footer-meta-item/footer-meta-item.component.mjs CHANGED Viewed

@@ -3,9 +3,9 @@ import { ContentBaseComponent } from '../../../../../shared/components';
 import * as i0 from "@angular/core";
 export class FooterMetaItemComponent extends ContentBaseComponent {
 }
-FooterMetaItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FooterMetaItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FooterMetaItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FooterMetaItemComponent, selector: "desy-footer-meta-item", inputs: { href: "href", routerLink: "routerLink", fragment: "fragment" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FooterMetaItemComponent, decorators: [{
+FooterMetaItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterMetaItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FooterMetaItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FooterMetaItemComponent, selector: "desy-footer-meta-item", inputs: { href: "href", routerLink: "routerLink", fragment: "fragment" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterMetaItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-footer-meta-item',

package/esm2020/lib/desy-nav/components/footer/footer-meta/footer-meta.component.mjs CHANGED Viewed

@@ -7,12 +7,12 @@ import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class FooterMetaComponent extends ContentBaseComponent {
 }
-FooterMetaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FooterMetaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FooterMetaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FooterMetaComponent, selector: "desy-footer-meta", inputs: { visuallyHiddenTitle: "visuallyHiddenTitle" }, queries: [{ propertyName: "contentComponent", predicate: ContentComponent }, { propertyName: "itemComponents", predicate: FooterMetaItemComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+FooterMetaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterMetaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FooterMetaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FooterMetaComponent, selector: "desy-footer-meta", inputs: { visuallyHiddenTitle: "visuallyHiddenTitle" }, queries: [{ propertyName: "contentComponent", predicate: ContentComponent }, { propertyName: "itemComponents", predicate: FooterMetaItemComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     DesyContentChild()
 ], FooterMetaComponent.prototype, "contentComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FooterMetaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterMetaComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-footer-meta',

package/esm2020/lib/desy-nav/components/footer/footer-navigation/footer-navigation-item/footer-navigation-item.component.mjs CHANGED Viewed

@@ -3,9 +3,9 @@ import { ContentBaseComponent } from '../../../../../shared/components';
 import * as i0 from "@angular/core";
 export class FooterNavigationItemComponent extends ContentBaseComponent {
 }
-FooterNavigationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FooterNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FooterNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FooterNavigationItemComponent, selector: "desy-footer-navigation-item", inputs: { href: "href", routerLink: "routerLink", fragment: "fragment" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FooterNavigationItemComponent, decorators: [{
+FooterNavigationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FooterNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FooterNavigationItemComponent, selector: "desy-footer-navigation-item", inputs: { href: "href", routerLink: "routerLink", fragment: "fragment" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterNavigationItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-footer-navigation-item',

package/esm2020/lib/desy-nav/components/footer/footer-navigation/footer-navigation.component.mjs CHANGED Viewed

@@ -3,9 +3,9 @@ import { FooterNavigationItemComponent } from './footer-navigation-item/footer-n
 import * as i0 from "@angular/core";
 export class FooterNavigationComponent {
 }
-FooterNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FooterNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FooterNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FooterNavigationComponent, selector: "desy-footer-navigation", inputs: { title: "title", columns: "columns" }, queries: [{ propertyName: "itemComponents", predicate: FooterNavigationItemComponent }], ngImport: i0, template: "" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FooterNavigationComponent, decorators: [{
+FooterNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FooterNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FooterNavigationComponent, selector: "desy-footer-navigation", inputs: { title: "title", columns: "columns" }, queries: [{ propertyName: "itemComponents", predicate: FooterNavigationItemComponent }], ngImport: i0, template: "" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-footer-navigation', template: "" }]
         }], propDecorators: { title: [{

package/esm2020/lib/desy-nav/components/footer/footer.component.mjs CHANGED Viewed

@@ -27,8 +27,8 @@ export class FooterComponent extends AccessibilityComponent {
         return meta instanceof FooterMetaComponent ? meta.contentComponent : null;
     }
 }
-FooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FooterComponent, selector: "desy-footer", inputs: { meta: "meta", navigation: "navigation", icon: "icon", containerClasses: "containerClasses", classes: "classes", description: "description", noLogo: "noLogo" }, queries: [{ propertyName: "iconComponent", predicate: IconComponent }, { propertyName: "metaComponent", predicate: FooterMetaComponent }, { propertyName: "descriptionComponent", predicate: DescriptionComponent }, { propertyName: "navigationComponent", predicate: FooterNavigationComponent }], usesInheritance: true, ngImport: i0, template: "<footer [class]=\"['py-base bg-neutral-lighter border-t border-neutral-base text-xs lg:text-sm text-neutral-dark', classes] | makeHtmlList\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n        [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n        [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n        [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n        [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n        [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n        [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n        [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n        [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n        [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n        [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n        [attr.tabindex]=\"tabindex ? tabindex : null\">\n  <div [class]=\"['container mx-auto px-base', containerClasses] | makeHtmlList\">\n    <ng-container *ngIf=\"getNavigationItems()\">\n      <div class=\"flex flex-col lg:flex-row flex-wrap gap-base\">\n        <div class=\"flex-1\" *ngFor=\"let nav of getNavigationItems()\">\n          <div class=\"lg:flex-1\">\n            <h3 class=\"c-h3 mb-base\">{{nav.title}}</h3>\n          </div>\n          <ul [class]=\"'grid grid-cols-1 gap-base lg:grid-cols-' + nav.columns\">\n            <li class=\"mb-xs\" *ngFor=\"let item of getNavigationItemItems(nav)\">\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\n    <div class=\"flex flex-wrap flex-col lg:flex-row justify-between\">\n      <div class=\"mb-base\">\n        <ng-template #metaTemplate let-metaElement=\"metaElement\">\n          <ng-container *ngIf=\"metaElement\">\n            <h2 class=\"sr-only\">{{(metaElement.visuallyHiddenTitle ? metaElement.visuallyHiddenTitle : 'Enlaces de pie de p\u00E1gina')}}</h2>\n            <ul class=\"flex flex-col lg:flex-row lg:flex-wrap mb-base\" *ngIf=\"getMetaItems(metaElement)\">\n              <li class=\"mb-sm mr-base\" *ngFor=\"let item of getMetaItems(metaElement)\">\n                <ng-container *ngTemplateOutlet=\"item.href !== null ? itemHref : itemRouterLink; context: {item: item}\"></ng-container>\n              </li>\n            </ul>\n            <div class=\"mb-sm\"  *ngIf=\"getMetaContent(metaElement) || metaElement.html || metaElement.text\">\n              <p>\n                <ng-container *desyCustomInnerContent=\"{ component: getMetaContent(metaElement), html: metaElement.html, text: metaElement.text }\"></ng-container>\n              </p>\n            </div>\n          </ng-container>\n        </ng-template>\n        <ng-container *ngTemplateOutlet=\"metaTemplate; context: { metaElement: metaComponent ? metaComponent : meta }\"></ng-container>\n\n        <!-- Description -->\n        <div *ngIf=\"descriptionComponent || description?.html || description?.text; else noDesc\">\n          <h2 class=\"sr-only\">{{descriptionComponent?.visuallyHiddenTitle ? descriptionComponent?.visuallyHiddenTitle : description?.visuallyHiddenTitle ? description?.visuallyHiddenTitle : 'Acerca de'}}</h2>\n          <ng-container *desyCustomInnerContent=\"{ component: descriptionComponent, html: description?.html, text: description?.text }\"></ng-container>\n        </div>\n        <ng-template #noDesc>\n          <div class=\"leading-tight\">\n            <p>\n              Todo el contenido bajo\n              <a class=\"c-link c-link--neutral\" href=\"https://creativecommons.org/licenses/by/4.0/legalcode.es\" rel=\"license\"\n                target=\"_blank\">licencia CC BY 4.0</a>\n            </p>\n          </div>\n          <div class=\"leading-tight\">\n            <p>\n              <a target=\"_blank\" class=\"c-link c-link--neutral\" href=\"https://www.aragon.es/\">Gobierno de Arag\u00F3n</a>. Edificio\n              Pignatelli. <abbr title=\u201DPaseo\u201D>P\u00BA</abbr> Mar\u00EDa Agust\u00EDn, 36. 50004 - Zaragoza - <abbr title=\"Tel\u00E9fono\"\n                class=\"no-underline\">Tel.</abbr> <a href=\"tel:+976714000\" class=\"c-link c-link--neutral\">976 714 000</a>\n            </p>\n          </div>\n        </ng-template>\n\n      </div>\n      <div class=\"mb-base lg:pl-base overflow-hidden\">\n        <p *ngIf=\"iconComponent || icon?.html\">\n          <ng-container *desyCustomInnerContent=\"{ component: iconComponent, html: icon?.html }\"></ng-container>\n        </p>\n        <p *ngIf=\"!noLogo\">\n          <a href=\"http://www.aragon.es/Fondos_Europeos\" target=\"_blank\" 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]=\"item.href | externalHref\"\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    <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\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    <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\n  </a>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }, { kind: "pipe", type: i5.ExternalHrefPipe, name: "externalHref" }] });
+FooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FooterComponent, selector: "desy-footer", inputs: { meta: "meta", navigation: "navigation", icon: "icon", containerClasses: "containerClasses", classes: "classes", description: "description", noLogo: "noLogo" }, queries: [{ propertyName: "iconComponent", predicate: IconComponent }, { propertyName: "metaComponent", predicate: FooterMetaComponent }, { propertyName: "descriptionComponent", predicate: DescriptionComponent }, { propertyName: "navigationComponent", predicate: FooterNavigationComponent }], usesInheritance: true, ngImport: i0, template: "<footer [class]=\"['py-base bg-neutral-lighter border-t border-neutral-base text-xs lg:text-sm text-neutral-dark', classes] | makeHtmlList\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n        [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n        [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n        [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n        [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n        [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n        [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n        [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n        [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n        [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n        [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n        [attr.tabindex]=\"tabindex ? tabindex : null\">\n  <div [class]=\"['container mx-auto px-base', containerClasses] | makeHtmlList\">\n    <ng-container *ngIf=\"getNavigationItems()\">\n      <div class=\"flex flex-col lg:flex-row flex-wrap gap-base\">\n        <div class=\"flex-1\" *ngFor=\"let nav of getNavigationItems()\">\n          <div class=\"lg:flex-1\">\n            <h3 class=\"c-h3 mb-base\">{{nav.title}}</h3>\n          </div>\n          <ul [class]=\"'grid grid-cols-1 gap-base lg:grid-cols-' + nav.columns\">\n            <li class=\"mb-xs\" *ngFor=\"let item of getNavigationItemItems(nav)\">\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\n    <div class=\"flex flex-wrap flex-col lg:flex-row justify-between\">\n      <div class=\"mb-base\">\n        <ng-template #metaTemplate let-metaElement=\"metaElement\">\n          <ng-container *ngIf=\"metaElement\">\n            <h2 class=\"sr-only\">{{(metaElement.visuallyHiddenTitle ? metaElement.visuallyHiddenTitle : 'Enlaces de pie de p\u00E1gina')}}</h2>\n            <ul class=\"flex flex-col lg:flex-row lg:flex-wrap mb-base\" *ngIf=\"getMetaItems(metaElement)\">\n              <li class=\"mb-sm mr-base\" *ngFor=\"let item of getMetaItems(metaElement)\">\n                <ng-container *ngTemplateOutlet=\"item.href !== null ? itemHref : itemRouterLink; context: {item: item}\"></ng-container>\n              </li>\n            </ul>\n            <div class=\"mb-sm\"  *ngIf=\"getMetaContent(metaElement) || metaElement.html || metaElement.text\">\n              <p>\n                <ng-container *desyCustomInnerContent=\"{ component: getMetaContent(metaElement), html: metaElement.html, text: metaElement.text }\"></ng-container>\n              </p>\n            </div>\n          </ng-container>\n        </ng-template>\n        <ng-container *ngTemplateOutlet=\"metaTemplate; context: { metaElement: metaComponent ? metaComponent : meta }\"></ng-container>\n\n        <!-- Description -->\n        <div *ngIf=\"descriptionComponent || description?.html || description?.text; else noDesc\">\n          <h2 class=\"sr-only\">{{descriptionComponent?.visuallyHiddenTitle ? descriptionComponent?.visuallyHiddenTitle : description?.visuallyHiddenTitle ? description?.visuallyHiddenTitle : 'Acerca de'}}</h2>\n          <ng-container *desyCustomInnerContent=\"{ component: descriptionComponent, html: description?.html, text: description?.text }\"></ng-container>\n        </div>\n        <ng-template #noDesc>\n          <div class=\"leading-tight\">\n            <p>\n              Todo el contenido bajo\n              <a class=\"c-link c-link--neutral\" href=\"https://creativecommons.org/licenses/by/4.0/legalcode.es\" rel=\"license\"\n                target=\"_blank\">licencia CC BY 4.0</a>\n            </p>\n          </div>\n          <div class=\"leading-tight\">\n            <p>\n              <a target=\"_blank\" class=\"c-link c-link--neutral\" href=\"https://www.aragon.es/\">Gobierno de Arag\u00F3n</a>. Edificio\n              Pignatelli. <abbr title=\u201DPaseo\u201D>P\u00BA</abbr> Mar\u00EDa Agust\u00EDn, 36. 50004 - Zaragoza - <abbr title=\"Tel\u00E9fono\"\n                class=\"no-underline\">Tel.</abbr> <a href=\"tel:+976714000\" class=\"c-link c-link--neutral\">976 714 000</a>\n            </p>\n          </div>\n        </ng-template>\n\n      </div>\n      <div class=\"mb-base lg:pl-base overflow-hidden\">\n        <p *ngIf=\"iconComponent || icon?.html\">\n          <ng-container *desyCustomInnerContent=\"{ component: iconComponent, html: icon?.html }\"></ng-container>\n        </p>\n        <p *ngIf=\"!noLogo\">\n          <a href=\"http://www.aragon.es/Fondos_Europeos\" target=\"_blank\" 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]=\"item.href | externalHref\"\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    <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\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    <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\n  </a>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }, { kind: "pipe", type: i5.ExternalHrefPipe, name: "externalHref" }] });
 __decorate([
     DesyContentChild()
 ], FooterComponent.prototype, "iconComponent", void 0);
@@ -38,7 +38,7 @@ __decorate([
 __decorate([
     DesyContentChild()
 ], FooterComponent.prototype, "descriptionComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: 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\"\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=\"getNavigationItems()\">\n      <div class=\"flex flex-col lg:flex-row flex-wrap gap-base\">\n        <div class=\"flex-1\" *ngFor=\"let nav of getNavigationItems()\">\n          <div class=\"lg:flex-1\">\n            <h3 class=\"c-h3 mb-base\">{{nav.title}}</h3>\n          </div>\n          <ul [class]=\"'grid grid-cols-1 gap-base lg:grid-cols-' + nav.columns\">\n            <li class=\"mb-xs\" *ngFor=\"let item of getNavigationItemItems(nav)\">\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\n    <div class=\"flex flex-wrap flex-col lg:flex-row justify-between\">\n      <div class=\"mb-base\">\n        <ng-template #metaTemplate let-metaElement=\"metaElement\">\n          <ng-container *ngIf=\"metaElement\">\n            <h2 class=\"sr-only\">{{(metaElement.visuallyHiddenTitle ? metaElement.visuallyHiddenTitle : 'Enlaces de pie de p\u00E1gina')}}</h2>\n            <ul class=\"flex flex-col lg:flex-row lg:flex-wrap mb-base\" *ngIf=\"getMetaItems(metaElement)\">\n              <li class=\"mb-sm mr-base\" *ngFor=\"let item of getMetaItems(metaElement)\">\n                <ng-container *ngTemplateOutlet=\"item.href !== null ? itemHref : itemRouterLink; context: {item: item}\"></ng-container>\n              </li>\n            </ul>\n            <div class=\"mb-sm\"  *ngIf=\"getMetaContent(metaElement) || metaElement.html || metaElement.text\">\n              <p>\n                <ng-container *desyCustomInnerContent=\"{ component: getMetaContent(metaElement), html: metaElement.html, text: metaElement.text }\"></ng-container>\n              </p>\n            </div>\n          </ng-container>\n        </ng-template>\n        <ng-container *ngTemplateOutlet=\"metaTemplate; context: { metaElement: metaComponent ? metaComponent : meta }\"></ng-container>\n\n        <!-- Description -->\n        <div *ngIf=\"descriptionComponent || description?.html || description?.text; else noDesc\">\n          <h2 class=\"sr-only\">{{descriptionComponent?.visuallyHiddenTitle ? descriptionComponent?.visuallyHiddenTitle : description?.visuallyHiddenTitle ? description?.visuallyHiddenTitle : 'Acerca de'}}</h2>\n          <ng-container *desyCustomInnerContent=\"{ component: descriptionComponent, html: description?.html, text: description?.text }\"></ng-container>\n        </div>\n        <ng-template #noDesc>\n          <div class=\"leading-tight\">\n            <p>\n              Todo el contenido bajo\n              <a class=\"c-link c-link--neutral\" href=\"https://creativecommons.org/licenses/by/4.0/legalcode.es\" rel=\"license\"\n                target=\"_blank\">licencia CC BY 4.0</a>\n            </p>\n          </div>\n          <div class=\"leading-tight\">\n            <p>\n              <a target=\"_blank\" class=\"c-link c-link--neutral\" href=\"https://www.aragon.es/\">Gobierno de Arag\u00F3n</a>. Edificio\n              Pignatelli. <abbr title=\u201DPaseo\u201D>P\u00BA</abbr> Mar\u00EDa Agust\u00EDn, 36. 50004 - Zaragoza - <abbr title=\"Tel\u00E9fono\"\n                class=\"no-underline\">Tel.</abbr> <a href=\"tel:+976714000\" class=\"c-link c-link--neutral\">976 714 000</a>\n            </p>\n          </div>\n        </ng-template>\n\n      </div>\n      <div class=\"mb-base lg:pl-base overflow-hidden\">\n        <p *ngIf=\"iconComponent || icon?.html\">\n          <ng-container *desyCustomInnerContent=\"{ component: iconComponent, html: icon?.html }\"></ng-container>\n        </p>\n        <p *ngIf=\"!noLogo\">\n          <a href=\"http://www.aragon.es/Fondos_Europeos\" target=\"_blank\" 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]=\"item.href | externalHref\"\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    <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\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    <ng-container *desyCustomInnerContent=\"{ component: item, text: item.text }\"></ng-container>\n  </a>\n</ng-template>\n" }]
         }], propDecorators: { meta: [{

package/esm2020/lib/desy-nav/components/header/header-custom-navigation/header-custom-navigation.component.mjs CHANGED Viewed

@@ -3,9 +3,9 @@ import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class HeaderCustomNavigationComponent extends ContentBaseComponent {
 }
-HeaderCustomNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: HeaderCustomNavigationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-HeaderCustomNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: HeaderCustomNavigationComponent, selector: "desy-header-custom-navigation", usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: HeaderCustomNavigationComponent, decorators: [{
+HeaderCustomNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeaderCustomNavigationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+HeaderCustomNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: HeaderCustomNavigationComponent, selector: "desy-header-custom-navigation", usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeaderCustomNavigationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-header-custom-navigation',