desy-angular 6.0.2 → 7.0.0

package/bundles/desy-angular.umd.min.js

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@angular/animations"),require("@angular/cdk/a11y"),require("@angular/common"),require("@angular/router"),require("@angular/platform-browser"),require("ngx-tippy-wrapper")):"function"==typeof define&&define.amd?define("desy-angular",["exports","@angular/core","@angular/forms","@angular/animations","@angular/cdk/a11y","@angular/common","@angular/router","@angular/platform-browser","ngx-tippy-wrapper"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["desy-angular"]={},e.ng.core,e.ng.forms,e.ng.animations,e.ng.cdk.a11y,e.ng.common,e.ng.router,e.ng.platformBrowser,e.ngxTippyWrapper)}(this,(function(e,t,a,n,r,i,s,o,l){"use strict";function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var p=d(t),c=function(e,t){return c=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])},c(e,t)};function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function a(){this.constructor=e}c(e,t),e.prototype=null===t?Object.create(t):(a.prototype=t.prototype,new a)}function m(e,t,a,n){var r,i=arguments.length,s=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,a):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,a,n);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(s=(i<3?r(s):i>3?r(t,a,s):r(t,a))||s);return i>3&&s&&Object.defineProperty(t,a,s),s}function g(e,t,a,n){return new(a||(a=Promise))((function(r,i){function s(e){try{l(n.next(e))}catch(e){i(e)}}function o(e){try{l(n.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(s,o)}l((n=n.apply(e,t||[])).next())}))}function h(e,t){var a,n,r,i,s={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function o(i){return function(o){return function(i){if(a)throw new TypeError("Generator is already executing.");for(;s;)try{if(a=1,n&&(r=2&i[0]?n.return:i[0]?n.throw||((r=n.return)&&r.call(n),0):n.next)&&!(r=r.call(n,i[1])).done)return r;switch(n=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return s.label++,{value:i[1],done:!1};case 5:s.label++,n=i[1],i=[0];continue;case 7:i=s.ops.pop(),s.trys.pop();continue;default:if(!(r=s.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){s=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){s.label=i[1];break}if(6===i[0]&&s.label<r[1]){s.label=r[1],r=i;break}if(r&&s.label<r[2]){s.label=r[2],s.ops.push(i);break}r[2]&&s.ops.pop(),s.trys.pop();continue}i=t.call(e,s)}catch(e){i=[6,e],n=0}finally{a=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,o])}}}Object.create;function b(e){var t="function"==typeof Symbol&&Symbol.iterator,a=t&&e[t],n=0;if(a)return a.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function y(e,t){var a="function"==typeof Symbol&&e[Symbol.iterator];if(!a)return e;var n,r,i=a.call(e),s=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)s.push(n.value)}catch(e){r={error:e}}finally{try{n&&!n.done&&(a=i.return)&&a.call(i)}finally{if(r)throw r.error}}return s}function f(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(y(arguments[t]));return e}Object.create;var C=function(){};C.decorators=[{type:t.Component,args:[{selector:"desy-accessibility",template:"<div></div>"}]}],C.propDecorators={role:[{type:t.Input}],ariaLabel:[{type:t.Input}],ariaDescribedBy:[{type:t.Input}],ariaLabelledBy:[{type:t.Input}],ariaHidden:[{type:t.Input}],ariaDisabled:[{type:t.Input}],ariaControls:[{type:t.Input}],ariaCurrent:[{type:t.Input}],ariaLive:[{type:t.Input}],ariaExpanded:[{type:t.Input}],ariaErrorMessage:[{type:t.Input}],ariaHasPopup:[{type:t.Input}],ariaModal:[{type:t.Input}],tabindex:[{type:t.Input}]};var v=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.getContent=function(){return this.content},t}(C);v.decorators=[{type:t.Component,args:[{selector:"desy-content-base",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],v.propDecorators={content:[{type:t.ViewChild,args:["contentTemplate",{static:!0}]}]};var I=function(){};I.decorators=[{type:t.Component,args:[{selector:"desy-text-or-html-required",template:"<div></div>"}]}],I.propDecorators={text:[{type:t.Input}],html:[{type:t.Input}]};var x=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(I);x.decorators=[{type:t.Component,args:[{selector:"desy-accessibility-and-text-or-html-required",template:"<div></div>"}]}],x.propDecorators={role:[{type:t.Input}],ariaLabel:[{type:t.Input}],ariaDescribedBy:[{type:t.Input}],ariaLabelledBy:[{type:t.Input}],ariaHidden:[{type:t.Input}],ariaDisabled:[{type:t.Input}],ariaControls:[{type:t.Input}],ariaCurrent:[{type:t.Input}],ariaLive:[{type:t.Input}],ariaExpanded:[{type:t.Input}],ariaErrorMessage:[{type:t.Input}],ariaHasPopup:[{type:t.Input}],tabindex:[{type:t.Input}]};var D=function(){};D.decorators=[{type:t.Component,args:[{selector:"desy-accessibility-and-content-required",template:"<div></div>"}]}],D.propDecorators={html:[{type:t.Input}],text:[{type:t.Input}],role:[{type:t.Input}],ariaLabel:[{type:t.Input}],ariaDescribedBy:[{type:t.Input}],ariaLabelledBy:[{type:t.Input}],ariaHidden:[{type:t.Input}],ariaDisabled:[{type:t.Input}],ariaControls:[{type:t.Input}],ariaCurrent:[{type:t.Input}],ariaLive:[{type:t.Input}],ariaExpanded:[{type:t.Input}],ariaErrorMessage:[{type:t.Input}],ariaHasPopup:[{type:t.Input}],tabindex:[{type:t.Input}]};var L=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.hostTabIndex=null,a.clickEvent=new t.EventEmitter,a.avoidingDoubleClick=!1,a}return u(a,e),a.prototype.onClick=function(e){var t=this;this.preventDoubleClick?this.avoidingDoubleClick?e.preventDefault():(this.avoidingDoubleClick=!0,this.clickEvent.emit(e),setTimeout((function(){t.avoidingDoubleClick=!1}),1e3)):this.clickEvent.emit(e)},a.prototype.getElement=function(){return this.element?this.element.toLocaleLowerCase():this.href?a.ELEMENT_A:a.ELEMENT_BUTTON},a.prototype.getClassNames=function(){var e="c-button";return this.classes&&(e+=" "+this.classes),this.disabled&&(e+=" c-button--disabled"),e},a.prototype.isDisabled=function(){return!!this.disabled||null},Object.defineProperty(a.prototype,"staticElementTypeA",{get:function(){return a.ELEMENT_A},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"staticElementTypeButton",{get:function(){return a.ELEMENT_BUTTON},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"staticElementTypeInput",{get:function(){return a.ELEMENT_INPUT},enumerable:!1,configurable:!0}),a}(v);L.ELEMENT_A="a",L.ELEMENT_BUTTON="button",L.ELEMENT_INPUT="input",L.decorators=[{type:t.Component,args:[{selector:"desy-button",template:'<ng-template #contentTemplate>\n   <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]="getElement()">\n  <ng-container *ngSwitchCase="staticElementTypeA">\n  \x3c!-- routerLink modifica href, por eso se duplica para que no convivan en un mismo html --\x3e\n     <a *ngIf="routerLink" draggable="false" (click)="onClick($event)"\n        [routerLink]="routerLink" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\n        [attr.tabindex]="tabindex ? tabindex : (isDisabled() ? -1 : null)"\n        [attr.role]="role ? role : \'button\'"\n        [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\n        [class]="getClassNames()"\n        [attr.id]="id ? id : null" [attr.aria-label]="ariaLabel ? ariaLabel : null" [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null" [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null" [attr.aria-hidden]="ariaHidden ? ariaHidden : null"  [attr.aria-controls]="ariaControls ? ariaControls : null" [attr.aria-current]="ariaCurrent ? ariaCurrent : null" [attr.aria-live]="ariaLive ? ariaLive : null" [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null">\n       <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\n     </a>\n\n     <a *ngIf="!routerLink" draggable="false" (click)="onClick($event)"\n        [href]="href | externalHref"\n        [attr.target]="target ? target : null"\n        [attr.tabindex]="tabindex ? tabindex : (isDisabled() ? -1 : null)"\n        [attr.role]="role ? role : \'button\'"\n        [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\n        [class]="getClassNames()"\n        [attr.id]="id ? id : null" [attr.aria-label]="ariaLabel ? ariaLabel : null" [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null" [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null" [attr.aria-hidden]="ariaHidden ? ariaHidden : null" [attr.aria-controls]="ariaControls ? ariaControls : null" [attr.aria-current]="ariaCurrent ? ariaCurrent : null" [attr.aria-live]="ariaLive ? ariaLive : null"        [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null">\n       <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\n     </a>\n\n  </ng-container>\n\n  <button *ngSwitchCase="staticElementTypeButton" (click)="onClick($event)"\n          [routerLink]="routerLink ? routerLink : null" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\n          [attr.name]="name ? name : null"\n          [attr.value]="value ? value : null"\n          [attr.disabled]="isDisabled()"\n          [attr.role]="role ? role : null"\n          [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\n          [attr.data-prevent-double-click]="preventDoubleClick ? \'true\' : null"\n          [attr.type]="type ? type : null"\n          [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\n          [class]="getClassNames()"\n          [attr.id]="id ? id : null" [attr.aria-label]="ariaLabel ? ariaLabel : null" [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null" [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null" [attr.aria-hidden]="ariaHidden ? ariaHidden : null" [attr.aria-controls]="ariaControls ? ariaControls : null" [attr.aria-current]="ariaCurrent ? ariaCurrent : null" [attr.aria-live]="ariaLive ? ariaLive : null" [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null" [attr.tabindex]="tabindex ? tabindex : null">\n    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\n  </button>\n\n  <input *ngSwitchCase="staticElementTypeInput" (click)="onClick($event)"\n         [routerLink]="routerLink ? routerLink : null" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\n         [attr.name]="name ? name : null"\n         [value]="text ? text : null"\n         [attr.disabled]="isDisabled()"\n         [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\n         [attr.role]="role ? role : null"\n         [attr.data-prevent-double-click]="preventDoubleClick ? \'true\' : null"\n         [attr.type]="type ? type : \'submit\'"\n         [class]="getClassNames()"\n         [attr.id]="id ? id : null" [attr.aria-label]="ariaLabel ? ariaLabel : null" [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null" [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null" [attr.aria-hidden]="ariaHidden ? ariaHidden : null" [attr.aria-controls]="ariaControls ? ariaControls : null" [attr.aria-current]="ariaCurrent ? ariaCurrent : null" [attr.aria-live]="ariaLive ? ariaLive : null" [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null" [attr.tabindex]="tabindex ? tabindex : null">\n</ng-container>\n'}]}],L.propDecorators={hostTabIndex:[{type:t.HostBinding,args:["attr.tabindex"]}],id:[{type:t.Input}],classes:[{type:t.Input}],html:[{type:t.Input}],text:[{type:t.Input}],element:[{type:t.Input}],name:[{type:t.Input}],type:[{type:t.Input}],value:[{type:t.Input}],disabled:[{type:t.Input}],href:[{type:t.Input}],target:[{type:t.Input}],preventDoubleClick:[{type:t.Input}],routerLink:[{type:t.Input}],routerLinkActiveClasses:[{type:t.Input}],clickEvent:[{type:t.Output}]};var E=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.hostTabIndex=null,t}return u(t,e),t.prototype.getClassNames=function(){var e="c-button-loader relative";return this.classes&&(e+=" "+this.classes),this.disabled&&(e+=" c-button-loader--disabled"),e},t.prototype.getSpinnerText=function(){var e=null;return this.state===t.STATE_LOADING&&(e=this.loaderText?this.loaderText:t.DEFAULT_LOADER_TEXT),e},t.prototype.getSuccessText=function(){var e=null;return this.state===t.STATE_SUCCESS&&(e=this.successText?this.successText:t.DEFAULT_SUCCESS_TEXT),e},t}(L);E.STATE_LOADING="is-loading",E.STATE_SUCCESS="is-success",E.DEFAULT_LOADER_TEXT="Acción en curso",E.DEFAULT_SUCCESS_TEXT="Acción realizada con éxito",E.decorators=[{type:t.Component,args:[{selector:"desy-button-loader",template:'<ng-template #spinnerTemplate>\n  <span class="c-button-loader__spinner flex items-center justify-center absolute inset-0">\n    <desy-spinner [text]="getSpinnerText() ? getSpinnerText() : \'Acción en curso\'" [classes]="loaderClasses" ></desy-spinner>\n  </span>\n</ng-template>\n\n<ng-template #successTemplate>\n  <span class="c-button-loader__success flex items-center justify-center absolute inset-0">\n    <span class="sr-only" role="alert" aria-live="assertive">{{ getSuccessText() }}</span>\n    <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"  aria-hidden="true" width="1em" height="1em"><path d="M13.714 42.857A6.857 6.857 0 0 1 8.4 40.183L.857 31.646a3.429 3.429 0 0 1 .309-4.869A3.429 3.429 0 0 1 6 27.12l7.063 7.989a.72.72 0 0 0 .617.308.789.789 0 0 0 .617-.274L42.103 6.206a3.429 3.429 0 0 1 4.937 4.731L18.926 40.526a6.651 6.651 0 0 1-5.212 2.331Z" fill="currentColor"></path></svg></span>\n  </span>\n</ng-template>\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]="getElement()">\n  <ng-container *ngSwitchCase="staticElementTypeA">\n    <a *ngIf="routerLink" draggable="false" (click)="onClick($event)"\n      [routerLink]="routerLink" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\n      role="button"\n      [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\n      [attr.id]="id ? id : null" [attr.aria-label]="ariaLabel ? ariaLabel : null" [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null" [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null" [attr.aria-hidden]="ariaHidden ? ariaHidden : null"  [attr.aria-controls]="ariaControls ? ariaControls : null" [attr.aria-current]="ariaCurrent ? ariaCurrent : null" [attr.aria-live]="ariaLive ? ariaLive : null" [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n      [attr.tabindex]="tabindex ? tabindex : (isDisabled() ? -1 : null)"\n      [class]="getClassNames()">\n      <ng-container *ngTemplateOutlet="spinnerTemplate"></ng-container>\n      <ng-container *ngTemplateOutlet="successTemplate"></ng-container>\n      <span class="c-button-loader__content inline-flex align-baseline" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></span>\n    </a>\n\n    <a *ngIf="!routerLink" draggable="false" (click)="onClick($event)"\n      [href]="href | externalHref" [attr.target]="target ? target : null"\n       [attr.tabindex]="tabindex ? tabindex : (isDisabled() ? -1 : null)"\n      role="button"\n      [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\n      [attr.id]="id ? id : null" [attr.aria-label]="ariaLabel ? ariaLabel : null" [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null" [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null" [attr.aria-hidden]="ariaHidden ? ariaHidden : null"  [attr.aria-controls]="ariaControls ? ariaControls : null" [attr.aria-current]="ariaCurrent ? ariaCurrent : null" [attr.aria-live]="ariaLive ? ariaLive : null" [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n      [class]="getClassNames()">\n      <ng-container *ngTemplateOutlet="spinnerTemplate"></ng-container>\n      <ng-container *ngTemplateOutlet="successTemplate"></ng-container>\n      <span class="c-button-loader__content inline-flex align-baseline" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></span>\n    </a>\n  </ng-container>\n\n  <button *ngSwitchCase="staticElementTypeButton" (click)="onClick($event)"\n          [routerLink]="routerLink ? routerLink : null" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\n          [attr.name]="name ? name : null"\n          [attr.value]="value ? value : null"\n          [attr.disabled]="isDisabled()"\n          [attr.role]="(role ? role : null)"\n          [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\n          [attr.data-prevent-double-click]="preventDoubleClick ? \'true\' : null"\n          [attr.id]="id ? id : null" [attr.aria-label]="ariaLabel ? ariaLabel : null" [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null" [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null" [attr.aria-hidden]="ariaHidden ? ariaHidden : null" [attr.aria-controls]="ariaControls ? ariaControls : null" [attr.aria-current]="ariaCurrent ? ariaCurrent : null" [attr.aria-live]="ariaLive ? ariaLive : null" [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null" [attr.tabindex]="tabindex ? tabindex : null"\n          [attr.type]="type ? type : null"\n          [class]="getClassNames()">\n    <ng-container *ngTemplateOutlet="spinnerTemplate"></ng-container>\n    <ng-container *ngTemplateOutlet="successTemplate"></ng-container>\n    <span class="c-button-loader__content inline-flex align-baseline" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"> <ng-container *ngTemplateOutlet="contentTemplate"></ng-container></span>\n  </button>\n\n  <div *ngSwitchCase="staticElementTypeInput" (click)="onClick($event)"\n       [routerLink]="routerLink ? routerLink : null" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\n       [attr.role]="(role ? role : null)"\n       [attr.id]="id ? id : null" [attr.aria-label]="ariaLabel ? ariaLabel : null" [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null" [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null" [attr.aria-hidden]="ariaHidden ? ariaHidden : null" [attr.aria-controls]="ariaControls ? ariaControls : null" [attr.aria-current]="ariaCurrent ? ariaCurrent : null" [attr.aria-live]="ariaLive ? ariaLive : null" [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null" [attr.tabindex]="tabindex ? tabindex : null"\n       [class]="getClassNames()">\n    <span class="c-button-loader__content inline-flex align-baseline">\n      <input [value]="text ? text : null" [type]="type ? type : \'submit\'" \n      class="bg-transparent font-semibold" \n      [attr.data-prevent-double-click]="preventDoubleClick ? \'true\' : null" \n      [attr.disabled]="isDisabled()"\n      [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\n      [attr.name]="name ? name : null">\n    </span> \n    <ng-container *ngTemplateOutlet="spinnerTemplate"></ng-container>\n    <ng-container *ngTemplateOutlet="successTemplate"></ng-container>\n  </div>\n</ng-container>\n'}]}],E.propDecorators={hostTabIndex:[{type:t.HostBinding,args:["attr.tabindex"]}],loaderText:[{type:t.Input}],loaderClasses:[{type:t.Input}],state:[{type:t.Input}],successText:[{type:t.Input}]};var H=function(){function e(){}return e.getFirstFocusableElement=function(t){var a,n='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';if(!(a=t?t.querySelectorAll(n):document.querySelectorAll(n))||0===a.length)return null;for(var r=null,i=0;i<a.length;){try{var s=a.item(i);if(e.isFocusable(s)){r=s;break}}catch(e){}i++}return r},e.isFocusable=function(e){if(e.tabIndex>0||0===e.tabIndex&&null!==e.getAttribute("tabIndex"))return!0;if(e.disabled)return!1;switch(e.nodeName){case"A":return!!e.href&&"ignore"!==e.rel;case"INPUT":return"hidden"!==e.type&&"file"!==e.type;case"BUTTON":case"SELECT":case"TEXTAREA":return!0;default:return!1}},e}(),w=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.clickEvent=new t.EventEmitter,a.isOpen=!1,a.clickOutsideEnabled=!1,a}return u(a,e),a.prototype.ngOnInit=function(){var e;this.dropdownContent&&this.dropdownContent.nativeElement&&((e=this.dropdownContent.nativeElement).style.display="block",this.tippyProperties={placement:"bottom-start",inlinePositioning:!0,content:e,allowHTML:!0,trigger:"click",hideOnClick:!0,interactive:!0,arrow:!1,offset:[0,-10],theme:"",plugins:[{name:"hideOnPopperBlur",defaultValue:!0,fn:function(e){return{onCreate:function(){e.popper.addEventListener("focusout",(function(t){e.props.hideOnPopperBlur&&t.relatedTarget&&!e.popper.contains(t.relatedTarget)&&e.hide()}))}}}},{name:"hideOnEsc",defaultValue:!0,fn:function(e){var t=e.hide;function n(e){e.key===a.KEY_CODE_ESC&&t()}return{onShow:function(){document.addEventListener("keydown",n)},onHide:function(){document.removeEventListener("keydown",n)}}}}],role:!1,aria:{content:"auto"},onShown:function(t){var a=H.getFirstFocusableElement(e);a&&a.focus()}})},a.prototype.ngOnChanges=function(e){this.classesContainer=this.classesContainer?this.classesContainer:"relative"},a.prototype.onClick=function(e){this.isDisabled()||this.clickEvent.emit(e)},a.prototype.setOpen=function(e){this.isOpen=e},a.prototype.isDisabled=function(){return!!this.disabled||null},a}(D);w.KEY_CODE_ESC="Escape",w.decorators=[{type:t.Component,args:[{selector:"desy-dropdown",template:'<button (click)="onClick($event)"\n        ngxTippy [tippyProps]="tippyProperties"\n        [class]="[\'c-dropdown\', classes] | makeHtmlList"\n        [attr.disabled]="isDisabled() ? \'disabled\' : null"\n        aria-haspopup="true"\n        [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\n        [attr.aria-expanded]="isOpen"\n        [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n        [attr.id]="id ? id : null"\n        [attr.role]="role ? role : null"\n        [attr.aria-label]="ariaLabel ? ariaLabel : null"\n        [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n        [attr.aria-hidden]="ariaHidden ? ariaHidden : 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-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n        [attr.tabIndex]="isDisabled() ? \'-1\' : tabindex">\n  <span class="inline-flex self-center max-w-xs align-middle truncate">\n    <ng-container *desyCustomInnerContent="{ html: html, text: text }"></ng-container>\n    <ng-content></ng-content>\n  </span>\n  <svg class="inline-block -mr-2  align-middle -my-px" viewBox="0 0 96 96" aria-hidden="true" fill="currentColor" focusable="false" width="1.5em" height="1.5em"><g><path d="M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z"/></g></svg>\n</button>\n<span *ngIf="hiddenText" class="sr-only">{{ hiddenText }}</span>\n<div #dropdownContent style="display: none;"\n      [class]="[\'-ml-sm mt-2 border border-neutral-base shadow-md bg-white\', classesTooltip] | makeHtmlList">\n  <ng-container *ngTemplateOutlet="caller"></ng-container>\n</div>'}]}],w.propDecorators={dropdownContent:[{type:t.ViewChild,args:["dropdownContent",{read:t.ElementRef,static:!0}]}],id:[{type:t.Input}],disabled:[{type:t.Input}],hiddenText:[{type:t.Input}],classesContainer:[{type:t.Input},{type:t.HostBinding,args:["class"]}],classesTooltip:[{type:t.Input}],caller:[{type:t.Input}],classes:[{type:t.Input}],clickEvent:[{type:t.Output}]};var k=function(){function e(){}return e.escapeHtml=function(e){return e?e.replace(new RegExp("&","g"),"&amp;").replace(new RegExp("<","g"),"&lt;").replace(new RegExp(">","g"),"&gt;").replace(new RegExp('"',"g"),"&quot;").replace(new RegExp("'","g"),"&#39;"):""},e}(),M=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);M.decorators=[{type:t.Component,args:[{selector:"desy-listbox-label",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],M.propDecorators={classes:[{type:t.Input}]};var B=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.itemChange=new t.EventEmitter,a}return u(a,e),a.prototype.ngOnChanges=function(e){this.itemChange.emit(e)},a}(C);function P(e){return function(a,n){var r="_"+n,i="_"+n+"Querylist";Object.defineProperty(a,n,{set:function(a){var n=this,s=a instanceof t.QueryList?a:null;s&&!this[i]&&(this[i]=s,s.changes.subscribe((function(){var t=n[r];n[r]=s&&s.length>0?s.first:null,e&&e.onSetCallbackName&&n[e.onSetCallbackName]&&n[r]&&n[e.onSetCallbackName](n[r]),e&&e.onDeleteCallbackName&&n[e.onDeleteCallbackName]&&t&&!n[r]&&n[e.onDeleteCallbackName]()})),s.notifyOnChanges())},get:function(){return this[r]}})}}B.decorators=[{type:t.Component,args:[{selector:"desy-listbox-item",template:"<ng-template #childComponentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],B.propDecorators={content:[{type:t.ViewChild,args:["childComponentTemplate"]}],id:[{type:t.Input}],active:[{type:t.Input}],classes:[{type:t.Input}],title:[{type:t.Input}],itemChange:[{type:t.Output}]};var T=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.itemsChange=new t.EventEmitter,a.activeItemChange=new t.EventEmitter,a.isListVisible=!1,a}return u(a,e),a.prototype.ngOnInit=function(){var e=this.listboxButton.nativeElement;if(this.listboxContent&&this.listboxContent.nativeElement){var t=this.listboxContent.nativeElement;this.tippyProperties={placement:"bottom-start",inlinePositioning:!0,content:t,allowHTML:!0,trigger:"click",hideOnClick:!0,interactive:!0,arrow:!1,offset:[0,-10],theme:"",plugins:[{name:"hideOnPopperBlur",defaultValue:!0,fn:function(e){return{onCreate:function(){e.popper.addEventListener("focusout",(function(t){e.props.hideOnPopperBlur&&t.relatedTarget&&!e.popper.contains(t.relatedTarget)&&e.hide()}))}}}},{name:"hideOnEsc",defaultValue:!0,fn:function(t){var n=t.hide;function r(t){t.key===a.KEY_CODE_ESC&&(n(),e.focus())}return{onShow:function(){document.addEventListener("keydown",r)},onHide:function(){document.removeEventListener("keydown",r)}}}}],role:!1,aria:{content:"auto"},onShow:this.onListShow.bind(this),onHidden:this.onListClose.bind(this)}}},a.prototype.ngOnChanges=function(){var e=this;setTimeout((function(){e.itemComponentList&&e.itemComponentList.length>0?(e.itemComponentSubscriptions&&e.itemComponentSubscriptions.forEach((function(e){return e.unsubscribe()})),e.itemComponentSubscriptions=[],e.itemList=[],e.itemComponentList.forEach((function(t){var a=t.itemChange.subscribe((function(){return e.checkActiveItems()}));e.itemComponentSubscriptions.push(a),e.itemList.push(t)}))):e.itemList=e.items,e.checkActiveItems()}))},a.prototype.ngDoCheck=function(){this.items&&this.itemList&&this.checkActiveItems()},a.prototype.getActiveItemsData=function(){return this.itemList.map((function(e,t){return e.active?{item:e,index:t}:null})).filter((function(e){return null!==e}))},a.prototype.checkActiveItems=function(){var e,t,a=this.itemList.map((function(e,t){return e.active?{item:e,index:t}:null})).filter((function(e){return null!==e})),n=!1;if(this.lastActiveItems&&a.length===this.lastActiveItems.length){for(var r=0;r<a.length;r++)if(a[r].index!==this.lastActiveItems[r].index){n=!0;break}}else n=!0;if(this.lastActiveItems&&!this.isMultiselectable&&n&&a.length!==this.lastActiveItems.length){var i=function(e){s.lastActiveItems.findIndex((function(t){return t.index===e.index}))>=0&&(e.item.active=!1),a=a.filter((function(e){return e.item.active}))},s=this;try{for(var o=b(a),l=o.next();!l.done;l=o.next()){i(l.value)}}catch(t){e={error:t}}finally{try{l&&!l.done&&(t=o.return)&&t.call(o)}finally{if(e)throw e.error}}}if(this.lastActiveItems=a,this.doesChangeButtonText&&!this.isMultiselectable&&a.length>0){var d=this.listboxOptions.find((function(e,t){return t===a[0].index}));d&&(this.buttonContentHtml=d.nativeElement.innerHTML)}else this.buttonContentHtml=this.html?this.html:null;n&&(this.itemsChange.emit(this.itemList),this.activeItemChange.emit(a.length>0?a[0].item:null))},a.prototype.onListShow=function(){var e=this;this.isListVisible=!0,this.listboxList&&setTimeout((function(){return e.listboxList.nativeElement.focus()}))},a.prototype.onListClose=function(){this.isListVisible=!1},a.prototype.onListFocus=function(){var e=this.getActiveItemsData();if(e.length>0){var t=document.getElementById(this.getItemId(e[0].item,e[0].index));t&&(t.focus(),this.currentFocusIndex=e[0].index)}else this.itemList&&this.itemList.length>0?(this.currentFocusIndex=0,this.isMultiselectable||this.selectItem(0)):console.warn("No element to focus")},a.prototype.moveFocus=function(e,t){t.preventDefault(),e>=0&&e<this.itemList.length&&(this.isMultiselectable?this.currentFocusIndex=e:this.selectItem(e))},a.prototype.onSpace=function(e){e.preventDefault(),this.isMultiselectable&&this.selectItem(this.currentFocusIndex)},a.prototype.selectItem=function(e){this.isMultiselectable?this.itemList[e].active=!this.itemList[e].active:(this.itemList.forEach((function(e){return e.active=!1})),this.itemList[e].active=!0),this.currentFocusIndex=e,this.checkActiveItems()},a.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:this.id+"-listbox-item"},a.prototype.getItemId=function(e,t){var a;return e.id?a=e.id:(a=this.getIdPrefix(),t>0&&(a+="-"+t)),a},a.prototype.hasLabel=function(){return!(!this.label&&!this.labelComponent)},a.prototype.getLabelContent=function(e){return e.html?e.html:"<p>"+k.escapeHtml(e.text)+"</p>"},a}(x);T.KEY_CODE_ESC="Escape",T.decorators=[{type:t.Component,args:[{selector:"desy-listbox",template:'<div [ngClass]="classesContainer ? classesContainer : \'relative\'">\n  <div [id]="id + \'-label\'" [class]="[\'mb-sm\', labelComponent?.classes, label?.classes] | makeHtmlList">\n    <ng-container *desyCustomInnerContent="{ component: labelComponent, html: label ? getLabelContent(label) : null }"></ng-container>\n  </div>\n  <button #button [id]="id + \'-button\'"\n          [class]="[\'c-listbox\', classes] | makeHtmlList"\n          ngxTippy [tippyProps]="tippyProperties"\n          aria-haspopup="listbox"\n          [attr.aria-labelledby]="[hasLabel() ? id + \'-label\' : null, id + \'-button\'] | makeHtmlList"\n          [attr.disabled]="disabled ? \'disabled\' : null"\n          [attr.aria-disabled]="disabled ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\n          [attr.aria-role] = "role ? role : null"\n          [attr.aria-label] = "ariaLabel ? ariaLabel : null"\n          [attr.aria-describedby] = "ariaDescribedBy ? ariaDescribedBy : null"\n          [attr.aria-hidden] = "ariaHidden ? ariaHidden : 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-hasppup] = "ariaHasPopup ? ariaHasPopup : null"\n          [attr.aria-tabindex] = "tabindex ? tabindex : null">\n        <span class="inline-flex self-center max-w-xs align-middle truncate">\n          <ng-container *desyCustomInnerContent="{ html: buttonContentHtml, text: text }"></ng-container>\n        </span>\n    <svg class="inline-block -mr-2  align-middle -my-px" viewBox="0 0 96 96" aria-hidden="true" fill="currentColor" focusable="false" width="1.5em" height="1.5em"><g><path d="M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z"/></g></svg>\n  </button>\n  <div #tooltip [class]="[\'c-listbox__tooltip -ml-sm mt-2 border border-neutral-base shadow-md bg-white\', classesTooltip] | makeHtmlList">\n    <ul *ngIf="itemList"\n        #list [id]="id"\n        (focus)="onListFocus()"\n        (keydown.arrowUp)="moveFocus(currentFocusIndex - 1, $event)"\n        (keydown.arrowDown)="moveFocus(currentFocusIndex + 1, $event)"\n        (keydown.home)="moveFocus(0, $event)"\n        (keydown.end)="moveFocus(items.length - 1, $event)"\n        (keydown.space)="onSpace($event)"\n        role="listbox"\n        tabindex="-1"\n        class="text-sm outline-none"\n        [attr.aria-labelledby]="hasLabel() ? id : (ariaLabelledBy ? ariaLabelledBy : null)"\n        [attr.aria-multiselectable]="isMultiselectable ? \'true\' : null"\n        [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n        [attr.aria-label] = "ariaLabel ? ariaLabel : null"\n        [attr.aria-describedby] = "ariaDescribedBy ? ariaDescribedBy : null"\n        [attr.aria-hidden] = "ariaHidden ? ariaHidden : 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.aria-activedescendant] = "lastActiveItems.length > 0 ? getItemId(lastActiveItems[0].item, lastActiveItems[0].index) : null">\n      <ng-container *ngFor="let item of itemList; index as index">\n        <li #option *ngIf="item" role="option" (click)="selectItem(index)"\n            [class]="[\'flex items-center pr-base pl-lg py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\n            [ngClass]="{\'focused\': index === currentFocusIndex}"\n            [attr.aria-label]="item.active ? \'true\' : (item.ariaLabel ? item.ariaLabel : null)"\n            [id]="getItemId(item, index)"\n            [attr.title]="item.title ? item.title : null"\n\n            [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\n            [attr.aria-hidden] = "item.ariaHidden ? item.ariaHidden : null"\n            [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\n            [attr.aria-current] = "item.ariaCurrent ? item.ariaCurrent : null"\n            [attr.aria-live] = "item.ariaLive ? item.ariaLive : null"\n            [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\n            [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\n            [attr.aria-haspopup] = "item.ariaHasPopup ? item.ariaHasPopup : null"\n            [attr.aria-tabindex] = "item.tabindex ? item.tabindex : null"\n\n            [attr.aria-checked]="item.active"\n            [attr.aria-selected]="item.active">\n          <ng-container *desyCustomInnerContent="{ template: item[\'content\'], html: item.html, text: item.text }"></ng-container>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</div>'}]}],T.propDecorators={listboxButton:[{type:t.ViewChild,args:["button",{read:t.ElementRef,static:!0}]}],listboxList:[{type:t.ViewChild,args:["list",{read:t.ElementRef}]}],listboxContent:[{type:t.ViewChild,args:["tooltip",{read:t.ElementRef,static:!0}]}],listboxOptions:[{type:t.ViewChildren,args:["option",{read:t.ElementRef}]}],labelComponent:[{type:t.ContentChildren,args:[M]}],itemComponentList:[{type:t.ContentChildren,args:[B]}],id:[{type:t.Input}],isMultiselectable:[{type:t.Input}],doesChangeButtonText:[{type:t.Input}],label:[{type:t.Input}],classes:[{type:t.Input}],classesContainer:[{type:t.Input}],classesTooltip:[{type:t.Input}],idPrefix:[{type:t.Input}],disabled:[{type:t.Input}],items:[{type:t.Input}],itemsChange:[{type:t.Output}],activeItemChange:[{type:t.Output}]},m([P()],T.prototype,"labelComponent",void 0);var S=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.clickEvent=new t.EventEmitter,a.hostTabIndex=null,a}return u(a,e),a.prototype.onClick=function(e){this.clickEvent.emit(e)},a.prototype.getType=function(){return this.type?this.type.toLocaleLowerCase():this.href?a.TYPE_A:a.TYPE_SPAN},a.prototype.getClassNames=function(){var e="c-pill";return this.classes&&(e+=" "+this.classes),e},Object.defineProperty(a.prototype,"staticElementTypeA",{get:function(){return a.TYPE_A},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"staticElementTypeButton",{get:function(){return a.TYPE_BUTTON},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"staticElementTypeSpan",{get:function(){return a.TYPE_SPAN},enumerable:!1,configurable:!0}),a}(D);S.TYPE_A="a",S.TYPE_BUTTON="button",S.TYPE_SPAN="span",S.decorators=[{type:t.Component,args:[{selector:"desy-pill",template:'<ng-template #contentTemplate>\n   <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]="getType()">\n    <ng-container *ngSwitchCase="staticElementTypeA">\n      \x3c!-- routerLink modifica href, por eso se duplica para que no convivan en un mismo html --\x3e\n      <a *ngIf="routerLink" data-module="c-pill"  (click)="onClick($event)"\n         [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\n         [routerLink]="routerLink" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\n         [class]="getClassNames()"\n         [attr.id]="id ? id : null"\n         [attr.role]="role ? role : null"\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n         [attr.aria-live]="ariaLive ? ariaLive : null"\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n         [attr.tabindex]="tabindex ? tabindex : null">\n         <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\n      </a>\n\n      <a *ngIf="!routerLink" data-module="c-pill"  (click)="onClick($event)"\n         [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\n         [href]="href | externalHref"\n         [class]="getClassNames()"\n         [attr.target]="target ? target : null"\n         [attr.id]="id ? id : null"\n         [attr.role]="role ? role : null"\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n         [attr.aria-live]="ariaLive ? ariaLive : null"\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n         [attr.tabindex]="tabindex ? tabindex : null">\n         <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\n      </a>\n    </ng-container>\n\n    <button *ngSwitchCase="staticElementTypeButton" data-module="c-pill" (click)="onClick($event)"\n            [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\n            [class]="getClassNames()"\n            [attr.id]="id ? id : null"\n            [attr.role]="role ? role : null"\n            [attr.aria-label]="ariaLabel ? ariaLabel : null"\n            [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n            [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n            [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n            [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n            [attr.aria-controls]="ariaControls ? ariaControls : null"\n            [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n            [attr.aria-live]="ariaLive ? ariaLive : null"\n            [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n            [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n            [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n            [attr.tabindex]="tabindex ? tabindex : null">\n            <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\n         </button>\n\n    <span *ngSwitchCase="staticElementTypeSpan" data-module="c-pill" (click)="onClick($event)"\n          [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\n          [class]="getClassNames()"\n          [attr.id]="id ? id : null"\n          [attr.role]="role ? role : null"\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n          [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n          [attr.aria-controls]="ariaControls ? ariaControls : null"\n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n          [attr.aria-live]="ariaLive ? ariaLive : null"\n          [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n          [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n          [attr.tabindex]="tabindex ? tabindex : null">\n          <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\n         </span>\n</ng-container>\n'}]}],S.propDecorators={type:[{type:t.Input}],href:[{type:t.Input}],target:[{type:t.Input}],routerLink:[{type:t.Input}],routerLinkActiveClasses:[{type:t.Input}],classes:[{type:t.Input}],id:[{type:t.Input}],clickEvent:[{type:t.Output}],hostTabIndex:[{type:t.HostBinding,args:["attr.tabindex"]}]};var O=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);O.decorators=[{type:t.Component,args:[{selector:"desy-content",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],O.propDecorators={classes:[{type:t.Input}]};var A=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);A.decorators=[{type:t.Component,args:[{selector:"desy-description",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],A.propDecorators={classes:[{type:t.Input}],visuallyHiddenTitle:[{type:t.Input}]};var R=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);R.decorators=[{type:t.Component,args:[{selector:"desy-icon",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],R.propDecorators={type:[{type:t.Input}],containerClasses:[{type:t.Input}]};var F=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);F.decorators=[{type:t.Component,args:[{selector:"desy-title",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],F.propDecorators={classes:[{type:t.Input}]};var N=function(e){function t(t){var a=e.call(this)||this;return a.changeDetectorRef=t,a}return u(t,e),t.prototype.detectChanges=function(){this.changeDetectorRef.detectChanges()},t}(C);N.decorators=[{type:t.Component,args:[{selector:"desy-hint",template:'<p class="block text-neutral-dark" [ngClass]="classes"\n   [attr.id]="id ? id : null"\n   [attr.role]="role ? role : null"\n   [attr.aria-label]="ariaLabel ? ariaLabel : null"\n   [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n   [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n   [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n   [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n   [attr.aria-controls]="ariaControls ? ariaControls : null"\n   [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n   [attr.aria-live]="ariaLive ? ariaLive : null"\n   [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n   [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n   [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n   [attr.tabindex]="tabindex ? tabindex : null">\n  <ng-content></ng-content>\n  <ng-container *desyCustomInnerContent="{ html: html, text: text }"></ng-container>\n</p>\n'}]}],N.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},N.propDecorators={id:[{type:t.Input}],classes:[{type:t.Input}],html:[{type:t.Input}],text:[{type:t.Input}]};var V=function(e){function t(t){var a=e.call(this)||this;return a.changeDetectorRef=t,a}return u(t,e),t.prototype.detectChanges=function(){this.changeDetectorRef.detectChanges()},t}(C);V.decorators=[{type:t.Component,args:[{selector:"desy-label",template:'<ng-template #labelTemplate>\n  <label [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\n    [class]="\'block\' + (classes ? \' \' + classes : \'\')"\n    [attr.id]="id ? id : null"\n    [attr.for]="for ? for : null"\n    [attr.role]="role ? role : null"\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\n    [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n    [attr.aria-live]="ariaLive ? ariaLive : null"\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n    [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n    [attr.tabindex]="tabindex ? tabindex : null">\n  <ng-content></ng-content></label>\n</ng-template>\n\x3c!-- label --\x3e\n<ng-container *ngIf="isPageHeading; else elseBlock" class="block">\n  <ng-container [ngSwitch]="headingLevel">\n    <h1 *ngSwitchCase="1" class="block">\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\n    </h1>\n    <h2 *ngSwitchCase="2" class="block">\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\n    </h2>\n    <h3 *ngSwitchCase="3" class="block">\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\n    </h3>\n    <h4 *ngSwitchCase="4" class="block">\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\n    </h4>\n    <h5 *ngSwitchCase="5" class="block">\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\n    </h5>\n    <h1 *ngSwitchDefault class="block">\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\n    </h1>\n  </ng-container>\n</ng-container>\n<ng-template #elseBlock>\n  <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\n</ng-template>\n\x3c!-- /label --\x3e\n\n\n'}]}],V.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},V.propDecorators={id:[{type:t.Input}],classes:[{type:t.Input}],html:[{type:t.Input}],text:[{type:t.Input}],isPageHeading:[{type:t.Input}],headingLevel:[{type:t.Input}],for:[{type:t.Input}]};var _=function(e){function t(t){var a=e.call(this)||this;return a.changeDetectorRef=t,a}return u(t,e),t.prototype.detectChanges=function(){this.changeDetectorRef.detectChanges()},t}(C);_.decorators=[{type:t.Component,args:[{selector:"desy-error-message",template:'<p class="block font-semibold text-alert-base" [ngClass]="classes"\n   [attr.id]="id ? id : null"\n   [attr.role]="role ? role : null"\n   [attr.aria-label]="ariaLabel ? ariaLabel : null"\n   [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n   [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n   [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n   [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n   [attr.aria-controls]="ariaControls ? ariaControls : null"\n   [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n   [attr.aria-live]="ariaLive ? ariaLive : null"\n   [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n   [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n   [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n   [attr.tabindex]="tabindex ? tabindex : null">\n  <span class="sr-only">{{visuallyHiddenText ? visuallyHiddenText : \'Error\'}}:</span>\n  <ng-content></ng-content>\n  <ng-container *desyCustomInnerContent="{ html: html, text: text }"></ng-container>\n</p>\n'}]}],_.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},_.propDecorators={id:[{type:t.Input}],classes:[{type:t.Input}],html:[{type:t.Input}],text:[{type:t.Input}],visuallyHiddenText:[{type:t.Input}]};var z=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(D);z.decorators=[{type:t.Component,args:[{selector:"desy-legend",template:'<legend  *ngIf="isPageHeading" [ngClass]="classes ? classes : \'font-bold\'">\n  <ng-container [ngSwitch]="headingLevel">\n    <h1 *ngSwitchCase="1" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h1>\n    <h2 *ngSwitchCase="2" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h2>\n    <h3 *ngSwitchCase="3" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h3>\n    <h4 *ngSwitchCase="4" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h4>\n    <h5 *ngSwitchCase="5" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h5>\n    <h1 *ngSwitchDefault  [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h1>\n  </ng-container>\n</legend>\n\n<legend  *ngIf="!isPageHeading" [ngClass]="classes ? classes : \'font-bold\'" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></legend>\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n'}]}],z.propDecorators={classes:[{type:t.Input}],isPageHeading:[{type:t.Input}],headingLevel:[{type:t.Input}]};var $=function(e){function t(t){var a=e.call(this)||this;return a.changeDetectorRef=t,a}return u(t,e),t.prototype.detectChanges=function(){this.changeDetectorRef.detectChanges()},t}(C);$.decorators=[{type:t.Component,args:[{selector:"desy-fieldset",template:'<fieldset [class]="classes"\n    [attr.role]="role"\n    [attr.aria-describedby]="describedBy ? describedBy : ariaDescribedBy"\n    [attr.aria-errormessage]="errorId ? errorId : ariaErrorMessage"\n\n    [attr.id]="id"\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 ? ariaHasPopup : null"\n    [attr.tabindex]="tabindex ? tabindex : null">\n\n  <ng-container *ngIf="legendComponent">\n    <ng-content select="desy-legend"></ng-content>\n  </ng-container>\n  <ng-container *ngIf="!legendComponent">\n    <ng-container *ngTemplateOutlet="legendRef"></ng-container>\n    <desy-legend *ngIf="!legendRef && legendData"\n        [text]="legendData.text"\n        [html]="legendData.html"\n        [classes]="legendData.classes"\n        [isPageHeading]="legendData.isPageHeading"\n        [headingLevel]="headingLevel"></desy-legend>\n    <desy-legend *ngIf="!legendRef && !legendData && legendText" [text]="legendText" [headingLevel]="headingLevel"></desy-legend>\n  </ng-container>\n\n  <ng-container *desyCustomInnerContent="{ component: contentComponent, template: caller }"></ng-container>\n</fieldset>\n'}]}],$.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},$.propDecorators={describedBy:[{type:t.Input}],errorId:[{type:t.Input}],legendRef:[{type:t.Input}],legendData:[{type:t.Input}],legendText:[{type:t.Input}],classes:[{type:t.Input}],caller:[{type:t.Input}],id:[{type:t.Input}],headingLevel:[{type:t.Input}],legendComponent:[{type:t.ContentChildren,args:[z]}],contentComponent:[{type:t.ContentChildren,args:[O]}]},m([P()],$.prototype,"legendComponent",void 0),m([P()],$.prototype,"contentComponent",void 0);var G=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.onChange=function(e){},t.onTouch=function(){},t}return u(t,e),t.prototype.onblur=function(){this.onTouch()},t.prototype.onInput=function(e){this.value=e,this.onTouch(),this.onChange(this.value)},t.prototype.registerOnChange=function(e){this.onChange=e},t.prototype.registerOnTouched=function(e){this.onTouch=e},t.prototype.setDisabledState=function(e){this.disabled=e},t.prototype.writeValue=function(e){e&&(this.value=e),this.onChange(e)},t.prototype.getHintId=function(){return this.hasHint()?this.id+"-hint":null},t.prototype.getErrorId=function(){return this.hasErrorsMessage()?this.id+"-error":null},t.prototype.hasLabel=function(){return!!(this.hasLabelComponent()||this.labelText||this.labelRef||this.labelData&&(this.labelData.text||this.labelData.html))},t.prototype.hasHint=function(){return!!(this.hasHintComponent()||this.hintText||this.hintRef||this.hintData&&(this.hintData.text||this.hintData.html))},t.prototype.hasErrorsMessage=function(){return!!(this.hasErrorMessageComponent()||this.errorMessageText||this.errorMessageRef||this.errorMessageData&&(this.errorMessageData.text||this.errorMessageData.html))},t.prototype.hasLabelComponent=function(){return!!this.labelComponent},t.prototype.hasHintComponent=function(){return!!this.hintComponent},t.prototype.hasErrorMessageComponent=function(){return!!this.errorMessageComponent},t}(C);G.decorators=[{type:t.Component,args:[{selector:"desy-form-field",template:""}]}],G.propDecorators={id:[{type:t.Input}],disabled:[{type:t.Input}],labelComponent:[{type:t.ContentChildren,args:[V]}],labelRef:[{type:t.Input}],labelData:[{type:t.Input}],labelText:[{type:t.Input}],hintComponent:[{type:t.ContentChildren,args:[N]}],hintRef:[{type:t.Input}],hintData:[{type:t.Input}],hintText:[{type:t.Input}],errorMessageComponent:[{type:t.ContentChildren,args:[_]}],errorMessageRef:[{type:t.Input}],errorMessageData:[{type:t.Input}],errorMessageText:[{type:t.Input}],onblur:[{type:t.HostListener,args:["focusout"]}]},m([P({onSetCallbackName:"overrideLabelParams",onDeleteCallbackName:"onDeleteLabel"})],G.prototype,"labelComponent",void 0),m([P({onSetCallbackName:"overrideHintParams",onDeleteCallbackName:"onDeleteHint"})],G.prototype,"hintComponent",void 0),m([P({onSetCallbackName:"overrideErrorMessageParams",onDeleteCallbackName:"onDeleteErrorMessage"})],G.prototype,"errorMessageComponent",void 0);var U=function(e){function t(){var t=e.call(this)||this;return t.cfg=!0,t.inputTransform=function(e){return e},t}return u(t,e),t.prototype.ngOnChanges=function(){this.writeValue(this.value),this.cfgr=this.hasErrorsMessage()||"c-form-group--error"===this.formGroupClasses},t.prototype.getRows=function(){return this.rows?this.rows:t.DEFAULT_ROWS},t.prototype.onInput=function(t){e.prototype.onInput.call(this,this.inputTransform(this.ensureText(t)))},t.prototype.writeValue=function(e){this.value=this.inputTransform(this.ensureText(e)),this.onChange(this.value)},t.prototype.registerInputTransform=function(e){this.inputTransform=e},t.prototype.ensureText=function(e){return e&&e||""},t}(G);U.DEFAULT_ROWS=5,U.decorators=[{type:t.Component,args:[{selector:"desy-textarea",template:'<ng-container *ngTemplateOutlet="labelRef"></ng-container>\n<desy-label *ngIf="!labelRef && labelData"\n            [text]="labelData.text"\n            [html]="labelData.html"\n            [classes]="labelData.classes"\n            [isPageHeading]="labelData.isPageHeading"\n            [for]="id"\n            [role]="labelData.role"\n            [ariaLabel]="labelData.ariaLabel"\n            [ariaDescribedBy]="labelData.ariaDescribedBy"\n            [ariaLabelledBy]="labelData.ariaLabelledBy"\n            [ariaHidden]="labelData.ariaHidden"\n            [ariaDisabled]="labelData.ariaDisabled"\n            [ariaControls]="labelData.ariaControls"\n            [ariaCurrent]="labelData.ariaCurrent"\n            [ariaLive]="labelData.ariaLive"\n            [ariaExpanded]="labelData.ariaExpanded"\n            [ariaErrorMessage]="labelData.ariaErrorMessage"\n            [ariaHasPopup]="labelData.ariaHasPopup"\n            [tabindex]="labelData.tabindex"></desy-label>\n<desy-label *ngIf="!labelRef && !labelData && labelText" [text]="labelText" [for]="id"></desy-label>\n\n<ng-container *ngTemplateOutlet="hintRef"></ng-container>\n<desy-hint *ngIf="!hintRef && hintData"\n            [id]="getHintId()"\n            [text]="hintData.text"\n            [html]="hintData.html"\n            [classes]="hintData.classes"\n            [role]="hintData.role"\n            [ariaLabel]="hintData.ariaLabel"\n            [ariaDescribedBy]="hintData.ariaDescribedBy"\n            [ariaLabelledBy]="hintData.ariaLabelledBy"\n            [ariaHidden]="hintData.ariaHidden"\n            [ariaDisabled]="hintData.ariaDisabled"\n            [ariaControls]="hintData.ariaControls"\n            [ariaCurrent]="hintData.ariaCurrent"\n            [ariaLive]="hintData.ariaLive"\n            [ariaExpanded]="hintData.ariaExpanded"\n            [ariaErrorMessage]="hintData.ariaErrorMessage"\n            [ariaHasPopup]="hintData.ariaHasPopup"\n            [tabindex]="hintData.tabindex"></desy-hint>\n<desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\n\n<ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\n<desy-error-message *ngIf="!errorMessageRef && errorMessageData"\n            [id]="getErrorId()"\n            [text]="errorMessageData.text"\n            [html]="errorMessageData.html"\n            [classes]="errorMessageData.classes"\n            [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\n            [role]="errorMessageData.role"\n            [ariaLabel]="errorMessageData.ariaLabel"\n            [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\n            [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\n            [ariaHidden]="errorMessageData.ariaHidden"\n            [ariaDisabled]="errorMessageData.ariaDisabled"\n            [ariaControls]="errorMessageData.ariaControls"\n            [ariaCurrent]="errorMessageData.ariaCurrent"\n            [ariaLive]="errorMessageData.ariaLive"\n            [ariaExpanded]="errorMessageData.ariaExpanded"\n            [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\n            [ariaHasPopup]="errorMessageData.ariaHasPopup"\n            [tabindex]="errorMessageData.tabindex"></desy-error-message>\n<desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\n                    [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\n\n\n<textarea #textarea\n          [class]="[\'block mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base\', classes] | makeHtmlList"\n          [value]="value ? value : \'\'" (input)="onInput($event.target.value)"\n          [ngClass]="{\'border-alert-base ring-2 ring-alert-base\' : hasErrorsMessage()}"\n          [rows]="getRows()"\n          [attr.id]="id ? id : null"\n          [attr.name]="name ? name : null"\n          [attr.aria-describedby]="[describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\n          [attr.aria-errormessage]="hasErrorsMessage() ? getErrorId() : null"\n          [attr.aria-invalid]="hasErrorsMessage() ? true : null"\n          [attr.placeholder]="placeholder ? placeholder : null"\n          [attr.autocomplete]="autocomplete ? autocomplete : null"\n          [attr.disabled]="disabled ? true : null"\n          [attr.maxlength]="maxlength"\n\n          [attr.role]="role ? role : null"\n          [attr.aria-label]="ariaLabel ? ariaLabel : 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-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n          [attr.tabindex]="tabindex ? tabindex : null"></textarea>\n\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return U})),multi:!0}]}]}],U.ctorParameters=function(){return[]},U.propDecorators={textareaElement:[{type:t.ViewChild,args:["textarea"]}],name:[{type:t.Input}],rows:[{type:t.Input}],placeholder:[{type:t.Input}],describedBy:[{type:t.Input}],cfg:[{type:t.HostBinding,args:["class.c-form-group"]}],cfgr:[{type:t.HostBinding,args:["class.c-form-group--error"]}],formGroupClasses:[{type:t.Input},{type:t.HostBinding,args:["class"]}],classes:[{type:t.Input}],autocomplete:[{type:t.Input}],maxlength:[{type:t.Input}]};var Z=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.ngAfterViewInit=function(){var e=this;this.textareaElement=this.textarea.textareaElement.nativeElement,this.textarea.registerInputTransform(this.inputTransform.bind(this)),this.registerOnChange(this.onChange),this.registerOnTouched(this.onTouch),this.textarea.setDisabledState(this.disabled),setTimeout((function(){return e.textarea.writeValue(e.value)}),50)},t.prototype.ngOnChanges=function(e){var t=this;this.textarea&&setTimeout((function(){return t.textarea.ngOnChanges(e)}),50)},t.prototype.inputTransform=function(e){if(e)if(this.maxlength){var t=this.calculateLenght(e);for(this.displayCountMessage=!this.threshold||t>this.maxlength*this.threshold/100;t>this.maxlength;)e=e.substring(0,e.length-1),t=this.calculateLenght(e);this.remaining=this.maxlength-t}else{var a=e.match(/[\wáéíóúÁÉÍÓÚüÜñÑ]+/g)||[];for(this.displayCountMessage=!this.threshold||a.length>this.maxwords*this.threshold/100;a.length>this.maxwords;)e=e.substring(0,e.lastIndexOf(a.pop()));this.remaining=this.maxwords-a.length}else e="",this.displayCountMessage=!this.threshold,this.remaining=this.maxlength?this.maxlength:this.maxwords;return this.textareaElement.value=e,e},t.prototype.calculateLenght=function(e){var t=e.length;if(this.countbbdd&&e){var a=e.match(/[^A-z0-9_\s.,:;]/g);t+=a?a.length:0}return t},t.prototype.registerOnChange=function(e){this.onChange=e,this.textarea&&(this.textarea.registerOnChange(e),this.onChange=function(e){})},t.prototype.registerOnTouched=function(e){this.onTouch=e,this.textarea&&(this.textarea.registerOnTouched(e),this.onTouch=function(){})},t.prototype.setDisabledState=function(e){this.disabled=e,this.textarea&&this.textarea.setDisabledState(e)},t.prototype.writeValue=function(e){this.value=e,this.textarea&&this.textarea.writeValue(e)},t}(G);Z.decorators=[{type:t.Component,args:[{selector:"desy-character-count",template:'<desy-textarea\n  [id]="id"\n  [name]="name"\n  [describedBy]="id + \'-info\'"\n  [rows]="rows"\n  [placeholder]="placeholder"\n  [formGroupClasses]="[formGroupClasses ? formGroupClasses : \'mb-0\'] | makeHtmlList"\n  [classes]="[\'js-character-count\',  hasErrorsMessage() ? \'border-alert-base ring-2 ring-alert-base\' : null, classes] | makeHtmlList"\n  [labelRef]="labelRef" [labelData]="labelData" [labelText]="labelText"\n  [hintRef]="hintRef" [hintData]="hintData" [hintText]="hintText"\n  [errorMessageRef]="errorMessageRef" [errorMessageData]="errorMessageData" [errorMessageText]="errorMessageText"\n  [role]="role"\n  [ariaLabel]="ariaLabel"\n  [ariaLabelledBy]="ariaLabelledBy"\n  [ariaHidden]="ariaHidden"\n  [ariaDisabled]="ariaDisabled"\n  [ariaControls]="ariaControls"\n  [ariaCurrent]="ariaCurrent"\n  [ariaLive]="ariaLive"\n  [ariaExpanded]="ariaExpanded"\n  [ariaErrorMessage]="ariaErrorMessage"\n  [ariaHasPopup]="ariaHasPopup"\n  [tabindex]="tabindex"></desy-textarea>\n\n<desy-hint *ngIf="!!displayCountMessage"\n  [id]="id + \'-info\'" [classes]="[\'mt-xs text-sm\', countMessageClasses] | makeHtmlList" ariaLive="polite"\n  [text]="\'Puedes escribir hasta \' + remaining + (maxlength ? \' caracteres\' : \' palabras\')"></desy-hint>\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return Z})),multi:!0}]}]}],Z.propDecorators={textarea:[{type:t.ViewChild,args:[U]}],name:[{type:t.Input}],type:[{type:t.Input}],rows:[{type:t.Input}],placeholder:[{type:t.Input}],maxlength:[{type:t.Input}],countbbdd:[{type:t.Input}],maxwords:[{type:t.Input}],threshold:[{type:t.Input}],formGroupClasses:[{type:t.Input}],countMessageClasses:[{type:t.Input}],classes:[{type:t.Input}]};var j=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.cfg=!0,t}return u(t,e),t.prototype.ngOnChanges=function(e){this.cfgr=this.hasErrorsMessage()||"c-form-group--error"===this.formGroupClasses},t.prototype.ngDoCheck=function(){this.attributes&&this.setAttributes()},t.prototype.setAttributes=function(){var e=document.getElementById(this.id?this.id:"input"),t=this.attributes;Object.keys(t).forEach((function(a){null==e||e.setAttribute(a,t[a])}))},t.prototype.getErrorId=function(){return this.errorId?this.errorId:e.prototype.getErrorId.call(this)},t.prototype.writeValue=function(e){this.value=e&&e||"",this.onChange(this.value)},t}(G);j.decorators=[{type:t.Component,args:[{selector:"desy-input",template:'\n\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\n  <desy-label *ngIf="!labelRef && labelData"\n              [text]="labelData.text"\n              [html]="labelData.html"\n              [classes]="labelData.classes"\n              [isPageHeading]="labelData.isPageHeading"\n              [for]="id"\n              [role]="labelData.role"\n              [ariaLabel]="labelData.ariaLabel"\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\n              [ariaHidden]="labelData.ariaHidden"\n              [ariaDisabled]="labelData.ariaDisabled"\n              [ariaControls]="labelData.ariaControls"\n              [ariaCurrent]="labelData.ariaCurrent"\n              [ariaLive]="labelData.ariaLive"\n              [ariaExpanded]="labelData.ariaExpanded"\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\n              [ariaHasPopup]="labelData.ariaHasPopup"\n              [tabindex]="labelData.tabindex"></desy-label>\n  <desy-label *ngIf="!labelRef && !labelData && labelText" [text]="labelText" [for]="id"></desy-label>\n\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\n  <desy-hint *ngIf="!hintRef && hintData"\n             [id]="getHintId()"\n             [text]="hintData.text"\n             [html]="hintData.html"\n             [classes]="hintData.classes"\n             [role]="hintData.role"\n             [ariaLabel]="hintData.ariaLabel"\n             [ariaDescribedBy]="hintData.ariaDescribedBy"\n             [ariaLabelledBy]="hintData.ariaLabelledBy"\n             [ariaHidden]="hintData.ariaHidden"\n             [ariaDisabled]="hintData.ariaDisabled"\n             [ariaControls]="hintData.ariaControls"\n             [ariaCurrent]="hintData.ariaCurrent"\n             [ariaLive]="hintData.ariaLive"\n             [ariaExpanded]="hintData.ariaExpanded"\n             [ariaErrorMessage]="hintData.ariaErrorMessage"\n             [ariaHasPopup]="hintData.ariaHasPopup"\n             [tabindex]="hintData.tabindex"></desy-hint>\n  <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\n\n  <ng-container *ngIf="!errorMessageRef && !errorMessageData && !errorMessageText && hasErrorMessageComponent()">\n    <ng-content select="desy-error-message"></ng-content>\n  </ng-container>\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\n                      [id]="getErrorId()"\n                      [text]="errorMessageData.text"\n                      [html]="errorMessageData.html"\n                      [classes]="errorMessageData.classes"\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\n                      [role]="errorMessageData.role"\n                      [ariaLabel]="errorMessageData.ariaLabel"\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\n                      [ariaHidden]="errorMessageData.ariaHidden"\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\n                      [ariaControls]="errorMessageData.ariaControls"\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\n                      [ariaLive]="errorMessageData.ariaLive"\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\n\n  <input [class]="[\'c-input block mt-sm border-black rounded font-semibold placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base\',\n                   classes,\n                   getErrorId() ? \'border-alert-base ring-2 ring-alert-base\' : null] | makeHtmlList"\n         [value]="value ? value : \'\'" (input)="onInput($event.target.value)"\n         [attr.id]="id ? id : \'input\'"\n         [attr.name]="name ? name : null"\n         [type]="type ? type : \'text\'"\n         [attr.aria-describedby]="[describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\n         [attr.aria-errormessage]="getErrorId() ? getErrorId() : null"\n         [attr.aria-invalid]="getErrorId() ? true : null"\n         [attr.autocomplete]="autocomplete ? autocomplete : null"\n         [attr.pattern]="pattern ? pattern : null"\n         [attr.inputmode]="inputmode ? inputmode : null"\n         [attr.placeholder]="placeholder ? placeholder : null"\n         [attr.disabled]="disabled ? true : null"\n         [attr.maxlength]="maxlength ? maxlength : null"\n\n         [attr.role]="role ? role : null"\n         [attr.aria-label]="ariaLabel ? ariaLabel : 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-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n         [attr.tabindex]="tabindex ? tabindex : null">\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return j})),multi:!0}]}]}],j.propDecorators={name:[{type:t.Input}],type:[{type:t.Input}],describedBy:[{type:t.Input}],pattern:[{type:t.Input}],inputmode:[{type:t.Input}],placeholder:[{type:t.Input}],cfg:[{type:t.HostBinding,args:["class.c-form-group"]}],cfgr:[{type:t.HostBinding,args:["class.c-form-group--error"]}],formGroupClasses:[{type:t.Input},{type:t.HostBinding,args:["class"]}],classes:[{type:t.Input}],autocomplete:[{type:t.Input}],maxlength:[{type:t.Input}],errorId:[{type:t.Input}],attributes:[{type:t.Input}]};var q=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);q.decorators=[{type:t.Component,args:[{selector:"desy-select-item",template:"<p>select-item works!</p>\n"}]}],q.propDecorators={disabled:[{type:t.Input}]};var W=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(q);W.decorators=[{type:t.Component,args:[{selector:"desy-option",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>",providers:[{provide:q,useExisting:t.forwardRef((function(){return W}))}]}]}],W.propDecorators={value:[{type:t.Input}],selected:[{type:t.Input}],hidden:[{type:t.Input}]};var K=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(q);K.decorators=[{type:t.Component,args:[{selector:"desy-option-group",template:"<p>option-group works!</p>\n",providers:[{provide:q,useExisting:t.forwardRef((function(){return K}))}]}]}],K.propDecorators={label:[{type:t.Input}],items:[{type:t.ContentChildren,args:[W]}]};var Y=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.cfg=!0,t.contentInit=!1,t}return u(t,e),t.prototype.ngOnChanges=function(e){this.cfgr=this.hasErrorsMessage()||"c-form-group--error"===this.formGroupClasses},t.prototype.ngAfterContentInit=function(){var e=this;if(this.contentInit=!0,!this.value){var t=this.getItems(),a=null==t?void 0:t.find((function(e){return e.selected}));a&&setTimeout((function(){return e.writeValue(a.value)}))}},t.prototype.writeValue=function(e){this.value=e,this.onChange(e)},t.prototype.getItems=function(){return this.itemComponents.length>0?this.itemComponents.toArray():this.items},t.prototype.isItemSelected=function(e){return this.value?this.value===e.value:e.selected},t.prototype.isOptionGroup=function(e){return e instanceof K},t}(G);Y.decorators=[{type:t.Component,args:[{selector:"desy-select",template:'\n     <ng-container *ngIf="labelComponent">\n      <ng-content select="desy-label"></ng-content>\n  </ng-container>\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\n  <desy-label *ngIf="!labelRef && labelData && !labelComponent"\n              [text]="labelData.text"\n              [html]="labelData.html"\n              [classes]="labelData.classes"\n              [isPageHeading]="labelData.isPageHeading"\n              [for]="id"\n              [role]="labelData.role"\n              [ariaLabel]="labelData.ariaLabel"\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\n              [ariaHidden]="labelData.ariaHidden"\n              [ariaDisabled]="labelData.ariaDisabled"\n              [ariaControls]="labelData.ariaControls"\n              [ariaCurrent]="labelData.ariaCurrent"\n              [ariaLive]="labelData.ariaLive"\n              [ariaExpanded]="labelData.ariaExpanded"\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\n              [ariaHasPopup]="labelData.ariaHasPopup"\n              [tabindex]="labelData.tabindex"></desy-label>\n  <desy-label *ngIf="!labelRef && !labelData && labelText && !labelComponent" [text]="labelText" [for]="id"></desy-label>\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\n  <ng-container *ngIf="hintComponent">\n    <ng-content select="desy-hint"></ng-content>\n</ng-container>\n  <desy-hint *ngIf="!hintRef && hintData && !hintComponent"\n             [id]="getHintId()"\n             [text]="hintData.text"\n             [html]="hintData.html"\n             [classes]="hintData.classes"\n             [role]="hintData.role"\n             [ariaLabel]="hintData.ariaLabel"\n             [ariaDescribedBy]="hintData.ariaDescribedBy"\n             [ariaLabelledBy]="hintData.ariaLabelledBy"\n             [ariaHidden]="hintData.ariaHidden"\n             [ariaDisabled]="hintData.ariaDisabled"\n             [ariaControls]="hintData.ariaControls"\n             [ariaCurrent]="hintData.ariaCurrent"\n             [ariaLive]="hintData.ariaLive"\n             [ariaExpanded]="hintData.ariaExpanded"\n             [ariaErrorMessage]="hintData.ariaErrorMessage"\n             [ariaHasPopup]="hintData.ariaHasPopup"\n             [tabindex]="hintData.tabindex"></desy-hint>\n  <desy-hint *ngIf="!hintRef && !hintData && hintText && !hintComponent" [text]="hintText" [id]="getHintId()"></desy-hint>\n\n  <ng-container *ngIf="errorMessageComponent">\n    <ng-content select="desy-error-message"></ng-content>\n  </ng-container>\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData && !errorMessageComponent"\n                      [id]="getErrorId()"\n                      [text]="errorMessageData.text"\n                      [html]="errorMessageData.html"\n                      [classes]="errorMessageData.classes"\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\n                      [role]="errorMessageData.role"\n                      [ariaLabel]="errorMessageData.ariaLabel"\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\n                      [ariaHidden]="errorMessageData.ariaHidden"\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\n                      [ariaControls]="errorMessageData.ariaControls"\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\n                      [ariaLive]="errorMessageData.ariaLive"\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && !errorMessageComponent && errorMessageText"\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\n  <select\n    [class]="[\'c-select block mt-sm transition duration-150 ease-in-out border-black rounded font-semibold focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base\',\n              classes,\n              hasErrorsMessage() ? \'c-select--error border-alert-base ring-2 ring-alert-base\' : null] | makeHtmlList"\n    [value]="value" (input)="onInput($event.target.value)"\n    [attr.id]="id ? id : null"\n    [attr.name]="name ? name : null"\n    [attr.role]="role ? role : null"\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\n    [attr.aria-describedby]="[describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\n    [attr.aria-errormessage]="hasErrorsMessage() ? getErrorId() : null"\n    [attr.aria-invalid]="hasErrorsMessage() ? true : 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-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n    [attr.tabindex]="tabindex ? tabindex : null"\n    [disabled]="disabled">\n\n    <ng-container *ngFor="let item of getItems()">\n      <optgroup *ngIf="isOptionGroup(item)" [label]="item.label" [attr.disabled]="item.disabled ? true : null"\n                [attr.role]="item?.role"\n                [attr.aria-label]="item?.ariaLabel"\n                [attr.aria-describedby]="item?.describedBy"\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-errormessage]="item?.ariaErrorMessage"\n                [attr.aria-haspopup]="item?.ariaHasPopup"\n                [attr.tabindex]="item?.tabindex">>\n        <option *ngFor="let subItem of item.items"\n                [value]="subItem.value"\n                [disabled]="subItem.disabled"\n                [selected]="isItemSelected(subItem)"\n                [attr.hidden]="subItem.hidden"\n                [attr.role]="subItem?.role"\n                [attr.aria-label]="subItem?.ariaLabel"\n                [attr.aria-describedby]="subItem?.describedBy"\n                [attr.aria-labelledby]="subItem?.ariaLabelledBy"\n                [attr.aria-hidden]="subItem?.ariaHidden"\n                [attr.aria-disabled]="subItem?.ariaDisabled"\n                [attr.aria-controls]="subItem?.ariaControls"\n                [attr.aria-current]="subItem?.ariaCurrent"\n                [attr.aria-live]="subItem?.ariaLive"\n                [attr.aria-expanded]="subItem?.ariaExpanded"\n                [attr.aria-errormessage]="subItem?.ariaErrorMessage"\n                [attr.aria-haspopup]="subItem?.ariaHasPopup"\n                [attr.tabindex]="subItem?.tabindex">\n          <ng-container *desyCustomInnerContent="{ component: subItem, text: subItem.text }"></ng-container>\n        </option>\n      </optgroup>\n      <option *ngIf="!isOptionGroup(item)"  [value]="item.value" [disabled]="item.disabled ? true : null" [selected]="isItemSelected(item)"\n              [attr.hidden]="item.hidden"\n              [attr.role]="item.role ? item.role : null"\n              [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\n              [attr.aria-describedby]="item.describedBy ? item.describedBy : ariaDescribedBy"\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      </option>\n    </ng-container>\n  </select>\n\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return Y})),multi:!0}]}]}],Y.propDecorators={name:[{type:t.Input}],items:[{type:t.Input}],describedBy:[{type:t.Input}],cfg:[{type:t.HostBinding,args:["class.c-form-group"]}],cfgr:[{type:t.HostBinding,args:["class.c-form-group--error"]}],formGroupClasses:[{type:t.Input},{type:t.HostBinding,args:["class"]}],classes:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[q]}]};var X=function(e){function t(){var t=e.call(this)||this;return t.cfg=!0,t}return u(t,e),t.prototype.onInput=function(e){e&&e.length>0&&e[0]?this.value=e[0]:this.value=null,this.onTouch(),this.onChange(this.value)},t.prototype.ngOnChanges=function(e){this.cfgr=this.hasErrorsMessage()||"c-form-group--error"===this.formGroupClasses},t}(G);X.decorators=[{type:t.Component,args:[{selector:"desy-file-upload",template:'\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\n  <desy-label *ngIf="!labelRef && labelData"\n              [text]="labelData.text"\n              [html]="labelData.html"\n              [classes]="labelData.classes"\n              [isPageHeading]="labelData.isPageHeading"\n              [for]="id"\n              [role]="labelData.role"\n              [ariaLabel]="labelData.ariaLabel"\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\n              [ariaHidden]="labelData.ariaHidden"\n              [ariaDisabled]="labelData.ariaDisabled"\n              [ariaControls]="labelData.ariaControls"\n              [ariaCurrent]="labelData.ariaCurrent"\n              [ariaLive]="labelData.ariaLive"\n              [ariaExpanded]="labelData.ariaExpanded"\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\n              [ariaHasPopup]="labelData.ariaHasPopup"\n              [tabindex]="labelData.tabindex"></desy-label>\n  <desy-label *ngIf="!labelRef && !labelData && labelText" [text]="labelText" [for]="id"></desy-label>\n\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\n  <desy-hint *ngIf="!hintRef && hintData"\n             [id]="getHintId()"\n             [text]="hintData.text"\n             [html]="hintData.html"\n             [classes]="hintData.classes"\n             [role]="hintData.role"\n             [ariaLabel]="hintData.ariaLabel"\n             [ariaDescribedBy]="hintData.ariaDescribedBy"\n             [ariaLabelledBy]="hintData.ariaLabelledBy"\n             [ariaHidden]="hintData.ariaHidden"\n             [ariaDisabled]="hintData.ariaDisabled"\n             [ariaControls]="hintData.ariaControls"\n             [ariaCurrent]="hintData.ariaCurrent"\n             [ariaLive]="hintData.ariaLive"\n             [ariaExpanded]="hintData.ariaExpanded"\n             [ariaErrorMessage]="hintData.ariaErrorMessage"\n             [ariaHasPopup]="hintData.ariaHasPopup"\n             [tabindex]="hintData.tabindex"></desy-hint>\n  <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\n\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\n                      [id]="getErrorId()"\n                      [text]="errorMessageData.text"\n                      [html]="errorMessageData.html"\n                      [classes]="errorMessageData.classes"\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\n                      [role]="errorMessageData.role"\n                      [ariaLabel]="errorMessageData.ariaLabel"\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\n                      [ariaHidden]="errorMessageData.ariaHidden"\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\n                      [ariaControls]="errorMessageData.ariaControls"\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\n                      [ariaLive]="errorMessageData.ariaLive"\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\n\n  <input [class]="[\'mt-sm p-xs file:mr-base focus:outline-none file:inline-flex file:items-baseline file:px-3 file:py-2 file:bg-white file:border file:border-solid file:border-primary-base file:rounded file:align-baseline file:font-semibold file:text-primary-base file:transition-all file:duration-100 file:ease-out file:whitespace-nowrap file:cursor-pointer file:focus:bg-warning-base file:focus:border-warning-base file:focus:shadow-outline-black file:focus:text-black file:focus:outline-none file:hover:bg-neutral-light file:hover:border-primary-base file:hover:text-primary-base\', classes] | makeHtmlList" type="file"\n         [ngClass]="{\'c-file-upload--error\' : hasErrorsMessage()}"\n         (input)="onInput($event.target.files)"\n\n         [attr.id]="id ? id : null"\n         [attr.name]="name ? name : null"\n         [attr.aria-describedby]="[describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\n         [attr.aria-errormessage]="hasErrorsMessage() ? getErrorId() : null"\n         [attr.aria-invalid]="hasErrorsMessage() ? true : null"\n         [attr.accept]="accept ? accept : null"\n         [attr.role]="role ? role : null"\n         [attr.aria-label]="ariaLabel ? ariaLabel : 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-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n         [attr.tabindex]="tabindex ? tabindex : null">\n\n',providers:[{provide:a.NG_VALUE_ACCESSOR,multi:!0,useExisting:t.forwardRef((function(){return X}))}]}]}],X.ctorParameters=function(){return[]},X.propDecorators={name:[{type:t.Input}],describedBy:[{type:t.Input}],classes:[{type:t.Input}],accept:[{type:t.Input}],cfg:[{type:t.HostBinding,args:["class.c-form-group"]}],cfgr:[{type:t.HostBinding,args:["class.c-form-group--error"]}],formGroupClasses:[{type:t.Input},{type:t.HostBinding,args:["class"]}]};var Q=function(){};function J(e){return function(t,a){var n="_"+a;Object.defineProperty(t,a,{set:function(t){this[n]=t,this[e]()},get:function(){return this[n]}})}}Q.decorators=[{type:t.Component,args:[{selector:"desy-input-group-item",template:""}]}],Q.propDecorators={classes:[{type:t.Input}]};var ee=function(){function e(){}return e.prototype.transform=function(e,t){var a=e.filter((function(e){return e})).join(" ");return 0===a.length&&t&&(a=t),a},e}();ee.decorators=[{type:t.Pipe,args:[{name:"makeHtmlList"}]}];var te=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.isSelect=!1,a.valueChange=new t.EventEmitter,a}return u(a,e),a}(Q);te.decorators=[{type:t.Component,args:[{selector:"desy-input-group-input",template:'<ng-template #label>\n  <ng-content select="desy-label"></ng-content>\n</ng-template>\n',providers:[{provide:Q,useExisting:t.forwardRef((function(){return te}))}]}]}],te.propDecorators={id:[{type:t.Input}],name:[{type:t.Input}],value:[{type:t.Input}],valueChange:[{type:t.Output}],formGroupClasses:[{type:t.Input}],type:[{type:t.Input}],inputmode:[{type:t.Input}],autocomplete:[{type:t.Input}],placeholder:[{type:t.Input}],pattern:[{type:t.Input}],maxlength:[{type:t.Input}],disabled:[{type:t.Input}],labelRef:[{type:t.ViewChild,args:["label",{static:!0}]}],labelComponent:[{type:t.ContentChildren,args:[V]}]},m([P()],te.prototype,"labelComponent",void 0);var ae=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.isSelect=!0,a.valueChange=new t.EventEmitter,a}return u(a,e),a}(Q);ae.decorators=[{type:t.Component,args:[{selector:"desy-input-group-select",template:'<ng-template #label>\n  <ng-content select="desy-label"></ng-content>\n</ng-template>\n',providers:[{provide:Q,useExisting:t.forwardRef((function(){return ae}))}]}]}],ae.propDecorators={id:[{type:t.Input}],name:[{type:t.Input}],value:[{type:t.Input}],valueChange:[{type:t.Output}],formGroupClasses:[{type:t.Input}],disabled:[{type:t.Input}],labelRef:[{type:t.ViewChild,args:["label",{static:!0}]}],selectItemComponentList:[{type:t.ContentChildren,args:[W]}],labelComponent:[{type:t.ContentChildren,args:[V]}]},m([P()],ae.prototype,"labelComponent",void 0);var ne=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.isSelect=!1,t.divider=t,t}return u(t,e),t}(Q);ne.decorators=[{type:t.Component,args:[{selector:"desy-input-group-divider",template:"<ng-template #dividerContent>\n  <ng-content></ng-content>\n</ng-template>\n",providers:[{provide:Q,useExisting:t.forwardRef((function(){return ne}))}]}]}],ne.propDecorators={dividerContent:[{type:t.ViewChild,args:["dividerContent",{static:!0}]}]};var re=function(e){function a(a){var n=e.call(this)||this;return n.controlContainer=a,n.itemsChange=new t.EventEmitter,n.cfg=!0,n.contentInit=!1,n}return u(a,e),a.prototype.ngOnChanges=function(){this.cfgr=this.hasErrorsMessage()||"c-form-group--error"===this.formGroupClasses},a.prototype.ngAfterContentInit=function(){this.contentInit=!0},a.prototype.ngAfterViewChecked=function(){this.getItems()},a.prototype.writeValue=function(e){var t=this;e&&(this.value=e,this.getItems().forEach((function(e){var a=t.value[t.getItemName(e)];e.value=a||null})),this.items&&this.itemsChange.emit(this.items));this.onChange(e)},a.prototype.onExternalChange=function(){var e=this;this.contentInit&&(this.value||(this.value={}),this.getItems().forEach((function(t){return e.value[e.getItemName(t)]=t.value})),this.onChange(this.value))},a.prototype.onInternalChange=function(e,t){var a=this.getItemName(e);this.value||(this.value={}),this.value[a]!==t&&(this.value[a]=t,this.onChange(this.value),(e instanceof te||e instanceof ae)&&e.valueChange.emit(t),this.items&&(e.value=t,this.itemsChange.emit(this.items)))},a.prototype.overrideFieldsetParams=function(e){e.caller=this.innerHtml,e.errorId=this.getErrorId(),e.describedBy=(new ee).transform([this.getHintId(),this.getErrorId()],null),e.role="group",e.detectChanges()},a.prototype.getItems=function(){return this.itemsComponents&&this.itemsComponents.length?this.itemsComponents.toArray():this.items},a.prototype.getItemLabelRef=function(e){return e instanceof te||e instanceof ae?e.labelRef:null},a.prototype.getItemLabelData=function(e){return e.labelData?e.labelData:{text:e.labelText}},a.prototype.hasFieldset=function(){return!!(this.hasFieldsetComponent()||this.hasLegendComponent()||this.legendRef||this.fieldsetData||this.legendData&&(this.legendData.text||this.legendData.html)||this.legendText)},a.prototype.hasFieldsetComponent=function(){return!!this.fieldsetComponent},a.prototype.hasLegendComponent=function(){return!!this.legendComponent},a.prototype.getItemName=function(e){return this.namePrefix?this.namePrefix+"-"+e.name:e.name},a.prototype.getItemSelectOptions=function(e){return e instanceof ae?e.selectItemComponentList.toArray():e.selectItems},a.prototype.getItemDividerTemplate=function(e){return e.divider instanceof ne?e.divider.dividerContent:null},a.prototype.getItemDividerHtml=function(e){return e.divider.html?e.divider.html:"<p>"+k.escapeHtml(e.divider.text)+"</p>"},a.prototype.isSelectItem=function(e){var t;return t=e instanceof ae?e.selectItemComponentList&&e.selectItemComponentList.length>0:e.selectItems,e.isSelect&&t},a.prototype.hasItemLabel=function(e){return!!(e.labelData&&(e.labelData.text||e.labelData.html)||e.labelText)},a}(G);re.decorators=[{type:t.Component,args:[{selector:"desy-input-group",template:'\n\x3c!-- Divider no forma parte del formulario, por lo que es reutilizable en cualquier caso --\x3e\n<ng-template #itemDivider let-item="item">\n  <div role="separator" [ngClass]="item.divider.classes">\n    <ng-container *desyCustomInnerContent="{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #innerHtml>\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\n  <desy-hint *ngIf="!hintRef && hintData"\n             [id]="getHintId()"\n             [text]="hintData.text"\n             [html]="hintData.html"\n             [classes]="hintData.classes"\n             [role]="hintData.role"\n             [ariaLabel]="hintData.ariaLabel"\n             [ariaDescribedBy]="hintData.ariaDescribedBy"\n             [ariaLabelledBy]="hintData.ariaLabelledBy"\n             [ariaHidden]="hintData.ariaHidden"\n             [ariaDisabled]="hintData.ariaDisabled"\n             [ariaControls]="hintData.ariaControls"\n             [ariaCurrent]="hintData.ariaCurrent"\n             [ariaLive]="hintData.ariaLive"\n             [ariaExpanded]="hintData.ariaExpanded"\n             [ariaErrorMessage]="hintData.ariaErrorMessage"\n             [ariaHasPopup]="hintData.ariaHasPopup"\n             [tabindex]="hintData.tabindex"></desy-hint>\n  <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\n\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\n                      [id]="getErrorId()"\n                      [text]="errorMessageData.text"\n                      [html]="errorMessageData.html"\n                      [classes]="errorMessageData.classes"\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\n                      [role]="errorMessageData.role"\n                      [ariaLabel]="errorMessageData.ariaLabel"\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\n                      [ariaHidden]="errorMessageData.ariaHidden"\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\n                      [ariaControls]="errorMessageData.ariaControls"\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\n                      [ariaLive]="errorMessageData.ariaLive"\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\n\n  \x3c!-- Reactive forms --\x3e\n  <div *ngIf="controlContainer && !ngModelGroup"\n       [formGroup]="controlContainer.control"\n       [ngClass]="classes ? classes : \'flex\'"\n       [attr.id]="id ? id : null"\n       [attr.role]="role ? role : null"\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n       [attr.aria-live]="ariaLive ? ariaLive : null"\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n       [attr.tabindex]="tabindex ? tabindex : null">\n\n    <ng-container *ngFor="let item of getItems(); index as i">\n      <ng-container *ngTemplateOutlet="isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}"></ng-container>\n      <ng-template #itemSelect>\n        <desy-select [id]="item.id ? item.id : id + \'-\' + item.name"\n                     [labelRef]="getItemLabelRef(item)"\n                     [labelData]="getItemLabelData(item)"\n                     [classes]="[\'mb-0\', item.classes] | makeHtmlList"\n                     [formGroupClasses]="item.formGroupClasses"\n                     [name]="getItemName(item)"\n                     [formControlName]="getItemName(item)"\n                     [items]="getItemSelectOptions(item)"\n                     [disabled]="item.disabled"\n\n                     [role]="item.role"\n                     [ariaLabel]="item.ariaLabel"\n                     [ariaDescribedBy]="item.ariaDescribedBy"\n                     [ariaLabelledBy]="item.ariaLabelledBy"\n                     [ariaHidden]="item.ariaHidden"\n                     [ariaDisabled]="item.ariaDisabled"\n                     [ariaControls]="item.ariaControls"\n                     [ariaCurrent]="item.ariaCurrent"\n                     [ariaLive]="item.ariaLive"\n                     [ariaExpanded]="item.ariaExpanded"\n                     [ariaErrorMessage]="item.ariaErrorMessage"\n                     [ariaHasPopup]="item.ariaHasPopup"\n                     [tabindex]="item.tabindex"></desy-select>\n      </ng-template>\n      <ng-template #itemInput>\n        <desy-input [id]="item.id ? item.id : id + \'-\' + item.name"\n                    [labelRef]="getItemLabelRef(item)"\n                    [labelData]="getItemLabelData(item)"\n                    [classes]="[\'mb-0\', item.classes] | makeHtmlList"\n                    [formGroupClasses]="item.formGroupClasses"\n                    [name]="getItemName(item)"\n                    [formControlName]="getItemName(item)"\n                    [type]="item.type ? item.type : \'text\'"\n                    [inputmode]="item.inputmode"\n                    [autocomplete]="item.autocomplete"\n                    [pattern]="item.pattern"\n                    [placeholder]="item.placeholder"\n                    [disabled]="item.disabled"\n\n                    [maxlength]="item.maxlength"\n                    [role]="item.role"\n                    [ariaLabel]="item.ariaLabel"\n                    [ariaDescribedBy]="item.ariaDescribedBy"\n                    [ariaLabelledBy]="item.ariaLabelledBy"\n                    [ariaHidden]="item.ariaHidden"\n                    [ariaDisabled]="item.ariaDisabled"\n                    [ariaControls]="item.ariaControls"\n                    [ariaCurrent]="item.ariaCurrent"\n                    [ariaLive]="item.ariaLive"\n                    [ariaExpanded]="item.ariaExpanded"\n                    [ariaErrorMessage]="item.ariaErrorMessage"\n                    [ariaHasPopup]="item.ariaHasPopup"\n                    [tabindex]="item.tabindex"></desy-input>\n      </ng-template>\n    </ng-container>\n  </div>\n\n  \x3c!-- Template-driven forms --\x3e\n  <desy-template-driven-wrapper *ngIf="controlContainer && ngModelGroup">\n    <div [ngModelGroup]="ngModelGroup"\n         [ngClass]="classes ? classes : \'flex\'"\n         [attr.id]="id ? id : null"\n         [attr.role]="role ? role : null"\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n         [attr.aria-live]="ariaLive ? ariaLive : null"\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n         [attr.tabindex]="tabindex ? tabindex : null">\n\n      <ng-container *ngFor="let item of getItems(); index as i">\n        <ng-container *ngTemplateOutlet="isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}"></ng-container>\n        <ng-template #itemSelect>\n          <desy-select [id]="item.id ? item.id : id + \'-\' + item.name"\n                       [labelRef]="getItemLabelRef(item)"\n                       [labelData]="getItemLabelData(item)"\n                       [classes]="[\'mb-0\', item.classes] | makeHtmlList"\n                       [formGroupClasses]="item.formGroupClasses"\n                       [name]="getItemName(item)"\n                       [ngModel]="item.value" (ngModelChange)="onInternalChange(item, $event)"\n                       [items]="getItemSelectOptions(item)"\n                       [disabled]="item.disabled"\n\n                       [role]="item.role"\n                       [ariaLabel]="item.ariaLabel"\n                       [ariaDescribedBy]="item.ariaDescribedBy"\n                       [ariaLabelledBy]="item.ariaLabelledBy"\n                       [ariaHidden]="item.ariaHidden"\n                       [ariaDisabled]="item.ariaDisabled"\n                       [ariaControls]="item.ariaControls"\n                       [ariaCurrent]="item.ariaCurrent"\n                       [ariaLive]="item.ariaLive"\n                       [ariaExpanded]="item.ariaExpanded"\n                       [ariaErrorMessage]="item.ariaErrorMessage"\n                       [ariaHasPopup]="item.ariaHasPopup"\n                       [tabindex]="item.tabindex"></desy-select>\n        </ng-template>\n        <ng-template #itemInput>\n          <desy-input [id]="item.id ? item.id : id + \'-\' + item.name"\n                      [labelRef]="getItemLabelRef(item)"\n                      [labelData]="getItemLabelData(item)"\n                      [classes]="[\'mb-0\', item.classes] | makeHtmlList"\n                      [formGroupClasses]="item.formGroupClasses"\n                      [name]="getItemName(item)"\n                      [ngModel]="item.value" (ngModelChange)="onInternalChange(item, $event)"\n                      [type]="item.type ? item.type : \'text\'"\n                      [inputmode]="item.inputmode"\n                      [autocomplete]="item.autocomplete"\n                      [pattern]="item.pattern"\n                      [placeholder]="item.placeholder"\n                      [disabled]="item.disabled"\n                      \n                      [maxlength]="item.maxlength"\n                      [role]="item.role"\n                      [ariaLabel]="item.ariaLabel"\n                      [ariaDescribedBy]="item.ariaDescribedBy"\n                      [ariaLabelledBy]="item.ariaLabelledBy"\n                      [ariaHidden]="item.ariaHidden"\n                      [ariaDisabled]="item.ariaDisabled"\n                      [ariaControls]="item.ariaControls"\n                      [ariaCurrent]="item.ariaCurrent"\n                      [ariaLive]="item.ariaLive"\n                      [ariaExpanded]="item.ariaExpanded"\n                      [ariaErrorMessage]="item.ariaErrorMessage"\n                      [ariaHasPopup]="item.ariaHasPopup"\n                      [tabindex]="item.tabindex"></desy-input>\n        </ng-template>\n      </ng-container>\n    </div>\n  </desy-template-driven-wrapper>\n\n  \x3c!-- With ngModel--\x3e\n  <div *ngIf="!controlContainer"\n       [ngClass]="classes ? classes : \'flex\'"\n       [attr.id]="id ? id : null"\n       [attr.role]="role ? role : null"\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n       [attr.aria-live]="ariaLive ? ariaLive : null"\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n       [attr.tabindex]="tabindex ? tabindex : null">\n\n    <ng-container *ngFor="let item of getItems(); index as i">\n      <ng-container *ngTemplateOutlet="isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}"></ng-container>\n      <ng-template #itemSelect>\n        <desy-select [id]="item.id ? item.id : id + \'-\' + item.name"\n                     [labelRef]="getItemLabelRef(item)"\n                     [labelData]="getItemLabelData(item)"\n                     [classes]="[\'mb-0\', item.classes] | makeHtmlList"\n                     [formGroupClasses]="item.formGroupClasses"\n                     [name]="getItemName(item)"\n                     [items]="getItemSelectOptions(item)"\n                     [disabled]="item.disabled"\n                     [ngModel]="item.value" (ngModelChange)="onInternalChange(item, $event)"\n                     [role]="item.role"\n                     [ariaLabel]="item.ariaLabel"\n                     [ariaDescribedBy]="item.ariaDescribedBy"\n                     [ariaLabelledBy]="item.ariaLabelledBy"\n                     [ariaHidden]="item.ariaHidden"\n                     [ariaDisabled]="item.ariaDisabled"\n                     [ariaControls]="item.ariaControls"\n                     [ariaCurrent]="item.ariaCurrent"\n                     [ariaLive]="item.ariaLive"\n                     [ariaExpanded]="item.ariaExpanded"\n                     [ariaErrorMessage]="item.ariaErrorMessage"\n                     [ariaHasPopup]="item.ariaHasPopup"\n                     [tabindex]="item.tabindex"></desy-select>\n      </ng-template>\n      <ng-template #itemInput>\n        <desy-input [id]="item.id ? item.id : id + \'-\' + item.name"\n                    [labelRef]="getItemLabelRef(item)"\n                    [labelData]="getItemLabelData(item)"\n                    [classes]="[\'mb-0\', item.classes] | makeHtmlList"\n                    [formGroupClasses]="item.formGroupClasses"\n                    [name]="getItemName(item)"\n                    [ngModel]="item.value" (ngModelChange)="onInternalChange(item, $event)"\n                    [type]="item.type ? item.type : \'text\'"\n                    [inputmode]="item.inputmode"\n                    [autocomplete]="item.autocomplete"\n                    [pattern]="item.pattern"\n                    [placeholder]="item.placeholder"\n                    [disabled]="item.disabled"\n\n                    [maxlength]="item.maxlength"\n                    [role]="item.role"\n                    [ariaLabel]="item.ariaLabel"\n                    [ariaDescribedBy]="item.ariaDescribedBy"\n                    [ariaLabelledBy]="item.ariaLabelledBy"\n                    [ariaHidden]="item.ariaHidden"\n                    [ariaDisabled]="item.ariaDisabled"\n                    [ariaControls]="item.ariaControls"\n                    [ariaCurrent]="item.ariaCurrent"\n                    [ariaLive]="item.ariaLive"\n                    [ariaExpanded]="item.ariaExpanded"\n                    [ariaErrorMessage]="item.ariaErrorMessage"\n                    [ariaHasPopup]="item.ariaHasPopup"\n                    [tabindex]="item.tabindex"></desy-input>\n      </ng-template>\n    </ng-container>\n  </div>\n</ng-template>\n\n\n\n  <ng-container *ngIf="hasFieldsetComponent()">\n    <ng-content select="desy-fieldset"></ng-content>\n  </ng-container>\n  <ng-container *ngIf="!hasFieldsetComponent()">\n    <desy-fieldset *ngIf="fieldsetData"\n                   [classes]="fieldsetData.classes"\n                   [id]="fieldsetData.id"\n                   [legendData]="fieldsetData.legend"\n                   [headingLevel]="fieldsetData.headingLevel"\n                   [caller]="innerHtml"\n                   [errorId]="getErrorId()"\n                   [describedBy]="[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\n                   role="group"\n                   [ariaLabel]="fieldsetData.ariaLabel"\n                   [ariaLabelledBy]="fieldsetData.ariaLabelledBy"\n                   [ariaHidden]="fieldsetData.ariaHidden"\n                   [ariaDisabled]="fieldsetData.ariaDisabled"\n                   [ariaControls]="fieldsetData.ariaControls"\n                   [ariaCurrent]="fieldsetData.ariaCurrent"\n                   [ariaLive]="fieldsetData.ariaLive"\n                   [ariaExpanded]="fieldsetData.ariaExpanded"\n                   [ariaHasPopup]="fieldsetData.ariaHasPopup"\n                   [tabindex]="fieldsetData.tabindex"></desy-fieldset>\n    <desy-fieldset *ngIf="!fieldsetData && hasLegendComponent()"\n                   [legendRef]="legendTemplate"\n                   [caller]="innerHtml"\n                   [errorId]="getErrorId()"\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null">\n      <ng-template #legendTemplate>\n        <ng-content select="desy-legend"></ng-content>\n      </ng-template>\n    </desy-fieldset>\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && legendRef"\n                   [legendRef]="legendRef"\n                   [caller]="innerHtml"\n                   [errorId]="getErrorId()"\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\n                   role="group"></desy-fieldset>\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && legendData"\n                   [legendData]="{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}"\n                   [caller]="innerHtml"\n                   [errorId]="getErrorId()"\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\n                   role="group"></desy-fieldset>\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && !legendData && legendText"\n                   [legendText]="legendText"\n                   [caller]="innerHtml"\n                   [errorId]="getErrorId()"\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\n                   role="group"></desy-fieldset>\n\n    <ng-container *ngIf="!hasFieldset()">\n      <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\n    </ng-container>\n  </ng-container>\n\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return re})),multi:!0}]}]}],re.ctorParameters=function(){return[{type:a.ControlContainer,decorators:[{type:t.Optional}]}]},re.propDecorators={ngModelGroup:[{type:t.Input}],items:[{type:t.Input}],itemsChange:[{type:t.Output}],namePrefix:[{type:t.Input}],classes:[{type:t.Input}],cfg:[{type:t.HostBinding,args:["class.c-form-group"]}],cfgr:[{type:t.HostBinding,args:["class.c-form-group--error"]}],formGroupClasses:[{type:t.Input},{type:t.HostBinding,args:["class"]}],errorMessage:[{type:t.Input}],id:[{type:t.Input}],fieldsetData:[{type:t.Input}],legendRef:[{type:t.Input}],legendData:[{type:t.Input}],legendText:[{type:t.Input}],itemsComponents:[{type:t.ContentChildren,args:[Q]}],fieldsetComponent:[{type:t.ContentChildren,args:[$]}],legendComponent:[{type:t.ContentChildren,args:[z]}],innerHtml:[{type:t.ViewChild,args:["innerHtml",{static:!0}]}]},m([J("onExternalChange")],re.prototype,"items",void 0),m([J("onExternalChange")],re.prototype,"namePrefix",void 0),m([P({onSetCallbackName:"overrideFieldsetParams"})],re.prototype,"fieldsetComponent",void 0),m([P()],re.prototype,"legendComponent",void 0);var ie=function(e){function a(a,n){var r=e.call(this)||this;if(r.radios=a,r.changeDetectorRef=n,r.checkedChange=new t.EventEmitter,r.index=0,!r.radios)throw Error("Radios items must be inside of RadiosComponent");return r}return u(a,e),a.prototype.ngOnInit=function(){this.radios.markForUpdateCheckboxIds()},a.prototype.ngOnDestroy=function(){this.radios.markForUpdateCheckboxIds()},a.prototype.ngOnChanges=function(e){this.checked!==this.lastChecked&&this.isInit()?(this.setChecked(this.checked),this.radios.updateValueFromRadioItems()):void 0!==this.lastValue&&this.lastValue!==this.value&&this.radios.updateValueFromRadioItems(),this.lastValue=this.value,this.id!==this.radioId&&this.radios.markForUpdateCheckboxIds()},a.prototype.ngAfterViewInit=function(){this.setChecked(this.checked),this.radios.updateValueFromRadioItems()},a.prototype.setChecked=function(e){this.checked=e,this.lastChecked=e,this.checkedChange.emit(e),this.changeDetectorRef.detectChanges()},a.prototype.getItemHintId=function(){return this.hintComponentList&&this.hintComponentList.length>0&&this.radioId?this.radioId+"-item-hint":null},a.prototype.hasChanged=function(){this.setChecked(this.isInputChecked()),this.radios.updateValueFromRadioItems()},a.prototype.isInit=function(){return!!this.inputElement},a.prototype.isInputChecked=function(){return this.inputElement?this.inputElement.nativeElement.checked:null},a.prototype.updateRadioId=function(e){if(this.id)this.radioId=this.id;else{var t=this.radios.idPrefix?this.radios.idPrefix:this.radios.name;this.radioId=0===e?t:t+"-"+e}this.labelComponentList&&this.labelComponentList.length>0&&(this.labelComponentList.first.for=this.radioId),this.hintComponentList&&this.hintComponentList.length>0&&(this.hintComponentList.first.id=this.getItemHintId()),this.changeDetectorRef.detectChanges()},a.prototype.hasDividers=function(){return this.radios.hasDividers},a.prototype.hasError=function(){return this.radios.hasErrorsMessage()},a.prototype.getNameRadio=function(){return this.radios.name},a.prototype.getDescribedBy=function(){return this.radios.hasFieldset()?null:this.radios.describedBy},a}(v);ie.decorators=[{type:t.Component,args:[{selector:"desy-radio-item",template:'<div [ngClass]="{\'border-t border-b border-neutral-base -mb-px\': hasDividers()}" [class]="classes">\n  <div *ngIf="divider"><p>{{ divider }}</p></div>\n  <div *ngIf="!divider">\n    <div class="relative flex items-start py-base">\n      <div class="flex items-center mx-sm">\n        <input #input class="w-6 h-6 text-primary-base transition duration-150 ease-in-out border-black focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-offset-0 focus:ring-warning-base disabled:bg-neutral-base disabled:border-neutral-base text-primary-base"\n                [attr.id]="radioId"\n                [attr.name]="name ? name : getNameRadio()"\n                type="radio"\n                [value]="value" (change)="hasChanged()"\n                [checked]="checked"\n                [attr.disabled]="disabled ? true : null"\n                [attr.aria-controls]="conditionalContentList && conditionalContentList.length > 0 ? \'conditional-\' + this.radioId : null"\n                [attr.aria-describedby]="[getDescribedBy(), getItemHintId()] | makeHtmlList:null"\n                [attr.aria-invalid]="hasError ? true : null"\n  \n                [attr.role]="role ? role : null"\n                [attr.aria-label]="ariaLabel ? ariaLabel : 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-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>\n  \n        <div class="pt-0.5 leading-5">\n            <ng-container *ngIf="labelComponentList && labelComponentList.length > 0">\n                <ng-content select="desy-label"></ng-content>\n            </ng-container>\n            <ng-container *ngIf="!(labelComponentList && labelComponentList.length > 0)">\n                <desy-label [for]="radioId">\n                    <ng-content></ng-content>\n                </desy-label>\n            </ng-container>\n  \n            <ng-content select="desy-hint"></ng-content>\n        </div>\n      </div>\n    </div>\n    <div *ngIf="conditional && conditionalContentList && conditionalContentList.length > 0 && checked"  @displayConditional\n      class="mb-lg ml-5 pt-sm pb-base pl-6 origin-top-left border-l-2 border-primary-base"\n      [attr.id]="\'conditional-\' + this.radioId">\n      <ng-container *desyCustomInnerContent="{ component: conditionalContentList.first }"></ng-container>\n  </div>\n</div>\n\n',animations:[n.trigger("displayConditional",[n.state("void",n.style({opacity:"0.0",transform:"scale(0.95)"})),n.state("*",n.style({opacity:"1.0",transform:"scale(1.0)"})),n.transition(":enter",[n.animate("100ms ease-out")]),n.transition("* => *",[n.query("@*",n.animateChild(),{optional:!0})])])]}]}],ie.ctorParameters=function(){return[{type:se,decorators:[{type:t.Host}]},{type:t.ChangeDetectorRef}]},ie.propDecorators={inputElement:[{type:t.ViewChild,args:["input"]}],id:[{type:t.Input}],name:[{type:t.Input}],value:[{type:t.Input}],conditional:[{type:t.Input}],disabled:[{type:t.Input}],divider:[{type:t.Input}],classes:[{type:t.Input}],labelComponentList:[{type:t.ContentChildren,args:[V]}],hintComponentList:[{type:t.ContentChildren,args:[N]}],conditionalContentList:[{type:t.ContentChildren,args:[O]}],checked:[{type:t.Input}],checkedChange:[{type:t.Output}]};var se=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.itemsChange=new t.EventEmitter,a.nextValue=null,a.updateChekboxIds=!1,a.contentInit=!1,a}return u(a,e),a.prototype.ngDoCheck=function(){var e=this;if(null!==this.nextValue&&(""!==this.nextValue||this.value&&""!==this.value)){this.value=this.nextValue,this.nextValue=null;var t=this.updateRadioItemsChecked();setTimeout((function(){e.onChange(e.value),t&&e.items&&e.items.length>0&&e.itemsChange.emit(e.items)}))}if(this.updateChekboxIds){var a=this.getRadioItems();a.length>0&&a.forEach((function(e,t){return e.updateRadioId(t)})),this.updateChekboxIds=!1}},a.prototype.ngAfterContentInit=function(){this.contentInit=!0},a.prototype.writeValue=function(e){e&&(this.nextValue=e)},a.prototype.onIdPrefixChange=function(){this.contentInit&&this.markForUpdateCheckboxIds(),this.propagateNewIdPrefixValue()},a.prototype.onNameChange=function(){this.contentInit&&this.markForUpdateCheckboxIds(),this.propagateNewIdPrefixValue()},a.prototype.propagateNewIdPrefixValue=function(){this.hintComponent&&this.overrideHintParams(this.hintComponent),this.errorMessageComponent&&this.overrideErrorMessageParams(this.errorMessageComponent),this.hintComponent||this.errorMessageComponent||!this.fieldsetComponent||this.overrideFieldsetParams(this.fieldsetComponent)},a.prototype.markForUpdateCheckboxIds=function(){this.updateChekboxIds=!0},a.prototype.updateRadioItemsChecked=function(){var e=this,t=!1,a=this.getRadioItems();return a.length>0&&a.forEach((function(a){a.value!==e.value||a.lastChecked?a.value!==e.value&&a.lastChecked&&(a.setChecked(!1),t=!0):(a.setChecked(!0),t=!0)})),t},a.prototype.updateValueFromRadioItems=function(){var e=this;setTimeout((function(){var t=e.getRadioItems();if(t&&t.length>0&&t.findIndex((function(e){return!e.isInit()&&!e.divider}))<0){var a=t.find((function(e){return e.isInputChecked()&&!e.divider}));e.nextValue=a?a.value:null}})),this.items&&this.items.length>0&&this.itemsChange.emit(this.items)},a.prototype.overrideFieldsetParams=function(e){e.caller=this.innerHtml,e.errorId=this.getErrorId(),e.describedBy=(new ee).transform([this.getHintId(),this.getErrorId()],null),e.detectChanges()},a.prototype.overrideHintParams=function(e){e.id=this.getHintId(),e.detectChanges(),this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},a.prototype.overrideErrorMessageParams=function(e){e.id=this.getErrorId(),e.detectChanges(),this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},a.prototype.onDeleteHint=function(){this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},a.prototype.onDeleteErrorMessage=function(){this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},a.prototype.hasFieldset=function(){return!!(this.hasFieldsetComponent()||this.hasLegendComponent()||this.legendRef||this.fieldsetData||this.legendData&&(this.legendData.text||this.legendData.html)||this.legendText)},a.prototype.hasFieldsetComponent=function(){return!!this.fieldsetComponent},a.prototype.hasLegendComponent=function(){return!!this.legendComponent},a.prototype.getErrorId=function(){return this.hasErrorsMessage()?this.getIdPrefix()+"-error":null},a.prototype.getHintId=function(){return this.hasHint()?this.getIdPrefix()+"-hint":null},a.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:this.name},a.prototype.getRadioItems=function(){var e=[];return this.radioComponentItems&&this.radioComponentItems.length>0?e=this.radioComponentItems.toArray():this.radioComponentItems2&&this.radioComponentItems2.length>0&&(e=this.radioComponentItems2.toArray()),e},a}(G);se.decorators=[{type:t.Component,args:[{selector:"desy-radios",template:'<div [class]="[\'c-form-group\', formGroupClasses] | makeHtmlList"\n     [ngClass]="{\'c-form-group--error\': (hasErrorsMessage() || formGroupClasses == \'c-form-group--error\') }">\n\n  <ng-container *ngIf="hasFieldsetComponent()">\n    <ng-content select="desy-fieldset"></ng-content>\n  </ng-container>\n  <ng-container *ngIf="!hasFieldsetComponent()">\n    <desy-fieldset *ngIf="fieldsetData"\n                    [classes]="fieldsetData.classes"\n                    [id]="fieldsetData.id"\n                    [legendData]="fieldsetData.legend"\n                    [headingLevel]="fieldsetData.headingLevel"\n                    [caller]="innerHtml"\n                    [errorId]="getErrorId()"\n                    [describedBy]="[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\n                    [role]="fieldsetData.role"\n                    [ariaLabel]="fieldsetData.ariaLabel"\n                    [ariaLabelledBy]="fieldsetData.ariaLabelledBy"\n                    [ariaHidden]="fieldsetData.ariaHidden"\n                    [ariaDisabled]="fieldsetData.ariaDisabled"\n                    [ariaControls]="fieldsetData.ariaControls"\n                    [ariaCurrent]="fieldsetData.ariaCurrent"\n                    [ariaLive]="fieldsetData.ariaLive"\n                    [ariaExpanded]="fieldsetData.ariaExpanded"\n                    [ariaHasPopup]="fieldsetData.ariaHasPopup"\n                    [tabindex]="fieldsetData.tabindex"></desy-fieldset>\n    <desy-fieldset *ngIf="!fieldsetData && hasLegendComponent()"\n                    [legendRef]="legendTemplate"\n                    [caller]="innerHtml"\n                    [errorId]="getErrorId()"\n                    [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null">\n      <ng-template #legendTemplate>\n        <ng-content select="desy-legend"></ng-content>\n      </ng-template>\n    </desy-fieldset>\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && legendRef"\n                    [legendRef]="legendRef"\n                    [caller]="innerHtml"\n                    [errorId]="getErrorId()"\n                    [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && legendData"\n                    [legendData]="{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}"\n                    [caller]="innerHtml"\n                    [errorId]="getErrorId()"\n                    [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && !legendData && legendText"\n                    [legendText]="legendText"\n                    [caller]="innerHtml"\n                    [errorId]="getErrorId()"\n                    [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\n  </ng-container>\n\n  <ng-container *ngIf="!hasFieldset()">\n    <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #innerHtml>\n  <ng-container *ngIf="hasHintComponent()">\n    <ng-content select="desy-hint"></ng-content>\n  </ng-container>\n  <ng-container *ngIf="!hasHintComponent()">\n    <ng-container *ngTemplateOutlet="hintRef"></ng-container>\n    <desy-hint *ngIf="!hintRef && hintData"\n               [id]="getHintId()"\n               [text]="hintData.text"\n               [html]="hintData.html"\n               [classes]="hintData.classes"\n               [role]="hintData.role"\n               [ariaLabel]="hintData.ariaLabel"\n               [ariaDescribedBy]="hintData.ariaDescribedBy"\n               [ariaLabelledBy]="hintData.ariaLabelledBy"\n               [ariaHidden]="hintData.ariaHidden"\n               [ariaDisabled]="hintData.ariaDisabled"\n               [ariaControls]="hintData.ariaControls"\n               [ariaCurrent]="hintData.ariaCurrent"\n               [ariaLive]="hintData.ariaLive"\n               [ariaExpanded]="hintData.ariaExpanded"\n               [ariaErrorMessage]="hintData.ariaErrorMessage"\n               [ariaHasPopup]="hintData.ariaHasPopup"\n               [tabindex]="hintData.tabindex"></desy-hint>\n    <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\n  </ng-container>\n\n  <ng-container *ngIf="hasErrorMessageComponent()">\n    <ng-content select="desy-error-message"></ng-content>\n  </ng-container>\n  <ng-container *ngIf="!hasErrorMessageComponent()">\n    <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\n    <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\n                        [id]="getErrorId()"\n                        [text]="errorMessageData.text"\n                        [html]="errorMessageData.html"\n                        [classes]="errorMessageData.classes"\n                        [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\n                        [role]="errorMessageData.role"\n                        [ariaLabel]="errorMessageData.ariaLabel"\n                        [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\n                        [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\n                        [ariaHidden]="errorMessageData.ariaHidden"\n                        [ariaDisabled]="errorMessageData.ariaDisabled"\n                        [ariaControls]="errorMessageData.ariaControls"\n                        [ariaCurrent]="errorMessageData.ariaCurrent"\n                        [ariaLive]="errorMessageData.ariaLive"\n                        [ariaExpanded]="errorMessageData.ariaExpanded"\n                        [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\n                        [ariaHasPopup]="errorMessageData.ariaHasPopup"\n                        [tabindex]="errorMessageData.tabindex"></desy-error-message>\n    <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\n                        [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\n  </ng-container>\n\n\n  <div class="[\'c-radios\', classes] | makeHtmlList"\n       [attr.id]="id ? id : null"\n       [attr.role]="role ? role : null"\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n       [attr.aria-live]="ariaLive ? ariaLive : null"\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n       [attr.tabindex]="tabindex ? tabindex : null">\n\n      <ng-container *ngIf="radioComponentItems && radioComponentItems.length > 0">\n        <ng-content select="desy-radio-item"></ng-content>\n      </ng-container>\n      <ng-container *ngIf="!(radioComponentItems && radioComponentItems.length > 0) && items">\n        <desy-radio-item *ngFor="let item of items; index as i"\n                         [id]="item.id"\n                         [disabled]="item.disabled"\n                         [classes]="item.classes"\n                         [value]="item.value"\n                         [(checked)]="item.checked"\n                         [conditional]="item.conditional"\n                         [divider]="item.divider"\n\n                         [role]="item.role"\n                         [ariaLabel]="item.ariaLabel"\n                         [ariaDescribedBy]="item.ariaDescribedBy"\n                         [ariaLabelledBy]="item.ariaLabelledBy"\n                         [ariaHidden]="item.ariaHidden"\n                         [ariaDisabled]="item.ariaDisabled"\n                         [ariaControls]="item.ariaControls"\n                         [ariaCurrent]="item.ariaCurrent"\n                         [ariaLive]="item.ariaLive"\n                         [ariaExpanded]="item.ariaExpanded"\n                         [ariaErrorMessage]="item.ariaErrorMessage"\n                         [ariaHasPopup]="item.ariaHasPopup"\n                         [tabindex]="item.tabindex">\n          <desy-label [text]="item.text" [html]="item.html"\n                      [classes]="item.labelData ? item.labelData.classes : null"\n                      [role]="item.labelData ? item.labelData.role : null"\n                      [ariaLabel]="item.labelData ? item.labelData.ariaLabel : null"\n                      [ariaDescribedBy]="item.labelData ? item.labelData.ariaDescribedBy: null"\n                      [ariaLabelledBy]="item.labelData ? item.labelData.ariaLabelledBy : null"\n                      [ariaHidden]="item.labelData ? item.labelData.ariaHidden : null"\n                      [ariaDisabled]="item.labelData ? item.labelData.ariaDisabled : null"\n                      [ariaControls]="item.labelData ? item.labelData.ariaControls : null"\n                      [ariaCurrent]="item.labelData ? item.labelData.ariaCurrent : null"\n                      [ariaLive]="item.labelData ? item.labelData.ariaLive : null"\n                      [ariaExpanded]="item.labelData ? item.labelData.ariaExpanded : null"\n                      [ariaErrorMessage]="item.labelData ? item.labelData.ariaErrorMessage : null"\n                      [ariaHasPopup]="item.labelData ? item.labelData.ariaHasPopup : null"\n                      [tabindex]="tabindex ? item.labelData.tabindex : null"></desy-label>\n          <desy-hint *ngIf="item.hintData && (item.hintData.text || item.hintData.html)"\n                     [text]="item.hintData.text"\n                     [html]="item.hintData.html"\n                     [classes]="item.hintData.classes"\n                     [role]="item.hintData.role"\n                     [ariaLabel]="item.hintData.ariaLabel"\n                     [ariaDescribedBy]="item.hintData.ariaDescribedBy"\n                     [ariaLabelledBy]="item.hintData.ariaLabelledBy"\n                     [ariaHidden]="item.hintData.ariaHidden"\n                     [ariaDisabled]="item.hintData.ariaDisabled"\n                     [ariaControls]="item.hintData.ariaControls"\n                     [ariaCurrent]="item.hintData.ariaCurrent"\n                     [ariaLive]="item.hintData.ariaLive"\n                     [ariaExpanded]="item.hintData.ariaExpanded"\n                     [ariaErrorMessage]="item.hintData.ariaErrorMessage"\n                     [ariaHasPopup]="item.hintData.ariaHasPopup"\n                     [tabindex]="item.hintData.tabindex"></desy-hint>\n          <desy-hint *ngIf="!item.hintData && item.hintText" [text]="item.hintText"></desy-hint>\n          <desy-content *ngIf="item.conditionalHtml">\n            <ng-container *ngTemplateOutlet="item.conditionalHtml"></ng-container>\n          </desy-content>\n        </desy-radio-item>\n      </ng-container>\n  </div>\n</ng-template>\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return se})),multi:!0}]}]}],se.propDecorators={fieldsetData:[{type:t.Input}],legendRef:[{type:t.Input}],legendData:[{type:t.Input}],legendText:[{type:t.Input}],idPrefix:[{type:t.Input}],name:[{type:t.Input}],items:[{type:t.Input}],itemsChange:[{type:t.Output}],formGroupClasses:[{type:t.Input}],hasDividers:[{type:t.Input}],hasError:[{type:t.Input}],classes:[{type:t.Input}],describedBy:[{type:t.Input}],fieldsetComponent:[{type:t.ContentChildren,args:[$]}],legendComponent:[{type:t.ContentChildren,args:[z]}],radioComponentItems:[{type:t.ContentChildren,args:[ie]}],innerHtml:[{type:t.ViewChild,args:["innerHtml",{static:!0}]}],radioComponentItems2:[{type:t.ViewChildren,args:[ie]}]},m([J("onIdPrefixChange")],se.prototype,"idPrefix",void 0),m([J("onNameChange")],se.prototype,"name",void 0),m([P({onSetCallbackName:"overrideFieldsetParams"})],se.prototype,"fieldsetComponent",void 0),m([P()],se.prototype,"legendComponent",void 0);var oe=function(e){function a(a,n){var r=e.call(this)||this;if(r.checkboxes=a,r.changeDetectorRef=n,r.checkedChange=new t.EventEmitter,r.indeterminateChange=new t.EventEmitter,!r.checkboxes)throw Error("Checkbox items must be inside of CheckboxesComponent");return r}return u(a,e),a.prototype.ngOnInit=function(){this.checkboxes.markForUpdateCheckboxIds()},a.prototype.ngOnDestroy=function(){this.checkboxes.markForUpdateCheckboxIds()},a.prototype.ngOnChanges=function(e){this.classes=this.checkboxes.hasDividers?this.classes+=" border-t border-b border-neutral-base -mb-px":this.classes,this.checked!==this.lastChecked&&this.isInit()?(this.setChecked(this.checked),this.checkboxes.updateValueFromCheckboxItems()):void 0!==this.lastValue&&this.lastValue!==this.value&&this.checkboxes.updateValueFromCheckboxItems(),this.indeterminateChecked!==this.lastIndeterminate&&this.isInit()&&(this.setIndeterminateChecked(this.indeterminateChecked),this.checkboxes.updateValueFromCheckboxItems()),this.lastValue=this.value,this.id!==this.checkboxId&&this.checkboxes.markForUpdateCheckboxIds()},a.prototype.ngAfterViewInit=function(){this.setChecked(this.checked),this.setIndeterminateChecked(this.indeterminateChecked),this.checkboxes.updateValueFromCheckboxItems()},a.prototype.getItemHintId=function(){return this.hintComponentList&&this.hintComponentList.length>0&&this.checkboxId?this.checkboxId+"-item-hint":null},a.prototype.hasChanged=function(){var e=this.inputElement.nativeElement;this.isIndeterminate&&(e.readOnly?(e.checked=!1,e.readOnly=!1):e.checked||(e.readOnly=!0,e.indeterminate=!0)),this.setChecked(e.checked),this.setIndeterminateChecked(e.indeterminate),this.checkboxes.updateValueFromCheckboxItems()},a.prototype.setChecked=function(e){this.checked=e,this.lastChecked=e,this.checkedChange.emit(e),this.changeDetectorRef.detectChanges()},a.prototype.setIndeterminateChecked=function(e){this.indeterminateChecked=e,this.lastIndeterminate=e,this.indeterminateChange.emit(e),this.changeDetectorRef.detectChanges()},a.prototype.setIndeterminateStatus=function(){var e,t=null===(e=this.inputElement)||void 0===e?void 0:e.nativeElement;t&&(this.indeterminateChecked?(t.readOnly=!0,t.indeterminate=!0):t.readOnly&&(t.readOnly=!1,t.indeterminate=!1))},a.prototype.isInit=function(){return!!this.inputElement},a.prototype.getValue=function(){var e=this.inputElement.nativeElement;return e.checked||e.indeterminate?this.value:null},a.prototype.updateCheckboxId=function(e){if(this.id)this.checkboxId=this.id;else{var t=this.checkboxes.idPrefix?this.checkboxes.idPrefix:this.checkboxes.name;this.checkboxId=0===e?t:t+"-"+e}this.labelComponentList&&this.labelComponentList.length>0&&(this.labelComponentList.first.for=this.checkboxId),this.hintComponentList&&this.hintComponentList.length>0&&(this.hintComponentList.first.id=this.getItemHintId()),this.changeDetectorRef.detectChanges()},a.prototype.hasDividers=function(){return this.checkboxes.hasDividers},a.prototype.hasError=function(){return this.checkboxes.hasErrorsMessage()},a.prototype.getNameCheckbox=function(){return this.checkboxes.name},a.prototype.getDescribedBy=function(){return this.checkboxes.hasFieldset()?null:this.checkboxes.describedBy},a}(C);oe.decorators=[{type:t.Component,args:[{selector:"desy-checkbox-item",template:'<div class="relative flex items-start py-base">\n    <div class="flex items-center mx-sm">\n      <input #input class="w-6 h-6 transition duration-150 ease-in-out border-black focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-offset-0 focus:ring-warning-base disabled:bg-neutral-base disabled:border-neutral-base text-primary-base"\n              [checked]="checked"\n              [attr.id]="checkboxId"\n              [attr.name]="name ? name : getNameCheckbox()"\n              type="checkbox"\n              [value]="value" (change)="hasChanged()"\n              [attr.disabled]="disabled ? true : null"\n              [attr.aria-controls]="conditionalContentList && conditionalContentList.length > 0 ? \'conditional-\' + checkboxId : null"\n              [attr.aria-describedby]="[getDescribedBy(), getItemHintId()] | makeHtmlList:null"\n              [attr.aria-invalid]="hasError() ? true : null"\n\n              [attr.role]="role ? role : null"\n              [attr.aria-label]="ariaLabel ? ariaLabel : 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-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>\n    <div class="pt-0.5 leading-5">\n      <ng-container *ngIf="labelComponentList && labelComponentList.length > 0">\n        <ng-content select="desy-label"></ng-content>\n      </ng-container>\n      <ng-container *ngIf="!(labelComponentList && labelComponentList.length > 0)">\n        <desy-label [for]="checkboxId">\n          <ng-content></ng-content>\n        </desy-label>\n      </ng-container>\n      <ng-content select="desy-hint"></ng-content>\n    </div>\n</div>\n\n<div *ngIf="conditional && conditionalContentList && conditionalContentList.length > 0 && (input.checked || input.indeterminate)" @displayConditional\n      class="mb-base ml-5 py-sm pl-6 origin-top-left border-l-2 border-primary-base"\n      [attr.id]="\'conditional-\' + checkboxId">\n  <ng-container *desyCustomInnerContent="{ component: conditionalContentList.first }"></ng-container>\n</div>\n',animations:[n.trigger("displayConditional",[n.state("void",n.style({opacity:"0.0",transform:"scale(0.95)"})),n.state("*",n.style({opacity:"1.0",transform:"scale(1.0)"})),n.transition(":enter",[n.animate("100ms ease-out")]),n.transition("* => *",[n.query("@*",n.animateChild(),{optional:!0})])])]}]}],oe.ctorParameters=function(){return[{type:le,decorators:[{type:t.Host}]},{type:t.ChangeDetectorRef}]},oe.propDecorators={inputElement:[{type:t.ViewChild,args:["input"]}],id:[{type:t.Input}],value:[{type:t.Input}],name:[{type:t.Input}],conditional:[{type:t.Input}],disabled:[{type:t.Input}],isIndeterminate:[{type:t.Input}],indeterminateChecked:[{type:t.Input}],classes:[{type:t.Input},{type:t.HostBinding,args:["class"]}],labelComponentList:[{type:t.ContentChildren,args:[V]}],hintComponentList:[{type:t.ContentChildren,args:[N]}],conditionalContentList:[{type:t.ContentChildren,args:[O]}],checked:[{type:t.Input}],checkedChange:[{type:t.Output}],indeterminateChange:[{type:t.Output}]},m([J("setIndeterminateStatus")],oe.prototype,"indeterminateChecked",void 0);var le=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.itemsChange=new t.EventEmitter,a.nextValue=null,a.updateChekboxIds=!1,a.contentInit=!1,a}return u(a,e),a.prototype.ngDoCheck=function(){var e=this;if(null!==this.nextValue&&(this.nextValue.length>0||this.value&&this.value.length>0)&&(this.value=this.nextValue,this.nextValue=null,this.updateCheckboxItemsChecked(),setTimeout((function(){e.onChange(e.value),e.items&&e.items.length>0&&e.itemsChange.emit(e.items)}))),this.updateChekboxIds){var t=this.getCheckboxItems();t.length>0&&t.forEach((function(e,t){return e.updateCheckboxId(t)})),this.updateChekboxIds=!1}},a.prototype.ngAfterContentInit=function(){this.contentInit=!0},a.prototype.writeValue=function(e){e&&(this.nextValue=e)},a.prototype.onIdPrefixChange=function(){this.contentInit&&this.markForUpdateCheckboxIds(),this.propagateNewIdPrefixValue()},a.prototype.onNameChange=function(){this.contentInit&&this.markForUpdateCheckboxIds(),this.propagateNewIdPrefixValue()},a.prototype.propagateNewIdPrefixValue=function(){this.hintComponent&&this.overrideHintParams(this.hintComponent),this.errorMessageComponent&&this.overrideErrorMessageParams(this.errorMessageComponent),this.hintComponent||this.errorMessageComponent||!this.fieldsetComponent||this.overrideFieldsetParams(this.fieldsetComponent)},a.prototype.markForUpdateCheckboxIds=function(){this.updateChekboxIds=!0},a.prototype.updateCheckboxItemsChecked=function(){var e=this,t=this.getCheckboxItems();t.length>0&&t.forEach((function(t){var a=Array.isArray(e.value)?e.value.findIndex((function(e){return e===t.value}))>-1:e.value===t.value;a!==t.lastChecked&&t.setChecked(a)}))},a.prototype.updateValueFromCheckboxItems=function(){var e=this;setTimeout((function(){var t=e.getCheckboxItems();t&&t.length>0&&t.findIndex((function(e){return!e.isInit()}))<0&&(e.nextValue=t.filter((function(e){return e.checked})).map((function(e){return e.getValue()})))})),this.items&&this.items.length>0&&this.itemsChange.emit(this.items)},a.prototype.overrideFieldsetParams=function(e){e.caller=this.innerHtml,e.errorId=this.getErrorId(),e.describedBy=(new ee).transform([this.getHintId(),this.getErrorId()],null),e.detectChanges()},a.prototype.overrideHintParams=function(e){e.id=this.getHintId(),e.detectChanges(),this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},a.prototype.overrideErrorMessageParams=function(e){e.id=this.getErrorId(),e.detectChanges(),this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},a.prototype.onDeleteHint=function(){this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},a.prototype.onDeleteErrorMessage=function(){this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},a.prototype.hasFieldset=function(){return!!(this.hasFieldsetComponent()||this.hasLegendComponent()||this.legendRef||this.fieldsetData||this.legendData&&(this.legendData.text||this.legendData.html)||this.legendText)},a.prototype.hasFieldsetComponent=function(){return!!this.fieldsetComponent},a.prototype.hasLegendComponent=function(){return!!this.legendComponent},a.prototype.getErrorId=function(){return this.hasErrorsMessage()?this.getIdPrefix()+"-error":void 0},a.prototype.getHintId=function(){return this.hasHint()?this.getIdPrefix()+"-hint":void 0},a.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:this.name},a.prototype.getCheckboxItems=function(){var e=[];return this.checkboxComponentItems&&this.checkboxComponentItems.length>0?e=this.checkboxComponentItems.toArray():this.checkboxComponentItems2&&this.checkboxComponentItems2.length>0&&(e=this.checkboxComponentItems2.toArray()),e},a}(G);le.decorators=[{type:t.Component,args:[{selector:"desy-checkboxes",template:'<div [class]="[\'c-form-group\', formGroupClasses] | makeHtmlList"\n     [ngClass]="{\'c-form-group--error\': (hasErrorsMessage() || formGroupClasses == \'c-form-group--error\') }">\n  <ng-container *ngIf="hasFieldsetComponent()">\n    <ng-content select="desy-fieldset"></ng-content>\n  </ng-container>\n  <ng-container *ngIf="!hasFieldsetComponent()">\n    <desy-fieldset *ngIf="fieldsetData"\n                    [classes]="fieldsetData.classes"\n                    [id]="fieldsetData.id"\n                    [legendData]="fieldsetData.legend"\n                    [headingLevel]="fieldsetData.headingLevel"\n                    [caller]="innerHtml"\n                    [errorId]="getErrorId()"\n                    [describedBy]="[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\n                    [role]="fieldsetData.role"\n                    [ariaLabel]="fieldsetData.ariaLabel"\n                    [ariaLabelledBy]="fieldsetData.ariaLabelledBy"\n                    [ariaHidden]="fieldsetData.ariaHidden"\n                    [ariaDisabled]="fieldsetData.ariaDisabled"\n                    [ariaControls]="fieldsetData.ariaControls"\n                    [ariaCurrent]="fieldsetData.ariaCurrent"\n                    [ariaLive]="fieldsetData.ariaLive"\n                    [ariaExpanded]="fieldsetData.ariaExpanded"\n                    [ariaHasPopup]="fieldsetData.ariaHasPopup"\n                    [tabindex]="fieldsetData.tabindex"></desy-fieldset>\n    <desy-fieldset *ngIf="!fieldsetData && !!legendComponent"\n                    [legendRef]="legendTemplate"\n                    [caller]="innerHtml"\n                    [errorId]="getErrorId()"\n                    [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null">\n      <ng-template #legendTemplate>\n        <ng-content select="desy-legend"></ng-content>\n      </ng-template>\n    </desy-fieldset>\n    <desy-fieldset *ngIf="!fieldsetData && !legendComponent && legendRef"\n                    [legendRef]="legendRef"\n                    [caller]="innerHtml"\n                    [errorId]="getErrorId()"\n                    [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\n    <desy-fieldset *ngIf="!fieldsetData && !legendComponent && !legendRef && legendData"\n                    [legendData]="{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}"\n                    [caller]="innerHtml"\n                    [errorId]="getErrorId()"\n                    [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\n    <desy-fieldset *ngIf="!fieldsetData && !legendComponent && !legendRef && !legendData && legendText"\n                    [legendText]="legendText"\n                    [caller]="innerHtml"\n                    [errorId]="getErrorId()"\n                    [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\n  </ng-container>\n\n    <ng-container *ngIf="!hasFieldset()">\n      <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\n    </ng-container>\n</div>\n\n<ng-template #innerHtml>\n  <ng-container *ngIf="hasHintComponent()">\n    <ng-content select="desy-hint"></ng-content>\n  </ng-container>\n  <ng-container *ngIf="!hasHintComponent()">\n    <ng-container *ngTemplateOutlet="hintRef"></ng-container>\n    <desy-hint *ngIf="!hintRef && hintData"\n               [id]="getHintId()"\n               [text]="hintData.text"\n               [html]="hintData.html"\n               [classes]="hintData.classes"\n               [role]="hintData.role"\n               [ariaLabel]="hintData.ariaLabel"\n               [ariaDescribedBy]="hintData.ariaDescribedBy"\n               [ariaLabelledBy]="hintData.ariaLabelledBy"\n               [ariaHidden]="hintData.ariaHidden"\n               [ariaDisabled]="hintData.ariaDisabled"\n               [ariaControls]="hintData.ariaControls"\n               [ariaCurrent]="hintData.ariaCurrent"\n               [ariaLive]="hintData.ariaLive"\n               [ariaExpanded]="hintData.ariaExpanded"\n               [ariaErrorMessage]="hintData.ariaErrorMessage"\n               [ariaHasPopup]="hintData.ariaHasPopup"\n               [tabindex]="hintData.tabindex"></desy-hint>\n    <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\n  </ng-container>\n\n  <ng-container *ngIf="hasErrorMessageComponent()">\n    <ng-content select="desy-error-message"></ng-content>\n  </ng-container>\n  <ng-container *ngIf="!hasErrorMessageComponent()">\n    <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\n    <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\n                        [id]="getErrorId()"\n                        [text]="errorMessageData.text"\n                        [html]="errorMessageData.html"\n                        [classes]="errorMessageData.classes"\n                        [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\n                        [role]="errorMessageData.role"\n                        [ariaLabel]="errorMessageData.ariaLabel"\n                        [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\n                        [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\n                        [ariaHidden]="errorMessageData.ariaHidden"\n                        [ariaDisabled]="errorMessageData.ariaDisabled"\n                        [ariaControls]="errorMessageData.ariaControls"\n                        [ariaCurrent]="errorMessageData.ariaCurrent"\n                        [ariaLive]="errorMessageData.ariaLive"\n                        [ariaExpanded]="errorMessageData.ariaExpanded"\n                        [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\n                        [ariaHasPopup]="errorMessageData.ariaHasPopup"\n                        [tabindex]="errorMessageData.tabindex"></desy-error-message>\n    <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\n                        [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\n  </ng-container>\n\n  <div [class]="[\'c-checkboxes\', classes] | makeHtmlList"\n       [attr.role]="role ? role : null"\n       [attr.aria-label]="ariaLabel ? ariaLabel : 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\n    <ng-container *ngIf="checkboxComponentItems && checkboxComponentItems.length > 0">\n      <ng-content select="desy-checkbox-item"></ng-content>\n    </ng-container>\n    <ng-container *ngIf="!(checkboxComponentItems && checkboxComponentItems.length > 0) && items">\n      <desy-checkbox-item *ngFor="let item of items; index as i"\n                          [id]="item.id"\n                          [disabled]="item.disabled"\n                          [name]="item.name"\n                          [classes]="item.classes"\n                          [value]="item.value"\n                          [(checked)]="item.checked"\n                          [conditional]="item.conditional"\n                          [isIndeterminate]="item.isIndeterminate"\n                          [indeterminateChecked]="item.indeterminateChecked"\n\n                          [role]="item.role"\n                          [ariaLabel]="item.ariaLabel"\n                          [ariaDescribedBy]="item.ariaDescribedBy"\n                          [ariaLabelledBy]="item.ariaLabelledBy"\n                          [ariaHidden]="item.ariaHidden"\n                          [ariaDisabled]="item.ariaDisabled"\n                          [ariaControls]="item.ariaControls"\n                          [ariaCurrent]="item.ariaCurrent"\n                          [ariaLive]="item.ariaLive"\n                          [ariaExpanded]="item.ariaExpanded"\n                          [ariaErrorMessage]="item.ariaErrorMessage"\n                          [ariaHasPopup]="item.ariaHasPopup"\n                          [tabindex]="item.tabindex">\n        <desy-label [text]="item.text" [html]="item.html"\n                    [classes]="item.labelData ? item.labelData.classes : null"\n                    [role]="item.labelData ? item.labelData.role : null"\n                    [ariaLabel]="item.labelData ? item.labelData.ariaLabel : null"\n                    [ariaDescribedBy]="item.labelData ? item.labelData.ariaDescribedBy: null"\n                    [ariaLabelledBy]="item.labelData ? item.labelData.ariaLabelledBy : null"\n                    [ariaHidden]="item.labelData ? item.labelData.ariaHidden : null"\n                    [ariaDisabled]="item.labelData ? item.labelData.ariaDisabled : null"\n                    [ariaControls]="item.labelData ? item.labelData.ariaControls : null"\n                    [ariaCurrent]="item.labelData ? item.labelData.ariaCurrent : null"\n                    [ariaLive]="item.labelData ? item.labelData.ariaLive : null"\n                    [ariaExpanded]="item.labelData ? item.labelData.ariaExpanded : null"\n                    [ariaErrorMessage]="item.labelData ? item.labelData.ariaErrorMessage : null"\n                    [ariaHasPopup]="item.labelData ? item.labelData.ariaHasPopup : null"\n                    [tabindex]="tabindex ? item.labelData.tabindex : null"></desy-label>\n        <desy-hint *ngIf="item.hintData && (item.hintData.text || item.hintData.html)"\n                   [text]="item.hintData.text"\n                   [html]="item.hintData.html"\n                   [classes]="item.hintData.classes"\n                   [role]="item.hintData.role"\n                   [ariaLabel]="item.hintData.ariaLabel"\n                   [ariaDescribedBy]="item.hintData.ariaDescribedBy"\n                   [ariaLabelledBy]="item.hintData.ariaLabelledBy"\n                   [ariaHidden]="item.hintData.ariaHidden"\n                   [ariaDisabled]="item.hintData.ariaDisabled"\n                   [ariaControls]="item.hintData.ariaControls"\n                   [ariaCurrent]="item.hintData.ariaCurrent"\n                   [ariaLive]="item.hintData.ariaLive"\n                   [ariaExpanded]="item.hintData.ariaExpanded"\n                   [ariaErrorMessage]="item.hintData.ariaErrorMessage"\n                   [ariaHasPopup]="item.hintData.ariaHasPopup"\n                   [tabindex]="item.hintData.tabindex"></desy-hint>\n        <desy-hint *ngIf="!item.hintData && item.hintText" [text]="item.hintText"></desy-hint>\n        <desy-content *ngIf="item.conditionalHtml">\n          <ng-container *ngTemplateOutlet="item.conditionalHtml"></ng-container>\n        </desy-content>\n      </desy-checkbox-item>\n    </ng-container>\n  </div>\n</ng-template>\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return le})),multi:!0}]}]}],le.propDecorators={fieldsetData:[{type:t.Input}],legendRef:[{type:t.Input}],legendData:[{type:t.Input}],legendText:[{type:t.Input}],idPrefix:[{type:t.Input}],name:[{type:t.Input}],items:[{type:t.Input}],itemsChange:[{type:t.Output}],formGroupClasses:[{type:t.Input}],hasDividers:[{type:t.Input}],hasError:[{type:t.Input}],classes:[{type:t.Input}],describedBy:[{type:t.Input}],fieldsetComponent:[{type:t.ContentChildren,args:[$]}],legendComponent:[{type:t.ContentChildren,args:[z]}],checkboxComponentItems:[{type:t.ContentChildren,args:[oe]}],innerHtml:[{type:t.ViewChild,args:["innerHtml",{static:!0}]}],checkboxComponentItems2:[{type:t.ViewChildren,args:[oe]}]},m([J("onIdPrefixChange")],le.prototype,"idPrefix",void 0),m([J("onNameChange")],le.prototype,"name",void 0),m([P({onSetCallbackName:"overrideFieldsetParams"})],le.prototype,"fieldsetComponent",void 0),m([P()],le.prototype,"legendComponent",void 0);var de=function(){};de.decorators=[{type:t.Component,args:[{selector:"desy-date-input-item",template:""}]}],de.propDecorators={classes:[{type:t.Input}]};var pe=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.valueChange=new t.EventEmitter,a}return u(a,e),a}(de);pe.decorators=[{type:t.Component,args:[{selector:"desy-input-day",template:'<ng-template #label>\n  <ng-content select="desy-label"></ng-content>\n</ng-template>\n',providers:[{provide:de,useExisting:t.forwardRef((function(){return pe}))}]}]}],pe.propDecorators={id:[{type:t.Input}],name:[{type:t.Input}],labelText:[{type:t.Input}],labelData:[{type:t.Input}],disabled:[{type:t.Input}],hasErrors:[{type:t.Input}],value:[{type:t.Input}],autocomplete:[{type:t.Input}],pattern:[{type:t.Input}],classes:[{type:t.Input}],maxlength:[{type:t.Input}],valueChange:[{type:t.Output}],labelComponent:[{type:t.ContentChildren,args:[V]}],labelRef:[{type:t.ViewChild,args:["label",{static:!0}]}]},m([P()],pe.prototype,"labelComponent",void 0);var ce=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.valueChange=new t.EventEmitter,a}return u(a,e),a}(de);ce.decorators=[{type:t.Component,args:[{selector:"desy-input-month",template:'<ng-template #label>\n  <ng-content select="desy-label"></ng-content>\n</ng-template>\n',providers:[{provide:de,useExisting:t.forwardRef((function(){return ce}))}]}]}],ce.propDecorators={id:[{type:t.Input}],name:[{type:t.Input}],labelText:[{type:t.Input}],labelData:[{type:t.Input}],disabled:[{type:t.Input}],hasErrors:[{type:t.Input}],value:[{type:t.Input}],autocomplete:[{type:t.Input}],pattern:[{type:t.Input}],classes:[{type:t.Input}],maxlength:[{type:t.Input}],valueChange:[{type:t.Output}],labelComponent:[{type:t.ContentChildren,args:[V]}],labelRef:[{type:t.ViewChild,args:["label",{static:!0}]}]},m([P()],ce.prototype,"labelComponent",void 0);var ue=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.valueChange=new t.EventEmitter,a}return u(a,e),a}(de);ue.decorators=[{type:t.Component,args:[{selector:"desy-input-year",template:'<ng-template #label>\n  <ng-content select="desy-label"></ng-content>\n</ng-template>\n',providers:[{provide:de,useExisting:t.forwardRef((function(){return ue}))}]}]}],ue.propDecorators={id:[{type:t.Input}],name:[{type:t.Input}],disabled:[{type:t.Input}],hasErrors:[{type:t.Input}],value:[{type:t.Input}],autocomplete:[{type:t.Input}],pattern:[{type:t.Input}],classes:[{type:t.Input}],maxlength:[{type:t.Input}],valueChange:[{type:t.Output}],labelComponent:[{type:t.ContentChildren,args:[V]}],labelRef:[{type:t.ViewChild,args:["label",{static:!0}]}]},m([P()],ue.prototype,"labelComponent",void 0);var me=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.divider=t,t}return u(t,e),t}(de);me.decorators=[{type:t.Component,args:[{selector:"desy-date-input-divider",template:"<ng-template #dividerContent>\n    <ng-content></ng-content>\n</ng-template>",providers:[{provide:de,useExisting:t.forwardRef((function(){return me}))}]}]}],me.propDecorators={dividerContent:[{type:t.ViewChild,args:["dividerContent",{static:!0}]}]};var ge=function(e){function a(a){var n=e.call(this)||this;return n.controlContainer=a,n.itemsChange=new t.EventEmitter,n.cfg=!0,n.contentInit=!1,n}return u(a,e),a.prototype.ngOnChanges=function(e){this.cfgr=this.hasErrorsMessage()||"c-form-group--error"===this.formGroupClasses},a.prototype.ngAfterContentInit=function(){this.contentInit=!0},a.prototype.initDefaultItems=function(){this.items||(this.items=[{name:"día",classes:"w-14",maxlength:2},{name:"mes",classes:"w-14",maxlength:2},{name:"año",classes:"w-20",maxlength:4}])},a.prototype.writeValue=function(e){var t=this;(this.value=e,this.value)&&(this.getItems().forEach((function(e){return e.value=t.value[t.getItemName(e)]})),this.items&&this.itemsChange.emit(this.items));this.onChange(e)},a.prototype.overrideFieldsetParams=function(e){e.caller=this.innerHtml,e.errorId=this.getErrorId(),e.describedBy=(new ee).transform([this.getHintId(),this.getErrorId()],null),e.role="group",e.detectChanges()},a.prototype.onExternalChange=function(){var e=this;if(this.contentInit){this.value||(this.value={}),this.getItems().forEach((function(t){return e.value[e.getItemName(t)]=t.value}));var t={};Object.assign(t,this.value),this.onChange(t)}},a.prototype.onInternalChange=function(e,t){var a=this.getItemName(e);if(this.value||(this.value={}),this.value[a]!==t){this.value[a]=t?+t:void 0;var n={};Object.assign(n,this.value),this.onChange(n),(e instanceof pe||e instanceof ce||e instanceof ue)&&e.valueChange.emit(t),this.items&&(e.value=t,this.itemsChange.emit(this.items))}},a.prototype.hasFieldset=function(){return!!(this.hasFieldsetComponent()||this.hasLegendComponent()||this.legendRef||this.fieldsetData||this.legendData&&(this.legendData.text||this.legendData.html)||this.legendText)},a.prototype.hasFieldsetComponent=function(){return!!this.fieldsetComponent},a.prototype.hasLegendComponent=function(){return!!this.legendComponent},a.prototype.hasErrorMessageComponent=function(){return!!this.errorMessageComponent},a.prototype.getItemName=function(e){return this.namePrefix?this.namePrefix+"-"+e.name:e.name},a.prototype.getItemLabel=function(e){return e.labelData&&(e.labelData.text||e.labelData.html)?e.labelData:{text:e.labelText?e.labelText:e.name?e.name.toUpperCase():null}},a.prototype.getItemLabelRef=function(e){return e instanceof pe||e instanceof ce||e instanceof ue?e.labelRef:null},a.prototype.getItems=function(){return this.dateInputItemComponents&&this.dateInputItemComponents.length>0?this.dateInputItemComponents.toArray():this.items?this.items:this.contentInit?a.defaultItems:[]},a.prototype.getItemDividerTemplate=function(e){return e.divider instanceof me?e.divider.dividerContent:null},a.prototype.getItemDividerHtml=function(e){return e.divider.html?e.divider.html:"<p>"+k.escapeHtml(e.divider.text)+"</p>"},a}(G);ge.defaultItems=[{name:"day",classes:"w-14",maxlength:2},{name:"month",classes:"w-14",maxlength:2},{name:"year",classes:"w-20",maxlength:4}],ge.decorators=[{type:t.Component,args:[{selector:"desy-date-input",template:'<ng-template #innerHtml>\n  <ng-container *ngIf="hasHintComponent()">\n    <ng-content select="desy-hint"></ng-content>\n  </ng-container>\n  <ng-container *ngIf="!hasHintComponent()">\n    <ng-container *ngTemplateOutlet="hintRef"></ng-container>\n    <desy-hint *ngIf="!hintRef && hintData"\n               [id]="getHintId()"\n               [text]="hintData.text"\n               [html]="hintData.html"\n               [classes]="hintData.classes"\n               [role]="hintData.role"\n               [ariaLabel]="hintData.ariaLabel"\n               [ariaDescribedBy]="hintData.ariaDescribedBy"\n               [ariaLabelledBy]="hintData.ariaLabelledBy"\n               [ariaHidden]="hintData.ariaHidden"\n               [ariaDisabled]="hintData.ariaDisabled"\n               [ariaControls]="hintData.ariaControls"\n               [ariaCurrent]="hintData.ariaCurrent"\n               [ariaLive]="hintData.ariaLive"\n               [ariaExpanded]="hintData.ariaExpanded"\n               [ariaErrorMessage]="hintData.ariaErrorMessage"\n               [ariaHasPopup]="hintData.ariaHasPopup"\n               [tabindex]="hintData.tabindex"></desy-hint>\n    <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\n  </ng-container>\n\n\n  <ng-container *ngIf="hasErrorMessageComponent()">\n    <ng-content select="desy-error-message"></ng-content>\n  </ng-container>\n  <ng-container *ngIf="!hasErrorMessageComponent()">\n    <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\n    <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\n                        [id]="getErrorId()"\n                        [text]="errorMessageData.text"\n                        [html]="errorMessageData.html"\n                        [classes]="errorMessageData.classes"\n                        [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\n                        [role]="errorMessageData.role"\n                        [ariaLabel]="errorMessageData.ariaLabel"\n                        [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\n                        [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\n                        [ariaHidden]="errorMessageData.ariaHidden"\n                        [ariaDisabled]="errorMessageData.ariaDisabled"\n                        [ariaControls]="errorMessageData.ariaControls"\n                        [ariaCurrent]="errorMessageData.ariaCurrent"\n                        [ariaLive]="errorMessageData.ariaLive"\n                        [ariaExpanded]="errorMessageData.ariaExpanded"\n                        [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\n                        [ariaHasPopup]="errorMessageData.ariaHasPopup"\n                        [tabindex]="errorMessageData.tabindex"></desy-error-message>\n    <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\n                        [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\n  </ng-container>\n\n  \x3c!-- With reactive forms --\x3e\n  <div *ngIf="controlContainer && !ngModelGroup"\n       [formGroup]="controlContainer.control"\n       [class]="[\'flex\', classes] | makeHtmlList"\n       [attr.id]="id ? id : null"\n       [attr.role]="role ? role : null"\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n       [attr.aria-live]="ariaLive ? ariaLive : null"\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n       [attr.tabindex]="tabindex ? tabindex : null">\n    <ng-container *ngFor="let item of getItems(); index as i">\n      <ng-container *ngIf="item.divider">\n        <div role="separator" [ngClass]="item.divider.classes">\n          <ng-container *desyCustomInnerContent="{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }"></ng-container>\n        </div>\n      </ng-container>\n      <ng-container *ngIf="!item.divider">\n        <div class="mr-base">\n          <desy-input [labelData]="getItemLabel(item)"\n                      [labelRef]="getItemLabelRef(item)"\n                      [id]="item.id ? item.id : id + \'-\' + item.name"\n                      [classes]="[\'mb-0\', item.classes] | makeHtmlList"\n                      [errorId]="item.hasErrors ? getErrorId() : null"\n                      [name]="getItemName(item)"\n                      [formControlName]="getItemName(item)"\n                      [type]="\'text\'"\n                      [inputmode]="\'numeric\'"\n                      [autocomplete]="item.autocomplete"\n                      [pattern]="item.pattern ? item.pattern : \'[0-9]*\'"\n\n                      [maxlength]="item.maxlength"\n                      [role]="item.role"\n                      [ariaLabel]="item.ariaLabel"\n                      [ariaDescribedBy]="item.ariaDescribedBy"\n                      [ariaLabelledBy]="item.ariaLabelledBy"\n                      [ariaHidden]="item.ariaHidden"\n                      [ariaDisabled]="item.ariaDisabled"\n                      [ariaControls]="item.ariaControls"\n                      [ariaCurrent]="item.ariaCurrent"\n                      [ariaLive]="item.ariaLive"\n                      [ariaExpanded]="item.ariaExpanded"\n                      [ariaErrorMessage]="item.ariaErrorMessage"\n                      [ariaHasPopup]="item.ariaHasPopup"\n                      [tabindex]="item.tabindex"></desy-input>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n\n  \x3c!-- Template-driven forms --\x3e\n  <desy-template-driven-wrapper *ngIf="controlContainer && ngModelGroup">\n    <div [ngModelGroup]="ngModelGroup"\n         [class]="[\'flex\', classes] | makeHtmlList"\n         [attr.id]="id ? id : null"\n         [attr.role]="role ? role : null"\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n         [attr.aria-live]="ariaLive ? ariaLive : null"\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n         [attr.tabindex]="tabindex ? tabindex : null">\n      <ng-container *ngFor="let item of getItems(); index as i">\n        \n        <ng-container *ngIf="item.divider">\n          <div role="separator" [ngClass]="item.divider.classes">\n            <ng-container *desyCustomInnerContent="{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }"></ng-container>\n          </div>\n        </ng-container>\n        <ng-container *ngIf="!item.divider">\n          <div class="mr-base">\n            <desy-input [labelData]="getItemLabel(item)"\n                        [labelRef]="getItemLabelRef(item)"\n                        [id]="item.id ? item.id : id + \'-\' + item.name"\n                        [classes]="[\'mb-0\', item.classes] | makeHtmlList"\n                        [errorId]="item.hasErrors ? getErrorId() : null"\n                        [name]="getItemName(item)"\n                        [ngModel]="item.value" (ngModelChange)="onInternalChange(item, +$event)"\n                        [type]="\'text\'"\n                        [inputmode]="\'numeric\'"\n                        [autocomplete]="item.autocomplete"\n                        [pattern]="item.pattern ? item.pattern : \'[0-9]*\'"\n                        [disabled]="disabled ? true : null"\n\n                        [maxlength]="item.maxlength"\n                        [role]="item.role"\n                        [ariaLabel]="item.ariaLabel"\n                        [ariaDescribedBy]="item.ariaDescribedBy"\n                        [ariaLabelledBy]="item.ariaLabelledBy"\n                        [ariaHidden]="item.ariaHidden"\n                        [ariaDisabled]="item.ariaDisabled"\n                        [ariaControls]="item.ariaControls"\n                        [ariaCurrent]="item.ariaCurrent"\n                        [ariaLive]="item.ariaLive"\n                        [ariaExpanded]="item.ariaExpanded"\n                        [ariaErrorMessage]="item.ariaErrorMessage"\n                        [ariaHasPopup]="item.ariaHasPopup"\n                        [tabindex]="item.tabindex"></desy-input>\n          </div>\n        </ng-container>\n      </ng-container>\n    </div>\n  </desy-template-driven-wrapper>\n\n  \x3c!-- With ngModel--\x3e\n  <div *ngIf="!controlContainer"\n       [class]="[\'flex\', classes] | makeHtmlList"\n       [attr.id]="id ? id : null"\n       [attr.role]="role ? role : null"\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n       [attr.aria-live]="ariaLive ? ariaLive : null"\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n       [attr.tabindex]="tabindex ? tabindex : null">\n    <ng-container *ngFor="let item of getItems(); index as i">\n      \n      <ng-container *ngIf="item.divider">\n        <div role="separator" [ngClass]="item.divider.classes">\n          <ng-container *desyCustomInnerContent="{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }"></ng-container>\n        </div>\n      </ng-container>\n      <ng-container *ngIf="!item.divider">\n        <div class="mr-base">\n            <desy-input [labelData]="getItemLabel(item)"\n                        [labelRef]="getItemLabelRef(item)"\n                        [id]="item.id ? item.id : id + \'-\' + item.name"\n                        [classes]="[\'mb-0\', item.classes] | makeHtmlList"\n                        [errorId]="item.hasErrors ? getErrorId() : null"\n                        [name]="getItemName(item)"\n                        [ngModel]="item.value" (ngModelChange)="onInternalChange(item, +$event)"\n                        [type]="\'text\'"\n                        [inputmode]="\'numeric\'"\n                        [autocomplete]="item.autocomplete"\n                        [pattern]="item.pattern ? item.pattern : \'[0-9]*\'"\n                        [disabled]="disabled ? true : null"\n\n                        [maxlength]="item.maxlength"\n                        [role]="item.role"\n                        [ariaLabel]="item.ariaLabel"\n                        [ariaDescribedBy]="item.ariaDescribedBy"\n                        [ariaLabelledBy]="item.ariaLabelledBy"\n                        [ariaHidden]="item.ariaHidden"\n                        [ariaDisabled]="item.ariaDisabled"\n                        [ariaControls]="item.ariaControls"\n                        [ariaCurrent]="item.ariaCurrent"\n                        [ariaLive]="item.ariaLive"\n                        [ariaExpanded]="item.ariaExpanded"\n                        [ariaErrorMessage]="item.ariaErrorMessage"\n                        [ariaHasPopup]="item.ariaHasPopup"\n                        [tabindex]="item.tabindex"></desy-input>\n        </div>\n      </ng-container>\n    </ng-container>\n</div>\n</ng-template>\n\n<ng-container *ngIf="hasFieldsetComponent()">\n  <ng-content select="desy-fieldset"></ng-content>\n</ng-container>\n<ng-container *ngIf="!hasFieldsetComponent()">\n  <desy-fieldset *ngIf="fieldsetData"\n    [classes]="fieldsetData.classes"\n    [id]="fieldsetData.id"\n    [legendData]="fieldsetData.legend"\n    [caller]="innerHtml"\n    [errorId]="getErrorId()"\n    [describedBy]="[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\n    role="group"\n    [ariaLabel]="fieldsetData.ariaLabel"\n    [ariaLabelledBy]="fieldsetData.ariaLabelledBy"\n    [ariaHidden]="fieldsetData.ariaHidden"\n    [ariaDisabled]="fieldsetData.ariaDisabled"\n    [ariaControls]="fieldsetData.ariaControls"\n    [ariaCurrent]="fieldsetData.ariaCurrent"\n    [ariaLive]="fieldsetData.ariaLive"\n    [ariaExpanded]="fieldsetData.ariaExpanded"\n    [ariaHasPopup]="fieldsetData.ariaHasPopup"\n    [tabindex]="fieldsetData.tabindex"></desy-fieldset>\n  <desy-fieldset *ngIf="!fieldsetData && hasLegendComponent()"\n    [legendRef]="legendTemplate"\n    [caller]="innerHtml"\n    [errorId]="getErrorId()"\n    [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null">\n    <ng-template #legendTemplate>\n      <ng-content select="desy-legend"></ng-content>\n    </ng-template>\n  </desy-fieldset>\n  <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && legendRef"\n    [legendRef]="legendRef"\n    [caller]="innerHtml"\n    [errorId]="getErrorId()"\n    [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\n    role="group"></desy-fieldset>\n  <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && legendData"\n    [legendData]="{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}"\n    [caller]="innerHtml"\n    [errorId]="getErrorId()"\n    [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\n    role="group"></desy-fieldset>\n  <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && !legendData && legendText"\n    [legendText]="legendText"\n    [caller]="innerHtml"\n    [errorId]="getErrorId()"\n    [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\n    role="group"></desy-fieldset>\n</ng-container>\n\n<ng-container *ngIf="!hasFieldset()">\n  <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\n</ng-container>\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return ge})),multi:!0}]}]}],ge.ctorParameters=function(){return[{type:a.ControlContainer,decorators:[{type:t.Optional}]}]},ge.propDecorators={ngModelGroup:[{type:t.Input}],items:[{type:t.Input}],itemsChange:[{type:t.Output}],namePrefix:[{type:t.Input}],classes:[{type:t.Input}],errorMessage:[{type:t.Input}],id:[{type:t.Input}],cfg:[{type:t.HostBinding,args:["class.c-form-group"]}],cfgr:[{type:t.HostBinding,args:["class.c-form-group--error"]}],formGroupClasses:[{type:t.Input},{type:t.HostBinding,args:["class"]}],fieldsetComponent:[{type:t.ContentChildren,args:[$]}],legendComponent:[{type:t.ContentChildren,args:[z]}],dateInputItemComponents:[{type:t.ContentChildren,args:[de]}],fieldsetData:[{type:t.Input}],legendRef:[{type:t.Input}],legendData:[{type:t.Input}],legendText:[{type:t.Input}],innerHtml:[{type:t.ViewChild,args:["innerHtml",{static:!0}]}]},m([J("onExternalChange")],ge.prototype,"items",void 0),m([J("onExternalChange")],ge.prototype,"namePrefix",void 0),m([P({onSetCallbackName:"overrideFieldsetParams"})],ge.prototype,"fieldsetComponent",void 0),m([P()],ge.prototype,"legendComponent",void 0);var he=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.clickEvent=new t.EventEmitter,a.value="",a}return u(a,e),a.prototype.onClick=function(e){this.disabled||this.clickEvent.emit(e)},a.prototype.hasButton=function(){return this.button&&this.button.length>0},a.prototype.ngDoCheck=function(){this.hasButtonClass=this.hasButton()?"relative flex flex-wrap items-end":"relative"},a}(G);he.decorators=[{type:t.Component,args:[{selector:"desy-search-bar",template:'\x3c!-- searchbar --\x3e\n<ng-container *ngTemplateOutlet="labelRef"></ng-container>\n<desy-label *ngIf="!labelRef && labelData"\n            [text]="labelData.text"\n            [html]="labelData.html"\n            [classes]="[\'sr-only\', labelData.classes] | makeHtmlList"\n            [isPageHeading]="labelData.isPageHeading"\n            [for]="id"\n            [role]="labelData.role"\n            [ariaLabel]="labelData.ariaLabel"\n            [ariaDescribedBy]="labelData.ariaDescribedBy"\n            [ariaLabelledBy]="labelData.ariaLabelledBy"\n            [ariaHidden]="labelData.ariaHidden"\n            [ariaDisabled]="labelData.ariaDisabled"\n            [ariaControls]="labelData.ariaControls"\n            [ariaCurrent]="labelData.ariaCurrent"\n            [ariaLive]="labelData.ariaLive"\n            [ariaExpanded]="labelData.ariaExpanded"\n            [ariaErrorMessage]="labelData.ariaErrorMessage"\n            [ariaHasPopup]="labelData.ariaHasPopup"\n            [tabindex]="labelData.tabindex"></desy-label>\n<desy-label *ngIf="!labelRef && !labelData && labelText" [text]="labelText" classes="sr-only" [for]="id"></desy-label>\n  <input type="search"\n         [class]="[\'c-input block pr-12 border-black rounded font-semibold placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base\', classes] | makeHtmlList"\n         [ngClass]="{\'border-alert-base ring-2 ring-alert-base\': hasErrorsMessage(),\'w-full\': !hasButton()}"\n         [value]="value" (input)="onInput($event.target.value)"\n         [attr.id]="id ? id : null"\n         [attr.name]="id ? id : null"\n         [attr.aria-describedby]="[describedBy, getErrorId()] | makeHtmlList:null"\n         [attr.aria-errormessage]="hasErrorsMessage() ? getErrorId() : null"\n         [attr.aria-invalid]="hasErrorsMessage() ? true : null"\n         [attr.disabled]="disabled ? true : null"\n         [attr.placeholder]="placeholder ? placeholder : null"\n         [attr.role]="role ? role : null"\n         [attr.aria-label]="ariaLabel ? ariaLabel : 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-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n         [attr.tabindex]="tabindex ? tabindex : null">\n  <ng-container *ngIf="hasButton(); else defaultButton">\n    <ng-content select="desy-button"></ng-content>\n  </ng-container>\n  <ng-template #defaultButton>\n    <button type="submit" [attr.disabled]="disabled ? \'disabled\' : null" [attr.aria-disabled]="disabled ? \'true\' : null"\n            (click)="onClick($event)"\n            [class]="[\'absolute top-0 right-0 m-sm p-0.5 text-primary-base hover:text-primary-dark focus:bg-warning-base focus:outline-none focus:shadow-outline-focus\', buttonClasses] | makeHtmlList">\n      <span class="sr-only">Buscar</span>\n      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1.375em" height="1.375em" aria-hidden="true"><path d="M23.498 23.487a1.713 1.713 0 000-2.421l-4.572-4.575a.43.43 0 01-.062-.539 10.283 10.283 0 10-2.911 2.911.43.43 0 01.539.055l4.574 4.574a1.712 1.712 0 002.433-.005zM3.451 10.289a6.85 6.85 0 116.85 6.85 6.85 6.85 0 01-6.85-6.85z" fill="currentColor"/></svg>\n    </button>\n  </ng-template>\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\n                      [id]="getErrorId()"\n                      [text]="errorMessageData.text"\n                      [html]="errorMessageData.html"\n                      [classes]="errorMessageData.classes"\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\n                      [role]="errorMessageData.role"\n                      [ariaLabel]="errorMessageData.ariaLabel"\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\n                      [ariaHidden]="errorMessageData.ariaHidden"\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\n                      [ariaControls]="errorMessageData.ariaControls"\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\n                      [ariaLive]="errorMessageData.ariaLive"\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\n\x3c!-- /searchbar --\x3e\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return he})),multi:!0}]}]}],he.propDecorators={button:[{type:t.ContentChildren,args:[L]}],describedBy:[{type:t.Input}],hasButtonClass:[{type:t.HostBinding,args:["class"]}],classes:[{type:t.Input}],buttonClasses:[{type:t.Input}],placeholder:[{type:t.Input}],clickEvent:[{type:t.Output}]};var be=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);be.decorators=[{type:t.Component,args:[{selector:"desy-tree-sub",template:'<ng-template #contentTemplate>\n  <ul [class]="[\'c-tree__itemgroup\', classes] | makeHtmlList"\n      [attr.role]="role ? role : \'group\'"\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.aria-modal]="ariaModal ? ariaModal : null"\n      [attr.tabindex]="tabindex ? tabindex : null">\n    <ng-content></ng-content>\n  </ul>\n</ng-template>\n'}]}],be.propDecorators={classes:[{type:t.Input}]};var ye=function(){},fe=function(){function e(){}return e.containsAnyWordFrom=function(e,t,a){var n=this,r=[],i=!1,s=this.getSimplifiedString(e);return t&&t.split(" ").length>1&&(r=t.split(" ")),r.push(t),r.forEach((function(e){s&&e&&(a&&s===n.getSimplifiedString(e)||!a&&s.includes(n.getSimplifiedString(e)))&&(i=!0)})),i},e.getSimplifiedString=function(e){var t=e;return e&&(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=e.toLocaleUpperCase().trim()).replace(/Á/g,"A")).replace(/É/g,"E")).replace(/Í/g,"I")).replace(/Ó/g,"O")).replace(/Ú/g,"U")).replace(/À/g,"A")).replace(/È/g,"E")).replace(/Ì/g,"I")).replace(/Ò/g,"O")).replace(/Ù/g,"U")).replace(/Ä/g,"A")).replace(/Ë/g,"E")).replace(/Ï/g,"I")).replace(/Ö/g,"O")).replace(/Ü/g,"U")).replace("Á","A")).replace("É","E")).replace("Í","I")).replace("Ó","O")).replace("Ú","U")).replace("À","A")).replace("È","E")).replace("Ì","I")).replace("Ò","O")).replace("Ù","U")).replace("Ä","A")).replace("Ë","E")).replace("Ï","I")).replace("Ö","O")).replace("Ü","U")).replace(",","")).replace(".","")).replace("'","")).replace('"',"")).replace(/\,/g,"")).replace(/\./g,"")).replace(/\'/g,"")).replace(/\"/g,"")),t},e}(),Ce=function(e){function a(a){var n=e.call(this)||this;return n.changeDetector=a,n.checkedChange=new t.EventEmitter,n.indeterminateCheckedChange=new t.EventEmitter,n.hasError=!1,n._hasInit=!1,n}return u(a,e),a.prototype.ngOnInit=function(){this._hasInit=!0,this.onDescribedByChange()},a.prototype.detectChanges=function(){this.changeDetector.detectChanges()},a.prototype.hasChanged=function(){if(this._hasInit){var e=this.inputElement.nativeElement;this.isIndeterminate&&(e.readOnly?(e.checked=!1,e.readOnly=!1):e.checked||(e.readOnly=!0,e.indeterminate=!0)),this.setIndeterminateChecked(e.indeterminate),this.checkedChange.emit(e.checked)}},a.prototype.onIdChange=function(){this.overrideLabelParams(),this.overrideHintParams()},a.prototype.setIndeterminateStatus=function(){var e,t=null===(e=this.inputElement)||void 0===e?void 0:e.nativeElement;t&&(this.indeterminateChecked?(t.readOnly=!0,t.indeterminate=!0):t.readOnly&&(t.readOnly=!1,t.indeterminate=!1))},a.prototype.setIndeterminateChecked=function(e){this.indeterminateChecked=e,this._lastIndeterminate=e,this.indeterminateCheckedChange.emit(e),this.changeDetector.detectChanges()},a.prototype.focus=function(){this.inputElement.nativeElement.focus()},a.prototype.matchesText=function(e){var t=this.contentWrapper.nativeElement.textContent;return fe.containsAnyWordFrom(t,e)},a.prototype.preventDefault=function(e){e.preventDefault()},a.prototype.getHintId=function(){return this.hintComponent?this.hintComponent.id:""},a.prototype.overrideLabelParams=function(){this.labelComponent&&(this.labelComponent.for=this.id+"-input",this.labelComponent.classes||(this.labelComponent.classes="block relative -top-xs -left-8 pl-8 py-xs"),this.labelComponent.detectChanges())},a.prototype.overrideHintParams=function(){this.hintComponent&&(this.hintComponent.id||(this.hintComponent.id=this.id+"-item-hint"),this.hintComponent.detectChanges()),this.onDescribedByChange()},a.prototype.getItemDescribedBy=function(){return(this.describedBy?this.describedBy:"")+" "+this.getHintId()},a.prototype.onDescribedByChange=function(){this.ariaDescribedBy?this.itemDescribedBy=this.ariaDescribedBy:this.itemDescribedBy=this.getItemDescribedBy()},a}(C);Ce.decorators=[{type:t.Component,args:[{selector:"desy-tree-checkbox",template:'<div [class]="classes" [ngClass]="{\'border-t border-b border-neutral-base -mb-px\': hasDividers}">\n  <div class="relative flex items-start py-xs">\n    <div class="flex items-center mx-sm">\n      <input #input class="w-6 h-6 transition duration-150 ease-in-out border-black focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-offset-0 focus:ring-warning-base disabled:bg-neutral-base disabled:border-neutral-base text-primary-base"\n             [id]="id + \'-input\'"\n             [name]="name"\n             [type]="type === \'checkbox\' ? \'checkbox\' : \'radio\'"\n             [value]="value"\n             [checked]="checked"\n             (change)="hasChanged()"\n             [disabled]="disabled ? disabled : null"\n             [attr.aria-invalid]="hasError ? \'true\' : null"\n\n             [attr.role]="role ? role : \'group\'"\n             [attr.aria-describedby]="itemDescribedBy"\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.aria-modal]="ariaModal ? ariaModal : null"\n             [attr.tabindex]="tabindex ? tabindex : null"\n\n             (keydown.home)="preventDefault($event)"\n             (keydown.end)="preventDefault($event)"\n             (keydown.arrowup)="preventDefault($event)"\n             (keydown.arrowdown)="preventDefault($event)"\n             (keydown.arrowright)="preventDefault($event)"\n             (keydown.arrowleft)="preventDefault($event)">\n    </div>\n    <div #contentWrapper class="flex-1 pt-0.5 leading-5">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n'}]}],Ce.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},Ce.propDecorators={inputElement:[{type:t.ViewChild,args:["input",{static:!0}]}],contentWrapper:[{type:t.ViewChild,args:["contentWrapper",{static:!0}]}],id:[{type:t.Input}],name:[{type:t.Input}],type:[{type:t.Input}],classes:[{type:t.Input}],value:[{type:t.Input}],checked:[{type:t.Input}],checkedChange:[{type:t.Output}],isIndeterminate:[{type:t.Input}],indeterminateChecked:[{type:t.Input}],indeterminateCheckedChange:[{type:t.Output}],disabled:[{type:t.Input}],hasDividers:[{type:t.Input}],describedBy:[{type:t.Input}],hasError:[{type:t.Input}],labelComponent:[{type:t.Input}],hintComponent:[{type:t.Input}]},m([J("onIdChange")],Ce.prototype,"id",void 0),m([J("setIndeterminateStatus")],Ce.prototype,"indeterminateChecked",void 0),m([J("onDescribedByChange")],Ce.prototype,"describedBy",void 0),m([J("overrideLabelParams")],Ce.prototype,"labelComponent",void 0),m([J("overrideHintParams")],Ce.prototype,"hintComponent",void 0);var ve=function(e){function a(n,r){var i=e.call(this)||this;return i.changeDetector=n,i.element=r,i.checkedChange=new t.EventEmitter,i.checkedChangeForTree=new t.EventEmitter,i.expandedChange=new t.EventEmitter,i.indeterminateCheckedChange=new t.EventEmitter,i.treeItemKey=a.generateStaticItemKey(),i.allParentsExpanded=!0,i.inheritedMatchesSearch=!0,i.quitFocus=new t.EventEmitter,i.isFocus=!1,i.isHover=!1,i._matchesValidText=!1,i}return u(a,e),a.prototype.ngOnChanges=function(e){var t=this;for(var a in this.sub&&this.sub.itemList&&this.sub.itemList.forEach((function(e){return e.refreshAllParentsExpandedRecursive(t.allParentsExpanded&&t.expanded)})),e)if(e.hasOwnProperty(a)&&"checked"===a)setTimeout((function(){t.setChecked(t.checked,!1,!1),t.inheritedExpandedFirstLevel&&t.checked&&!t.expanded&&t.expandSub(!0)}))},a.prototype.focus=function(){var e;null===(e=this.checkbox)||void 0===e||e.focus(),this.handleItemFocus(!0)},a.prototype.setCheckedAutomaticallyDependingOnChildren=function(){this.sub&&(this.sub.itemList.forEach((function(e){return e.setCheckedAutomaticallyDependingOnChildren()})),this.areAllChildrenChecked()?(this.indeterminateChecked&&this.setIndeterminateChecked(!1),this.checked||this.setChecked(!0,!0)):this.hasChildrenCheckedOrIndeterminate()?(this.indeterminateChecked||this.setIndeterminateChecked(!0),this.checked&&this.setChecked(!1,!0)):(this.indeterminateChecked&&this.setIndeterminateChecked(!1),this.checked&&this.setChecked(!1,!0)))},a.prototype.refreshAllParentsExpandedRecursive=function(e){var t=this;this.allParentsExpanded=e,this.sub&&this.sub.itemList.forEach((function(a){return a.refreshAllParentsExpandedRecursive(e&&t.expanded)}))},a.prototype.detectChanges=function(){this.changeDetector.detectChanges()},a.prototype.expandSub=function(e){var t=this;this.expanded=e,this.sub&&this.sub.itemList.forEach((function(a){return a.refreshAllParentsExpandedRecursive(t.allParentsExpanded&&e)})),this.expandedChange.emit(e)},a.prototype.handleCheckboxChange=function(e){this.setChecked(e,!1),this.inheritedExpandedFirstLevel&&e&&!this.expanded&&this.expandSub(!0)},a.prototype.handleIndeterminateCheckedChange=function(e){this.indeterminateCheckedChange.emit(e)},a.prototype.handleItemFocus=function(e,t){void 0===t&&(t=!0),t&&(this.isFocus=e)},a.prototype.handleItemHover=function(e,t){void 0===t&&(t=!0),t&&(this.isHover=e)},a.prototype.handleArrowUp=function(e,t){void 0===t&&(t=!0),t&&(e.preventDefault(),this.quitFocus.emit({nextElement:"previous",currentItem:this}))},a.prototype.handleHome=function(e,t){void 0===t&&(t=!0),t&&(e.preventDefault(),this.quitFocus.emit({nextElement:"first",currentItem:this}))},a.prototype.handleEnd=function(e,t){void 0===t&&(t=!0),t&&(e.preventDefault(),this.quitFocus.emit({nextElement:"last",currentItem:this}))},a.prototype.handleArrowDown=function(e,t){void 0===t&&(t=!0),t&&(e.preventDefault(),this.quitFocus.emit({nextElement:"next",currentItem:this}))},a.prototype.handleArrowRight=function(e,t){var a;void 0===t&&(t=!0),t&&this.sub&&(null===(a=this.sub.itemList)||void 0===a?void 0:a.length)>0&&(e.preventDefault(),this.expanded?this.quitFocus.emit({nextElement:"firstChild",currentItem:this}):this.expandSub(!0))},a.prototype.handleArrowLeft=function(e,t){void 0===t&&(t=!0),t&&(e.preventDefault(),this.expanded?this.expandSub(!1):this.subLevel>0&&this.quitFocus.emit({nextElement:"parent",currentItem:this}))},a.prototype.setChecked=function(e,t,a){void 0===a&&(a=!0),this.disabled||(this.checked=e),!this.inheritedDecoupleChildFromParent&&this.sub&&this.sub.itemList&&!this.indeterminateChecked&&this.sub.itemList.forEach((function(t){t.setIndeterminateChecked(!1),t.setChecked(e,!0)})),a&&this.checkedChange.emit(e),t||this.checkedChangeForTree.emit(e)},a.prototype.setIndeterminateChecked=function(e){this.disabled||(this.indeterminateChecked=e,this.indeterminateCheckedChange.emit(e))},a.prototype.setSubLevel=function(e){this.subLevel=e,this.sub&&this.sub.itemList&&this.sub.itemList.forEach((function(t){return t.setSubLevel(e+1)}))},a.prototype.setOrderRecursively=function(e){this.orderInTree=e;var t=e+1;return this.sub&&this.sub.itemList&&this.sub.itemList.forEach((function(e){t=e.setOrderRecursively(t)})),t},a.prototype.setDefaultId=function(e){this.defaultId=e,this.setDefaultIdRecursive()},a.prototype.setDefaultIdRecursive=function(){var e=this;this.sub&&this.sub.itemList&&this.sub.itemList.forEach((function(t,a){t.setDefaultId("sub-"+e.getId()+"-"+a)}))},a.prototype.getId=function(){return this.id?this.id:this.defaultId},a.prototype.isHidden=function(){return!this.inheritedMatchesSearch&&(!this.sub||this.areAllChildrenHidden())},a.prototype.areAllChildrenHidden=function(){return this.sub.itemList.findIndex((function(e){return!e.isHidden()}))<0},a.prototype.areAllChildrenChecked=function(){return this.sub.itemList.findIndex((function(e){return!e.checked}))<0},a.prototype.hasChildrenCheckedOrIndeterminate=function(){return this.sub.itemList.findIndex((function(e){return e.checked||e.indeterminateChecked}))>=0},a.prototype.matchesText=function(e){var t,a;if(this.allParentsExpanded&&!this.isHidden())a=null===(t=this.checkbox)||void 0===t?void 0:t.matchesText(e);else{var n=this.hiddenWrapper.nativeElement.textContent;a=fe.containsAnyWordFrom(n,e)}return this._matchesValidText=!!e&&a,a},a.prototype.getKey=function(){return this.treeItemKey},a.prototype.getParentKey=function(){for(var e,t=this.element.nativeElement.parentElement;t&&"BODY"!==t.tagName&&"DESY-TREE-ITEM"!==t.tagName&&"DESY-TREE"!==t.tagName;)t=t.parentElement;if("BODY"===t.tagName)throw new Error("Parent for tree-item not found");return"DESY-TREE"===t.tagName&&(e="root"),"DESY-TREE-ITEM"===t.tagName&&(e=t.getAttribute("desy-tree-item-key")),e},a.prototype.isActive=function(){return this.active||this._matchesValidText},a.generateStaticItemKey=function(){var e="tree-item-key-"+a._treeItemKeySuffix;return a._treeItemKeySuffix++,e},a}(C);ve._treeItemKeySuffix=0,ve.decorators=[{type:t.Component,args:[{selector:"desy-tree-item",template:'<li *ngIf="allParentsExpanded && !isHidden(); else hidden"\n    [id]="id"\n    [class]="\'c-tree__item focus:outline-none\'"\n    [ngClass]="{\n      \'ml-4\': subLevel === 0,\n      \'ml-8\': subLevel !== 0,\n      \'c-tree__item--focus\': isFocus && !sub,\n      \'c-tree__item--hover\': isHover && !sub\n    }"\n    (focusin)="handleItemFocus(true, !sub)"\n    (focusout)="handleItemFocus(false, !sub)"\n    (mouseover)="handleItemHover(true, !sub)"\n    (mouseout)="handleItemHover(false, !sub)"\n    (keydown.home)="handleHome($event, !sub)"\n    (keydown.end)="handleEnd($event, !sub)"\n    (keydown.arrowup)="handleArrowUp($event, !sub)"\n    (keydown.arrowdown)="handleArrowDown($event, !sub)"\n    (keydown.arrowright)="handleArrowRight($event, !sub)"\n    (keydown.arrowleft)="handleArrowLeft($event, !sub)"\n    role="treeitem"\n    [attr.aria-expanded]="sub ? (expanded ? \'true\' : \'false\') : null"\n    [attr.aria-current]="isActive() && subLevel === 0 ? \'page\' : null">\n  <div *ngIf="!sub && subLevel !== 0; else childrenTree"\n       [id]="id"\n       [class]="[\'block\', classes] | makeHtmlList"\n       [attr.title]="title ? title : null"\n       [attr.disabled]="disabled ? \'disabled\' : null"\n\n       [attr.role]="role ? role : \'tree\'"\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 : (disabled ? \'true\' : null)"\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : (isActive() ? \'page\' : 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.aria-modal]="ariaModal ? ariaModal : null"\n       [attr.tabindex]="tabindex ? tabindex : (disabled ? \'-1\' : null)">\n    <ng-container *ngTemplateOutlet="checkbox"></ng-container>\n  </div>\n</li>\n\n<ng-template #childrenTree>\n  <div *ngIf="sub; else checkbox" class="w-full h-full"\n       [ngClass]="{\'c-tree__item--focus\': isFocus && sub, \'c-tree__item--hover\': isHover && sub}"\n       (focusin)="handleItemFocus(true)"\n       (focusout)="handleItemFocus(false)"\n       (mouseover)="handleItemHover(true)"\n       (mouseout)="handleItemHover(false)"\n       (keydown.home)="handleHome($event)"\n       (keydown.end)="handleEnd($event)"\n       (keydown.arrowup)="handleArrowUp($event)"\n       (keydown.arrowdown)="handleArrowDown($event)"\n       (keydown.arrowright)="handleArrowRight($event)"\n       (keydown.arrowLeft)="handleArrowLeft($event)">\n    <div [class]="[\'w-full flex items-center relative focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black text-left\', classes] | makeHtmlList"\n         [attr.role]="role ? role : 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.aria-modal]="ariaModal ? ariaModal : null"\n         [attr.tabindex]="tabindex ? tabindex : null">\n      <span class="absolute top-3 -left-4 flex items-center w-4 h-2.5 text-primary-base font-bold">\n        <svg (click)="expandSub(false)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="10" height="10" aria-hidden="true" class="c-tree__minus"><path fill="currentColor" d="M9.286 5.714H.714a.714.714 0 010-1.428h8.572a.714.714 0 010 1.428z"/></svg>\n        <svg (click)="expandSub(true)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="10" height="10" aria-hidden="true" class="c-tree__plus"><path fill="currentColor" d="M9.286 4.286H5.893a.179.179 0 01-.179-.179V.714a.714.714 0 00-1.428 0v3.393a.179.179 0 01-.179.179H.714a.714.714 0 000 1.428h3.393a.179.179 0 01.179.179v3.393a.714.714 0 001.428 0V5.893a.179.179 0 01.179-.179h3.393a.714.714 0 000-1.428z"/></svg>\n      </span>\n      <ng-container *ngTemplateOutlet="checkbox"></ng-container>\n    </div>\n  </div>\n\n  <ng-container *desyCustomInnerContent="{ component: sub }"></ng-container>\n</ng-template>\n\n\x3c!-- Se incorpora el contenido mínimo para funcionar con el objetivo de mejorar el rendimiento --\x3e\n<ng-template #hidden>\n  <li class="hidden">\n    <div #hiddenWrapper>\n      <ng-container *ngTemplateOutlet="content"></ng-container>\n    </div>\n    <ng-container *desyCustomInnerContent="{ component: sub }"></ng-container>\n  </li>\n</ng-template>\n\n<ng-template #checkbox>\n  \x3c!--\n    El *ngIf="name || parentName" se realiza para no crear el checkbox hasta que se ha ejecutado el configureAllItems.\n    Esto puede dar problemas porque, hasta que no se ejecuta esto, el desy-tree-checkbox no cuenta con el type actualizado (por defecto radio).\n    Un ejemplo en el que esto puede ser problemático es al ser typo checkbox y darle un valor checked=true a varios los items, ya\n    que el type todavía no se ha transmitido aquí. Como por defecto el type es radio, sólo marcará el último. Posteriormente,\n    ya detectará el tipo y permitirá seleccionar varios items, pero hasta entonces existe este problema.\n  --\x3e\n  <desy-tree-checkbox *ngIf="name || parentName"\n                      [name]="name ? name : parentName"\n                      [id]="getId()"\n                      [value]="value"\n                      [classes]="classes"\n                      [type]="type"\n                      [(checked)]="checked" (checkedChange)="handleCheckboxChange($event)"\n                      [hasError]="inheritedHasError"\n                      [disabled]="disabled"\n                      [hasDividers]="hasDividers"\n                      [describedBy]="[inheritedDescribedBy, hint?.id] | makeHtmlList"\n                      [isIndeterminate]="isIndeterminate"\n                      [(indeterminateChecked)]="indeterminateChecked"\n                      (indeterminateCheckedChange)="handleIndeterminateCheckedChange($event)"\n\n                      [labelComponent]="label"\n                      [hintComponent]="hint"\n\n                      [role]="role"\n                      [ariaLabel]="ariaLabel"\n                      [ariaDescribedBy]="ariaDescribedBy"\n                      [ariaLabelledBy]="ariaLabelledBy"\n                      [ariaHidden]="ariaHidden"\n                      [ariaDisabled]="ariaDisabled"\n                      [ariaControls]="ariaControls"\n                      [ariaCurrent]="ariaCurrent"\n                      [ariaLive]="ariaLive"\n                      [ariaExpanded]="ariaExpanded"\n                      [ariaErrorMessage]="ariaErrorMessage"\n                      [ariaHasPopup]="ariaHasPopup"\n                      [ariaModal]="ariaModal"\n                      [tabindex]="tabindex">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n  </desy-tree-checkbox>\n</ng-template>\n\n<ng-template #content>\n  <div class="font-bold" *ngIf="isActive(); else contentLabel">\n    <ng-container *ngTemplateOutlet="contentLabel"></ng-container>\n  </div>\n  <ng-content select="desy-hint"></ng-content>\n</ng-template>\n\n<ng-template #contentLabel>\n  <ng-content select="desy-label"></ng-content>\n</ng-template>\n',providers:[{provide:ye,useExisting:t.forwardRef((function(){return ve}))}]}]}],ve.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:t.ElementRef}]},ve.propDecorators={hiddenWrapper:[{type:t.ViewChild,args:["hiddenWrapper"]}],id:[{type:t.Input}],name:[{type:t.Input}],value:[{type:t.Input}],classes:[{type:t.Input}],active:[{type:t.Input}],disabled:[{type:t.Input}],title:[{type:t.Input}],hasDividers:[{type:t.Input}],isIndeterminate:[{type:t.Input}],checked:[{type:t.Input}],checkedChange:[{type:t.Output}],expanded:[{type:t.Input}],expandedChange:[{type:t.Output}],indeterminateChecked:[{type:t.Input}],indeterminateCheckedChange:[{type:t.Output}],sub:[{type:t.ContentChildren,args:[be]}],hint:[{type:t.ContentChildren,args:[N]}],label:[{type:t.ContentChildren,args:[V]}],checkbox:[{type:t.ViewChild,args:[Ce]}],treeItemKey:[{type:t.HostBinding,args:["attr.desy-tree-item-key"]}]},m([J("setDefaultIdRecursive")],ve.prototype,"id",void 0),m([P({onSetCallbackName:"overrideSubValues"})],ve.prototype,"sub",void 0),m([P()],ve.prototype,"hint",void 0),m([P()],ve.prototype,"label",void 0);var Ie=function(e){function a(a){var n=e.call(this)||this;return n.changeDetector=a,n.expandedFirstLevel=!0,n.decoupleChildFromParent=!1,n.disableDefaultSearch=!1,n.searchMatchValuesChange=new t.EventEmitter,n.rootItems=[],n._itemListCheckedSubscriptions=[],n._itemListQuitFocusSubscriptions=[],n._alreadyConfiguringItems=!1,n}return u(a,e),a.prototype.ngOnDestroy=function(){var e,t;this.clearSubscriptions(this._itemListCheckedSubscriptions),this.clearSubscriptions(this._itemListQuitFocusSubscriptions),null===(e=this._itemListSubscription)||void 0===e||e.unsubscribe(),null===(t=this._allItemListSubscription)||void 0===t||t.unsubscribe()},a.prototype.ngOnChanges=function(e){this.configureAllItems()},a.prototype.writeValue=function(e){this.value=e,this.configureAllItems(!0),this.onChange(this.value)},a.prototype.updateValueFromItems=function(e){var t=this;"checkbox"!==this.type?this.getAllItemsInOrder().forEach((function(t){t!==e&&t.checked&&t.setChecked(!1,!0)})):this.decoupleChildFromParent||this.rootItems.forEach((function(e){return e.setCheckedAutomaticallyDependingOnChildren()}));this.value=[],this.getAllItemsInOrder().forEach((function(e){e.checked&&t.value.push(e.value)})),this.onChange(this.value)},a.prototype.handleItemQuitFocus=function(e){if(e&&e.nextElement){var t=this.getAllItemsInOrder().filter((function(e){return!e.isHidden()&&!e.disabled&&e.allParentsExpanded}));switch(e.nextElement){case"first":t[0].focus();break;case"last":t[t.length-1].focus();break;case"parent":var a=e.currentItem.subLevel;if(a>0){var n=t.findIndex((function(t){return t===e.currentItem})),r=t.slice(0,n).reverse().find((function(e){return e.subLevel<a}));r&&r.focus()}break;case"firstChild":case"next":if(e.currentItem)(n=t.findIndex((function(t){return t===e.currentItem})))<t.length-1&&t[n+1].focus();break;case"previous":if(e.currentItem)(n=t.findIndex((function(t){return t===e.currentItem})))>0&&t[n-1].focus()}}},a.prototype.onSearch=function(e){this.disableDefaultSearch||(e&&e.length>0?this.searchMatchValues=this.allItems.filter((function(t){return t.matchesText(e)})).map((function(e){return e.value})):this.searchMatchValues=null,this.searchMatchValuesChange.emit(this.searchMatchValues))},a.prototype.configureAllItems=function(e){var t=this;void 0===e&&(e=!1),this._alreadyConfiguringItems||(this._alreadyConfiguringItems=!0,setTimeout((function(){var a;(null===(a=t.allItems)||void 0===a?void 0:a.length)>0&&(t.clearSubscriptions(t._itemListCheckedSubscriptions),t.clearSubscriptions(t._itemListQuitFocusSubscriptions),t.allItems.forEach((function(a){if(a.parentName=t.name,a.type=t.type,a.inheritedDescribedBy=t.getDescribedByForItems(),a.inheritedExpandedFirstLevel=t.expandedFirstLevel,a.inheritedDecoupleChildFromParent=t.decoupleChildFromParent,t.value&&t.value.length>0||e){var n=t.value?t.value:[];a.setChecked(!!n.find((function(e){return e===a.value})),!0)}a.detectChanges();var r=a.checkedChangeForTree.subscribe((function(){return t.updateValueFromItems(a)}));t._itemListCheckedSubscriptions.push(r);var i=a.quitFocus.subscribe((function(e){return t.handleItemQuitFocus(e)}));t._itemListQuitFocusSubscriptions.push(i)})),t.setErrorInItems(t.hasErrorMessageComponent()),t.buildTree(),t.value||t.updateValueFromItems(),t.searchMatchValues&&t.onSearchMatchValuesChange()),t.allItems&&!t._allItemListSubscription&&(t._allItemListSubscription=t.allItems.changes.subscribe((function(){return t.configureAllItems()}))),t.changeDetector.detectChanges(),t._alreadyConfiguringItems=!1})))},a.prototype.onSearchMatchValuesChange=function(){var e=this;this.allItems&&(this.allItems.forEach((function(e){e.inheritedMatchesSearch=!0})),null!==this.searchMatchValues&&void 0!==this.searchMatchValues&&this.allItems.forEach((function(t){e.searchMatchValues.findIndex((function(e){return t.value===e}))<0&&(t.inheritedMatchesSearch=!1)})))},a.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:this.name},a.prototype.getDescribedBy=function(){var e="";return this.describedBy&&(e=this.describedBy),this.hasHintComponent()&&this.hintComponent.id&&(e=e+" "+this.hintComponent.id),this.hasErrorMessageComponent()&&this.errorMessageComponent.id&&(e=e+" "+this.errorMessageComponent.id),e},a.prototype.getDescribedByForItems=function(){return this.hasFieldsetComponent()?this.fieldsetComponent.describedBy:this.getDescribedBy()},a.prototype.hasFieldsetComponent=function(){return!!this.fieldsetComponent},a.prototype.getHintId=function(){var e;return this.idPrefix?this.idPrefix+"-hint":null===(e=this.hintComponent)||void 0===e?void 0:e.id},a.prototype.getErrorId=function(){var e;return this.idPrefix?this.idPrefix+"-error":null===(e=this.errorMessageComponent)||void 0===e?void 0:e.id},a.prototype.overrideFieldsetParams=function(e){e.caller=this.innerHtml,e.errorId=this.getErrorId(),e.describedBy=this.getDescribedBy(),e.detectChanges()},a.prototype.overrideSearchBarParams=function(e){var t=this,a=e.onChange;e.registerOnChange((function(e){t.onSearch(e),a(e)}))},a.prototype.overrideHintParams=function(e){e.id=this.getHintId(),e.detectChanges()},a.prototype.overrideErrorMessageParams=function(e){e.id=this.getErrorId(),this.setErrorInItems(this.hasErrorMessageComponent()),e.detectChanges()},a.prototype.onDeleteErrorMessage=function(e){this.setErrorInItems(this.hasErrorMessageComponent())},a.prototype.buildTree=function(){var e=this,t={};this.rootItems=[],this.allItems.forEach((function(e){var a=e.getKey();t[a]=e,e.sub&&(e.sub.itemList=[])})),this.allItems.forEach((function(a){var n=a.getParentKey();if("root"===n)e.rootItems.push(a);else if(n){var r=t[n].sub;r&&r.itemList.push(a)}}));var a=0;this.rootItems.forEach((function(t,n){t.setSubLevel(0),t.setDefaultId(e.idPrefix+"-"+n),t.refreshAllParentsExpandedRecursive(!0),e.decoupleChildFromParent||t.setCheckedAutomaticallyDependingOnChildren(),a=t.setOrderRecursively(a)}))},a.prototype.setErrorInItems=function(e){var t;(null===(t=this.allItems)||void 0===t?void 0:t.length)>0&&this.allItems.forEach((function(t){t.inheritedHasError=e,t.detectChanges()}))},a.prototype.clearSubscriptions=function(e){e.length>0&&(e.forEach((function(e){return e.unsubscribe()})),e.splice(0,e.length))},a.prototype.getAllItemsInOrder=function(){var e=[];return this.allItems&&(e=this.allItems.toArray().sort((function(e,t){return e.orderInTree>t.orderInTree?1:-1}))),e},a}(G);Ie.decorators=[{type:t.Component,args:[{selector:"desy-tree",template:'\n<ng-template #innerHtml>\n  <ng-content select="desy-hint"></ng-content>\n  <ng-content select="desy-error-message"></ng-content>\n  <ng-content select="desy-search-bar"></ng-content>\n  <ul [class]="[\'c-tree\', classes] | makeHtmlList"\n      [attr.role]="role ? role : \'tree\'"\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.aria-modal]="ariaModal ? ariaModal : null"\n      [attr.tabindex]="tabindex ? tabindex : null">\n    <ng-content></ng-content>\n  </ul>\n</ng-template>\n\n\x3c!-- tree --\x3e\n<div [class]="[\'c-form-group\', formGroupClasses] | makeHtmlList"\n     [ngClass]="{\'c-form-group--error\': (hasErrorsMessage() || formGroupClasses === \'c-form-group--error\') }">\n  <ng-container *ngIf="hasFieldsetComponent(); else innerHtml">\n    <ng-content select="desy-fieldset"></ng-content>\n  </ng-container>\n</div>',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return Ie})),multi:!0}]}]}],Ie.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},Ie.propDecorators={idPrefix:[{type:t.Input}],classes:[{type:t.Input}],name:[{type:t.Input}],type:[{type:t.Input}],describedBy:[{type:t.Input}],formGroupClasses:[{type:t.Input}],expandedFirstLevel:[{type:t.Input}],decoupleChildFromParent:[{type:t.Input}],disableDefaultSearch:[{type:t.Input}],searchMatchValues:[{type:t.Input}],searchMatchValuesChange:[{type:t.Output}],allItems:[{type:t.ContentChildren,args:[ve,{descendants:!0}]}],fieldsetComponent:[{type:t.ContentChildren,args:[$]}],searchBarComponent:[{type:t.ContentChildren,args:[he]}],innerHtml:[{type:t.ViewChild,args:["innerHtml",{static:!0}]}]},m([J("onSearchMatchValuesChange")],Ie.prototype,"searchMatchValues",void 0),m([J("configureAllItems")],Ie.prototype,"allItems",void 0),m([P({onSetCallbackName:"overrideFieldsetParams"})],Ie.prototype,"fieldsetComponent",void 0),m([P({onSetCallbackName:"overrideSearchBarParams"})],Ie.prototype,"searchBarComponent",void 0);var xe=function(){function e(e){this.templateRef=e}return e.prototype.ngOnChanges=function(){var e,t;if(this.item)this.item.conditionalHtml=this.templateRef;else if(this.value&&this.items)try{for(var a=b(this.items),n=a.next();!n.done;n=a.next()){var r=n.value;r.value===this.value&&(r.conditionalHtml=this.templateRef)}}catch(t){e={error:t}}finally{try{n&&!n.done&&(t=a.return)&&t.call(a)}finally{if(e)throw e.error}}},e}();xe.decorators=[{type:t.Directive,args:[{selector:"[desyCondition]"}]}],xe.ctorParameters=function(){return[{type:t.TemplateRef}]},xe.propDecorators={item:[{type:t.Input}],value:[{type:t.Input}],items:[{type:t.Input}]};var De=function(){function e(e){this.viewContainerRef=e}return e.prototype.ngOnInit=function(){this.viewContainerRef.createEmbeddedView(this.content)},e}();De.decorators=[{type:t.Component,args:[{selector:"desy-tree-items-generator",template:'<ng-template #content>\n  <ng-container *ngIf="items && itemTemplate">\n    <ng-container *ngFor="let item of items">\n      <ng-container *ngTemplateOutlet="itemTemplate; context: {item: item}"></ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n',changeDetection:t.ChangeDetectionStrategy.OnPush}]}],De.ctorParameters=function(){return[{type:t.ViewContainerRef}]},De.propDecorators={content:[{type:t.ViewChild,args:["content",{static:!0}]}],items:[{type:t.Input}],itemTemplate:[{type:t.Input}]};var Le=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.clickEvent=new t.EventEmitter,a}return u(a,e),a}(L);Le.decorators=[{type:t.Component,args:[{selector:"desy-modal-button-primary",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Le.propDecorators={classes:[{type:t.Input}],clickEvent:[{type:t.Output}]};var Ee=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.clickEvent=new t.EventEmitter,a}return u(a,e),a}(L);Ee.decorators=[{type:t.Component,args:[{selector:"desy-modal-button-secondary",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Ee.propDecorators={classes:[{type:t.Input}],clickEvent:[{type:t.Output}]};var He=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.clickEvent=new t.EventEmitter,a}return u(a,e),a}(E);He.decorators=[{type:t.Component,args:[{selector:"desy-modal-button-loader-primary",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],He.propDecorators={classes:[{type:t.Input}],state:[{type:t.Input}],clickEvent:[{type:t.Output}]};var we=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.clickEvent=new t.EventEmitter,a}return u(a,e),a}(E);we.decorators=[{type:t.Component,args:[{selector:"desy-modal-button-loader-secondary",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],we.propDecorators={classes:[{type:t.Input}],clickEvent:[{type:t.Output}]};var ke=function(e){function a(a){var n=e.call(this)||this;return n.changeDetectorRef=a,n.closeModal=new t.EventEmitter,n.clickButton=new t.EventEmitter,n.hasIconContent=!0,n.descriptionIsHtml=!0,n.descriptionIsEmpty=!1,n}return u(a,e),a.prototype.closeDialog=function(){this.closeModal.emit()},a.prototype.getType=function(){var e;return this.iconComponent?e=this.iconComponent.type?this.iconComponent.type.toLocaleLowerCase():null:this.icon.type&&(e=this.icon.type?this.icon.type.toLocaleLowerCase():null),e},a.prototype.checkDescriptionContent=function(e){for(var t=e.nativeElement.childNodes,a=!1,n=!1,r=0;r<t.length&&!a;r++){var i=t.item(r);i.nodeType===Node.TEXT_NODE&&i.textContent.length>0?n=!0:i.nodeType!==Node.ELEMENT_NODE&&i.nodeType!==Node.CDATA_SECTION_NODE||(a=!0,n=!0)}this.descriptionIsEmpty;this.descriptionIsEmpty=!n,this.descriptionIsHtml=a,this.changeDetectorRef.detectChanges()},a.prototype.clickButtonEmit=function(e,t){this.clickButton.emit(t),(e instanceof Le||e instanceof Ee||e instanceof He||e instanceof we)&&e.clickEvent.emit(t)},a.prototype.handleIconContentEmpty=function(e){this.hasIconContent=!e,this.changeDetectorRef.detectChanges()},a.prototype.getTitleClasses=function(){var e="c-h2 px-base text-center focus:outline-none focus:underline";return this.titleComponent&&this.titleComponent.classes?e=this.titleComponent.classes:this.title&&this.title.classes&&(e=this.title.classes),e},a.prototype.getDescriptionClasses=function(){var e="c-paragraph-base my-base text-center";return this.descriptionComponent&&this.descriptionComponent.classes?e=this.descriptionComponent.classes:this.description&&this.description.classes&&(e=this.description.classes),e},a.prototype.getPrimaryItems=function(){return this.primaryButtonComponents&&this.primaryButtonComponents.length>0?this.primaryButtonComponents.toArray():this.itemsPrimary},a.prototype.getSecondaryItems=function(){return this.secondaryButtonComponents&&this.secondaryButtonComponents.length>0?this.secondaryButtonComponents.toArray():this.itemsSecondary},a.prototype.getPrimaryLoaderItems=function(){return this.primaryButtonLoaderComponents&&this.primaryButtonLoaderComponents.length>0?this.primaryButtonLoaderComponents.toArray():this.itemsLoaderPrimary},a.prototype.getSecondaryLoaderItems=function(){return this.secondaryButtonLoaderComponents&&this.secondaryButtonLoaderComponents.length>0?this.secondaryButtonLoaderComponents.toArray():this.itemsLoaderSecondary},a}(C);ke.decorators=[{type:t.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        \x3c!-- FIXME De momento se mantiene el nbsp por no tener clases diferentes a desy-html.\n              Eliminar al adaptar a una versión de desy-html que lo contemple --\x3e\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  \x3c!-- Button loader --\x3e\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'}]}],ke.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},ke.propDecorators={title:[{type:t.Input}],description:[{type:t.Input}],itemsPrimary:[{type:t.Input}],itemsSecondary:[{type:t.Input}],itemsLoaderPrimary:[{type:t.Input}],itemsLoaderSecondary:[{type:t.Input}],icon:[{type:t.Input}],headingLevel:[{type:t.Input}],isDismissible:[{type:t.Input}],id:[{type:t.Input}],classes:[{type:t.Input}],caller:[{type:t.Input}],closeModal:[{type:t.Output}],clickButton:[{type:t.Output}],titleComponent:[{type:t.ContentChildren,args:[F]}],descriptionComponent:[{type:t.ContentChildren,args:[A]}],contentComponent:[{type:t.ContentChildren,args:[O]}],primaryButtonComponents:[{type:t.ContentChildren,args:[Le]}],secondaryButtonComponents:[{type:t.ContentChildren,args:[Ee]}],primaryButtonLoaderComponents:[{type:t.ContentChildren,args:[He]}],secondaryButtonLoaderComponents:[{type:t.ContentChildren,args:[we]}],iconComponent:[{type:t.ContentChildren,args:[R]}]},m([P()],ke.prototype,"titleComponent",void 0),m([P()],ke.prototype,"descriptionComponent",void 0),m([P()],ke.prototype,"contentComponent",void 0),m([P()],ke.prototype,"iconComponent",void 0);var Me=0,Be=function(e){function a(a,n,r){var i=e.call(this)||this;return i.cdRef=a,i.focusTrapFactory=n,i.factoryResolver=r,i.activeChange=new t.EventEmitter,i.lastActiveState=!1,i.clickOutsideEnabled=!1,i}return u(a,e),a.prototype.ngOnChanges=function(){this.focusTrapWrapper&&this.handleActiveState()},a.prototype.ngAfterViewInit=function(){if(this.callerType){var e=this.factoryResolver.resolveComponentFactory(this.callerType),t=this.container.createComponent(e);this.onCallerCreationCallback&&this.onCallerCreationCallback(this,t)}this.focusTrapWrapper.nativeElement.children&&1===this.focusTrapWrapper.nativeElement.children.length&&(this.childElem=this.focusTrapWrapper.nativeElement.children[0]),this.handleActiveState(),this.cdRef.detectChanges()},a.prototype.ngOnDestroy=function(){this.active=!1,this.handleActiveState()},a.prototype.dismiss=function(){this.activeChange.emit(!1)},a.prototype.onKeyUp=function(e){e.key===a.KEY_CODE_ESC&&(e.stopPropagation(),this.dismiss())},a.prototype.handleActiveState=function(){var e=this;if(this.focusTrap||(this.focusTrap=this.focusTrapFactory.create(this.focusTrapWrapper.nativeElement)),this.active!==this.lastActiveState){var t;if(this.lastActiveState=this.active,this.active&&0===Me?document.body.classList.add(a.DIALOG_OPEN_CLASS):this.active||1!==Me||(document.body.classList.remove(a.DIALOG_OPEN_CLASS),0===document.body.classList.length&&document.body.removeAttribute("class")),this.active)setTimeout((function(){return e.focusTrap.focusInitialElement()})),Me++;else this.focusTrap.destroy(),(t=this.focusOnClose?"string"==typeof this.focusOnClose?document.getElementById(this.focusOnClose):this.focusOnClose:H.getFirstFocusableElement())&&setTimeout((function(){return t.focus()})),Me--;setTimeout((function(){return e.clickOutsideEnabled=e.active}))}},a.prototype.handleClickOutside=function(){this.dismissOnBackdrop&&this.dismiss()},a}(C);Be.DIALOG_OPEN_CLASS="has-dialog",Be.KEY_CODE_ESC="Escape",Be.decorators=[{type:t.Component,args:[{selector:"desy-dialog",template:'<div class="dialog-backdrop" [ngClass]="{\'active\': active}"\n     [attr.role]="role ? role : null"\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n     [attr.aria-live]="ariaLive ? ariaLive : null"\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n     [attr.aria-modal]="ariaModal ? ariaModal : null">\n\n    <div #focusTrapWrapper [id]="id" [class]="classes"\n        [desyClickOutside]="clickOutsideEnabled" (clickOutside)="handleClickOutside()" [desyClickOutsideElem]="childElem">\n      <ng-template #container></ng-template>\n      <ng-container *ngTemplateOutlet="caller"></ng-container>\n    </div>\n</div>'}]}],Be.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:r.ConfigurableFocusTrapFactory},{type:t.ComponentFactoryResolver}]},Be.propDecorators={container:[{type:t.ViewChild,args:["container",{read:t.ViewContainerRef}]}],focusTrapWrapper:[{type:t.ViewChild,args:["focusTrapWrapper"]}],active:[{type:t.Input}],activeChange:[{type:t.Output}],id:[{type:t.Input}],caller:[{type:t.Input}],focusOnClose:[{type:t.Input}],dismissOnBackdrop:[{type:t.Input}],classes:[{type:t.Input}],onKeyUp:[{type:t.HostListener,args:["document:keyup",["$event"]]}]};var Pe=function(){function e(e,t,a){this.factoryResolver=e,this.defaultInjector=t,this.appRef=a}return e.prototype.openDialog=function(e,a){var n=this;return new Promise((function(r,i){e||i("caller is required"),a||i("dialogOptions is required");var s=n.createDialog(a),o={dialog:s};e instanceof t.Type?(s.instance.callerType=e,s.instance.onCallerCreationCallback=function(e,t){o.component=t,r(o)}):e instanceof t.TemplateRef?(s.instance.caller=e,r(o)):(s.instance.callerType=ke,s.instance.onCallerCreationCallback=function(t,a){n.initModal(t,a,e),o.component=a,r(o)})}))},e.prototype.closeDialog=function(e){e&&(e instanceof t.ComponentRef?e.instance.dismiss():e.dismiss())},e.prototype.onCloseDialog=function(e){return new Promise((function(a){var n=(e instanceof t.ComponentRef?e.instance:e).activeChange.subscribe((function(){a(),n.unsubscribe()}))}))},e.prototype.createDialog=function(e){var t,a=this.factoryResolver.resolveComponentFactory(Be);if(e.rootViewContainer)t=e.rootViewContainer.createComponent(a);else{t=a.create(this.defaultInjector),this.appRef.attachView(t.hostView);var n=t.hostView.rootNodes[0];document.body.appendChild(n)}return t.instance.active=!0,e&&Object.assign(t.instance,e),this.onCloseDialog(t).then((function(){return t.destroy()})),t},e.prototype.initModal=function(e,t,a){var n=this;if(t.instance.title=a.title,t.instance.description=a.description,t.instance.itemsPrimary=a.itemsPrimary,t.instance.itemsSecondary=a.itemsSecondary,t.instance.icon=a.icon,t.instance.isDismissible=a.isDismissible,t.instance.id=a.id,t.instance.classes=a.classes,t.instance.caller=a.caller,a.isDismissible)var r=t.instance.closeModal.subscribe((function(){n.closeDialog(e),r.unsubscribe()}))},e}();Pe.ɵprov=p.ɵɵdefineInjectable({factory:function(){return new Pe(p.ɵɵinject(p.ComponentFactoryResolver),p.ɵɵinject(p.INJECTOR),p.ɵɵinject(p.ApplicationRef))},token:Pe,providedIn:"root"}),Pe.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],Pe.ctorParameters=function(){return[{type:t.ComponentFactoryResolver},{type:t.Injector},{type:t.ApplicationRef}]};var Te=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Te.decorators=[{type:t.Component,args:[{selector:"desy-breadcrumbs-item",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n"}]}],Te.propDecorators={id:[{type:t.Input}],routerLink:[{type:t.Input}]};var Se=function(e){function t(t){var a=e.call(this)||this;return a.location=t,a}return u(t,e),t.prototype.getLength=function(){var e=this.items?this.items.length:this.itemComponentList.length;return this.hasBackButton&&(e+=1),e},t.prototype.goBack=function(){this.location.back()},t.prototype.getItemList=function(){return this.itemComponentList&&this.itemComponentList.length>0?this.itemComponentList.toArray():this.items},t}(C);Se.decorators=[{type:t.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ás 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ágina anterior</span><span aria-hidden="true" title="Volver a la página 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'}]}],Se.ctorParameters=function(){return[{type:i.Location}]},Se.propDecorators={items:[{type:t.Input}],classes:[{type:t.Input}],id:[{type:t.Input}],collapseOnMobile:[{type:t.Input}],hasBackButton:[{type:t.Input}],itemComponentList:[{type:t.ContentChildren,args:[Te]}]};var Oe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Oe.decorators=[{type:t.Component,args:[{selector:"desy-header-offcanvas-close-button",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}];var Ae=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.openOffcanvas=function(){return g(t,void 0,void 0,(function(){return h(this,(function(e){return[2]}))}))},t}return u(t,e),t.prototype.handleClick=function(e){return g(this,void 0,void 0,(function(){return h(this,(function(t){switch(t.label){case 0:return e.stopPropagation(),[4,this.openOffcanvas()];case 1:return t.sent(),[2]}}))}))},t}(v);Ae.decorators=[{type:t.Component,args:[{selector:"desy-header-offcanvas-button",template:'<ng-template #contentTemplate>\n  <button id="header-offcanvas-button" tabindex="0" aria-haspopup="true"\n          class="inline-flex items-center px-3 py-4 text-sm text-black focus:outline-none focus:shadow-outline-black focus:bg-warning-base"\n          (click)="handleClick($event)">\n    <span id="header-offcanvas-button-text" class="inline-block align-middle text-right">\n      <ng-content></ng-content>\n    </span>\n    <svg role="img" aria-label="Cerrado" class="inline-block align-middle" viewBox="0 0 96 96" fill="currentColor" width="1.5em" height="1.5em"><g><path d="M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z"/></g></svg>\n  </button>\n</ng-template>\n\n'}]}];var Re=function(){function e(e){this.dialogService=e,this.hostClass="-mr-2 flex lg:hidden"}return e.prototype.ngOnDestroy=function(){this.isOpen()&&this.close()},e.prototype.open=function(){return g(this,void 0,void 0,(function(){var t,a=this;return h(this,(function(n){switch(n.label){case 0:return this.isOpen()?[3,2]:(t=this,[4,this.dialogService.openDialog(this.offcanvasContent,e.dialogOptions)]);case 1:t.dialog=n.sent().dialog,this.dialogService.onCloseDialog(this.dialog).then((function(){return a.dialog=null})),n.label=2;case 2:return[2]}}))}))},e.prototype.close=function(){if(this.isOpen()){this.dialogService.closeDialog(this.dialog),this.dialog=null;var e=document.getElementById("header-offcanvas-button");null==e||e.focus()}},e.prototype.isOpen=function(){return!!this.dialog},e.prototype.setHostClass=function(){this.hostClass=this.classes?this.classes:"-mr-2 flex lg:hidden"},e.prototype.bindButton=function(e){e.openOffcanvas=this.open.bind(this)},e}();Re.dialogOptions={id:"header-offcanvas-dialog",focusOnClose:"header-offcanvas-button",ariaModal:"true",ariaLabelledBy:"header-offcanvas-button-text",role:"dialog"},Re.decorators=[{type:t.Component,args:[{selector:"desy-header-offcanvas",template:'\n<ng-template #offcanvasContent>\n  <div class="origin-top-left left-0 fixed inset-0 h-screen">\n    <div class="h-full overflow-auto relative w-offcanvas h-screen ml-offcanvas-negative bg-white z-10"\n         [desyClickOutside]="isOpen()" (clickOutside)="close()">\n      <div class="text-right p-sm">\n        <button (click)="close()" id="header-offcanvas-button-close" class="c-button c-button--sm c-button--transparent m-sm">\n          <ng-container *desyCustomInnerContent="{ component: closeButton }"></ng-container> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="14" height="14" class="self-center ml-2" aria-hidden="true"><path fill="currentColor" d="M8.591 7.177a.25.25 0 010-.354l4.616-4.616A1 1 0 1011.793.793L7.177 5.409a.25.25 0 01-.354 0L2.207.793A1 1 0 00.793 2.207l4.616 4.616a.25.25 0 010 .354L.793 11.793a1 1 0 001.414 1.414l4.616-4.616a.25.25 0 01.354 0l4.616 4.616a1 1 0 001.414-1.414z"/></svg>\n        </button>\n      </div>\n      <ng-container *desyCustomInnerContent="{ component: content }"></ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<ng-container *desyCustomInnerContent="{ component: button }"></ng-container>\n'}]}],Re.ctorParameters=function(){return[{type:Pe}]},Re.propDecorators={classes:[{type:t.Input}],hostClass:[{type:t.HostBinding,args:["class"]}],offcanvasContent:[{type:t.ViewChild,args:["offcanvasContent"]}],button:[{type:t.ContentChildren,args:[Ae]}],content:[{type:t.ContentChildren,args:[O]}],closeButton:[{type:t.ContentChildren,args:[Oe]}]},m([J("setHostClass")],Re.prototype,"classes",void 0),m([P({onSetCallbackName:"bindButton"})],Re.prototype,"button",void 0),m([P()],Re.prototype,"content",void 0),m([P()],Re.prototype,"closeButton",void 0);var Fe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Fe.decorators=[{type:t.Component,args:[{selector:"desy-header-navigation-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Fe.propDecorators={href:[{type:t.Input}],routerLink:[{type:t.Input}],fragment:[{type:t.Input}],id:[{type:t.Input}],active:[{type:t.Input}],disabled:[{type:t.Input}]};var Ne=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.ngAfterContentInit=function(){this.getItems()},t.prototype.getItemId=function(e,t){var a=this.idPrefix?this.idPrefix:"header-nav-item",n=t>0?"-"+t:"";return e.id?e.id:a+n},t.prototype.getItems=function(){return this.itemComponents&&this.itemComponents.length>0?this.itemComponents.toArray():this.items},t}(C);Ne.decorators=[{type:t.Component,args:[{selector:"desy-header-navigation",template:'<nav [class]="classes ? classes : \'hidden lg:block\'"\n     [attr.role]="role ? role : null"\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n     [attr.aria-live]="ariaLive ? ariaLive : null"\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n     [attr.tabindex]="tabindex ? tabindex : null">\n  <ul class="ml-sm flex flex-wrap items-baseline">\n    <ng-container *ngFor="let item of getItems(); index as i">\n      <li *ngIf="item">\n\n        \x3c!-- Active + routerlink --\x3e\n        <a *ngIf="item.active && (item.routerLink || !item.href)" [id]="getItemId(item, i)" [routerLink]="item.routerLink" [fragment]="item.fragment"\n           class="max-w-40 lg:max-w-xs px-3 py-4 font-bold text-sm text-black hover:underline truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-black focus:bg-warning-base" \n           aria-current="page"\n           [target]="item.target">\n          <strong class="font-bold">\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n          </strong>\n        </a>\n\n        \x3c!-- Active + href --\x3e\n        <a *ngIf="item.active && !item.routerLink && item.href" [id]="getItemId(item, i)" [href]="item.href"\n           class="max-w-40 lg:max-w-xs px-3 py-4 font-bold text-sm text-black hover:underline truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-black focus:bg-warning-base" \n           aria-current="page"\n           [target]="item.target">\n          <strong class="font-bold">\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n          </strong>\n        </a>\n\n        \x3c!-- Not active + routerlink --\x3e\n        <a *ngIf="!item.active && (item.routerLink || !item.href)" [id]="getItemId(item, i)" [routerLink]="item.routerLink" [fragment]="item.fragment"\n           [ngClass]="{\'opacity-50 pointer-events-none\': item.disabled}"\n           class="max-w-40 lg:max-w-xs px-3 py-4 text-sm text-black hover:underline truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-black focus:bg-warning-base"\n           [attr.disabled]="item.disabled ? item.disabled : null" [attr.aria-disabled]="item.disabled ? item.disabled : null" [attr.tabindex]="item.disabled ? -1 : null"\n           [target]="item.target">\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n        </a>\n\n        \x3c!-- Not active + href --\x3e\n        <a *ngIf="!item.active && !item.routerLink && item.href" [id]="getItemId(item, i)" [href]="item.href"\n           [ngClass]="{\'opacity-50 pointer-events-none\': item.disabled}"\n           class="max-w-40 lg:max-w-xs px-3 py-4 text-sm text-black hover:underline truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-black focus:bg-warning-base"\n           [attr.disabled]="item.disabled ? item.disabled : null" [attr.aria-disabled]="item.disabled ? item.disabled : null" [attr.tabindex]="item.disabled ? -1 : null"\n           [target]="item.target">\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n        </a>\n      </li>\n    </ng-container>\n  </ul>\n</nav>\n'}]}],Ne.propDecorators={idPrefix:[{type:t.Input}],classes:[{type:t.Input}],items:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[Fe]}]};var Ve=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.clickEvent=new t.EventEmitter,a.activeChange=new t.EventEmitter,a}return u(a,e),a}(v);Ve.decorators=[{type:t.Component,args:[{selector:"desy-nav-item",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],Ve.propDecorators={id:[{type:t.Input}],active:[{type:t.Input}],classes:[{type:t.Input}],title:[{type:t.Input}],href:[{type:t.Input}],routerLink:[{type:t.Input}],fragment:[{type:t.Input}],target:[{type:t.Input}],disabled:[{type:t.Input}],divider:[{type:t.Input}],clickEvent:[{type:t.Output}],activeChange:[{type:t.Output}]};var _e=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.hasNav=!0,a.clickEvent=new t.EventEmitter,a}return u(a,e),a.prototype.onClick=function(e,t){var a=[];t.active||a.push(t),this.getItemList().forEach((function(e){e.active&&e!==t&&a.push(e),e.active=!1})),t.active=!0,a.forEach((function(e){e instanceof Ve&&e.activeChange.emit(e.active)})),this.clickEvent.emit({item:t,event:e}),t instanceof Ve&&t.clickEvent.emit({item:t,event:e})},a.prototype.getItemList=function(){return this.itemComponentList&&this.itemComponentList.length>0?this.itemComponentList.toArray():this.items},a.prototype.getItemId=function(e,t){return e.id?e.id:0===t?this.getIdPrefix():this.getIdPrefix()+"-"+t},a.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:"nav-item"},a.prototype.movePrevious=function(e,t){e.preventDefault();for(var a=this.getItemList(),n=t-1;n>=0&&!this.isFocusableItem(a[n]);)n--;if(n<a.length){var r=document.getElementById(this.getItemId(a[n],n));r&&r.focus()}},a.prototype.moveNext=function(e,t){e.preventDefault();for(var a=this.getItemList(),n=t+1;n<a.length&&!this.isFocusableItem(a[n]);)n++;if(n<a.length){var r=document.getElementById(this.getItemId(a[n],n));r&&r.focus()}},a.prototype.simulateClick=function(e,t,a){e.preventDefault();var n=document.getElementById(this.getItemId(t,a));null==n||n.click()},a.prototype.isFocusableItem=function(e){return!e.active&&!e.disabled},a}(C);_e.decorators=[{type:t.Component,args:[{selector:"desy-nav",template:'<ng-template #innerHtml>\n  <ng-container *ngFor="let item of getItemList(); index as i">\n    <li>\n        <span *ngIf="item.active"\n               [class]="[\'flex items-center px-base py-sm font-semibold\', item.classes] | makeHtmlList"\n               [attr.id]="getItemId(item, i)"\n               [attr.title]="item.title ? item.title : null"\n               [attr.role]="item.role ? item.role : null"\n               [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\n               [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\n               [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\n               [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\n               [attr.aria-disabled]="item.disabled ? item.disabled : null"\n               [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\n               [attr.aria-current]="hasNav ? \'true\' : \'page\'"\n               [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\n               [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\n               [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\n               [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\n               [attr.tabindex]="item.tabindex"\n               (click)="onClick($event, item)">\n              <strong>\n                  <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n              </strong>\n          </span>\n          <a *ngIf="!item.active && item.href"\n             [href]="item.href | externalHref" [target]="item.target"\n             [class]="[\'flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\n             [ngClass]="{\'pointer-events-none\': item.disabled}"\n             [attr.aria-disabled]="item.disabled ? \'true\' : null"\n             [attr.tabindex]="item.disabled ? -1 : item.tabindex"\n             [attr.id]="getItemId(item, i)"\n             [attr.title]="item.title ? item.title : null"\n             [attr.role]="item.role ? item.role : null"\n             [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\n             [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\n             [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\n             [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\n             [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\n             [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\n             [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\n             [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\n             [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\n             [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\n             (keydown.arrowUp)="movePrevious($event, i)"\n             (keydown.arrowDown)="moveNext($event, i)"\n             (click)="onClick($event, item)"\n             (keydown.space)="simulateClick($event, item, i)"\n             (keydown.enter)="simulateClick($event, item, i)">\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n            <svg *ngIf="item.disabled" viewBox="0 0 140 140" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" class="inline-block align-middle ml-sm text-neutral-base fill-current" aria-hidden="true" focusable="false" ><path d="M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zM20 70a50 50 0 0174.8-43.4 2.51 2.51 0 011.23 1.84 2.48 2.48 0 01-.71 2.1L30.54 95.32a2.51 2.51 0 01-3.94-.52A49.63 49.63 0 0120 70zm100 0a50 50 0 01-74.8 43.4 2.51 2.51 0 01-1.23-1.84 2.48 2.48 0 01.71-2.1l64.78-64.78a2.51 2.51 0 013.94.52A49.63 49.63 0 01120 70z"/></svg>\n          </a>\n          <a *ngIf="!item.active && !item.href"\n               [routerLink]="item.routerLink" [fragment]="item.fragment"\n               [class]="[\'flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\n               [ngClass]="{\'pointer-events-none\': item.disabled}"\n               [attr.aria-disabled]="item.disabled ? \'true\' : null"\n               [attr.tabindex]="item.disabled ? -1 : item.tabindex"\n               [attr.id]="getItemId(item, i)"\n               [attr.title]="item.title ? item.title : null"\n               [attr.role]="item.role ? item.role : null"\n               [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\n               [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\n               [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\n               [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\n               [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\n               [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\n               [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\n               [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\n               [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\n               [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\n               (keydown.arrowUp)="movePrevious($event, i)"\n               (keydown.arrowDown)="moveNext($event, i)"\n               (click)="onClick($event, item)"\n               (keydown.space)="simulateClick($event, item, i)"\n               (keydown.enter)="simulateClick($event, item, i)">\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n            <svg *ngIf="item.disabled" viewBox="0 0 140 140" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" class="inline-block align-middle ml-sm text-neutral-base fill-current" aria-hidden="true" focusable="false" ><path d="M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zM20 70a50 50 0 0174.8-43.4 2.51 2.51 0 011.23 1.84 2.48 2.48 0 01-.71 2.1L30.54 95.32a2.51 2.51 0 01-3.94-.52A49.63 49.63 0 0120 70zm100 0a50 50 0 01-74.8 43.4 2.51 2.51 0 01-1.23-1.84 2.48 2.48 0 01.71-2.1l64.78-64.78a2.51 2.51 0 013.94.52A49.63 49.63 0 01120 70z"/></svg>\n          </a>\n    </li>\n    <li *ngIf="item.divider" class="my-sm border-b border-neutral-base" aria-hidden="true">\n        <div class="sr-only">Separador</div>\n    </li>\n  </ng-container>\n</ng-template>\n\n\n<ul *ngIf="!hasNav; else wrapIntoNav"\n    [class]="[\'text-sm\', classes] | makeHtmlList"\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\n    [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n    [attr.aria-live]="ariaLive ? ariaLive : null"\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n    [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n    [attr.tabindex]="tabindex ? tabindex : null">\n  <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\n</ul>\n<ng-template #wrapIntoNav>\n  <nav [class]="[\'text-sm\', classes] | makeHtmlList"\n     [attr.role]="role ? role : null"\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n     [attr.aria-live]="ariaLive ? ariaLive : null"\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n     [attr.tabindex]="tabindex ? tabindex : null">\n    <ul>\n      <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\n    </ul>\n  </nav>\n</ng-template>\n'}]}],_e.propDecorators={hasNav:[{type:t.Input}],idPrefix:[{type:t.Input}],items:[{type:t.Input}],classes:[{type:t.Input}],clickEvent:[{type:t.Output}],itemComponentList:[{type:t.ContentChildren,args:[Ve]}]};var ze=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.hasSubnavItems=function(){return this.nav&&this.nav.getItemList().length>0},t.prototype.overrideNavParams=function(e){e.hasNav=!0,e.idPrefix="header-subnav-nav-item",e.ariaLabel="Aplicaciones",e.classes="w-max max-w-64"},t}(C);ze.decorators=[{type:t.Component,args:[{selector:"desy-header-subnav",template:'<ng-template #templateNav>\n  <ng-content select="desy-nav"></ng-content>\n</ng-template>\n\n<ng-template #templateContent>\n  <ng-content></ng-content>\n</ng-template>\n\n<div class="hidden lg:flex items-center" *ngIf="hasSubnavItems(); else noItems">\n  <div class="py-2 relative border-r border-l border-neutral-base">\n    <p class="sr-only">Aplicación actual: </p>\n    <desy-dropdown [hiddenText]="hiddenText"\n                   [classesContainer]="classesContainer"\n                   [classesTooltip]="classesTooltip"\n                   [classes]="classes ? classes : \'c-dropdown--header\'"\n                   [caller]="caller"\n\n                   [role]="role"\n                   [ariaLabel]="ariaLabel"\n                   [ariaDescribedBy]="ariaDescribedBy"\n                   [ariaLabelledBy]="ariaLabelledBy"\n                   [ariaHidden]="ariaHidden"\n                   [ariaDisabled]="ariaDisabled"\n                   [ariaControls]="ariaControls"\n                   [ariaCurrent]="ariaCurrent"\n                   [ariaLive]="ariaLive"\n                   [ariaExpanded]="ariaExpanded"\n                   [ariaErrorMessage]="ariaErrorMessage"\n                   [ariaHasPopup]="ariaHasPopup"\n                   [tabindex]="tabindex">\n      <ng-container *ngTemplateOutlet="templateContent"></ng-container>\n      <ng-template #caller>\n        <ng-container *ngTemplateOutlet="templateNav"></ng-container>\n      </ng-template>\n    </desy-dropdown>\n  </div>\n</div>\n<ng-template #noItems>\n  <p class="hidden lg:inline-block align-middle px-3 py-4 border-r border-l border-neutral-base text-sm text-black">\n    <span class="sr-only">Aplicación actual: </span>\n    <ng-container *ngTemplateOutlet="templateContent"></ng-container>\n  </p>\n</ng-template>\n\n\n'}]}],ze.propDecorators={hiddenText:[{type:t.Input}],classesContainer:[{type:t.Input}],classesTooltip:[{type:t.Input}],classes:[{type:t.Input}],nav:[{type:t.ContentChildren,args:[_e]}]},m([P({onSetCallbackName:"overrideNavParams"})],ze.prototype,"nav",void 0);var $e=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.overrideNavParams=function(e){e.hasNav=!0,e.idPrefix="header-dropdown-nav-item",e.ariaLabel="Menú de usuario",e.classes="w-max max-w-64"},t}(C);$e.decorators=[{type:t.Component,args:[{selector:"desy-header-dropdown",template:'<div class="ml-4 flex items-center lg:ml-6">\n  <div class="ml-3 relative">\n    <desy-dropdown [hiddenText]="hiddenText"\n                   [classesContainer]="classesContainer ? classesContainer : \'hidden lg:block\'"\n                   [classesTooltip]="classesTooltip"\n                   [classes]="classes ? classes : \'c-dropdown--header\'"\n                   [caller]="caller"\n\n                   [role]="role"\n                   [ariaLabel]="ariaLabel"\n                   [ariaDescribedBy]="ariaDescribedBy"\n                   [ariaLabelledBy]="ariaLabelledBy"\n                   [ariaHidden]="ariaHidden"\n                   [ariaDisabled]="ariaDisabled"\n                   [ariaControls]="ariaControls"\n                   [ariaCurrent]="ariaCurrent"\n                   [ariaLive]="ariaLive"\n                   [ariaExpanded]="ariaExpanded"\n                   [ariaErrorMessage]="ariaErrorMessage"\n                   [ariaHasPopup]="ariaHasPopup"\n                   [tabindex]="tabindex">\n      <ng-content></ng-content>\n    </desy-dropdown>\n    <ng-template #caller>\n      <ng-container *desyCustomInnerContent="{ component: contentComponent, template: templateNav }"></ng-container>\n    </ng-template>\n  </div>\n</div>\n\n<ng-template #templateNav>\n  <ng-content select="desy-nav"></ng-content>\n</ng-template>\n'}]}],$e.propDecorators={hiddenText:[{type:t.Input}],classesContainer:[{type:t.Input}],classesTooltip:[{type:t.Input}],classes:[{type:t.Input}],nav:[{type:t.ContentChildren,args:[_e]}],contentComponent:[{type:t.ContentChildren,args:[O]}]},m([P({onSetCallbackName:"overrideNavParams"})],$e.prototype,"nav",void 0),m([P()],$e.prototype,"contentComponent",void 0);var Ge=function(e){function t(t){var a=e.call(this)||this;return a.changeDetectorRef=t,a.hasContent=!0,a}return u(t,e),t.prototype.getClassNames=function(){var e="c-skip-link sr-only active:not-sr-only focus:not-sr-only focus:outline-none focus:shadow-outline-focus block p-base bg-warning-base text-center text-black underline";return this.classes&&(e+=" "+this.classes),e},t}(C);Ge.decorators=[{type:t.Component,args:[{selector:"desy-skip-link",template:'<a *ngIf="hasContent"\n   [routerLink]="[]" [fragment]="fragment ? fragment : \'content\'"\n   [class]="getClassNames()"\n   [attr.id]="id ? id : null"\n   [attr.role]="role ? role : null"\n   [attr.aria-label]="ariaLabel ? ariaLabel : null"\n   [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n   [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n   [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n   [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n   [attr.aria-controls]="ariaControls ? ariaControls : null"\n   [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n   [attr.aria-live]="ariaLive ? ariaLive : null"\n   [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n   [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n   [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n   [attr.tabindex]="tabindex ? tabindex : null">\n  <ng-content></ng-content>\n</a>\n\n<a *ngIf="!hasContent"\n   [routerLink]="[]" [fragment]="fragment ? fragment : \'content\'"\n   [class]="getClassNames()"\n   [attr.id]="id ? id : null"\n   [attr.role]="role ? role : null"\n   [attr.aria-label]="ariaLabel ? ariaLabel : null"\n   [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n   [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n   [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n   [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n   [attr.aria-controls]="ariaControls ? ariaControls : null"\n   [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n   [attr.aria-live]="ariaLive ? ariaLive : null"\n   [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n   [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n   [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n   [attr.tabindex]="tabindex ? tabindex : null">\n  <ng-container *desyCustomInnerContent="{ html: html, text: text }"></ng-container>\n</a>\n'}]}],Ge.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},Ge.propDecorators={html:[{type:t.Input}],text:[{type:t.Input}],fragment:[{type:t.Input}],classes:[{type:t.Input}],id:[{type:t.Input}]};var Ue=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Ue.decorators=[{type:t.Component,args:[{selector:"desy-header-custom-navigation",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}];var Ze=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.overrideSkipLinkParams=function(e){e.id=e.id||"skip-link",e.text="Saltar al contenido principal"},t.prototype.overrideNavigationParams=function(e){e.idPrefix="header-nav-item",e.ariaLabel="Menú principal"},t}(C);Ze.decorators=[{type:t.Component,args:[{selector:"desy-header",template:'<header [ngClass]="classes"\n        [attr.role]="role ? role : null"\n        [attr.aria-label]="ariaLabel ? ariaLabel : null"\n        [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n        [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n        [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n        [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n        [attr.aria-controls]="ariaControls ? ariaControls : null"\n        [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n        [attr.aria-live]="ariaLive ? ariaLive : null"\n        [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n        [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n        [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n        [attr.tabindex]="tabindex ? tabindex : null">\n  <div [ngClass]="containerClasses">\n    <nav [attr.aria-labelledby]="skiplinkComponent ? skiplinkComponent.id : \'skip-link\'">\n      <ng-content select="desy-skip-link"></ng-content>\n      <desy-skip-link text="Saltar al contenido principal" [id]="\'skip-link\'"></desy-skip-link>\n    </nav>\n    <div class="bg-neutral-lighter border-b border-neutral-base">\n      <div class="container mx-auto px-base">\n        <div class="flex items-center justify-between min-h-14">\n          <div class="flex flex-wrap items-center">\n            <div class="flex items-center flex-shrink-0">\n              <a *ngIf="homepageRouterLink || !homepageUrl" [routerLink]="homepageRouterLink" [fragment]="homepageFragment" class="flex flex-wrap mr-4 text-black focus:outline-none focus:shadow-outline-black" title="Ir a la página de inicio">\n                <svg *ngIf="!noLogo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 32" width="144" height="32" [ngClass]="{\'sm:block\': expandedLogo}" class="fill-current hidden" aria-label="Gobierno de Aragón. Ir a la página de inicio" role="img"><defs><clipPath id="b-logo-expanded"><path fill="gold" d="M0 0h31.509v31.495H0z"/></clipPath><clipPath id="a-logo-expanded"><path d="M0 0h144v32H0z"/></clipPath></defs><g clip-path="url(#a-logo-expanded)"><path fill="gold" d="M0 .205h31.509V31.7H0z"/><g clip-path="url(#b-logo-expanded)" transform="translate(0 .205)"><g fill="#dd171b" fill-rule="evenodd"><path d="m31.509 6.048-7.568 1.515a14.545 14.545 0 0 1-7.905-1.025 15.04 15.04 0 0 0-5-1.817 12.536 12.536 0 0 0-3.535-.011l-5.051.9c-.8.156-1.639.3-2.453.434V.315A7.1 7.1 0 0 1 3.888.226a9.926 9.926 0 0 1 2.085.936 17.6 17.6 0 0 0 4.293 1.962 13.92 13.92 0 0 0 6.6-.034l4.728-.858 4.939-.892 4.97-1.024ZM6.602 24.229a14.592 14.592 0 0 1 9.555 1.014 12.178 12.178 0 0 0 8.307 1.5l7.044-1.271v5.706a8.247 8.247 0 0 1-3.008.256 6.4 6.4 0 0 1-1.594-.457l-3.657-1.917a12.217 12.217 0 0 0-7.092-.825L1.026 31.011 0 31.177v-5.706l1.26-.256 3.312-.613c.669-.123 1.371-.245 2.029-.379ZM-.003 15.077v-4.391l13.027-2.377a15.5 15.5 0 0 1 9.11 1.638 12.535 12.535 0 0 0 8.474.925l.9-.189v4.391l-2.874-1.639a12.286 12.286 0 0 0-6.835-1.014l-8.006 1.46c-.959.179-2.877.524-2.877.524l-7.292 1.349a5.152 5.152 0 0 1-3.627-.677ZM31.509 16.583v4.324L18.6 23.282a15.5 15.5 0 0 1-9.11-1.638 12.532 12.532 0 0 0-8.474-.925l-1.015.19v-4.324l2.988 1.572a12.291 12.291 0 0 0 6.835 1.014l8.006-1.46c.959-.178 2.877-.524 2.877-.524l7.292-1.349a5.142 5.142 0 0 1 3.51.745Z"/></g></g><path d="M38.2 28.807v-8.551h1.393c2.893 0 4.478 1.522 4.478 4.286 0 2.829-1.521 4.265-4.5 4.265Zm10.4-11.4v14.294h9.47v-2.893h-6.277v-3.257h6.214v-2.893h-6.214v-2.379h6.277v-2.871Zm21.751 0-5.206 14.294h3.385l1.542-4.35h4.371l1.521 4.35h3.45L74.1 17.407Zm1.885 2.956-1.328 4.223h2.679Zm42.341 4.03h-3.192v4.5a4.206 4.206 0 0 1-1.371.193 4.251 4.251 0 0 1-4.242-4.5 4.443 4.443 0 0 1 4.735-4.65 7.481 7.481 0 0 1 4.071 1.243v-3.257a11.674 11.674 0 0 0-4.349-.857c-4.628 0-7.841 3.107-7.841 7.564 0 4.393 3.149 7.372 7.841 7.372a12.977 12.977 0 0 0 4.349-.75Zm16.132.129a7.424 7.424 0 1 0-7.391 7.436 7.122 7.122 0 0 0 7.393-7.436Zm-7.456-4.458c-2.4 0-4.006 1.822-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.627-4.501-4.048-4.501Zm8.689-2.657v14.294h3.257v-9.108l5.762 9.108h3.021V17.407h-3.256v8.889l-5.532-8.889ZM46.922 7.33h-3.193v4.5a4.335 4.335 0 0 1-5.613-4.307 4.443 4.443 0 0 1 4.735-4.65 7.487 7.487 0 0 1 4.071 1.243V.859a11.674 11.674 0 0 0-4.35-.858c-4.628 0-7.841 3.107-7.841 7.565 0 4.393 3.15 7.371 7.841 7.371a12.99 12.99 0 0 0 4.35-.75Zm16.116.128a7.424 7.424 0 1 0-7.392 7.436 7.122 7.122 0 0 0 7.396-7.436Zm-7.456-4.457c-2.4 0-4.006 1.821-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.626-4.5-4.047-4.5ZM64.107.344v14.293h5.914c3.15 0 4.992-1.565 4.992-4.243a3.717 3.717 0 0 0-2.978-3.728 3.133 3.133 0 0 0 1.95-2.936c.021-2.272-1.521-3.386-4.606-3.386Zm4.757 5.336c1.393 0 1.95-.386 1.95-1.35 0-.921-.536-1.264-2.057-1.264h-1.393V5.68Zm.429 6.043c1.585 0 2.271-.493 2.271-1.651 0-1.2-.707-1.671-2.4-1.671h-1.8v3.322ZM78.879.344h-3.192v14.293h3.192Zm1.39 0v14.293h9.47v-2.893h-6.278V8.487h6.214V5.594h-6.214V3.216h6.278V.345Zm50.463 7.114a7.424 7.424 0 1 0-7.392 7.436 7.122 7.122 0 0 0 7.395-7.436Zm-7.456-4.457c-2.4 0-4.006 1.821-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.626-4.5-4.047-4.5ZM97.917 24.585l-1.35-4.223-1.328 4.223ZM83.249 31.7v-5.872h.407c2.057 0 2.271.214 3.642 3.75a7.159 7.159 0 0 0 .3.729l.278.664a6.4 6.4 0 0 0 .343.729h4.641l1.543-4.35h4.371l1.521 4.35h3.45l-5.314-14.294h-3.749L90.46 28.997c-.3-.622-.642-1.371-1.04-2.291a3.042 3.042 0 0 0-1.907-2.014 3.416 3.416 0 0 0 2.614-3.429c0-2.571-1.693-3.857-5.1-3.857H79.97V31.7Zm0-8.572h1.414c1.371 0 2.057-.493 2.057-1.521s-.622-1.478-2.014-1.478h-1.457Zm11.156-8.492V8.764h.407c2.057 0 2.271.214 3.642 3.75a6.982 6.982 0 0 0 .3.729l.278.665a6.37 6.37 0 0 0 .342.729h6.432l.018-9.169 5.745 9.169h3.021V.344h-3.256l.014 8.769-5.542-8.769h-3.257v13.3a29.76 29.76 0 0 1-1.975-4 3.043 3.043 0 0 0-1.907-2.014 3.415 3.415 0 0 0 2.614-3.428c0-2.572-1.693-3.857-5.1-3.857h-5.054v14.293Zm0-8.572h1.412c1.371 0 2.056-.493 2.056-1.521s-.621-1.478-2.013-1.478h-1.457Zm-59.44 11.342V31.7h4.778c4.842 0 7.692-2.657 7.692-7.158 0-4.479-2.914-7.136-7.863-7.136Z" fill="#161615" fill-rule="evenodd"/></g></svg>\n                <svg *ngIf="!noLogo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" [ngClass]="{\'sm:hidden\': expandedLogo}" class="w-8 h-8 fill-current" ><title>Ir a la página de inicio</title><defs><clipPath id="b-logo-mini"><path fill="gold" d="M0 0h32v32.001H0z"/></clipPath><clipPath id="a-logo-mini"><path d="M0 0h32v32H0z"/></clipPath></defs><g clip-path="url(#a-logo-mini)"><path fill="gold" d="M0 .305h32v32.001H0z"/><g clip-path="url(#b-logo-mini)" transform="translate(0 .305)"><g fill="#dd171b" fill-rule="evenodd"><path d="m31.997 6.145-7.686 1.539a14.764 14.764 0 0 1-8.028-1.042 15.267 15.267 0 0 0-5.073-1.846 12.725 12.725 0 0 0-3.59-.011l-5.13.918a94.41 94.41 0 0 1-2.491.442V.324a7.213 7.213 0 0 1 3.952-.09 10.087 10.087 0 0 1 2.118.951 17.859 17.859 0 0 0 4.36 1.993 14.13 14.13 0 0 0 6.7-.034l4.8-.872 5.016-.906 5.048-1.04ZM6.705 24.619a14.812 14.812 0 0 1 9.7 1.03 12.363 12.363 0 0 0 8.437 1.529l7.154-1.291v5.8a8.37 8.37 0 0 1-3.055.26 6.509 6.509 0 0 1-1.619-.464l-3.714-1.948a12.4 12.4 0 0 0-7.2-.838l-15.366 2.82L0 31.686v-5.8l1.28-.26 3.363-.623c.679-.125 1.393-.249 2.061-.385ZM-.003 15.32v-4.462l13.23-2.417a15.734 15.734 0 0 1 9.252 1.665 12.723 12.723 0 0 0 8.606.94l.914-.192v4.462L29.08 13.65a12.472 12.472 0 0 0-6.941-1.031l-8.131 1.483c-.974.182-2.921.532-2.921.532l-7.406 1.371a5.23 5.23 0 0 1-3.684-.685ZM31.997 16.851v4.393l-13.11 2.413a15.735 15.735 0 0 1-9.252-1.665 12.721 12.721 0 0 0-8.606-.94l-1.03.193v-4.394l3.035 1.6a12.476 12.476 0 0 0 6.941 1.03l8.13-1.483c.974-.182 2.922-.532 2.922-.532l7.406-1.371a5.219 5.219 0 0 1 3.564.756Z"/></g></g></g></svg>\n                <img [src]="customLogoHtml ? noLogo && customLogoHtml : \'\'">\n              </a>\n              <a *ngIf="!homepageRouterLink && homepageUrl" [href]="homepageUrl | externalHref" class="flex flex-wrap mr-4 text-black focus:outline-none focus:shadow-outline-black" title="Ir a la página de inicio">\n                <svg *ngIf="!noLogo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 32" width="144" height="32" [ngClass]="{\'sm:block\': expandedLogo}" class="fill-current hidden" aria-label="Gobierno de Aragón. Ir a la página de inicio" role="img"><defs><clipPath id="b-logo-expanded"><path fill="gold" d="M0 0h31.509v31.495H0z"/></clipPath><clipPath id="a-logo-expanded"><path d="M0 0h144v32H0z"/></clipPath></defs><g clip-path="url(#a-logo-expanded)"><path fill="gold" d="M0 .205h31.509V31.7H0z"/><g clip-path="url(#b-logo-expanded)" transform="translate(0 .205)"><g fill="#dd171b" fill-rule="evenodd"><path d="m31.509 6.048-7.568 1.515a14.545 14.545 0 0 1-7.905-1.025 15.04 15.04 0 0 0-5-1.817 12.536 12.536 0 0 0-3.535-.011l-5.051.9c-.8.156-1.639.3-2.453.434V.315A7.1 7.1 0 0 1 3.888.226a9.926 9.926 0 0 1 2.085.936 17.6 17.6 0 0 0 4.293 1.962 13.92 13.92 0 0 0 6.6-.034l4.728-.858 4.939-.892 4.97-1.024ZM6.602 24.229a14.592 14.592 0 0 1 9.555 1.014 12.178 12.178 0 0 0 8.307 1.5l7.044-1.271v5.706a8.247 8.247 0 0 1-3.008.256 6.4 6.4 0 0 1-1.594-.457l-3.657-1.917a12.217 12.217 0 0 0-7.092-.825L1.026 31.011 0 31.177v-5.706l1.26-.256 3.312-.613c.669-.123 1.371-.245 2.029-.379ZM-.003 15.077v-4.391l13.027-2.377a15.5 15.5 0 0 1 9.11 1.638 12.535 12.535 0 0 0 8.474.925l.9-.189v4.391l-2.874-1.639a12.286 12.286 0 0 0-6.835-1.014l-8.006 1.46c-.959.179-2.877.524-2.877.524l-7.292 1.349a5.152 5.152 0 0 1-3.627-.677ZM31.509 16.583v4.324L18.6 23.282a15.5 15.5 0 0 1-9.11-1.638 12.532 12.532 0 0 0-8.474-.925l-1.015.19v-4.324l2.988 1.572a12.291 12.291 0 0 0 6.835 1.014l8.006-1.46c.959-.178 2.877-.524 2.877-.524l7.292-1.349a5.142 5.142 0 0 1 3.51.745Z"/></g></g><path d="M38.2 28.807v-8.551h1.393c2.893 0 4.478 1.522 4.478 4.286 0 2.829-1.521 4.265-4.5 4.265Zm10.4-11.4v14.294h9.47v-2.893h-6.277v-3.257h6.214v-2.893h-6.214v-2.379h6.277v-2.871Zm21.751 0-5.206 14.294h3.385l1.542-4.35h4.371l1.521 4.35h3.45L74.1 17.407Zm1.885 2.956-1.328 4.223h2.679Zm42.341 4.03h-3.192v4.5a4.206 4.206 0 0 1-1.371.193 4.251 4.251 0 0 1-4.242-4.5 4.443 4.443 0 0 1 4.735-4.65 7.481 7.481 0 0 1 4.071 1.243v-3.257a11.674 11.674 0 0 0-4.349-.857c-4.628 0-7.841 3.107-7.841 7.564 0 4.393 3.149 7.372 7.841 7.372a12.977 12.977 0 0 0 4.349-.75Zm16.132.129a7.424 7.424 0 1 0-7.391 7.436 7.122 7.122 0 0 0 7.393-7.436Zm-7.456-4.458c-2.4 0-4.006 1.822-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.627-4.501-4.048-4.501Zm8.689-2.657v14.294h3.257v-9.108l5.762 9.108h3.021V17.407h-3.256v8.889l-5.532-8.889ZM46.922 7.33h-3.193v4.5a4.335 4.335 0 0 1-5.613-4.307 4.443 4.443 0 0 1 4.735-4.65 7.487 7.487 0 0 1 4.071 1.243V.859a11.674 11.674 0 0 0-4.35-.858c-4.628 0-7.841 3.107-7.841 7.565 0 4.393 3.15 7.371 7.841 7.371a12.99 12.99 0 0 0 4.35-.75Zm16.116.128a7.424 7.424 0 1 0-7.392 7.436 7.122 7.122 0 0 0 7.396-7.436Zm-7.456-4.457c-2.4 0-4.006 1.821-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.626-4.5-4.047-4.5ZM64.107.344v14.293h5.914c3.15 0 4.992-1.565 4.992-4.243a3.717 3.717 0 0 0-2.978-3.728 3.133 3.133 0 0 0 1.95-2.936c.021-2.272-1.521-3.386-4.606-3.386Zm4.757 5.336c1.393 0 1.95-.386 1.95-1.35 0-.921-.536-1.264-2.057-1.264h-1.393V5.68Zm.429 6.043c1.585 0 2.271-.493 2.271-1.651 0-1.2-.707-1.671-2.4-1.671h-1.8v3.322ZM78.879.344h-3.192v14.293h3.192Zm1.39 0v14.293h9.47v-2.893h-6.278V8.487h6.214V5.594h-6.214V3.216h6.278V.345Zm50.463 7.114a7.424 7.424 0 1 0-7.392 7.436 7.122 7.122 0 0 0 7.395-7.436Zm-7.456-4.457c-2.4 0-4.006 1.821-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.626-4.5-4.047-4.5ZM97.917 24.585l-1.35-4.223-1.328 4.223ZM83.249 31.7v-5.872h.407c2.057 0 2.271.214 3.642 3.75a7.159 7.159 0 0 0 .3.729l.278.664a6.4 6.4 0 0 0 .343.729h4.641l1.543-4.35h4.371l1.521 4.35h3.45l-5.314-14.294h-3.749L90.46 28.997c-.3-.622-.642-1.371-1.04-2.291a3.042 3.042 0 0 0-1.907-2.014 3.416 3.416 0 0 0 2.614-3.429c0-2.571-1.693-3.857-5.1-3.857H79.97V31.7Zm0-8.572h1.414c1.371 0 2.057-.493 2.057-1.521s-.622-1.478-2.014-1.478h-1.457Zm11.156-8.492V8.764h.407c2.057 0 2.271.214 3.642 3.75a6.982 6.982 0 0 0 .3.729l.278.665a6.37 6.37 0 0 0 .342.729h6.432l.018-9.169 5.745 9.169h3.021V.344h-3.256l.014 8.769-5.542-8.769h-3.257v13.3a29.76 29.76 0 0 1-1.975-4 3.043 3.043 0 0 0-1.907-2.014 3.415 3.415 0 0 0 2.614-3.428c0-2.572-1.693-3.857-5.1-3.857h-5.054v14.293Zm0-8.572h1.412c1.371 0 2.056-.493 2.056-1.521s-.621-1.478-2.013-1.478h-1.457Zm-59.44 11.342V31.7h4.778c4.842 0 7.692-2.657 7.692-7.158 0-4.479-2.914-7.136-7.863-7.136Z" fill="#161615" fill-rule="evenodd"/></g></svg>\n                <svg *ngIf="!noLogo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" [ngClass]="{\'sm:hidden\': expandedLogo}" class="w-8 h-8 fill-current" ><title>Ir a la página de inicio</title><defs><clipPath id="b-logo-mini"><path fill="gold" d="M0 0h32v32.001H0z"/></clipPath><clipPath id="a-logo-mini"><path d="M0 0h32v32H0z"/></clipPath></defs><g clip-path="url(#a-logo-mini)"><path fill="gold" d="M0 .305h32v32.001H0z"/><g clip-path="url(#b-logo-mini)" transform="translate(0 .305)"><g fill="#dd171b" fill-rule="evenodd"><path d="m31.997 6.145-7.686 1.539a14.764 14.764 0 0 1-8.028-1.042 15.267 15.267 0 0 0-5.073-1.846 12.725 12.725 0 0 0-3.59-.011l-5.13.918a94.41 94.41 0 0 1-2.491.442V.324a7.213 7.213 0 0 1 3.952-.09 10.087 10.087 0 0 1 2.118.951 17.859 17.859 0 0 0 4.36 1.993 14.13 14.13 0 0 0 6.7-.034l4.8-.872 5.016-.906 5.048-1.04ZM6.705 24.619a14.812 14.812 0 0 1 9.7 1.03 12.363 12.363 0 0 0 8.437 1.529l7.154-1.291v5.8a8.37 8.37 0 0 1-3.055.26 6.509 6.509 0 0 1-1.619-.464l-3.714-1.948a12.4 12.4 0 0 0-7.2-.838l-15.366 2.82L0 31.686v-5.8l1.28-.26 3.363-.623c.679-.125 1.393-.249 2.061-.385ZM-.003 15.32v-4.462l13.23-2.417a15.734 15.734 0 0 1 9.252 1.665 12.723 12.723 0 0 0 8.606.94l.914-.192v4.462L29.08 13.65a12.472 12.472 0 0 0-6.941-1.031l-8.131 1.483c-.974.182-2.921.532-2.921.532l-7.406 1.371a5.23 5.23 0 0 1-3.684-.685ZM31.997 16.851v4.393l-13.11 2.413a15.735 15.735 0 0 1-9.252-1.665 12.721 12.721 0 0 0-8.606-.94l-1.03.193v-4.394l3.035 1.6a12.476 12.476 0 0 0 6.941 1.03l8.13-1.483c.974-.182 2.922-.532 2.922-.532l7.406-1.371a5.219 5.219 0 0 1 3.564.756Z"/></g></g></g></svg>\n                <img [src]="customLogoHtml ? noLogo && customLogoHtml : \'\'">\n              </a>\n\n              <ng-content select="desy-header-subnav"></ng-content>\n              <desy-header-subnav *ngIf="!subnavComponent && subnavData && (subnavData.text || subnavData.html)"\n                                  [classes]="subnavData.classes"\n                                  [hiddenText]="subnavData.hiddenText"\n                                  [classesContainer]="subnavData.classesContainer"\n                                  [classesTooltip]="subnavData.classesTooltip"\n                                  [role]="subnavData.role"\n                                  [ariaLabel]="subnavData.ariaLabel"\n                                  [ariaDescribedBy]="subnavData.ariaDescribedBy"\n                                  [ariaLabelledBy]="subnavData.ariaLabelledBy"\n                                  [ariaHidden]="subnavData.ariaHidden"\n                                  [ariaDisabled]="subnavData.ariaDisabled"\n                                  [ariaControls]="subnavData.ariaControls"\n                                  [ariaCurrent]="subnavData.ariaCurrent"\n                                  [ariaLive]="subnavData.ariaLive"\n                                  [ariaExpanded]="subnavData.ariaExpanded"\n                                  [ariaErrorMessage]="subnavData.ariaErrorMessage"\n                                  [ariaHasPopup]="subnavData.ariaHasPopup"\n                                  [tabindex]="subnavData.tabindex">\n                <ng-container *desyCustomInnerContent="{ html: subnavData.html, text: subnavData.text }"></ng-container>\n                <desy-nav *ngIf="subnavData && subnavData.items && subnavData.items.length > 0"\n                          [hasNav]="true"\n                          [idPrefix]="\'header-subnav-nav-item\'"\n                          [classes]="\'w-max max-w-64\'"\n                          [items]="subnavData.items"\n                          [id]="\'id-subnav-nav\'"\n                          [ariaLabel]="\'Aplicaciones\'"></desy-nav>\n              </desy-header-subnav>\n            </div>\n\n            <ng-content select="desy-header-navigation"></ng-content>\n            <desy-header-navigation *ngIf="!navigationComponent && navigationData && navigationData.items && navigationData.items.length > 0"\n                                    [idPrefix]="\'header-nav-item\'"\n                                    [classes]="navigationData.classes"\n                                    [items]="navigationData.items"\n                                    [ariaLabel]="\'Menú principal\'"></desy-header-navigation>\n          </div>\n\n          <ng-container *desyCustomInnerContent="{ component: customNavigationComponent, html: customNavigationHtml }"></ng-container>\n\n          <ng-content select="desy-header-dropdown"></ng-content>\n          <ng-container *ngIf="!dropdownComponent && dropdownData && dropdownData.items && dropdownData.items.length > 0">\n            <desy-header-dropdown [classes]="dropdownData.classes"\n                                  [hiddenText]="dropdownData.hiddenText"\n                                  [classesContainer]="dropdownData.classesContainer"\n                                  [classesTooltip]="dropdownData.classesTooltip"\n                                  [role]="dropdownData.role"\n                                  [ariaLabel]="dropdownData.ariaLabel"\n                                  [ariaDescribedBy]="dropdownData.ariaDescribedBy"\n                                  [ariaLabelledBy]="dropdownData.ariaLabelledBy"\n                                  [ariaHidden]="dropdownData.ariaHidden"\n                                  [ariaDisabled]="dropdownData.ariaDisabled"\n                                  [ariaControls]="dropdownData.ariaControls"\n                                  [ariaCurrent]="dropdownData.ariaCurrent"\n                                  [ariaLive]="dropdownData.ariaLive"\n                                  [ariaExpanded]="dropdownData.ariaExpanded"\n                                  [ariaErrorMessage]="dropdownData.ariaErrorMessage"\n                                  [ariaHasPopup]="dropdownData.ariaHasPopup"\n                                  [tabindex]="dropdownData.tabindex">\n              <ng-container *desyCustomInnerContent="{ html: dropdownData.html, text: dropdownData.text }"></ng-container>\n              <desy-nav [hasNav]="true"\n                        [idPrefix]="\'header-dropdown-nav-item\'"\n                        [classes]="\'w-max max-w-64\'"\n                        [items]="dropdownData.items"\n                        [id]="\'id-dropdown-nav\'"\n                        [ariaLabel]="\'Menú de usuario\'"></desy-nav>\n            </desy-header-dropdown>\n          </ng-container>\n\n          <ng-content select="desy-header-offcanvas"></ng-content>\n          <ng-container *ngIf="!offcanvasComponent && offcanvasData">\n            <desy-header-offcanvas [classes]="offcanvasData.classes">\n              <desy-header-offcanvas-button>\n                <ng-container *desyCustomInnerContent="{ html: offcanvasData.html, text: offcanvasData.text }"></ng-container>\n              </desy-header-offcanvas-button>\n              <desy-header-offcanvas-close-button>{{ offcanvasData.textClose }}</desy-header-offcanvas-close-button>\n              <desy-content>\n                <ng-container *desyCustomInnerContent="{ template: offcanvasData.contentHtml }"></ng-container>\n              </desy-content>\n            </desy-header-offcanvas>\n          </ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n</header>\n'}]}],Ze.propDecorators={classes:[{type:t.Input}],containerClasses:[{type:t.Input}],homepageUrl:[{type:t.Input}],homepageRouterLink:[{type:t.Input}],homepageFragment:[{type:t.Input}],expandedLogo:[{type:t.Input}],noLogo:[{type:t.Input}],customLogoHtml:[{type:t.Input}],customNavigationHtml:[{type:t.Input}],subnavData:[{type:t.Input}],navigationData:[{type:t.Input}],dropdownData:[{type:t.Input}],offcanvasData:[{type:t.Input}],skiplinkComponent:[{type:t.ContentChildren,args:[Ge]}],subnavComponent:[{type:t.ContentChildren,args:[ze]}],customNavigationComponent:[{type:t.ContentChildren,args:[Ue]}],navigationComponent:[{type:t.ContentChildren,args:[Ne]}],dropdownComponent:[{type:t.ContentChildren,args:[$e]}],offcanvasComponent:[{type:t.ContentChildren,args:[Re]}]},m([P({onSetCallbackName:"overrideSkipLinkParams"})],Ze.prototype,"skiplinkComponent",void 0),m([P()],Ze.prototype,"subnavComponent",void 0),m([P()],Ze.prototype,"customNavigationComponent",void 0),m([P({onSetCallbackName:"overrideNavigationParams"})],Ze.prototype,"navigationComponent",void 0),m([P()],Ze.prototype,"dropdownComponent",void 0),m([P()],Ze.prototype,"offcanvasComponent",void 0);var je=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);je.decorators=[{type:t.Component,args:[{selector:"desy-footer-navigation-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],je.propDecorators={href:[{type:t.Input}],routerLink:[{type:t.Input}],fragment:[{type:t.Input}]};var qe=function(){};qe.decorators=[{type:t.Component,args:[{selector:"desy-footer-navigation",template:""}]}],qe.propDecorators={title:[{type:t.Input}],columns:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[je]}]};var We=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);We.decorators=[{type:t.Component,args:[{selector:"desy-footer-meta-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],We.propDecorators={href:[{type:t.Input}],routerLink:[{type:t.Input}],fragment:[{type:t.Input}]};var Ke=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Ke.decorators=[{type:t.Component,args:[{selector:"desy-footer-meta",template:""}]}],Ke.propDecorators={visuallyHiddenTitle:[{type:t.Input}],contentComponent:[{type:t.ContentChildren,args:[O]}],itemComponents:[{type:t.ContentChildren,args:[We]}]},m([P()],Ke.prototype,"contentComponent",void 0);var Ye=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.getNavigationItems=function(){var e=this.navigationComponent&&this.navigationComponent.length>0?this.navigationComponent.toArray():this.navigation;return e&&e.length>0?e:null},t.prototype.getNavigationItemItems=function(e){return e instanceof qe?e.itemComponents.toArray():e.items},t.prototype.getMetaItems=function(e){return e instanceof Ke?e.itemComponents.toArray():e.items},t.prototype.getMetaContent=function(e){return e instanceof Ke?e.contentComponent:null},t}(C);Ye.decorators=[{type:t.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ágina\')}}</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        \x3c!-- Description --\x3e\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ón</a>. Edificio\n              Pignatelli. <abbr title=”Paseo”>Pº</abbr> María Agustín, 36. 50004 - Zaragoza - <abbr title="Teléfono"\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ás información sobre los Fondos Estructurales y de Inversión 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ón Europea. Fondo Europeo de Desarrollo Regional (FEDER). Construyendo Europa desde Aragón."><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ÓN 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">“Construyendo Europa desde Aragón”</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'}]}],Ye.propDecorators={meta:[{type:t.Input}],navigation:[{type:t.Input}],icon:[{type:t.Input}],containerClasses:[{type:t.Input}],classes:[{type:t.Input}],description:[{type:t.Input}],noLogo:[{type:t.Input}],iconComponent:[{type:t.ContentChildren,args:[R]}],metaComponent:[{type:t.ContentChildren,args:[Ke]}],descriptionComponent:[{type:t.ContentChildren,args:[A]}],navigationComponent:[{type:t.ContentChildren,args:[qe]}]},m([P()],Ye.prototype,"iconComponent",void 0),m([P()],Ye.prototype,"metaComponent",void 0),m([P()],Ye.prototype,"descriptionComponent",void 0);var Xe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Xe.decorators=[{type:t.Component,args:[{selector:"desy-error-summary-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Xe.propDecorators={fragment:[{type:t.Input}],id:[{type:t.Input}]};var Qe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.getErrorItemList=function(){var e;e=this.errorComponentList&&this.errorComponentList.length>0?this.errorComponentList.toArray():this.errorList?this.errorList:null;this.lastErrorItemCount;return this.lastErrorItemCount=e?e.length:null,e},t}(C);Qe.decorators=[{type:t.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'}]}],Qe.propDecorators={titleText:[{type:t.Input}],titleHtml:[{type:t.Input}],descriptionText:[{type:t.Input}],descriptionHtml:[{type:t.Input}],classes:[{type:t.Input}],id:[{type:t.Input}],errorList:[{type:t.Input}],titleComponent:[{type:t.ContentChildren,args:[F]}],descriptionComponent:[{type:t.ContentChildren,args:[A]}],errorComponentList:[{type:t.ContentChildren,args:[Xe]}]},m([P()],Qe.prototype,"titleComponent",void 0),m([P()],Qe.prototype,"descriptionComponent",void 0);var Je=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.clickEvent=new t.EventEmitter,a.activeChange=new t.EventEmitter,a}return u(a,e),a}(v);Je.decorators=[{type:t.Component,args:[{selector:"desy-menu-horizontal-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Je.propDecorators={href:[{type:t.Input}],routerLink:[{type:t.Input}],fragment:[{type:t.Input}],target:[{type:t.Input}],id:[{type:t.Input}],active:[{type:t.Input}],disabled:[{type:t.Input}],classes:[{type:t.Input}],clickEvent:[{type:t.Output}],activeChange:[{type:t.Output}]};var et=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.clickEvent=new t.EventEmitter,a}return u(a,e),a.prototype.onClick=function(e,t){var a=[];t.active||a.push(t),this.getItemList().forEach((function(e){e.active&&e!==t&&a.push(e),e.active=!1})),t.active=!0,a.forEach((function(e){e instanceof Je&&e.activeChange.emit(e.active)})),this.clickEvent.emit({item:t,event:e}),t instanceof Je&&t.clickEvent.emit({item:t,event:e})},a.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:"menu-item"},a.prototype.getItemList=function(){return this.itemComponents&&this.itemComponents.length>0?this.itemComponents.toArray():this.items},a.prototype.getItemId=function(e,t){return e.id?e.id:0===t?this.getIdPrefix():this.getIdPrefix()+"-"+t},a}(C);et.decorators=[{type:t.Component,args:[{selector:"desy-menu-horizontal",template:'\x3c!-- menu-horizontal --\x3e\n<nav [class]="[\'c-menu-horizontal\', classes] | makeHtmlList"\n     [attr.id]="id ? id : null"\n     [attr.role]="role ? role : null"\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n     [attr.aria-live]="ariaLive ? ariaLive : null"\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n     [attr.tabindex]="tabindex ? tabindex : null">\n  <ul class="c-menu-horizontal__list lg:flex lg:flex-wrap">\n    <ng-container *ngFor="let item of getItemList(); index as i">\n      <li *ngIf="item">\n        <span *ngIf="item.active; else elseBlock" [attr.id]="getItemId(item, i)"\n              [class]="[\'c-menu-horizontal__active flex items-center relative py-sm lg:px-lg lg:py-base border border-transparent truncate font-semibold\', item.classes] | makeHtmlList"\n              [attr.title]="item.title ? item.title : null"\n              [attr.role]="item.role ? item.role : null"\n              aria-current="page"\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-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          <strong>\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n          </strong>\n        </span>\n        <ng-template #elseBlock>\n          <a *ngIf="item.routerLink && !item.href" (click)="onClick($event, item)"\n             [attr.id]="getItemId(item, i)"\n             [routerLink]="item.routerLink"\n             [fragment]="item.fragment"\n             [class]="[\'c-menu-horizontal__link relative flex items-center py-sm lg:px-lg lg:py-base border border-transparent text-black hover:text-primary-base underline truncate focus:outline-none\', item.classes] | makeHtmlList"\n             [ngClass]="{\'no-underline pointer-events-none\': item.disabled}"\n             [attr.disabled]="item.disabled ? \'disabled\' : null"\n             [attr.aria-disabled]="item.disabled ? item.disabled : null"\n             [attr.tabindex]="item.disabled ? -1 : item.tabindex"\n             [attr.title]="item.title ? item.title : null"\n             [attr.role]="item.role ? item.role : null"\n             [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\n             [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\n             [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\n             [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\n             [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\n             [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\n             [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\n             [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\n             [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\n             [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null">\n             <span class="flex items-center pointer-events-none">\n               <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n             </span>\n          </a>\n          <a *ngIf="!item.routerLink && item.href" (click)="onClick($event, item)"\n             [attr.id]="getItemId(item, i)"\n             [href]="item.href | externalHref"\n             [target]="item.target"\n             [class]="[\'c-menu-horizontal__link relative flex items-center py-sm lg:px-lg lg:py-base border border-transparent text-black hover:text-primary-base underline truncate focus:outline-none\', item.classes] | makeHtmlList"\n             [ngClass]="{\'no-underline pointer-events-none\': item.disabled}"\n             [attr.disabled]="item.disabled ? \'disabled\' : null"\n             [attr.aria-disabled]="item.disabled ? item.disabled : null"\n             [attr.tabindex]="item.disabled ? -1 : item.tabindex"\n             [attr.title]="item.title ? item.title : null"\n             [attr.role]="item.role ? item.role : null"\n             [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\n             [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\n             [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\n             [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\n             [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\n             [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\n             [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\n             [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\n             [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\n             [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null">\n             <span class="flex items-center pointer-events-none">\n               <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n             </span>\n          </a>\n        </ng-template>\n      </li>\n    </ng-container>\n  </ul>\n</nav>\n\x3c!-- /menu-horizontal --\x3e\n'}]}],et.propDecorators={id:[{type:t.Input}],idPrefix:[{type:t.Input}],classes:[{type:t.Input}],items:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[Je]}],clickEvent:[{type:t.Output}]};var tt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);tt.decorators=[{type:t.Component,args:[{selector:"desy-menu-vertical-item-sub-item",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],tt.propDecorators={id:[{type:t.Input}],classes:[{type:t.Input}],href:[{type:t.Input}],routerLink:[{type:t.Input}],routerLinkActiveClasses:[{type:t.Input}],fragment:[{type:t.Input}],target:[{type:t.Input}],disabled:[{type:t.Input}],active:[{type:t.Input}],divider:[{type:t.Input}],title:[{type:t.Input}]};var at=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);at.decorators=[{type:t.Component,args:[{selector:"desy-menu-vertical-item-sub",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],at.propDecorators={classes:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[tt]}]};var nt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);nt.decorators=[{type:t.Component,args:[{selector:"desy-menu-vertical-item",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],nt.propDecorators={id:[{type:t.Input}],classes:[{type:t.Input}],href:[{type:t.Input}],routerLink:[{type:t.Input}],routerLinkActiveClasses:[{type:t.Input}],fragment:[{type:t.Input}],target:[{type:t.Input}],disabled:[{type:t.Input}],active:[{type:t.Input}],divider:[{type:t.Input}],title:[{type:t.Input}],expanded:[{type:t.Input}],subComponent:[{type:t.ContentChildren,args:[at]}]},m([P()],nt.prototype,"subComponent",void 0);var rt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.getItemHtml=function(e){return e.active?e.html?"<strong>"+e.html+"</strong>":"<strong>"+k.escapeHtml(e.text)+"</strong>":e.html},t.prototype.getId=function(e,t){if(e.id)return e.id;var a=this.idPrefix?this.idPrefix:"nav-item";return 0===t?a+"-0":a+"-"+t},t.prototype.getSubItemId=function(e,t,a){var n,r=this.getItemSub(e),i=this.getSubItems(r)[a];if(i)if(i.id)n=i.id;else{var s=this.getId(e,t);n=0===a?"sub-"+s:"sub-"+s+"-"+a}return n},t.prototype.getItems=function(){return this.itemComponents&&this.itemComponents.length>0?this.itemComponents.toArray():this.items},t.prototype.getItemSub=function(e){return e instanceof nt?e.subComponent:e.sub},t.prototype.getSubItems=function(e){var t=e instanceof at?e.itemComponents.toArray():e.items;return t&&t.length>0?t:null},t}(C);rt.decorators=[{type:t.Component,args:[{selector:"desy-menu-vertical",template:'\x3c!--\n  Template para ser utilizado tanto por los items como por los subitems:\n  - item: Item que representa\n  - index: indice del item en la lista\n  - id: identificador del item\n  - isRoot: si pertenece al nivel raiz\n--\x3e\n<ng-template #itemTemplate let-item="item" let-index="index" let-id="id" let-sub="sub" let-isRoot="isRoot">\n  <ng-container *ngIf="item">\n    <li class="m-base" [ngClass]="{\'origin-top-left text-sm\': !isRoot}">\n      <ng-container *ngIf="item.href || item.routerLink; else notHref">\n        <a *ngIf="item.href; else hasRouterLink" [attr.id]="id"\n           [href]="item.href | externalHref"\n           [class]="[\'block px-xs focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\n           [ngClass]="{\n            \'underline\': hasUnderline,\n            \'hover:text-primary-base hover:underline\': !item.disabled,\n            \'no-underline pointer-events-none\': item.disabled,\n            \'font-bold\': item.active\n           }"\n           [attr.title]="item.title"\n           [attr.tabindex]="item.disabled ? -1 : null"\n           [attr.target]="item.target ? item.target : null"\n           [attr.aria-current]="item.active ? \'page\' : null"\n           [attr.aria-disabled]="item.disabled"\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-controls]="item.ariaControls"\n           [attr.aria-live]="item.ariaLive"\n           [attr.aria-expanded]="item.ariaExpanded"\n           [attr.aria-haspopup]="item.ariaHasPopup"\n           [attr.disabled]="item.disabled">\n          <ng-container *desyCustomInnerContent="{ component: item, html: getItemHtml(item), text: item.text }"></ng-container>\n        </a>\n        <ng-template #hasRouterLink>\n          \x3c!-- Todos los enlaces que admiten o href o routerLink estaría bien unificarlos (en todos los componentes).\n                Para ello, sería necesario crear una directiva para añadir o quitar la directiva routerLink si no tiene href.\n                Sin embargo, esto no es posible actualmente, ya que Angular todavía no permite añadir directivas dinámicamente:\n                https://angular.io/guide/roadmap#support-adding-directives-to-host-elements --\x3e\n          <a [attr.id]="id"\n             [routerLink]="item.routerLink" [fragment]="item.fragment ? item.fragment : null"\n             [routerLinkActive]="item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []"\n             [class]="[\'block px-xs focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\n             [ngClass]="{\n              \'underline\': hasUnderline,\n              \'hover:text-primary-base hover:underline\': !item.disabled,\n              \'no-underline pointer-events-none\': item.disabled,\n              \'font-bold\': item.active\n             }"\n             [attr.title]="item.title"\n             [attr.tabindex]="item.disabled ? -1 : null"\n             [attr.target]="item.target ? item.target : null"\n             [attr.aria-current]="item.active ? \'page\' : null"\n             [attr.aria-disabled]="item.disabled"\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-controls]="item.ariaControls"\n             [attr.aria-live]="item.ariaLive"\n             [attr.aria-expanded]="item.ariaExpanded"\n             [attr.aria-haspopup]="item.ariaHasPopup"\n             [attr.disabled]="item.disabled">\n            <ng-container *desyCustomInnerContent="{ component: item, html: getItemHtml(item), text: item.text }"></ng-container>\n          </a>\n        </ng-template>\n      </ng-container>\n      <ng-template #notHref>\n            <span [attr.id]="id"\n                  [class]="[\'block px-xs\', item.classes] | makeHtmlList"\n                  [ngClass]="{\'font-bold\': item.active}"\n\n                  [attr.title]="item.title"\n                  [attr.tabindex]="item.disabled ? -1 : null"\n                  [attr.aria-current]="item.active ? \'page\' : null"\n                  [attr.aria-disabled]="item.disabled"\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-controls]="item.ariaControls"\n                  [attr.aria-live]="item.ariaLive"\n                  [attr.aria-expanded]="item.ariaExpanded"\n                  [attr.aria-haspopup]="item.ariaHasPopup"\n                  [attr.disabled]="item.disabled">\n              <ng-container *desyCustomInnerContent="{ component: item, html: getItemHtml(item), text: item.text }"></ng-container>\n            </span>\n      </ng-template>\n      <ng-container *ngIf="isRoot && sub">\n        <ul *ngIf="getSubItems(sub)" [ngClass]="sub.classes"\n            [attr.aria-describedby]="sub.ariaDescribedBy"\n            [attr.aria-errormessage]="sub.ariaErrorMessage"\n            [attr.aria-label]="sub.ariaLabel"\n            [attr.aria-labelledby]="sub.ariaLabelledBy"\n            [attr.aria-hidden]="sub.ariaHidden"\n            [attr.aria-disabled]="sub.ariaDisabled"\n            [attr.aria-controls]="sub.ariaControls"\n            [attr.aria-current]="sub.ariaCurrent"\n            [attr.aria-live]="sub.ariaLive"\n            [attr.aria-expanded]="sub.ariaExpanded"\n            [attr.aria-haspopup]="sub.ariaHasPopup"\n            [attr.tabindex]="sub.tabindex">\n          <ng-container *ngFor="let subItem of getSubItems(sub); index as subIndex">\n            <ng-container [ngTemplateOutlet]="itemTemplate"\n                          [ngTemplateOutletContext]="{\n                           item: subItem,\n                           id: getSubItemId(item, index, subIndex),\n                           index: subIndex,\n                           isRoot: false\n                          }">\n            </ng-container>\n          </ng-container>\n        </ul>\n        <div *ngIf="!getSubItems(sub)"\n             [class]="[\'mb-base px-xs origin-top-left text-sm text-neutral-dark\', sub.classes] | makeHtmlList"\n             [id]="\'sub-\' + id">\n          <ng-container *desyCustomInnerContent="{ component: sub, html: sub.html }"></ng-container>\n        </div>\n      </ng-container>\n    </li>\n    <li *ngIf="item.divider" class="my-sm border-b border-neutral-base" aria-hidden="true">\n      <div class="sr-only">Separador</div>\n    </li>\n  </ng-container>\n</ng-template>\n\n<nav [ngClass]="classes"\n     [attr.role]="(role ? role : null)"\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  <ul class="text-base">\n    <ng-container *ngFor="let item of getItems(); index as index">\n      <ng-container [ngTemplateOutlet]="itemTemplate"\n                    [ngTemplateOutletContext]="{  item: item, id: getId(item, index), index: index, sub: getItemSub(item), isRoot: true }">\n      </ng-container>\n    </ng-container>\n  </ul>\n</nav>\n',animations:[n.trigger("displayMenuVertical",[n.state("void",n.style({opacity:"0.0",transform:"scale(0.95)"})),n.state("*",n.style({opacity:"1.0",transform:"scale(1.0)"})),n.transition(":enter",[n.animate("100ms ease-out")])])]}]}],rt.propDecorators={id:[{type:t.Input}],idPrefix:[{type:t.Input}],items:[{type:t.Input}],hasUnderline:[{type:t.Input}],classes:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[nt]}]};var it=function(){function e(e){this.elementRef=e,this.contentChanged=new t.EventEmitter,this.contentHasBeenChecked=!1}return e.prototype.ngAfterContentChecked=function(){var e=this;this.popupMenu===this.lastPopupMenu&&this.popupMenuItems===this.lastPopupMenuItems&&this.link===this.lastLink&&this.itemContentWrapper===this.lastItemContentWrapper||(setTimeout((function(){return e.contentChanged.emit()})),this.lastPopupMenu=this.popupMenu,this.lastPopupMenuItems=this.popupMenuItems,this.lastLink=this.link,this.lastItemContentWrapper=this.itemContentWrapper),this.contentHasBeenChecked||setTimeout((function(){return e.contentHasBeenChecked=!0}))},e}();it.decorators=[{type:t.Directive,args:[{selector:"[desyMenubaritem]"}]}],it.ctorParameters=function(){return[{type:t.ElementRef}]},it.propDecorators={link:[{type:t.ContentChild,args:["link",{read:t.ElementRef}]}],itemContentWrapper:[{type:t.ContentChild,args:["itemContentWrapper",{read:t.ElementRef}]}],popupMenu:[{type:t.ContentChild,args:["popupMenu",{read:t.ElementRef}]}],popupMenuItems:[{type:t.ContentChildren,args:["popupMenuItem",{read:t.ElementRef,descendants:!0}]}],contentChanged:[{type:t.Output}]};var st=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.selected=new t.EventEmitter,a.checkedChange=new t.EventEmitter,a}return u(a,e),a}(v);st.decorators=[{type:t.Component,args:[{selector:"desy-menubar-subsubitem",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],st.propDecorators={html:[{type:t.Input}],text:[{type:t.Input}],checked:[{type:t.Input}],selected:[{type:t.Output}],checkedChange:[{type:t.Output}]};var ot=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.selected=new t.EventEmitter,a.checkedChange=new t.EventEmitter,a}return u(a,e),a.prototype.getSubItems=function(){return this.subItems.toArray()},a}(v);ot.decorators=[{type:t.Component,args:[{selector:"desy-menubar-subitem",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],ot.propDecorators={text:[{type:t.Input}],html:[{type:t.Input}],checked:[{type:t.Input}],items:[{type:t.Input}],selected:[{type:t.Output}],checkedChange:[{type:t.Output}],subItems:[{type:t.ContentChildren,args:[st]}]};var lt=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.selected=new t.EventEmitter,a}return u(a,e),a.prototype.getSubItems=function(){return this.subItems.toArray()},a}(v);lt.decorators=[{type:t.Component,args:[{selector:"desy-menubar-item",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],lt.propDecorators={href:[{type:t.Input}],target:[{type:t.Input}],routerLink:[{type:t.Input}],routerLinkActiveClasses:[{type:t.Input}],fragment:[{type:t.Input}],text:[{type:t.Input}],html:[{type:t.Input}],id:[{type:t.Input}],sub:[{type:t.Input}],classes:[{type:t.Input}],title:[{type:t.Input}],disabled:[{type:t.Input}],active:[{type:t.Input}],selected:[{type:t.Output}],subItems:[{type:t.ContentChildren,args:[ot]}]};var dt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);dt.decorators=[{type:t.Component,args:[{selector:"desy-menubar-label",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],dt.propDecorators={classes:[{type:t.Input}]};var pt=function(e){function a(a){var n=e.call(this)||this;return n.changeDetectorRef=a,n.itemsChange=new t.EventEmitter,n.activeItemChange=new t.EventEmitter,n.activeSubItemChange=new t.EventEmitter,n.cfg=!0,n.viewInit=!1,n.currentFocusItemIndex=0,n}return u(a,e),a.prototype.ngOnChanges=function(e){this.roleData=this.role?this.role:null,this.ariaLabelData=this.ariaLabel?this.ariaLabel:null,this.ariaDescribedbyData=this.ariaDescribedBy?this.ariaDescribedBy:null,this.ariaLabelledbyData=this.ariaLabelledBy?this.ariaLabelledBy:null,this.ariaHiddenData=this.ariaHidden?this.ariaHidden:null,this.ariaDisabledData=this.ariaDisabled?this.ariaDisabled:null,this.ariaControlsData=this.ariaControls?this.ariaControls:null,this.ariaCurrentData=this.ariaCurrent?this.ariaCurrent:null,this.ariaLiveData=this.ariaLive?this.ariaLive:null,this.ariaExpandedData=this.ariaExpanded?this.ariaExpanded:null,this.ariaErrormessageData=this.ariaErrorMessage?this.ariaErrorMessage:null,this.ariaHaspopupData=this.ariaHasPopup?this.ariaHasPopup:null,this.ariaModalData=this.ariaModal?this.ariaModal:null,this.viewInit&&this.checkChanges()},a.prototype.ngAfterViewInit=function(){this.viewInit=!0,this.checkChanges()},a.prototype.checkChanges=function(){var e=this;if(this.menuItems){this.menuData=[],this.getItems().forEach((function(t,a){var n={open:!1,currentFocusSubItemIndex:0,currentFocusSubSubItemIndex:0,menuItem:e.menuItems.toArray()[a]};e.menuData.push(n)})),this.viewInit&&this.checkRequired();var t=this.currentFocusItemIndex,a=this.getItems();if(a)for(;!this.isItemFocusable(this.currentFocusItemIndex%a.length)&&(this.currentFocusItemIndex=(this.currentFocusItemIndex+a.length+1)%a.length,this.currentFocusItemIndex!==t););}},a.prototype.handleMenuFocusIn=function(){this.isFocused=!0,this.changeDetectorRef.detectChanges()},a.prototype.handleMenuFocusOut=function(e){this.menubar.nativeElement.contains(e.relatedTarget)||this.closeMenu(),this.isFocused=!1,this.changeDetectorRef.detectChanges()},a.prototype.handleMenuItemClick=function(e,t){if(this.hasPopupMenu(t)){e.preventDefault();var a=this.menuData[t].open;this.closeMenu(),a||this.openMenu(t)}else this.activateMenuItem(t)},a.prototype.handleMenuItemKeydown=function(e,t){var a=this;switch(e.key){case"Enter":case" ":case"ArrowDown":this.hasPopupMenu(t)&&(this.openMenu(t),setTimeout((function(){return a.focusFirstSubItem(t)})),e.stopPropagation(),e.preventDefault());break;case"Escape":this.hasPopupMenu(t)&&this.closeMenu(t),e.stopPropagation(),e.preventDefault();break;case"ArrowLeft":this.focusNextAvailableItem(t,-1),e.stopPropagation(),e.preventDefault();break;case"ArrowRight":this.focusNextAvailableItem(t,1),e.stopPropagation(),e.preventDefault();break;case"ArrowUp":this.hasPopupMenu(t)&&(this.openMenu(t),setTimeout((function(){return a.focusLastSubItem(t)}))),e.stopPropagation(),e.preventDefault();break;case"Home":case"PageUp":this.hasPopupMenu(t)&&this.closeMenu(),this.focusFirstItem(),e.stopPropagation(),e.preventDefault();break;case"End":case"PageDown":this.hasPopupMenu(t)&&this.closeMenu(),this.focusLastItem(),e.stopPropagation(),e.preventDefault();break;default:this.isPrintableChar(e.key)&&(this.focusItemByFirstChar(e.key),e.stopPropagation(),e.preventDefault())}},a.prototype.handleMenuItemMouseOver=function(e){this.focusItem(e,!0)},a.prototype.handlePopupMenuItemClick=function(e,t,a){this.activatePopupMenuItem(e,t,a),this.focusItem(e),this.closeMenu(e)},a.prototype.handlePopupMenuItemKeydown=function(e,t,a,n){var r=this.menuData[t].currentFocusSubItemIndex,i=this.menuData[t].currentFocusSubSubItemIndex,s=this.getItems();switch(e.key){case" ":this.activatePopupMenuItem(t,a,n),this.mustCloseAfterSelectPopupItem(t,a,n)&&(this.closeMenu(t),this.focusItem(t)),e.stopPropagation(),e.preventDefault();break;case"Enter":this.activatePopupMenuItem(t,a,n),this.closeMenu(t),this.focusItem(t),e.stopPropagation(),e.preventDefault();break;case"Escape":this.closeMenu(t),this.focusItem(t),e.stopPropagation(),e.preventDefault();break;case"ArrowUp":this.focusNextAvailableSubItem(t,r,i,-1),e.stopPropagation(),e.preventDefault();break;case"ArrowDown":this.focusNextAvailableSubItem(t,r,i,1),e.stopPropagation(),e.preventDefault();break;case"ArrowLeft":this.closeMenu(t),this.focusItem((t+s.length-1)%s.length),e.stopPropagation(),e.preventDefault();break;case"ArrowRight":this.closeMenu(t),this.focusItem((t+s.length+1)%s.length),e.stopPropagation(),e.preventDefault();break;case"Home":case"PageUp":this.focusFirstSubItem(t),e.stopPropagation(),e.preventDefault();break;case"End":case"PageDown":this.focusLastSubItem(t),e.stopPropagation(),e.preventDefault();break;case"Tab":this.closeMenu(t),this.focusItem(t);break;default:this.isPrintableChar(e.key)&&(this.focusSubItemByFirstChar(t,e.key),e.stopPropagation(),e.preventDefault())}},a.prototype.handlePopupMenuItemMouseOver=function(e,t,a){this.focusSubItem(e,t,a)},a.prototype.checkRequired=function(){this.getItems()},a.prototype.activateMenuItem=function(e){var t=this.getItems();this.activeItemChange.emit(t[e]),t[e]instanceof lt&&t[e].selected.emit()},a.prototype.activatePopupMenuItem=function(e,t,a){var n=this.getItems(),r=this.getItemSubitems(n[e])[t],i=[];null!=a&&(r=(i=this.getSubItemSubitems(r))[a]);var s=!1;"menuitemcheckbox"===r.role?(r.checked=!r.checked,s=!0):"menuitemradio"===r.role&&(s=!r.checked,i.forEach((function(e){return e.checked=!1})),r.checked=!0),this.itemsChange.emit(n),this.activeSubItemChange.emit(r),(r instanceof ot||r instanceof st)&&(r.selected.emit(),s&&r.checkedChange.emit(r.checked))},a.prototype.mustCloseAfterSelectPopupItem=function(e,t,a){var n=this.getItems(),r=this.getItemSubitems(n[e])[t];null!=a&&(r=this.getSubItemSubitems(r)[a]);return"menuitemcheckbox"!==r.role&&"menuitemradio"!==r.role},a.prototype.openMenu=function(e){var t=this.menuData[e].open;this.menuData[e].open=!0,t&&this.activateMenuItem(e)},a.prototype.closeMenu=function(e){null!=e?this.menuData[e].open=!1:this.menuData.forEach((function(e){return e.open=!1}))},a.prototype.hasPopupMenu=function(e){var t=this.getItems(),a=this.getItemSubitems(t[e]);return t[e].sub&&a&&a.length>0},a.prototype.isPrintableChar=function(e){return 1===e.length&&!!e.match(/\S/)},a.prototype.getMenuDataIndex=function(e,t,a){for(var n=0,r=this.getItems(),i=this.getItemSubitems(r[e]),s=0;s<t;s++){var o=i[s],l=this.getSubItemSubitems(o);n+=l&&l.length>0?l.length:1}return null!=a&&(n+=a),n},a.prototype.focusItem=function(e,t){var a=this.menubar.nativeElement.contains(document.activeElement),n=this.menuData[this.currentFocusItemIndex].open;t&&!a||this.menuData[e].menuItem.link.nativeElement.focus(),this.closeMenu(),n&&this.hasPopupMenu(e)&&this.openMenu(e),this.currentFocusItemIndex=e},a.prototype.focusNextAvailableItem=function(e,t){var a=e,n=this.getItems();do{a=(a+n.length+t)%n.length}while(!this.isItemFocusable(a)&&a!==e);a!==e&&this.focusItem(a)},a.prototype.focusFirstItem=function(){this.isItemFocusable(0)?this.focusItem(0):this.focusNextAvailableItem(0,1)},a.prototype.focusLastItem=function(){var e=this.getItems();this.isItemFocusable(e.length-1)?this.focusItem(e.length-1):this.focusNextAvailableItem(e.length-1,-1)},a.prototype.isItemFocusable=function(e){return!this.getItems()[e].disabled},a.prototype.focusItemByFirstChar=function(e){var t=this.menuItems.map((function(e){return e.itemContentWrapper.nativeElement.textContent})),a=this.currentFocusItemIndex,n=-1;do{t[a=(a+t.length+1)%t.length]&&t[a].trim().substr(0,1).toLowerCase()===e.toLowerCase()&&this.isItemFocusable(a)&&(n=a)}while(-1===n&&a!==this.currentFocusItemIndex);n>=0&&this.focusItem(n)},a.prototype.focusSubItem=function(e,t,a){if(this.menuData[e].menuItem.popupMenuItems.length>0){var n=this.getMenuDataIndex(e,t,a);this.menuData[e].currentFocusSubItemIndex=t,this.menuData[e].currentFocusSubSubItemIndex=a;var r=this.menuData[e].menuItem.popupMenuItems.toArray()[n].nativeElement;r?r.focus():console.error("No subitem to focus")}else console.error("No subitems")},a.prototype.focusNextAvailableSubItem=function(e,t,a,n){var r,i=t,s=a,o=this.getItems();do{var l=this.getNextSubItemIndexes(o,e,i,s,n);i=l.subIndex,s=l.subSubIndex,r=t===i&&a===s}while(!this.isSubItemFocusable(e,i,s)&&!r);r||this.focusSubItem(e,i,s)},a.prototype.focusFirstSubItem=function(e){var t=null,a=this.getItems(),n=this.getItemSubitems(a[e]),r=this.getSubItemSubitems(n[0]);r&&r.length>0&&(t=0),this.isSubItemFocusable(e,0,t)?this.focusSubItem(e,0,t):this.focusNextAvailableSubItem(e,0,t,1)},a.prototype.focusLastSubItem=function(e){var t=this.getItems(),a=this.getItemSubitems(t[e]),n=a.length-1,r=a[n],i=this.getSubItemSubitems(r),s=null;i&&i.length>0&&(s=i.length-1),this.isSubItemFocusable(e,n,s)?this.focusSubItem(e,n,s):this.focusNextAvailableSubItem(e,n,s,-1)},a.prototype.isSubItemFocusable=function(e,t,a){var n=this.getItems(),r=this.getItemSubitems(n[e])[t];null!=a&&(r=this.getSubItemSubitems(r)[a]);var i=!1;return"separator"!==r.role&&"none"!==r.role&&(i=!0),i},a.prototype.focusSubItemByFirstChar=function(e,t){var a=this.menuItems.toArray()[e].popupMenuItems.map((function(e){return e.nativeElement.textContent})),n=this.menuData[e].currentFocusSubItemIndex,r=this.menuData[e].currentFocusSubSubItemIndex,i=-1,s=null,o=!1,l=this.getItems();do{var d=this.getNextSubItemIndexes(l,e,n,r,1);n=d.subIndex,r=d.subSubIndex;var p=this.getMenuDataIndex(e,n,r);a[p]&&a[p].trim().substr(0,1).toLowerCase()===t.toLowerCase()&&this.isSubItemFocusable(e,n,r)&&(i=n,s=r),o=this.menuData[e].currentFocusSubItemIndex===n&&this.menuData[e].currentFocusSubSubItemIndex===r}while(-1===i&&!o);i>=0&&this.focusSubItem(e,i,s)},a.prototype.getItems=function(){return this.itemComponentList&&this.itemComponentList.length>0?this.itemComponentList.toArray():this.items},a.prototype.getItemSubitems=function(e){var t=[];return e instanceof lt&&(t=e.getSubItems()),t&&0!==t.length||(t=e.sub?e.sub.items:[]),t},a.prototype.getSubItemSubitems=function(e){var t=[];return"group"===e.role&&(e instanceof ot&&(t=e.getSubItems()),t&&0!==t.length||(t=e.items?e.items:[])),t},a.prototype.getNextSubItemIndexes=function(e,t,a,n,r){var i=this.getItemSubitems(e[t]),s=this.getSubItemSubitems(i[a]),o=!0;if(s&&s.length>0&&n+r>=0&&n+r<s.length&&(n+=r,o=!1),o){a=(a+r+i.length)%i.length;var l=this.getSubItemSubitems(i[a]);n=l&&l.length>0?((r>0?-1:0)+r+l.length)%l.length:null}return{subIndex:a,subSubIndex:n}},a.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:this.id+"menubar-item"},a.prototype.getLabelRef=function(){return this.labelComponent?this.labelComponent.getContent():this.labelRef},a.prototype.getLabelContent=function(){var e;return this.labelData?e=this.labelData.html?this.labelData.html:"<p>"+k.escapeHtml(this.labelData.text)+"</p>":this.labelText&&(e="<p>"+k.escapeHtml(this.labelText)+"</p>"),e},a.prototype.getItemId=function(e,t){var a;return e&&(a=e.id?e.id:0===t?this.getIdPrefix():this.getIdPrefix()+"-"+t),a},a.prototype.getPopupStyle=function(e){var t={};if(this.menuData&&e<this.menuData.length){var a=this.menuData[e].menuItem.link.nativeElement.getBoundingClientRect();t=this.menuData[e].open?{position:"absolute",top:a.height-1+"px",left:"0px",zIndex:100,display:"block"}:{zIndex:0,display:"none"}}return t},a.prototype.getSubItemId=function(e,t,a){var n;return e&&(n=e.id?e.id:0===t?"sub-"+a:"sub-"+a+"-"+t),n},a.prototype.getSubSubItemAriaChecked=function(e){var t=null;return"menuitemcheckbox"!==e.role&&"menuitemradio"!==e.role||(t=!!e.checked),t},a}(C);pt.decorators=[{type:t.Component,args:[{selector:"desy-menubar",template:'  <ng-container *ngIf="getLabelRef()">\n    <div [id]="id + \'-label\'" [class]="[\'mb-sm\', labelComponent ? labelComponent.classes : (labelData ? labelData.classes : null)] | makeHtmlList">\n      <ng-container *ngTemplateOutlet="getLabelRef()"></ng-container>\n    </div>\n  </ng-container>\n  <ng-container *ngIf="!getLabelRef() && (labelData || labelText)">\n    <div [id]="id + \'-label\'" [class]="[\'mb-sm\', labelData ? labelData.classes : null] | makeHtmlList">\n      <ng-container *desyCustomInnerContent="{ html: getLabelContent() }"></ng-container>\n    </div>\n  </ng-container>\n  <ul #menubar [id]="id + \'-menubar\'" class="lg:flex lg:flex-wrap" role="menubar"\n      (focusin)="handleMenuFocusIn()"\n      (focusout)="handleMenuFocusOut($event)"\n      [ngClass]="{ \'focus\': isFocused }"\n      [attr.aria-label]="ariaLabel ? ariaLabel : null"\n      [attr.aria-describedby]="getLabelRef() || labelData || labelText ? id + \'-label\' : null">\n    <ng-container *ngFor="let item of getItems(); index as itemIndex">\n      <li class="relative" role="none" desyMenubaritem (contentChanged)="checkChanges()">\n        <a *ngIf="item.sub" #link\n           role="menuitem" aria-haspopup="true" aria-expanded="false"\n           (click)="handleMenuItemClick($event, itemIndex)"\n           (keydown)="handleMenuItemKeydown($event, itemIndex)"\n           (mouseover)="handleMenuItemMouseOver(itemIndex)"\n           (desyAttributeChange)="checkChanges()" [attributesToCheck]="\'disabled\'"\n           [id]="getItemId(item, itemIndex)"\n           [class]="[\'c-menubar__button\', item.classes] | makeHtmlList"\n           [ngClass]="{\'c-menubar__button--disabled\': item.disabled, \'c-menubar__button--primary\': item.active}"           \n           [attr.aria-disabled]="item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)"\n           [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\n           [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\n           [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\n           [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\n           [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\n           [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\n           [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\n           [attr.aria-modal]="item.ariaModal ? item.ariaModal : null"\n           [attr.tabindex]="item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)">\n          <span class="inline-flex self-center max-w-xs align-middle truncate" #itemContentWrapper>\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text}"></ng-container>\n          </span>\n          <svg class="inline-block -mr-2  align-middle -my-px" viewBox="0 0 96 96" aria-hidden="true" fill="currentColor" focusable="false" width="1.5em" height="1.5em"><g><path d="M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z"/></g></svg>\n        </a>\n        <a *ngIf="item.routerLink && !item.sub" #link #itemContentWrapper\n           role="menuitem"\n           (click)="handleMenuItemClick($event, itemIndex)"\n           (keydown)="handleMenuItemKeydown($event, itemIndex)"\n           (mouseover)="handleMenuItemMouseOver(itemIndex)"\n           (desyAttributeChange)="checkChanges()" [attributesToCheck]="\'disabled\'"\n           [id]="getItemId(item, itemIndex)"\n           [routerLink]="item.routerLink"\n           [routerLinkActive]="item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []"\n           [fragment]="item.fragment"\n           [class]="[\'c-menubar__button\', item.classes] | makeHtmlList"\n           [ngClass]="{\'c-menubar__button--disabled\': item.disabled, \'c-menubar__button--primary\': item.active}"\n           [attr.title]="item.title ? item.title : null"\n           [attr.disabled]="item.disabled ? item.disabled : null"\n           [attr.aria-disabled]="item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)"\n           [attr.tabindex]="item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)"\n           [attr.target]="item.target ? item.target : null"\n           [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\n           [attr.aria-labelledBy]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\n           [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\n           [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\n           [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\n           [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\n           [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\n           [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\n           [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\n           [attr.aria-modal]="item.ariaModal ? item.ariaModal : null">\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text}"></ng-container>\n        </a>\n        <a *ngIf="!item.routerLink && item.href && !item.sub" #link #itemContentWrapper\n           role="menuitem"\n           (click)="handleMenuItemClick($event, itemIndex)"\n           (keydown)="handleMenuItemKeydown($event, itemIndex)"\n           (mouseover)="handleMenuItemMouseOver(itemIndex)"\n           (desyAttributeChange)="checkChanges()" [attributesToCheck]="\'disabled\'"\n           [id]="getItemId(item, itemIndex)"\n           [href]="item.href | externalHref"\n           [class]="[\'c-menubar__button\', item.classes] | makeHtmlList"\n           [ngClass]="{\'c-menubar__button--disabled\': item.disabled, \'c-menubar__button--primary\': item.active}"\n           [attr.title]="item.title ? item.title : null"\n           [attr.disabled]="item.disabled ? item.disabled : null"\n           [attr.aria-disabled]="item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)"\n           [attr.tabindex]="item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)"\n           [attr.target]="item.target ? item.target : null"\n           [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\n           [attr.aria-labelledBy]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\n           [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\n           [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\n           [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\n           [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\n           [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\n           [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\n           [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\n           [attr.aria-modal]="item.ariaModal ? item.ariaModal : null">\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text}"></ng-container>\n        </a>\n\n        <ul *ngIf="item.sub && getItemSubitems(item)" #popupMenu role="menu" tabindex="-1"\n            [ngStyle]="getPopupStyle(itemIndex)"\n            [class]="[\'c-menubar__tooltip w-max max-w-64 hidden border border-neutral-base shadow-md bg-white text-sm\', item.sub.classes] | makeHtmlList"\n            [attr.aria-label]="item.ariaLabel ? item.ariaLabel : (item.sub.ariaLabel ? item.sub.ariaLabel : null)"\n            [attr.aria-describedby]="item.sub.ariaDescribedBy ? item.sub.ariaDescribedBy : null"\n            [attr.aria-labelledby]="item.sub.ariaLabelledBy ? item.sub.ariaLabelledBy : null"\n            [attr.aria-hidden]="item.sub.ariaHidden ? item.sub.ariaHidden : null"\n            [attr.aria-disabled]="item.sub.ariaDisabled ? item.sub.ariaDisabled : null"\n            [attr.aria-controls]="item.sub.ariaControls ? item.sub.ariaControls : null"\n            [attr.aria-current]="item.sub.ariaCurrent ? item.sub.ariaCurrent : null"\n            [attr.aria-live]="item.sub.ariaLive ? item.sub.ariaLive : null"\n            [attr.aria-expanded]="!!(menuData && menuData[itemIndex].open)"\n            [attr.aria-errormessage]="item.sub.ariaErrorMessage ? item.sub.ariaErrorMessage : null"\n            [attr.aria-haspopup]="item.sub.ariaHasPopup ? item.sub.ariaHasPopup : null"\n            [attr.aria-modal]="item.sub.ariaModal ? item.sub.ariaModal : null">\n          <ng-container *ngFor="let subItem of getItemSubitems(item); index as subItemIndex">\n            <ng-container [ngSwitch]="subItem.role">\n              <li #popupMenuItem *ngSwitchCase="\'none\'" role="none" tabindex="-1"\n                  [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\n                  (click)="handlePopupMenuItemClick(itemIndex, subItemIndex)"\n                  (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex)"\n                  (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)">\n                <ng-container *desyCustomInnerContent="{ component: subItem, html: subItem.html, text: subItem.text}"></ng-container>\n              </li>\n              <li *ngSwitchCase="\'group\'" role="none">\n                <ul role="group" [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\n                    [attr.aria-label]="subItem.ariaLabel ? subItem.ariaLabel : null">\n                  <ng-container *ngFor="let subsubitem of getSubItemSubitems(subItem); index as subsubIndex">\n                    <ng-container *ngIf="subsubitem">\n                      <li #popupMenuItem [attr.role]="subsubitem.role ? subsubitem.role : null"  tabindex="-1"\n                          [id]="getSubItemId(subsubitem, subsubIndex, getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex)))"\n                          (click)="handlePopupMenuItemClick(itemIndex, subItemIndex, subsubIndex)"\n                          (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex, subsubIndex)"\n                          (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex, subsubIndex)"\n                          [attr.aria-checked]="getSubSubItemAriaChecked(subsubitem)"\n                          class="flex items-center pr-base pl-lg py-sm cursor-pointer hover:bg-primary-base hover:text-white">\n                        <ng-container *desyCustomInnerContent="{ component: subsubitem, html: subsubitem.html, text: subsubitem.text}"></ng-container>\n                      </li>\n                    </ng-container>\n                  </ng-container>\n                </ul>\n              </li>\n              <li #popupMenuItem *ngSwitchCase="\'menuitem\'" role="menuitem" tabindex="-1"\n                  (click)="handlePopupMenuItemClick(itemIndex, subItemIndex)"\n                  (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex)"\n                  (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)"\n                  [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\n                  class="flex items-center pr-base pl-lg py-sm cursor-pointer hover:bg-primary-base hover:text-white focus:bg-primary-base focus:text-white focus:outline-none">\n                <ng-container *desyCustomInnerContent="{ component: subItem, html: subItem.html, text: subItem.text}"></ng-container>\n              </li>\n              <li #popupMenuItem *ngSwitchCase="\'menuitemcheckbox\'" role="menuitemcheckbox" tabindex="-1"\n                  (click)="handlePopupMenuItemClick(itemIndex, subItemIndex)"\n                  (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex)"\n                  (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)"\n                  [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\n                  [attr.aria-checked]="!!subItem.checked"\n                  class="flex items-center pr-base pl-lg py-sm cursor-pointer hover:bg-primary-base hover:text-white">\n                <ng-container *desyCustomInnerContent="{ component: subItem, html: subItem.html, text: subItem.text}"></ng-container>\n              </li>\n              <li #popupMenuItem *ngSwitchCase="\'separator\'" role="separator"\n                  [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\n                  class="my-sm border-b border-neutral-base">\n              </li>\n            </ng-container>\n          </ng-container>\n        </ul>\n      </li>\n    </ng-container>\n  </ul>\n'}]}],pt.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},pt.propDecorators={idPrefix:[{type:t.Input}],items:[{type:t.Input}],itemsChange:[{type:t.Output}],activeItemChange:[{type:t.Output}],activeSubItemChange:[{type:t.Output}],labelRef:[{type:t.Input}],labelData:[{type:t.Input}],labelText:[{type:t.Input}],classes:[{type:t.Input},{type:t.HostBinding,args:["class"]}],cfg:[{type:t.HostBinding,args:["class.c-menubar"]}],id:[{type:t.Input},{type:t.HostBinding,args:["attr.id"]}],roleData:[{type:t.HostBinding,args:["attr.role"]}],ariaLabelData:[{type:t.HostBinding,args:["attr.aria-label"]}],ariaDescribedbyData:[{type:t.HostBinding,args:["attr.aria-describedby"]}],ariaLabelledbyData:[{type:t.HostBinding,args:["attr.aria-labelledby"]}],ariaHiddenData:[{type:t.HostBinding,args:["attr.aria-hidden"]}],ariaDisabledData:[{type:t.HostBinding,args:["attr.aria-disabled"]}],ariaControlsData:[{type:t.HostBinding,args:["attr.aria-controls"]}],ariaCurrentData:[{type:t.HostBinding,args:["attr.aria-current"]}],ariaLiveData:[{type:t.HostBinding,args:["attr.aria-live"]}],ariaExpandedData:[{type:t.HostBinding,args:["attr.aria-expanded"]}],ariaErrormessageData:[{type:t.HostBinding,args:["attr.aria-errormessage"]}],ariaHaspopupData:[{type:t.HostBinding,args:["attr.aria-haspopup"]}],ariaModalData:[{type:t.HostBinding,args:["attr.aria-modal"]}],menubar:[{type:t.ViewChild,args:["menubar",{read:t.ElementRef}]}],menuItems:[{type:t.ViewChildren,args:[it]}],labelComponent:[{type:t.ContentChildren,args:[dt]}],itemComponentList:[{type:t.ContentChildren,args:[lt]}]},m([P()],pt.prototype,"labelComponent",void 0);var ct=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);ct.decorators=[{type:t.Component,args:[{selector:"desy-notification-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],ct.propDecorators={href:[{type:t.Input}],target:[{type:t.Input}],routerLink:[{type:t.Input}],fragment:[{type:t.Input}],id:[{type:t.Input}]};var ut=function(e){function a(a){var n=e.call(this)||this;return n.changeDetectorRef=a,n.isOpen=!0,n.isOpenChange=new t.EventEmitter,n.isDismissing=!1,n.displayDefaultIcon=!1,n}return u(a,e),a.prototype.dismiss=function(){var e=this;this.isDismissing=!0,setTimeout((function(){e.isDismissing=!1,e.isOpenChange.emit(!1)}),75)},a.prototype.getType=function(){var e;return this.type&&(e=this.type.toLocaleLowerCase()),e},a.prototype.getItems=function(){return this.itemCompontents&&this.itemCompontents.length>0?this.itemCompontents.toArray():this.items},a.prototype.handleIconEmpty=function(e){this.displayDefaultIcon=e,this.changeDetectorRef.detectChanges()},a}(C);ut.decorators=[{type:t.Component,args:[{selector:"desy-notification",template:'<div [attr.id]="id ? id : null" [class]="(classes ? \'c-notification \' + classes : type==\'success\' ? \'c-notification c-notification--\' + type : type==\'alert\' ? \'c-notification c-notification--\' + type : \'c-notification c-notification--primary\') "\n     *ngIf="isOpen && !isDismissing"\n     @displayNotification\n     [attr.role]="role"\n     [attr.aria-describedby]="ariaDescribedBy"\n     [attr.aria-errormessage]="ariaErrorMessage"\n     [attr.aria-label]="ariaLabel"\n     [attr.aria-labelledby]="ariaLabelledBy"\n     [attr.aria-hidden]="ariaHidden"\n     [attr.aria-disabled]="ariaDisabled"\n     [attr.aria-controls]="ariaControls"\n     [attr.aria-current]="ariaCurrent"\n     [attr.aria-live]="ariaLive"\n     [attr.aria-expanded]="ariaExpanded"\n     [attr.aria-haspopup]="ariaHasPopup"\n     [attr.tabindex]="tabindex">\n  <div *ngIf="iconComponent || icon || type" class="h-full mr-base">\n    <ng-container *desyCustomInnerContent="{ component: iconComponent, html: icon ? icon.html : null }"></ng-container>\n    <ng-container *ngIf="displayDefaultIcon && type">\n      <ng-container [ngSwitch]="getType()">\n        <svg *ngSwitchCase="\'success\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-5 h-5 text-success-dark" aria-label="Éxito" focusable="false" role="img"><path d="M39.94 125a19.88 19.88 0 01-15.53-7.81L2.48 92.26a10 10 0 0115-13.2l20.55 23.39a2.5 2.5 0 003.68.08l81-84.42a10.002 10.002 0 1114.5 13.78l-82.02 86.33A19.41 19.41 0 0139.94 125z" fill="currentColor"/></svg>\n        <svg *ngSwitchCase="\'alert\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-5 h-5 text-alert-base" aria-label="Error" focusable="false" role="img"><path d="M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z" fill="currentColor"/></svg>\n        <svg *ngSwitchCase="\'info\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-5 h-5 text-primary-base" aria-label="Información" focusable="false" role="img"><path d="M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm7.5 105a7.5 7.5 0 01-15 0V70a7.5 7.5 0 0115 0zM70 50a10 10 0 1110-10 10 10 0 01-10 10z" fill="currentColor"/></svg>\n      </ng-container>\n    </ng-container>\n  </div>\n  <div class="lg:flex flex-1 self-center">\n    <div class="lg:flex-1 lg:self-center">\n      <ng-container *ngIf="titleComponent || title" [ngSwitch]="headingLevel">\n        <h1 *ngSwitchCase="1" [id]="id ? id + \'-title\' : null" tabindex="-1"\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList">\n          <ng-container *desyCustomInnerContent="{\n            component: titleComponent,\n            html: title ? title.html : null,\n            text: title ? title.text : null\n          }"></ng-container>\n        </h1>\n        <h2 *ngSwitchCase="2" [id]="id ? id + \'-title\' : null" tabindex="-1"\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList">\n          <ng-container *desyCustomInnerContent="{\n            component: titleComponent,\n            html: title ? title.html : null,\n            text: title ? title.text : null\n          }"></ng-container>\n        </h2>\n        <h3 *ngSwitchCase="3" [id]="id ? id + \'-title\' : null" tabindex="-1"\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList">\n          <ng-container *desyCustomInnerContent="{\n            component: titleComponent,\n            html: title ? title.html : null,\n            text: title ? title.text : null\n          }"></ng-container>\n        </h3>\n        <h4 *ngSwitchCase="4" [id]="id ? id + \'-title\' : null" tabindex="-1"\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList">\n          <ng-container *desyCustomInnerContent="{\n            component: titleComponent,\n            html: title ? title.html : null,\n            text: title ? title.text : null\n          }"></ng-container>\n        </h4>\n        <h5 *ngSwitchCase="5" [id]="id ? id + \'-title\' : null" tabindex="-1"\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList">\n          <ng-container *desyCustomInnerContent="{\n            component: titleComponent,\n            html: title ? title.html : null,\n            text: title ? title.text : null\n          }"></ng-container>\n        </h5>\n        <p *ngSwitchDefault [id]="id ? id + \'-title\' : null" tabindex="-1"\n           [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList">\n          <ng-container *desyCustomInnerContent="{\n            component: titleComponent,\n            html: title ? title.html : null,\n            text: title ? title.text : null\n          }"></ng-container>\n        </p>\n      </ng-container>\n      <ng-container *ngIf="descriptionComponent || description">\n        <p [class]="descriptionComponent ? descriptionComponent.classes : description.classes">\n          <ng-container *desyCustomInnerContent="{\n            component: descriptionComponent,\n            html: description ? description.html : null,\n            text: description ? description.text : null\n          }"></ng-container>\n        </p>\n      </ng-container>\n      <ul *ngIf="(itemCompontents && itemCompontents.length > 0) || items">\n        <ng-container *ngFor="let item of getItems(); index as i">\n          <li *ngIf="item.routerLink || item.href">\n            <a *ngIf="item.routerLink" class="c-link"\n               [routerLink]="item.routerLink"\n               [fragment]="item.fragment"\n               [ngClass]="{\'c-link--alert\': type===\'alert\'}"\n               [attr.id]="item.id ? item.id : null"\n               [attr.role]="item.role"\n               [attr.ariaLabel]="item.ariaLabel"\n               [attr.ariaDescribedBy]="item.ariaDescribedBy"\n               [attr.ariaLabelledBy]="item.ariaLabelledBy"\n               [attr.ariaHidden]="item.ariaHidden"\n               [attr.ariaDisabled]="item.ariaDisabled"\n               [attr.ariaControls]="item.ariaControls"\n               [attr.ariaCurrent]="item.ariaCurrent"\n               [attr.ariaLive]="item.ariaLive"\n               [attr.ariaExpanded]="item.ariaExpanded"\n               [attr.ariaErrorMessage]="item.ariaErrorMessage"\n               [attr.ariaHasPopup]="item.ariaHasPopup"\n               [attr.tabindex]="item.tabindex">\n              <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n            </a>\n            <a *ngIf="!item.routerLink && item.href" class="c-link"\n               [href]="item.href | externalHref"\n               [target]="item.target"\n               [ngClass]="{\'c-link--alert\': type===\'alert\'}"\n               [attr.id]="item.id ? item.id : null"\n               [attr.role]="item.role"\n               [attr.ariaLabel]="item.ariaLabel"\n               [attr.ariaDescribedBy]="item.ariaDescribedBy"\n               [attr.ariaLabelledBy]="item.ariaLabelledBy"\n               [attr.ariaHidden]="item.ariaHidden"\n               [attr.ariaDisabled]="item.ariaDisabled"\n               [attr.ariaControls]="item.ariaControls"\n               [attr.ariaCurrent]="item.ariaCurrent"\n               [attr.ariaLive]="item.ariaLive"\n               [attr.ariaExpanded]="item.ariaExpanded"\n               [attr.ariaErrorMessage]="item.ariaErrorMessage"\n               [attr.ariaHasPopup]="item.ariaHasPopup"\n               [attr.tabindex]="item.tabindex">\n              <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n            </a>\n          </li>\n          <li *ngIf="!item.routerLink && !item.href">\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\n          </li>\n        </ng-container>\n      </ul>\n      <p *ngIf="contentComponent || content" [class]="[\'text-sm\', contentComponent ? contentComponent.classes : content.classes] | makeHtmlList">\n        <ng-container *desyCustomInnerContent="{\n          component: contentComponent,\n          html: content ? content.html : null,\n          text: content ? content.text : null\n        }"></ng-container>\n      </p>\n    </div>\n    <ng-container *ngIf="isDismissible">\n      <div class="absolute top-0 right-0 p-sm">\n        <button (click)="dismiss()" class="p-sm focus:bg-warning-base focus:border-warning-base focus:shadow-outline-black focus:text-black focus:outline-none" aria-label="X: Cerrar notificación">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4" aria-hidden="true" role="presentation"><path d="M85.91 71.77a2.5 2.5 0 010-3.54l46.16-46.16a10 10 0 10-14.14-14.14L71.77 54.09a2.5 2.5 0 01-3.54 0L22.07 7.93A10 10 0 007.93 22.07l46.16 46.16a2.5 2.5 0 010 3.54L7.93 117.93a10 10 0 0014.14 14.14l46.16-46.16a2.5 2.5 0 013.54 0l46.16 46.16a10 10 0 0014.14-14.14z" fill="currentColor"/></svg>\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</div>\n',animations:[n.trigger("displayNotification",[n.state("void",n.style({opacity:"0.0",transform:"scaleY(0.95)"})),n.state("*",n.style({opacity:"1.0",transform:"scaleY(1.0)"})),n.transition(":enter",[n.animate("100ms ease-out")]),n.transition(":leave",[n.animate("75ms ease-in")])])]}]}],ut.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},ut.propDecorators={id:[{type:t.Input}],classes:[{type:t.Input}],isOpen:[{type:t.Input}],isOpenChange:[{type:t.Output}],title:[{type:t.Input}],description:[{type:t.Input}],content:[{type:t.Input}],items:[{type:t.Input}],icon:[{type:t.Input}],type:[{type:t.Input}],isDismissible:[{type:t.Input}],headingLevel:[{type:t.Input}],titleComponent:[{type:t.ContentChildren,args:[F]}],descriptionComponent:[{type:t.ContentChildren,args:[A]}],contentComponent:[{type:t.ContentChildren,args:[O]}],iconComponent:[{type:t.ContentChildren,args:[R]}],itemCompontents:[{type:t.ContentChildren,args:[ct]}]},m([P()],ut.prototype,"titleComponent",void 0),m([P()],ut.prototype,"descriptionComponent",void 0),m([P()],ut.prototype,"contentComponent",void 0),m([P()],ut.prototype,"iconComponent",void 0);var mt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);mt.decorators=[{type:t.Component,args:[{selector:"desy-table-cell",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],mt.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}],colspan:[{type:t.Input}],rowspan:[{type:t.Input}]};var gt=function(){};gt.decorators=[{type:t.Component,args:[{selector:"desy-table-header",template:""}]}],gt.propDecorators={cells:[{type:t.ContentChildren,args:[mt]}]};var ht=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);ht.decorators=[{type:t.Component,args:[{selector:"desy-table-caption",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],ht.propDecorators={classes:[{type:t.Input}]};var bt=function(){};bt.decorators=[{type:t.Component,args:[{selector:"desy-table-row",template:""}]}],bt.propDecorators={cells:[{type:t.ContentChildren,args:[mt]}]};var yt,ft=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.getCaptionClass=function(){return this.captionComponent?this.captionComponent.classes:this.captionClasses},t.prototype.getHeaderCells=function(){var e=[];return this.headerComponent&&this.headerComponent.cells?e=this.headerComponent.cells.toArray():this.head&&(e=this.head),e},t.prototype.getRows=function(){return this.rowComponentList&&this.rowComponentList.length>0?this.rowComponentList.toArray():this.rows},t.prototype.getRowCells=function(e){return e instanceof bt?e.cells.toArray():e},t}(C);ft.decorators=[{type:t.Component,args:[{selector:"desy-table",template:'<ng-template #tableContent>\n  <table [class]="[\'c-table\', 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    <caption *ngIf="caption || captionComponent" [class]="getCaptionClass()">\n      <ng-container *desyCustomInnerContent="{ component: captionComponent, text: caption ? caption : null }"></ng-container>\n    </caption>\n    <thead *ngIf="head || headerComponent">\n      <tr class="border-t border-b border-neutral-base">\n        <ng-container *ngFor="let headerCell of getHeaderCells()">\n          <th scope="col"\n              [class]="[\'align-top px-base py-sm text-left font-normal text-sm text-neutral-dark\', headerCell.classes] | makeHtmlList"\n              [attr.colspan]="(headerCell.colspan ?  headerCell.colspan : null)"\n              [attr.rowspan]="(headerCell.rowspan ? headerCell.rowspan : null)"\n              [attr.id]="headerCell.id ? headerCell.id : null"\n              [attr.role]="headerCell.role"\n              [attr.aria-describedby]="headerCell.ariaDescribedBy"\n              [attr.aria-errormessage]="headerCell.ariaErrorMessage"\n              [attr.aria-label]="headerCell.ariaLabel"\n              [attr.aria-labelledby]="headerCell.ariaLabelledBy"\n              [attr.aria-hidden]="headerCell.ariaHidden"\n              [attr.aria-disabled]="headerCell.ariaDisabled"\n              [attr.aria-controls]="headerCell.ariaControls"\n              [attr.aria-current]="headerCell.ariaCurrent"\n              [attr.aria-live]="headerCell.ariaLive"\n              [attr.aria-expanded]="headerCell.ariaExpanded"\n              [attr.aria-haspopup]="headerCell.ariaHasPopup"\n              [attr.tabindex]="headerCell.tabindex">\n            <ng-container *desyCustomInnerContent="{ component: headerCell, html: headerCell.html, text: headerCell.text }"></ng-container>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor="let row of getRows(); index as rowIndex" class="border-t border-b border-neutral-base">\n          <ng-container *ngFor="let cell of getRowCells(row); first as isFirst; index as cellIndex">\n              <th *ngIf="firstCellIsHeader && isFirst; else elseTd" scope="row"\n                  [class]="[\'align-top px-base py-sm text-left font-normal text-sm text-neutral-dark\', cell.classes] | makeHtmlList"\n                  [attr.colspan]="cell.colspan ? cell.colspan  : null"\n                  [attr.rowspan]="cell.rowspan ? cell.rowspan  : null"\n                  [attr.id]="cell.id ? cell.id : null"\n                  [attr.role]="cell.role ? cell.role : null"\n                  [attr.aria-label]="cell.ariaLabel ? cell.ariaLabel : null"\n                  [attr.aria-describedby]="cell.ariaDescribedBy ? cell.ariaDescribedBy : null"\n                  [attr.aria-labelledby]="cell.ariaLabelledBy ? cell.ariaLabelledBy : null"\n                  [attr.aria-hidden]="cell.ariaHidden ? cell.ariaHidden : null"\n                  [attr.aria-disabled]="cell.ariaDisabled ? cell.ariaDisabled : null"\n                  [attr.aria-controls]="cell.ariaControls ? cell.ariaControls : null"\n                  [attr.aria-current]="cell.ariaCurrent ? cell.ariaCurrent : null"\n                  [attr.aria-live]="cell.ariaLive ? cell.ariaLive : null"\n                  [attr.aria-expanded]="cell.ariaExpanded ? cell.ariaExpanded : null"\n                  [attr.aria-errormessage]="cell.ariaErrorMessage ? cell.ariaErrorMessage : null"\n                  [attr.aria-haspopup]="cell.ariaHasPopup ? cell.ariaHasPopup : null"\n                  [attr.tabindex]="cell.tabindex ? cell.tabindex : null">\n                <ng-container *desyCustomInnerContent="{ component: cell, html: cell.html, text: cell.text }"></ng-container>\n              </th>\n              <ng-template #elseTd>\n                  <td [class]="[\'px-base py-sm\', cell.classes] | makeHtmlList"\n                      [attr.colspan]="cell.colspan ? cell.colspan  : null"\n                      [attr.rowspan]="cell.rowspan ? cell.rowspan  : null"\n                      [attr.id]="cell.id ? cell.id : null"\n                      [attr.role]="cell.role ? cell.role : null"\n                      [attr.aria-label]="cell.ariaLabel ? cell.ariaLabel : null"\n                      [attr.aria-describedby]="cell.ariaDescribedBy ? cell.ariaDescribedBy : null"\n                      [attr.aria-labelledby]="cell.ariaLabelledBy ? cell.ariaLabelledBy : null"\n                      [attr.aria-hidden]="cell.ariaHidden ? cell.ariaHidden : null"\n                      [attr.aria-disabled]="cell.ariaDisabled ? cell.ariaDisabled : null"\n                      [attr.aria-controls]="cell.ariaControls ? cell.ariaControls : null"\n                      [attr.aria-current]="cell.ariaCurrent ? cell.ariaCurrent : null"\n                      [attr.aria-live]="cell.ariaLive ? cell.ariaLive : null"\n                      [attr.aria-expanded]="cell.ariaExpanded ? cell.ariaExpanded : null"\n                      [attr.aria-errormessage]="cell.ariaErrorMessage ? cell.ariaErrorMessage : null"\n                      [attr.aria-haspopup]="cell.ariaHasPopup ? cell.ariaHasPopup : null"\n                      [attr.tabindex]="cell.tabindex ? cell.tabindex : null">\n                    <ng-container *desyCustomInnerContent="{ component: cell, html: cell.html, text: cell.text }"></ng-container>\n                  </td>\n              </ng-template>\n          </ng-container>\n      </tr>\n    </tbody>\n  </table>\n</ng-template>\n\n<div *ngIf="wrapper; else tableContent" [class]="wrapper.classes">\n  <ng-container *ngTemplateOutlet="tableContent"></ng-container>\n</div>\n'}]}],ft.propDecorators={rows:[{type:t.Input}],head:[{type:t.Input}],caption:[{type:t.Input}],captionClasses:[{type:t.Input}],firstCellIsHeader:[{type:t.Input}],classes:[{type:t.Input}],id:[{type:t.Input}],wrapper:[{type:t.Input}],captionComponent:[{type:t.ContentChildren,args:[ht]}],headerComponent:[{type:t.ContentChildren,args:[gt]}],rowComponentList:[{type:t.ContentChildren,args:[bt]}]},m([P()],ft.prototype,"captionComponent",void 0),m([P()],ft.prototype,"headerComponent",void 0),e.OrderBy=void 0,(yt=e.OrderBy||(e.OrderBy={})).none="none",yt.asc="asc",yt.desc="desc";var Ct=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.isSelect=!0,a.valueChange=new t.EventEmitter,a}return u(a,e),a}(Y);Ct.decorators=[{type:t.Component,args:[{selector:"desy-table-advanced-select",template:""}]}],Ct.propDecorators={value:[{type:t.Input}],valueChange:[{type:t.Output}],selectItemComponentList:[{type:t.ContentChildren,args:[W]}]};var vt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);vt.decorators=[{type:t.Component,args:[{selector:"desy-table-advanced-header-cell",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],vt.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}],colspan:[{type:t.Input}],rowspan:[{type:t.Input}],orderBy:[{type:t.Input}],hasFilter:[{type:t.Input}],filterClasses:[{type:t.Input}],hasSelect:[{type:t.Input}],selectComponent:[{type:t.ContentChildren,args:[Ct]}],contentComponent:[{type:t.ContentChildren,args:[O]}]},m([P()],vt.prototype,"selectComponent",void 0),m([P()],vt.prototype,"contentComponent",void 0);var It=function(){};It.decorators=[{type:t.Component,args:[{selector:"desy-table-advanced-header",template:""}]}],It.propDecorators={cells:[{type:t.ContentChildren,args:[vt]}]};var xt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);xt.decorators=[{type:t.Component,args:[{selector:"desy-table-advanced-row-cell",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],xt.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}],colspan:[{type:t.Input}],rowspan:[{type:t.Input}]};var Dt=function(){this.checkedChange=new t.EventEmitter};Dt.decorators=[{type:t.Component,args:[{selector:"desy-table-advanced-row",template:""}]}],Dt.propDecorators={cellsList:[{type:t.ContentChildren,args:[xt]}],id:[{type:t.Input}],checked:[{type:t.Input}],checkedChange:[{type:t.Output}]};var Lt=function(){function e(e){this.element=e}return e.prototype.getContent=function(){return this.element.nativeElement.textContent},e}();Lt.decorators=[{type:t.Directive,args:[{selector:"[desyCell]"}]}],Lt.ctorParameters=function(){return[{type:t.ElementRef}]},Lt.propDecorators={row:[{type:t.Input}],rowIndex:[{type:t.Input}],columnIndex:[{type:t.Input}]};var Et=function(){function e(){}return e.prototype.getCell=function(e){return this.contentCells.find((function(t){return t.columnIndex===e}))},e}();Et.decorators=[{type:t.Directive,args:[{selector:"[desyRow]"}]}],Et.propDecorators={contentCells:[{type:t.ContentChildren,args:[Lt]}],desyRow:[{type:t.Input}]};var Ht=function(a){function n(n,r){var i=a.call(this)||this;return i.el=n,i.changeDetector=r,i.rowsChange=new t.EventEmitter,i.rowsChecked=new t.EventEmitter,i.recalculateTable=new t.EventEmitter,i.orderByType=e.OrderBy,i}return u(n,a),n.prototype.ngAfterViewInit=function(){var e=this.el.nativeElement.querySelector("[tabindex]");e&&e.setAttribute("tabindex","0"),this.recalculateVisibleElements()},n.prototype.recalculateVisibleElements=function(){var e=this.buildRecalculateParams();if(this.recalculateTable.observers.length>0)this.recalculateTable.emit(e),this.changeDetector.markForCheck();else{this.visibleRows=this.getRows(),this.changeDetector.detectChanges();var t=this.filterRows(e,this.rowData.toArray());t=this.sortRows(e,t),this.visibleRows=t.map((function(e){return e.desyRow})),this.changeDetector.detectChanges()}},n.prototype.buildRecalculateParams=function(){var t={filters:[],sort:null},a=this.getHeaderCells();if(a){a.forEach((function(e,a){e.hasFilter&&e.activeFilter&&t.filters.push({columnIndex:a,filterText:e.valueFilter}),e.hasSelect&&e.activeSelect&&t.filters.push({columnIndex:a,filterText:e.valueSelect})}));var n=a.findIndex((function(t){return t.orderBy&&t.orderBy!==e.OrderBy.none}));t.sort=n>=0?{columnIndex:n,order:a[n].orderBy}:null}return t},n.prototype.hasFilters=function(){var e=this.getHeaderCells();return!!e&&e.findIndex((function(e){return e.hasFilter||e.hasSelect}))>=0},n.prototype.getHeaderCells=function(){return this.headerComponent&&this.headerComponent.cells.length>0?this.headerComponent.cells.toArray():this.head},n.prototype.getRows=function(){var e=[];return this.rowComponentList.length>0?e=this.rowComponentList.toArray():this.rows&&(e=this.rows),e},n.prototype.getVisibleRows=function(){return this.recalculateTable.observers.length>0?this.getRows():this.visibleRows},n.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:"id-table-row"},n.prototype.getIdHeader=function(e){return this.getIdPrefix()+"-header-"+e},n.prototype.getIdRowCheckbox=function(e){return this.getIdPrefix()+"-checkbox-"+e},n.prototype.getIdHeaderFilter=function(e){return this.getIdPrefix()+"-header-filter-"+e},n.prototype.getIdHeaderSelect=function(e){return this.getIdPrefix()+"-header-select-"+e},n.prototype.getCaptionClass=function(){return this.captionComponent?this.captionComponent.classes:this.captionClasses},n.prototype.getStringOrderBy=function(t){return t===e.OrderBy.asc?"ascending":t===e.OrderBy.desc?"descending":t===e.OrderBy.none?"none":void 0},n.prototype.getSelectForItem=function(e){return e.selectComponent?e.selectComponent:null},n.prototype.getItemSelectOptions=function(e){return e.selectItemComponentList&&e.selectItemComponentList.length>0?e.selectItemComponentList.toArray():e.items},n.prototype.getContentComponent=function(e){return e.contentComponent?e.contentComponent:null},n.prototype.handleCheckboxChange=function(e){e instanceof Dt&&e.checkedChange.emit(e.checked),this.notifyCheckedChange()},n.prototype.uncheckAll=function(){this.getRows().forEach((function(e){var t=e.checked&&e instanceof Dt;e.checked=!1,t&&e.checkedChange.emit(e.checked)})),this.notifyCheckedChange()},n.prototype.notifyCheckedChange=function(){0===this.rowComponentList.length&&this.rowsChange.emit(this.rows);var e={};this.getRows().forEach((function(t){return e[t.id]=!!t.checked})),this.rowsChecked.emit(e)},n.prototype.handleInputSearch=function(e){e.hasFilter&&(e.activeFilter=!!e.valueFilter,this.uncheckAll()),e.hasSelect&&(e.activeSelect=!!e.valueSelect,this.uncheckAll()),this.recalculateVisibleElements()},n.prototype.filterRows=function(e,t){var a=t;return e.filters.forEach((function(e){a=a.filter((function(t){return fe.containsAnyWordFrom(t.getCell(e.columnIndex).getContent(),e.filterText)}))})),a},n.prototype.handleSortByColumn=function(t){var a=this,n=this.getHeaderCells();n&&n.forEach((function(n,r){n.orderBy&&(n.orderBy=r===t?a.getNextDirection(n):e.OrderBy.none)})),this.recalculateVisibleElements()},n.prototype.sortRows=function(t,a){var n=this,r=a;if(t.sort){var i=t.sort.columnIndex,s=t.sort.order===e.OrderBy.asc;r=a.sort((function(e,t){return n.compareCellContent(e.getCell(i),t.getCell(i),s)}))}return r},n.prototype.compareCellContent=function(e,t,a){var n=this.cleanCurrency(e.getContent()),r=this.cleanCurrency(t.getContent());return(isNaN(+n)&&isNaN(+r)?n.localeCompare(r,"es",{sensitivity:"base",ignorePunctuation:!0}):n.localeCompare(r,void 0,{numeric:!0}))*(a?1:-1)},n.prototype.getNextDirection=function(t){return t.orderBy===e.OrderBy.none||t.orderBy===e.OrderBy.desc?e.OrderBy.asc:e.OrderBy.desc},n.prototype.cleanCurrency=function(e){return/[\d.,]+[\€]/g.test(e)&&(e=e.replace(/€/g,"")),e},n.prototype.selectFilter=function(e,t){e.valueChange.emit(t);var a=this.getHeaderCells(),n=this.getRows();a&&n&&(a.forEach((function(e,t){})),n.forEach((function(e){})))},n}(C);Ht.decorators=[{type:t.Component,args:[{selector:"desy-table-advanced",template:'<ng-template #tableContent>\n  <table role="grid"\n          [class]="[\'c-table-advanced border-t-2 border-b-2 border-neutral-base\', classes] | makeHtmlList"\n          [attr.id]="id ? id : null"\n          [attr.role]="role ? role : null"\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n          [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n          [attr.aria-controls]="ariaControls ? ariaControls : null"\n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n          [attr.aria-live]="ariaLive ? ariaLive : null"\n          [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n          [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n          [attr.tabindex]="tabindex ? tabindex : null">\n      <caption *ngIf="caption || captionComponent" [class]="getCaptionClass()">\n        <ng-container *desyCustomInnerContent="{ component: captionComponent, text: caption ? caption : null }"></ng-container>\n      </caption>\n      <thead *ngIf="getHeaderCells()">\n          <tr class="border-t border-neutral-base divide-x divide-neutral-base">\n              <th *ngIf="hasCheckboxes" scope="col" [class]="[\'align-top px-base py-xs\', checkboxClasses] | makeHtmlList">\n                  <span class="sr-only">Seleccionar fila</span>\n              </th>\n              <th scope="col" *ngFor="let item of getHeaderCells(); index as iHeader" [id]="getIdHeader(iHeader)"\n                      [attr.aria-sort]="item.orderBy ? getStringOrderBy(item.orderBy) : null"\n                      [class]="[\'align-top px-base py-sm border-neutral-base border-b-0 text-left text-sm font-normal text-neutral-dark\', item.classes] | makeHtmlList"\n                      [attr.colspan]="item.colspan ? item.colspan  : null"\n                      [attr.rowspan]="item.rowspan ? item.rowspan  : null"\n                      [attr.role]="item.role ? item.role : null"\n                      [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\n                      [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\n                      [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\n                      [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\n                      [attr.aria-disabled]="item.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\n                  <span *ngIf="item.orderBy" class="inline-block relative" (click)="handleSortByColumn(iHeader)" desyFocusClickedCell\n                        [attr.tabindex]="item.orderBy ? -1 : null"\n                        [attr.role]="item.orderBy ? \'button\' : null">\n                    <ng-container *ngIf="item.text">{{item.text}}</ng-container>\n                    <ng-container *ngIf="item.contentComponent">\n                      <ng-container *desyCustomInnerContent="{ component: item.contentComponent }"></ng-container>\n                    </ng-container>\n                    <span class="c-table-advanced__order" *ngIf="item.orderBy">\n                        <span class="sr-only">Pulsa para ordenar por esta columna</span>\n                        <span class="c-table-advanced__ascending" *ngIf="item.orderBy == orderByType.asc">\n                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" aria-hidden="true" width="1em" height="1em"><path d="M112.07 37.93l-35-35a10 10 0 00-14.14 0l-35 35a10 10 0 0014.14 14.14l13.66-13.66A2.5 2.5 0 0160 40.18V130a10 10 0 0020 0V40.18a2.5 2.5 0 014.27-1.77l13.66 13.66a10 10 0 0014.14-14.14z" fill="currentColor"/></svg>\n                        </span>\n                        <span class="c-table-advanced__descending" *ngIf="item.orderBy == orderByType.desc">\n                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" aria-hidden="true" width="1em" height="1em"><path d="M27.93 102.07l35 35a10 10 0 0014.14 0l35-35a10 10 0 00-14.14-14.14l-13.66 13.66A2.5 2.5 0 0180 99.82V10a10 10 0 00-20 0v89.82a2.5 2.5 0 01-4.27 1.77L42.07 87.93a10 10 0 00-14.14 14.14z" fill="currentColor"/></svg>\n                        </span>\n                        <span class="c-table-advanced__none"  *ngIf="item.orderBy == orderByType.none">\n                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" class="text-neutral-base" aria-hidden="true" width="1em" height="1em"><path d="M94.7 97.2l-17.2 17.19V25.61L94.7 42.8a7.5 7.5 0 0010.6-10.6l-30-30a7.49 7.49 0 00-10.6 0l-30 30a7.5 7.5 0 0010.6 10.6l17.2-17.19v88.78L45.3 97.2a7.5 7.5 0 10-10.6 10.6l30 30a7.48 7.48 0 0010.6 0l30-30a7.5 7.5 0 00-10.6-10.6z" fill="currentColor"/></svg>\n                        </span>\n                    </span>\n                  </span>\n\n                  <span *ngIf="!item.orderBy" class="inline-block relative">\n                    <ng-container *ngIf="item.text">{{item.text}}</ng-container>\n                    <ng-container *ngIf="item.contentComponent">\n                      <ng-container *desyCustomInnerContent="{ component: item.contentComponent }"></ng-container>\n                    </ng-container>\n                  </span>\n              </th>\n          </tr>\n      </thead>\n\n      <tbody>\n          <tr class="divide-x divide-neutral-base" *ngIf="hasFilters()">\n              <td *ngIf="hasCheckboxes" [ngClass]="checkboxClasses"></td>\n              <td tabindex="-1" *ngFor="let item of getHeaderCells(); index as iHead" desyFocusClickedCell\n                  [class]="[\'align-top px-base pb-sm border-neutral-base border-b-0 text-left text-sm font-normal text-neutral-dark\', item.classes] | makeHtmlList">\n                  <ng-container *ngIf="item.hasSelect && getSelectForItem(item) != null">\n                    <ng-container *ngTemplateOutlet="tableSelect; context: {selectable: getSelectForItem(item)}"></ng-container>\n                    <ng-template #tableSelect let-selectable="selectable">\n                      <desy-select [id]="getIdHeaderSelect(iHead)"\n                        [labelData]="{ text: \'Filtrar en esta columna\', classes: \'sr-only\' }"\n                        [classes]="selectable.classes ? selectable.classes : \'c-select--sm w-full mt-0\'"\n                        [formGroupClasses]="selectable.formGroupClasses ? selectable.formGroupClasses : \'mb-0\'"\n                        [name]="selectable.name"\n                        [items]="getItemSelectOptions(selectable)"\n                        [disabled]="selectable.disabled"\n                        [describedBy]="getIdHeaderSelect(iHead)"\n\n                        [(ngModel)]="item.valueSelect" (ngModelChange)="handleInputSearch(item)"\n\n                        [role]="selectable.role"\n                        [ariaLabel]="selectable.ariaLabel"\n                        [ariaDescribedBy]="selectable.ariaDescribedBy"\n                        [ariaLabelledBy]="selectable.ariaLabelledBy"\n                        [ariaHidden]="selectable.ariaHidden"\n                        [ariaDisabled]="selectable.ariaDisabled"\n                        [ariaControls]="selectable.ariaControls"\n                        [ariaCurrent]="selectable.ariaCurrent"\n                        [ariaLive]="selectable.ariaLive"\n                        [ariaExpanded]="selectable.ariaExpanded"\n                        [ariaErrorMessage]="selectable.ariaErrorMessage"\n                        [ariaHasPopup]="selectable.ariaHasPopup"\n                        [tabindex]="selectable.tabindex">\n                      </desy-select>\n                    </ng-template>\n                  </ng-container>\n\n                  <div *ngIf="item.hasSelect && item.hasFilter" class="pb-sm"></div>\n\n                  <desy-search-bar *ngIf="item.hasFilter"\n                                   [(ngModel)]="item.valueFilter" [ngModelOptions]="{standalone: true}"\n                                   (clickEvent)="handleInputSearch(item)"\n                                   (ngModelChange)="handleInputSearch(item)"\n                                   labelText="Buscar en esta columna"\n                                   [id]="getIdHeaderFilter(iHead)"\n                                   placeholder="Buscar"\n                                   [classes]="[\'c-input--sm\', item.filterClasses] | makeHtmlList"\n                                   buttonClasses="m-xs p-0.5 text-xs"\n                                   [describedBy]="getIdHeader(iHead)"> </desy-search-bar>\n              </td>\n          </tr>\n\n\n          <tr *ngFor="let row of getVisibleRows(); index as iRow" class="border-t border-b border-neutral-base hover:bg-neutral-lighter"\n              [desyRow]="row"\n              [ngClass]="{\'bg-neutral-light\': hasCheckboxes && row.checked }">\n              <td *ngIf="hasCheckboxes" desyFocusClickedCell [class]="[\'px-base py-sm\', checkboxClasses] | makeHtmlList"\n                  tabindex="-1" >\n                <div class="c-checkboxes c-checkboxes--sm">\n                  <div>\n                    <div class="relative flex items-start">\n                      <div class="flex items-center mx-sm">\n                        <input type="checkbox" class="w-6 h-6 transition duration-150 ease-in-out border-black focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-offset-0 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base text-primary-base"\n                               [(ngModel)]="row.checked" (ngModelChange)="handleCheckboxChange(row)"\n                               [id]="getIdRowCheckbox(iRow)"\n                               [name]="getIdRowCheckbox(iRow)"\n                               [attr.aria-label]="\'Fila \' + iRow">\n                      </div>\n                      <div class="pt-0.5 leading-5">\n                        <label class="sr-only block text-sm -mt-1" [for]="getIdRowCheckbox(iRow)">Selecciona fila {{ iRow }}</label>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </td>\n              <ng-container *ngFor="let cell of row.cellsList; first as isFirstCell; index as columnIndex">\n                  <th *ngIf="firstCellIsHeader && isFirstCell; else elseTd" scope="row"\n                      [class]="[\'px-base py-xs border-neutral-base border-b-0 border-r text-left font-normal text-sm text-neutral-dark\', cell.classes] | makeHtmlList"\n                      desyCell [row]="row" [rowIndex]="iRow" [columnIndex]="columnIndex"\n                      [attr.colspan]="cell.colspan ? cell.colspan  : null"\n                      [attr.rowspan]="cell.rowspan ? cell.rowspan  : null"\n                      [attr.id]="cell.id ? cell.id : null"\n                      [attr.role]="cell.role ? cell.role : null"\n                      [attr.aria-label]="cell.ariaLabel ? cell.ariaLabel : null"\n                      [attr.aria-describedby]="cell.ariaDescribedBy ? cell.ariaDescribedBy : null"\n                      [attr.aria-labelledby]="cell.ariaLabelledBy ? cell.ariaLabelledBy : null"\n                      [attr.aria-hidden]="cell.ariaHidden ? cell.ariaHidden : null"\n                      [attr.aria-disabled]="cell.ariaDisabled ? cell.ariaDisabled : null"\n                      [attr.aria-controls]="cell.ariaControls ? cell.ariaControls : null"\n                      [attr.aria-current]="cell.ariaCurrent ? cell.ariaCurrent : null"\n                      [attr.aria-live]="cell.ariaLive ? cell.ariaLive : null"\n                      [attr.aria-expanded]="cell.ariaExpanded ? cell.ariaExpanded : null"\n                      [attr.aria-errormessage]="cell.ariaErrorMessage ? cell.ariaErrorMessage : null"\n                      [attr.aria-haspopup]="cell.ariaHasPopup ? cell.ariaHasPopup : null"\n                      [attr.tabindex]="cell.tabindex ? cell.tabindex : null">\n                    <ng-container *desyCustomInnerContent="{ component: cell, html: cell.html, text: cell.text }"></ng-container>\n                  </th>\n                  <ng-template #elseTd>\n                      <td tabindex="-1" desyFocusClickedCell\n                          [class]="[\'px-base py-sm\', cell.classes] | makeHtmlList"\n                          desyCell [row]="row" [rowIndex]="iRow" [columnIndex]="columnIndex"\n                          [attr.colspan]="cell.colspan ? cell.colspan  : null"\n                          [attr.rowspan]="cell.rowspan ? cell.rowspan  : null"\n                          [attr.id]="cell.id ? cell.id : null"\n                          [attr.role]="cell.role ? cell.role : null"\n                          [attr.aria-label]="cell.ariaLabel ? cell.ariaLabel : null"\n                          [attr.aria-describedby]="cell.ariaDescribedBy ? cell.ariaDescribedBy : null"\n                          [attr.aria-labelledby]="cell.ariaLabelledBy ? cell.ariaLabelledBy : null"\n                          [attr.aria-hidden]="cell.ariaHidden ? cell.ariaHidden : null"\n                          [attr.aria-disabled]="cell.ariaDisabled ? cell.ariaDisabled : null"\n                          [attr.aria-controls]="cell.ariaControls ? cell.ariaControls : null"\n                          [attr.aria-current]="cell.ariaCurrent ? cell.ariaCurrent : null"\n                          [attr.aria-live]="cell.ariaLive ? cell.ariaLive : null"\n                          [attr.aria-expanded]="cell.ariaExpanded ? cell.ariaExpanded : null"\n                          [attr.aria-errormessage]="cell.ariaErrorMessage ? cell.ariaErrorMessage : null"\n                          [attr.aria-haspopup]="cell.ariaHasPopup ? cell.ariaHasPopup : null"\n                          [attr.tabindex]="cell.tabindex ? cell.tabindex : -1">\n                        <ng-container *desyCustomInnerContent="{ component: cell, html: cell.html, text: cell.text }"></ng-container>\n                      </td>\n                  </ng-template>\n              </ng-container>\n          </tr>\n      </tbody>\n  </table>\n</ng-template>\n\n<div *ngIf="wrapper; else tableContent" [class]="wrapper.classes">\n  <ng-container *ngTemplateOutlet="tableContent"></ng-container>\n</div>\n'}]}],Ht.ctorParameters=function(){return[{type:t.ElementRef},{type:t.ChangeDetectorRef}]},Ht.propDecorators={rows:[{type:t.Input}],head:[{type:t.Input}],caption:[{type:t.Input}],captionClasses:[{type:t.Input}],firstCellIsHeader:[{type:t.Input}],hasCheckboxes:[{type:t.Input}],idPrefix:[{type:t.Input}],classes:[{type:t.Input}],checkboxClasses:[{type:t.Input}],id:[{type:t.Input}],wrapper:[{type:t.Input}],captionComponent:[{type:t.ContentChildren,args:[ht]}],headerComponent:[{type:t.ContentChildren,args:[It]}],rowComponentList:[{type:t.ContentChildren,args:[Dt]}],rowData:[{type:t.ViewChildren,args:[Et]}],rowsChange:[{type:t.Output}],rowsChecked:[{type:t.Output}],recalculateTable:[{type:t.Output}]},m([P()],Ht.prototype,"captionComponent",void 0),m([P()],Ht.prototype,"headerComponent",void 0);var wt=function(e){function a(a,n){var r=e.call(this)||this;return r.cdRef=a,r.factoryResolver=n,r.activeChange=new t.EventEmitter,r.lastActiveState=void 0,r.hasViewinit=!1,r.createdCallerFromType=!1,r}return u(a,e),Object.defineProperty(a.prototype,"active",{get:function(){return this._active},set:function(e){var t=this;setTimeout((function(){t._active=e,t.cdRef.detectChanges(),t.handleActiveState()}))},enumerable:!1,configurable:!0}),a.prototype.ngOnDestroy=function(){this.active=!1},a.prototype.ngAfterViewInit=function(){this.hasViewinit=!0,this.handleActiveState()},a.prototype.dismiss=function(){this.activeChange.emit(!1)},a.prototype.handleActiveState=function(){if(this._active&&this.callerType&&!this.createdCallerFromType){var e=this.factoryResolver.resolveComponentFactory(this.callerType),t=this.container.createComponent(e);this.onCallerCreationCallback&&this.onCallerCreationCallback(this,t),this.createdCallerFromType=!0}if(this._active!==this.lastActiveState&&this.hasViewinit&&(this.lastActiveState=this._active,this._active&&this.focusFirst)){this.cdRef.detectChanges();var a=H.getFirstFocusableElement(this.alertWrapper.nativeElement);a&&a.focus()}},a}(C);wt.decorators=[{type:t.Component,args:[{selector:"desy-alert",template:'<div #alertWrapper\n     [id]="id" [class]="classes ? classes : null"\n     [attr.role]="role ? role : null"\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n     [attr.aria-live]="ariaLive ? ariaLive : null"\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n     [attr.aria-modal]="ariaModal ? ariaModal : null">\n  <ng-container *ngIf="active">\n    <ng-template #container></ng-template>\n    <ng-container *ngTemplateOutlet="caller; context:callerContext"></ng-container>\n  </ng-container>\n</div>\n\n'}]}],wt.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:t.ComponentFactoryResolver}]},wt.propDecorators={alertWrapper:[{type:t.ViewChild,args:["alertWrapper"]}],container:[{type:t.ViewChild,args:["container",{read:t.ViewContainerRef}]}],id:[{type:t.Input}],classes:[{type:t.Input}],caller:[{type:t.Input}],focusFirst:[{type:t.Input}],active:[{type:t.Input}],activeChange:[{type:t.Output}]};var kt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);kt.decorators=[{type:t.Component,args:[{selector:"desy-accordion-header",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],kt.propDecorators={classes:[{type:t.Input}]};var Mt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Mt.decorators=[{type:t.Component,args:[{selector:"desy-accordion-item-show-button",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Mt.propDecorators={classes:[{type:t.Input}]};var Bt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Bt.decorators=[{type:t.Component,args:[{selector:"desy-accordion-item-hide-button",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Bt.propDecorators={classes:[{type:t.Input}]};var Pt=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.openChange=new t.EventEmitter,a}return u(a,e),a}(C);Pt.decorators=[{type:t.Component,args:[{selector:"desy-accordion-item",template:""}]}],Pt.propDecorators={id:[{type:t.Input}],open:[{type:t.Input}],classes:[{type:t.Input}],openChange:[{type:t.Output}],headerComponent:[{type:t.ContentChildren,args:[kt]}],contentComponent:[{type:t.ContentChildren,args:[O]}],showHeaderButton:[{type:t.ContentChildren,args:[Mt]}],hideHeaderButton:[{type:t.ContentChildren,args:[Bt]}]},m([P()],Pt.prototype,"headerComponent",void 0),m([P()],Pt.prototype,"contentComponent",void 0),m([P()],Pt.prototype,"showHeaderButton",void 0),m([P()],Pt.prototype,"hideHeaderButton",void 0);var Tt=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.showAll=!0,t}return u(t,e),t.prototype.ngOnChanges=function(e){this.roleData=this.role?this.role:null,this.ariaLabelData=this.ariaLabel?this.ariaLabel:null,this.ariaDescribedbyData=this.ariaDescribedBy?this.ariaDescribedBy:null,this.ariaLabelledbyData=this.ariaLabelledBy?this.ariaLabelledBy:null,this.ariaHiddenData=this.ariaHidden?this.ariaHidden:null,this.ariaDisabledData=this.ariaDisabled?this.ariaDisabled:null,this.ariaControlsData=this.ariaControls?this.ariaControls:null,this.ariaCurrentData=this.ariaCurrent?this.ariaCurrent:null,this.ariaLiveData=this.ariaLive?this.ariaLive:null,this.ariaExpandedData=this.ariaExpanded?this.ariaExpanded:null,this.ariaErrormessageData=this.ariaErrorMessage?this.ariaErrorMessage:null,this.ariaHaspopupData=this.ariaHasPopup?this.ariaHasPopup:null,this.ariaModalData=this.ariaModal?this.ariaModal:null},t.prototype.getItemId=function(e,t){return e.id?e.id:0===t?this.idPrefix?this.idPrefix:void 0:this.idPrefix?this.idPrefix+"-"+t:t},t.prototype.changeAll=function(){var e=this;this.getItems().forEach((function(t){var a=t.open!==e.showAll;t.open=e.showAll,a&&t instanceof Pt&&t.openChange.emit(t.open)})),this.showAll=!this.showAll},t.prototype.toggleItem=function(e){if(!e.open||this.allowToggle){var t=!e.open;if(!this.allowMultiple)this.getItems().forEach((function(t){var a=t.open;t.open=!1,a&&t!==e&&t instanceof Pt&&t.openChange.emit(t.open)}));e.open=t,e instanceof Pt&&e.openChange.emit(e.open)}},t.prototype.focusFirstItem=function(e){e.preventDefault(),this.itemSelectors.toArray()[0].nativeElement.focus()},t.prototype.focusLastItem=function(e){e.preventDefault(),this.itemSelectors.toArray()[this.itemSelectors.length-1].nativeElement.focus()},t.prototype.focusNextItem=function(e,t){e.preventDefault();var a=this.itemSelectors.toArray();null!=a[(t+1)%a.length]&&a[(t+1)%a.length].nativeElement.focus()},t.prototype.focusPreviousItem=function(e,t){e.preventDefault();var a=this.itemSelectors.toArray();null!=a[(t+a.length-1)%a.length]&&a[(t+a.length-1)%a.length].nativeElement.focus()},t.prototype.selectItem=function(e){this.currentItem=e},t.prototype.getTitleClasses=function(){var e="c-h2 mb-base";return this.headingComponent&&this.headingComponent.classes?e=this.headingComponent.classes:this.heading&&this.heading.classes&&(e=this.heading.classes),e},t.prototype.getItems=function(){return this.itemComponentList&&this.itemComponentList.length>0?this.itemComponentList.toArray():this.items},t.prototype.getItemHeader=function(e){return e instanceof Pt?e.headerComponent:null},t.prototype.getItemContent=function(e){return e instanceof Pt?e.contentComponent:null},t}(C);Tt.decorators=[{type:t.Component,args:[{selector:"desy-accordion",template:'\n  <div class="flex justify-between">\n    <ng-container *ngIf="headingComponent || heading">\n      <ng-container [ngSwitch]="headingLevel > 0 && headingLevel < 6 ? headingLevel : 2">\n        <h1 *ngSwitchCase="1" [class]="getTitleClasses()">\n          <ng-container *desyCustomInnerContent="{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }"></ng-container>\n        </h1>\n        <h2 *ngSwitchCase="2" [class]="getTitleClasses()">\n          <ng-container *desyCustomInnerContent="{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }"></ng-container>\n        </h2>\n        <h3 *ngSwitchCase="3" [class]="getTitleClasses()">\n          <ng-container *desyCustomInnerContent="{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }"></ng-container>\n        </h3>\n        <h4 *ngSwitchCase="4" [class]="getTitleClasses()">\n          <ng-container *desyCustomInnerContent="{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }"></ng-container>\n        </h4>\n        <h5 *ngSwitchCase="5" [class]="getTitleClasses()">\n          <ng-container *desyCustomInnerContent="{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }"></ng-container>\n        </h5>\n      </ng-container>\n      <button *ngIf="showControl" (click)="changeAll()"\n              class="ml-auto py-base text-sm text-neutral-dark underline focus:text-black focus:bg-warning-base focus:outline-none focus:shadow-outline-focus">\n        {{showAll ? \'Mostrar\' : \'Ocultar\'}} todo\n      </button>\n    </ng-container>\n  </div>\n  <div class="Accordion">\n    <div *ngFor="let item of getItems(); index as i" class="-my-px px-xs py-sm border-t border-b border-neutral-base"\n         (keydown.home)="focusFirstItem($event)"\n         (keydown.end)="focusLastItem($event)"\n         (keydown.arrowup)="focusPreviousItem($event, i)"\n         (keydown.arrowdown)="focusNextItem($event, i)"\n         (click)="selectItem(i)">\n\n      <ng-container [ngSwitch]="headingLevel > 0 && headingLevel < 6 ? headingLevel : 2">\n        <h2 *ngSwitchCase="1"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h2>\n        <h3 *ngSwitchCase="2"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h3>\n        <h4 *ngSwitchCase="3"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h4>\n        <h5 *ngSwitchCase="4"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h5>\n        <h6 *ngSwitchCase="5"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h6>\n      </ng-container>\n      <p class="sr-only" aria-hidden="true">Haz click en el botón anterior para mostrar u ocultar</p>\n      <div *ngIf="item.open" class="Accordion-panel"\n           [class]="item.classes"\n           [attr.id]="getItemId(item, i)"\n           [attr.role]="(item.role ? role : \'accordion\')"           \n           [attr.aria-selected]="currentItem === i ? \'true\' : \'false\'"\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-controls]="\'accordion-\' + getItemId(item, i)"\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        <ng-container *desyCustomInnerContent="{ component: getItemContent(item), html: item.html, text: item.text }"></ng-container>\n      </div>\n    </div>\n  </div>\n<ng-template #itemHeaderContent let-item="item" let-id="id" let-index="index">\n  <button #itemSelector [id]="id + \'-title\'" class="Accordion-trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black"\n          [attr.aria-controls]="id" [attr.aria-expanded]="item.open" (click)="toggleItem(item)" [attr.disabled]="item.disabled" [ngClass]="item.disabled ? \'cursor-not-allowed\' : classes">\n    <ng-container *desyCustomInnerContent="{ component: getItemHeader(item), html: item.headerHtml, text: item.headerText }"></ng-container>\n    <span *ngIf="!item.disabled" class="absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none" aria-hidden="true" [ngClass]="{\'hidden\': item.disabled}">\n      <span *ngIf="!item.open" [class]="[\'Accordion-show\', item.showHeaderButton?.classes] | makeHtmlList">\n        <ng-container *desyCustomInnerContent="{ component: item.showHeaderButton, text: \'Mostrar\' }"></ng-container>      \n      </span>\n      <span *ngIf="allowToggle && item.open" [class]="[\'Accordion-hide\', item.showHeaderButton?.classes] | makeHtmlList">\n        <ng-container *desyCustomInnerContent="{ component: item.hideHeaderButton, text: \'Ocultar\' }"></ng-container>\n      </span>\n    </span>\n  </button>\n</ng-template>\n'}]}],Tt.propDecorators={itemSelectors:[{type:t.ViewChildren,args:["itemSelector"]}],idPrefix:[{type:t.Input}],allowToggle:[{type:t.Input}],allowMultiple:[{type:t.Input}],heading:[{type:t.Input}],headingLevel:[{type:t.Input}],showControl:[{type:t.Input}],items:[{type:t.Input}],classes:[{type:t.Input},{type:t.HostBinding,args:["class"]}],roleData:[{type:t.HostBinding,args:["attr.role"]}],ariaLabelData:[{type:t.HostBinding,args:["attr.aria-label"]}],ariaDescribedbyData:[{type:t.HostBinding,args:["attr.aria-describedby"]}],ariaLabelledbyData:[{type:t.HostBinding,args:["attr.aria-labelledby"]}],ariaHiddenData:[{type:t.HostBinding,args:["attr.aria-hidden"]}],ariaDisabledData:[{type:t.HostBinding,args:["attr.aria-disabled"]}],ariaControlsData:[{type:t.HostBinding,args:["attr.aria-controls"]}],ariaCurrentData:[{type:t.HostBinding,args:["attr.aria-current"]}],ariaLiveData:[{type:t.HostBinding,args:["attr.aria-live"]}],ariaExpandedData:[{type:t.HostBinding,args:["attr.aria-expanded"]}],ariaErrormessageData:[{type:t.HostBinding,args:["attr.aria-errormessage"]}],ariaHaspopupData:[{type:t.HostBinding,args:["attr.aria-haspopup"]}],ariaModalData:[{type:t.HostBinding,args:["attr.aria-modal"]}],headingComponent:[{type:t.ContentChildren,args:[kt]}],itemComponentList:[{type:t.ContentChildren,args:[Pt]}]},m([P()],Tt.prototype,"headingComponent",void 0);var St=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.disabled=!1,t}return u(t,e),t}(Pt);St.decorators=[{type:t.Component,args:[{selector:"desy-accordion-history-item",template:""}]}],St.propDecorators={status:[{type:t.Input}],disabled:[{type:t.Input}],showButton:[{type:t.ContentChildren,args:[Mt]}],hideButton:[{type:t.ContentChildren,args:[Bt]}]},m([P()],St.prototype,"showButton",void 0),m([P()],St.prototype,"hideButton",void 0);var Ot=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(Tt);Ot.decorators=[{type:t.Component,args:[{selector:"desy-accordion-history",template:'<div [class]="classes"\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 class="flex justify-between">\n    <ng-container [ngSwitch]="headingLevel">\n      <h1 *ngSwitchCase="1" [class]="headingComponent?.classes || \'c-h2 mb-base\'"><ng-container *desyCustomInnerContent="{ component: headingComponent }"></ng-container></h1>\n      <h2 *ngSwitchCase="2" [class]="headingComponent?.classes || \'c-h2 mb-base\'"><ng-container *desyCustomInnerContent="{ component: headingComponent }"></ng-container></h2>\n      <h3 *ngSwitchCase="3" [class]="headingComponent?.classes || \'c-h2 mb-base\'"><ng-container *desyCustomInnerContent="{ component: headingComponent }"></ng-container></h3>\n      <h4 *ngSwitchCase="4" [class]="headingComponent?.classes || \'c-h2 mb-base\'"><ng-container *desyCustomInnerContent="{ component: headingComponent }"></ng-container></h4>\n      <h5 *ngSwitchCase="5" [class]="headingComponent?.classes || \'c-h2 mb-base\'"><ng-container *desyCustomInnerContent="{ component: headingComponent }"></ng-container></h5>\n      <h2 *ngSwitchDefault  [class]="headingComponent?.classes || \'c-h2 mb-base\'"><ng-container *desyCustomInnerContent="{ component: headingComponent }"></ng-container></h2>\n    </ng-container>\n\n    <button *ngIf="showControl" (click)="changeAll()"\n            class="ml-auto py-base text-sm text-neutral-dark underline focus:text-black focus:bg-warning-base focus:outline-none focus:shadow-outline-focus">\n      {{showAll ? \'Mostrar\' : \'Ocultar\'}} todo\n    </button>\n  </div>\n  <div class="Accordion pl-lg">\n      <ng-template #itemHeaderContent let-item="item" let-id="id" let-index="index">\n        <button #itemSelector [id]="id + \'-title\'" (click)="toggleItem(item)"\n                [class]="[\'Accordion-trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.disabled ? \'cursor-not-allowed\' : \'\'] | makeHtmlList"\n                [attr.aria-controls]="id" [attr.aria-expanded]="item.open" [disabled]="item.disabled">\n            <ng-container *desyCustomInnerContent="{ component: getItemHeader(item), html: item.headerHtml, text: item.headerText }"></ng-container>\n            <span *ngIf="!item.disabled" class="absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none">\n              <span *ngIf="!item.open" [class]="[\'Accordion-show\', item.showButton?.classes] | makeHtmlList">\n                <ng-container *desyCustomInnerContent="{ component: item.showButton, text: \'Mostrar\' }"></ng-container>\n              </span>\n              <span *ngIf="allowToggle && item.open" [class]="[\'Accordion-show\', item.hideButton?.classes] | makeHtmlList">\n                <ng-container *desyCustomInnerContent="{ component: item.hideButton, text: \'Ocultar\' }"></ng-container>\n              </span>\n            </span>\n        </button>\n      </ng-template>\n\n      <div *ngFor="let item of getItems(); index as i; first as isFirst; last as isLast" \n           class="relative -my-px px-xs py-sm border-t border-b border-neutral-base"\n           (keydown.home)="focusFirstItem($event)"\n           (keydown.end)="focusLastItem($event)"\n           (keydown.arrowup)="focusPreviousItem($event, i)"\n           (keydown.arrowdown)="focusNextItem($event, i)"\n           (click)="selectItem(i)">\n        <ng-container [ngSwitch]="headingLevel">\n            <h2 *ngSwitchCase="1"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h2>\n            <h3 *ngSwitchCase="2"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h3>\n            <h4 *ngSwitchCase="3"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h4>\n            <h5 *ngSwitchCase="4"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h5>\n            <h6 *ngSwitchCase="5"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h6>\n            <h3 *ngSwitchDefault><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h3>\n        </ng-container>\n        <p class="sr-only" aria-hidden="true">Haz click en el botón anterior para mostrar u ocultar</p>\n        <ng-container *ngIf="!isFirst">\n          <ng-container [ngSwitch]="item.status">\n            <div *ngSwitchCase="\'current\'" class="absolute -top-px -left-5 h-6 border-2 border-primary-base"></div>\n            <div *ngSwitchCase="\'pending\'" class="absolute -top-px -left-5 h-6 border-2 border-neutral-light"></div>\n            <div *ngSwitchCase="\'muted\'" class="absolute -top-px -left-5 h-6 border-2 border-neutral-base"></div>\n            <div *ngSwitchCase="\'currentmuted\'" class="absolute -top-px -left-5 h-6 border-2 border-neutral-base"></div>\n            <div *ngSwitchDefault class="absolute -top-px -left-5 h-6 border-2 border-primary-base"></div>\n          </ng-container>\n        </ng-container>\n        <ng-container *ngIf="!isLast">\n          <ng-container [ngSwitch]="item.status">\n            <div *ngSwitchCase="\'current\'" class="absolute top-6 bottom-0 -left-5 border-2 border-neutral-light"></div>\n            <div *ngSwitchCase="\'pending\'" class="absolute top-6 bottom-0 -left-5 border-2 border-neutral-light"></div>\n            <div *ngSwitchCase="\'muted\'" class="absolute top-6 bottom-0 -left-5 border-2 border-neutral-base"></div>\n            <div *ngSwitchCase="\'currentmuted\'" class="absolute top-6 bottom-0 -left-5 border-2 border-neutral-light"></div>\n            <div *ngSwitchDefault class="absolute top-6 bottom-0 -left-5 border-2 border-primary-base"></div>\n          </ng-container>\n        </ng-container>\n        <ng-container [ngSwitch]="item.status">\n          <div *ngSwitchCase="\'current\'" class="absolute top-5 -left-6 w-3 h-3 bg-white ring-2 ring-primary-base rounded-full" role="img"><p class="sr-only">Estado: actual</p></div>\n          <div *ngSwitchCase="\'pending\'" class="absolute top-5 -left-6 w-3 h-3 bg-white border-2 border-neutral-base rounded-full" role="img"><p class="sr-only">Estado: pendiente</p></div>\n          <div *ngSwitchCase="\'muted\'" class="absolute top-5 -left-6 w-3 h-3 bg-neutral-base border-2 border-neutral-base rounded-full" role="img"><p class="sr-only">Estado: pasado</p></div>\n          <div *ngSwitchCase="\'currentmuted\'" class="absolute top-5 -left-6 w-3 h-3 bg-neutral-base ring-2 ring-neutral-base rounded-full" role="img"><p class="sr-only">Estado: actual</p></div>\n          <div *ngSwitchDefault class="absolute top-5 -left-6 w-3 h-3 bg-primary-base border-2 border-primary-base rounded-full" role="img"><p class="sr-only">Estado: pasado</p></div>\n        </ng-container>\n\n        <div *ngIf="item.open" [class]="[\'Accordion-panel relative\', item.classes] | makeHtmlList"\n             [attr.id]="getItemId(item, i)"\n             [attr.role]="(item.role ? role : \'accordion\')"\n             [attr.aria-selected]="currentItem === i ? \'true\' : \'false\'"\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-controls]="\'accordion-\' + getItemId(item, i)"\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          <ng-container *ngIf="!isLast">\n            <ng-container [ngSwitch]="item.status">\n              <div *ngSwitchCase="\'current\'" class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light"></div>\n              <div *ngSwitchCase="\'pending\'" class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light"></div>\n              <div *ngSwitchCase="\'muted\'" class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-base"></div>\n              <div *ngSwitchCase="\'currentmuted\'" class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light"></div>\n              <div *ngSwitchDefault class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-primary-base"></div>\n            </ng-container>\n          </ng-container>\n          <ng-container *desyCustomInnerContent="{ component: getItemContent(item), html: item.html, text: item.text }"></ng-container>\n        </div>\n      </div>\n  </div>\n</div>\n'}]}],Ot.propDecorators={itemComponentList:[{type:t.ContentChildren,args:[St]}]};var At=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.ngOnChanges=function(e){this.classes=this.classes?this.classes+=" c-spinner":"c-spinner",this.roleData=this.role?this.role:null,this.ariaLabelData=this.ariaLabel?this.ariaLabel:null,this.ariaDescribedbyData=this.ariaDescribedBy?this.ariaDescribedBy:null,this.ariaLabelledbyData=this.ariaLabelledBy?this.ariaLabelledBy:null,this.ariaHiddenData=this.ariaHidden?this.ariaHidden:null,this.ariaDisabledData=this.ariaDisabled?this.ariaDisabled:null,this.ariaControlsData=this.ariaControls?this.ariaControls:null,this.ariaCurrentData=this.ariaCurrent?this.ariaCurrent:null,this.ariaLiveData=this.ariaLive?this.ariaLive:null,this.ariaExpandedData=this.ariaExpanded?this.ariaExpanded:null,this.ariaErrormessageData=this.ariaErrorMessage?this.ariaErrorMessage:null,this.ariaHaspopupData=this.ariaHasPopup?this.ariaHasPopup:null,this.ariaModalData=this.ariaModal?this.ariaModal:null},t}(C);At.decorators=[{type:t.Component,args:[{selector:"desy-spinner",template:'<span *ngIf="text" class="sr-only" role="alert" aria-live="assertive">{{text}}</span>'}]}],At.propDecorators={text:[{type:t.Input}],classes:[{type:t.Input},{type:t.HostBinding,args:["class"]}],roleData:[{type:t.HostBinding,args:["attr.role"]}],ariaLabelData:[{type:t.HostBinding,args:["attr.aria-label"]}],ariaDescribedbyData:[{type:t.HostBinding,args:["attr.aria-describedby"]}],ariaLabelledbyData:[{type:t.HostBinding,args:["attr.aria-labelledby"]}],ariaHiddenData:[{type:t.HostBinding,args:["attr.aria-hidden"]}],ariaDisabledData:[{type:t.HostBinding,args:["attr.aria-disabled"]}],ariaControlsData:[{type:t.HostBinding,args:["attr.aria-controls"]}],ariaCurrentData:[{type:t.HostBinding,args:["attr.aria-current"]}],ariaLiveData:[{type:t.HostBinding,args:["attr.aria-live"]}],ariaExpandedData:[{type:t.HostBinding,args:["attr.aria-expanded"]}],ariaErrormessageData:[{type:t.HostBinding,args:["attr.aria-errormessage"]}],ariaHaspopupData:[{type:t.HostBinding,args:["attr.aria-haspopup"]}],ariaModalData:[{type:t.HostBinding,args:["attr.aria-modal"]}],id:[{type:t.Input}]};var Rt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);Rt.decorators=[{type:t.Component,args:[{selector:"desy-details",template:'<details \n    [attr.id]="id ? id : null"\n    [class]="classes"\n    [attr.open]="open ? open : null"\n    [attr.role]="role ? role : null"\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\n    [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n    [attr.aria-live]="ariaLive ? ariaLive : null"\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n    [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n    [attr.tabindex]="tabindex ? tabindex : null">\n    <summary class="py-sm cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black">\n        <span [desyInnerContent]="summaryHtml ? summaryHtml : summaryText" [isHtml]="summaryHtml"\n              [class]="summaryClasses ? summaryClasses : \'c-link\'"></span>\n    </summary>\n    <div class="py-sm">\n      <div [ngClass]="containerClasses">\n        <ng-content></ng-content>\n      </div>\n    </div>\n</details>  \n\n'}]}],Rt.propDecorators={summaryText:[{type:t.Input}],summaryHtml:[{type:t.Input}],summaryClasses:[{type:t.Input}],containerClasses:[{type:t.Input}],id:[{type:t.Input}],open:[{type:t.Input}],classes:[{type:t.Input}]};var Ft=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Ft.decorators=[{type:t.Component,args:[{selector:"desy-term",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Ft.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}]};var Nt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Nt.decorators=[{type:t.Component,args:[{selector:"desy-definition",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Nt.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}]};var Vt=function(){};Vt.decorators=[{type:t.Component,args:[{selector:"desy-description-item",template:""}]}],Vt.propDecorators={term:[{type:t.ContentChildren,args:[Ft]}],definition:[{type:t.ContentChildren,args:[Nt]}],classes:[{type:t.Input}],id:[{type:t.Input}]},m([P()],Vt.prototype,"term",void 0),m([P()],Vt.prototype,"definition",void 0);var _t=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.getItems=function(){return this.itemComponents.length>0?this.itemComponents.toArray():this.items},t}(C);_t.decorators=[{type:t.Component,args:[{selector:"desy-description-list",template:'<dl [class]="classes"\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 *ngFor="let item of getItems()"\n        [class]="item.classes"\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        <dt [class]="(item.term.classes ?  item.term.classes : \'text-sm text-neutral-dark\')"\n            [attr.id]="item.term.id ? item.term.id : null"\n            [attr.role]="item.term.role"\n            [attr.aria-describedby]="item.term.ariaDescribedBy"\n            [attr.aria-errormessage]="item.term.ariaErrorMessage"\n            [attr.aria-label]="item.term.ariaLabel"\n            [attr.aria-labelledby]="item.term.ariaLabelledBy"\n            [attr.aria-hidden]="item.term.ariaHidden"\n            [attr.aria-disabled]="item.term.ariaDisabled"\n            [attr.aria-controls]="item.term.ariaControls"\n            [attr.aria-current]="item.term.ariaCurrent"\n            [attr.aria-live]="item.term.ariaLive"\n            [attr.aria-expanded]="item.term.ariaExpanded"\n            [attr.aria-haspopup]="item.term.ariaHasPopup"\n            [attr.tabindex]="item.tabindex">\n          <ng-container *desyCustomInnerContent="{ component: item.term, html: item.term.html, text: item.term.text}"></ng-container>\n        </dt>\n        <dd [class]="(item.definition.classes ?  item.definition.classes : \'text-base text-black\')"\n            [attr.id]="item.definition.id ? item.definition.id : null"\n            [attr.role]="item.definition.role"\n            [attr.aria-describedby]="item.definition.ariaDescribedBy"\n            [attr.aria-errormessage]="item.definition.ariaErrorMessage"\n            [attr.aria-label]="item.definition.ariaLabel"\n            [attr.aria-labelledby]="item.definition.ariaLabelledBy"\n            [attr.aria-hidden]="item.definition.ariaHidden"\n            [attr.aria-disabled]="item.definition.ariaDisabled"\n            [attr.aria-controls]="item.definition.ariaControls"\n            [attr.aria-current]="item.definition.ariaCurrent"\n            [attr.aria-live]="item.definition.ariaLive"\n            [attr.aria-expanded]="item.definition.ariaExpanded"\n            [attr.aria-haspopup]="item.definition.ariaHasPopup"\n            [attr.tabindex]="item.tabindex">\n          <ng-container *desyCustomInnerContent="{ component: item.definition, html: item.definition.html, text: item.definition.text}"></ng-container>\n        </dd>\n    </div>\n</dl>\n'}]}],_t.propDecorators={items:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[Vt]}],classes:[{type:t.Input}],id:[{type:t.Input}]};var zt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.isOpen=function(){this.open=!this.open,this.toggleOpen()},t.prototype.toggleOpen=function(){this.open?this.show="Ocultar":this.show="Mostrar"},t.prototype.ngOnInit=function(){this.toggleOpen()},t.prototype.ngOnChanges=function(){this.toggleOpen()},t}(D);zt.decorators=[{type:t.Component,args:[{selector:"desy-collapsible",template:'<div [class]="(classes ? classes : \'-my-px py-sm border-t border-b border-neutral-base\')"\n    [attr.role]="role ? role : null"\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\n    [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n    [attr.aria-live]="ariaLive ? ariaLive : null"\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n    [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n    [attr.tabindex]="tabindex ? tabindex : null">\n    <h3>        \n        <button *ngIf="headerText && !headerHtml" (click)="isOpen()" [attr.id]="id ? (id + \'-title\') : null"\n            class="group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black" \n            [attr.aria-expanded]="open"\n            [attr.aria-controls]="id ? id : null">{{ headerText }}\n            <span class="absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black" aria-hidden="true">{{show}}</span>\n        </button>\n        <button *ngIf="headerHtml" (click)="isOpen()" [attr.id]="id ? (id + \'-title\') : null"\n            class="group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black" \n            [attr.aria-expanded]="open"\n            [attr.aria-controls]="id ? id : null"><ng-container *ngTemplateOutlet="tmpHtml"></ng-container>\n            <span class="absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black" aria-hidden="true">{{show}}</span>\n        </button>\n        <button *ngIf="!headerHtml && !headerText" (click)="isOpen()" [attr.id]="id ? (id + \'-title\') : null"\n            class="group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black" \n            [attr.aria-expanded]="open"\n            [attr.aria-controls]="id ? id : null">\n            <ng-content></ng-content>\n            <span class="absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black" aria-hidden="true">{{show}}</span>\n        </button>\n    </h3>\n    <div *ngIf="open && html"  @displayCollapsible [attr.id]="(id ? id : null)" class="py-sm">\n        <ng-container *ngTemplateOutlet="html"></ng-container>\n    </div>\n    <div *ngIf="open && !html" @displayCollapsible [attr.id]="(id ? id : null)" class="py-sm">\n        <p [desyInnerContent]="text"></p>\n    </div>\n</div>\n<ng-template #tmpHtml>\n    <div [outerHTML]="headerHtml | innerHtml"></div>  \n </ng-template>\n',animations:[n.trigger("displayCollapsible",[n.state("void",n.style({opacity:"0.0",transform:"scaleY(0.95)"})),n.state("*",n.style({opacity:"1.0",transform:"scaleY(1.0)"})),n.transition(":enter",[n.animate("100ms ease-out")]),n.transition(":leave",[n.animate("75ms ease-in")])])]}]}],zt.propDecorators={headerText:[{type:t.Input}],headerHtml:[{type:t.Input}],id:[{type:t.Input}],open:[{type:t.Input}],classes:[{type:t.Input}]};var $t=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);$t.decorators=[{type:t.Component,args:[{selector:"desy-item-content-right",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}];var Gt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Gt.decorators=[{type:t.Component,args:[{selector:"desy-item-content-bottom",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Gt.propDecorators={classes:[{type:t.Input}]};var Ut=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Ut.decorators=[{type:t.Component,args:[{selector:"desy-item-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}];var Zt=function(e){function t(t){var a=e.call(this)||this;return a.changeDetectorRef=t,a}return u(t,e),t.prototype.ngOnInit=function(){var e=this,t=setInterval((function(){e.checkClasses(),clearInterval(t)}),500)},t.prototype.getItems=function(){return this.itemComponents.length>0?this.itemComponents.toArray():this.items},t.prototype.handleIconContentEmpty=function(e){this.changeDetectorRef.detectChanges()},t.prototype.getTitle=function(){return this.titleComponent?this.titleComponent:this.title?this.title:null},t.prototype.getIcon=function(){return this.iconComponent?this.iconComponent:this.icon?this.icon:null},t.prototype.ngOnChanges=function(e){this.checkClasses()},t.prototype.checkClasses=function(){this.getTitle()&&(this.classes=this.classes?this.classes+=" flex flex-wrap p-base bg-white border border-neutral-base rounded":"flex flex-wrap p-base bg-white border border-neutral-base rounded",this.id=this.id?this.id:null)},t}(C);Zt.decorators=[{type:t.Component,args:[{selector:"desy-item",template:'<div class="self-center h-full mr-lg" *ngIf="isDraggable || isLocked">\n  <svg *ngIf="isDraggable && !isLocked" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-5 h-5 text-neutral-base" aria-hidden="true" focusable="false"><g fill="currentColor"><path d="M41 28a10 10 0 1010-10 10 10 0 00-10 10z"/><path d="M79.999 28a10 10 0 1010-10 10 10 0 00-10 10z"/><path d="M41 70a10 10 0 1010-10 10 10 0 00-10 10z"/><path d="M79.999 70a10 10 0 1010-10 10 10 0 00-10 10z"/><path d="M41 112a10 10 0 1010-10 10 10 0 00-10 10z"/><path d="M79.999 112a10 10 0 1010-10 10 10 0 00-10 10z"/></g></svg>\n  <svg *ngIf="isLocked && !isDraggable" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-base h-base text-neutral-dark" aria-label="Item Bloqueado" focusable="false"><path d="M115 55.86V45a45 45 0 00-90 0v10.86A15 15 0 0015 70v55a15 15 0 0015 15h80a15 15 0 0015-15V70a15 15 0 00-10-14.14zM70 110a12.5 12.5 0 1112.5-12.5A12.5 12.5 0 0170 110zm25-55H45V45a25 25 0 0150 0z" fill="currentColor"/></svg>\n</div>\n<div [class]="getIcon().containerClasses != null ? getIcon().containerClasses : \'self-center h-full mr-base\'" *ngIf="getIcon() != null">\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="\'clipboard\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="1em" height="1em" class="w-8 h-8 text-neutral-dark" aria-label="Icono de datos" focusable="false" role="img"><path d="M16.5 9h-9a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5ZM17.25 13.25a.76.76 0 0 0-.75-.75h-9a.75.75 0 0 0 0 1.5h9a.76.76 0 0 0 .75-.75ZM10 6.5h4a1 1 0 0 0 1-1V3A3 3 0 0 0 13.82.62 3 3 0 0 0 9 3.09V5.5a1 1 0 0 0 1 1Zm1.25-3.75a.75.75 0 1 1 .75.75.76.76 0 0 1-.75-.75Z" fill="currentColor" transform="scale(2)"/><path d="M19.5 3h-2.75a.25.25 0 0 0-.25.25v1.5a.25.25 0 0 0 .25.25H19a.5.5 0 0 1 .5.5v12.79a.51.51 0 0 1-.15.36l-3.2 3.2a.49.49 0 0 1-.36.15H5a.5.5 0 0 1-.5-.5v-16A.5.5 0 0 1 5 5h2.25a.25.25 0 0 0 .25-.25v-1.5A.25.25 0 0 0 7.25 3H4.5a2 2 0 0 0-2 2v17a2 2 0 0 0 2 2h15a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z" fill="currentColor" transform="scale(2)"/><path d="M7.5 16a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5Z" fill="currentColor" transform="scale(2)"/></svg>\n    <svg *ngSwitchCase="\'link\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="1em" height="1em" class="w-8 h-8 text-neutral-dark" aria-label="Icono de enlace" focusable="false" role="img"><path d="M12.41 14.91a1 1 0 0 0-.55 1.3 1 1 0 0 1-.21 1.09l-2.83 2.83a2 2 0 0 1-2.83 0L3.87 18a2 2 0 0 1 0-2.83l2.83-2.82a1 1 0 0 1 1.09-.21 1 1 0 0 0 .76-1.85 3 3 0 0 0-3.27.65l-2.83 2.83a4 4 0 0 0 0 5.65l2.13 2.13a4 4 0 0 0 5.65 0l2.83-2.83a3 3 0 0 0 .65-3.27 1 1 0 0 0-1.3-.54Z" fill="currentColor" transform="scale(2)"/><path d="M7.76 16.24a1 1 0 0 0 1.41 0L17 8.46a1 1 0 0 0-1.41-1.41l-7.83 7.78a1 1 0 0 0 0 1.41Z" fill="currentColor" transform="scale(2)"/><path d="m21.55 4.57-2.13-2.12a4 4 0 0 0-5.65 0l-2.83 2.83a3 3 0 0 0-.88 2.12 3 3 0 0 0 .23 1.15 1 1 0 0 0 1.85-.76 1 1 0 0 1-.08-.39 1 1 0 0 1 .29-.7l2.83-2.83a2 2 0 0 1 2.83 0L20.13 6a2 2 0 0 1 0 2.83l-2.83 2.81a1 1 0 0 1-1.09.22 1 1 0 0 0-1.3.54 1 1 0 0 0 .54 1.31 3 3 0 0 0 3.27-.65l2.83-2.83a4 4 0 0 0 0-5.66Z" fill="currentColor" transform="scale(2)"/></svg>\n    <svg *ngSwitchCase="\'document\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="1em" height="1em" class="w-8 h-8 text-neutral-dark" aria-label="Icono de documento" focusable="false" role="img"><path d="m15.32 2.15 4.53 4.53A.49.49 0 0 1 20 7v14.5a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5v-19a.5.5 0 0 1 .5-.5H15a.49.49 0 0 1 .32.15ZM15.59 0H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6.41a1 1 0 0 0-.29-.7L16.29.29a1 1 0 0 0-.7-.29Z" fill="currentColor" transform="scale(2)"/><path d="M16 11H7a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2ZM16 15H7a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2ZM11.5 19H7a1 1 0 0 1 0-2h4.5a1 1 0 0 1 0 2Z" fill="currentColor" transform="scale(2)"/></svg>\n  </ng-container>\n</div>\n<div class="lg:flex flex-1 self-center">\n  <div class="lg:flex-1 lg:self-center">\n    <ng-container [ngSwitch]="headingLevel">\n      <h1 *ngSwitchCase="1"\n          [class]="getTitle().classes"\n          [attr.role]="getTitle().role" [attr.aria-describedby]="getTitle().ariaDescribedBy" [attr.aria-errormessage]="getTitle().ariaErrorMessage" [attr.aria-label]="getTitle().ariaLabel" [attr.aria-labelledby]="getTitle().ariaLabelledBy" [attr.aria-hidden]="getTitle().ariaHidden" [attr.aria-disabled]="getTitle().ariaDisabled" [attr.aria-controls]="getTitle().ariaControls" [attr.aria-current]="getTitle().ariaCurrent" [attr.aria-live]="getTitle().ariaLive" [attr.aria-expanded]="getTitle().ariaExpanded" [attr.aria-haspopup]="getTitle().ariaHasPopup" [attr.tabindex]="getTitle().tabindex">\n        <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\n      </h1>\n      <h2 *ngSwitchCase="2"\n          [class]="getTitle().classes"\n          [attr.role]="getTitle().role" [attr.aria-describedby]="getTitle().ariaDescribedBy" [attr.aria-errormessage]="getTitle().ariaErrorMessage" [attr.aria-label]="getTitle().ariaLabel" [attr.aria-labelledby]="getTitle().ariaLabelledBy" [attr.aria-hidden]="getTitle().ariaHidden" [attr.aria-disabled]="getTitle().ariaDisabled" [attr.aria-controls]="getTitle().ariaControls" [attr.aria-current]="getTitle().ariaCurrent" [attr.aria-live]="getTitle().ariaLive" [attr.aria-expanded]="getTitle().ariaExpanded" [attr.aria-haspopup]="getTitle().ariaHasPopup" [attr.tabindex]="getTitle().tabindex">\n        <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\n      </h2>\n      <h3 *ngSwitchCase="3"\n          [class]="getTitle().classes"\n          [attr.role]="getTitle().role" [attr.aria-describedby]="getTitle().ariaDescribedBy" [attr.aria-errormessage]="getTitle().ariaErrorMessage" [attr.aria-label]="getTitle().ariaLabel" [attr.aria-labelledby]="getTitle().ariaLabelledBy" [attr.aria-hidden]="getTitle().ariaHidden" [attr.aria-disabled]="getTitle().ariaDisabled" [attr.aria-controls]="getTitle().ariaControls" [attr.aria-current]="getTitle().ariaCurrent" [attr.aria-live]="getTitle().ariaLive" [attr.aria-expanded]="getTitle().ariaExpanded" [attr.aria-haspopup]="getTitle().ariaHasPopup" [attr.tabindex]="getTitle().tabindex">\n        <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\n      </h3>\n      <h4 *ngSwitchCase="4"\n          [class]="getTitle().classes"\n          [attr.role]="getTitle().role" [attr.aria-describedby]="getTitle().ariaDescribedBy" [attr.aria-errormessage]="getTitle().ariaErrorMessage" [attr.aria-label]="getTitle().ariaLabel" [attr.aria-labelledby]="getTitle().ariaLabelledBy" [attr.aria-hidden]="getTitle().ariaHidden" [attr.aria-disabled]="getTitle().ariaDisabled" [attr.aria-controls]="getTitle().ariaControls" [attr.aria-current]="getTitle().ariaCurrent" [attr.aria-live]="getTitle().ariaLive" [attr.aria-expanded]="getTitle().ariaExpanded" [attr.aria-haspopup]="getTitle().ariaHasPopup" [attr.tabindex]="getTitle().tabindex">\n        <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\n      </h4>\n      <h5 *ngSwitchCase="5"\n          [class]="getTitle().classes"\n          [attr.role]="getTitle().role" [attr.aria-describedby]="getTitle().ariaDescribedBy" [attr.aria-errormessage]="getTitle().ariaErrorMessage" [attr.aria-label]="getTitle().ariaLabel" [attr.aria-labelledby]="getTitle().ariaLabelledBy" [attr.aria-hidden]="getTitle().ariaHidden" [attr.aria-disabled]="getTitle().ariaDisabled" [attr.aria-controls]="getTitle().ariaControls" [attr.aria-current]="getTitle().ariaCurrent" [attr.aria-live]="getTitle().ariaLive" [attr.aria-expanded]="getTitle().ariaExpanded" [attr.aria-haspopup]="getTitle().ariaHasPopup" [attr.tabindex]="getTitle().tabindex">\n        <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\n      </h5>\n      <p *ngSwitchDefault\n          [class]="getTitle().classes"\n          [attr.role]="getTitle().role" [attr.aria-describedby]="getTitle().ariaDescribedBy" [attr.aria-errormessage]="getTitle().ariaErrorMessage" [attr.aria-label]="getTitle().ariaLabel" [attr.aria-labelledby]="getTitle().ariaLabelledBy" [attr.aria-hidden]="getTitle().ariaHidden" [attr.aria-disabled]="getTitle().ariaDisabled" [attr.aria-controls]="getTitle().ariaControls" [attr.aria-current]="getTitle().ariaCurrent" [attr.aria-live]="getTitle().ariaLive" [attr.aria-expanded]="getTitle().ariaExpanded" [attr.aria-haspopup]="getTitle().ariaHasPopup" [attr.tabindex]="getTitle().tabindex">\n        <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\n      </p>\n    </ng-container>\n\n    <p *ngIf="descriptionComponent || description" [class]="descriptionComponent ? descriptionComponent.classes : description.classes"\n        [attr.role]="role"\n        [attr.aria-describedby]="ariaDescribedBy"\n        [attr.aria-errormessage]="ariaErrorMessage"\n        [attr.aria-label]="ariaLabel"\n        [attr.aria-labelledby]="ariaLabelledBy"\n        [attr.aria-hidden]="ariaHidden"\n        [attr.aria-disabled]="ariaDisabled"\n        [attr.aria-controls]="ariaControls"\n        [attr.aria-current]="ariaCurrent"\n        [attr.aria-live]="ariaLive"\n        [attr.aria-expanded]="ariaExpanded"\n        [attr.aria-haspopup]="ariaHasPopup"\n        [attr.tabindex]="tabindex">\n      <ng-container *desyCustomInnerContent="{ component: descriptionComponent, html: description ? description.html : null, text: description ? description.text : null }"></ng-container>\n    </p>\n    <ul class="-ml-sm lg:divide-x lg:divide-neutral-base" *ngIf="itemComponents.length > 0 || items">\n      <li class="lg:inline-block px-sm text-sm text-neutral-dark" *ngFor="let item of getItems(); index as index">\n        <ng-container *desyCustomInnerContent="{ component: item, text: item }"></ng-container>\n      </li>\n    </ul>\n    <p *ngIf="contentBottomComponent || content" [class]="contentBottomComponent ? contentBottomComponent.classes : content.classes">\n      <ng-container *desyCustomInnerContent="{ component: contentBottomComponent, html: content ? content.html : null, text: content ? content.text : null }"></ng-container>\n    </p>\n  </div>\n  <div class="w-full lg:w-auto lg:text-right mt-base lg:mt-0 lg:ml-base" *ngIf="contentRightComponent || caller">\n    <ng-container *desyCustomInnerContent="{ component: contentRightComponent, template: caller }"></ng-container>\n  </div>\n</div>'}]}],Zt.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},Zt.propDecorators={title:[{type:t.Input}],description:[{type:t.Input}],headingLevel:[{type:t.Input}],items:[{type:t.Input}],content:[{type:t.Input}],icon:[{type:t.Input}],isDraggable:[{type:t.Input}],isLocked:[{type:t.Input}],caller:[{type:t.Input}],classes:[{type:t.Input},{type:t.HostBinding,args:["class"]}],id:[{type:t.Input},{type:t.HostBinding,args:["attr.id"]}],titleComponent:[{type:t.ContentChildren,args:[F]}],descriptionComponent:[{type:t.ContentChildren,args:[A]}],iconComponent:[{type:t.ContentChildren,args:[R]}],contentBottomComponent:[{type:t.ContentChildren,args:[Gt]}],contentRightComponent:[{type:t.ContentChildren,args:[$t]}],itemComponents:[{type:t.ContentChildren,args:[Ut]}]},m([P()],Zt.prototype,"titleComponent",void 0),m([P()],Zt.prototype,"descriptionComponent",void 0),m([P()],Zt.prototype,"iconComponent",void 0),m([P()],Zt.prototype,"contentBottomComponent",void 0),m([P()],Zt.prototype,"contentRightComponent",void 0);var jt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);jt.decorators=[{type:t.Component,args:[{selector:"desy-media-object-figure",template:"<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n  "}]}];var qt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.ngOnChanges=function(e){this.classes="flex"+(this.classes?" "+this.classes:"")+(1==this.center?" ":""),this.cfgr=this.center,this.idData=this.id?this.id:null,this.roleData=this.role?this.role:null,this.ariaDescribedbyData=this.ariaDescribedBy?this.ariaDescribedBy:null,this.ariaErrormessageData=this.ariaErrorMessage?this.ariaErrorMessage:null,this.ariaLabelData=this.ariaLabel?this.ariaLabel:null,this.ariaLabelledbyData=this.ariaLabelledBy?this.ariaLabelledBy:null,this.ariaHiddenData=this.ariaHidden?this.ariaHidden:null,this.ariaDisabledData=this.ariaDisabled?this.ariaDisabled:null,this.ariaControlsData=this.ariaControls?this.ariaControls:null,this.ariaCurrentData=this.ariaCurrent?this.ariaCurrent:null,this.ariaLiveData=this.ariaLive?this.ariaLive:null,this.ariaExpandedData=this.ariaExpanded?this.ariaExpanded:null,this.ariaHaspopupData=this.ariaHasPopup?this.ariaHasPopup:null,this.tabindexData=this.tabindex?this.tabindex:null},t}(C);qt.decorators=[{type:t.Component,args:[{selector:"desy-media-object",template:"<div *ngIf=\"figureHtml\" [class]=\"(reverse==true ? ' ' + 'order-1' : '') + (figureClasses ? ' ' + figureClasses : '')\" [attr.figureHtml]=\"figureHtml\" [innerHtml]=\"figureHtml\"></div>\n\n<div #mediaFigureContent *ngIf=\"!figureHtml\" [class]=\"(reverse==true ? ' ' + 'order-1' : '') + (figureClasses ? ' ' + figureClasses : '')\">\n    <ng-container *desyCustomInnerContent=\"{ component: mediaObjectFigureComponent }\"></ng-container>\n</div>\n\n<div [class]=\"'flex-1' + (contenClasses ? ' ' + contenClasses : '')\">\n    <ng-container *desyCustomInnerContent=\"{ component: contentComponent, template: caller }\"></ng-container>\n</div>"}]}],qt.propDecorators={figureHtml:[{type:t.Input}],center:[{type:t.Input}],reverse:[{type:t.Input}],figureClasses:[{type:t.Input}],contenClasses:[{type:t.Input}],caller:[{type:t.Input}],id:[{type:t.Input}],classes:[{type:t.Input},{type:t.HostBinding,args:["class"]}],cfgr:[{type:t.HostBinding,args:["class.items-center"]}],idData:[{type:t.HostBinding,args:["attr.id"]}],roleData:[{type:t.HostBinding,args:["attr.role"]}],ariaDescribedbyData:[{type:t.HostBinding,args:["attr.aria-describedby"]}],ariaErrormessageData:[{type:t.HostBinding,args:["attr.aria-errormessage"]}],ariaLabelData:[{type:t.HostBinding,args:["attr.aria-label"]}],ariaLabelledbyData:[{type:t.HostBinding,args:["attr.aria-labelledby"]}],ariaHiddenData:[{type:t.HostBinding,args:["attr.aria-hidden"]}],ariaDisabledData:[{type:t.HostBinding,args:["attr.aria-disabled"]}],ariaControlsData:[{type:t.HostBinding,args:["attr.aria-controls"]}],ariaCurrentData:[{type:t.HostBinding,args:["attr.aria-current"]}],ariaLiveData:[{type:t.HostBinding,args:["attr.aria-live"]}],ariaExpandedData:[{type:t.HostBinding,args:["attr.aria-expanded"]}],ariaHaspopupData:[{type:t.HostBinding,args:["attr.aria-haspopup"]}],tabindexData:[{type:t.HostBinding,args:["attr.tabindex"]}],contentComponent:[{type:t.ContentChildren,args:[O]}],mediaObjectFigureComponent:[{type:t.ContentChildren,args:[jt]}],mediaFigureContent:[{type:t.ViewChild,args:["mediaFigureContent",{read:t.ElementRef,static:!0}]}]},m([P()],qt.prototype,"contentComponent",void 0),m([P()],qt.prototype,"mediaObjectFigureComponent",void 0);var Wt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.ngOnChanges=function(e){this.classes=this.classes?this.classes:null,this.idData=this.id?this.id:null,this.roleData=this.role?this.role:null,this.ariaDescribedbyData=this.ariaDescribedBy?this.ariaDescribedBy:null,this.ariaErrormessageData=this.ariaErrorMessage?this.ariaErrorMessage:null,this.ariaLabelData=this.ariaLabel?this.ariaLabel:null,this.ariaLabelledbyData=this.ariaLabelledBy?this.ariaLabelledBy:null,this.ariaHiddenData=this.ariaHidden?this.ariaHidden:null,this.ariaDisabledData=this.ariaDisabled?this.ariaDisabled:null,this.ariaControlsData=this.ariaControls?this.ariaControls:null,this.ariaCurrentData=this.ariaCurrent?this.ariaCurrent:null,this.ariaLiveData=this.ariaLive?this.ariaLive:null,this.ariaExpandedData=this.ariaExpanded?this.ariaExpanded:null,this.ariaHaspopupData=this.ariaHasPopup?this.ariaHasPopup:null,this.tabindexData=this.tabindex?this.tabindex:null},t.prototype.getType=function(){return this.icon&&this.icon.type?this.icon.type.toLocaleLowerCase():"success"},t}(C);Wt.decorators=[{type:t.Component,args:[{selector:"desy-status",template:'<p class="inline-flex items-center">\n  <span class="inline-block font-bold uppercase">{{text}}</span>\n  <span class="inline-block ml-sm" *ngIf="!icon || !icon.html; else elseBlock">                         \n    <ng-container [ngSwitch]="getType()">\n      <ng-container *ngSwitchCase="\'success\'">\n        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4 text-success-dark" aria-hidden="true" focusable="false"><path d="M39.94 125a19.88 19.88 0 01-15.53-7.81L2.48 92.26a10 10 0 0115-13.2l20.55 23.39a2.5 2.5 0 003.68.08l81-84.42a10.002 10.002 0 1114.5 13.78l-82.02 86.33A19.41 19.41 0 0139.94 125z" fill="currentColor"/></svg>\n      </ng-container>\n      <ng-container *ngSwitchCase="\'alert\'">\n        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4 text-alert-base" aria-hidden="true" focusable="false"><path d="M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z" fill="currentColor"/></svg>\n      </ng-container>\n      <ng-container *ngSwitchCase="\'loading\'">\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" focusable="false"><path d="M71.15 2.3a7.7 7.7 0 100 15.4A52.3 52.3 0 1118.85 70a62.29 62.29 0 014.7-23.16l5.76 4a7.55 7.55 0 004.25 1.31 7.41 7.41 0 004.09-1.22 7.51 7.51 0 003.28-7.68L37 22.45a7.52 7.52 0 00-8.66-6l-21 3.65a7.5 7.5 0 00-3 13.57l6.21 4.27A77.78 77.78 0 003.45 70a67.7 67.7 0 1067.7-67.7z" fill="currentColor"/><path d="M91.15 92.5a7.45 7.45 0 01-3.35-.79l-20-10A7.51 7.51 0 0163.65 75V42.5a7.5 7.5 0 0115 0v27.87l15.86 7.92a7.5 7.5 0 01-3.36 14.21z" fill="currentColor"/></svg>\n      </ng-container>\n      <ng-container *ngSwitchCase="\'error\'">\n        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4 text-alert-base" aria-hidden="true" focusable="false"><path d="M70 75a7.5 7.5 0 007.5-7.5v-25a7.5 7.5 0 00-15 0v25A7.5 7.5 0 0070 75zM60 92.5a10 10 0 1020 0 10 10 0 10-20 0z" fill="currentColor"/><path d="M139.78 101.83L135 82.6a7.51 7.51 0 00-9.1-5.45l-19.22 4.8a7.5 7.5 0 00-2 13.71l6.11 3.66A55.31 55.31 0 0170 120.19a50.47 50.47 0 01-47.16-33.06 7.503 7.503 0 00-14.09 5.16A65.52 65.52 0 0070 135.19 71.27 71.27 0 00123.57 107l5.07 3a7.5 7.5 0 0011.14-8.25zM14.13 62.85l19.22-4.8a7.5 7.5 0 002.05-13.71L29.76 41A56.18 56.18 0 0170 19.81a50.47 50.47 0 0147.16 33.06 7.51 7.51 0 007 4.92 7.61 7.61 0 002.59-.46 7.51 7.51 0 004.46-9.62A65.52 65.52 0 0070 4.81 71.53 71.53 0 0016.83 33.2l-5.47-3.28A7.5 7.5 0 00.22 38.17L5 57.4a7.51 7.51 0 007.27 5.68 7.65 7.65 0 001.86-.23z" fill="currentColor"/></svg>\n      </ng-container>\n    </ng-container>\n  </span>\n  <ng-template #elseBlock>\n    <span class="inline-block ml-sm" [desyInnerContent]="icon.html" [isHtml]="icon.html" [deleteContentIfEmpty]="false"><ng-content></ng-content></span>            \n  </ng-template>\n</p>\n'}]}],Wt.propDecorators={text:[{type:t.Input}],id:[{type:t.Input}],icon:[{type:t.Input}],classes:[{type:t.Input},{type:t.HostBinding,args:["class"]}],idData:[{type:t.HostBinding,args:["attr.id"]}],roleData:[{type:t.HostBinding,args:["attr.role"]}],ariaDescribedbyData:[{type:t.HostBinding,args:["attr.aria-describedby"]}],ariaErrormessageData:[{type:t.HostBinding,args:["attr.aria-errormessage"]}],ariaLabelData:[{type:t.HostBinding,args:["attr.aria-label"]}],ariaLabelledbyData:[{type:t.HostBinding,args:["attr.aria-labelledby"]}],ariaHiddenData:[{type:t.HostBinding,args:["attr.aria-hidden"]}],ariaDisabledData:[{type:t.HostBinding,args:["attr.aria-disabled"]}],ariaControlsData:[{type:t.HostBinding,args:["attr.aria-controls"]}],ariaCurrentData:[{type:t.HostBinding,args:["attr.aria-current"]}],ariaLiveData:[{type:t.HostBinding,args:["attr.aria-live"]}],ariaExpandedData:[{type:t.HostBinding,args:["attr.aria-expanded"]}],ariaHaspopupData:[{type:t.HostBinding,args:["attr.aria-haspopup"]}],tabindexData:[{type:t.HostBinding,args:["attr.tabindex"]}]};var Kt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.ngOnChanges=function(e){this.classes=this.classes?this.classes:null,this.idData=this.id?this.id:null,this.roleData=this.role?this.role:null,this.ariaDescribedbyData=this.ariaDescribedBy?this.ariaDescribedBy:null,this.ariaErrormessageData=this.ariaErrorMessage?this.ariaErrorMessage:null,this.ariaLabelData=this.ariaLabel?this.ariaLabel:null,this.ariaLabelledbyData=this.ariaLabelledBy?this.ariaLabelledBy:null,this.ariaHiddenData=this.ariaHidden?this.ariaHidden:null,this.ariaDisabledData=this.ariaDisabled?this.ariaDisabled:null,this.ariaControlsData=this.ariaControls?this.ariaControls:null,this.ariaCurrentData=this.ariaCurrent?this.ariaCurrent:null,this.ariaLiveData=this.ariaLive?this.ariaLive:null,this.ariaExpandedData=this.ariaExpanded?this.ariaExpanded:null,this.ariaHaspopupData=this.ariaHasPopup?this.ariaHasPopup:null,this.tabindexData=this.tabindex?this.tabindex:null},t.prototype.getItems=function(){return this.itemComponents.length>0?this.itemComponents.toArray():this.items},t}(C);Kt.decorators=[{type:t.Component,args:[{selector:"desy-status-item",template:'<ng-template #commonHtml>\n  <p *ngIf="titleComponent || title" [class]="title ?  title.classes : \'my-sm\'">\n     <ng-container *desyCustomInnerContent="{\n        component: titleComponent,\n        html: title ? title.html : null,\n        text: title ? title.text : null\n      }"></ng-container>\n  </p>\n\n  <ng-container *ngIf="hintComponent">\n      <ng-content select="desy-hint"></ng-content>\n  </ng-container>\n  <ng-container *ngIf="!hintComponent && hint">\n    <desy-hint [text]="hint.text" [html]="hint.html" [classes]="hint.classes" [id]="hint.id"\n               [role]="hint.role"\n               [ariaLabel]="hint.ariaLabel"\n               [ariaDescribedBy]="(hint.ariaDescribedBy ? hint.ariaDescribedBy + \'\' + hint.id : hint.id)"\n               [ariaLabelledBy]="hint.ariaLabelledBy"\n               [ariaHidden]="hint.ariaHidden"\n               [ariaDisabled]="hint.ariaDisabled"\n               [ariaControls]="hint.ariaControls"\n               [ariaCurrent]="hint.ariaCurrent"\n               [ariaLive]="hint.ariaLive"\n               [ariaExpanded]="hint.ariaExpanded"\n               [ariaErrorMessage]="hint.ariaErrorMessage"\n               [ariaHasPopup]="hint.ariaHasPopup"\n               [tabindex]="hint.tabindex"></desy-hint>\n  </ng-container>\n\n  <ng-container *ngIf="errorMessageComponent">\n    <ng-content select="desy-error-message"></ng-content>\n  </ng-container>\n  <ng-container *ngIf="!errorMessageComponent && errorMessage">\n    <desy-error-message [text]="errorMessage.text" [html]="errorMessage.html"\n                        [visuallyHiddenText]="errorMessage.visuallyHiddenText"\n                        [id]="(errorId ? errorId : id + \'-error\')" [classes]="errorMessage.classes"\n                        [role]="errorMessage.role"\n                        [ariaLabel]="errorMessage.ariaLabel"\n                        [ariaDescribedBy]="(errorMessage.ariaDescribedBy ? errorMessage.ariaDescribedBy + \'\' + errorId : errorId)"\n                        [ariaLabelledBy]="errorMessage.ariaLabelledBy"\n                        [ariaHidden]="errorMessage.ariaHidden"\n                        [ariaDisabled]="errorMessage.ariaDisabled"\n                        [ariaControls]="errorMessage.ariaControls"\n                        [ariaCurrent]="errorMessage.ariaCurrent"\n                        [ariaLive]="errorMessage.ariaLive"\n                        [ariaExpanded]="errorMessage.ariaExpanded"\n                        [ariaErrorMessage]="errorMessage.ariaErrorMessage"\n                        [ariaHasPopup]="errorMessage.ariaHasPopup"\n                        [tabindex]="errorMessage.tabindex"></desy-error-message>\n  </ng-container>\n</ng-template>\n\n<div class="lg:flex lg:justify-between lg:items-start -my-px px-base py-sm border-t border-b border-neutral-base">\n  <ng-container *ngIf="getItems(); else noItems">\n    <div class="lg:w-2/3">\n      <ng-container *ngTemplateOutlet="commonHtml"></ng-container>\n      <dl>\n        <div *ngFor="let item of getItems()"\n            [class]="(item.classes ? \'flex lg-flex-wrap \' + item.classes : \'flex lg-flex-wrap\')"\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          <dt [class]="(item.term.classes ?  item.term.classes : \'w-1/2 my-sm\')"\n              [attr.id]="item.term.id ? item.term.id : null"\n              [attr.role]="item.term.role"\n              [attr.aria-describedby]="item.term.ariaDescribedBy"\n              [attr.aria-errormessage]="item.term.ariaErrorMessage"\n              [attr.aria-label]="item.term.ariaLabel"\n              [attr.aria-labelledby]="item.term.ariaLabelledBy"\n              [attr.aria-hidden]="item.term.ariaHidden"\n              [attr.aria-disabled]="item.term.ariaDisabled"\n              [attr.aria-controls]="item.term.ariaControls"\n              [attr.aria-current]="item.term.ariaCurrent"\n              [attr.aria-live]="item.term.ariaLive"\n              [attr.aria-expanded]="item.term.ariaExpanded"\n              [attr.aria-haspopup]="item.term.ariaHasPopup">\n              <ng-container *desyCustomInnerContent="{ component: item.term, html: item.term.html, text: item.term.text}"></ng-container>\n          </dt>\n          <dd [class]="(item.definition.classes ?  item.definition.classes : \'w-1/2 my-sm font-semibold\')"\n              [attr.id]="item.definition.id ? item.definition.id : null"\n              [attr.role]="item.definition.role"\n              [attr.aria-describedby]="item.definition.ariaDescribedBy"\n              [attr.aria-errormessage]="item.definition.ariaErrorMessage"\n              [attr.aria-label]="item.definition.ariaLabel"\n              [attr.aria-labelledby]="item.definition.ariaLabelledBy"\n              [attr.aria-hidden]="item.definition.ariaHidden"\n              [attr.aria-disabled]="item.definition.ariaDisabled"\n              [attr.aria-controls]="item.definition.ariaControls"\n              [attr.aria-current]="item.definition.ariaCurrent"\n              [attr.aria-live]="item.definition.ariaLive"\n              [attr.aria-expanded]="item.definition.ariaExpanded"\n              [attr.aria-haspopup]="item.definition.ariaHasPopup">\n              <ng-container *desyCustomInnerContent="{ component: item.definition, html: item.definition.html, text: item.definition.text}"></ng-container>\n          </dd>\n        </div>\n      </dl>\n    </div>\n  </ng-container>\n  <ng-template #noItems>\n    <div class="lg:w-2/3">\n      <ng-container *ngTemplateOutlet="commonHtml"></ng-container>\n    </div>\n  </ng-template>\n\n  <div class="lg:flex lg:flex-wrap lg:items-center lg:1/3">\n\n    <div *ngIf="contentComponent || caller" [id]="id + \'-status-item\'"\n          [class]="\'w-full lg:w-auto lg:text-right mt-base lg:mt-0 mb-base lg:mb-0\'">\n      <ng-container *desyCustomInnerContent="{ component: contentComponent, template: caller }"></ng-container>\n    </div>\n\n    <div *ngIf="statusComponent || status" class="mb-base lg:mb-0 ml-base py-sm">\n      <ng-container *ngIf="statusComponent">\n        <ng-content select="desy-status"></ng-content>\n      </ng-container>\n      <desy-status *ngIf="!statusComponent && status"\n                    [text]="status.text" [icon]="status.icon" [classes]="status.classes" [id]="status.id"\n                    [role]="status.role"\n                    [ariaLabel]="status.ariaLabel"\n                    [ariaDescribedBy]="status.ariaDescribedBy"\n                    [ariaLabelledBy]="status.ariaLabelledBy"\n                    [ariaHidden]="status.ariaHidden"\n                    [ariaDisabled]="status.ariaDisabled"\n                    [ariaControls]="status.ariaControls"\n                    [ariaCurrent]="status.ariaCurrent"\n                    [ariaLive]="status.ariaLive"\n                    [ariaExpanded]="status.ariaExpanded"\n                    [ariaErrorMessage]="status.ariaErrorMessage"\n                    [ariaHasPopup]="status.ariaHasPopup"\n                    [tabindex]="status.tabindex"></desy-status>\n    </div>\n  </div>\n</div>'}]}],Kt.propDecorators={id:[{type:t.Input}],errorId:[{type:t.Input}],describedBy:[{type:t.Input}],title:[{type:t.Input}],hint:[{type:t.Input}],errorMessage:[{type:t.Input}],items:[{type:t.Input}],status:[{type:t.Input}],classes:[{type:t.Input},{type:t.HostBinding,args:["class"]}],idData:[{type:t.HostBinding,args:["attr.id"]}],roleData:[{type:t.HostBinding,args:["attr.role"]}],ariaDescribedbyData:[{type:t.HostBinding,args:["attr.aria-describedby"]}],ariaErrormessageData:[{type:t.HostBinding,args:["attr.aria-errormessage"]}],ariaLabelData:[{type:t.HostBinding,args:["attr.aria-label"]}],ariaLabelledbyData:[{type:t.HostBinding,args:["attr.aria-labelledby"]}],ariaHiddenData:[{type:t.HostBinding,args:["attr.aria-hidden"]}],ariaDisabledData:[{type:t.HostBinding,args:["attr.aria-disabled"]}],ariaControlsData:[{type:t.HostBinding,args:["attr.aria-controls"]}],ariaCurrentData:[{type:t.HostBinding,args:["attr.aria-current"]}],ariaLiveData:[{type:t.HostBinding,args:["attr.aria-live"]}],ariaExpandedData:[{type:t.HostBinding,args:["attr.aria-expanded"]}],ariaHaspopupData:[{type:t.HostBinding,args:["attr.aria-haspopup"]}],tabindexData:[{type:t.HostBinding,args:["attr.tabindex"]}],titleComponent:[{type:t.ContentChildren,args:[F]}],hintComponent:[{type:t.ContentChildren,args:[N]}],errorMessageComponent:[{type:t.ContentChildren,args:[_]}],contentComponent:[{type:t.ContentChildren,args:[O]}],itemComponents:[{type:t.ContentChildren,args:[Vt]}],statusComponent:[{type:t.ContentChildren,args:[Wt]}],caller:[{type:t.Input}]},m([P()],Kt.prototype,"titleComponent",void 0),m([P()],Kt.prototype,"hintComponent",void 0),m([P()],Kt.prototype,"errorMessageComponent",void 0),m([P()],Kt.prototype,"contentComponent",void 0),m([P()],Kt.prototype,"statusComponent",void 0);var Yt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Yt.decorators=[{type:t.Component,args:[{selector:"desy-panel",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Yt.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}]};var Xt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);Xt.decorators=[{type:t.Component,args:[{selector:"desy-tab-item",template:""}]}],Xt.propDecorators={contentComponent:[{type:t.ContentChildren,args:[O]}],panelComponent:[{type:t.ContentChildren,args:[Yt]}],classes:[{type:t.Input}],disabled:[{type:t.Input}],id:[{type:t.Input}]},m([P()],Xt.prototype,"contentComponent",void 0),m([P()],Xt.prototype,"panelComponent",void 0);var Qt=function(e){function t(t){var a=e.call(this)||this;return a.changeDetector=t,a.currentTab=0,a}return u(t,e),t.prototype.ngOnChanges=function(e){this.classes=this.classes?"c-tabs "+this.classes:"c-tabs",this.idData=this.id?this.id:null,this.roleData=this.role?this.role:null,this.ariaDescribedbyData=this.ariaDescribedBy?this.ariaDescribedBy:null,this.ariaErrormessageData=this.ariaErrorMessage?this.ariaErrorMessage:null,this.ariaLabelData=this.ariaLabel?this.ariaLabel:null,this.ariaLabelledbyData=this.ariaLabelledBy?this.ariaLabelledBy:null,this.ariaHiddenData=this.ariaHidden?this.ariaHidden:null,this.ariaDisabledData=this.ariaDisabled?this.ariaDisabled:null,this.ariaControlsData=this.ariaControls?this.ariaControls:null,this.ariaCurrentData=this.ariaCurrent?this.ariaCurrent:null,this.ariaLiveData=this.ariaLive?this.ariaLive:null,this.ariaExpandedData=this.ariaExpanded?this.ariaExpanded:null,this.ariaHaspopupData=this.ariaHasPopup?this.ariaHasPopup:null,this.tabindexData=this.tabindex?this.tabindex:null},t.prototype.ngAfterViewInit=function(){if(this.items){var e=this.getItems();this.selectTab(e.findIndex((function(e){return!e.disabled})))}this.changeDetector.detectChanges()},t.prototype.getItems=function(){return this.itemComponents.length>0?this.itemComponents.toArray():this.items},t.prototype.getItemPanel=function(e){var t,a=this.getItems()[e];return a instanceof Xt&&(t=a.panelComponent),t},t.prototype.getIdPrefix=function(){if(this.idPrefix)return this.idPrefix},t.prototype.getItemId=function(e){var t=this.getItems();return t[e].id?t[e].id:this.getIdPrefix()+"-"+e},t.prototype.isDisabled=function(e){return!!e.disabled||null},t.prototype.selectTab=function(e){this.currentTab=e;var t=this.getItems()[e];this.currentPanel=t instanceof Xt?t.panelComponent:t.panel,this.tabSrOnly.nativeElement.innerHTML=this.tabSelectorContentWrapper.toArray()[this.currentTab].nativeElement.innerHTML},t.prototype.focusFirstTab=function(e){e&&e.preventDefault(),this.tabSelectors.filter((function(e,t){return!e[t].disabled}))[0].nativeElement.focus()},t.prototype.focusLastTab=function(e){e&&e.preventDefault();var t=this.tabSelectors.filter((function(e,t){return!e[t].disabled}));t[t.length-1].nativeElement.focus()},t.prototype.focusNextTab=function(e){for(var t=this.getItems(),a=(e+1)%t.length;a!==e;){if(!t[a].disabled){this.tabSelectors.find((function(e,t){return t===a})).nativeElement.focus();break}a=(a+1)%t.length}},t.prototype.focusPreviousTab=function(e){for(var t=this.getItems(),a=(e-1+t.length)%t.length;a!==e;){if(!t[a].disabled){this.tabSelectors.find((function(e,t){return t===a})).nativeElement.focus();break}a=(a-1+t.length)%t.length}},t.prototype.getPanelContent=function(e){var t=this.getItems();return t[e].panel&&t[e].panel.text?"<p>"+k.escapeHtml(t[e].panel.text)+"</p>":null},t}(C);Qt.decorators=[{type:t.Component,args:[{selector:"desy-tabs",template:'<ng-container *ngIf="title">\n  <ng-container [ngSwitch]="headingLevel">\n    <h1 *ngSwitchCase="1" class="lg:hidden mb-sm text-sm">{{title}}</h1>\n    <h2 *ngSwitchCase="2" class="lg:hidden mb-sm text-sm">{{title}}</h2>\n    <h3 *ngSwitchCase="3" class="lg:hidden mb-sm text-sm">{{title}}</h3>\n    <h4 *ngSwitchCase="4" class="lg:hidden mb-sm text-sm">{{title}}</h4>\n    <h5 *ngSwitchCase="5" class="lg:hidden mb-sm text-sm">{{title}}</h5>\n    <h2 *ngSwitchDefault class="lg:hidden mb-sm text-sm">{{title}}</h2>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf="!title">\n    <ng-container [ngSwitch]="headingLevel">\n      <h1 *ngSwitchCase="1" class="lg:hidden mb-sm text-sm">Contenido</h1>\n      <h2 *ngSwitchCase="2" class="lg:hidden mb-sm text-sm">Contenido</h2>\n      <h3 *ngSwitchCase="3" class="lg:hidden mb-sm text-sm">Contenido</h3>\n      <h4 *ngSwitchCase="4" class="lg:hidden mb-sm text-sm">Contenido</h4>\n      <h5 *ngSwitchCase="5" class="lg:hidden mb-sm text-sm">Contenido</h5>\n      <h2 *ngSwitchDefault class="lg:hidden mb-sm text-sm">Contenido</h2>\n    </ng-container>\n</ng-container>\n\n<ng-container *ngIf="getItems()">\n  <div class="c-tabs lg:flex lg:flex-wrap" role="tablist" [attr.aria-label]=tablistAriaLabel>\n      <ng-container *ngFor="let item of getItems(); index as i">\n              <button #tabSelector\n                      (click)="selectTab(i)"\n                      (keydown.home)="focusFirstTab($event)"\n                      (keydown.end)="focusLastTab($event)"\n                      (keydown.arrowleft)="focusPreviousTab(i)"\n                      (keydown.arrowright)="focusNextTab(i)"\n                      class="c-tabs__link relative flex items-center py-sm lg:px-lg lg:py-base border border-transparent text-black hover:text-primary-base underline truncate focus:outline-none"\n                      [ngClass]="{\'opacity-50 pointer-events-none\': isDisabled(item)}"\n                      [attr.id]="getItemId(i)"\n                      [attr.role]="(item.role ? role : \'tab\')"\n                      [attr.aria-selected]="currentTab === i ? \'true\' : \'false\'"\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-controls]="\'tab-\' + getItemId(i)"\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]="(currentTab !== i || item.disabled ? \'-1\' : null)"\n                      [attr.disabled]="isDisabled(item)"\n                      [attr.aria-disabled]="isDisabled(item) ? \'true\' : (ariaDisabled ? ariaDisabled : null)">\n                  <span #tabSelectorContentWrapper class="flex items-center pointer-events-none">\n                    <ng-container *desyCustomInnerContent="{ component: item.contentComponent, html: item.html, text: item.text}"></ng-container>\n                  </span>\n              </button>\n      </ng-container>\n  </div>\n\n  <div [class]="[\'p-base mt-base lg:mt-0 border border-neutral-base focus:outline-none focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base\', currentPanel?.classes] | makeHtmlList"\n        [attr.id]="\'tab-\' + getItemId(currentTab)"\n        [attr.role]="(currentPanel?.role ? currentPanel?.role : \'tabpanel\')"\n        [attr.aria-describedby]="currentPanel?.ariaDescribedBy"\n        [attr.aria-errormessage]="currentPanel?.ariaErrorMessage"\n        [attr.aria-label]="currentPanel?.ariaLabel"\n        [attr.aria-labelledby]="getItemId(currentTab)"\n        [attr.aria-hidden]="currentPanel?.ariaHidden"\n        [attr.aria-disabled]="currentPanel?.ariaDisabled"\n        [attr.aria-controls]="currentPanel?.ariaControls"\n        [attr.aria-current]="currentPanel?.ariaCurrent"\n        [attr.aria-live]="currentPanel?.ariaLive"\n        [attr.aria-expanded]="currentPanel?.ariaExpanded"\n        [attr.aria-haspopup]="currentPanel?.ariaHasPopup"\n        [attr.tabindex]="(currentPanel?.tabindex ? currentPanel?.tabindex : \'0\')">\n    <ng-container [ngSwitch]="headingLevel">\n      <h1 *ngSwitchCase="1" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h1>\n      <h2 *ngSwitchCase="2" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h2>\n      <h3 *ngSwitchCase="3" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h3>\n      <h4 *ngSwitchCase="4" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h4>\n      <h5 *ngSwitchCase="5" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h5>\n      <h3 *ngSwitchDefault #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h3>\n    </ng-container>\n    <ng-container *desyCustomInnerContent="{ component: getItemPanel(currentTab), template: currentPanel?.html, html: getPanelContent(currentTab) }"></ng-container>\n  </div>\n</ng-container>'}]}],Qt.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},Qt.propDecorators={itemComponents:[{type:t.ContentChildren,args:[Xt]}],tabSelectors:[{type:t.ViewChildren,args:["tabSelector"]}],tabSelectorContentWrapper:[{type:t.ViewChildren,args:["tabSelectorContentWrapper"]}],tabSrOnly:[{type:t.ViewChild,args:["tabSrOnly"]}],id:[{type:t.Input}],idPrefix:[{type:t.Input}],headingLevel:[{type:t.Input}],title:[{type:t.Input}],tablistAriaLabel:[{type:t.Input}],items:[{type:t.Input}],classes:[{type:t.Input},{type:t.HostBinding,args:["class"]}],idData:[{type:t.HostBinding,args:["attr.id"]}],roleData:[{type:t.HostBinding,args:["attr.role"]}],ariaDescribedbyData:[{type:t.HostBinding,args:["attr.aria-describedby"]}],ariaErrormessageData:[{type:t.HostBinding,args:["attr.aria-errormessage"]}],ariaLabelData:[{type:t.HostBinding,args:["attr.aria-label"]}],ariaLabelledbyData:[{type:t.HostBinding,args:["attr.aria-labelledby"]}],ariaHiddenData:[{type:t.HostBinding,args:["attr.aria-hidden"]}],ariaDisabledData:[{type:t.HostBinding,args:["attr.aria-disabled"]}],ariaControlsData:[{type:t.HostBinding,args:["attr.aria-controls"]}],ariaCurrentData:[{type:t.HostBinding,args:["attr.aria-current"]}],ariaLiveData:[{type:t.HostBinding,args:["attr.aria-live"]}],ariaExpandedData:[{type:t.HostBinding,args:["attr.aria-expanded"]}],ariaHaspopupData:[{type:t.HostBinding,args:["attr.aria-haspopup"]}],tabindexData:[{type:t.HostBinding,args:["attr.tabindex"]}]};var Jt=function(){function e(e){this.factoryResolver=e}return e.prototype.openAlert=function(e,a){var n=this;return new Promise((function(r,i){e||i("caller is required"),a||i("alertOptions is required");var s=n.createAlert(a),o={alert:s};e instanceof t.TemplateRef?(s.instance.caller=e,r(o)):(s.instance.callerType=ut,s.instance.onCallerCreationCallback=function(t,a){n.initNotification(t,a,e),o.component=a,r(o)})}))},e.prototype.closeAlert=function(e){e&&(e instanceof t.ComponentRef?e.instance.dismiss():e.dismiss())},e.prototype.onCloseAlert=function(e){return new Promise((function(a){var n=(e instanceof t.ComponentRef?e.instance:e).activeChange.subscribe((function(){a(),n.unsubscribe()}))}))},e.prototype.createAlert=function(e){var t=this.factoryResolver.resolveComponentFactory(wt),a=e.place.createComponent(t);return a.instance.active=!0,e&&Object.assign(a.instance,e),this.onCloseAlert(a).then((function(){return a.destroy()})),a},e.prototype.initNotification=function(e,t,a){var n=this;if(Object.assign(t.instance,a),a.isDismissible)var r=t.instance.isOpenChange.subscribe((function(){n.closeAlert(e),r.unsubscribe()}))},e}();Jt.ɵprov=p.ɵɵdefineInjectable({factory:function(){return new Jt(p.ɵɵinject(p.ComponentFactoryResolver))},token:Jt,providedIn:"root"}),Jt.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],Jt.ctorParameters=function(){return[{type:t.ComponentFactoryResolver}]};var ea=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);ea.decorators=[{type:t.Component,args:[{selector:"desy-tooltip-content",template:"<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"}]}];var ta=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);ta.decorators=[{type:t.Component,args:[{selector:"desy-pagination-item-perpage",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],ta.propDecorators={classes:[{type:t.Input}],value:[{type:t.Input}]};var aa=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);aa.decorators=[{type:t.Component,args:[{selector:"desy-pagination-listbox-label",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],aa.propDecorators={classes:[{type:t.Input}]};var na=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.currentPage=1,a.currentPageChange=new t.EventEmitter,a.defaultText=!1,a.previousIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"  width="1em" height="1em" class="self-center h-2.5 w-2.5 mr-2" aria-hidden="true" focusable="false"><path d="M54.87 71.77a2.5 2.5 0 010-3.54L106 17.07A10 10 0 1091.89 2.93L35.43 59.39a15 15 0 000 21.22l56.46 56.46A10 10 0 10106 122.93z" fill="currentColor" /></svg>',a.nextIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="self-center h-2.5 w-2.5 ml-2" aria-hidden="true" focusable="false"><path d="M34 137.07a10 10 0 010-14.14l51.13-51.16a2.5 2.5 0 000-3.54L34 17.07A10 10 0 0148.11 2.93l56.46 56.46a15 15 0 010 21.22l-56.46 56.46a10 10 0 01-14.11 0z" fill="currentColor" /></svg>',a.prefix='<span class="sr-only">Página&nbsp;</span>',a}return u(a,e),a.prototype.ngOnChanges=function(e){this.checkChanges(),this.classesContainer=this.classesContainer?this.classesContainer+=" lg:flex lg:flex-wrap lg:items-center lg:gap-base":"lg:flex lg:flex-wrap lg:items-center lg:gap-base",this.id=this.id?this.id:null},a.prototype.ngAfterViewInit=function(){var e=this;if(this.itemsPerPage&&this.listboxItems&&this.listboxItems.length>0){var t=!1;this.listboxItems.forEach((function(a){e.itemsPerPage==a.value&&(a.active=!0,t=!0)})),t||(this.listboxItems.first.active=!0)}},a.prototype.checkChanges=function(){var e=this;this.nPages=Math.ceil(this.totalItems/this.itemsPerPage),(!this.currentPage||this.currentPage<1||this.currentPage>this.nPages)&&(this.currentPage=1,setTimeout((function(){return e.currentPageChange.emit(e.currentPage)}))),this.previousText||(this.previousText="Anterior"),this.nextText||(this.nextText="Siguiente"),this.buildPages()},a.prototype.getSuffix=function(e){return e>=0&&e*this.itemsPerPage<this.totalItems?'<span class="sr-only">:&nbsp;Página '+(e+1)+" con los resultados del "+(e*this.itemsPerPage+1)+" al "+this.getLastItemNumber(e)+"</span>":""},a.prototype.getLastItemNumber=function(e){return Math.min((e+1)*this.itemsPerPage,this.totalItems)},a.prototype.buildPages=function(){this.items=[];for(var e=0;e<this.nPages;e++){var t={text:e+1,active:e+1===this.currentPage,routerLink:[]};this.items.push(t)}},a.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:"pagination-item"},a.prototype.getButtonId=function(e){return this.getIdPrefix()+(0===e)?"":"-"+e},a.prototype.changePage=function(e){this.currentPage=e,this.currentPageChange.emit(this.currentPage);for(var t=0;t<this.items.length;t++){this.items[t].active=t+1===this.currentPage}},a.prototype.previous=function(){this.currentPage>1&&this.changePage(this.currentPage-1)},a.prototype.next=function(){this.currentPage<this.nPages&&this.changePage(this.currentPage+1)},a.prototype.getActiveItemText=function(){var e=this.items.filter((function(e){return e.active}));return e&&e.length>0?e[0].text:""},a.prototype.getListboxLabel=function(){return this.listboxLabel?this.listboxLabel:null},a.prototype.getItemsPerPage=function(){return this.listboxItems&&this.listboxItems.length>0?this.listboxItems.toArray():null},a.prototype.changeItemsPerPage=function(e){if(e&&e.value){var t=e.value;this.itemsPerPage=t,this.buildPages()}},a}(C);na.decorators=[{type:t.Component,args:[{selector:"desy-pagination",template:'  <ng-container *ngIf="hasSelect">\n    <p class="w-full mb-xs text-sm text-neutral-dark">\n      Selecciona una página para cargar datos\n    </p>\n    <nav [class]="[\'flex flex-wrap items-center flex-1 mb-base lg:mb-0 text-sm\', classes] | makeHtmlList"\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n         [attr.aria-live]="ariaLive ? ariaLive : null"\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n         [attr.tabindex]="tabindex ? tabindex : null">\n      <desy-button (clickEvent)="previous()" [id]="getIdPrefix() + \'-previous\'"\n                   [html]="previousIcon + prefix + previousText + getSuffix(currentPage - 2)" [disabled]="currentPage === 1 || !hasPrevious"\n                   classes="c-button--sm c-button--transparent mr-xs"></desy-button>\n      <desy-listbox [id]="id + \'-listbox\'"\n                    [idPrefix]="idPrefix"\n                    [text]="\'Página \' + getActiveItemText()"\n                    [classes]="\'c-listbox--sm c-listbox--transparent mr-xs\'"\n                    [classesTooltip]="\'max-h-52 overflow-y-auto\'"\n                    [doesChangeButtonText]="true"\n                    [label]="{ text: \'Selecciona una página para cargar datos\', classes: \'sr-only\' }"\n                    [(items)]="items"\n                    (activeItemChange)="changePage(+$event.text)"></desy-listbox>\n      <desy-button (clickEvent)="next()" [id]="getIdPrefix() + \'-next\'"\n                   [html]="prefix + nextText + getSuffix(currentPage) + nextIcon" [disabled]="currentPage === nPages || !hasNext"\n                   classes="c-button--sm c-button--transparent mr-xs"></desy-button>\n    </nav>\n  </ng-container>\n  <ng-container *ngIf="!hasSelect">\n    <nav [class]="[\'flex flex-wrap items-center flex-1 mb-base lg:mb-0 text-sm\', classes] | makeHtmlList"\n         [attr.role]="role ? role : null"\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\n         [attr.aria-live]="ariaLive ? ariaLive : null"\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\n         [attr.tabindex]="tabindex ? tabindex : null">\n      <ul class="flex flex-wrap">\n        <li *ngFor="let item of items; index as i">\n          <desy-button *ngIf="item.active" [id]="getButtonId(i)"\n                       [html]="\'<strong>\' + prefix + (i + 1) + getSuffix(i) + \'</strong>\'"\n                       classes="c-button--primary c-button--disabled mb-sm mr-sm"\n                       disabled="true" ariaCurrent="page" tabindex="-1" ></desy-button>\n          <desy-button *ngIf="!item.active" [id]="getButtonId(i)"\n                       [html]="prefix + (i + 1) + getSuffix(i)"\n                       (clickEvent)="changePage(i + 1)"\n                       classes="mb-sm mr-sm"></desy-button>\n        </li>\n      </ul>\n    </nav>\n  </ng-container>\n  \n  <div *ngIf="hasSelectItemsPerPage" class="block relative -top-xs lg:ml-auto text-sm text-neutral-dark">\n    <desy-listbox \n      [classes]="\'c-listbox--sm c-listbox--transparent\'" \n      [classesContainer]="\'flex flex-wrap items-center gap-xs\'" \n      [doesChangeButtonText]="true"\n      [items]="getItemsPerPage()"\n      (activeItemChange)="changeItemsPerPage($event)">\n      <desy-listbox-label [classes]="listboxLabel && listboxLabel.classes ? listboxLabel.classes : \'inline-block align-middle mb-0\'">\n          <ng-container *ngIf="listboxLabel">\n            <ng-container *desyCustomInnerContent="{ component: listboxLabel }"></ng-container>\n          </ng-container>\n          <ng-container *ngIf="!listboxLabel">\n            Items por página\n          </ng-container>\n      </desy-listbox-label>\n    </desy-listbox>\n  </div>\n  \n  \n  <p class="block relative -top-xs lg:ml-auto text-sm text-neutral-dark" *ngIf="totalItems && itemsPerPage">\n    <span class="sr-only">Posición de paginación: </span>{{(currentPage - 1) * itemsPerPage + 1}} - {{getLastItemNumber(currentPage - 1)}} de {{totalItems}}\n  </p>\n'}]}],na.propDecorators={hasSelect:[{type:t.Input}],idPrefix:[{type:t.Input}],totalItems:[{type:t.Input}],itemsPerPage:[{type:t.Input}],hasPrevious:[{type:t.Input}],hasNext:[{type:t.Input}],previousText:[{type:t.Input}],nextText:[{type:t.Input}],hasSelectItemsPerPage:[{type:t.Input}],classes:[{type:t.Input}],classesContainer:[{type:t.Input},{type:t.HostBinding,args:["class"]}],id:[{type:t.Input},{type:t.HostBinding,args:["attr.id"]}],listboxLabel:[{type:t.ContentChildren,args:[aa]}],listboxItems:[{type:t.ContentChildren,args:[ta]}],currentPage:[{type:t.Input}],currentPageChange:[{type:t.Output}]},m([P()],na.prototype,"listboxLabel",void 0);var ra=function(){function e(e){this.sanitizer=e}return e.prototype.transform=function(e){return this.sanitizer.sanitize(t.SecurityContext.HTML,e)},e}();ra.decorators=[{type:t.Pipe,args:[{name:"innerHtml"}]}],ra.ctorParameters=function(){return[{type:o.DomSanitizer}]};var ia=function(){function e(){}return e.prototype.transform=function(e){return e?e.match("http(s)?://")?e:"http://"+e:"#"},e}();ia.decorators=[{type:t.Pipe,args:[{name:"externalHref"}]}];var sa=function(){function e(e){var a=this;this.elementRef=e,this.desyAttributeChange=new t.EventEmitter,this.desyAttributeChangeMutation=new t.EventEmitter;var n=this.elementRef.nativeElement;this.changes=new MutationObserver((function(e){e.forEach((function(e){a.attributesToCheck&&(("string"==typeof a.attributesToCheck?[a.attributesToCheck]:a.attributesToCheck).findIndex((function(t){return t===e.attributeName}))>=0&&(a.desyAttributeChange.emit(a.elementRef.nativeElement.innerHTML),a.desyAttributeChangeMutation.emit(e)))}))})),this.changes.observe(n,{attributes:!0,childList:!1,characterData:!1,subtree:!1})}return e.prototype.ngOnDestroy=function(){this.changes.disconnect()},e}();sa.decorators=[{type:t.Directive,args:[{selector:"[desyAttributeChange]"}]}],sa.ctorParameters=function(){return[{type:t.ElementRef}]},sa.propDecorators={attributesToCheck:[{type:t.Input}],desyAttributeChange:[{type:t.Output}],desyAttributeChangeMutation:[{type:t.Output}]};var oa=function(){function e(e){this.el=e,this.deleteContentIfEmpty=!0}return e.prototype.ngOnChanges=function(e){this.content?this.isHtml?this.el.nativeElement.innerHTML=this.content:this.el.nativeElement.innerText=this.content:this.deleteContentIfEmpty&&(this.el.nativeElement.innerText=null)},e}();oa.decorators=[{type:t.Directive,args:[{selector:"[desyInnerContent]"}]}],oa.ctorParameters=function(){return[{type:t.ElementRef}]},oa.propDecorators={content:[{type:t.Input,args:["desyInnerContent"]}],isHtml:[{type:t.Input}],deleteContentIfEmpty:[{type:t.Input}]};var la=function(){function e(e){this.hostElementRef=e,this.active=!0,this.clickOutside=new t.EventEmitter}return e.prototype.onClick=function(e){!(this.desyClickOutsideElem?this.desyClickOutsideElem.contains(e):this.hostElementRef.nativeElement.contains(e))&&this.active&&this.clickOutside.emit()},e}();la.decorators=[{type:t.Directive,args:[{selector:"[desyClickOutside]"}]}],la.ctorParameters=function(){return[{type:t.ElementRef}]},la.propDecorators={active:[{type:t.Input,args:["desyClickOutside"]}],clickOutside:[{type:t.Output}],desyClickOutsideElem:[{type:t.Input}],onClick:[{type:t.HostListener,args:["document:click",["$event.target"]]}]};var da=function(){function e(e){var a=this;this.elementRef=e,this.observeProperties={attributes:!1,childList:!0,characterData:!0,subtree:!0},this.desyContentChange=new t.EventEmitter,this.desyContentChangeMutation=new t.EventEmitter;var n=this.elementRef.nativeElement;this.changes=new MutationObserver((function(e){e.forEach((function(e){a.desyContentChange.emit(a.elementRef),a.desyContentChangeMutation.emit(e)}))})),this.changes.observe(n,this.observeProperties)}return e.prototype.ngOnDestroy=function(){this.changes.disconnect()},e}();da.decorators=[{type:t.Directive,args:[{selector:"[desyContentChange]"}]}],da.ctorParameters=function(){return[{type:t.ElementRef}]},da.propDecorators={observeProperties:[{type:t.Input}],desyContentChange:[{type:t.Output}],desyContentChangeMutation:[{type:t.Output}]};var pa=function(){function e(e,t,a){this.viewContainerRef=e,this.resolver=t,this.injector=a,this.factory=this.resolver.resolveComponentFactory(v)}return e.prototype.ngOnChanges=function(e){if(this.viewContainerRef.clear(),this.desyCustomInnerContent.component&&this.desyCustomInnerContent.component instanceof v)this.viewContainerRef.createEmbeddedView(this.desyCustomInnerContent.component.getContent());else if(this.desyCustomInnerContent.template)this.viewContainerRef.createEmbeddedView(this.desyCustomInnerContent.template);else if(this.desyCustomInnerContent.html){var t=document.createElement("div");t.innerHTML=this.desyCustomInnerContent.html;var a=[];t.childNodes.forEach((function(e){return a.push(e)}));var n=this.factory.create(this.injector,[a]);this.viewContainerRef.createEmbeddedView(n.instance.getContent())}else if(this.desyCustomInnerContent.text){var r=document.createTextNode(this.desyCustomInnerContent.text);n=this.factory.create(this.injector,[[r]]);this.viewContainerRef.createEmbeddedView(n.instance.getContent())}},e}();pa.decorators=[{type:t.Directive,args:[{selector:"[desyCustomInnerContent]"}]}],pa.ctorParameters=function(){return[{type:t.ViewContainerRef},{type:t.ComponentFactoryResolver},{type:t.Injector}]},pa.propDecorators={desyCustomInnerContent:[{type:t.Input}]};var ca=function(){};ca.decorators=[{type:t.NgModule,args:[{declarations:[C,v,I,x,D,ra,ee,ia,sa,oa,la,da,pa],imports:[i.CommonModule],exports:[s.RouterModule,C,v,I,x,D,ra,ee,ia,sa,oa,la,da,pa]}]}];var ua=function(){};ua.decorators=[{type:t.Component,args:[{selector:"desy-template-driven-wrapper",template:"<ng-content></ng-content>\n",providers:[{provide:a.ControlContainer,useExisting:a.NgForm}]}]}];var ma=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);ma.decorators=[{type:t.Component,args:[{selector:"desy-divider",template:"<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>"}]}],ma.propDecorators={text:[{type:t.Input}],html:[{type:t.Input}]};var ga=function(){};ga.decorators=[{type:t.NgModule,args:[{declarations:[R,O,A,F,ma],imports:[i.CommonModule,ca,l.NgxTippyModule],exports:[R,O,A,F,ma]}]}];var ha=function(){};ha.decorators=[{type:t.NgModule,args:[{declarations:[ua,G,N,V,_,$,z,U,Z,j,Y,X,re,Q,de,ne,me,te,ae,se,ie,le,oe,ge,he,W,K,q,pe,ce,ue,Ie,be,ve,Ce,De,xe],imports:[i.CommonModule,a.FormsModule,a.ReactiveFormsModule,ca,ga],exports:[N,V,_,$,z,U,Z,j,Y,X,re,ne,me,te,ae,se,ie,le,oe,ge,he,W,K,pe,ce,ue,Ie,be,ve,De,xe]}]}];var ba=function(e){function t(t){var a=e.call(this)||this;return a.changeDetectorRef=t,a.hasContent=!0,a.hasIconComponentContent=!0,a}return u(t,e),t.prototype.ngOnChanges=function(e){this.classes=this.classes?this.classes:null,this.idData=this.id?this.id:null,this.roleData=this.role?this.role:null,this.ariaDescribedbyData=this.ariaDescribedBy?this.ariaDescribedBy:null,this.ariaErrormessageData=this.ariaErrorMessage?this.ariaErrorMessage:null,this.ariaLabelData=this.ariaLabel?this.ariaLabel:null,this.ariaLabelledbyData=this.ariaLabelledBy?this.ariaLabelledBy:null,this.ariaHiddenData=this.ariaHidden?this.ariaHidden:null,this.ariaDisabledData=this.ariaDisabled?this.ariaDisabled:null,this.ariaControlsData=this.ariaControls?this.ariaControls:null,this.ariaCurrentData=this.ariaCurrent?this.ariaCurrent:null,this.ariaLiveData=this.ariaLive?this.ariaLive:null,this.ariaExpandedData=this.ariaExpanded?this.ariaExpanded:null,this.ariaHaspopupData=this.ariaHasPopup?this.ariaHasPopup:null,this.tabindexData=this.tabindex?this.tabindex:null},t.prototype.ngAfterContentInit=function(){var e=this.tooltipContent.nativeElement;this.tippyProperties={placement:"top",inlinePositioning:!0,content:e,allowHTML:!0,trigger:"mouseenter focus",hideOnClick:!1,theme:"",plugins:[{name:"hideOnEsc",defaultValue:!0,fn:function(e){var a=e.hide;function n(e){e.key===t.KEY_CODE_ESC&&a()}return{onShow:function(){document.addEventListener("keydown",n)},onHide:function(){document.removeEventListener("keydown",n)}}}}],role:"tooltip",aria:{content:this.complex?"describedby":"labelledby"}}},t.prototype.getIdButton=function(){return this.id+"-button"},t.prototype.getIdTooltip=function(){return this.id+"-tooltip"},t.prototype.handleEmptyContent=function(e){this.hasContent=!e,this.changeDetectorRef.detectChanges()},t.prototype.handleEmptyIconContent=function(e){this.hasIconComponentContent=!e,this.changeDetectorRef.detectChanges()},t.prototype.getMainContent=function(){var e;return this.html?e=this.html:this.text&&(e="<p>"+this.text+"</p>"),e},t.prototype.getIconContent=function(e){return e.html?this.icon.html:"info"===e.type?'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4 text-primary-base" role="img" aria-label="Información"><path d="M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm7.5 105a7.5 7.5 0 01-15 0V70a7.5 7.5 0 0115 0zM70 50a10 10 0 1110-10 10 10 0 01-10 10z" fill="currentColor"/></svg>':"alert"===e.type?'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4 text-alert-base" role="img" aria-label="Alerta"><path d="M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z" fill="currentColor"/></svg>':'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4 text-primary-base" role="img" aria-label="Ayuda"><path d="M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm0 117.51a10 10 0 1110-10 10 10 0 01-10 10zm9.17-39.08a2.5 2.5 0 00-1.67 2.36v1.71a7.5 7.5 0 01-15 0v-10A7.5 7.5 0 0170 65a12.5 12.5 0 10-12.5-12.5 7.5 7.5 0 01-15 0 27.5 27.5 0 1136.67 25.93z" fill="currentColor"/></svg>'},t}(C);ba.KEY_CODE_ESC="Escape",ba.decorators=[{type:t.Component,args:[{selector:"desy-tooltip",template:'<div *ngIf="tippyProperties" [attr.id]="getIdButton()"\n      ngxTippy [tippyProps]="tippyProperties"\n      class="inline-flex items-center focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black"\n      tabindex="0" role="button"\n      [attr.aria-labelledby]="getIdButton() + \' \' + getIdTooltip()">\n  <ng-container *desyCustomInnerContent="{ component: contentComponent, html: getMainContent() }"></ng-container>\n  <span *ngIf="hasContent && ( (iconComponent) || (icon) )" class="inline-block w-1.5"></span>\n  <span *ngIf="iconComponent" class="inline-block">\n    <ng-container *desyCustomInnerContent="{ component: iconComponent }"></ng-container>\n\n    <ng-container *ngIf="!hasIconComponentContent">\n      <ng-container [ngSwitch]="iconComponent.type">\n        <svg *ngSwitchCase="\'info\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4 text-primary-base" role="img" aria-label="Información"><path d="M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm7.5 105a7.5 7.5 0 01-15 0V70a7.5 7.5 0 0115 0zM70 50a10 10 0 1110-10 10 10 0 01-10 10z" fill="currentColor"/></svg>\n        <svg *ngSwitchCase="\'alert\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4 text-alert-base" role="img" aria-label="Alerta"><path d="M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z" fill="currentColor"/></svg>\n        <svg *ngSwitchDefault xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4 text-primary-base" role="img" aria-label="Ayuda"><path d="M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm0 117.51a10 10 0 1110-10 10 10 0 01-10 10zm9.17-39.08a2.5 2.5 0 00-1.67 2.36v1.71a7.5 7.5 0 01-15 0v-10A7.5 7.5 0 0170 65a12.5 12.5 0 10-12.5-12.5 7.5 7.5 0 01-15 0 27.5 27.5 0 1136.67 25.93z" fill="currentColor"/></svg>\n      </ng-container>\n    </ng-container>\n  </span>\n  <span *ngIf="!iconComponent && icon" class="inline-block">\n    <ng-container *desyCustomInnerContent="{ html: getIconContent(icon) }"></ng-container>\n  </span>\n</div>\n\n<div #tooltipContent [attr.id]="getIdTooltip()"\n      [class]="[\'-my-xs p-sm shadow-md bg-black rounded text-white\', classesTooltip] | makeHtmlList">\n  <ng-container *desyCustomInnerContent="{ component: tooltipContentComponent, template: caller }"></ng-container>\n</div>\n'}]}],ba.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},ba.propDecorators={contentComponent:[{type:t.ContentChildren,args:[O]}],iconComponent:[{type:t.ContentChildren,args:[R]}],tooltipContentComponent:[{type:t.ContentChildren,args:[ea]}],tooltipContent:[{type:t.ViewChild,args:["tooltipContent",{read:t.ElementRef,static:!0}]}],id:[{type:t.Input}],text:[{type:t.Input}],html:[{type:t.Input}],complex:[{type:t.Input}],classesTooltip:[{type:t.Input}],icon:[{type:t.Input}],caller:[{type:t.Input}],classes:[{type:t.Input},{type:t.HostBinding,args:["class"]}],idData:[{type:t.HostBinding,args:["attr.id"]}],roleData:[{type:t.HostBinding,args:["attr.role"]}],ariaDescribedbyData:[{type:t.HostBinding,args:["attr.aria-describedby"]}],ariaErrormessageData:[{type:t.HostBinding,args:["attr.aria-errormessage"]}],ariaLabelData:[{type:t.HostBinding,args:["attr.aria-label"]}],ariaLabelledbyData:[{type:t.HostBinding,args:["attr.aria-labelledby"]}],ariaHiddenData:[{type:t.HostBinding,args:["attr.aria-hidden"]}],ariaDisabledData:[{type:t.HostBinding,args:["attr.aria-disabled"]}],ariaControlsData:[{type:t.HostBinding,args:["attr.aria-controls"]}],ariaCurrentData:[{type:t.HostBinding,args:["attr.aria-current"]}],ariaLiveData:[{type:t.HostBinding,args:["attr.aria-live"]}],ariaExpandedData:[{type:t.HostBinding,args:["attr.aria-expanded"]}],ariaHaspopupData:[{type:t.HostBinding,args:["attr.aria-haspopup"]}],tabindexData:[{type:t.HostBinding,args:["attr.tabindex"]}]},m([P()],ba.prototype,"contentComponent",void 0),m([P()],ba.prototype,"iconComponent",void 0),m([P()],ba.prototype,"tooltipContentComponent",void 0);var ya=function(){};ya.decorators=[{type:t.NgModule,args:[{declarations:[wt,Tt,kt,Ot,St,Mt,Bt,Pt,At,Rt,zt,_t,Vt,Ft,Nt,Zt,Gt,$t,Ut,qt,Wt,Kt,Qt,ba,ea,Yt,Xt,jt],imports:[i.CommonModule,ca,ha,ga,l.NgxTippyModule],exports:[wt,Tt,kt,Ot,St,Mt,Bt,Pt,At,Rt,zt,_t,Vt,Ft,Nt,Zt,Gt,$t,Ut,qt,Wt,Kt,Qt,ba,ea,Yt,Xt,jt]}]}];var fa=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);fa.decorators=[{type:t.Component,args:[{selector:"desy-toggle-off-state",template:"<ng-template #contentTemplateOffState>\n   <ng-content></ng-content>\n</ng-template>"}]}],fa.propDecorators={content:[{type:t.ViewChild,args:["contentTemplateOffState",{static:!0}]}],classes:[{type:t.Input}]};var Ca=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);Ca.decorators=[{type:t.Component,args:[{selector:"desy-toggle-on-state",template:"<ng-template #contentTemplateOnState>\n   <ng-content></ng-content>\n</ng-template>"}]}],Ca.propDecorators={content:[{type:t.ViewChild,args:["contentTemplateOnState",{static:!0}]}],classes:[{type:t.Input}]};var va=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.cfg=!0,a.clickEvent=new t.EventEmitter,a.pressedChange=new t.EventEmitter,a}return u(a,e),a.prototype.onClick=function(e){this.pressed=!this.pressed,this.pressedChange.emit(this.pressed),this.clickEvent.emit(e)},a}(C);va.decorators=[{type:t.Component,args:[{selector:"desy-toggle",template:'\x3c!-- toggle --\x3e\n  <button *ngIf="isSwitch"\n          (click)="onClick($event)"\n          [type]="\'button\'"\n          [class]="pressed ? (classes + \' \' + contentTemplateOnState?.classes) : (classes + \' \' + contentTemplateOffState?.classes)"\n          [attr.aria-checked]="pressed ? \'true\' : \'false\'"\n          [attr.aria-pressed]="!isExpandible ? (pressed ? \'true\' : \'false\') : null"\n          [attr.id]="id ? id : null" \n          [attr.role]="\'switch\'"\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]="isExpandible ? (pressed ? \'true\' : \'false\') : null" \n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" \n          [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null" \n          [attr.tabindex]="tabindex ? tabindex : null">\n    \n    <span [class]="pressed ? \'hidden\' : \'\'"><ng-container *ngTemplateOutlet="contentTemplateOffState?.content"></ng-container></span>\n    <span [class]="pressed ? \'\' : \'hidden\'"><ng-container *ngTemplateOutlet="contentTemplateOnState?.content"></ng-container></span>\n  </button>\n\n  <button *ngIf="!isSwitch"\n          (click)="onClick($event)"\n          [type]="\'button\'"\n          [class]="pressed ? (classes + \' \' + contentTemplateOnState?.classes) : (classes + \' \' + contentTemplateOffState?.classes)"\n          [attr.aria-pressed]="pressed ? \'true\' : \'false\'"\n          [attr.id]="id ? id : null" \n          [attr.role]="role ? role : null"\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\n          [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\n          [attr.aria-controls]="ariaControls ? ariaControls : null" \n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null" \n          [attr.aria-live]="ariaLive ? ariaLive : null" \n          [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" \n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" \n          [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null" \n          [attr.tabindex]="tabindex ? tabindex : null">\n    \n    <span [class]="pressed ? \'hidden\' : \'\'"><ng-container *ngTemplateOutlet="contentTemplateOffState?.content"></ng-container></span>\n    <span [class]="pressed ? \'\' : \'hidden\'"><ng-container *ngTemplateOutlet="contentTemplateOnState?.content"></ng-container></span>\n  </button>\n\x3c!-- /toggle --\x3e'}]}],va.propDecorators={id:[{type:t.Input}],isSwitch:[{type:t.Input}],pressed:[{type:t.Input}],classes:[{type:t.Input}],isExpandible:[{type:t.Input}],cfg:[{type:t.Input},{type:t.HostBinding,args:["class.relative"]}],clickEvent:[{type:t.Output}],pressedChange:[{type:t.Output}],contentTemplateOnState:[{type:t.ContentChildren,args:[Ca]}],contentTemplateOffState:[{type:t.ContentChildren,args:[fa]}]},m([P()],va.prototype,"contentTemplateOnState",void 0),m([P()],va.prototype,"contentTemplateOffState",void 0);var Ia=function(){};Ia.decorators=[{type:t.NgModule,args:[{declarations:[L,E,w,T,S,B,M,va,Ca,fa],imports:[i.CommonModule,ca,ya,l.NgxTippyModule],exports:[L,E,w,T,S,B,M,va,Ca,fa]}]}];var xa=function(){};xa.decorators=[{type:t.NgModule,args:[{declarations:[ke,Le,Ee,He,we,Be],imports:[i.CommonModule,r.A11yModule,ca,Ia],exports:[ke,Le,Ee,He,we,Be]}]}];var Da=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.selected=new t.EventEmitter,a.checkedChange=new t.EventEmitter,a}return u(a,e),a}(v);Da.decorators=[{type:t.Component,args:[{selector:"desy-menu-navigation-subitem",template:"<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>  "}]}],Da.propDecorators={href:[{type:t.Input}],target:[{type:t.Input}],text:[{type:t.Input}],html:[{type:t.Input}],id:[{type:t.Input}],expanded:[{type:t.Input}],divider:[{type:t.Input}],disabled:[{type:t.Input}],sub:[{type:t.Input}],classes:[{type:t.Input}],active:[{type:t.Input}],selected:[{type:t.Output}],checkedChange:[{type:t.Output}]};var La=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.selected=new t.EventEmitter,a}return u(a,e),a.prototype.getSubItems=function(){return this.subItems.toArray()},a}(v);La.decorators=[{type:t.Component,args:[{selector:"desy-menu-navigation-item",template:"<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>  "}]}],La.propDecorators={href:[{type:t.Input}],target:[{type:t.Input}],text:[{type:t.Input}],html:[{type:t.Input}],id:[{type:t.Input}],expanded:[{type:t.Input}],divider:[{type:t.Input}],disabled:[{type:t.Input}],sub:[{type:t.Input}],classes:[{type:t.Input}],title:[{type:t.Input}],active:[{type:t.Input}],selected:[{type:t.Output}],subItems:[{type:t.ContentChildren,args:[Da]}]};var Ea=function(e){function a(a){var n=e.call(this)||this;return n.changeDetectorRef=a,n.itemsChange=new t.EventEmitter,n.activeItemChange=new t.EventEmitter,n.activeSubItemChange=new t.EventEmitter,n.cfg=!0,n.viewInit=!1,n.currentFocusItemIndex=0,n}return u(a,e),a.prototype.ngOnChanges=function(e){this.roleData=this.role?this.role:null,this.ariaLabelData=this.ariaLabel?this.ariaLabel:null,this.ariaDescribedbyData=this.ariaDescribedBy?this.ariaDescribedBy:null,this.ariaLabelledbyData=this.ariaLabelledBy?this.ariaLabelledBy:null,this.ariaHiddenData=this.ariaHidden?this.ariaHidden:null,this.ariaDisabledData=this.ariaDisabled?this.ariaDisabled:null,this.ariaControlsData=this.ariaControls?this.ariaControls:null,this.ariaCurrentData=this.ariaCurrent?this.ariaCurrent:null,this.ariaLiveData=this.ariaLive?this.ariaLive:null,this.ariaExpandedData=this.ariaExpanded?this.ariaExpanded:null,this.ariaErrormessageData=this.ariaErrorMessage?this.ariaErrorMessage:null,this.ariaHaspopupData=this.ariaHasPopup?this.ariaHasPopup:null,this.ariaModalData=this.ariaModal?this.ariaModal:null,this.viewInit&&this.checkChanges()},a.prototype.ngAfterViewInit=function(){this.viewInit=!0,this.checkChanges()},a.prototype.checkChanges=function(){var e=this;if(this.menuItems){this.menuData=[],this.getItems().forEach((function(t,a){var n={open:!1,currentFocusSubItemIndex:0,currentFocusSubSubItemIndex:0,menuItem:e.menuItems.toArray()[a]};e.menuData.push(n)})),this.viewInit&&this.checkRequired();var t=this.currentFocusItemIndex,a=this.getItems();if(a)for(;!this.isItemFocusable(this.currentFocusItemIndex%a.length)&&(this.currentFocusItemIndex=(this.currentFocusItemIndex+a.length+1)%a.length,this.currentFocusItemIndex!==t););}},a.prototype.handleMenuFocusIn=function(){this.isFocused=!0,this.changeDetectorRef.detectChanges()},a.prototype.handleMenuFocusOut=function(e){this.menunavigation.nativeElement.contains(e.relatedTarget)||this.closeMenu(),this.isFocused=!1,this.changeDetectorRef.detectChanges()},a.prototype.handleMenuItemClick=function(e,t){if(this.hasPopupMenu(t)){e.preventDefault();var a=this.menuData[t].open;this.closeMenu(),a||this.openMenu(t)}else this.activateMenuItem(t)},a.prototype.handleMenuItemKeydown=function(e,t){var a=this;switch(e.key){case"Enter":case" ":case"ArrowDown":this.hasPopupMenu(t)&&(this.openMenu(t),setTimeout((function(){return a.focusFirstSubItem(t)})),e.stopPropagation(),e.preventDefault());break;case"Escape":this.hasPopupMenu(t)&&this.closeMenu(t),e.stopPropagation(),e.preventDefault();break;case"ArrowLeft":this.focusNextAvailableItem(t,-1),e.stopPropagation(),e.preventDefault();break;case"ArrowRight":this.focusNextAvailableItem(t,1),e.stopPropagation(),e.preventDefault();break;case"ArrowUp":this.hasPopupMenu(t)&&(this.openMenu(t),setTimeout((function(){return a.focusLastSubItem(t)}))),e.stopPropagation(),e.preventDefault();break;case"Home":case"PageUp":this.hasPopupMenu(t)&&this.closeMenu(),this.focusFirstItem(),e.stopPropagation(),e.preventDefault();break;case"End":case"PageDown":this.hasPopupMenu(t)&&this.closeMenu(),this.focusLastItem(),e.stopPropagation(),e.preventDefault();break;default:this.isPrintableChar(e.key)&&(this.focusItemByFirstChar(e.key),e.stopPropagation(),e.preventDefault())}},a.prototype.handleMenuItemMouseOver=function(e){this.focusItem(e,!0)},a.prototype.handlePopupMenuItemClick=function(e,t,a){this.activatePopupMenuItem(e,t,a),this.focusItem(e),this.closeMenu(e)},a.prototype.handlePopupMenuItemKeydown=function(e,t,a,n){var r=this.menuData[t].currentFocusSubItemIndex,i=this.menuData[t].currentFocusSubSubItemIndex,s=this.getItems();switch(e.key){case" ":this.activatePopupMenuItem(t,a,n),this.mustCloseAfterSelectPopupItem(t,a,n)&&(this.closeMenu(t),this.focusItem(t)),e.stopPropagation(),e.preventDefault();break;case"Enter":this.activatePopupMenuItem(t,a,n),this.closeMenu(t),this.focusItem(t),e.stopPropagation(),e.preventDefault();break;case"Escape":this.closeMenu(t),this.focusItem(t),e.stopPropagation(),e.preventDefault();break;case"ArrowUp":this.focusNextAvailableSubItem(t,r,i,-1),e.stopPropagation(),e.preventDefault();break;case"ArrowDown":this.focusNextAvailableSubItem(t,r,i,1),e.stopPropagation(),e.preventDefault();break;case"ArrowLeft":this.closeMenu(t),this.focusItem((t+s.length-1)%s.length),e.stopPropagation(),e.preventDefault();break;case"ArrowRight":this.closeMenu(t),this.focusItem((t+s.length+1)%s.length),e.stopPropagation(),e.preventDefault();break;case"Home":case"PageUp":this.focusFirstSubItem(t),e.stopPropagation(),e.preventDefault();break;case"End":case"PageDown":this.focusLastSubItem(t),e.stopPropagation(),e.preventDefault();break;case"Tab":this.closeMenu(t),this.focusItem(t);break;default:this.isPrintableChar(e.key)&&(this.focusSubItemByFirstChar(t,e.key),e.stopPropagation(),e.preventDefault())}},a.prototype.handlePopupMenuItemMouseOver=function(e,t,a){this.focusSubItem(e,t,a)},a.prototype.checkRequired=function(){this.getItems()},a.prototype.activateMenuItem=function(e){var t=this.getItems();this.activeItemChange.emit(t[e]),t[e]instanceof La&&t[e].selected.emit()},a.prototype.activatePopupMenuItem=function(e,t,a){var n=this.getItems(),r=this.getItemSubitems(n[e])[t];this.itemsChange.emit(n),this.activeSubItemChange.emit(r),r instanceof Da&&r.selected.emit()},a.prototype.mustCloseAfterSelectPopupItem=function(e,t,a){var n=this.getItems(),r=this.getItemSubitems(n[e])[t];return"menuitemcheckbox"!==r.role&&"menuitemradio"!==r.role},a.prototype.openMenu=function(e){var t=this.menuData[e].open;this.menuData[e].open=!0,t&&this.activateMenuItem(e)},a.prototype.closeMenu=function(e){null!=e?this.menuData[e].open=!1:this.menuData.forEach((function(e){return e.open=!1}))},a.prototype.hasPopupMenu=function(e){var t=this.getItems(),a=this.getItemSubitems(t[e]);return t[e].sub&&a&&a.length>0},a.prototype.isPrintableChar=function(e){return 1===e.length&&!!e.match(/\S/)},a.prototype.focusItem=function(e,t){var a=this.menunavigation.nativeElement.contains(document.activeElement),n=this.menuData[this.currentFocusItemIndex].open;t&&!a||this.menuData[e].menuItem.link.nativeElement.focus(),this.closeMenu(),n&&this.hasPopupMenu(e)&&this.openMenu(e),this.currentFocusItemIndex=e},a.prototype.focusNextAvailableItem=function(e,t){var a=e,n=this.getItems();do{a=(a+n.length+t)%n.length}while(!this.isItemFocusable(a)&&a!==e);a!==e&&this.focusItem(a)},a.prototype.focusFirstItem=function(){this.isItemFocusable(0)?this.focusItem(0):this.focusNextAvailableItem(0,1)},a.prototype.focusLastItem=function(){var e=this.getItems();this.isItemFocusable(e.length-1)?this.focusItem(e.length-1):this.focusNextAvailableItem(e.length-1,-1)},a.prototype.isItemFocusable=function(e){return!this.getItems()[e].disabled},a.prototype.focusItemByFirstChar=function(e){var t=this.menuItems.map((function(e){return e.itemContentWrapper.nativeElement.textContent})),a=this.currentFocusItemIndex,n=-1;do{t[a=(a+t.length+1)%t.length]&&t[a].trim().substr(0,1).toLowerCase()===e.toLowerCase()&&this.isItemFocusable(a)&&(n=a)}while(-1===n&&a!==this.currentFocusItemIndex);n>=0&&this.focusItem(n)},a.prototype.focusSubItem=function(e,t,a){if(this.menuData[e].menuItem.popupMenuItems.length>0){var n=t;this.menuData[e].currentFocusSubItemIndex=t,this.menuData[e].currentFocusSubSubItemIndex=a;var r=this.menuData[e].menuItem.popupMenuItems.toArray()[n].nativeElement;r?r.focus():console.error("No subitem to focus")}else console.error("No subitems")},a.prototype.focusNextAvailableSubItem=function(e,t,a,n){var r,i=t,s=a,o=this.getItems();do{var l=this.getNextSubItemIndexes(o,e,i,s,n);i=l.subIndex,s=l.subSubIndex,r=t===i&&a===s}while(!this.isSubItemFocusable(e,i,s)&&!r);r||this.focusSubItem(e,i,s)},a.prototype.focusFirstSubItem=function(e){var t=null,a=this.getItems(),n=this.getItemSubitems(a[e]);n&&n.length>0&&(t=0),this.isSubItemFocusable(e,0,t)?this.focusSubItem(e,0,t):this.focusNextAvailableSubItem(e,0,t,1)},a.prototype.focusLastSubItem=function(e){var t=this.getItems(),a=this.getItemSubitems(t[e]),n=a.length-1,r=(a[n],null);this.isSubItemFocusable(e,n,r)?this.focusSubItem(e,n,r):this.focusNextAvailableSubItem(e,n,r,-1)},a.prototype.isSubItemFocusable=function(e,t,a){var n=this.getItems(),r=this.getItemSubitems(n[e])[t],i=!1;return"separator"!==r.role&&"none"!==r.role&&(i=!0),i},a.prototype.focusSubItemByFirstChar=function(e,t){var a=this.menuItems.toArray()[e].popupMenuItems.map((function(e){return e.nativeElement.textContent})),n=this.menuData[e].currentFocusSubItemIndex,r=this.menuData[e].currentFocusSubSubItemIndex,i=-1,s=null,o=!1,l=this.getItems();do{var d=this.getNextSubItemIndexes(l,e,n,r,1);n=d.subIndex,r=d.subSubIndex;var p=n;a[p]&&a[p].trim().substr(0,1).toLowerCase()===t.toLowerCase()&&this.isSubItemFocusable(e,n,r)&&(i=n,s=r),o=this.menuData[e].currentFocusSubItemIndex===n&&this.menuData[e].currentFocusSubSubItemIndex===r}while(-1===i&&!o);i>=0&&this.focusSubItem(e,i,s)},a.prototype.getItems=function(){return this.itemComponentList&&this.itemComponentList.length>0?this.itemComponentList.toArray():this.items},a.prototype.getItemSubitems=function(e){var t=[];return e instanceof La&&(t=e.getSubItems()),t&&0!==t.length||(t=e.sub?e.sub.items:[]),t},a.prototype.getNextSubItemIndexes=function(e,t,a,n,r){var i=this.getItemSubitems(e[t]);return{subIndex:a=(a+r+i.length)%i.length,subSubIndex:n}},a.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:this.id+"menunavigation-item"},a.prototype.getItemId=function(e,t){var a;return e&&(a=e.id?e.id:0===t?this.getIdPrefix():this.getIdPrefix()+"-"+t),a},a.prototype.getPopupStyle=function(e){var t={};if(this.menuData&&e<this.menuData.length){this.menuData[e].menuItem.link.nativeElement.getBoundingClientRect();t=this.menuData[e].open?{position:"absolute",top:"0px",left:"0px",zIndex:100,display:"block"}:{zIndex:0,display:"none"}}return t},a.prototype.getSubItemId=function(e,t,a){var n;return e&&(n=e.id?e.id:0===t?"sub-"+a:"sub-"+a+"-"+t),n},a}(C);Ea.decorators=[{type:t.Component,args:[{selector:"desy-menu-navigation",template:'<ul #menunavigation [id]="id + \'-menu-navigation\'" class="flex flex-wrap gap-base"\n(focusin)="handleMenuFocusIn()"\n(focusout)="handleMenuFocusOut($event)"\n[ngClass]="{ \'focus\': isFocused }"\n[attr.aria-label]="ariaLabel ? ariaLabel : null">\n<ng-container *ngFor="let item of getItems(); index as itemIndex">\n<li class="relative" role="none" desyMenubaritem (contentChanged)="checkChanges()">\n  <a *ngIf="item.href" #link\n     (click)="handleMenuItemClick($event, itemIndex)"\n      (keydown)="handleMenuItemKeydown($event, itemIndex)"\n      (mouseover)="handleMenuItemMouseOver(itemIndex)"\n      (desyAttributeChange)="checkChanges()" [attributesToCheck]="\'disabled\'"\n      role="item.disabled ? link : null"\n      [id]="getItemId(item, itemIndex)"\n      [target]="item.target"\n      [href]="item.href"\n      [class]="[\'c-menu-navigation__button\', item.classes] | makeHtmlList"\n      [ngClass]="{\'c-menu-navigation__button--disabled\': item.disabled, \'c-menu-navigation__button--primary\': item.active, \'c-menu-navigation__button--has-selection\': item.active}"\n      [attr.disabled]="item.disabled ? item.disabled : null"\n      [attr.aria-disabled]="item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)"\n      [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\n      [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\n      [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\n      [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\n      [attr.aria-current]="item.disabled ? \'page\' : (item.ariaCurrent ? item.ariaCurrent : null)"\n      [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\n      [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\n      [attr.aria-modal]="item.ariaModal ? item.ariaModal : null"\n      [attr.tabindex]="item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)">\n      <span class="inline-flex self-center max-w-xs align-middle truncate pointer-events-none" #itemContentWrapper>\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text}"></ng-container>\n      </span>          \n  </a>\n  <button *ngIf="!item.href" #link #itemContentWrapper\n     (click)="handleMenuItemClick($event, itemIndex)"\n      (keydown)="handleMenuItemKeydown($event, itemIndex)"\n      (mouseover)="handleMenuItemMouseOver(itemIndex)"\n      (desyAttributeChange)="checkChanges()" [attributesToCheck]="\'disabled\'"\n      aria-expanded="item.sub ? true : false"\n      aria-controls="item.sub ? id + \'-sub-list\' : \'\'"\n      [class]="[\'c-menu-navigation__button\', item.classes] | makeHtmlList"\n      [ngClass]="{\'c-menu-navigation__button--disabled\': item.disabled, \'c-menu-navigation__button--primary\': item.active, \'c-menu-navigation__button--has-selection\': item.active}"\n      [attr.disabled]="item.disabled ? item.disabled : null"\n      [attr.aria-disabled]="item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)"\n      [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\n      [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\n      [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\n      [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\n      [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\n      [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\n      [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\n      [attr.aria-modal]="item.ariaModal ? item.ariaModal : null"\n      [attr.tabindex]="item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)">\n          <span *ngIf="item.active" class="sr-only">Item activo: </span>\n          <span class="inline-flex self-center max-w-xs align-middle truncate pointer-events-none" #itemContentWrapper>\n              <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text}"></ng-container>\n            </span>\n          <svg *ngIf="item.sub" class="inline-block -mr-2  align-middle -my-px pointer-events-none" viewBox="0 0 96 96" aria-hidden="true" fill="currentColor" focusable="false" width="1.5em" height="1.5em"><g><path d="M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z"/></g></svg>\n  </button>        \n\n  <div *ngIf="item.sub && getItemSubitems(item)" class="c-menu-navigation__sub absolute bottom-0 left-0">\n      <ul  [id]="id + \'-sub-list\'" [ngStyle]="getPopupStyle(itemIndex)" #popupMenu role="menu" tabindex="-1"\n      [class]="item.sub.classes ? item.sub.classes : \'c-menu-navigation__tooltip w-max max-w-64 border border-neutral-base shadow-md bg-white text-sm\'"\n      [attr.aria-label]="item.ariaLabel ? item.ariaLabel : (item.sub.ariaLabel ? item.sub.ariaLabel : null)"\n      [attr.aria-describedby]="item.sub.ariaDescribedBy ? item.sub.ariaDescribedBy : null"\n      [attr.aria-labelledby]="item.sub.ariaLabelledBy ? item.sub.ariaLabelledBy : null"\n      [attr.aria-hidden]="item.sub.ariaHidden ? item.sub.ariaHidden : null"\n      [attr.aria-disabled]="item.sub.ariaDisabled ? item.sub.ariaDisabled : null"\n      [attr.aria-controls]="item.sub.ariaControls ? item.sub.ariaControls : null"\n      [attr.aria-current]="item.sub.ariaCurrent ? item.sub.ariaCurrent : null"\n      [attr.aria-live]="item.sub.ariaLive ? item.sub.ariaLive : null"\n      [attr.aria-expanded]="!!(menuData && menuData[itemIndex].open)"\n      [attr.aria-errormessage]="item.sub.ariaErrorMessage ? item.sub.ariaErrorMessage : null"\n      [attr.aria-haspopup]="item.sub.ariaHasPopup ? item.sub.ariaHasPopup : null"\n      [attr.aria-modal]="item.sub.ariaModal ? item.sub.ariaModal : null">\n        <ng-container *ngFor="let subItem of getItemSubitems(item); index as subItemIndex">\t\t\t\t\n            <li #popupMenuItem *ngIf="subItem.href" role="none" tabindex="-1"\n            class="focus:bg-primary-base focus:text-white focus:outline-none"\n                [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\n                (click)="handlePopupMenuItemClick(itemIndex, subItemIndex)"\n                (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex)"\n                (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)">\n              <span *ngIf="subItem.active" id="subItem.id" #itemContentWrapper \n                  [class]="[\'flex items-center px-base py-sm text-sm font-semibold cursor-pointer hover:bg-primary-base hover:text-white\', subItem.classes] | makeHtmlList" \n                  aria-current="page"\n                  \n                  [attr.aria-label]="item.ariaLabel ? item.ariaLabel : (subItem.ariaLabel ? subItem.ariaLabel : null)"\n                  [attr.aria-describedby]="subItem.ariaDescribedBy ? subItem.ariaDescribedBy : null"\n                  [attr.aria-labelledby]="subItem.ariaLabelledBy ? subItem.ariaLabelledBy : null"\n                  [attr.aria-hidden]="subItem.ariaHidden ? subItem.ariaHidden : null"\n                  [attr.aria-disabled]="subItem.ariaDisabled ? subItem.ariaDisabled : null"\n                  [attr.aria-controls]="subItem.ariaControls ? subItem.ariaControls : null"\n                  [attr.aria-current]="subItem.ariaCurrent ? subItem.ariaCurrent : null"\n                  [attr.aria-live]="subItem.ariaLive ? subItem.ariaLive : null"\n                  [attr.aria-expanded]="!!(menuData && menuData[subItemIndex].open)"\n                  [attr.aria-errormessage]="subItem.ariaErrorMessage ? subItem.ariaErrorMessage : null"\n                  [attr.aria-haspopup]="subItem.ariaHasPopup ? subItem.ariaHasPopup : null"\n                  [attr.aria-modal]="subItem.ariaModal ? subItem.ariaModal : null"\n                  (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)">\n                      <ng-container *desyCustomInnerContent="{ component: subItem, html: subItem.html, text: subItem.text}"></ng-container>\n              </span>\n              \n              <a *ngIf="!subItem.active" #itemContentWrapper\n                  [href]="subItem.href"\n                  (click)="handlePopupMenuItemClick(itemIndex, subItemIndex)"\n                  (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex)"\n                  (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)"\n                  (desyAttributeChange)="checkChanges()"\n                  [class]="[\'flex items-center px-base py-sm text-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', subItem.classes] | makeHtmlList"\n                  [ngClass]="{\'pointer-events-none\': subItem.disabled}"\n                  [tabindex]="subItem.disabled ? -1 : null"\n                  [target] = "subItem.target">\n                  <span class="inline-flex self-center max-w-xs align-middle truncate" #itemContentWrapper>\n                      <ng-container *desyCustomInnerContent="{ component: subItem, html: subItem.html, text: subItem.text}"></ng-container>\n                  </span>\n                  <svg *ngIf="subItem.disabled" viewBox="0 0 140 140" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" class="inline-block align-middle ml-sm text-neutral-base fill-current" aria-hidden="true" focusable="false" ><path d="M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zM20 70a50 50 0 0174.8-43.4 2.51 2.51 0 011.23 1.84 2.48 2.48 0 01-.71 2.1L30.54 95.32a2.51 2.51 0 01-3.94-.52A49.63 49.63 0 0120 70zm100 0a50 50 0 01-74.8 43.4 2.51 2.51 0 01-1.23-1.84 2.48 2.48 0 01.71-2.1l64.78-64.78a2.51 2.51 0 013.94.52A49.63 49.63 0 01120 70z"/></svg>\n              </a>\n            </li>\n            <li #popupMenuItem *ngIf="!subItem.href" role="none" tabindex="-1"\n                [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\n                class="focus:bg-primary-base focus:text-white focus:outline-none"\n                (click)="handlePopupMenuItemClick(itemIndex, subItemIndex)"\n                (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex)"\n                (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)">\n                <span [id]="getSubItemId(subItem, subItemIndex, getItemId(item, subItemIndex))"\n                  class="flex items-center px-base py-sm text-sm cursor-pointer hover:bg-primary-base hover:text-white"\n                  [ngClass]="{\'font-bold\': subItem.active, \'pointer-events-none\': subItem.disabled}">\n                      <ng-container *desyCustomInnerContent="{ component: subItem, html: subItem.html, text: subItem.text}"></ng-container>\n                  </span>\n                  <svg *ngIf="subItem.disabled" viewBox="0 0 140 140" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" class="inline-block align-middle ml-sm text-neutral-base fill-current" aria-hidden="true" focusable="false" ><path d="M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zM20 70a50 50 0 0174.8-43.4 2.51 2.51 0 011.23 1.84 2.48 2.48 0 01-.71 2.1L30.54 95.32a2.51 2.51 0 01-3.94-.52A49.63 49.63 0 0120 70zm100 0a50 50 0 01-74.8 43.4 2.51 2.51 0 01-1.23-1.84 2.48 2.48 0 01.71-2.1l64.78-64.78a2.51 2.51 0 013.94.52A49.63 49.63 0 01120 70z"/></svg>\n            </li>\n            \n            <li *ngIf="subItem.divider" class="my-sm border-b border-neutral-base">\n              <div class="sr-only">Separador</div>\n          </li>\n        </ng-container>\n      </ul>\n  </div>\n</li>\n<li #popupMenuItem *ngIf="item.divider" class="item.divider.classes" role="presentation" aria-hidden="true">\n          <ng-container *desyCustomInnerContent="{ component: item.divider, html: item.divider.html, text: item.divider.text}"></ng-container>\n</li>\n</ng-container>\n</ul>\n'}]}],Ea.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},Ea.propDecorators={idPrefix:[{type:t.Input}],items:[{type:t.Input}],itemsChange:[{type:t.Output}],activeItemChange:[{type:t.Output}],activeSubItemChange:[{type:t.Output}],menunavigation:[{type:t.ViewChild,args:["menunavigation",{read:t.ElementRef}]}],menuItems:[{type:t.ViewChildren,args:[it]}],itemComponentList:[{type:t.ContentChildren,args:[La]}],classes:[{type:t.Input},{type:t.HostBinding,args:["class"]}],cfg:[{type:t.HostBinding,args:["class.c-menu-navigation"]}],id:[{type:t.Input},{type:t.HostBinding,args:["attr.id"]}],roleData:[{type:t.HostBinding,args:["attr.role"]}],ariaLabelData:[{type:t.HostBinding,args:["attr.aria-label"]}],ariaDescribedbyData:[{type:t.HostBinding,args:["attr.aria-describedby"]}],ariaLabelledbyData:[{type:t.HostBinding,args:["attr.aria-labelledby"]}],ariaHiddenData:[{type:t.HostBinding,args:["attr.aria-hidden"]}],ariaDisabledData:[{type:t.HostBinding,args:["attr.aria-disabled"]}],ariaControlsData:[{type:t.HostBinding,args:["attr.aria-controls"]}],ariaCurrentData:[{type:t.HostBinding,args:["attr.aria-current"]}],ariaLiveData:[{type:t.HostBinding,args:["attr.aria-live"]}],ariaExpandedData:[{type:t.HostBinding,args:["attr.aria-expanded"]}],ariaErrormessageData:[{type:t.HostBinding,args:["attr.aria-errormessage"]}],ariaHaspopupData:[{type:t.HostBinding,args:["attr.aria-haspopup"]}],ariaModalData:[{type:t.HostBinding,args:["attr.aria-modal"]}]};var Ha=function(){};Ha.decorators=[{type:t.NgModule,args:[{declarations:[Se,Te,Qe,Xe,Ye,Ke,We,qe,je,Ze,ze,Ne,Fe,$e,Ae,Re,Oe,et,Je,rt,nt,at,tt,pt,dt,lt,ot,st,_e,ut,ct,Ge,Ve,Ea,it,La,Da,Ue],imports:[i.CommonModule,ca,ga,Ia],exports:[Se,Te,Qe,Xe,Ye,Ke,We,qe,je,Ze,ze,Ne,Fe,$e,Re,Ae,Oe,et,Je,rt,nt,at,tt,pt,dt,lt,ot,st,_e,ut,ct,Ve,Ge,Ea,Da,La,Da,Ue]}]}];var wa=function(){function e(e){this.el=e}return e.prototype.onClick=function(){var e,t,a=this.el.nativeElement.offsetParent.querySelectorAll("[tabindex]");try{for(var n=b(a),r=n.next();!r.done;r=n.next()){r.value.setAttribute("tabindex","-1")}}catch(t){e={error:t}}finally{try{r&&!r.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}this.activeTabindex()},e.prototype.manageArrows=function(e){if("ArrowDown"===e.code||"ArrowUp"===e.code||"ArrowRight"===e.code||"ArrowLeft"===e.code){var t=null;if("ArrowDown"===e.code||"ArrowUp"===e.code){var a=null;"ArrowDown"===e.code?a=this.el.nativeElement.parentNode.nextElementSibling:"ArrowUp"===e.code&&(a=this.el.nativeElement.parentNode.previousElementSibling),t=a?a.children[this.findIndex()]:null,e.preventDefault()}if("ArrowRight"===e.code||"ArrowLeft"===e.code){t=this.el.nativeElement;do{"ArrowRight"===e.code?t=t.nextElementSibling:"ArrowLeft"===e.code&&(t=t.previousElementSibling)}while(t&&!t.getAttribute("tabindex"))}t&&t.getAttribute("tabindex")&&(this.inactiveTabindex(),t.setAttribute("tabindex","0"),t.focus())}},e.prototype.activeTabindex=function(){this.el.nativeElement.setAttribute("tabindex","0")},e.prototype.inactiveTabindex=function(){this.el.nativeElement.setAttribute("tabindex","-1")},e.prototype.findIndex=function(){for(var e=this.el.nativeElement,t=this.el.nativeElement.parentNode,a=-1,n=0;n<t.children.length;n++){var r=t.children[n];if(e.isEqualNode(r)){a=n;break}}return a},e}();wa.decorators=[{type:t.Directive,args:[{selector:"[desyFocusClickedCell]"}]}],wa.ctorParameters=function(){return[{type:t.ElementRef}]},wa.propDecorators={onClick:[{type:t.HostListener,args:["click"]}],manageArrows:[{type:t.HostListener,args:["keydown",["$event"]]}]};var ka=function(){};ka.decorators=[{type:t.NgModule,args:[{declarations:[ft,ht,mt,gt,bt,Ht,It,vt,Dt,xt,Ct,wa,Lt,Et],imports:[i.CommonModule,a.FormsModule,a.ReactiveFormsModule,r.A11yModule,ca,ha],exports:[ft,ht,mt,gt,bt,Ht,It,vt,Dt,xt,Ct]}]}];var Ma=function(){};Ma.decorators=[{type:t.NgModule,args:[{declarations:[na,aa,ta],imports:[i.CommonModule,ca,Ha,Ia],exports:[na,aa,ta]}]}];var Ba=function(){};Ba.decorators=[{type:t.NgModule,args:[{imports:[Ia,ga,ha,xa,Ha,ka,ya,Ma,ga],exports:[Ia,ga,ha,xa,Ha,ka,ya,Ma,ga]}]}],e.AccordionComponent=Tt,e.AccordionHeaderComponent=kt,e.AccordionHistoryComponent=Ot,e.AccordionHistoryItemComponent=St,e.AccordionItemComponent=Pt,e.AccordionItemHideButtonComponent=Bt,e.AccordionItemShowButtonComponent=Mt,e.AlertComponent=wt,e.AlertService=Jt,e.BreadcrumbsComponent=Se,e.BreadcrumbsItemComponent=Te,e.ButtonComponent=L,e.ButtonLoaderComponent=E,e.CharacterCountComponent=Z,e.CheckboxItemComponent=oe,e.CheckboxesComponent=le,e.CollapsibleComponent=zt,e.ConditionDirective=xe,e.ContentComponent=O,e.DateInputComponent=ge,e.DefinitionComponent=Nt,e.DescriptionComponent=A,e.DescriptionItemComponent=Vt,e.DescriptionListComponent=_t,e.DesyAngularModule=Ba,e.DesyButtonsModule=Ia,e.DesyCommonsModule=ga,e.DesyFormsModule=ha,e.DesyModalsModule=xa,e.DesyNavModule=Ha,e.DesyPaginationModule=Ma,e.DesyTablesModule=ka,e.DesyViewsModule=ya,e.DetailsComponent=Rt,e.DialogComponent=Be,e.DialogService=Pe,e.DropdownComponent=w,e.ErrorMessageComponent=_,e.ErrorSummaryComponent=Qe,e.ErrorSummaryItemComponent=Xe,e.FieldsetComponent=$,e.FileUploadComponent=X,e.FooterComponent=Ye,e.FooterMetaComponent=Ke,e.FooterMetaItemComponent=We,e.FooterNavigationComponent=qe,e.FooterNavigationItemComponent=je,e.HeaderComponent=Ze,e.HeaderDropdownComponent=$e,e.HeaderNavigationComponent=Ne,e.HeaderOffcanvasButtonComponent=Ae,e.HeaderOffcanvasCloseButtonComponent=Oe,e.HeaderOffcanvasComponent=Re,e.HeaderSubnavComponent=ze,e.HintComponent=N,e.IconComponent=R,e.InputComponent=j,e.InputGroupComponent=re,e.InputGroupDividerComponent=ne,e.InputGroupInputComponent=te,e.InputGroupSelectComponent=ae,e.ItemComponent=Zt,e.ItemContentBottomComponent=Gt,e.ItemContentRightComponent=$t,e.ItemItemComponent=Ut,e.LabelComponent=V,e.LegendComponent=z,e.ListboxComponent=T,e.ListboxItemComponent=B,e.ListboxLabelComponent=M,e.MediaObjectComponent=qt,e.MenuHorizontalComponent=et,e.MenuHorizontalItemComponent=Je,e.MenuVerticalComponent=rt,e.MenuVerticalItemComponent=nt,e.MenuVerticalItemSubComponent=at,e.MenuVerticalItemSubItemComponent=tt,e.MenubarComponent=pt,e.MenubarItemComponent=lt,e.MenubarLabelComponent=dt,e.MenubarSubitemComponent=ot,e.MenubarSubsubitemComponent=st,e.ModalButtonPrimaryComponent=Le,e.ModalButtonSecondaryComponent=Ee,e.ModalComponent=ke,e.NavComponent=_e,e.NavItemComponent=Ve,e.NotificationComponent=ut,e.NotificationItemComponent=ct,e.OptionComponent=W,e.OptionGroupComponent=K,e.PaginationComponent=na,e.PillComponent=S,e.RadioItemComponent=ie,e.RadiosComponent=se,e.SearchBarComponent=he,e.SelectComponent=Y,e.SkipLinkComponent=Ge,e.SpinnerComponent=At,e.StatusComponent=Wt,e.StatusItemComponent=Kt,e.TableAdvancedComponent=Ht,e.TableAdvancedHeaderCellComponent=vt,e.TableAdvancedHeaderComponent=It,e.TableAdvancedRowCellComponent=xt,e.TableAdvancedRowComponent=Dt,e.TableCaptionComponent=ht,e.TableCellComponent=mt,e.TableComponent=ft,e.TableHeaderComponent=gt,e.TableRowComponent=bt,e.TabsComponent=Qt,e.TermComponent=Ft,e.TextareaComponent=U,e.TitleComponent=F,e.TooltipContentComponent=ea,e.TreeComponent=Ie,e.TreeItemComponent=ve,e.TreeItemsGeneratorComponent=De,e.TreeSubComponent=be,e["ɵa"]=v,e["ɵb"]=D,e["ɵba"]=ta,e["ɵbb"]=va,e["ɵbc"]=Ca,e["ɵbd"]=fa,e["ɵbe"]=ca,e["ɵbf"]=I,e["ɵbg"]=ra,e["ɵbh"]=ee,e["ɵbi"]=ia,e["ɵbj"]=sa,e["ɵbk"]=oa,e["ɵbl"]=la,e["ɵbm"]=da,e["ɵbn"]=pa,e["ɵbo"]=ba,e["ɵbp"]=ua,e["ɵbq"]=me,e["ɵbr"]=pe,e["ɵbs"]=ce,e["ɵbt"]=ue,e["ɵbu"]=ma,e["ɵbv"]=Ea,e["ɵbw"]=La,e["ɵbx"]=Da,e["ɵby"]=wa,e["ɵc"]=x,e["ɵd"]=P,e["ɵe"]=C,e["ɵf"]=G,e["ɵg"]=q,e["ɵh"]=J,e["ɵi"]=Q,e["ɵj"]=de,e["ɵk"]=ye,e["ɵl"]=Ce,e["ɵm"]=He,e["ɵn"]=we,e["ɵo"]=Ue,e["ɵp"]=Fe,e["ɵq"]=it,e["ɵr"]=Ct,e["ɵs"]=Et,e["ɵt"]=Lt,e["ɵu"]=jt,e["ɵv"]=Xt,e["ɵw"]=Yt,e["ɵx"]=aa,e["ɵy"]=v,e["ɵz"]=C,Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=desy-angular.umd.min.js.map