npm - desy-angular - Versions diffs - 5.1.3 → 5.2.0 - Mend

desy-angular 5.1.3 → 5.2.0

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

Files changed (114) hide show

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

@@ -1,4 +1,4 @@
-!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,r,n,a,i,o,l,s){"use strict";function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),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 r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(e,t)};
+!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,r,n,i,l,s,o){"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 r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{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)};
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */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 r(){this.constructor=e}c(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function m(e,t,r,n){var a,i=arguments.length,o=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(o=(i<3?a(o):i>3?a(t,r,o):a(t,r))||o);return i>3&&o&&Object.defineProperty(t,r,o),o}function h(e,t,r,n){return new(r||(r=Promise))((function(a,i){function o(e){try{s(n.next(e))}catch(e){i(e)}}function l(e){try{s(n.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(o,l)}s((n=n.apply(e,t||[])).next())}))}function g(e,t){var r,n,a,i,o={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;o;)try{if(r=1,n&&(a=2&i[0]?n.return:i[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,i[1])).done)return a;switch(n=0,a&&(i=[2&i[0],a.value]),i[0]){case 0:case 1:a=i;break;case 4:return o.label++,{value:i[1],done:!1};case 5:o.label++,n=i[1],i=[0];continue;case 7:i=o.ops.pop(),o.trys.pop();continue;default:if(!(a=o.trys,(a=a.length>0&&a[a.length-1])||6!==i[0]&&2!==i[0])){o=0;continue}if(3===i[0]&&(!a||i[1]>a[0]&&i[1]<a[3])){o.label=i[1];break}if(6===i[0]&&o.label<a[1]){o.label=a[1],a=i;break}if(a&&o.label<a[2]){o.label=a[2],o.ops.push(i);break}a[2]&&o.ops.pop(),o.trys.pop();continue}i=t.call(e,o)}catch(e){i=[6,e],n=0}finally{r=a=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}Object.create;function b(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.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 r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,a,i=r.call(e),o=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)o.push(n.value)}catch(e){a={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(a)throw a.error}}return o}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 x=function(){function e(){}return e.prototype.ngOnChanges=function(e){I(this.text,this.html)},e}();function I(e,t){if(!t&&!e)throw new Error("html or text are required")}x.decorators=[{type:t.Component,args:[{selector:"desy-text-or-html-required",template:"<div></div>"}]}],x.propDecorators={text:[{type:t.Input}],html:[{type:t.Input}]};var D=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(x);D.decorators=[{type:t.Component,args:[{selector:"desy-accessibility-and-text-or-html-required",template:"<div></div>"}]}],D.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 E=function(){};E.decorators=[{type:t.Component,args:[{selector:"desy-accessibility-and-content-required",template:"<div></div>"}]}],E.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 r(){var r=e.apply(this,f(arguments))||this;return r.hostTabIndex=null,r.clickEvent=new t.EventEmitter,r.avoidingDoubleClick=!1,r}return u(r,e),r.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)},r.prototype.getElement=function(){return this.element?this.element.toLocaleLowerCase():this.href?r.ELEMENT_A:r.ELEMENT_BUTTON},r.prototype.getClassNames=function(){var e="c-button";return this.classes&&(e+=" "+this.classes),this.disabled&&(e+=" c-button--disabled"),e},r.prototype.isDisabled=function(){return!!this.disabled||null},Object.defineProperty(r.prototype,"staticElementTypeA",{get:function(){return r.ELEMENT_A},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"staticElementTypeButton",{get:function(){return r.ELEMENT_BUTTON},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"staticElementTypeInput",{get:function(){return r.ELEMENT_INPUT},enumerable:!1,configurable:!0}),r}(C);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>\r\n   <ng-content></ng-content>\r\n</ng-template>\r\n\r\n<ng-container [ngSwitch]="getElement()">\r\n  <ng-container *ngSwitchCase="staticElementTypeA">\r\n  \x3c!-- routerLink modifica href, por eso se duplica para que no convivan en un mismo html --\x3e\r\n     <a *ngIf="routerLink" draggable="false" (click)="onClick($event)"\r\n        [routerLink]="routerLink" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n        [attr.tabindex]="tabindex ? tabindex : (isDisabled() ? -1 : null)"\r\n        [attr.role]="role ? role : \'button\'"\r\n        [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n        [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n        [class]="getClassNames()"\r\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">\r\n       <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n     </a>\r\n\r\n     <a *ngIf="!routerLink" draggable="false" (click)="onClick($event)"\r\n        [href]="href | externalHref"\r\n        [attr.target]="target ? target : null"\r\n        [attr.tabindex]="tabindex ? tabindex : (isDisabled() ? -1 : null)"\r\n        [attr.role]="role ? role : \'button\'"\r\n        [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n        [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n        [class]="getClassNames()"\r\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">\r\n       <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n     </a>\r\n\r\n  </ng-container>\r\n\r\n  <button *ngSwitchCase="staticElementTypeButton" (click)="onClick($event)"\r\n          [routerLink]="routerLink ? routerLink : null" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n          [attr.name]="name ? name : null"\r\n          [attr.value]="value ? value : null"\r\n          [attr.disabled]="isDisabled()"\r\n          [attr.role]="role ? role : null"\r\n          [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n          [attr.data-prevent-double-click]="preventDoubleClick ? \'true\' : null"\r\n          [attr.type]="type ? type : null"\r\n          [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n          [class]="getClassNames()"\r\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">\r\n    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n  </button>\r\n\r\n  <input *ngSwitchCase="staticElementTypeInput" (click)="onClick($event)"\r\n         [routerLink]="routerLink ? routerLink : null" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n         [attr.name]="name ? name : null"\r\n         [value]="text ? text : null"\r\n         [attr.disabled]="isDisabled()"\r\n         [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n         [attr.role]="role ? role : null"\r\n         [attr.data-prevent-double-click]="preventDoubleClick ? \'true\' : null"\r\n         [attr.type]="type ? type : \'submit\'"\r\n         [class]="getClassNames()"\r\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">\r\n</ng-container>\r\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 w=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);w.STATE_LOADING="is-loading",w.STATE_SUCCESS="is-success",w.DEFAULT_LOADER_TEXT="Acción en curso",w.DEFAULT_SUCCESS_TEXT="Acción realizada con éxito",w.decorators=[{type:t.Component,args:[{selector:"desy-button-loader",template:'<ng-template #spinnerTemplate>\r\n  <span class="c-button-loader__spinner flex items-center justify-center absolute inset-0">\r\n    <desy-spinner [text]="getSpinnerText()" [classes]="loaderClasses" ></desy-spinner>\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #successTemplate>\r\n  <span class="c-button-loader__success flex items-center justify-center absolute inset-0">\r\n    <p class="sr-only" role="alert" aria-live="assertive">{{ getSuccessText() }}</p>\r\n    <span aria-hidden="true">✓</span>\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n<ng-container [ngSwitch]="getElement()">\r\n  <ng-container *ngSwitchCase="staticElementTypeA">\r\n    <a *ngIf="routerLink" draggable="false" (click)="onClick($event)"\r\n      [routerLink]="routerLink" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n      role="button"\r\n      [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\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"\r\n      [attr.tabindex]="tabindex ? tabindex : (isDisabled() ? -1 : null)"\r\n      [class]="getClassNames()">\r\n      <ng-container *ngTemplateOutlet="spinnerTemplate"></ng-container>\r\n      <ng-container *ngTemplateOutlet="successTemplate"></ng-container>\r\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>\r\n    </a>\r\n\r\n    <a *ngIf="!routerLink" draggable="false" (click)="onClick($event)"\r\n      [href]="href | externalHref" [attr.target]="target ? target : null"\r\n       [attr.tabindex]="tabindex ? tabindex : (isDisabled() ? -1 : null)"\r\n      role="button"\r\n      [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\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"\r\n      [class]="getClassNames()">\r\n      <ng-container *ngTemplateOutlet="spinnerTemplate"></ng-container>\r\n      <ng-container *ngTemplateOutlet="successTemplate"></ng-container>\r\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>\r\n    </a>\r\n  </ng-container>\r\n\r\n  <button *ngSwitchCase="staticElementTypeButton" (click)="onClick($event)"\r\n          [routerLink]="routerLink ? routerLink : null" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n          [attr.name]="name ? name : null"\r\n          [attr.value]="value ? value : null"\r\n          [attr.disabled]="isDisabled()"\r\n          [attr.role]="(role ? role : null)"\r\n          [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n          [attr.data-prevent-double-click]="preventDoubleClick ? \'true\' : null"\r\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"\r\n          [attr.type]="type ? type : null"\r\n          [class]="getClassNames()">\r\n    <ng-container *ngTemplateOutlet="spinnerTemplate"></ng-container>\r\n    <ng-container *ngTemplateOutlet="successTemplate"></ng-container>\r\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>\r\n  </button>\r\n\r\n  <div *ngSwitchCase="staticElementTypeInput" (click)="onClick($event)"\r\n       [attr.name]="name ? name : null"\r\n       [routerLink]="routerLink ? routerLink : null" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n       [attr.disabled]="isDisabled()"\r\n       [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n       [attr.role]="(role ? role : null)"\r\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"\r\n       [class]="getClassNames()"\r\n       [attr.data-prevent-double-click]="preventDoubleClick ? \'true\' : null">\r\n    <span class="c-button-loader__content inline-flex align-baseline">\r\n      <input [value]="text ? text : null" [type]="type ? type : \'submit\'" class="bg-transparent font-semibold">\r\n    </span>\r\n    <ng-container *ngTemplateOutlet="spinnerTemplate"></ng-container>\r\n    <ng-container *ngTemplateOutlet="successTemplate"></ng-container>\r\n  </div>\r\n</ng-container>\r\n'}]}],w.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 k=function(){function e(){}return e.getFirstFocusableElement=function(t){var r,n='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';if(!(r=t?t.querySelectorAll(n):document.querySelectorAll(n))||0===r.length)return null;for(var a=null,i=0;i<r.length;){try{var o=r.item(i);if(e.isFocusable(o)){a=o;break}}catch(e){}i++}return a},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}(),H=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.clickEvent=new t.EventEmitter,r.isOpen=!1,r.clickOutsideEnabled=!1,r}return u(r,e),r.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===r.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 r=k.getFirstFocusableElement(e);r&&r.focus()}})},r.prototype.onClick=function(e){this.isDisabled()||this.clickEvent.emit(e)},r.prototype.setOpen=function(e){this.isOpen=e},r.prototype.isDisabled=function(){return!!this.disabled||null},r}(E);H.KEY_CODE_ESC="Escape",H.decorators=[{type:t.Component,args:[{selector:"desy-dropdown",template:'<div [class]="classesContainer ? classesContainer : \'relative\'"\r\n     (desyContentEmpty)="setOpen(false)" (desyContentNotEmpty)="setOpen(true)">\r\n  <button #desyContentEmptyIgnore (click)="onClick($event)"\r\n          ngxTippy [tippyProps]="tippyProperties"\r\n          [class]="[\'c-dropdown\', classes] | makeHtmlList"\r\n          [attr.disabled]="isDisabled() ? \'disabled\' : null"\r\n          aria-haspopup="true"\r\n          [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n          [attr.aria-expanded]="isOpen"\r\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n          [attr.id]="id ? id : null"\r\n          [attr.role]="role ? role : null"\r\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n          [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n          [attr.aria-live]="ariaLive ? ariaLive : null"\r\n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n          [attr.tabIndex]="isDisabled() ? \'-1\' : tabindex">\r\n    <span class="inline-flex self-center max-w-xs align-middle truncate">\r\n      <ng-container *desyCustomInnerContent="{ html: html, text: text }"></ng-container>\r\n      <ng-content></ng-content>\r\n    </span>\r\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>\r\n  </button>\r\n  <span *ngIf="hiddenText" #desyContentEmptyIgnore class="sr-only">{{ hiddenText }}</span>\r\n  <div #dropdownContent style="display: none;"\r\n       [class]="[\'-ml-sm mt-2 border border-neutral-base shadow-md bg-white\', classesTooltip] | makeHtmlList">\r\n    <ng-container *ngTemplateOutlet="caller"></ng-container>\r\n  </div>\r\n</div>\r\n'}]}],H.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}],classesTooltip:[{type:t.Input}],classes:[{type:t.Input}],caller:[{type:t.Input}],clickEvent:[{type:t.Output}]};var M=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}(),B=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);B.decorators=[{type:t.Component,args:[{selector:"desy-listbox-label",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],B.propDecorators={classes:[{type:t.Input}]};var T=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.itemChange=new t.EventEmitter,r}return u(r,e),r.prototype.ngOnChanges=function(e){this.itemChange.emit(e)},r}(C);function P(e){return function(r,n){var a="_"+n,i="_"+n+"Querylist";Object.defineProperty(r,n,{set:function(r){var n=this,o=r instanceof t.QueryList?r:null;o&&!this[i]&&(this[i]=o,o.changes.subscribe((function(){var t=n[a];n[a]=o&&o.length>0?o.first:null,e&&e.onSetCallbackName&&n[e.onSetCallbackName]&&n[a]&&n[e.onSetCallbackName](n[a]),e&&e.onDeleteCallbackName&&n[e.onDeleteCallbackName]&&t&&!n[a]&&n[e.onDeleteCallbackName]()})),o.notifyOnChanges())},get:function(){return this[a]}})}}T.decorators=[{type:t.Component,args:[{selector:"desy-listbox-item",template:"<ng-template #childComponentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],T.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 S=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.itemsChange=new t.EventEmitter,r.activeItemChange=new t.EventEmitter,r.isListVisible=!1,r}return u(r,e),r.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 a(t){t.key===r.KEY_CODE_ESC&&(n(),e.focus())}return{onShow:function(){document.addEventListener("keydown",a)},onHide:function(){document.removeEventListener("keydown",a)}}}}],role:!1,aria:{content:"auto"},onShow:this.onListShow.bind(this),onHidden:this.onListClose.bind(this)}}},r.prototype.ngOnChanges=function(){var e=this;setTimeout((function(){var t,r;if(!e.id)throw Error("id is required");if(!e.items&&!e.itemComponentList)throw Error("items are required");if(!e.label&&!e.labelComponent)throw Error("label is required");if(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 r=t.itemChange.subscribe((function(){return e.checkActiveItems()}));e.itemComponentSubscriptions.push(r),e.itemList.push(t)}))):e.itemList=e.items,e.items)try{for(var n=b(e.items),a=n.next();!a.done;a=n.next()){var i=a.value;if(!i)throw Error("item is "+i);I(i.text,i.html)}}catch(e){t={error:e}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}e.checkActiveItems()}))},r.prototype.ngDoCheck=function(){this.items&&this.itemList&&this.checkActiveItems()},r.prototype.getActiveItemsData=function(){return this.itemList.map((function(e,t){return e.active?{item:e,index:t}:null})).filter((function(e){return null!==e}))},r.prototype.checkActiveItems=function(){var e,t,r=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&&r.length===this.lastActiveItems.length){for(var a=0;a<r.length;a++)if(r[a].index!==this.lastActiveItems[a].index){n=!0;break}}else n=!0;if(this.lastActiveItems&&!this.isMultiselectable&&n&&r.length!==this.lastActiveItems.length){var i=function(e){o.lastActiveItems.findIndex((function(t){return t.index===e.index}))>=0&&(e.item.active=!1),r=r.filter((function(e){return e.item.active}))},o=this;try{for(var l=b(r),s=l.next();!s.done;s=l.next()){i(s.value)}}catch(t){e={error:t}}finally{try{s&&!s.done&&(t=l.return)&&t.call(l)}finally{if(e)throw e.error}}}if(this.lastActiveItems=r,this.doesChangeButtonText&&!this.isMultiselectable&&r.length>0){var d=this.listboxOptions.find((function(e,t){return t===r[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(r.length>0?r[0].item:null))},r.prototype.onListShow=function(){var e=this;this.isListVisible=!0,this.listboxList&&setTimeout((function(){return e.listboxList.nativeElement.focus()}))},r.prototype.onListClose=function(){this.isListVisible=!1},r.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")},r.prototype.moveFocus=function(e,t){t.preventDefault(),e>=0&&e<this.itemList.length&&(this.isMultiselectable?this.currentFocusIndex=e:this.selectItem(e))},r.prototype.onSpace=function(e){e.preventDefault(),this.isMultiselectable&&this.selectItem(this.currentFocusIndex)},r.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()},r.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:this.id+"-listbox-item"},r.prototype.getItemId=function(e,t){var r;return e.id?r=e.id:(r=this.getIdPrefix(),t>0&&(r+="-"+t)),r},r.prototype.hasLabel=function(){return!(!this.label&&!this.labelComponent)},r.prototype.getLabelContent=function(e){return e.html?e.html:"<p>"+M.escapeHtml(e.text)+"</p>"},r}(D);S.KEY_CODE_ESC="Escape",S.decorators=[{type:t.Component,args:[{selector:"desy-listbox",template:'<div [ngClass]="classesContainer ? classesContainer : \'relative\'">\r\n  <div [id]="id + \'-label\'" [class]="[\'mb-sm\', labelComponent?.classes, label?.classes] | makeHtmlList">\r\n    <ng-container *desyCustomInnerContent="{ component: labelComponent, html: label ? getLabelContent(label) : null }"></ng-container>\r\n  </div>\r\n  <button #button [id]="id + \'-button\'"\r\n          [class]="[\'c-listbox\', classes] | makeHtmlList"\r\n          ngxTippy [tippyProps]="tippyProperties"\r\n          aria-haspopup="listbox"\r\n          [attr.aria-labelledby]="[hasLabel() ? id + \'-label\' : null, id + \'-button\'] | makeHtmlList"\r\n          [attr.disabled]="disabled ? \'disabled\' : null"\r\n          [attr.aria-disabled]="disabled ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n          [attr.aria-role] = "role ? role : null"\r\n          [attr.aria-label] = "ariaLabel ? ariaLabel : null"\r\n          [attr.aria-describedby] = "ariaDescribedBy ? ariaDescribedBy : null"\r\n          [attr.aria-hidden] = "ariaHidden ? ariaHidden : null"\r\n          [attr.aria-controls] = "ariaControls ? ariaControls : null"\r\n          [attr.aria-current] = "ariaCurrent ? ariaCurrent : null"\r\n          [attr.aria-live] = "ariaLive ? ariaLive : null"\r\n          [attr.aria-expanded] = "ariaExpanded ? ariaExpanded : null"\r\n          [attr.aria-errorMessage] = "ariaErrorMessage ? ariaErrorMessage : null"\r\n          [attr.aria-hasppup] = "ariaHasPopup ? ariaHasPopup : null"\r\n          [attr.aria-tabindex] = "tabindex ? tabindex : null">\r\n        <span class="inline-flex self-center max-w-xs align-middle truncate">\r\n          <ng-container *desyCustomInnerContent="{ html: buttonContentHtml, text: text }"></ng-container>\r\n        </span>\r\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>\r\n  </button>\r\n  <div #tooltip [class]="[\'c-listbox__tooltip -ml-sm mt-2 border border-neutral-base shadow-md bg-white\', classesTooltip] | makeHtmlList">\r\n    <ul *ngIf="itemList"\r\n        #list [id]="id"\r\n        (focus)="onListFocus()"\r\n        (keydown.arrowUp)="moveFocus(currentFocusIndex - 1, $event)"\r\n        (keydown.arrowDown)="moveFocus(currentFocusIndex + 1, $event)"\r\n        (keydown.home)="moveFocus(0, $event)"\r\n        (keydown.end)="moveFocus(items.length - 1, $event)"\r\n        (keydown.space)="onSpace($event)"\r\n        role="listbox"\r\n        tabindex="-1"\r\n        class="text-sm outline-none"\r\n        [attr.aria-labelledby]="hasLabel() ? id : (ariaLabelledBy ? ariaLabelledBy : null)"\r\n        [attr.aria-multiselectable]="isMultiselectable ? \'true\' : null"\r\n        [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n        [attr.aria-label] = "ariaLabel ? ariaLabel : null"\r\n        [attr.aria-describedby] = "ariaDescribedBy ? ariaDescribedBy : null"\r\n        [attr.aria-hidden] = "ariaHidden ? ariaHidden : null"\r\n        [attr.aria-controls] = "ariaControls ? ariaControls : null"\r\n        [attr.aria-current] = "ariaCurrent ? ariaCurrent : null"\r\n        [attr.aria-live] = "ariaLive ? ariaLive : null"\r\n        [attr.aria-expanded] = "ariaExpanded ? ariaExpanded : null"\r\n        [attr.aria-errormessage] = "ariaErrorMessage ? ariaErrorMessage : null"\r\n        [attr.aria-haspopup] = "ariaHasPopup ? ariaHasPopup : null"\r\n        [attr.aria-activedescendant] = "lastActiveItems.length > 0 ? getItemId(lastActiveItems[0].item, lastActiveItems[0].index) : null">\r\n      <ng-container *ngFor="let item of itemList; index as index">\r\n        <li #option *ngIf="item" role="option" (click)="selectItem(index)"\r\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"\r\n            [ngClass]="{\'focused\': index === currentFocusIndex}"\r\n            [attr.aria-label]="item.active ? \'true\' : (item.ariaLabel ? item.ariaLabel : null)"\r\n            [id]="getItemId(item, index)"\r\n            [attr.title]="item.title ? item.title : null"\r\n\r\n            [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n            [attr.aria-hidden] = "item.ariaHidden ? item.ariaHidden : null"\r\n            [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n            [attr.aria-current] = "item.ariaCurrent ? item.ariaCurrent : null"\r\n            [attr.aria-live] = "item.ariaLive ? item.ariaLive : null"\r\n            [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n            [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n            [attr.aria-haspopup] = "item.ariaHasPopup ? item.ariaHasPopup : null"\r\n            [attr.aria-tabindex] = "item.tabindex ? item.tabindex : null"\r\n\r\n            [attr.aria-checked]="item.active"\r\n            [attr.aria-selected]="item.active">\r\n          <ng-container *desyCustomInnerContent="{ template: item[\'content\'], html: item.html, text: item.text }"></ng-container>\r\n        </li>\r\n      </ng-container>\r\n    </ul>\r\n  </div>\r\n</div>\r\n'}]}],S.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:[B]}],itemComponentList:[{type:t.ContentChildren,args:[T]}],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()],S.prototype,"labelComponent",void 0);var R=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.clickEvent=new t.EventEmitter,r.hostTabIndex=null,r}return u(r,e),r.prototype.onClick=function(e){this.clickEvent.emit(e)},r.prototype.getType=function(){return this.type?this.type.toLocaleLowerCase():this.href?r.TYPE_A:r.TYPE_SPAN},r.prototype.getClassNames=function(){var e="c-pill";return this.classes&&(e+=" "+this.classes),e},Object.defineProperty(r.prototype,"staticElementTypeA",{get:function(){return r.TYPE_A},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"staticElementTypeButton",{get:function(){return r.TYPE_BUTTON},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"staticElementTypeSpan",{get:function(){return r.TYPE_SPAN},enumerable:!1,configurable:!0}),r}(E);R.TYPE_A="a",R.TYPE_BUTTON="button",R.TYPE_SPAN="span",R.decorators=[{type:t.Component,args:[{selector:"desy-pill",template:'<ng-template #contentTemplate>\r\n   <ng-content></ng-content>\r\n</ng-template>\r\n\r\n<ng-container [ngSwitch]="getType()">\r\n    <ng-container *ngSwitchCase="staticElementTypeA">\r\n      \x3c!-- routerLink modifica href, por eso se duplica para que no convivan en un mismo html --\x3e\r\n      <a *ngIf="routerLink" data-module="c-pill"  (click)="onClick($event)"\r\n         [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n         [routerLink]="routerLink" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n         [class]="getClassNames()"\r\n         [attr.id]="id ? id : null"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n         <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n      </a>\r\n\r\n      <a *ngIf="!routerLink" data-module="c-pill"  (click)="onClick($event)"\r\n         [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n         [href]="href | externalHref"\r\n         [class]="getClassNames()"\r\n         [attr.target]="target ? target : null"\r\n         [attr.id]="id ? id : null"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n         <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n      </a>\r\n    </ng-container>\r\n\r\n    <button *ngSwitchCase="staticElementTypeButton" data-module="c-pill" (click)="onClick($event)"\r\n            [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n            [class]="getClassNames()"\r\n            [attr.id]="id ? id : null"\r\n            [attr.role]="role ? role : null"\r\n            [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n            [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n            [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n            [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n            [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n            [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n            [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n            [attr.aria-live]="ariaLive ? ariaLive : null"\r\n            [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n            [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n            [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n            [attr.tabindex]="tabindex ? tabindex : null">\r\n            <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n         </button>\r\n\r\n    <span *ngSwitchCase="staticElementTypeSpan" data-module="c-pill" (click)="onClick($event)"\r\n          [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n          [class]="getClassNames()"\r\n          [attr.id]="id ? id : null"\r\n          [attr.role]="role ? role : null"\r\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n          [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n          [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n          [attr.aria-live]="ariaLive ? ariaLive : null"\r\n          [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n          [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n          [attr.tabindex]="tabindex ? tabindex : null">\r\n          <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n         </span>\r\n</ng-container>\r\n'}]}],R.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>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\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}]};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-icon",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],F.propDecorators={type:[{type:t.Input}]};var N=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);N.decorators=[{type:t.Component,args:[{selector:"desy-title",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],N.propDecorators={classes:[{type:t.Input}]};var q=function(e){function t(t){var r=e.call(this)||this;return r.changeDetectorRef=t,r}return u(t,e),t.prototype.detectChanges=function(){this.changeDetectorRef.detectChanges()},t}(C);q.decorators=[{type:t.Component,args:[{selector:"desy-hint",template:'<p class="block text-neutral-dark" [ngClass]="classes"\r\n   [attr.id]="id ? id : null"\r\n   [attr.role]="role ? role : null"\r\n   [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n   [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n   [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n   [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n   [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n   [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n   [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n   [attr.aria-live]="ariaLive ? ariaLive : null"\r\n   [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n   [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n   [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n   [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-content></ng-content>\r\n  <ng-container *desyCustomInnerContent="{ html: html, text: text }"></ng-container>\r\n</p>\r\n'}]}],q.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},q.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 r=e.call(this)||this;return r.changeDetectorRef=t,r}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>\r\n  <label [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n    [class]="\'block\' + (classes ? \' \' + classes : \'\')"\r\n    [attr.id]="id ? id : null"\r\n    [attr.for]="for ? for : null"\r\n    [attr.role]="role ? role : null"\r\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n    [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n    [attr.aria-live]="ariaLive ? ariaLive : null"\r\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n    [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-content></ng-content></label>\r\n</ng-template>\r\n\x3c!-- label --\x3e\r\n<ng-container *ngIf="isPageHeading; else elseBlock" class="block">\r\n  <ng-container [ngSwitch]="headingLevel">\r\n    <h1 *ngSwitchCase="1" class="block">\r\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n    </h1>\r\n    <h2 *ngSwitchCase="2" class="block">\r\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n    </h2>\r\n    <h3 *ngSwitchCase="3" class="block">\r\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n    </h3>\r\n    <h4 *ngSwitchCase="4" class="block">\r\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n    </h4>\r\n    <h5 *ngSwitchCase="5" class="block">\r\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n    </h5>\r\n    <h1 *ngSwitchDefault class="block">\r\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n    </h1>\r\n  </ng-container>\r\n</ng-container>\r\n<ng-template #elseBlock>\r\n  <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n</ng-template>\r\n\x3c!-- /label --\x3e\r\n\r\n\r\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 z=function(e){function t(t){var r=e.call(this)||this;return r.changeDetectorRef=t,r}return u(t,e),t.prototype.detectChanges=function(){this.changeDetectorRef.detectChanges()},t}(C);z.decorators=[{type:t.Component,args:[{selector:"desy-error-message",template:'<p class="block font-semibold text-alert-base" [ngClass]="classes"\r\n   [attr.id]="id ? id : null"\r\n   [attr.role]="role ? role : null"\r\n   [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n   [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n   [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n   [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n   [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n   [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n   [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n   [attr.aria-live]="ariaLive ? ariaLive : null"\r\n   [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n   [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n   [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n   [attr.tabindex]="tabindex ? tabindex : null">\r\n  <span class="sr-only">{{visuallyHiddenText ? visuallyHiddenText : \'Error\'}}:</span>\r\n  <ng-content></ng-content>\r\n  <ng-container *desyCustomInnerContent="{ html: html, text: text }"></ng-container>\r\n</p>\r\n'}]}],z.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},z.propDecorators={id:[{type:t.Input}],classes:[{type:t.Input}],html:[{type:t.Input}],text:[{type:t.Input}],visuallyHiddenText:[{type:t.Input}]};var _=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(E);_.decorators=[{type:t.Component,args:[{selector:"desy-legend",template:'<legend  *ngIf="isPageHeading" [ngClass]="classes ? classes : \'font-bold\'">\r\n  <ng-container [ngSwitch]="headingLevel">\r\n    <h1 *ngSwitchCase="1" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h1>\r\n    <h2 *ngSwitchCase="2" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h2>\r\n    <h3 *ngSwitchCase="3" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h3>\r\n    <h4 *ngSwitchCase="4" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h4>\r\n    <h5 *ngSwitchCase="5" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h5>\r\n    <h1 *ngSwitchDefault  [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h1>\r\n  </ng-container>\r\n</legend>\r\n\r\n<legend  *ngIf="!isPageHeading" [ngClass]="classes ? classes : \'font-bold\'" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></legend>\r\n\r\n<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n'}]}],_.propDecorators={classes:[{type:t.Input}],isPageHeading:[{type:t.Input}],headingLevel:[{type:t.Input}]};var $=function(e){function t(t){var r=e.call(this)||this;return r.changeDetectorRef=t,r}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"\r\n    [attr.role]="role"\r\n    [attr.aria-describedby]="describedBy ? describedBy : ariaDescribedBy"\r\n    [attr.aria-errormessage]="errorId ? errorId : ariaErrorMessage"\r\n\r\n    [attr.id]="id"\r\n    [attr.aria-label]="ariaLabel"\r\n    [attr.aria-labelledby]="ariaLabelledBy"\r\n    [attr.aria-hidden]="ariaHidden"\r\n    [attr.aria-disabled]="ariaDisabled"\r\n    [attr.aria-controls]="ariaControls"\r\n    [attr.aria-current]="ariaCurrent"\r\n    [attr.aria-live]="ariaLive"\r\n    [attr.aria-expanded]="ariaExpanded"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex ? tabindex : null">\r\n\r\n  <ng-container *ngIf="legendComponent">\r\n    <ng-content select="desy-legend"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!legendComponent">\r\n    <ng-container *ngTemplateOutlet="legendRef"></ng-container>\r\n    <desy-legend *ngIf="!legendRef && legendData"\r\n        [text]="legendData.text"\r\n        [html]="legendData.html"\r\n        [classes]="legendData.classes"\r\n        [isPageHeading]="legendData.isPageHeading"\r\n        [headingLevel]="headingLevel"></desy-legend>\r\n    <desy-legend *ngIf="!legendRef && !legendData && legendText" [text]="legendText" [headingLevel]="headingLevel"></desy-legend>\r\n  </ng-container>\r\n\r\n  <ng-container *desyCustomInnerContent="{ component: contentComponent, template: caller }"></ng-container>\r\n</fieldset>\r\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:[_]}],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:[q]}],hintRef:[{type:t.Input}],hintData:[{type:t.Input}],hintText:[{type:t.Input}],errorMessageComponent:[{type:t.ContentChildren,args:[z]}],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.inputTransform=function(e){return e},t}return u(t,e),t.prototype.ngOnChanges=function(e){this.checkRequiredParams(),this.writeValue(this.value)},t.prototype.checkRequiredParams=function(){if(!this.id)throw Error("id is required");if(!this.name)throw Error("name is required");if(!this.labelRef&&!this.labelData&&!this.labelText)throw Error("label is required")},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:'<div [class]="[\'c-form-group\', this.formGroupClasses] | makeHtmlList" [ngClass]="{\'c-form-group--error\': hasErrorsMessage()}">\r\n\r\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\r\n  <desy-label *ngIf="!labelRef && labelData"\r\n              [text]="labelData.text"\r\n              [html]="labelData.html"\r\n              [classes]="labelData.classes"\r\n              [isPageHeading]="labelData.isPageHeading"\r\n              [for]="id"\r\n              [role]="labelData.role"\r\n              [ariaLabel]="labelData.ariaLabel"\r\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\r\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\r\n              [ariaHidden]="labelData.ariaHidden"\r\n              [ariaDisabled]="labelData.ariaDisabled"\r\n              [ariaControls]="labelData.ariaControls"\r\n              [ariaCurrent]="labelData.ariaCurrent"\r\n              [ariaLive]="labelData.ariaLive"\r\n              [ariaExpanded]="labelData.ariaExpanded"\r\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\r\n              [ariaHasPopup]="labelData.ariaHasPopup"\r\n              [tabindex]="labelData.tabindex"></desy-label>\r\n  <desy-label *ngIf="!labelRef && !labelData && labelText" [text]="labelText" [for]="id"></desy-label>\r\n\r\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n  <desy-hint *ngIf="!hintRef && hintData"\r\n              [id]="getHintId()"\r\n              [text]="hintData.text"\r\n              [html]="hintData.html"\r\n              [classes]="hintData.classes"\r\n              [role]="hintData.role"\r\n              [ariaLabel]="hintData.ariaLabel"\r\n              [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n              [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n              [ariaHidden]="hintData.ariaHidden"\r\n              [ariaDisabled]="hintData.ariaDisabled"\r\n              [ariaControls]="hintData.ariaControls"\r\n              [ariaCurrent]="hintData.ariaCurrent"\r\n              [ariaLive]="hintData.ariaLive"\r\n              [ariaExpanded]="hintData.ariaExpanded"\r\n              [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n              [ariaHasPopup]="hintData.ariaHasPopup"\r\n              [tabindex]="hintData.tabindex"></desy-hint>\r\n  <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n\r\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n              [id]="getErrorId()"\r\n              [text]="errorMessageData.text"\r\n              [html]="errorMessageData.html"\r\n              [classes]="errorMessageData.classes"\r\n              [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n              [role]="errorMessageData.role"\r\n              [ariaLabel]="errorMessageData.ariaLabel"\r\n              [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n              [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n              [ariaHidden]="errorMessageData.ariaHidden"\r\n              [ariaDisabled]="errorMessageData.ariaDisabled"\r\n              [ariaControls]="errorMessageData.ariaControls"\r\n              [ariaCurrent]="errorMessageData.ariaCurrent"\r\n              [ariaLive]="errorMessageData.ariaLive"\r\n              [ariaExpanded]="errorMessageData.ariaExpanded"\r\n              [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n              [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n              [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n\r\n\r\n  <textarea #textarea\r\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"\r\n            [value]="value" (input)="onInput($event.target.value)"\r\n            [ngClass]="{\'border-alert-base ring-2 ring-alert-base\' : hasErrorsMessage()}"\r\n            [rows]="getRows()"\r\n            [attr.id]="id ? id : null"\r\n            [attr.name]="name ? name : null"\r\n            [attr.aria-describedby]="[describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n            [attr.aria-errormessage]="hasErrorsMessage() ? getErrorId() : null"\r\n            [attr.aria-invalid]="hasErrorsMessage() ? true : null"\r\n            [attr.placeholder]="placeholder ? placeholder : null"\r\n            [attr.autocomplete]="autocomplete ? autocomplete : null"\r\n            [attr.disabled]="disabled ? true : null"\r\n            [attr.maxlength]="maxlength"\r\n\r\n            [attr.role]="role ? role : null"\r\n            [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n            [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n            [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n            [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n            [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n            [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n            [attr.aria-live]="ariaLive ? ariaLive : null"\r\n            [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n            [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n            [attr.tabindex]="tabindex ? tabindex : null"></textarea>\r\n</div>\r\n',providers:[{provide:r.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}],formGroupClasses:[{type:t.Input}],classes:[{type:t.Input}],autocomplete:[{type:t.Input}],maxlength:[{type:t.Input}]};var j=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.checkRequired(),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 r=e.match(/[\wáéíóúÁÉÍÓÚüÜñÑ]+/g)||[];for(this.displayCountMessage=!this.threshold||r.length>this.maxwords*this.threshold/100;r.length>this.maxwords;)e=e.substring(0,e.lastIndexOf(r.pop()));this.remaining=this.maxwords-r.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 r=e.match(/[^A-z0-9_\s.,:;]/g);t+=r?r.length:0}return t},t.prototype.checkRequired=function(){if(!this.id)throw Error("id is required");if(!this.name)throw Error("name is required");if(!this.maxlength&&!this.maxwords)throw Error("maxlength or maxwords are required");if(!this.hasLabel())throw Error("label is required")},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);j.decorators=[{type:t.Component,args:[{selector:"desy-character-count",template:'<div>\r\n  <desy-textarea\r\n    [id]="id"\r\n    [name]="name"\r\n    [describedBy]="id + \'-info\'"\r\n    [rows]="rows"\r\n    [placeholder]="placeholder"\r\n    formGroupClasses= "[\'\' + (formGroupClasses ? formGroupClasses : \'mb-0\')] | makeHtmlList"\r\n    [classes]="[\'js-character-count\',  hasErrorsMessage() ? \'border-alert-base ring-2 ring-alert-base\' : null, classes] | makeHtmlList"\r\n    [labelRef]="labelRef" [labelData]="labelData" [labelText]="labelText"\r\n    [hintRef]="hintRef" [hintData]="hintData" [hintText]="hintText"\r\n    [errorMessageRef]="errorMessageRef" [errorMessageData]="errorMessageData" [errorMessageText]="errorMessageText"\r\n    [role]="role"\r\n    [ariaLabel]="ariaLabel"\r\n    [ariaLabelledBy]="ariaLabelledBy"\r\n    [ariaHidden]="ariaHidden"\r\n    [ariaDisabled]="ariaDisabled"\r\n    [ariaControls]="ariaControls"\r\n    [ariaCurrent]="ariaCurrent"\r\n    [ariaLive]="ariaLive"\r\n    [ariaExpanded]="ariaExpanded"\r\n    [ariaErrorMessage]="ariaErrorMessage"\r\n    [ariaHasPopup]="ariaHasPopup"\r\n    [tabindex]="tabindex"></desy-textarea>\r\n\r\n  <desy-hint *ngIf="!!displayCountMessage"\r\n    [id]="id + \'-info\'" [classes]="[\'mt-xs text-sm\', countMessageClasses] | makeHtmlList" ariaLive="polite"\r\n    [text]="\'Puedes escribir hasta \' + remaining + (maxlength ? \' caracteres\' : \' palabras\')"></desy-hint>\r\n</div>\r\n',providers:[{provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return j})),multi:!0}]}]}],j.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 W=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.ngOnChanges=function(e){this.checkRequired()},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.prototype.checkRequired=function(){if(!this.id)throw Error("id is required");if(!this.name)throw Error("name is required");if(!this.hasLabel())throw Error("label is required")},t}(G);W.decorators=[{type:t.Component,args:[{selector:"desy-input",template:'\r\n<div [class]="[\'c-form-group\', this.formGroupClasses] | makeHtmlList" [ngClass]="{\'c-form-group--error\': hasErrorsMessage()}">\r\n\r\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\r\n  <desy-label *ngIf="!labelRef && labelData"\r\n              [text]="labelData.text"\r\n              [html]="labelData.html"\r\n              [classes]="labelData.classes"\r\n              [isPageHeading]="labelData.isPageHeading"\r\n              [for]="id"\r\n              [role]="labelData.role"\r\n              [ariaLabel]="labelData.ariaLabel"\r\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\r\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\r\n              [ariaHidden]="labelData.ariaHidden"\r\n              [ariaDisabled]="labelData.ariaDisabled"\r\n              [ariaControls]="labelData.ariaControls"\r\n              [ariaCurrent]="labelData.ariaCurrent"\r\n              [ariaLive]="labelData.ariaLive"\r\n              [ariaExpanded]="labelData.ariaExpanded"\r\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\r\n              [ariaHasPopup]="labelData.ariaHasPopup"\r\n              [tabindex]="labelData.tabindex"></desy-label>\r\n  <desy-label *ngIf="!labelRef && !labelData && labelText" [text]="labelText" [for]="id"></desy-label>\r\n\r\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n  <desy-hint *ngIf="!hintRef && hintData"\r\n             [id]="getHintId()"\r\n             [text]="hintData.text"\r\n             [html]="hintData.html"\r\n             [classes]="hintData.classes"\r\n             [role]="hintData.role"\r\n             [ariaLabel]="hintData.ariaLabel"\r\n             [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n             [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n             [ariaHidden]="hintData.ariaHidden"\r\n             [ariaDisabled]="hintData.ariaDisabled"\r\n             [ariaControls]="hintData.ariaControls"\r\n             [ariaCurrent]="hintData.ariaCurrent"\r\n             [ariaLive]="hintData.ariaLive"\r\n             [ariaExpanded]="hintData.ariaExpanded"\r\n             [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n             [ariaHasPopup]="hintData.ariaHasPopup"\r\n             [tabindex]="hintData.tabindex"></desy-hint>\r\n  <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n\r\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                      [id]="getErrorId()"\r\n                      [text]="errorMessageData.text"\r\n                      [html]="errorMessageData.html"\r\n                      [classes]="errorMessageData.classes"\r\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                      [role]="errorMessageData.role"\r\n                      [ariaLabel]="errorMessageData.ariaLabel"\r\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                      [ariaHidden]="errorMessageData.ariaHidden"\r\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                      [ariaControls]="errorMessageData.ariaControls"\r\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                      [ariaLive]="errorMessageData.ariaLive"\r\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n\r\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\',\r\n                   classes,\r\n                   getErrorId() ? \'border-alert-base ring-2 ring-alert-base\' : null] | makeHtmlList"\r\n         [value]="value ? value : \'\'" (input)="onInput($event.target.value)"\r\n         [attr.id]="id ? id : null"\r\n         [attr.name]="name ? name : null"\r\n         [type]="type ? type : \'text\'"\r\n         [attr.aria-describedby]="[describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n         [attr.aria-errormessage]="getErrorId() ? getErrorId() : null"\r\n         [attr.aria-invalid]="getErrorId() ? true : null"\r\n         [attr.autocomplete]="autocomplete ? autocomplete : null"\r\n         [attr.pattern]="pattern ? pattern : null"\r\n         [attr.inputmode]="inputmode ? inputmode : null"\r\n         [attr.placeholder]="placeholder ? placeholder : null"\r\n         [attr.disabled]="disabled ? true : null"\r\n         [attr.maxlength]="maxlength ? maxlength : null"\r\n\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n</div>\r\n',providers:[{provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return W})),multi:!0}]}]}],W.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}],formGroupClasses:[{type:t.Input}],classes:[{type:t.Input}],autocomplete:[{type:t.Input}],maxlength:[{type:t.Input}],errorId:[{type:t.Input}]};var K=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);K.decorators=[{type:t.Component,args:[{selector:"desy-select-item",template:"<p>select-item works!</p>\r\n"}]}],K.propDecorators={disabled:[{type:t.Input}]};var Y=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(K);Y.decorators=[{type:t.Component,args:[{selector:"desy-option",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>",providers:[{provide:K,useExisting:t.forwardRef((function(){return Y}))}]}]}],Y.propDecorators={value:[{type:t.Input}],selected:[{type:t.Input}],hidden:[{type:t.Input}]};var X=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(K);X.decorators=[{type:t.Component,args:[{selector:"desy-option-group",template:"<p>option-group works!</p>\r\n",providers:[{provide:K,useExisting:t.forwardRef((function(){return X}))}]}]}],X.propDecorators={label:[{type:t.Input}],items:[{type:t.ContentChildren,args:[Y]}]};var Q=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.contentInit=!1,t}return u(t,e),t.prototype.ngOnInit=function(){this.checkRequiredParams()},t.prototype.ngOnChanges=function(e){this.checkRequiredParams()},t.prototype.ngAfterContentInit=function(){var e=this;if(this.contentInit=!0,!this.value){var t=this.getItems(),r=null==t?void 0:t.find((function(e){return e.selected}));r&&setTimeout((function(){return e.writeValue(r.value)}))}},t.prototype.writeValue=function(e){this.value=e,this.onChange(e)},t.prototype.getItems=function(){var e=this.itemComponents.length>0?this.itemComponents.toArray():this.items;if(this.contentInit&&(!e||0===e.length))throw new Error("items are required");return e},t.prototype.checkRequiredParams=function(){if(!this.id)throw Error("id is required");if(!this.name)throw Error("name is required")},t.prototype.isItemSelected=function(e){return this.value?this.value===e.value:e.selected},t.prototype.isOptionGroup=function(e){return e instanceof X},t}(G);Q.decorators=[{type:t.Component,args:[{selector:"desy-select",template:'<div [class]="[\'c-form-group\', this.formGroupClasses] | makeHtmlList"\r\n     [ngClass]="{\'c-form-group--error\': hasErrorsMessage()}">\r\n     <ng-container *ngIf="labelComponent">\r\n      <ng-content select="desy-label"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\r\n  <desy-label *ngIf="!labelRef && labelData && !labelComponent"\r\n              [text]="labelData.text"\r\n              [html]="labelData.html"\r\n              [classes]="labelData.classes"\r\n              [isPageHeading]="labelData.isPageHeading"\r\n              [for]="id"\r\n              [role]="labelData.role"\r\n              [ariaLabel]="labelData.ariaLabel"\r\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\r\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\r\n              [ariaHidden]="labelData.ariaHidden"\r\n              [ariaDisabled]="labelData.ariaDisabled"\r\n              [ariaControls]="labelData.ariaControls"\r\n              [ariaCurrent]="labelData.ariaCurrent"\r\n              [ariaLive]="labelData.ariaLive"\r\n              [ariaExpanded]="labelData.ariaExpanded"\r\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\r\n              [ariaHasPopup]="labelData.ariaHasPopup"\r\n              [tabindex]="labelData.tabindex"></desy-label>\r\n  <desy-label *ngIf="!labelRef && !labelData && labelText && !labelComponent" [text]="labelText" [for]="id"></desy-label>\r\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n  <ng-container *ngIf="hintComponent">\r\n    <ng-content select="desy-hint"></ng-content>\r\n</ng-container>\r\n  <desy-hint *ngIf="!hintRef && hintData && !hintComponent"\r\n             [id]="getHintId()"\r\n             [text]="hintData.text"\r\n             [html]="hintData.html"\r\n             [classes]="hintData.classes"\r\n             [role]="hintData.role"\r\n             [ariaLabel]="hintData.ariaLabel"\r\n             [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n             [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n             [ariaHidden]="hintData.ariaHidden"\r\n             [ariaDisabled]="hintData.ariaDisabled"\r\n             [ariaControls]="hintData.ariaControls"\r\n             [ariaCurrent]="hintData.ariaCurrent"\r\n             [ariaLive]="hintData.ariaLive"\r\n             [ariaExpanded]="hintData.ariaExpanded"\r\n             [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n             [ariaHasPopup]="hintData.ariaHasPopup"\r\n             [tabindex]="hintData.tabindex"></desy-hint>\r\n  <desy-hint *ngIf="!hintRef && !hintData && hintText && !hintComponent" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n\r\n  <ng-container *ngIf="errorMessageComponent">\r\n    <ng-content select="desy-error-message"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData && !errorMessageComponent"\r\n                      [id]="getErrorId()"\r\n                      [text]="errorMessageData.text"\r\n                      [html]="errorMessageData.html"\r\n                      [classes]="errorMessageData.classes"\r\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                      [role]="errorMessageData.role"\r\n                      [ariaLabel]="errorMessageData.ariaLabel"\r\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                      [ariaHidden]="errorMessageData.ariaHidden"\r\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                      [ariaControls]="errorMessageData.ariaControls"\r\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                      [ariaLive]="errorMessageData.ariaLive"\r\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && !errorMessageComponent && errorMessageText"\r\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n  <select\r\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\',\r\n              classes,\r\n              hasErrorsMessage() ? \'c-select--error border-alert-base ring-2 ring-alert-base\' : null] | makeHtmlList"\r\n    [value]="value" (input)="onInput($event.target.value)"\r\n    [attr.id]="id ? id : null"\r\n    [attr.name]="name ? name : null"\r\n    [attr.role]="role ? role : null"\r\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n    [attr.aria-describedby]="[describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n    [attr.aria-errormessage]="hasErrorsMessage() ? getErrorId() : null"\r\n    [attr.aria-invalid]="hasErrorsMessage() ? true : null"\r\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n    [attr.aria-live]="ariaLive ? ariaLive : null"\r\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex ? tabindex : null"\r\n    [disabled]=disabled>\r\n\r\n    <ng-container *ngFor="let item of getItems()">\r\n      <optgroup *ngIf="isOptionGroup(item)" [label]="item.label" [attr.disabled]="item.disabled ? true : null"\r\n                [attr.role]="item?.role"\r\n                [attr.aria-label]="item?.ariaLabel"\r\n                [attr.aria-describedby]="item?.describedBy"\r\n                [attr.aria-labelledby]="item?.ariaLabelledBy"\r\n                [attr.aria-hidden]="item?.ariaHidden"\r\n                [attr.aria-disabled]="item?.ariaDisabled"\r\n                [attr.aria-controls]="item?.ariaControls"\r\n                [attr.aria-current]="item?.ariaCurrent"\r\n                [attr.aria-live]="item?.ariaLive"\r\n                [attr.aria-expanded]="item?.ariaExpanded"\r\n                [attr.aria-errormessage]="item?.ariaErrorMessage"\r\n                [attr.aria-haspopup]="item?.ariaHasPopup"\r\n                [attr.tabindex]="item?.tabindex">>\r\n        <option *ngFor="let subItem of item.items"\r\n                [value]="subItem.value"\r\n                [disabled]="subItem.disabled"\r\n                [selected]="isItemSelected(subItem)"\r\n                [attr.hidden]="subItem.hidden"\r\n                [attr.role]="subItem?.role"\r\n                [attr.aria-label]="subItem?.ariaLabel"\r\n                [attr.aria-describedby]="subItem?.describedBy"\r\n                [attr.aria-labelledby]="subItem?.ariaLabelledBy"\r\n                [attr.aria-hidden]="subItem?.ariaHidden"\r\n                [attr.aria-disabled]="subItem?.ariaDisabled"\r\n                [attr.aria-controls]="subItem?.ariaControls"\r\n                [attr.aria-current]="subItem?.ariaCurrent"\r\n                [attr.aria-live]="subItem?.ariaLive"\r\n                [attr.aria-expanded]="subItem?.ariaExpanded"\r\n                [attr.aria-errormessage]="subItem?.ariaErrorMessage"\r\n                [attr.aria-haspopup]="subItem?.ariaHasPopup"\r\n                [attr.tabindex]="subItem?.tabindex">\r\n          <ng-container *desyCustomInnerContent="{ component: subItem, text: subItem.text }"></ng-container>\r\n        </option>\r\n      </optgroup>\r\n      <option *ngIf="!isOptionGroup(item)"  [value]="item.value" [disabled]="item.disabled ? true : null" [selected]="isItemSelected(item)"\r\n              [attr.hidden]="item.hidden"\r\n              [attr.role]="item.role ? item.role : null"\r\n              [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n              [attr.aria-describedby]="item.describedBy ? item.describedBy : ariaDescribedBy"\r\n              [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n              [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n              [attr.aria-disabled]="item.ariaDisabled ? item.ariaDisabled : null"\r\n              [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n              [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n              [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n              [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n              [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n              [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n              [attr.tabindex]="item.tabindex ? item.tabindex : null">\r\n        <ng-container *desyCustomInnerContent="{ component: item, text: item.text }"></ng-container>\r\n      </option>\r\n    </ng-container>\r\n  </select>\r\n</div>\r\n',providers:[{provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return Q})),multi:!0}]}]}],Q.propDecorators={name:[{type:t.Input}],items:[{type:t.Input}],describedBy:[{type:t.Input}],formGroupClasses:[{type:t.Input}],classes:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[K]}]};var J=function(e){function t(){return e.call(this)||this}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.checkRequiredParams()},t.prototype.checkRequiredParams=function(){if(!this.id)throw Error("id is required");if(!this.name)throw Error("name is required");if(!this.labelRef&&!this.labelData&&!this.labelText)throw Error("label is required")},t}(G);J.decorators=[{type:t.Component,args:[{selector:"desy-file-upload",template:'<div [class]="[\'c-form-group\', this.formGroupClasses] | makeHtmlList" [ngClass]="{\'c-form-group--error\': hasErrorsMessage()}">\r\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\r\n  <desy-label *ngIf="!labelRef && labelData"\r\n              [text]="labelData.text"\r\n              [html]="labelData.html"\r\n              [classes]="labelData.classes"\r\n              [isPageHeading]="labelData.isPageHeading"\r\n              [for]="id"\r\n              [role]="labelData.role"\r\n              [ariaLabel]="labelData.ariaLabel"\r\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\r\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\r\n              [ariaHidden]="labelData.ariaHidden"\r\n              [ariaDisabled]="labelData.ariaDisabled"\r\n              [ariaControls]="labelData.ariaControls"\r\n              [ariaCurrent]="labelData.ariaCurrent"\r\n              [ariaLive]="labelData.ariaLive"\r\n              [ariaExpanded]="labelData.ariaExpanded"\r\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\r\n              [ariaHasPopup]="labelData.ariaHasPopup"\r\n              [tabindex]="labelData.tabindex"></desy-label>\r\n  <desy-label *ngIf="!labelRef && !labelData && labelText" [text]="labelText" [for]="id"></desy-label>\r\n\r\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n  <desy-hint *ngIf="!hintRef && hintData"\r\n             [id]="getHintId()"\r\n             [text]="hintData.text"\r\n             [html]="hintData.html"\r\n             [classes]="hintData.classes"\r\n             [role]="hintData.role"\r\n             [ariaLabel]="hintData.ariaLabel"\r\n             [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n             [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n             [ariaHidden]="hintData.ariaHidden"\r\n             [ariaDisabled]="hintData.ariaDisabled"\r\n             [ariaControls]="hintData.ariaControls"\r\n             [ariaCurrent]="hintData.ariaCurrent"\r\n             [ariaLive]="hintData.ariaLive"\r\n             [ariaExpanded]="hintData.ariaExpanded"\r\n             [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n             [ariaHasPopup]="hintData.ariaHasPopup"\r\n             [tabindex]="hintData.tabindex"></desy-hint>\r\n  <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n\r\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                      [id]="getErrorId()"\r\n                      [text]="errorMessageData.text"\r\n                      [html]="errorMessageData.html"\r\n                      [classes]="errorMessageData.classes"\r\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                      [role]="errorMessageData.role"\r\n                      [ariaLabel]="errorMessageData.ariaLabel"\r\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                      [ariaHidden]="errorMessageData.ariaHidden"\r\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                      [ariaControls]="errorMessageData.ariaControls"\r\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                      [ariaLive]="errorMessageData.ariaLive"\r\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n\r\n  <input [class]="[\'mt-sm focus:outline-none focus:bg-warning-base focus:shadow-outline-focus\', classes] | makeHtmlList" type="file"\r\n         [ngClass]="{\'c-file-upload--error\' : hasErrorsMessage()}"\r\n         (input)="onInput($event.target.files)"\r\n\r\n         [attr.id]="id ? id : null"\r\n         [attr.name]="name ? name : null"\r\n         [attr.aria-describedby]="[describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n         [attr.aria-errormessage]="hasErrorsMessage() ? getErrorId() : null"\r\n         [attr.aria-invalid]="hasErrorsMessage() ? true : null"\r\n         [attr.accept]="accept ? accept : null"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n</div>\r\n',providers:[{provide:r.NG_VALUE_ACCESSOR,multi:!0,useExisting:t.forwardRef((function(){return J}))}]}]}],J.ctorParameters=function(){return[]},J.propDecorators={name:[{type:t.Input}],describedBy:[{type:t.Input}],formGroupClasses:[{type:t.Input}],classes:[{type:t.Input}],accept:[{type:t.Input}]};var Z=function(){};function ee(e){return function(t,r){var n="_"+r;Object.defineProperty(t,r,{set:function(t){this[n]=t,this[e]()},get:function(){return this[n]}})}}Z.decorators=[{type:t.Component,args:[{selector:"desy-input-group-item",template:""}]}],Z.propDecorators={classes:[{type:t.Input}]};var te=function(){function e(){}return e.prototype.transform=function(e,t){var r=e.filter((function(e){return e})).join(" ");return 0===r.length&&t&&(r=t),r},e}();te.decorators=[{type:t.Pipe,args:[{name:"makeHtmlList"}]}];var re=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.isSelect=!1,r.valueChange=new t.EventEmitter,r}return u(r,e),r.prototype.ngAfterContentInit=function(){if(!this.name)throw Error("item name is required");if(!this.labelComponent)throw Error("item label is required")},r}(Z);re.decorators=[{type:t.Component,args:[{selector:"desy-input-group-input",template:'<ng-template #label>\r\n  <ng-content select="desy-label"></ng-content>\r\n</ng-template>\r\n',providers:[{provide:Z,useExisting:t.forwardRef((function(){return re}))}]}]}],re.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}],labelRef:[{type:t.ViewChild,args:["label",{static:!0}]}],labelComponent:[{type:t.ContentChildren,args:[V]}]},m([P()],re.prototype,"labelComponent",void 0);var ne=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.isSelect=!0,r.valueChange=new t.EventEmitter,r}return u(r,e),r.prototype.ngAfterContentInit=function(){if(!this.name)throw Error("item name is required");if(!this.labelComponent)throw Error("item label is required")},r}(Z);ne.decorators=[{type:t.Component,args:[{selector:"desy-input-group-select",template:'<ng-template #label>\r\n  <ng-content select="desy-label"></ng-content>\r\n</ng-template>\r\n',providers:[{provide:Z,useExisting:t.forwardRef((function(){return ne}))}]}]}],ne.propDecorators={id:[{type:t.Input}],name:[{type:t.Input}],value:[{type:t.Input}],valueChange:[{type:t.Output}],formGroupClasses:[{type:t.Input}],labelRef:[{type:t.ViewChild,args:["label",{static:!0}]}],selectItemComponentList:[{type:t.ContentChildren,args:[Y]}],labelComponent:[{type:t.ContentChildren,args:[V]}]},m([P()],ne.prototype,"labelComponent",void 0);var ae=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}(Z);ae.decorators=[{type:t.Component,args:[{selector:"desy-input-group-divider",template:"<ng-template #dividerContent>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n",providers:[{provide:Z,useExisting:t.forwardRef((function(){return ae}))}]}]}],ae.propDecorators={dividerContent:[{type:t.ViewChild,args:["dividerContent",{static:!0}]}]};var ie=function(e){function r(r){var n=e.call(this)||this;return n.controlContainer=r,n.itemsChange=new t.EventEmitter,n.contentInit=!1,n}return u(r,e),r.prototype.ngOnChanges=function(){var e,t;if(!this.id)throw Error("id is required");if(this.items)try{for(var r=b(this.items),n=r.next();!n.done;n=r.next()){var a=n.value;if(!a.divider&&!a.name)throw Error("item name is required");if(!a.divider&&!this.hasItemLabel(a))throw Error("item label is required")}}catch(t){e={error:t}}finally{try{n&&!n.done&&(t=r.return)&&t.call(r)}finally{if(e)throw e.error}}},r.prototype.ngAfterContentInit=function(){this.contentInit=!0},r.prototype.ngAfterViewChecked=function(){var e=this.getItems();if(!e||0===e.length)throw Error("items are required")},r.prototype.writeValue=function(e){var t=this;e&&(this.value=e,this.getItems().forEach((function(e){var r=t.value[t.getItemName(e)];e.value=r||null})),this.items&&this.itemsChange.emit(this.items));this.onChange(e)},r.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))},r.prototype.onInternalChange=function(e,t){var r=this.getItemName(e);this.value||(this.value={}),this.value[r]!==t&&(this.value[r]=t,this.onChange(this.value),(e instanceof re||e instanceof ne)&&e.valueChange.emit(t),this.items&&(e.value=t,this.itemsChange.emit(this.items)))},r.prototype.overrideFieldsetParams=function(e){e.caller=this.innerHtml,e.errorId=this.getErrorId(),e.describedBy=(new te).transform([this.getHintId(),this.getErrorId()],null),e.role="group",e.detectChanges()},r.prototype.getItems=function(){return this.itemsComponents&&this.itemsComponents.length?this.itemsComponents.toArray():this.items},r.prototype.getItemLabelRef=function(e){return e instanceof re||e instanceof ne?e.labelRef:null},r.prototype.getItemLabelData=function(e){return e.labelData?e.labelData:{text:e.labelText}},r.prototype.hasFieldset=function(){return!!(this.hasFieldsetComponent()||this.hasLegendComponent()||this.legendRef||this.fieldsetData||this.legendData&&(this.legendData.text||this.legendData.html)||this.legendText)},r.prototype.hasFieldsetComponent=function(){return!!this.fieldsetComponent},r.prototype.hasLegendComponent=function(){return!!this.legendComponent},r.prototype.getItemName=function(e){return this.namePrefix?this.namePrefix+"-"+e.name:e.name},r.prototype.getItemSelectOptions=function(e){return e instanceof ne?e.selectItemComponentList.toArray():e.selectItems},r.prototype.getItemDividerTemplate=function(e){return e.divider instanceof ae?e.divider.dividerContent:null},r.prototype.getItemDividerHtml=function(e){return e.divider.html?e.divider.html:"<p>"+M.escapeHtml(e.divider.text)+"</p>"},r.prototype.isSelectItem=function(e){var t;return t=e instanceof ne?e.selectItemComponentList&&e.selectItemComponentList.length>0:e.selectItems,e.isSelect&&t},r.prototype.hasItemLabel=function(e){return!!(e.labelData&&(e.labelData.text||e.labelData.html)||e.labelText)},r}(G);ie.decorators=[{type:t.Component,args:[{selector:"desy-input-group",template:'\r\n\x3c!-- Divider no forma parte del formulario, por lo que es reutilizable en cualquier caso --\x3e\r\n<ng-template #itemDivider let-item="item">\r\n  <div role="separator" [ngClass]="item.divider.classes">\r\n    <ng-container *desyCustomInnerContent="{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #innerHtml>\r\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n  <desy-hint *ngIf="!hintRef && hintData"\r\n             [id]="getHintId()"\r\n             [text]="hintData.text"\r\n             [html]="hintData.html"\r\n             [classes]="hintData.classes"\r\n             [role]="hintData.role"\r\n             [ariaLabel]="hintData.ariaLabel"\r\n             [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n             [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n             [ariaHidden]="hintData.ariaHidden"\r\n             [ariaDisabled]="hintData.ariaDisabled"\r\n             [ariaControls]="hintData.ariaControls"\r\n             [ariaCurrent]="hintData.ariaCurrent"\r\n             [ariaLive]="hintData.ariaLive"\r\n             [ariaExpanded]="hintData.ariaExpanded"\r\n             [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n             [ariaHasPopup]="hintData.ariaHasPopup"\r\n             [tabindex]="hintData.tabindex"></desy-hint>\r\n  <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n\r\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                      [id]="getErrorId()"\r\n                      [text]="errorMessageData.text"\r\n                      [html]="errorMessageData.html"\r\n                      [classes]="errorMessageData.classes"\r\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                      [role]="errorMessageData.role"\r\n                      [ariaLabel]="errorMessageData.ariaLabel"\r\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                      [ariaHidden]="errorMessageData.ariaHidden"\r\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                      [ariaControls]="errorMessageData.ariaControls"\r\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                      [ariaLive]="errorMessageData.ariaLive"\r\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n\r\n  \x3c!-- Reactive forms --\x3e\r\n  <div *ngIf="controlContainer && !ngModelGroup"\r\n       [formGroup]="controlContainer.control"\r\n       [ngClass]="classes ? classes : \'flex\'"\r\n       [attr.id]="id ? id : null"\r\n       [attr.role]="role ? role : null"\r\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.tabindex]="tabindex ? tabindex : null">\r\n\r\n    <ng-container *ngFor="let item of getItems(); index as i">\r\n      <ng-container *ngTemplateOutlet="isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}"></ng-container>\r\n      <ng-template #itemSelect>\r\n        <desy-select [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                     [labelRef]="getItemLabelRef(item)"\r\n                     [labelData]="getItemLabelData(item)"\r\n                     [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                     [formGroupClasses]="item.formGroupClasses"\r\n                     [name]="getItemName(item)"\r\n                     [formControlName]="getItemName(item)"\r\n                     [items]="getItemSelectOptions(item)"\r\n\r\n                     [role]="item.role"\r\n                     [ariaLabel]="item.ariaLabel"\r\n                     [ariaDescribedBy]="item.ariaDescribedBy"\r\n                     [ariaLabelledBy]="item.ariaLabelledBy"\r\n                     [ariaHidden]="item.ariaHidden"\r\n                     [ariaDisabled]="item.ariaDisabled"\r\n                     [ariaControls]="item.ariaControls"\r\n                     [ariaCurrent]="item.ariaCurrent"\r\n                     [ariaLive]="item.ariaLive"\r\n                     [ariaExpanded]="item.ariaExpanded"\r\n                     [ariaErrorMessage]="item.ariaErrorMessage"\r\n                     [ariaHasPopup]="item.ariaHasPopup"\r\n                     [tabindex]="item.tabindex"></desy-select>\r\n      </ng-template>\r\n      <ng-template #itemInput>\r\n        <desy-input [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                    [labelRef]="getItemLabelRef(item)"\r\n                    [labelData]="getItemLabelData(item)"\r\n                    [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                    [formGroupClasses]="item.formGroupClasses"\r\n                    [name]="getItemName(item)"\r\n                    [formControlName]="getItemName(item)"\r\n                    [type]="item.type ? item.type : \'text\'"\r\n                    [inputmode]="item.inputmode"\r\n                    [autocomplete]="item.autocomplete"\r\n                    [pattern]="item.pattern"\r\n                    [placeholder]="item.placeholder"\r\n\r\n                    [maxlength]="item.maxlength"\r\n                    [role]="item.role"\r\n                    [ariaLabel]="item.ariaLabel"\r\n                    [ariaDescribedBy]="item.ariaDescribedBy"\r\n                    [ariaLabelledBy]="item.ariaLabelledBy"\r\n                    [ariaHidden]="item.ariaHidden"\r\n                    [ariaDisabled]="item.ariaDisabled"\r\n                    [ariaControls]="item.ariaControls"\r\n                    [ariaCurrent]="item.ariaCurrent"\r\n                    [ariaLive]="item.ariaLive"\r\n                    [ariaExpanded]="item.ariaExpanded"\r\n                    [ariaErrorMessage]="item.ariaErrorMessage"\r\n                    [ariaHasPopup]="item.ariaHasPopup"\r\n                    [tabindex]="item.tabindex"></desy-input>\r\n      </ng-template>\r\n    </ng-container>\r\n  </div>\r\n\r\n  \x3c!-- Template-driven forms --\x3e\r\n  <desy-template-driven-wrapper *ngIf="controlContainer && ngModelGroup">\r\n    <div [ngModelGroup]="ngModelGroup"\r\n         [ngClass]="classes ? classes : \'flex\'"\r\n         [attr.id]="id ? id : null"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n\r\n      <ng-container *ngFor="let item of getItems(); index as i">\r\n        <ng-container *ngTemplateOutlet="isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}"></ng-container>\r\n        <ng-template #itemSelect>\r\n          <desy-select [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                       [labelRef]="getItemLabelRef(item)"\r\n                       [labelData]="getItemLabelData(item)"\r\n                       [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                       [formGroupClasses]="item.formGroupClasses"\r\n                       [name]="getItemName(item)"\r\n                       [ngModel]="item.value" (ngModelChange)="onInternalChange(item, $event)"\r\n                       [items]="getItemSelectOptions(item)"\r\n\r\n                       [role]="item.role"\r\n                       [ariaLabel]="item.ariaLabel"\r\n                       [ariaDescribedBy]="item.ariaDescribedBy"\r\n                       [ariaLabelledBy]="item.ariaLabelledBy"\r\n                       [ariaHidden]="item.ariaHidden"\r\n                       [ariaDisabled]="item.ariaDisabled"\r\n                       [ariaControls]="item.ariaControls"\r\n                       [ariaCurrent]="item.ariaCurrent"\r\n                       [ariaLive]="item.ariaLive"\r\n                       [ariaExpanded]="item.ariaExpanded"\r\n                       [ariaErrorMessage]="item.ariaErrorMessage"\r\n                       [ariaHasPopup]="item.ariaHasPopup"\r\n                       [tabindex]="item.tabindex"></desy-select>\r\n        </ng-template>\r\n        <ng-template #itemInput>\r\n          <desy-input [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                      [labelRef]="getItemLabelRef(item)"\r\n                      [labelData]="getItemLabelData(item)"\r\n                      [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                      [formGroupClasses]="item.formGroupClasses"\r\n                      [name]="getItemName(item)"\r\n                      [ngModel]="item.value" (ngModelChange)="onInternalChange(item, $event)"\r\n                      [type]="item.type ? item.type : \'text\'"\r\n                      [inputmode]="item.inputmode"\r\n                      [autocomplete]="item.autocomplete"\r\n                      [pattern]="item.pattern"\r\n                      [placeholder]="item.placeholder"\r\n\r\n                      [maxlength]="item.maxlength"\r\n                      [role]="item.role"\r\n                      [ariaLabel]="item.ariaLabel"\r\n                      [ariaDescribedBy]="item.ariaDescribedBy"\r\n                      [ariaLabelledBy]="item.ariaLabelledBy"\r\n                      [ariaHidden]="item.ariaHidden"\r\n                      [ariaDisabled]="item.ariaDisabled"\r\n                      [ariaControls]="item.ariaControls"\r\n                      [ariaCurrent]="item.ariaCurrent"\r\n                      [ariaLive]="item.ariaLive"\r\n                      [ariaExpanded]="item.ariaExpanded"\r\n                      [ariaErrorMessage]="item.ariaErrorMessage"\r\n                      [ariaHasPopup]="item.ariaHasPopup"\r\n                      [tabindex]="item.tabindex"></desy-input>\r\n        </ng-template>\r\n      </ng-container>\r\n    </div>\r\n  </desy-template-driven-wrapper>\r\n\r\n  \x3c!-- With ngModel--\x3e\r\n  <div *ngIf="!controlContainer"\r\n       [ngClass]="classes ? classes : \'flex\'"\r\n       [attr.id]="id ? id : null"\r\n       [attr.role]="role ? role : null"\r\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.tabindex]="tabindex ? tabindex : null">\r\n\r\n    <ng-container *ngFor="let item of getItems(); index as i">\r\n      <ng-container *ngTemplateOutlet="isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}"></ng-container>\r\n      <ng-template #itemSelect>\r\n        <desy-select [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                     [labelRef]="getItemLabelRef(item)"\r\n                     [labelData]="getItemLabelData(item)"\r\n                     [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                     [formGroupClasses]="item.formGroupClasses"\r\n                     [name]="getItemName(item)"\r\n                     [items]="getItemSelectOptions(item)"\r\n                     [ngModel]="item.value" (ngModelChange)="onInternalChange(item, $event)"\r\n                     [role]="item.role"\r\n                     [ariaLabel]="item.ariaLabel"\r\n                     [ariaDescribedBy]="item.ariaDescribedBy"\r\n                     [ariaLabelledBy]="item.ariaLabelledBy"\r\n                     [ariaHidden]="item.ariaHidden"\r\n                     [ariaDisabled]="item.ariaDisabled"\r\n                     [ariaControls]="item.ariaControls"\r\n                     [ariaCurrent]="item.ariaCurrent"\r\n                     [ariaLive]="item.ariaLive"\r\n                     [ariaExpanded]="item.ariaExpanded"\r\n                     [ariaErrorMessage]="item.ariaErrorMessage"\r\n                     [ariaHasPopup]="item.ariaHasPopup"\r\n                     [tabindex]="item.tabindex"></desy-select>\r\n      </ng-template>\r\n      <ng-template #itemInput>\r\n        <desy-input [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                    [labelRef]="getItemLabelRef(item)"\r\n                    [labelData]="getItemLabelData(item)"\r\n                    [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                    [formGroupClasses]="item.formGroupClasses"\r\n                    [name]="getItemName(item)"\r\n                    [ngModel]="item.value" (ngModelChange)="onInternalChange(item, $event)"\r\n                    [type]="item.type ? item.type : \'text\'"\r\n                    [inputmode]="item.inputmode"\r\n                    [autocomplete]="item.autocomplete"\r\n                    [pattern]="item.pattern"\r\n                    [placeholder]="item.placeholder"\r\n\r\n                    [maxlength]="item.maxlength"\r\n                    [role]="item.role"\r\n                    [ariaLabel]="item.ariaLabel"\r\n                    [ariaDescribedBy]="item.ariaDescribedBy"\r\n                    [ariaLabelledBy]="item.ariaLabelledBy"\r\n                    [ariaHidden]="item.ariaHidden"\r\n                    [ariaDisabled]="item.ariaDisabled"\r\n                    [ariaControls]="item.ariaControls"\r\n                    [ariaCurrent]="item.ariaCurrent"\r\n                    [ariaLive]="item.ariaLive"\r\n                    [ariaExpanded]="item.ariaExpanded"\r\n                    [ariaErrorMessage]="item.ariaErrorMessage"\r\n                    [ariaHasPopup]="item.ariaHasPopup"\r\n                    [tabindex]="item.tabindex"></desy-input>\r\n      </ng-template>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<div [class]="[\'c-form-group\', formGroupClasses] | makeHtmlList"\r\n     [ngClass]="{\'c-form-group--error\' : (hasErrorsMessage() || formGroupClasses == \'c-form-group--error\')}">\r\n\r\n  <ng-container *ngIf="hasFieldsetComponent()">\r\n    <ng-content select="desy-fieldset"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasFieldsetComponent()">\r\n    <desy-fieldset *ngIf="fieldsetData"\r\n                   [classes]="fieldsetData.classes"\r\n                   [id]="fieldsetData.id"\r\n                   [legendData]="fieldsetData.legend"\r\n                   [headingLevel]="fieldsetData.headingLevel"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n                   role="group"\r\n                   [ariaLabel]="fieldsetData.ariaLabel"\r\n                   [ariaLabelledBy]="fieldsetData.ariaLabelledBy"\r\n                   [ariaHidden]="fieldsetData.ariaHidden"\r\n                   [ariaDisabled]="fieldsetData.ariaDisabled"\r\n                   [ariaControls]="fieldsetData.ariaControls"\r\n                   [ariaCurrent]="fieldsetData.ariaCurrent"\r\n                   [ariaLive]="fieldsetData.ariaLive"\r\n                   [ariaExpanded]="fieldsetData.ariaExpanded"\r\n                   [ariaHasPopup]="fieldsetData.ariaHasPopup"\r\n                   [tabindex]="fieldsetData.tabindex"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && hasLegendComponent()"\r\n                   [legendRef]="legendTemplate"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null">\r\n      <ng-template #legendTemplate>\r\n        <ng-content select="desy-legend"></ng-content>\r\n      </ng-template>\r\n    </desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && legendRef"\r\n                   [legendRef]="legendRef"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\r\n                   role="group"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && legendData"\r\n                   [legendData]="{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\r\n                   role="group"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && !legendData && legendText"\r\n                   [legendText]="legendText"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\r\n                   role="group"></desy-fieldset>\r\n\r\n    <ng-container *ngIf="!hasFieldset()">\r\n      <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n',providers:[{provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return ie})),multi:!0}]}]}],ie.ctorParameters=function(){return[{type:r.ControlContainer,decorators:[{type:t.Optional}]}]},ie.propDecorators={ngModelGroup:[{type:t.Input}],items:[{type:t.Input}],itemsChange:[{type:t.Output}],namePrefix:[{type:t.Input}],classes:[{type:t.Input}],formGroupClasses:[{type:t.Input}],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:[Z]}],fieldsetComponent:[{type:t.ContentChildren,args:[$]}],legendComponent:[{type:t.ContentChildren,args:[_]}],innerHtml:[{type:t.ViewChild,args:["innerHtml",{static:!0}]}]},m([ee("onExternalChange")],ie.prototype,"items",void 0),m([ee("onExternalChange")],ie.prototype,"namePrefix",void 0),m([P({onSetCallbackName:"overrideFieldsetParams"})],ie.prototype,"fieldsetComponent",void 0),m([P()],ie.prototype,"legendComponent",void 0);var oe=function(e){function r(r,n){var a=e.call(this)||this;if(a.radios=r,a.changeDetectorRef=n,a.checkedChange=new t.EventEmitter,a.index=0,!a.radios)throw Error("Radios items must be inside of RadiosComponent");return a}return u(r,e),r.prototype.ngOnInit=function(){this.radios.markForUpdateCheckboxIds()},r.prototype.ngOnDestroy=function(){this.radios.markForUpdateCheckboxIds()},r.prototype.ngOnChanges=function(e){if(!this.value&&!this.divider)throw Error("value or divider are required for checkbox item");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()},r.prototype.ngAfterViewInit=function(){this.setChecked(this.checked),this.radios.updateValueFromRadioItems()},r.prototype.setChecked=function(e){this.checked=e,this.lastChecked=e,this.checkedChange.emit(e),this.changeDetectorRef.detectChanges()},r.prototype.getItemHintId=function(){return this.hintComponentList&&this.hintComponentList.length>0&&this.radioId?this.radioId+"-item-hint":null},r.prototype.hasChanged=function(){this.setChecked(this.isInputChecked()),this.radios.updateValueFromRadioItems()},r.prototype.isInit=function(){return!!this.inputElement},r.prototype.isInputChecked=function(){return this.inputElement?this.inputElement.nativeElement.checked:null},r.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()},r.prototype.hasDividers=function(){return this.radios.hasDividers},r.prototype.hasError=function(){return this.radios.hasErrorsMessage()},r.prototype.getNameRadio=function(){return this.radios.name},r.prototype.getDescribedBy=function(){return this.radios.hasFieldset()?null:this.radios.describedBy},r}(v);oe.decorators=[{type:t.Component,args:[{selector:"desy-radio-item",template:'<div [ngClass]="{\'border-t border-b border-neutral-base -mb-px\': hasDividers()}" [class]="classes">\r\n  <div *ngIf="divider"><p>{{ divider }}</p></div>\r\n  <div *ngIf="!divider">\r\n    <div class="relative flex items-start py-base">\r\n      <div class="flex items-center mx-sm">\r\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"\r\n               [attr.id]="radioId"\r\n               [attr.name]="name ? name : getNameRadio()"\r\n               type="radio"\r\n               [value]="value" (change)="hasChanged()"\r\n               [checked]="checked"\r\n               [attr.disabled]="disabled ? true : null"\r\n               [attr.aria-controls]="conditionalContentList && conditionalContentList.length > 0 ? \'conditional-\' + this.radioId : null"\r\n               [attr.aria-describedby]="[getDescribedBy(), getItemHintId()] | makeHtmlList:null"\r\n               [attr.aria-invalid]="hasError ? true : null"\r\n\r\n               [attr.role]="role ? role : null"\r\n               [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n               [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n               [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n               [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n               [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n               [attr.aria-live]="ariaLive ? ariaLive : null"\r\n               [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n               [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n               [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n               [attr.tabindex]="tabindex ? tabindex : null">\r\n        </div>\r\n\r\n        <div class="pt-0.5 leading-5">\r\n            <ng-container *ngIf="labelComponentList && labelComponentList.length > 0">\r\n                <ng-content select="desy-label"></ng-content>\r\n            </ng-container>\r\n            <ng-container *ngIf="!(labelComponentList && labelComponentList.length > 0)">\r\n                <desy-label [for]="radioId">\r\n                    <ng-content></ng-content>\r\n                </desy-label>\r\n            </ng-container>\r\n\r\n            <ng-content select="desy-hint"></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div *ngIf="conditional && conditionalContentList && conditionalContentList.length > 0 && checked"  @displayConditional\r\n      class="mb-lg ml-5 pt-sm pb-base pl-6 origin-top-left border-l-2 border-primary-base"\r\n      [attr.id]="\'conditional-\' + this.radioId">\r\n      <ng-container *desyCustomInnerContent="{ component: conditionalContentList.first }"></ng-container>\r\n  </div>\r\n</div>\r\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}],name:[{type:t.Input}],value:[{type:t.Input}],conditional:[{type:t.Input}],disabled:[{type:t.Input}],classes:[{type:t.Input}],divider:[{type:t.Input}],labelComponentList:[{type:t.ContentChildren,args:[V]}],hintComponentList:[{type:t.ContentChildren,args:[q]}],conditionalContentList:[{type:t.ContentChildren,args:[O]}],checked:[{type:t.Input}],checkedChange:[{type:t.Output}]};var le=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.itemsChange=new t.EventEmitter,r.nextValue=null,r.updateChekboxIds=!1,r.contentInit=!1,r}return u(r,e),r.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 r=this.getRadioItems();if(!(r.length>0))throw Error("items are required");r.forEach((function(e,t){return e.updateRadioId(t)})),this.updateChekboxIds=!1}},r.prototype.ngAfterContentInit=function(){if(!this.name)throw Error("name is required");this.contentInit=!0},r.prototype.writeValue=function(e){e&&(this.nextValue=e)},r.prototype.onIdPrefixChange=function(){this.contentInit&&this.markForUpdateCheckboxIds(),this.propagateNewIdPrefixValue()},r.prototype.onNameChange=function(){if(this.contentInit&&!this.name)throw Error("name is required");this.contentInit&&this.markForUpdateCheckboxIds(),this.propagateNewIdPrefixValue()},r.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)},r.prototype.markForUpdateCheckboxIds=function(){this.updateChekboxIds=!0},r.prototype.updateRadioItemsChecked=function(){var e=this,t=!1,r=this.getRadioItems();return r.length>0&&r.forEach((function(r){r.value!==e.value||r.lastChecked?r.value!==e.value&&r.lastChecked&&(r.setChecked(!1),t=!0):(r.setChecked(!0),t=!0)})),t},r.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 r=t.find((function(e){return e.isInputChecked()&&!e.divider}));e.nextValue=r?r.value:null}})),this.items&&this.items.length>0&&this.itemsChange.emit(this.items)},r.prototype.overrideFieldsetParams=function(e){e.caller=this.innerHtml,e.errorId=this.getErrorId(),e.describedBy=(new te).transform([this.getHintId(),this.getErrorId()],null),e.detectChanges()},r.prototype.overrideHintParams=function(e){e.id=this.getHintId(),e.detectChanges(),this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},r.prototype.overrideErrorMessageParams=function(e){e.id=this.getErrorId(),e.detectChanges(),this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},r.prototype.onDeleteHint=function(){this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},r.prototype.onDeleteErrorMessage=function(){this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},r.prototype.hasFieldset=function(){return!!(this.hasFieldsetComponent()||this.hasLegendComponent()||this.legendRef||this.fieldsetData||this.legendData&&(this.legendData.text||this.legendData.html)||this.legendText)},r.prototype.hasFieldsetComponent=function(){return!!this.fieldsetComponent},r.prototype.hasLegendComponent=function(){return!!this.legendComponent},r.prototype.getErrorId=function(){return this.hasErrorsMessage()?this.getIdPrefix()+"-error":null},r.prototype.getHintId=function(){return this.hasHint()?this.getIdPrefix()+"-hint":null},r.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:this.name},r.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},r}(G);le.decorators=[{type:t.Component,args:[{selector:"desy-radios",template:'<div [class]="[\'c-form-group\', formGroupClasses] | makeHtmlList"\r\n     [ngClass]="{\'c-form-group--error\': (hasErrorsMessage() || formGroupClasses == \'c-form-group--error\') }">\r\n\r\n  <ng-container *ngIf="hasFieldsetComponent()">\r\n    <ng-content select="desy-fieldset"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasFieldsetComponent()">\r\n    <desy-fieldset *ngIf="fieldsetData"\r\n                   [classes]="fieldsetData.classes"\r\n                   [id]="fieldsetData.id"\r\n                   [legendData]="fieldsetData.legend"\r\n                   [headingLevel]="fieldsetData.headingLevel"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n                   [role]="fieldsetData.role"\r\n                   [ariaLabel]="fieldsetData.ariaLabel"\r\n                   [ariaLabelledBy]="fieldsetData.ariaLabelledBy"\r\n                   [ariaHidden]="fieldsetData.ariaHidden"\r\n                   [ariaDisabled]="fieldsetData.ariaDisabled"\r\n                   [ariaControls]="fieldsetData.ariaControls"\r\n                   [ariaCurrent]="fieldsetData.ariaCurrent"\r\n                   [ariaLive]="fieldsetData.ariaLive"\r\n                   [ariaExpanded]="fieldsetData.ariaExpanded"\r\n                   [ariaHasPopup]="fieldsetData.ariaHasPopup"\r\n                   [tabindex]="fieldsetData.tabindex"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && hasLegendComponent()"\r\n                   [legendRef]="legendTemplate"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null">\r\n      <ng-template #legendTemplate>\r\n        <ng-content select="desy-legend"></ng-content>\r\n      </ng-template>\r\n    </desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && legendRef"\r\n                   [legendRef]="legendRef"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && legendData"\r\n                   [legendData]="{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && !legendData && legendText"\r\n                   [legendText]="legendText"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="!hasFieldset()">\r\n    <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #innerHtml>\r\n  <ng-container *ngIf="hasHintComponent()">\r\n    <ng-content select="desy-hint"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasHintComponent()">\r\n    <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n    <desy-hint *ngIf="!hintRef && hintData"\r\n               [id]="getHintId()"\r\n               [text]="hintData.text"\r\n               [html]="hintData.html"\r\n               [classes]="hintData.classes"\r\n               [role]="hintData.role"\r\n               [ariaLabel]="hintData.ariaLabel"\r\n               [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n               [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n               [ariaHidden]="hintData.ariaHidden"\r\n               [ariaDisabled]="hintData.ariaDisabled"\r\n               [ariaControls]="hintData.ariaControls"\r\n               [ariaCurrent]="hintData.ariaCurrent"\r\n               [ariaLive]="hintData.ariaLive"\r\n               [ariaExpanded]="hintData.ariaExpanded"\r\n               [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n               [ariaHasPopup]="hintData.ariaHasPopup"\r\n               [tabindex]="hintData.tabindex"></desy-hint>\r\n    <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="hasErrorMessageComponent()">\r\n    <ng-content select="desy-error-message"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasErrorMessageComponent()">\r\n    <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n    <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                        [id]="getErrorId()"\r\n                        [text]="errorMessageData.text"\r\n                        [html]="errorMessageData.html"\r\n                        [classes]="errorMessageData.classes"\r\n                        [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                        [role]="errorMessageData.role"\r\n                        [ariaLabel]="errorMessageData.ariaLabel"\r\n                        [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                        [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                        [ariaHidden]="errorMessageData.ariaHidden"\r\n                        [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                        [ariaControls]="errorMessageData.ariaControls"\r\n                        [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                        [ariaLive]="errorMessageData.ariaLive"\r\n                        [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                        [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                        [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                        [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n    <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                        [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n  </ng-container>\r\n\r\n\r\n  <div class="c-radios" [ngClass]="classes"\r\n       [attr.id]="id ? id : null"\r\n       [attr.role]="role ? role : null"\r\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.tabindex]="tabindex ? tabindex : null">\r\n\r\n      <ng-container *ngIf="radioComponentItems && radioComponentItems.length > 0">\r\n        <ng-content select="desy-radio-item"></ng-content>\r\n      </ng-container>\r\n      <ng-container *ngIf="!(radioComponentItems && radioComponentItems.length > 0) && items">\r\n        <desy-radio-item *ngFor="let item of items; index as i"\r\n                         [id]="item.id"\r\n                         [disabled]="item.disabled"\r\n                         [classes]="item.classes"\r\n                         [value]="item.value"\r\n                         [(checked)]="item.checked"\r\n                         [conditional]="item.conditional"\r\n                         [divider]="item.divider"\r\n\r\n                         [role]="item.role"\r\n                         [ariaLabel]="item.ariaLabel"\r\n                         [ariaDescribedBy]="item.ariaDescribedBy"\r\n                         [ariaLabelledBy]="item.ariaLabelledBy"\r\n                         [ariaHidden]="item.ariaHidden"\r\n                         [ariaDisabled]="item.ariaDisabled"\r\n                         [ariaControls]="item.ariaControls"\r\n                         [ariaCurrent]="item.ariaCurrent"\r\n                         [ariaLive]="item.ariaLive"\r\n                         [ariaExpanded]="item.ariaExpanded"\r\n                         [ariaErrorMessage]="item.ariaErrorMessage"\r\n                         [ariaHasPopup]="item.ariaHasPopup"\r\n                         [tabindex]="item.tabindex">\r\n          <desy-label [text]="item.text" [html]="item.html"\r\n                      [classes]="item.labelData ? item.labelData.classes : null"\r\n                      [role]="item.labelData ? item.labelData.role : null"\r\n                      [ariaLabel]="item.labelData ? item.labelData.ariaLabel : null"\r\n                      [ariaDescribedBy]="item.labelData ? item.labelData.ariaDescribedBy: null"\r\n                      [ariaLabelledBy]="item.labelData ? item.labelData.ariaLabelledBy : null"\r\n                      [ariaHidden]="item.labelData ? item.labelData.ariaHidden : null"\r\n                      [ariaDisabled]="item.labelData ? item.labelData.ariaDisabled : null"\r\n                      [ariaControls]="item.labelData ? item.labelData.ariaControls : null"\r\n                      [ariaCurrent]="item.labelData ? item.labelData.ariaCurrent : null"\r\n                      [ariaLive]="item.labelData ? item.labelData.ariaLive : null"\r\n                      [ariaExpanded]="item.labelData ? item.labelData.ariaExpanded : null"\r\n                      [ariaErrorMessage]="item.labelData ? item.labelData.ariaErrorMessage : null"\r\n                      [ariaHasPopup]="item.labelData ? item.labelData.ariaHasPopup : null"\r\n                      [tabindex]="tabindex ? item.labelData.tabindex : null"></desy-label>\r\n          <desy-hint *ngIf="item.hintData && (item.hintData.text || item.hintData.html)"\r\n                     [text]="item.hintData.text"\r\n                     [html]="item.hintData.html"\r\n                     [classes]="item.hintData.classes"\r\n                     [role]="item.hintData.role"\r\n                     [ariaLabel]="item.hintData.ariaLabel"\r\n                     [ariaDescribedBy]="item.hintData.ariaDescribedBy"\r\n                     [ariaLabelledBy]="item.hintData.ariaLabelledBy"\r\n                     [ariaHidden]="item.hintData.ariaHidden"\r\n                     [ariaDisabled]="item.hintData.ariaDisabled"\r\n                     [ariaControls]="item.hintData.ariaControls"\r\n                     [ariaCurrent]="item.hintData.ariaCurrent"\r\n                     [ariaLive]="item.hintData.ariaLive"\r\n                     [ariaExpanded]="item.hintData.ariaExpanded"\r\n                     [ariaErrorMessage]="item.hintData.ariaErrorMessage"\r\n                     [ariaHasPopup]="item.hintData.ariaHasPopup"\r\n                     [tabindex]="item.hintData.tabindex"></desy-hint>\r\n          <desy-hint *ngIf="!item.hintData && item.hintText" [text]="item.hintText"></desy-hint>\r\n          <desy-content *ngIf="item.conditionalHtml">\r\n            <ng-container *ngTemplateOutlet="item.conditionalHtml"></ng-container>\r\n          </desy-content>\r\n        </desy-radio-item>\r\n      </ng-container>\r\n  </div>\r\n</ng-template>\r\n',providers:[{provide:r.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:[_]}],radioComponentItems:[{type:t.ContentChildren,args:[oe]}],innerHtml:[{type:t.ViewChild,args:["innerHtml",{static:!0}]}],radioComponentItems2:[{type:t.ViewChildren,args:[oe]}]},m([ee("onIdPrefixChange")],le.prototype,"idPrefix",void 0),m([ee("onNameChange")],le.prototype,"name",void 0),m([P({onSetCallbackName:"overrideFieldsetParams"})],le.prototype,"fieldsetComponent",void 0),m([P()],le.prototype,"legendComponent",void 0);var se=function(e){function r(r,n){var a=e.call(this)||this;if(a.checkboxes=r,a.changeDetectorRef=n,a.checkedChange=new t.EventEmitter,a.indeterminateChange=new t.EventEmitter,!a.checkboxes)throw Error("Checkbox items must be inside of CheckboxesComponent");return a}return u(r,e),r.prototype.ngOnInit=function(){this.checkboxes.markForUpdateCheckboxIds()},r.prototype.ngOnDestroy=function(){this.checkboxes.markForUpdateCheckboxIds()},r.prototype.ngOnChanges=function(e){if(!this.value)throw Error("value is required for checkbox item");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()},r.prototype.ngAfterViewInit=function(){this.setChecked(this.checked),this.setIndeterminateChecked(this.indeterminateChecked),this.checkboxes.updateValueFromCheckboxItems()},r.prototype.getItemHintId=function(){return this.hintComponentList&&this.hintComponentList.length>0&&this.checkboxId?this.checkboxId+"-item-hint":null},r.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()},r.prototype.setChecked=function(e){this.checked=e,this.lastChecked=e,this.checkedChange.emit(e),this.changeDetectorRef.detectChanges()},r.prototype.setIndeterminateChecked=function(e){this.indeterminateChecked=e,this.lastIndeterminate=e,this.indeterminateChange.emit(e),this.changeDetectorRef.detectChanges()},r.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))},r.prototype.isInit=function(){return!!this.inputElement},r.prototype.getValue=function(){var e=this.inputElement.nativeElement;return e.checked||e.indeterminate?this.value:null},r.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()},r.prototype.hasDividers=function(){return this.checkboxes.hasDividers},r.prototype.hasError=function(){return this.checkboxes.hasErrorsMessage()},r.prototype.getNameCheckbox=function(){return this.checkboxes.name},r.prototype.getDescribedBy=function(){return this.checkboxes.hasFieldset()?null:this.checkboxes.describedBy},r}(C);se.decorators=[{type:t.Component,args:[{selector:"desy-checkbox-item",template:'<div [ngClass]="{\'border-t border-b border-neutral-base -mb-px\' : hasDividers()}" [class]="classes">\r\n  <div class="relative flex items-start py-base">\r\n      <div class="flex items-center mx-sm">\r\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"\r\n               [checked]="checked"\r\n               [attr.id]="checkboxId"\r\n               [attr.name]="name ? name : getNameCheckbox()"\r\n               type="checkbox"\r\n               [value]="value" (change)="hasChanged()"\r\n               [attr.disabled]="disabled ? true : null"\r\n               [attr.aria-controls]="conditionalContentList && conditionalContentList.length > 0 ? \'conditional-\' + checkboxId : null"\r\n               [attr.aria-describedby]="[getDescribedBy(), getItemHintId()] | makeHtmlList:null"\r\n               [attr.aria-invalid]="hasError() ? true : null"\r\n\r\n               [attr.role]="role ? role : null"\r\n               [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n               [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n               [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n               [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n               [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n               [attr.aria-live]="ariaLive ? ariaLive : null"\r\n               [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n               [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n               [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n               [attr.tabindex]="tabindex ? tabindex : null">\r\n      </div>\r\n      <div class="pt-0.5 leading-5">\r\n        <ng-container *ngIf="labelComponentList && labelComponentList.length > 0">\r\n          <ng-content select="desy-label"></ng-content>\r\n        </ng-container>\r\n        <ng-container *ngIf="!(labelComponentList && labelComponentList.length > 0)">\r\n          <desy-label [for]="checkboxId">\r\n            <ng-content></ng-content>\r\n          </desy-label>\r\n        </ng-container>\r\n        <ng-content select="desy-hint"></ng-content>\r\n      </div>\r\n  </div>\r\n\r\n  <div *ngIf="conditional && conditionalContentList && conditionalContentList.length > 0 && (input.checked || input.indeterminate)" @displayConditional\r\n       class="mb-base ml-5 py-sm pl-6 origin-top-left border-l-2 border-primary-base"\r\n       [attr.id]="\'conditional-\' + checkboxId">\r\n    <ng-container *desyCustomInnerContent="{ component: conditionalContentList.first }"></ng-container>\r\n  </div>\r\n</div>\r\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})])])]}]}],se.ctorParameters=function(){return[{type:de,decorators:[{type:t.Host}]},{type:t.ChangeDetectorRef}]},se.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}],labelComponentList:[{type:t.ContentChildren,args:[V]}],hintComponentList:[{type:t.ContentChildren,args:[q]}],conditionalContentList:[{type:t.ContentChildren,args:[O]}],checked:[{type:t.Input}],checkedChange:[{type:t.Output}],indeterminateChange:[{type:t.Output}]},m([ee("setIndeterminateStatus")],se.prototype,"indeterminateChecked",void 0);var de=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.itemsChange=new t.EventEmitter,r.nextValue=null,r.updateChekboxIds=!1,r.contentInit=!1,r}return u(r,e),r.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();if(!(t.length>0))throw Error("items are required");t.forEach((function(e,t){return e.updateCheckboxId(t)})),this.updateChekboxIds=!1}},r.prototype.ngAfterContentInit=function(){if(!this.name)throw Error("name is required");this.contentInit=!0},r.prototype.writeValue=function(e){e&&(this.nextValue=e)},r.prototype.onIdPrefixChange=function(){this.contentInit&&this.markForUpdateCheckboxIds(),this.propagateNewIdPrefixValue()},r.prototype.onNameChange=function(){if(this.contentInit&&!this.name)throw Error("name is required");this.contentInit&&this.markForUpdateCheckboxIds(),this.propagateNewIdPrefixValue()},r.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)},r.prototype.markForUpdateCheckboxIds=function(){this.updateChekboxIds=!0},r.prototype.updateCheckboxItemsChecked=function(){var e=this,t=this.getCheckboxItems();t.length>0&&t.forEach((function(t){var r=e.value.findIndex((function(e){return e===t.value}))>-1;r!==t.lastChecked&&t.setChecked(r)}))},r.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)},r.prototype.overrideFieldsetParams=function(e){e.caller=this.innerHtml,e.errorId=this.getErrorId(),e.describedBy=(new te).transform([this.getHintId(),this.getErrorId()],null),e.detectChanges()},r.prototype.overrideHintParams=function(e){e.id=this.getHintId(),e.detectChanges(),this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},r.prototype.overrideErrorMessageParams=function(e){e.id=this.getErrorId(),e.detectChanges(),this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},r.prototype.onDeleteHint=function(){this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},r.prototype.onDeleteErrorMessage=function(){this.hasFieldsetComponent()&&this.overrideFieldsetParams(this.fieldsetComponent)},r.prototype.hasFieldset=function(){return!!(this.hasFieldsetComponent()||this.hasLegendComponent()||this.legendRef||this.fieldsetData||this.legendData&&(this.legendData.text||this.legendData.html)||this.legendText)},r.prototype.hasFieldsetComponent=function(){return!!this.fieldsetComponent},r.prototype.hasLegendComponent=function(){return!!this.legendComponent},r.prototype.getErrorId=function(){return this.hasErrorsMessage()?this.getIdPrefix()+"-error":void 0},r.prototype.getHintId=function(){return this.hasHint()?this.getIdPrefix()+"-hint":void 0},r.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:this.name},r.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},r}(G);de.decorators=[{type:t.Component,args:[{selector:"desy-checkboxes",template:'<div [class]="[\'c-form-group\', formGroupClasses] | makeHtmlList"\r\n     [ngClass]="{\'c-form-group--error\': (hasErrorsMessage() || formGroupClasses == \'c-form-group--error\') }">\r\n\r\n  <ng-container *ngIf="hasFieldsetComponent()">\r\n    <ng-content select="desy-fieldset"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasFieldsetComponent()">\r\n    <desy-fieldset *ngIf="fieldsetData"\r\n                   [classes]="fieldsetData.classes"\r\n                   [id]="fieldsetData.id"\r\n                   [legendData]="fieldsetData.legend"\r\n                   [headingLevel]="fieldsetData.headingLevel"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n                   [role]="fieldsetData.role"\r\n                   [ariaLabel]="fieldsetData.ariaLabel"\r\n                   [ariaLabelledBy]="fieldsetData.ariaLabelledBy"\r\n                   [ariaHidden]="fieldsetData.ariaHidden"\r\n                   [ariaDisabled]="fieldsetData.ariaDisabled"\r\n                   [ariaControls]="fieldsetData.ariaControls"\r\n                   [ariaCurrent]="fieldsetData.ariaCurrent"\r\n                   [ariaLive]="fieldsetData.ariaLive"\r\n                   [ariaExpanded]="fieldsetData.ariaExpanded"\r\n                   [ariaHasPopup]="fieldsetData.ariaHasPopup"\r\n                   [tabindex]="fieldsetData.tabindex"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !!legendComponent"\r\n                   [legendRef]="legendTemplate"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null">\r\n      <ng-template #legendTemplate>\r\n        <ng-content select="desy-legend"></ng-content>\r\n      </ng-template>\r\n    </desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !legendComponent && legendRef"\r\n                   [legendRef]="legendRef"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !legendComponent && !legendRef && legendData"\r\n                   [legendData]="{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !legendComponent && !legendRef && !legendData && legendText"\r\n                   [legendText]="legendText"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="!hasFieldset()">\r\n    <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n\r\n<ng-template #innerHtml>\r\n  <ng-container *ngIf="hasHintComponent()">\r\n    <ng-content select="desy-hint"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasHintComponent()">\r\n    <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n    <desy-hint *ngIf="!hintRef && hintData"\r\n               [id]="getHintId()"\r\n               [text]="hintData.text"\r\n               [html]="hintData.html"\r\n               [classes]="hintData.classes"\r\n               [role]="hintData.role"\r\n               [ariaLabel]="hintData.ariaLabel"\r\n               [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n               [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n               [ariaHidden]="hintData.ariaHidden"\r\n               [ariaDisabled]="hintData.ariaDisabled"\r\n               [ariaControls]="hintData.ariaControls"\r\n               [ariaCurrent]="hintData.ariaCurrent"\r\n               [ariaLive]="hintData.ariaLive"\r\n               [ariaExpanded]="hintData.ariaExpanded"\r\n               [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n               [ariaHasPopup]="hintData.ariaHasPopup"\r\n               [tabindex]="hintData.tabindex"></desy-hint>\r\n    <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="hasErrorMessageComponent()">\r\n    <ng-content select="desy-error-message"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasErrorMessageComponent()">\r\n    <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n    <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                        [id]="getErrorId()"\r\n                        [text]="errorMessageData.text"\r\n                        [html]="errorMessageData.html"\r\n                        [classes]="errorMessageData.classes"\r\n                        [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                        [role]="errorMessageData.role"\r\n                        [ariaLabel]="errorMessageData.ariaLabel"\r\n                        [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                        [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                        [ariaHidden]="errorMessageData.ariaHidden"\r\n                        [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                        [ariaControls]="errorMessageData.ariaControls"\r\n                        [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                        [ariaLive]="errorMessageData.ariaLive"\r\n                        [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                        [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                        [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                        [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n    <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                        [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n  </ng-container>\r\n\r\n  <div [class]="[\'c-checkboxes\', classes] | makeHtmlList"\r\n       [attr.role]="role ? role : null"\r\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.tabindex]="tabindex ? tabindex : null">\r\n\r\n    <ng-container *ngIf="checkboxComponentItems && checkboxComponentItems.length > 0">\r\n      <ng-content select="desy-checkbox-item"></ng-content>\r\n    </ng-container>\r\n    <ng-container *ngIf="!(checkboxComponentItems && checkboxComponentItems.length > 0) && items">\r\n      <desy-checkbox-item *ngFor="let item of items; index as i"\r\n                          [id]="item.id"\r\n                          [disabled]="item.disabled"\r\n                          [name]="item.name"\r\n                          [classes]="item.classes"\r\n                          [value]="item.value"\r\n                          [(checked)]="item.checked"\r\n                          [conditional]="item.conditional"\r\n                          [isIndeterminate]="item.isIndeterminate"\r\n                          [indeterminateChecked]="item.indeterminateChecked"\r\n\r\n                          [role]="item.role"\r\n                          [ariaLabel]="item.ariaLabel"\r\n                          [ariaDescribedBy]="item.ariaDescribedBy"\r\n                          [ariaLabelledBy]="item.ariaLabelledBy"\r\n                          [ariaHidden]="item.ariaHidden"\r\n                          [ariaDisabled]="item.ariaDisabled"\r\n                          [ariaControls]="item.ariaControls"\r\n                          [ariaCurrent]="item.ariaCurrent"\r\n                          [ariaLive]="item.ariaLive"\r\n                          [ariaExpanded]="item.ariaExpanded"\r\n                          [ariaErrorMessage]="item.ariaErrorMessage"\r\n                          [ariaHasPopup]="item.ariaHasPopup"\r\n                          [tabindex]="item.tabindex">\r\n        <desy-label [text]="item.text" [html]="item.html"\r\n                    [classes]="item.labelData ? item.labelData.classes : null"\r\n                    [role]="item.labelData ? item.labelData.role : null"\r\n                    [ariaLabel]="item.labelData ? item.labelData.ariaLabel : null"\r\n                    [ariaDescribedBy]="item.labelData ? item.labelData.ariaDescribedBy: null"\r\n                    [ariaLabelledBy]="item.labelData ? item.labelData.ariaLabelledBy : null"\r\n                    [ariaHidden]="item.labelData ? item.labelData.ariaHidden : null"\r\n                    [ariaDisabled]="item.labelData ? item.labelData.ariaDisabled : null"\r\n                    [ariaControls]="item.labelData ? item.labelData.ariaControls : null"\r\n                    [ariaCurrent]="item.labelData ? item.labelData.ariaCurrent : null"\r\n                    [ariaLive]="item.labelData ? item.labelData.ariaLive : null"\r\n                    [ariaExpanded]="item.labelData ? item.labelData.ariaExpanded : null"\r\n                    [ariaErrorMessage]="item.labelData ? item.labelData.ariaErrorMessage : null"\r\n                    [ariaHasPopup]="item.labelData ? item.labelData.ariaHasPopup : null"\r\n                    [tabindex]="tabindex ? item.labelData.tabindex : null"></desy-label>\r\n        <desy-hint *ngIf="item.hintData && (item.hintData.text || item.hintData.html)"\r\n                   [text]="item.hintData.text"\r\n                   [html]="item.hintData.html"\r\n                   [classes]="item.hintData.classes"\r\n                   [role]="item.hintData.role"\r\n                   [ariaLabel]="item.hintData.ariaLabel"\r\n                   [ariaDescribedBy]="item.hintData.ariaDescribedBy"\r\n                   [ariaLabelledBy]="item.hintData.ariaLabelledBy"\r\n                   [ariaHidden]="item.hintData.ariaHidden"\r\n                   [ariaDisabled]="item.hintData.ariaDisabled"\r\n                   [ariaControls]="item.hintData.ariaControls"\r\n                   [ariaCurrent]="item.hintData.ariaCurrent"\r\n                   [ariaLive]="item.hintData.ariaLive"\r\n                   [ariaExpanded]="item.hintData.ariaExpanded"\r\n                   [ariaErrorMessage]="item.hintData.ariaErrorMessage"\r\n                   [ariaHasPopup]="item.hintData.ariaHasPopup"\r\n                   [tabindex]="item.hintData.tabindex"></desy-hint>\r\n        <desy-hint *ngIf="!item.hintData && item.hintText" [text]="item.hintText"></desy-hint>\r\n        <desy-content *ngIf="item.conditionalHtml">\r\n          <ng-container *ngTemplateOutlet="item.conditionalHtml"></ng-container>\r\n        </desy-content>\r\n      </desy-checkbox-item>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n',providers:[{provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return de})),multi:!0}]}]}],de.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:[_]}],checkboxComponentItems:[{type:t.ContentChildren,args:[se]}],innerHtml:[{type:t.ViewChild,args:["innerHtml",{static:!0}]}],checkboxComponentItems2:[{type:t.ViewChildren,args:[se]}]},m([ee("onIdPrefixChange")],de.prototype,"idPrefix",void 0),m([ee("onNameChange")],de.prototype,"name",void 0),m([P({onSetCallbackName:"overrideFieldsetParams"})],de.prototype,"fieldsetComponent",void 0),m([P()],de.prototype,"legendComponent",void 0);var pe=function(){};pe.decorators=[{type:t.Component,args:[{selector:"desy-date-input-item",template:""}]}],pe.propDecorators={classes:[{type:t.Input}]};var ce=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.valueChange=new t.EventEmitter,r}return u(r,e),r.prototype.ngAfterContentInit=function(){if(!this.name)throw Error("day name is required");if(!this.labelComponent)throw Error("day label is required")},r}(pe);ce.decorators=[{type:t.Component,args:[{selector:"desy-input-day",template:'<ng-template #label>\r\n  <ng-content select="desy-label"></ng-content>\r\n</ng-template>\r\n',providers:[{provide:pe,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 r(){var r=e.apply(this,f(arguments))||this;return r.valueChange=new t.EventEmitter,r}return u(r,e),r.prototype.ngAfterContentInit=function(){if(!this.name)throw Error("month name is required");if(!this.labelComponent)throw Error("month label is required")},r}(pe);ue.decorators=[{type:t.Component,args:[{selector:"desy-input-month",template:'<ng-template #label>\r\n  <ng-content select="desy-label"></ng-content>\r\n</ng-template>\r\n',providers:[{provide:pe,useExisting:t.forwardRef((function(){return ue}))}]}]}],ue.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()],ue.prototype,"labelComponent",void 0);var me=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.valueChange=new t.EventEmitter,r}return u(r,e),r.prototype.ngAfterContentInit=function(){if(!this.name)throw Error("year name is required");if(!this.labelComponent)throw Error("year label is required")},r}(pe);me.decorators=[{type:t.Component,args:[{selector:"desy-input-year",template:'<ng-template #label>\r\n  <ng-content select="desy-label"></ng-content>\r\n</ng-template>\r\n',providers:[{provide:pe,useExisting:t.forwardRef((function(){return me}))}]}]}],me.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()],me.prototype,"labelComponent",void 0);var he=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.divider=t,t}return u(t,e),t}(pe);he.decorators=[{type:t.Component,args:[{selector:"desy-date-input-divider",template:"<ng-template #dividerContent>\r\n    <ng-content></ng-content>\r\n</ng-template>",providers:[{provide:pe,useExisting:t.forwardRef((function(){return he}))}]}]}],he.propDecorators={dividerContent:[{type:t.ViewChild,args:["dividerContent",{static:!0}]}]};var ge=function(e){function r(r){var n=e.call(this)||this;return n.controlContainer=r,n.itemsChange=new t.EventEmitter,n.contentInit=!1,n}return u(r,e),r.prototype.ngOnChanges=function(){this.checkRequired()},r.prototype.ngAfterContentInit=function(){this.contentInit=!0},r.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}])},r.prototype.checkRequired=function(){if(!this.id)throw Error("id is required")},r.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)},r.prototype.overrideFieldsetParams=function(e){e.caller=this.innerHtml,e.errorId=this.getErrorId(),e.describedBy=(new te).transform([this.getHintId(),this.getErrorId()],null),e.role="group",e.detectChanges()},r.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)}},r.prototype.onInternalChange=function(e,t){var r=this.getItemName(e);if(this.value||(this.value={}),this.value[r]!==t){this.value[r]=t?+t:void 0;var n={};Object.assign(n,this.value),this.onChange(n),(e instanceof ce||e instanceof ue||e instanceof me)&&e.valueChange.emit(t),this.items&&(e.value=t,this.itemsChange.emit(this.items))}},r.prototype.hasFieldset=function(){return!!(this.hasFieldsetComponent()||this.hasLegendComponent()||this.legendRef||this.fieldsetData||this.legendData&&(this.legendData.text||this.legendData.html)||this.legendText)},r.prototype.hasFieldsetComponent=function(){return!!this.fieldsetComponent},r.prototype.hasLegendComponent=function(){return!!this.legendComponent},r.prototype.hasErrorMessageComponent=function(){return!!this.errorMessageComponent},r.prototype.getItemName=function(e){return this.namePrefix?this.namePrefix+"-"+e.name:e.name},r.prototype.getItemLabel=function(e){return e.labelData&&(e.labelData.text||e.labelData.html)?e.labelData:{text:e.labelText?e.labelText:e.name.toUpperCase()}},r.prototype.getItemLabelRef=function(e){return e instanceof ce||e instanceof ue||e instanceof me?e.labelRef:null},r.prototype.getItems=function(){var e;return(e=this.dateInputItemComponents&&this.dateInputItemComponents.length>0?this.dateInputItemComponents.toArray():this.items?this.items:this.contentInit?r.defaultItems:[]).forEach((function(e){if(!(e.name||e instanceof he))throw new Error("Item name is required")})),e},r.prototype.getItemDividerTemplate=function(e){return e.divider instanceof he?e.divider.dividerContent:null},r.prototype.getItemDividerHtml=function(e){return e.divider.html?e.divider.html:"<p>"+M.escapeHtml(e.divider.text)+"</p>"},r}(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:'\r\n<ng-template #innerHtml>\r\n  <ng-container *ngIf="hasHintComponent()">\r\n    <ng-content select="desy-hint"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasHintComponent()">\r\n    <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n    <desy-hint *ngIf="!hintRef && hintData"\r\n               [id]="getHintId()"\r\n               [text]="hintData.text"\r\n               [html]="hintData.html"\r\n               [classes]="hintData.classes"\r\n               [role]="hintData.role"\r\n               [ariaLabel]="hintData.ariaLabel"\r\n               [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n               [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n               [ariaHidden]="hintData.ariaHidden"\r\n               [ariaDisabled]="hintData.ariaDisabled"\r\n               [ariaControls]="hintData.ariaControls"\r\n               [ariaCurrent]="hintData.ariaCurrent"\r\n               [ariaLive]="hintData.ariaLive"\r\n               [ariaExpanded]="hintData.ariaExpanded"\r\n               [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n               [ariaHasPopup]="hintData.ariaHasPopup"\r\n               [tabindex]="hintData.tabindex"></desy-hint>\r\n    <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n  </ng-container>\r\n\r\n\r\n  <ng-container *ngIf="hasErrorMessageComponent()">\r\n    <ng-content select="desy-error-message"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasErrorMessageComponent()">\r\n    <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n    <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                        [id]="getErrorId()"\r\n                        [text]="errorMessageData.text"\r\n                        [html]="errorMessageData.html"\r\n                        [classes]="errorMessageData.classes"\r\n                        [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                        [role]="errorMessageData.role"\r\n                        [ariaLabel]="errorMessageData.ariaLabel"\r\n                        [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                        [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                        [ariaHidden]="errorMessageData.ariaHidden"\r\n                        [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                        [ariaControls]="errorMessageData.ariaControls"\r\n                        [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                        [ariaLive]="errorMessageData.ariaLive"\r\n                        [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                        [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                        [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                        [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n    <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                        [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n  </ng-container>\r\n\r\n  \x3c!-- With reactive forms --\x3e\r\n  <div *ngIf="controlContainer && !ngModelGroup"\r\n       [formGroup]="controlContainer.control"\r\n       [class]="[\'flex\', classes] | makeHtmlList"\r\n       [attr.id]="id ? id : null"\r\n       [attr.role]="role ? role : null"\r\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.tabindex]="tabindex ? tabindex : null">\r\n    <ng-container *ngFor="let item of getItems(); index as i">\r\n      <ng-container *ngIf="item.divider">\r\n        <div role="separator" [ngClass]="item.divider.classes">\r\n          <ng-container *desyCustomInnerContent="{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf="!item.divider">\r\n        <div class="mr-base">\r\n          <desy-input [labelData]="getItemLabel(item)"\r\n                      [labelRef]="getItemLabelRef(item)"\r\n                      [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                      [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                      [errorId]="item.hasErrors ? getErrorId() : null"\r\n                      [name]="getItemName(item)"\r\n                      [formControlName]="getItemName(item)"\r\n                      [type]="\'text\'"\r\n                      [inputmode]="\'numeric\'"\r\n                      [autocomplete]="item.autocomplete"\r\n                      [pattern]="item.pattern ? item.pattern : \'[0-9]*\'"\r\n\r\n                      [maxlength]="item.maxlength"\r\n                      [role]="item.role"\r\n                      [ariaLabel]="item.ariaLabel"\r\n                      [ariaDescribedBy]="item.ariaDescribedBy"\r\n                      [ariaLabelledBy]="item.ariaLabelledBy"\r\n                      [ariaHidden]="item.ariaHidden"\r\n                      [ariaDisabled]="item.ariaDisabled"\r\n                      [ariaControls]="item.ariaControls"\r\n                      [ariaCurrent]="item.ariaCurrent"\r\n                      [ariaLive]="item.ariaLive"\r\n                      [ariaExpanded]="item.ariaExpanded"\r\n                      [ariaErrorMessage]="item.ariaErrorMessage"\r\n                      [ariaHasPopup]="item.ariaHasPopup"\r\n                      [tabindex]="item.tabindex"></desy-input>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n\r\n  \x3c!-- Template-driven forms --\x3e\r\n  <desy-template-driven-wrapper *ngIf="controlContainer && ngModelGroup">\r\n    <div [ngModelGroup]="ngModelGroup"\r\n         [class]="[\'flex\', classes] | makeHtmlList"\r\n         [attr.id]="id ? id : null"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n      <ng-container *ngFor="let item of getItems(); index as i">\r\n        \r\n        <ng-container *ngIf="item.divider">\r\n          <div role="separator" [ngClass]="item.divider.classes">\r\n            <ng-container *desyCustomInnerContent="{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }"></ng-container>\r\n          </div>\r\n        </ng-container>\r\n        <ng-container *ngIf="!item.divider">\r\n          <div class="mr-base">\r\n            <desy-input [labelData]="getItemLabel(item)"\r\n                        [labelRef]="getItemLabelRef(item)"\r\n                        [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                        [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                        [errorId]="item.hasErrors ? getErrorId() : null"\r\n                        [name]="getItemName(item)"\r\n                        [ngModel]="item.value" (ngModelChange)="onInternalChange(item, +$event)"\r\n                        [type]="\'text\'"\r\n                        [inputmode]="\'numeric\'"\r\n                        [autocomplete]="item.autocomplete"\r\n                        [pattern]="item.pattern ? item.pattern : \'[0-9]*\'"\r\n                        [disabled]="disabled ? true : null"\r\n\r\n                        [maxlength]="item.maxlength"\r\n                        [role]="item.role"\r\n                        [ariaLabel]="item.ariaLabel"\r\n                        [ariaDescribedBy]="item.ariaDescribedBy"\r\n                        [ariaLabelledBy]="item.ariaLabelledBy"\r\n                        [ariaHidden]="item.ariaHidden"\r\n                        [ariaDisabled]="item.ariaDisabled"\r\n                        [ariaControls]="item.ariaControls"\r\n                        [ariaCurrent]="item.ariaCurrent"\r\n                        [ariaLive]="item.ariaLive"\r\n                        [ariaExpanded]="item.ariaExpanded"\r\n                        [ariaErrorMessage]="item.ariaErrorMessage"\r\n                        [ariaHasPopup]="item.ariaHasPopup"\r\n                        [tabindex]="item.tabindex"></desy-input>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </desy-template-driven-wrapper>\r\n\r\n  \x3c!-- With ngModel--\x3e\r\n  <div *ngIf="!controlContainer"\r\n       [class]="[\'flex\', classes] | makeHtmlList"\r\n       [attr.id]="id ? id : null"\r\n       [attr.role]="role ? role : null"\r\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.tabindex]="tabindex ? tabindex : null">\r\n    <ng-container *ngFor="let item of getItems(); index as i">\r\n      \r\n      <ng-container *ngIf="item.divider">\r\n        <div role="separator" [ngClass]="item.divider.classes">\r\n          <ng-container *desyCustomInnerContent="{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf="!item.divider">\r\n        <div class="mr-base">\r\n            <desy-input [labelData]="getItemLabel(item)"\r\n                        [labelRef]="getItemLabelRef(item)"\r\n                        [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                        [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                        [errorId]="item.hasErrors ? getErrorId() : null"\r\n                        [name]="getItemName(item)"\r\n                        [ngModel]="item.value" (ngModelChange)="onInternalChange(item, +$event)"\r\n                        [type]="\'text\'"\r\n                        [inputmode]="\'numeric\'"\r\n                        [autocomplete]="item.autocomplete"\r\n                        [pattern]="item.pattern ? item.pattern : \'[0-9]*\'"\r\n                        [disabled]="disabled ? true : null"\r\n\r\n                        [maxlength]="item.maxlength"\r\n                        [role]="item.role"\r\n                        [ariaLabel]="item.ariaLabel"\r\n                        [ariaDescribedBy]="item.ariaDescribedBy"\r\n                        [ariaLabelledBy]="item.ariaLabelledBy"\r\n                        [ariaHidden]="item.ariaHidden"\r\n                        [ariaDisabled]="item.ariaDisabled"\r\n                        [ariaControls]="item.ariaControls"\r\n                        [ariaCurrent]="item.ariaCurrent"\r\n                        [ariaLive]="item.ariaLive"\r\n                        [ariaExpanded]="item.ariaExpanded"\r\n                        [ariaErrorMessage]="item.ariaErrorMessage"\r\n                        [ariaHasPopup]="item.ariaHasPopup"\r\n                        [tabindex]="item.tabindex"></desy-input>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n</div>\r\n</ng-template>\r\n\r\n<div [class]="[\'c-form-group\', formGroupClasses] | makeHtmlList"\r\n     [ngClass]="{\'c-form-group--error\' : (hasErrorsMessage() || formGroupClasses == \'c-form-group--error\')}">\r\n\r\n  <ng-container *ngIf="hasFieldsetComponent()">\r\n    <ng-content select="desy-fieldset"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasFieldsetComponent()">\r\n    <desy-fieldset *ngIf="fieldsetData"\r\n      [classes]="fieldsetData.classes"\r\n      [id]="fieldsetData.id"\r\n      [legendData]="fieldsetData.legend"\r\n      [caller]="innerHtml"\r\n      [errorId]="getErrorId()"\r\n      [describedBy]="[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n      role="group"\r\n      [ariaLabel]="fieldsetData.ariaLabel"\r\n      [ariaLabelledBy]="fieldsetData.ariaLabelledBy"\r\n      [ariaHidden]="fieldsetData.ariaHidden"\r\n      [ariaDisabled]="fieldsetData.ariaDisabled"\r\n      [ariaControls]="fieldsetData.ariaControls"\r\n      [ariaCurrent]="fieldsetData.ariaCurrent"\r\n      [ariaLive]="fieldsetData.ariaLive"\r\n      [ariaExpanded]="fieldsetData.ariaExpanded"\r\n      [ariaHasPopup]="fieldsetData.ariaHasPopup"\r\n      [tabindex]="fieldsetData.tabindex"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && hasLegendComponent()"\r\n      [legendRef]="legendTemplate"\r\n      [caller]="innerHtml"\r\n      [errorId]="getErrorId()"\r\n      [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null">\r\n      <ng-template #legendTemplate>\r\n        <ng-content select="desy-legend"></ng-content>\r\n      </ng-template>\r\n    </desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && legendRef"\r\n      [legendRef]="legendRef"\r\n      [caller]="innerHtml"\r\n      [errorId]="getErrorId()"\r\n      [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\r\n      role="group"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && legendData"\r\n      [legendData]="{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}"\r\n      [caller]="innerHtml"\r\n      [errorId]="getErrorId()"\r\n      [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\r\n      role="group"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && !legendData && legendText"\r\n      [legendText]="legendText"\r\n      [caller]="innerHtml"\r\n      [errorId]="getErrorId()"\r\n      [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\r\n      role="group"></desy-fieldset>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="!hasFieldset()">\r\n    <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\r\n  </ng-container>\r\n</div>\r\n',providers:[{provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return ge})),multi:!0}]}]}],ge.ctorParameters=function(){return[{type:r.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}],formGroupClasses:[{type:t.Input}],errorMessage:[{type:t.Input}],id:[{type:t.Input}],fieldsetComponent:[{type:t.ContentChildren,args:[$]}],legendComponent:[{type:t.ContentChildren,args:[_]}],dateInputItemComponents:[{type:t.ContentChildren,args:[pe]}],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([ee("onExternalChange")],ge.prototype,"items",void 0),m([ee("onExternalChange")],ge.prototype,"namePrefix",void 0),m([P({onSetCallbackName:"overrideFieldsetParams"})],ge.prototype,"fieldsetComponent",void 0),m([P()],ge.prototype,"legendComponent",void 0);var be=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.clickEvent=new t.EventEmitter,r.value="",r}return u(r,e),r.prototype.ngOnChanges=function(e){this.checkRequiredParams()},r.prototype.checkRequiredParams=function(){if(!this.id)throw Error("id is required");if(!this.hasLabel())throw Error("label is required")},r.prototype.ngAfterViewInit=function(){if(this.button&&this.button.length>1)throw Error("only 1 button in content is allowed")},r.prototype.onClick=function(e){this.disabled||this.clickEvent.emit(e)},r.prototype.hasButton=function(){return this.button&&this.button.length>0},r}(G);be.decorators=[{type:t.Component,args:[{selector:"desy-search-bar",template:'\x3c!-- searchbar --\x3e\r\n<div class="relative" [ngClass]="{\'flex flex-wrap items-end\': hasButton()}">\r\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\r\n  <desy-label *ngIf="!labelRef && labelData"\r\n              [text]="labelData.text"\r\n              [html]="labelData.html"\r\n              classes="sr-only"\r\n              [isPageHeading]="labelData.isPageHeading"\r\n              [for]="id"\r\n              [role]="labelData.role"\r\n              [ariaLabel]="labelData.ariaLabel"\r\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\r\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\r\n              [ariaHidden]="labelData.ariaHidden"\r\n              [ariaDisabled]="labelData.ariaDisabled"\r\n              [ariaControls]="labelData.ariaControls"\r\n              [ariaCurrent]="labelData.ariaCurrent"\r\n              [ariaLive]="labelData.ariaLive"\r\n              [ariaExpanded]="labelData.ariaExpanded"\r\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\r\n              [ariaHasPopup]="labelData.ariaHasPopup"\r\n              [tabindex]="labelData.tabindex"></desy-label>\r\n  <desy-label *ngIf="!labelRef && !labelData && labelText" [text]="labelText" classes="sr-only" [for]="id"></desy-label>\r\n  <input type="search"\r\n         [class]="[\'c-input block mt-sm 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"\r\n         [ngClass]="{\'border-alert-base ring-2 ring-alert-base\': hasErrorsMessage(),\'w-full\': !hasButton()}"\r\n         [value]="value" (input)="onInput($event.target.value)"\r\n         [attr.id]="id ? id : null"\r\n         [attr.name]="id ? id : null"\r\n         [attr.aria-describedby]="[describedBy, getErrorId()] | makeHtmlList:null"\r\n         [attr.aria-errormessage]="hasErrorsMessage() ? getErrorId() : null"\r\n         [attr.aria-invalid]="hasErrorsMessage() ? true : null"\r\n         [attr.disabled]="disabled ? true : null"\r\n         [attr.placeholder]="placeholder ? placeholder : null"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-container *ngIf="hasButton(); else defaultButton">\r\n    <ng-content select="desy-button"></ng-content>\r\n  </ng-container>\r\n  <ng-template #defaultButton>\r\n    <button type="submit" [attr.disabled]="disabled ? \'disabled\' : null" [attr.aria-disabled]="disabled ? \'true\' : null"\r\n            (click)="onClick($event)"\r\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">\r\n      <span class="sr-only">Buscar</span>\r\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>\r\n    </button>\r\n  </ng-template>\r\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                      [id]="getErrorId()"\r\n                      [text]="errorMessageData.text"\r\n                      [html]="errorMessageData.html"\r\n                      [classes]="errorMessageData.classes"\r\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                      [role]="errorMessageData.role"\r\n                      [ariaLabel]="errorMessageData.ariaLabel"\r\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                      [ariaHidden]="errorMessageData.ariaHidden"\r\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                      [ariaControls]="errorMessageData.ariaControls"\r\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                      [ariaLive]="errorMessageData.ariaLive"\r\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n</div>\r\n\x3c!-- /searchbar --\x3e\r\n',providers:[{provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return be})),multi:!0}]}]}],be.propDecorators={button:[{type:t.ContentChildren,args:[L]}],describedBy:[{type:t.Input}],classes:[{type:t.Input}],buttonClasses:[{type:t.Input}],placeholder:[{type:t.Input}],clickEvent:[{type:t.Output}]};var ye=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);ye.decorators=[{type:t.Component,args:[{selector:"desy-tree-sub",template:'<ng-template #contentTemplate>\r\n  <ul [class]="[\'c-tree__itemgroup\', classes] | makeHtmlList"\r\n      [attr.role]="role ? role : \'group\'"\r\n      [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n      [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n      [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n      [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n      [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n      [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n      [attr.aria-live]="ariaLive ? ariaLive : null"\r\n      [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n      [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n      [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n      [attr.aria-modal]="ariaModal ? ariaModal : null"\r\n      [attr.tabindex]="tabindex ? tabindex : null">\r\n    <ng-content></ng-content>\r\n  </ul>\r\n</ng-template>\r\n'}]}],ye.propDecorators={classes:[{type:t.Input}]};var fe=function(){},Ce=function(){function e(){}return e.containsAnyWordFrom=function(e,t,r){var n=this,a=[],i=!1,o=this.getSimplifiedString(e);return t&&t.split(" ").length>1&&(a=t.split(" ")),a.push(t),a.forEach((function(e){o&&e&&(r&&o===n.getSimplifiedString(e)||!r&&o.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=e.toLocaleUpperCase().trim()).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('"',"")),t},e}(),ve=function(e){function r(r){var n=e.call(this)||this;return n.changeDetector=r,n.checkedChange=new t.EventEmitter,n.indeterminateCheckedChange=new t.EventEmitter,n.hasError=!1,n._hasInit=!1,n}return u(r,e),r.prototype.ngOnInit=function(){this._hasInit=!0,this.onDescribedByChange()},r.prototype.detectChanges=function(){this.changeDetector.detectChanges()},r.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)}},r.prototype.onIdChange=function(){this.overrideLabelParams(),this.overrideHintParams()},r.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))},r.prototype.setIndeterminateChecked=function(e){this.indeterminateChecked=e,this._lastIndeterminate=e,this.indeterminateCheckedChange.emit(e),this.changeDetector.detectChanges()},r.prototype.focus=function(){this.inputElement.nativeElement.focus()},r.prototype.matchesText=function(e){var t=this.contentWrapper.nativeElement.textContent;return Ce.containsAnyWordFrom(t,e)},r.prototype.preventDefault=function(e){e.preventDefault()},r.prototype.getHintId=function(){return this.hintComponent?this.hintComponent.id:""},r.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())},r.prototype.overrideHintParams=function(){this.hintComponent&&(this.hintComponent.id||(this.hintComponent.id=this.id+"-item-hint"),this.hintComponent.detectChanges()),this.onDescribedByChange()},r.prototype.getItemDescribedBy=function(){return(this.describedBy?this.describedBy:"")+" "+this.getHintId()},r.prototype.onDescribedByChange=function(){this.ariaDescribedBy?this.itemDescribedBy=this.ariaDescribedBy:this.itemDescribedBy=this.getItemDescribedBy()},r}(C);ve.decorators=[{type:t.Component,args:[{selector:"desy-tree-checkbox",template:'<div [class]="classes" [ngClass]="{\'border-t border-b border-neutral-base -mb-px\': hasDividers}">\r\n  <div class="relative flex items-start py-xs">\r\n    <div class="flex items-center mx-sm">\r\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"\r\n             [id]="id + \'-input\'"\r\n             [name]="name"\r\n             [type]="type === \'checkbox\' ? \'checkbox\' : \'radio\'"\r\n             [value]="value"\r\n             [checked]="checked"\r\n             (change)="hasChanged()"\r\n             [disabled]="disabled ? disabled : null"\r\n             [attr.aria-invalid]="hasError ? \'true\' : null"\r\n\r\n             [attr.role]="role ? role : \'group\'"\r\n             [attr.aria-describedby]="itemDescribedBy"\r\n             [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n             [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n             [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n             [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n             [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n             [attr.aria-live]="ariaLive ? ariaLive : null"\r\n             [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n             [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n             [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n             [attr.aria-modal]="ariaModal ? ariaModal : null"\r\n             [attr.tabindex]="tabindex ? tabindex : null"\r\n\r\n             (keydown.home)="preventDefault($event)"\r\n             (keydown.end)="preventDefault($event)"\r\n             (keydown.arrowup)="preventDefault($event)"\r\n             (keydown.arrowdown)="preventDefault($event)"\r\n             (keydown.arrowright)="preventDefault($event)"\r\n             (keydown.arrowleft)="preventDefault($event)">\r\n    </div>\r\n    <div #contentWrapper class="flex-1 pt-0.5 leading-5">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n'}]}],ve.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},ve.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([ee("onIdChange")],ve.prototype,"id",void 0),m([ee("setIndeterminateStatus")],ve.prototype,"indeterminateChecked",void 0),m([ee("onDescribedByChange")],ve.prototype,"describedBy",void 0),m([ee("overrideLabelParams")],ve.prototype,"labelComponent",void 0),m([ee("overrideHintParams")],ve.prototype,"hintComponent",void 0);var xe=function(e){function r(n,a){var i=e.call(this)||this;return i.changeDetector=n,i.element=a,i.checkedChange=new t.EventEmitter,i.checkedChangeForTree=new t.EventEmitter,i.expandedChange=new t.EventEmitter,i.indeterminateCheckedChange=new t.EventEmitter,i.treeItemKey=r.generateStaticItemKey(),i.allParentsExpanded=!0,i.inheritedMatchesSearch=!0,i.quitFocus=new t.EventEmitter,i.isFocus=!1,i.isHover=!1,i._matchesValidText=!1,i}return u(r,e),r.prototype.ngOnChanges=function(e){var t=this;for(var r in this.sub&&this.sub.itemList&&this.sub.itemList.forEach((function(e){return e.refreshAllParentsExpandedRecursive(t.allParentsExpanded&&t.expanded)})),e)if(e.hasOwnProperty(r))switch(r){case"checked":setTimeout((function(){t.setChecked(t.checked,!1,!1),t.inheritedExpandedFirstLevel&&t.checked&&!t.expanded&&t.expandSub(!0)}))}},r.prototype.focus=function(){var e;null===(e=this.checkbox)||void 0===e||e.focus(),this.handleItemFocus(!0)},r.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)))},r.prototype.refreshAllParentsExpandedRecursive=function(e){var t=this;this.allParentsExpanded=e,this.sub&&this.sub.itemList.forEach((function(r){return r.refreshAllParentsExpandedRecursive(e&&t.expanded)}))},r.prototype.detectChanges=function(){this.changeDetector.detectChanges()},r.prototype.expandSub=function(e){var t=this;this.expanded=e,this.sub&&this.sub.itemList.forEach((function(r){return r.refreshAllParentsExpandedRecursive(t.allParentsExpanded&&e)})),this.expandedChange.emit(e)},r.prototype.handleCheckboxChange=function(e){this.setChecked(e,!1),this.inheritedExpandedFirstLevel&&e&&!this.expanded&&this.expandSub(!0)},r.prototype.handleIndeterminateCheckedChange=function(e){this.indeterminateCheckedChange.emit(e)},r.prototype.handleItemFocus=function(e,t){void 0===t&&(t=!0),t&&(this.isFocus=e)},r.prototype.handleItemHover=function(e,t){void 0===t&&(t=!0),t&&(this.isHover=e)},r.prototype.handleArrowUp=function(e,t){void 0===t&&(t=!0),t&&(e.preventDefault(),this.quitFocus.emit({nextElement:"previous",currentItem:this}))},r.prototype.handleHome=function(e,t){void 0===t&&(t=!0),t&&(e.preventDefault(),this.quitFocus.emit({nextElement:"first",currentItem:this}))},r.prototype.handleEnd=function(e,t){void 0===t&&(t=!0),t&&(e.preventDefault(),this.quitFocus.emit({nextElement:"last",currentItem:this}))},r.prototype.handleArrowDown=function(e,t){void 0===t&&(t=!0),t&&(e.preventDefault(),this.quitFocus.emit({nextElement:"next",currentItem:this}))},r.prototype.handleArrowRight=function(e,t){var r;void 0===t&&(t=!0),t&&this.sub&&(null===(r=this.sub.itemList)||void 0===r?void 0:r.length)>0&&(e.preventDefault(),this.expanded?this.quitFocus.emit({nextElement:"firstChild",currentItem:this}):this.expandSub(!0))},r.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}))},r.prototype.setChecked=function(e,t,r){void 0===r&&(r=!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)})),r&&this.checkedChange.emit(e),t||this.checkedChangeForTree.emit(e)},r.prototype.setIndeterminateChecked=function(e){this.disabled||(this.indeterminateChecked=e,this.indeterminateCheckedChange.emit(e))},r.prototype.setSubLevel=function(e){this.subLevel=e,this.sub&&this.sub.itemList&&this.sub.itemList.forEach((function(t){return t.setSubLevel(e+1)}))},r.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},r.prototype.setDefaultId=function(e){this.defaultId=e,this.setDefaultIdRecursive()},r.prototype.setDefaultIdRecursive=function(){var e=this;this.sub&&this.sub.itemList&&this.sub.itemList.forEach((function(t,r){t.setDefaultId("sub-"+e.getId()+"-"+r)}))},r.prototype.getId=function(){return this.id?this.id:this.defaultId},r.prototype.isHidden=function(){return!this.inheritedMatchesSearch&&(!this.sub||this.areAllChildrenHidden())},r.prototype.areAllChildrenHidden=function(){return this.sub.itemList.findIndex((function(e){return!e.isHidden()}))<0},r.prototype.areAllChildrenChecked=function(){return this.sub.itemList.findIndex((function(e){return!e.checked}))<0},r.prototype.hasChildrenCheckedOrIndeterminate=function(){return this.sub.itemList.findIndex((function(e){return e.checked||e.indeterminateChecked}))>=0},r.prototype.matchesText=function(e){var t,r;if(this.allParentsExpanded&&!this.isHidden())r=null===(t=this.checkbox)||void 0===t?void 0:t.matchesText(e);else{var n=this.hiddenWrapper.nativeElement.textContent;r=Ce.containsAnyWordFrom(n,e)}return this._matchesValidText=!!e&&r,r},r.prototype.getKey=function(){return this.treeItemKey},r.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},r.prototype.isActive=function(){return this.active||this._matchesValidText},r.generateStaticItemKey=function(){var e="tree-item-key-"+r._treeItemKeySuffix;return r._treeItemKeySuffix++,e},r}(C);xe._treeItemKeySuffix=0,xe.decorators=[{type:t.Component,args:[{selector:"desy-tree-item",template:'<li *ngIf="allParentsExpanded && !isHidden(); else hidden"\r\n    [id]="id"\r\n    [class]="\'c-tree__item focus:outline-none\'"\r\n    [ngClass]="{\r\n      \'ml-4\': subLevel === 0,\r\n      \'ml-8\': subLevel !== 0,\r\n      \'c-tree__item--focus\': isFocus && !sub,\r\n      \'c-tree__item--hover\': isHover && !sub\r\n    }"\r\n    (focusin)="handleItemFocus(true, !sub)"\r\n    (focusout)="handleItemFocus(false, !sub)"\r\n    (mouseover)="handleItemHover(true, !sub)"\r\n    (mouseout)="handleItemHover(false, !sub)"\r\n    (keydown.home)="handleHome($event, !sub)"\r\n    (keydown.end)="handleEnd($event, !sub)"\r\n    (keydown.arrowup)="handleArrowUp($event, !sub)"\r\n    (keydown.arrowdown)="handleArrowDown($event, !sub)"\r\n    (keydown.arrowright)="handleArrowRight($event, !sub)"\r\n    (keydown.arrowleft)="handleArrowLeft($event, !sub)"\r\n    role="treeitem"\r\n    [attr.aria-expanded]="sub ? (expanded ? \'true\' : \'false\') : null"\r\n    [attr.aria-current]="isActive() && subLevel === 0 ? \'page\' : null"\r\n    [attr.disabled]="disabled && subLevel === 0 ? \'disabled\' : null"\r\n    [attr.aria-disabled]="disabled && subLevel === 0 ? \'true\' : null"\r\n    [attr.tabIndex]="disabled && subLevel === 0 ? \'-1\' : null">\r\n  <div *ngIf="!sub && subLevel !== 0; else childrenTree"\r\n       [id]="id"\r\n       [class]="[\'block\', classes] | makeHtmlList"\r\n       [attr.title]="title ? title : null"\r\n       [attr.disabled]="disabled ? \'disabled\' : null"\r\n\r\n       [attr.role]="role ? role : \'tree\'"\r\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : (disabled ? \'true\' : null)"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : (isActive() ? \'page\' : null)"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.aria-modal]="ariaModal ? ariaModal : null"\r\n       [attr.tabindex]="tabindex ? tabindex : (disabled ? \'-1\' : null)">\r\n    <ng-container *ngTemplateOutlet="checkbox"></ng-container>\r\n  </div>\r\n</li>\r\n\r\n<ng-template #childrenTree>\r\n  <div *ngIf="sub; else checkbox" class="w-full h-full"\r\n       [ngClass]="{\'c-tree__item--focus\': isFocus && sub, \'c-tree__item--hover\': isHover && sub}"\r\n       (focusin)="handleItemFocus(true)"\r\n       (focusout)="handleItemFocus(false)"\r\n       (mouseover)="handleItemHover(true)"\r\n       (mouseout)="handleItemHover(false)"\r\n       (keydown.home)="handleHome($event)"\r\n       (keydown.end)="handleEnd($event)"\r\n       (keydown.arrowup)="handleArrowUp($event)"\r\n       (keydown.arrowdown)="handleArrowDown($event)"\r\n       (keydown.arrowright)="handleArrowRight($event)"\r\n       (keydown.arrowLeft)="handleArrowLeft($event)">\r\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"\r\n\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.aria-modal]="ariaModal ? ariaModal : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n      <span class="absolute top-3 -left-4 flex items-center w-4 h-2.5 text-primary-base font-bold">\r\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>\r\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>\r\n      </span>\r\n      <ng-container *ngTemplateOutlet="checkbox"></ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *desyCustomInnerContent="{ component: sub }"></ng-container>\r\n</ng-template>\r\n\r\n\x3c!-- Se incorpora el contenido mínimo para funcionar con el objetivo de mejorar el rendimiento --\x3e\r\n<ng-template #hidden>\r\n  <li class="hidden">\r\n    <div #hiddenWrapper>\r\n      <ng-container *ngTemplateOutlet="content"></ng-container>\r\n    </div>\r\n    <ng-container *desyCustomInnerContent="{ component: sub }"></ng-container>\r\n  </li>\r\n</ng-template>\r\n\r\n<ng-template #checkbox>\r\n  \x3c!--\r\n    El *ngIf="name || parentName" se realiza para no crear el checkbox hasta que se ha ejecutado el configureAllItems.\r\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).\r\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\r\n    que el type todavía no se ha transmitido aquí. Como por defecto el type es radio, sólo marcará el último. Posteriormente,\r\n    ya detectará el tipo y permitirá seleccionar varios items, pero hasta entonces existe este problema.\r\n  --\x3e\r\n  <desy-tree-checkbox *ngIf="name || parentName"\r\n                      [name]="name ? name : parentName"\r\n                      [id]="getId()"\r\n                      [value]="value"\r\n                      [classes]="classes"\r\n                      [type]="type"\r\n                      [(checked)]="checked" (checkedChange)="handleCheckboxChange($event)"\r\n                      [hasError]="inheritedHasError"\r\n                      [disabled]="disabled"\r\n                      [hasDividers]="hasDividers"\r\n                      [describedBy]="[inheritedDescribedBy, hint?.id] | makeHtmlList"\r\n                      [isIndeterminate]="isIndeterminate"\r\n                      [(indeterminateChecked)]="indeterminateChecked"\r\n                      (indeterminateCheckedChange)="handleIndeterminateCheckedChange($event)"\r\n\r\n                      [labelComponent]="label"\r\n                      [hintComponent]="hint"\r\n\r\n                      [role]="role"\r\n                      [ariaLabel]="ariaLabel"\r\n                      [ariaDescribedBy]="ariaDescribedBy"\r\n                      [ariaLabelledBy]="ariaLabelledBy"\r\n                      [ariaHidden]="ariaHidden"\r\n                      [ariaDisabled]="ariaDisabled"\r\n                      [ariaControls]="ariaControls"\r\n                      [ariaCurrent]="ariaCurrent"\r\n                      [ariaLive]="ariaLive"\r\n                      [ariaExpanded]="ariaExpanded"\r\n                      [ariaErrorMessage]="ariaErrorMessage"\r\n                      [ariaHasPopup]="ariaHasPopup"\r\n                      [ariaModal]="ariaModal"\r\n                      [tabindex]="tabindex">\r\n    <ng-container *ngTemplateOutlet="content"></ng-container>\r\n  </desy-tree-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #content>\r\n  <div class="font-bold" *ngIf="isActive(); else contentLabel">\r\n    <ng-container *ngTemplateOutlet="contentLabel"></ng-container>\r\n  </div>\r\n  <ng-content select="desy-hint"></ng-content>\r\n</ng-template>\r\n\r\n<ng-template #contentLabel>\r\n  <ng-content select="desy-label"></ng-content>\r\n</ng-template>\r\n',providers:[{provide:fe,useExisting:t.forwardRef((function(){return xe}))}]}]}],xe.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:t.ElementRef}]},xe.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:[ye]}],hint:[{type:t.ContentChildren,args:[q]}],label:[{type:t.ContentChildren,args:[V]}],checkbox:[{type:t.ViewChild,args:[ve]}],treeItemKey:[{type:t.HostBinding,args:["attr.desy-tree-item-key"]}]},m([ee("setDefaultIdRecursive")],xe.prototype,"id",void 0),m([P({onSetCallbackName:"overrideSubValues"})],xe.prototype,"sub",void 0),m([P()],xe.prototype,"hint",void 0),m([P()],xe.prototype,"label",void 0);var Ie=function(e){function r(r){var n=e.call(this)||this;return n.changeDetector=r,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(r,e),r.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()},r.prototype.ngOnChanges=function(e){this.configureAllItems()},r.prototype.writeValue=function(e){this.value=e,this.configureAllItems(!0),this.onChange(this.value)},r.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)},r.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 r=e.currentItem.subLevel;if(r>0){var n=t.findIndex((function(t){return t===e.currentItem})),a=t.slice(0,n).reverse().find((function(e){return e.subLevel<r}));a&&a.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()}}},r.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))},r.prototype.configureAllItems=function(e){var t=this;void 0===e&&(e=!1),this._alreadyConfiguringItems||(this._alreadyConfiguringItems=!0,setTimeout((function(){var r;(null===(r=t.allItems)||void 0===r?void 0:r.length)>0&&(t.clearSubscriptions(t._itemListCheckedSubscriptions),t.clearSubscriptions(t._itemListQuitFocusSubscriptions),t.allItems.forEach((function(r){if(r.parentName=t.name,r.type=t.type,r.inheritedDescribedBy=t.getDescribedByForItems(),r.inheritedExpandedFirstLevel=t.expandedFirstLevel,r.inheritedDecoupleChildFromParent=t.decoupleChildFromParent,t.value&&t.value.length>0||e){var n=t.value?t.value:[];r.setChecked(!!n.find((function(e){return e===r.value})),!0)}r.detectChanges();var a=r.checkedChangeForTree.subscribe((function(){return t.updateValueFromItems(r)}));t._itemListCheckedSubscriptions.push(a);var i=r.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})))},r.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)})))},r.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:this.name},r.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},r.prototype.getDescribedByForItems=function(){return this.hasFieldsetComponent()?this.fieldsetComponent.describedBy:this.getDescribedBy()},r.prototype.hasFieldsetComponent=function(){return!!this.fieldsetComponent},r.prototype.getHintId=function(){var e;return this.idPrefix?this.idPrefix+"-hint":null===(e=this.hintComponent)||void 0===e?void 0:e.id},r.prototype.getErrorId=function(){var e;return this.idPrefix?this.idPrefix+"-error":null===(e=this.errorMessageComponent)||void 0===e?void 0:e.id},r.prototype.overrideFieldsetParams=function(e){e.caller=this.innerHtml,e.errorId=this.getErrorId(),e.describedBy=this.getDescribedBy(),e.detectChanges()},r.prototype.overrideSearchBarParams=function(e){var t=this,r=e.onChange;e.registerOnChange((function(e){t.onSearch(e),r(e)}))},r.prototype.overrideHintParams=function(e){e.id=this.getHintId(),e.detectChanges()},r.prototype.overrideErrorMessageParams=function(e){e.id=this.getErrorId(),this.setErrorInItems(this.hasErrorMessageComponent()),e.detectChanges()},r.prototype.onDeleteErrorMessage=function(e){this.setErrorInItems(this.hasErrorMessageComponent())},r.prototype.buildTree=function(){var e=this,t={};this.rootItems=[],this.allItems.forEach((function(e){var r=e.getKey();t[r]=e,e.sub&&(e.sub.itemList=[])})),this.allItems.forEach((function(r){var n=r.getParentKey();if("root"===n)e.rootItems.push(r);else if(n){var a=t[n].sub;a&&a.itemList.push(r)}}));var r=0;this.rootItems.forEach((function(t,n){t.setSubLevel(0),t.setDefaultId(e.idPrefix+"-"+n),t.refreshAllParentsExpandedRecursive(!0),e.decoupleChildFromParent||t.setCheckedAutomaticallyDependingOnChildren(),r=t.setOrderRecursively(r)}))},r.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()}))},r.prototype.clearSubscriptions=function(e){e.length>0&&(e.forEach((function(e){return e.unsubscribe()})),e.splice(0,e.length))},r.prototype.getAllItemsInOrder=function(){var e=[];return this.allItems&&(e=this.allItems.toArray().sort((function(e,t){return e.orderInTree>t.orderInTree?1:-1}))),e},r}(G);Ie.decorators=[{type:t.Component,args:[{selector:"desy-tree",template:'\r\n<ng-template #innerHtml>\r\n  <ng-content select="desy-hint"></ng-content>\r\n  <ng-content select="desy-error-message"></ng-content>\r\n  <ng-content select="desy-search-bar"></ng-content>\r\n  <ul [class]="[\'c-tree\', classes] | makeHtmlList"\r\n      [attr.role]="role ? role : \'tree\'"\r\n      [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n      [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n      [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n      [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n      [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n      [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n      [attr.aria-live]="ariaLive ? ariaLive : null"\r\n      [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n      [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n      [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n      [attr.aria-modal]="ariaModal ? ariaModal : null"\r\n      [attr.tabindex]="tabindex ? tabindex : null">\r\n    <ng-content></ng-content>\r\n  </ul>\r\n</ng-template>\r\n\r\n\x3c!-- tree --\x3e\r\n<div [class]="[\'c-form-group\', formGroupClasses] | makeHtmlList"\r\n     [ngClass]="{\'c-form-group--error\': (hasErrorsMessage() || formGroupClasses === \'c-form-group--error\') }">\r\n  <ng-container *ngIf="hasFieldsetComponent(); else innerHtml">\r\n    <ng-content select="desy-fieldset"></ng-content>\r\n  </ng-container>\r\n</div>\r\n',providers:[{provide:r.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}],formGroupClasses:[{type:t.Input}],name:[{type:t.Input}],type:[{type:t.Input}],describedBy:[{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:[xe,{descendants:!0}]}],fieldsetComponent:[{type:t.ContentChildren,args:[$]}],searchBarComponent:[{type:t.ContentChildren,args:[be]}],innerHtml:[{type:t.ViewChild,args:["innerHtml",{static:!0}]}]},m([ee("onSearchMatchValuesChange")],Ie.prototype,"searchMatchValues",void 0),m([ee("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 De=function(){function e(e){this.templateRef=e}return e.prototype.ngOnChanges=function(e){var t,r;if(this.item)this.item.conditionalHtml=this.templateRef;else{if(!this.value||!this.items)throw Error("item or value + items are required");try{for(var n=b(this.items),a=n.next();!a.done;a=n.next()){var i=a.value;i.value===this.value&&(i.conditionalHtml=this.templateRef)}}catch(e){t={error:e}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}}},e}();De.decorators=[{type:t.Directive,args:[{selector:"[desyCondition]"}]}],De.ctorParameters=function(){return[{type:t.TemplateRef}]},De.propDecorators={item:[{type:t.Input}],value:[{type:t.Input}],items:[{type:t.Input}]};var Ee=function(){function e(e){this.viewContainerRef=e}return e.prototype.ngOnInit=function(){this.viewContainerRef.createEmbeddedView(this.content)},e}();Ee.decorators=[{type:t.Component,args:[{selector:"desy-tree-items-generator",template:'<ng-template #content>\r\n  <ng-container *ngIf="items && itemTemplate">\r\n    <ng-container *ngFor="let item of items">\r\n      <ng-container *ngTemplateOutlet="itemTemplate; context: {item: item}"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n',changeDetection:t.ChangeDetectionStrategy.OnPush}]}],Ee.ctorParameters=function(){return[{type:t.ViewContainerRef}]},Ee.propDecorators={content:[{type:t.ViewChild,args:["content",{static:!0}]}],items:[{type:t.Input}],itemTemplate:[{type:t.Input}]};var Le=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.clickEvent=new t.EventEmitter,r}return u(r,e),r}(v);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 we=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.clickEvent=new t.EventEmitter,r}return u(r,e),r}(v);we.decorators=[{type:t.Component,args:[{selector:"desy-modal-button-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 r(r){var n=e.call(this)||this;return n.changeDetectorRef=r,n.closeModal=new t.EventEmitter,n.clickButton=new t.EventEmitter,n.hasIconContent=!0,n.descriptionIsHtml=!0,n.descriptionIsEmpty=!1,n}return u(r,e),r.prototype.closeDialog=function(){this.closeModal.emit()},r.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},r.prototype.ngOnChanges=function(e){if(!this.id)throw new Error("id are required")},r.prototype.handleRequiredEmpty=function(e){throw new Error(e+" is required")},r.prototype.checkDescriptionContent=function(e){for(var t=e.nativeElement.childNodes,r=!1,n=!1,a=0;a<t.length&&!r;a++){var i=t.item(a);i.nodeType===Node.TEXT_NODE&&i.textContent.length>0?n=!0:i.nodeType!==Node.ELEMENT_NODE&&i.nodeType!==Node.CDATA_SECTION_NODE||(r=!0,n=!0)}var o=this.descriptionIsEmpty;this.descriptionIsEmpty=!n,this.descriptionIsHtml=r,this.changeDetectorRef.detectChanges(),n||o||this.handleRequiredEmpty("description")},r.prototype.clickButtonEmit=function(e,t){this.clickButton.emit(t),(e instanceof Le||e instanceof we)&&e.clickEvent.emit(t)},r.prototype.handleIconContentEmpty=function(e){this.hasIconContent=!e,this.changeDetectorRef.detectChanges()},r.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},r.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},r.prototype.getPrimaryItems=function(){return this.primaryButtonComponents&&this.primaryButtonComponents.length>0?this.primaryButtonComponents.toArray():this.itemsPrimary},r.prototype.getSecondaryItems=function(){return this.secondaryButtonComponents&&this.secondaryButtonComponents.length>0?this.secondaryButtonComponents.toArray():this.itemsSecondary},r}(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"\r\n     [attr.id]="id ? id : null"\r\n     [attr.role]="role"\r\n     [attr.aria-describedby]="ariaDescribedBy"\r\n     [attr.aria-errormessage]="ariaErrorMessage"\r\n     [attr.aria-label]="ariaLabel"\r\n     [attr.aria-labelledby]="ariaLabelledBy"\r\n     [attr.aria-hidden]="ariaHidden"\r\n     [attr.aria-disabled]="ariaDisabled"\r\n     [attr.aria-controls]="ariaControls"\r\n     [attr.aria-current]="ariaCurrent"\r\n     [attr.aria-live]="ariaLive"\r\n     [attr.aria-expanded]="ariaExpanded"\r\n     [attr.aria-haspopup]="ariaHasPopup"\r\n     [attr.tabindex]="tabindex">\r\n  <div *ngIf="iconComponent || icon" class="flex justify-center p-base"\r\n       (desyContentEmpty)="handleIconContentEmpty(true)"\r\n       (desyContentNotEmpty)="handleIconContentEmpty(false)">\r\n    <ng-container *desyCustomInnerContent="{ component: iconComponent, html: icon ? icon.html : null }"></ng-container>\r\n    <ng-container *ngIf="!hasIconContent">\r\n      <ng-container [ngSwitch]="getType()">\r\n        <svg *ngSwitchCase="\'discard\'" #desyContentEmptyIgnore 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>\r\n        <svg *ngSwitchCase="\'delete\'" #desyContentEmptyIgnore 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>\r\n        <svg *ngSwitchCase="\'edit\'" #desyContentEmptyIgnore 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>\r\n        <svg *ngSwitchCase="\'changes\'" #desyContentEmptyIgnore 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>\r\n        <svg *ngSwitchCase="\'publish\'" #desyContentEmptyIgnore 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>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <ng-container [ngSwitch]="headingLevel > 0 && headingLevel < 6 ? headingLevel : 2">\r\n    <h1 *ngSwitchCase="1" [attr.id]="\'label-\' + id" [class]="getTitleClasses()" tabindex="-1"\r\n        (desyContentEmpty)="handleRequiredEmpty(\'title\')">\r\n      <ng-container *desyCustomInnerContent="{\r\n        component: this.titleComponent,\r\n        html: this.title ? this.title.html : null,\r\n        text: this.title ? this.title.text : null\r\n      }"></ng-container>\r\n    </h1>\r\n    <h2 *ngSwitchCase="2" [attr.id]="\'label-\' + id" [class]="getTitleClasses()" tabindex="-1"\r\n        (desyContentEmpty)="handleRequiredEmpty(\'title\')">\r\n      <ng-container *desyCustomInnerContent="{\r\n        component: this.titleComponent,\r\n        html: this.title ? this.title.html : null,\r\n        text: this.title ? this.title.text : null\r\n      }"></ng-container>\r\n    </h2>\r\n    <h3 *ngSwitchCase="3" [attr.id]="\'label-\' + id" [class]="getTitleClasses()" tabindex="-1"\r\n        (desyContentEmpty)="handleRequiredEmpty(\'title\')">\r\n      <ng-container *desyCustomInnerContent="{\r\n        component: this.titleComponent,\r\n        html: this.title ? this.title.html : null,\r\n        text: this.title ? this.title.text : null\r\n      }"></ng-container>\r\n    </h3>\r\n    <h4 *ngSwitchCase="4" [attr.id]="\'label-\' + id" [class]="getTitleClasses()" tabindex="-1"\r\n        (desyContentEmpty)="handleRequiredEmpty(\'title\')">\r\n      <ng-container *desyCustomInnerContent="{\r\n        component: this.titleComponent,\r\n        html: this.title ? this.title.html : null,\r\n        text: this.title ? this.title.text : null\r\n      }"></ng-container>\r\n    </h4>\r\n    <h5 *ngSwitchCase="5" [attr.id]="\'label-\' + id" [class]="getTitleClasses()" tabindex="-1"\r\n        (desyContentEmpty)="handleRequiredEmpty(\'title\')">\r\n      <ng-container *desyCustomInnerContent="{\r\n        component: this.titleComponent,\r\n        html: this.title ? this.title.html : null,\r\n        text: this.title ? this.title.text : null\r\n      }"></ng-container>\r\n    </h5>\r\n  </ng-container>\r\n\r\n  <div *ngIf="descriptionIsHtml" [class]="getDescriptionClasses()"\r\n       (desyContentChange)="checkDescriptionContent($event)" [observeProperties]="{ attributes: false, childList: true, characterData: true, subtree: true }">\r\n    <ng-container *desyCustomInnerContent="{\r\n      component: descriptionComponent,\r\n      html: description ? description.html : null,\r\n      text: description ? description.text : null\r\n    }"></ng-container>\r\n  </div>\r\n  <p *ngIf="!descriptionIsHtml" [class]="getDescriptionClasses()"\r\n     (desyContentChange)="checkDescriptionContent($event)" [observeProperties]="{ attributes: false, childList: true, characterData: true, subtree: true }">\r\n    <ng-container *desyCustomInnerContent="{\r\n      component: descriptionComponent,\r\n      html: description ? description.html : null,\r\n      text: description ? description.text : null\r\n    }"></ng-container>\r\n  </p>\r\n\r\n  <div *ngIf="contentComponent || caller" class="p-base">\r\n    <ng-container *desyCustomInnerContent="{ component: contentComponent, template: caller }"></ng-container>\r\n  </div>\r\n\r\n  <div class="flex flex-wrap gap-sm w-full" [ngClass]="(itemsPrimary || (primaryButtonComponents && primaryButtonComponents.length > 0)) && (itemsSecondary || (secondaryButtonComponents && secondaryButtonComponents.length > 0)) ? \'justify-between\' : \'justify-center\'">\r\n    <ng-template #buttons let-items="items">\r\n      <ng-container *ngIf="items">\r\n        <div class="mt-sm" *ngIf="items.length === 1">\r\n          <desy-button (clickEvent)="clickButtonEmit(items[0], $event)" [classes]="items[0].classes">\r\n            <ng-container *desyCustomInnerContent="{ component: items[0], text: items[0].text }"></ng-container>\r\n          </desy-button>\r\n        </div>\r\n\r\n        \x3c!-- FIXME De momento se mantiene el nbsp por no tener clases diferentes a desy-html.\r\n              Eliminar al adaptar a una versión de desy-html que lo contemple --\x3e\r\n        <ul class="flex flex-wrap gap-sm" *ngIf="items.length > 1">\r\n          <ng-container *ngFor="let item of items">\r\n            <li>\r\n              <desy-button (clickEvent)="clickButtonEmit(item, $event)" [classes]="item.classes">\r\n                <ng-container *desyCustomInnerContent="{ component: item, text: item.text }"></ng-container>\r\n              </desy-button>\r\n            </li>&nbsp;\r\n          </ng-container>\r\n        </ul>\r\n      </ng-container>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet="buttons; context: { items: getPrimaryItems() }"></ng-container>\r\n    <ng-container *ngTemplateOutlet="buttons; context: { items: getSecondaryItems() }"></ng-container>\r\n  </div>\r\n\r\n  <ng-container *ngIf="isDismissible">\r\n    <div class="absolute top-0 right-0 p-sm lg:p-base">\r\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">\r\n        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4" aria-hidden="true" role="presentation"><path d="M85.91 71.77a2.5 2.5 0 010-3.54l46.16-46.16a10 10 0 10-14.14-14.14L71.77 54.09a2.5 2.5 0 01-3.54 0L22.07 7.93A10 10 0 007.93 22.07l46.16 46.16a2.5 2.5 0 010 3.54L7.93 117.93a10 10 0 0014.14 14.14l46.16-46.16a2.5 2.5 0 013.54 0l46.16 46.16a10 10 0 0014.14-14.14z" fill="currentColor"/></svg>\r\n      </button>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n'}]}],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}],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:[N]}],descriptionComponent:[{type:t.ContentChildren,args:[A]}],contentComponent:[{type:t.ContentChildren,args:[O]}],primaryButtonComponents:[{type:t.ContentChildren,args:[Le]}],secondaryButtonComponents:[{type:t.ContentChildren,args:[we]}],iconComponent:[{type:t.ContentChildren,args:[F]}]},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 He=0,Me=function(e){function r(r,n,a){var i=e.call(this)||this;return i.cdRef=r,i.focusTrapFactory=n,i.factoryResolver=a,i.activeChange=new t.EventEmitter,i.lastActiveState=!1,i.clickOutsideEnabled=!1,i}return u(r,e),r.prototype.ngOnChanges=function(){this.focusTrapWrapper&&this.handleActiveState()},r.prototype.ngAfterViewInit=function(){if(!this.id)throw Error("id is required");if(!this.caller&&!this.callerType)throw Error("caller is required");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()},r.prototype.ngOnDestroy=function(){this.active=!1,this.handleActiveState()},r.prototype.dismiss=function(){this.activeChange.emit(!1)},r.prototype.onKeyUp=function(e){e.key===r.KEY_CODE_ESC&&(e.stopPropagation(),this.dismiss())},r.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===He?document.body.classList.add(r.DIALOG_OPEN_CLASS):this.active||1!==He||(document.body.classList.remove(r.DIALOG_OPEN_CLASS),0===document.body.classList.length&&document.body.removeAttribute("class")),this.active)setTimeout((function(){return e.focusTrap.focusInitialElement()})),He++;else this.focusTrap.destroy(),(t=this.focusOnClose?"string"==typeof this.focusOnClose?document.getElementById(this.focusOnClose):this.focusOnClose:k.getFirstFocusableElement())&&setTimeout((function(){return t.focus()})),He--;setTimeout((function(){return e.clickOutsideEnabled=e.active}))}},r.prototype.handleClickOutside=function(){this.dismissOnBackdrop&&this.dismiss()},r}(C);Me.DIALOG_OPEN_CLASS="has-dialog",Me.KEY_CODE_ESC="Escape",Me.decorators=[{type:t.Component,args:[{selector:"desy-dialog",template:'<div class="dialog-backdrop" [ngClass]="{\'active\': active}"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.aria-modal]="ariaModal ? ariaModal : null">\r\n  <div #focusTrapWrapper [id]="id" [class]="classes"\r\n       [desyClickOutside]="clickOutsideEnabled" (clickOutside)="handleClickOutside()" [desyClickOutsideElem]="childElem">\r\n    <ng-template #container></ng-template>\r\n    <ng-container *ngTemplateOutlet="caller"></ng-container>\r\n  </div>\r\n</div>\r\n'}]}],Me.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:a.ConfigurableFocusTrapFactory},{type:t.ComponentFactoryResolver}]},Me.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}],classes:[{type:t.Input}],focusOnClose:[{type:t.Input}],dismissOnBackdrop:[{type:t.Input}],onKeyUp:[{type:t.HostListener,args:["document:keyup",["$event"]]}]};var Be=function(){function e(e,t,r){this.factoryResolver=e,this.defaultInjector=t,this.appRef=r}return e.prototype.openDialog=function(e,r){var n=this;return new Promise((function(a,i){e||i("caller is required"),r||i("dialogOptions is required");var o=n.createDialog(r),l={dialog:o};e instanceof t.Type?(o.instance.callerType=e,o.instance.onCallerCreationCallback=function(e,t){l.component=t,a(l)}):e instanceof t.TemplateRef?(o.instance.caller=e,a(l)):(o.instance.callerType=ke,o.instance.onCallerCreationCallback=function(t,r){n.initModal(t,r,e),l.component=r,a(l)})}))},e.prototype.closeDialog=function(e){if(!e)throw Error("dialog is required");e instanceof t.ComponentRef?e.instance.dismiss():e.dismiss()},e.prototype.onCloseDialog=function(e){return new Promise((function(r){var n=(e instanceof t.ComponentRef?e.instance:e).activeChange.subscribe((function(){r(),n.unsubscribe()}))}))},e.prototype.createDialog=function(e){var t,r=this.factoryResolver.resolveComponentFactory(Me);if(e.rootViewContainer)t=e.rootViewContainer.createComponent(r);else{t=r.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,r){var n=this;if(t.instance.title=r.title,t.instance.description=r.description,t.instance.itemsPrimary=r.itemsPrimary,t.instance.itemsSecondary=r.itemsSecondary,t.instance.icon=r.icon,t.instance.isDismissible=r.isDismissible,t.instance.id=r.id,t.instance.classes=r.classes,t.instance.caller=r.caller,r.isDismissible)var a=t.instance.closeModal.subscribe((function(){n.closeDialog(e),a.unsubscribe()}))},e}();Be.ɵprov=p.ɵɵdefineInjectable({factory:function(){return new Be(p.ɵɵinject(p.ComponentFactoryResolver),p.ɵɵinject(p.INJECTOR),p.ɵɵinject(p.ApplicationRef))},token:Be,providedIn:"root"}),Be.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],Be.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>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n"}]}],Te.propDecorators={id:[{type:t.Input}],routerLink:[{type:t.Input}]};var Pe=function(e){function t(t){var r=e.call(this)||this;return r.location=t,r}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(){var e=this.itemComponentList&&this.itemComponentList.length>0?this.itemComponentList.toArray():this.items;if(!e||0===e.length)throw new Error("items are required");return e},t.prototype.handleEmptyItem=function(e){throw new Error("item content, html or text are required at position "+e)},t}(C);Pe.decorators=[{type:t.Component,args:[{selector:"desy-breadcrumbs",template:'<nav [class]="(classes ? \'c-breadcrumbs \' + classes : \'c-breadcrumbs\') + (collapseOnMobile==true ? \' \' + \'c-breadcrumbs--collapse-on-mobile\' : \'\')"\r\n    [attr.id]="id ? id : null"\r\n    [attr.role]="role"\r\n    [attr.aria-describedby]="ariaDescribedBy"\r\n    [attr.aria-errormessage]="ariaErrorMessage"\r\n    [attr.aria-label]="ariaLabel ? ariaLabel : \'Estás en: \'"\r\n    [attr.aria-labelledby]="ariaLabelledBy"\r\n    [attr.aria-hidden]="ariaHidden"\r\n    [attr.aria-disabled]="ariaDisabled"\r\n    [attr.aria-controls]="ariaControls"\r\n    [attr.aria-current]="ariaCurrent"\r\n    [attr.aria-live]="ariaLive"\r\n    [attr.aria-expanded]="ariaExpanded"\r\n    [attr.aria-haspopup]="ariaHasPopup"\r\n    [attr.tabindex]="tabindex">\r\n    <ol [class]="\'lg:grid lg:grid-cols-max-content-\'+getLength()+\' w-full items-baseline text-sm\'">\r\n        <li *ngIf="hasBackButton" class="c-breadcrumbs__backbutton flex items-baseline font-bold text-primary-base">\r\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">\r\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>\r\n            </a>\r\n        </li>\r\n        <ng-container *ngFor="let item of getItemList(); last as isLast; index as index">\r\n            <li *ngIf="!isLast" class="flex items-baseline mb-sm py-xs text-neutral-dark"  [ngClass]="{\'hover:text-black\' : item.routerLink}">\r\n                <a *ngIf="item.routerLink" class="underline focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black truncate"\r\n                   (desyContentEmpty)="handleEmptyItem(index)"\r\n                    [routerLink]="item.routerLink"\r\n                    [attr.id]="item.id ? item.id : null"\r\n                    [attr.role]="item.role"\r\n                    [attr.aria-describedby]="item.ariaDescribedBy"\r\n                    [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                    [attr.aria-label]="item.ariaLabel"\r\n                    [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                    [attr.aria-hidden]="item.ariaHidden"\r\n                    [attr.aria-disabled]="item.ariaDisabled"\r\n                    [attr.aria-controls]="item.ariaControls"\r\n                    [attr.aria-current]="item.ariaCurrent"\r\n                    [attr.aria-live]="item.ariaLive"\r\n                    [attr.aria-expanded]="item.ariaExpanded"\r\n                    [attr.aria-haspopup]="item.ariaHasPopup"\r\n                    [attr.tabindex]="item.tabindex">\r\n                  <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n                </a>\r\n                <span *ngIf="!item.routerLink" class="no-underline truncate"\r\n                      (desyContentEmpty)="handleEmptyItem(index)"\r\n                      [attr.id]="item.id ? item.id : null"\r\n                      [attr.role]="item.role"\r\n                      [attr.aria-describedby]="item.ariaDescribedBy"\r\n                      [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                      [attr.aria-label]="item.ariaLabel"\r\n                      [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                      [attr.aria-hidden]="item.ariaHidden"\r\n                      [attr.aria-disabled]="item.ariaDisabled"\r\n                      [attr.aria-controls]="item.ariaControls"\r\n                      [attr.aria-current]="item.ariaCurrent"\r\n                      [attr.aria-live]="item.ariaLive"\r\n                      [attr.aria-expanded]="item.ariaExpanded"\r\n                      [attr.aria-haspopup]="item.ariaHasPopup"\r\n                      [attr.tabindex]="item.tabindex">\r\n                  <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n                </span>\r\n            </li>\r\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}">\r\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"\r\n                   (desyContentEmpty)="handleEmptyItem(index)"\r\n                    aria-current="page" [routerLink]="item.routerLink"\r\n                    [attr.id]="item.id ? item.id : null"\r\n                    [attr.role]="item.role"\r\n                    [attr.aria-describedby]="item.ariaDescribedBy"\r\n                    [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                    [attr.aria-label]="item.ariaLabel"\r\n                    [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                    [attr.aria-hidden]="item.ariaHidden"\r\n                    [attr.aria-disabled]="item.ariaDisabled"\r\n                    [attr.aria-controls]="item.ariaControls"\r\n                    [attr.aria-live]="item.ariaLive"\r\n                    [attr.aria-expanded]="item.ariaExpanded"\r\n                    [attr.aria-haspopup]="item.ariaHasPopup"\r\n                    [attr.tabindex]="item.tabindex">\r\n                  <strong (desyContentEmpty)="handleEmptyItem(index)">\r\n                    <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n                  </strong>\r\n                </a>\r\n                <span *ngIf="!item.routerLink" class="no-underline text-black truncate" aria-current="page"\r\n                    [attr.id]="item.id ? item.id : null"\r\n                    [attr.role]="item.role"\r\n                    [attr.aria-describedby]="item.ariaDescribedBy"\r\n                    [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                    [attr.aria-label]="item.ariaLabel"\r\n                    [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                    [attr.aria-hidden]="item.ariaHidden"\r\n                    [attr.aria-disabled]="item.ariaDisabled"\r\n                    [attr.aria-controls]="item.ariaControls"\r\n                    [attr.aria-live]="item.ariaLive"\r\n                    [attr.aria-expanded]="item.ariaExpanded"\r\n                    [attr.aria-haspopup]="item.ariaHasPopup"\r\n                    [attr.tabindex]="item.tabindex">\r\n                  <strong (desyContentEmpty)="handleEmptyItem(index)">\r\n                    <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n                  </strong>\r\n                </span>\r\n            </li>\r\n        </ng-container>\r\n    </ol>\r\n</nav>\r\n'}]}],Pe.ctorParameters=function(){return[{type:i.Location}]},Pe.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 Se=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Se.decorators=[{type:t.Component,args:[{selector:"desy-header-offcanvas-close-button",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}];var Re=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.openOffcanvas=function(){return h(t,void 0,void 0,(function(){return g(this,(function(e){return[2]}))}))},t}return u(t,e),t.prototype.handleClick=function(e){return h(this,void 0,void 0,(function(){return g(this,(function(t){switch(t.label){case 0:return e.stopPropagation(),[4,this.openOffcanvas()];case 1:return t.sent(),[2]}}))}))},t.prototype.handleEmptyContent=function(e){throw new Error(e+" content is required")},t}(v);Re.decorators=[{type:t.Component,args:[{selector:"desy-header-offcanvas-button",template:'<ng-template #contentTemplate>\r\n  <button id="header-offcanvas-button" tabindex="0" aria-haspopup="true"\r\n          class="inline-flex items-center px-3 py-4 text-sm text-white focus:outline-none focus:shadow-outline-warning"\r\n          (click)="handleClick($event)">\r\n    <span id="header-offcanvas-button-text" class="inline-block align-middle text-right"\r\n          (desyContentEmpty)="handleEmptyContent(\'Header-offcanvas button\')">\r\n      <ng-content></ng-content>\r\n    </span>\r\n    <svg role="img" aria-label="Cerrado" class="inline-block align-middle" viewBox="0 0 96 96" fill="currentColor" width="1.5em" height="1.5em"><g><path d="M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z"/></g></svg>\r\n  </button>\r\n</ng-template>\r\n\r\n'}]}];var Oe=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 h(this,void 0,void 0,(function(){var t,r=this;return g(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 r.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.prototype.handleEmptyContent=function(e){throw new Error(e+" content is required")},e}();Oe.dialogOptions={id:"header-offcanvas-dialog",focusOnClose:"header-offcanvas-button",ariaModal:"true",ariaLabelledBy:"header-offcanvas-button-text",role:"dialog"},Oe.decorators=[{type:t.Component,args:[{selector:"desy-header-offcanvas",template:'\r\n<ng-template #offcanvasContent>\r\n  <div class="origin-top-left left-0 fixed inset-0 h-screen">\r\n    <div class="h-full overflow-auto relative w-offcanvas h-screen ml-offcanvas-negative bg-white z-10"\r\n         [desyClickOutside]="isOpen()" (clickOutside)="close()">\r\n      <div class="text-right p-sm">\r\n        <button (click)="close()" id="header-offcanvas-button-close" class="c-button c-button--sm c-button--transparent m-sm"\r\n                (desyContentEmpty)="handleEmptyContent(\'Header-offcanvas close button\')">\r\n          <ng-container *desyCustomInnerContent="{ component: closeButton }"></ng-container> <svg #desyContentEmptyIgnore xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="14" height="14" class="self-center ml-2" 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>\r\n        </button>\r\n      </div>\r\n      <ng-container *desyCustomInnerContent="{ component: content }"></ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-container *desyCustomInnerContent="{ component: button }"></ng-container>\r\n'}]}],Oe.ctorParameters=function(){return[{type:Be}]},Oe.propDecorators={classes:[{type:t.Input}],hostClass:[{type:t.HostBinding,args:["class"]}],offcanvasContent:[{type:t.ViewChild,args:["offcanvasContent"]}],button:[{type:t.ContentChildren,args:[Re]}],content:[{type:t.ContentChildren,args:[O]}],closeButton:[{type:t.ContentChildren,args:[Se]}]},m([ee("setHostClass")],Oe.prototype,"classes",void 0),m([P({onSetCallbackName:"bindButton"})],Oe.prototype,"button",void 0),m([P()],Oe.prototype,"content",void 0),m([P()],Oe.prototype,"closeButton",void 0);var Ae=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Ae.decorators=[{type:t.Component,args:[{selector:"desy-header-navigation-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Ae.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 Fe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.ngAfterContentInit=function(){var e=this.getItems();if(!e||0===e.length)throw new Error("Header-navigation items are required")},t.prototype.getItemId=function(e,t){var r=this.idPrefix?this.idPrefix:"header-nav-item",n=t>0?"-"+t:"";return e.id?e.id:r+n},t.prototype.getItems=function(){return this.itemComponents&&this.itemComponents.length>0?this.itemComponents.toArray():this.items},t}(C);Fe.decorators=[{type:t.Component,args:[{selector:"desy-header-navigation",template:'<nav [class]="classes ? classes : \'hidden lg:block\'"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ul class="ml-sm flex flex-wrap items-baseline uppercase">\r\n    <ng-container *ngFor="let item of getItems(); index as i">\r\n      <li *ngIf="item">\r\n\r\n        \x3c!-- Active + routerlink --\x3e\r\n        <a *ngIf="item.active && (item.routerLink || !item.href)" [id]="getItemId(item, i)" [routerLink]="item.routerLink" [fragment]="item.fragment"\r\n           class="max-w-40 lg:max-w-xs px-3 py-4 font-bold text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base" aria-current="page">\r\n          <strong>\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n          </strong>\r\n        </a>\r\n\r\n        \x3c!-- Active + href --\x3e\r\n        <a *ngIf="item.active && !item.routerLink && item.href" [id]="getItemId(item, i)" [href]="item.href"\r\n           class="max-w-40 lg:max-w-xs px-3 py-4 font-bold text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base" aria-current="page">\r\n          <strong>\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n          </strong>\r\n        </a>\r\n\r\n        \x3c!-- Not active + routerlink --\x3e\r\n        <a *ngIf="!item.active && (item.routerLink || !item.href)" [id]="getItemId(item, i)" [routerLink]="item.routerLink" [fragment]="item.fragment"\r\n           [ngClass]="{\'opacity-50 pointer-events-none\': item.disabled}"\r\n           class="max-w-40 lg:max-w-xs px-3 py-4 text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base"\r\n           [attr.disabled]="item.disabled ? item.disabled : null" [attr.aria-disabled]="item.disabled ? item.disabled : null" [attr.tabindex]="item.disabled ? -1 : null">\r\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n        </a>\r\n\r\n        \x3c!-- Not active + href --\x3e\r\n        <a *ngIf="!item.active && !item.routerLink && item.href" [id]="getItemId(item, i)" [href]="item.href"\r\n           [ngClass]="{\'opacity-50 pointer-events-none\': item.disabled}"\r\n           class="max-w-40 lg:max-w-xs px-3 py-4 text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base"\r\n           [attr.disabled]="item.disabled ? item.disabled : null" [attr.aria-disabled]="item.disabled ? item.disabled : null" [attr.tabindex]="item.disabled ? -1 : null">\r\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</nav>\r\n'}]}],Fe.propDecorators={idPrefix:[{type:t.Input}],classes:[{type:t.Input}],items:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[Ae]}]};var Ne=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.clickEvent=new t.EventEmitter,r.activeChange=new t.EventEmitter,r}return u(r,e),r}(v);Ne.decorators=[{type:t.Component,args:[{selector:"desy-nav-item",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],Ne.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 qe=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.hasNav=!0,r.clickEvent=new t.EventEmitter,r}return u(r,e),r.prototype.onClick=function(e,t){var r=[];t.active||r.push(t),this.getItemList().forEach((function(e){e.active&&e!==t&&r.push(e),e.active=!1})),t.active=!0,r.forEach((function(e){e instanceof Ne&&e.activeChange.emit(e.active)})),this.clickEvent.emit({item:t,event:e}),t instanceof Ne&&t.clickEvent.emit({item:t,event:e})},r.prototype.ngOnChanges=function(e){if(!this.idPrefix)throw new Error("idPrefix is required")},r.prototype.getItemList=function(){var e=this.itemComponentList&&this.itemComponentList.length>0?this.itemComponentList.toArray():this.items;if(!e||0===e.length)throw new Error("items are required");return e.forEach((function(e){if(!e.href&&!e.routerLink)throw new Error("href or routerLink are required")})),e},r.prototype.handleContentEmpty=function(e){throw new Error("item content, html or text are required at position "+e)},r.prototype.getItemId=function(e,t){return e.id?e.id:0===t?this.getIdPrefix():this.getIdPrefix()+"-"+t},r.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:"nav-item"},r.prototype.movePrevious=function(e,t){e.preventDefault();for(var r=this.getItemList(),n=t-1;n>=0&&!this.isFocusableItem(r[n]);)n--;if(n<r.length){var a=document.getElementById(this.getItemId(r[n],n));a&&a.focus()}},r.prototype.moveNext=function(e,t){e.preventDefault();for(var r=this.getItemList(),n=t+1;n<r.length&&!this.isFocusableItem(r[n]);)n++;if(n<r.length){var a=document.getElementById(this.getItemId(r[n],n));a&&a.focus()}},r.prototype.simulateClick=function(e,t,r){e.preventDefault();var n=document.getElementById(this.getItemId(t,r));null==n||n.click()},r.prototype.isFocusableItem=function(e){return!e.active&&!e.disabled},r}(C);qe.decorators=[{type:t.Component,args:[{selector:"desy-nav",template:'<ng-template #innerHtml>\r\n  <ng-container *ngFor="let item of getItemList(); index as i">\r\n    <li>\r\n        <span *ngIf="item.active"\r\n               [class]="[\'flex items-center px-base py-sm font-semibold\', item.classes] | makeHtmlList"\r\n               [attr.id]="getItemId(item, i)"\r\n               [attr.title]="item.title ? item.title : null"\r\n               [attr.role]="item.role ? item.role : null"\r\n               [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n               [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n               [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n               [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n               [attr.aria-disabled]="item.disabled ? item.disabled : null"\r\n               [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n               [attr.aria-current]="hasNav ? \'true\' : \'page\'"\r\n               [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n               [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n               [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n               [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n               [attr.tabindex]="item.tabindex"\r\n               (click)="onClick($event, item)">\r\n              <strong>\r\n                  <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n              </strong>\r\n          </span>\r\n          <a *ngIf="!item.active && item.href"\r\n             [href]="item.href | externalHref" [target]="item.target"\r\n             [class]="[\'flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\r\n             [ngClass]="{\'pointer-events-none\': item.disabled}"\r\n             [attr.aria-disabled]="item.disabled ? \'true\' : null"\r\n             [attr.tabindex]="item.disabled ? -1 : item.tabindex"\r\n             [attr.id]="getItemId(item, i)"\r\n             [attr.title]="item.title ? item.title : null"\r\n             [attr.role]="item.role ? item.role : null"\r\n             [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n             [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n             [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n             [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n             [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n             [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n             [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n             [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n             [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n             [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n             (desyContentEmpty)="handleContentEmpty(i)"\r\n             (keydown.arrowUp)="movePrevious($event, i)"\r\n             (keydown.arrowDown)="moveNext($event, i)"\r\n             (click)="onClick($event, item)"\r\n             (keydown.space)="simulateClick($event, item, i)"\r\n             (keydown.enter)="simulateClick($event, item, i)">\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n            <svg #desyContentEmptyIgnore *ngIf="item.disabled" viewBox="0 0 140 140" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" class="inline-block align-middle ml-sm text-neutral-base fill-current" aria-hidden="true" focusable="false" ><path d="M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zM20 70a50 50 0 0174.8-43.4 2.51 2.51 0 011.23 1.84 2.48 2.48 0 01-.71 2.1L30.54 95.32a2.51 2.51 0 01-3.94-.52A49.63 49.63 0 0120 70zm100 0a50 50 0 01-74.8 43.4 2.51 2.51 0 01-1.23-1.84 2.48 2.48 0 01.71-2.1l64.78-64.78a2.51 2.51 0 013.94.52A49.63 49.63 0 01120 70z"/></svg>\r\n          </a>\r\n          <a *ngIf="!item.active && !item.href"\r\n               [routerLink]="item.routerLink" [fragment]="item.fragment"\r\n               [class]="[\'flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\r\n               [ngClass]="{\'pointer-events-none\': item.disabled}"\r\n               [attr.aria-disabled]="item.disabled ? \'true\' : null"\r\n               [attr.tabindex]="item.disabled ? -1 : item.tabindex"\r\n               [attr.id]="getItemId(item, i)"\r\n               [attr.title]="item.title ? item.title : null"\r\n               [attr.role]="item.role ? item.role : null"\r\n               [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n               [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n               [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n               [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n               [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n               [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n               [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n               [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n               [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n               [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n               (keydown.arrowUp)="movePrevious($event, i)"\r\n               (keydown.arrowDown)="moveNext($event, i)"\r\n               (click)="onClick($event, item)"\r\n               (keydown.space)="simulateClick($event, item, i)"\r\n               (keydown.enter)="simulateClick($event, item, i)"\r\n               (desyContentEmpty)="handleContentEmpty(i)">\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n            <svg #desyContentEmptyIgnore *ngIf="item.disabled" viewBox="0 0 140 140" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" class="inline-block align-middle ml-sm text-neutral-base fill-current" aria-hidden="true" focusable="false" ><path d="M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zM20 70a50 50 0 0174.8-43.4 2.51 2.51 0 011.23 1.84 2.48 2.48 0 01-.71 2.1L30.54 95.32a2.51 2.51 0 01-3.94-.52A49.63 49.63 0 0120 70zm100 0a50 50 0 01-74.8 43.4 2.51 2.51 0 01-1.23-1.84 2.48 2.48 0 01.71-2.1l64.78-64.78a2.51 2.51 0 013.94.52A49.63 49.63 0 01120 70z"/></svg>\r\n          </a>\r\n    </li>\r\n    <li *ngIf="item.divider" class="my-sm border-b border-neutral-base" aria-hidden="true">\r\n        <div class="sr-only">Separador</div>\r\n    </li>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n\r\n<ul *ngIf="!hasNav; else wrapIntoNav"\r\n    [class]="[\'text-sm\', classes] | makeHtmlList"\r\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n    [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n    [attr.aria-live]="ariaLive ? ariaLive : null"\r\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n    [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\r\n</ul>\r\n<ng-template #wrapIntoNav>\r\n  <nav [class]="[\'text-sm\', classes] | makeHtmlList"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.tabindex]="tabindex ? tabindex : null">\r\n    <ul>\r\n      <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\r\n    </ul>\r\n  </nav>\r\n</ng-template>\r\n'}]}],qe.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:[Ne]}]};var Ve=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.prototype.handleEmptyContent=function(e){throw new Error(e+" content is required")},t}(C);Ve.decorators=[{type:t.Component,args:[{selector:"desy-header-subnav",template:'<ng-template #templateNav>\r\n  <ng-content select="desy-nav"></ng-content>\r\n</ng-template>\r\n\r\n<ng-template #templateContent>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n<div class="hidden lg:flex items-center" *ngIf="hasSubnavItems(); else noItems">\r\n  <div class="ml-3 py-2 relative border-r border-l border-neutral-base">\r\n    <p class="sr-only">Aplicación actual: </p>\r\n    <desy-dropdown [hiddenText]="hiddenText"\r\n                   [classesContainer]="classesContainer"\r\n                   [classesTooltip]="classesTooltip"\r\n                   [classes]="classes ? classes : \'c-dropdown--header\'"\r\n                   [caller]="caller"\r\n\r\n                   [role]="role"\r\n                   [ariaLabel]="ariaLabel"\r\n                   [ariaDescribedBy]="ariaDescribedBy"\r\n                   [ariaLabelledBy]="ariaLabelledBy"\r\n                   [ariaHidden]="ariaHidden"\r\n                   [ariaDisabled]="ariaDisabled"\r\n                   [ariaControls]="ariaControls"\r\n                   [ariaCurrent]="ariaCurrent"\r\n                   [ariaLive]="ariaLive"\r\n                   [ariaExpanded]="ariaExpanded"\r\n                   [ariaErrorMessage]="ariaErrorMessage"\r\n                   [ariaHasPopup]="ariaHasPopup"\r\n                   [tabindex]="tabindex">\r\n      <ng-container *ngTemplateOutlet="templateContent"></ng-container>\r\n      <ng-template #caller>\r\n        <ng-container *ngTemplateOutlet="templateNav"></ng-container>\r\n      </ng-template>\r\n    </desy-dropdown>\r\n  </div>\r\n</div>\r\n<ng-template #noItems>\r\n  <p class="hidden lg:inline-block align-middle ml-4 px-3 py-4 border-r border-l border-neutral-base text-sm text-white"\r\n     (desyContentEmpty)="handleEmptyContent(\'Header-subnav\')">\r\n    <span #desyContentEmptyIgnore class="sr-only">Aplicación actual: </span>\r\n    <ng-container *ngTemplateOutlet="templateContent"></ng-container>\r\n  </p>\r\n</ng-template>\r\n\r\n\r\n'}]}],Ve.propDecorators={hiddenText:[{type:t.Input}],classesContainer:[{type:t.Input}],classesTooltip:[{type:t.Input}],classes:[{type:t.Input}],nav:[{type:t.ContentChildren,args:[qe]}]},m([P({onSetCallbackName:"overrideNavParams"})],Ve.prototype,"nav",void 0);var ze=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.prototype.handleEmptyContent=function(e){throw new Error(e+" content is required")},t}(C);ze.decorators=[{type:t.Component,args:[{selector:"desy-header-dropdown",template:'<div class="ml-4 flex items-center lg:ml-6">\r\n  <div class="ml-3 relative">\r\n    <desy-dropdown [hiddenText]="hiddenText"\r\n                   [classesContainer]="classesContainer ? classesContainer : \'hidden lg:block\'"\r\n                   [classesTooltip]="classesTooltip"\r\n                   [classes]="classes ? classes : \'c-dropdown--header\'"\r\n                   [caller]="caller"\r\n\r\n                   [role]="role"\r\n                   [ariaLabel]="ariaLabel"\r\n                   [ariaDescribedBy]="ariaDescribedBy"\r\n                   [ariaLabelledBy]="ariaLabelledBy"\r\n                   [ariaHidden]="ariaHidden"\r\n                   [ariaDisabled]="ariaDisabled"\r\n                   [ariaControls]="ariaControls"\r\n                   [ariaCurrent]="ariaCurrent"\r\n                   [ariaLive]="ariaLive"\r\n                   [ariaExpanded]="ariaExpanded"\r\n                   [ariaErrorMessage]="ariaErrorMessage"\r\n                   [ariaHasPopup]="ariaHasPopup"\r\n                   [tabindex]="tabindex">\r\n      <ng-content></ng-content>\r\n    </desy-dropdown>\r\n    <ng-template #caller>\r\n      <ng-container *desyCustomInnerContent="{ component: contentComponent, template: templateNav }"></ng-container>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #templateNav>\r\n  <ng-content select="desy-nav"></ng-content>\r\n</ng-template>\r\n'}]}],ze.propDecorators={hiddenText:[{type:t.Input}],classesContainer:[{type:t.Input}],classesTooltip:[{type:t.Input}],classes:[{type:t.Input}],nav:[{type:t.ContentChildren,args:[qe]}],contentComponent:[{type:t.ContentChildren,args:[O]}]},m([P({onSetCallbackName:"overrideNavParams"})],ze.prototype,"nav",void 0),m([P()],ze.prototype,"contentComponent",void 0);var _e=function(e){function t(t){var r=e.call(this)||this;return r.changeDetectorRef=t,r.hasContent=!0,r}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.prototype.handleNoContent=function(){if(!this.html&&!this.text)throw new Error("skip-link content, html or text are required");this.hasContent=!1,this.changeDetectorRef.detectChanges()},t}(C);_e.decorators=[{type:t.Component,args:[{selector:"desy-skip-link",template:'<a *ngIf="hasContent"\r\n   [routerLink]="[]" [fragment]="fragment ? fragment : \'content\'"\r\n   [class]="getClassNames()"\r\n   [attr.id]="id ? id : null"\r\n   [attr.role]="role ? role : null"\r\n   [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n   [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n   [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n   [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n   [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n   [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n   [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n   [attr.aria-live]="ariaLive ? ariaLive : null"\r\n   [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n   [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n   [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n   [attr.tabindex]="tabindex ? tabindex : null"\r\n   (desyContentEmpty)="handleNoContent()">\r\n  <ng-content></ng-content>\r\n</a>\r\n\r\n<a *ngIf="!hasContent"\r\n   [routerLink]="[]" [fragment]="fragment ? fragment : \'content\'"\r\n   [class]="getClassNames()"\r\n   [attr.id]="id ? id : null"\r\n   [attr.role]="role ? role : null"\r\n   [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n   [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n   [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n   [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n   [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n   [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n   [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n   [attr.aria-live]="ariaLive ? ariaLive : null"\r\n   [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n   [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n   [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n   [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-container *desyCustomInnerContent="{ html: html, text: text }"></ng-container>\r\n</a>\r\n'}]}],_e.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},_e.propDecorators={html:[{type:t.Input}],text:[{type:t.Input}],fragment:[{type:t.Input}],classes:[{type:t.Input}],id:[{type:t.Input}]};var $e=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);$e.decorators=[{type:t.Component,args:[{selector:"desy-header",template:'<header [ngClass]="classes"\r\n        [attr.role]="role ? role : null"\r\n        [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n        [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n        [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n        [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n        [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n        [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n        [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n        [attr.aria-live]="ariaLive ? ariaLive : null"\r\n        [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n        [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n        [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n        [attr.tabindex]="tabindex ? tabindex : null">\r\n  <div [ngClass]="containerClasses">\r\n    <nav [attr.aria-labelledby]="skiplinkComponent ? skiplinkComponent.id : \'skip-link\'">\r\n      <ng-content select="desy-skip-link"></ng-content>\r\n      <desy-skip-link *ngIf="!skiplinkComponent" text="Saltar al contenido principal" [id]="\'skip-link\'"></desy-skip-link>\r\n    </nav>\r\n    <div class="flex h-1 bg-red-700">\r\n      <div class="flex-auto bg-yellow-300 h-full"></div>\r\n      <div class="flex-auto bg-red-500 h-full"></div>\r\n      <div class="flex-auto bg-red-800 h-full"></div>\r\n    </div>\r\n    <div class="bg-black">\r\n      <div class="container mx-auto px-base">\r\n        <div class="flex items-center justify-between min-h-14">\r\n          <div class="flex flex-wrap items-center">\r\n            <div class="flex items-center flex-shrink-0">\r\n              <a *ngIf="homepageRouterLink || !homepageUrl" [routerLink]="homepageRouterLink" [fragment]="homepageFragment" class="text-white focus:outline-none focus:shadow-outline-warning" title="Ir a la página de inicio">\r\n                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.878 51.894" width="144" height="32" [ngClass]="{\'sm:block\': expandedLogo}" class="fill-current hidden" aria-label="Gobierno de Aragón" role="img"><title>Ir a la página de inicio</title><path data-name="img" d="M51.89 51.892H0V0h51.89zm-2.5-2.494v-8.96L38.906 42.33a17.743 17.743 0 01-3.136.278 18.211 18.211 0 01-9.225-2.517 21.42 21.42 0 00-9.317-2.082 20.786 20.786 0 00-4.9.571c-.743.15-1.526.292-2.282.429l-.125.023-.613.112-4.928.913-1.875.382V48.934l1.527-.247 22.517-4.133a17.458 17.458 0 013.236-.3 18.06 18.06 0 017.317 1.527l5.442 2.854a9.431 9.431 0 002.372.679 7.837 7.837 0 001.147.083h.029a16 16 0 003.3-.464zm0 0zm0-8.96V27.195a8.1 8.1 0 00-4.062-1.2 7.451 7.451 0 00-1.162.094l-10.852 2.009c-.026 0-2.878.518-4.281.779L17.12 31.048a18.266 18.266 0 01-2.5.173 18.246 18.246 0 01-7.67-1.683l-4.447-2.34V33.636l1.511-.281a19.009 19.009 0 014.442-.517 17.882 17.882 0 018.168 1.894 23.042 23.042 0 0010.673 2.617 23.64 23.64 0 002.884-.178l19.21-3.535zm0-13.243v-8.778l-1.341.282a19.092 19.092 0 01-4.442.516 17.873 17.873 0 01-8.169-1.894 23.049 23.049 0 00-10.672-2.618 23.464 23.464 0 00-2.884.179L2.5 18.417v6.538a7.558 7.558 0 003.968 1.128 9.406 9.406 0 001.426-.116l10.852-2.008c.027-.005 2.876-.518 4.28-.78l11.914-2.174a18.122 18.122 0 012.5-.173 18.236 18.236 0 017.67 1.683l4.277 2.441v-4.427zm0-8.778V2.981l-7.4 1.524-7.35 1.328-7.035 1.277a23.976 23.976 0 01-5.306.62 16.834 16.834 0 01-4.517-.57 19.322 19.322 0 01-5.084-2.209 95.551 95.551 0 00-1.3-.712c-.285-.139-.571-.291-.846-.437h-.005a9.085 9.085 0 00-2.252-.954 7.331 7.331 0 00-1.918-.341H2.5v9c1.433-.237 2.593-.442 3.651-.647l7.517-1.345a19.656 19.656 0 012.63-.178 17.162 17.162 0 012.63.2 22.628 22.628 0 017.434 2.705 21.654 21.654 0 008.584 1.768h.006a20.746 20.746 0 003.173-.242l11.264-2.256v6.907zM2.5 2.98v-.472h2.95a14.929 14.929 0 00-2.949.473z"/><path data-name="typo" d="M59.352 45.091V32.36h2.074c4.307 0 6.668 2.266 6.668 6.382 0 4.212-2.265 6.349-6.7 6.349zm15.489-16.974v21.281h14.1v-4.307h-9.348v-4.85h9.253v-4.308h-9.253v-3.542h9.348v-4.275zm32.389 0l-7.757 21.282h5.041l2.3-6.477h6.509l2.265 6.477h5.138l-7.912-21.281zm2.807 4.4l-1.978 6.287h3.989zm63.051 6h-4.754v6.7a6.262 6.262 0 01-2.042.288c-3.638 0-6.317-2.84-6.317-6.7 0-4.147 2.84-6.923 7.051-6.923a11.142 11.142 0 016.062 1.851v-4.849a17.388 17.388 0 00-6.477-1.276c-6.891 0-11.677 4.626-11.677 11.262 0 6.54 4.689 10.976 11.677 10.976a19.329 19.329 0 006.477-1.117zm24.023.192c0-6.35-4.722-10.976-11.167-10.976a11.024 11.024 0 00.16 22.047c6.445.001 11.007-4.593 11.007-11.07zm-11.1-6.637c-3.573 0-5.966 2.713-5.966 6.7s2.456 6.7 6.062 6.7c3.573 0 5.934-2.681 5.934-6.7s-2.428-6.699-6.033-6.699zm12.94-3.956v21.281h4.85v-13.56l8.58 13.56h4.5V28.116h-4.849l.006 13.235-8.237-13.235zm-126.6-15h-4.754v6.7a6.266 6.266 0 01-2.042.287c-3.637 0-6.317-2.84-6.317-6.7 0-4.148 2.84-6.923 7.051-6.923a11.152 11.152 0 016.062 1.85V3.481a17.386 17.386 0 00-6.477-1.277c-6.891 0-11.677 4.626-11.677 11.263 0 6.54 4.69 10.974 11.677 10.974a19.342 19.342 0 006.477-1.116zm24 .191c0-6.349-4.722-10.975-11.167-10.975a11.023 11.023 0 00.159 22.046c6.437-.002 11-4.597 11-11.074zm-11.1-6.636c-3.573 0-5.966 2.711-5.966 6.7s2.457 6.7 6.062 6.7c3.573 0 5.935-2.68 5.935-6.7s-2.437-6.702-6.042-6.702zm12.695-3.956v21.281h8.806c4.69 0 7.433-2.33 7.433-6.318 0-2.743-1.563-4.721-4.435-5.551a4.665 4.665 0 002.9-4.371c.032-3.382-2.265-5.041-6.859-5.041zm7.083 7.944c2.074 0 2.9-.575 2.9-2.01 0-1.372-.8-1.882-3.062-1.882h-2.074v3.892zm.638 9c2.36 0 3.381-.734 3.381-2.457 0-1.786-1.053-2.489-3.573-2.489h-2.679v4.946zm14.274-16.942h-4.768v21.281h4.754zm2.07 0v21.281h14.1v-4.307h-9.349v-4.85h9.253v-4.307h-9.253V6.993h9.349V2.718zm75.145 10.592c0-6.349-4.722-10.975-11.167-10.975a11.023 11.023 0 00.16 22.046c6.435-.004 10.997-4.599 10.997-11.076zm-11.1-6.636c-3.573 0-5.966 2.711-5.966 6.7s2.456 6.7 6.062 6.7c3.573 0 5.934-2.68 5.934-6.7s-2.438-6.704-6.043-6.704zm-37.783 32.132l-2.01-6.287-1.978 6.287zM126.43 49.398v-8.743h.606c3.063 0 3.382.319 5.423 5.583a10.7 10.7 0 00.447 1.085l.415.989a9.523 9.523 0 00.51 1.085h6.911l2.3-6.477h6.509l2.265 6.477h5.137l-7.912-21.281h-5.583l-6.288 17.258a89.817 89.817 0 01-1.549-3.411c-.83-1.819-1.308-2.362-2.84-3a5.086 5.086 0 003.892-5.106c0-3.828-2.52-5.743-7.593-5.743h-7.53v21.281zm0-12.763h2.105c2.042 0 3.063-.734 3.063-2.265s-.926-2.2-3-2.2h-2.17zm16.613-12.643V15.25h.605c3.063 0 3.382.319 5.424 5.583a10.427 10.427 0 00.447 1.085l.415.989a9.465 9.465 0 00.51 1.085h9.578l.027-13.652 8.555 13.652h4.5V2.711h-4.849l.021 13.056-8.252-13.056h-4.851v19.812a44.3 44.3 0 01-2.942-5.962c-.829-1.818-1.307-2.36-2.839-3a5.085 5.085 0 003.892-5.1c0-3.829-2.521-5.743-7.594-5.743h-7.529v21.281zm0-12.762h2.106c2.041 0 3.062-.734 3.062-2.265s-.924-2.2-3-2.2h-2.169zM54.53 28.117v21.281h7.114c7.21 0 11.454-3.956 11.454-10.657 0-6.669-4.339-10.625-11.709-10.625z" fill-rule="evenodd"/></svg>\r\n                <svg class="w-8 h-8 fill-current" [ngClass]="{\'sm:hidden\': expandedLogo}" viewBox="0 0 51.894 51.894" width="32" height="32" aria-label="Gobierno de Aragón" role="img"><title>Ir a la página de inicio</title><path data-name="img" d="M51.89 51.892H0V0h51.89zm-2.5-2.494v-8.96L38.906 42.33a17.743 17.743 0 01-3.136.278 18.211 18.211 0 01-9.225-2.517 21.42 21.42 0 00-9.317-2.082 20.786 20.786 0 00-4.9.571c-.743.15-1.526.292-2.282.429l-.125.023-.613.112-4.928.913-1.875.382V48.934l1.527-.247 22.517-4.133a17.458 17.458 0 013.236-.3 18.06 18.06 0 017.317 1.527l5.442 2.854a9.431 9.431 0 002.372.679 7.837 7.837 0 001.147.083h.029a16 16 0 003.3-.464zm0 0zm0-8.96V27.195a8.1 8.1 0 00-4.062-1.2 7.451 7.451 0 00-1.162.094l-10.852 2.009c-.026 0-2.878.518-4.281.779L17.12 31.048a18.266 18.266 0 01-2.5.173 18.246 18.246 0 01-7.67-1.683l-4.447-2.34V33.636l1.511-.281a19.009 19.009 0 014.442-.517 17.882 17.882 0 018.168 1.894 23.042 23.042 0 0010.673 2.617 23.64 23.64 0 002.884-.178l19.21-3.535zm0-13.243v-8.778l-1.341.282a19.092 19.092 0 01-4.442.516 17.873 17.873 0 01-8.169-1.894 23.049 23.049 0 00-10.672-2.618 23.464 23.464 0 00-2.884.179L2.5 18.417v6.538a7.558 7.558 0 003.968 1.128 9.406 9.406 0 001.426-.116l10.852-2.008c.027-.005 2.876-.518 4.28-.78l11.914-2.174a18.122 18.122 0 012.5-.173 18.236 18.236 0 017.67 1.683l4.277 2.441v-4.427zm0-8.778V2.981l-7.4 1.524-7.35 1.328-7.035 1.277a23.976 23.976 0 01-5.306.62 16.834 16.834 0 01-4.517-.57 19.322 19.322 0 01-5.084-2.209 95.551 95.551 0 00-1.3-.712c-.285-.139-.571-.291-.846-.437h-.005a9.085 9.085 0 00-2.252-.954 7.331 7.331 0 00-1.918-.341H2.5v9c1.433-.237 2.593-.442 3.651-.647l7.517-1.345a19.656 19.656 0 012.63-.178 17.162 17.162 0 012.63.2 22.628 22.628 0 017.434 2.705 21.654 21.654 0 008.584 1.768h.006a20.746 20.746 0 003.173-.242l11.264-2.256v6.907zM2.5 2.98v-.472h2.95a14.929 14.929 0 00-2.949.473z"/></svg>\r\n              </a>\r\n              <a *ngIf="!homepageRouterLink && homepageUrl" [href]="homepageUrl | externalHref" class="text-white focus:outline-none focus:shadow-outline-warning" title="Ir a la página de inicio">\r\n                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.878 51.894" width="144" height="32" [ngClass]="{\'sm:block\': expandedLogo}" class="fill-current hidden" aria-label="Gobierno de Aragón" role="img"><title>Ir a la página de inicio</title><path data-name="img" d="M51.89 51.892H0V0h51.89zm-2.5-2.494v-8.96L38.906 42.33a17.743 17.743 0 01-3.136.278 18.211 18.211 0 01-9.225-2.517 21.42 21.42 0 00-9.317-2.082 20.786 20.786 0 00-4.9.571c-.743.15-1.526.292-2.282.429l-.125.023-.613.112-4.928.913-1.875.382V48.934l1.527-.247 22.517-4.133a17.458 17.458 0 013.236-.3 18.06 18.06 0 017.317 1.527l5.442 2.854a9.431 9.431 0 002.372.679 7.837 7.837 0 001.147.083h.029a16 16 0 003.3-.464zm0 0zm0-8.96V27.195a8.1 8.1 0 00-4.062-1.2 7.451 7.451 0 00-1.162.094l-10.852 2.009c-.026 0-2.878.518-4.281.779L17.12 31.048a18.266 18.266 0 01-2.5.173 18.246 18.246 0 01-7.67-1.683l-4.447-2.34V33.636l1.511-.281a19.009 19.009 0 014.442-.517 17.882 17.882 0 018.168 1.894 23.042 23.042 0 0010.673 2.617 23.64 23.64 0 002.884-.178l19.21-3.535zm0-13.243v-8.778l-1.341.282a19.092 19.092 0 01-4.442.516 17.873 17.873 0 01-8.169-1.894 23.049 23.049 0 00-10.672-2.618 23.464 23.464 0 00-2.884.179L2.5 18.417v6.538a7.558 7.558 0 003.968 1.128 9.406 9.406 0 001.426-.116l10.852-2.008c.027-.005 2.876-.518 4.28-.78l11.914-2.174a18.122 18.122 0 012.5-.173 18.236 18.236 0 017.67 1.683l4.277 2.441v-4.427zm0-8.778V2.981l-7.4 1.524-7.35 1.328-7.035 1.277a23.976 23.976 0 01-5.306.62 16.834 16.834 0 01-4.517-.57 19.322 19.322 0 01-5.084-2.209 95.551 95.551 0 00-1.3-.712c-.285-.139-.571-.291-.846-.437h-.005a9.085 9.085 0 00-2.252-.954 7.331 7.331 0 00-1.918-.341H2.5v9c1.433-.237 2.593-.442 3.651-.647l7.517-1.345a19.656 19.656 0 012.63-.178 17.162 17.162 0 012.63.2 22.628 22.628 0 017.434 2.705 21.654 21.654 0 008.584 1.768h.006a20.746 20.746 0 003.173-.242l11.264-2.256v6.907zM2.5 2.98v-.472h2.95a14.929 14.929 0 00-2.949.473z"/><path data-name="typo" d="M59.352 45.091V32.36h2.074c4.307 0 6.668 2.266 6.668 6.382 0 4.212-2.265 6.349-6.7 6.349zm15.489-16.974v21.281h14.1v-4.307h-9.348v-4.85h9.253v-4.308h-9.253v-3.542h9.348v-4.275zm32.389 0l-7.757 21.282h5.041l2.3-6.477h6.509l2.265 6.477h5.138l-7.912-21.281zm2.807 4.4l-1.978 6.287h3.989zm63.051 6h-4.754v6.7a6.262 6.262 0 01-2.042.288c-3.638 0-6.317-2.84-6.317-6.7 0-4.147 2.84-6.923 7.051-6.923a11.142 11.142 0 016.062 1.851v-4.849a17.388 17.388 0 00-6.477-1.276c-6.891 0-11.677 4.626-11.677 11.262 0 6.54 4.689 10.976 11.677 10.976a19.329 19.329 0 006.477-1.117zm24.023.192c0-6.35-4.722-10.976-11.167-10.976a11.024 11.024 0 00.16 22.047c6.445.001 11.007-4.593 11.007-11.07zm-11.1-6.637c-3.573 0-5.966 2.713-5.966 6.7s2.456 6.7 6.062 6.7c3.573 0 5.934-2.681 5.934-6.7s-2.428-6.699-6.033-6.699zm12.94-3.956v21.281h4.85v-13.56l8.58 13.56h4.5V28.116h-4.849l.006 13.235-8.237-13.235zm-126.6-15h-4.754v6.7a6.266 6.266 0 01-2.042.287c-3.637 0-6.317-2.84-6.317-6.7 0-4.148 2.84-6.923 7.051-6.923a11.152 11.152 0 016.062 1.85V3.481a17.386 17.386 0 00-6.477-1.277c-6.891 0-11.677 4.626-11.677 11.263 0 6.54 4.69 10.974 11.677 10.974a19.342 19.342 0 006.477-1.116zm24 .191c0-6.349-4.722-10.975-11.167-10.975a11.023 11.023 0 00.159 22.046c6.437-.002 11-4.597 11-11.074zm-11.1-6.636c-3.573 0-5.966 2.711-5.966 6.7s2.457 6.7 6.062 6.7c3.573 0 5.935-2.68 5.935-6.7s-2.437-6.702-6.042-6.702zm12.695-3.956v21.281h8.806c4.69 0 7.433-2.33 7.433-6.318 0-2.743-1.563-4.721-4.435-5.551a4.665 4.665 0 002.9-4.371c.032-3.382-2.265-5.041-6.859-5.041zm7.083 7.944c2.074 0 2.9-.575 2.9-2.01 0-1.372-.8-1.882-3.062-1.882h-2.074v3.892zm.638 9c2.36 0 3.381-.734 3.381-2.457 0-1.786-1.053-2.489-3.573-2.489h-2.679v4.946zm14.274-16.942h-4.768v21.281h4.754zm2.07 0v21.281h14.1v-4.307h-9.349v-4.85h9.253v-4.307h-9.253V6.993h9.349V2.718zm75.145 10.592c0-6.349-4.722-10.975-11.167-10.975a11.023 11.023 0 00.16 22.046c6.435-.004 10.997-4.599 10.997-11.076zm-11.1-6.636c-3.573 0-5.966 2.711-5.966 6.7s2.456 6.7 6.062 6.7c3.573 0 5.934-2.68 5.934-6.7s-2.438-6.704-6.043-6.704zm-37.783 32.132l-2.01-6.287-1.978 6.287zM126.43 49.398v-8.743h.606c3.063 0 3.382.319 5.423 5.583a10.7 10.7 0 00.447 1.085l.415.989a9.523 9.523 0 00.51 1.085h6.911l2.3-6.477h6.509l2.265 6.477h5.137l-7.912-21.281h-5.583l-6.288 17.258a89.817 89.817 0 01-1.549-3.411c-.83-1.819-1.308-2.362-2.84-3a5.086 5.086 0 003.892-5.106c0-3.828-2.52-5.743-7.593-5.743h-7.53v21.281zm0-12.763h2.105c2.042 0 3.063-.734 3.063-2.265s-.926-2.2-3-2.2h-2.17zm16.613-12.643V15.25h.605c3.063 0 3.382.319 5.424 5.583a10.427 10.427 0 00.447 1.085l.415.989a9.465 9.465 0 00.51 1.085h9.578l.027-13.652 8.555 13.652h4.5V2.711h-4.849l.021 13.056-8.252-13.056h-4.851v19.812a44.3 44.3 0 01-2.942-5.962c-.829-1.818-1.307-2.36-2.839-3a5.085 5.085 0 003.892-5.1c0-3.829-2.521-5.743-7.594-5.743h-7.529v21.281zm0-12.762h2.106c2.041 0 3.062-.734 3.062-2.265s-.924-2.2-3-2.2h-2.169zM54.53 28.117v21.281h7.114c7.21 0 11.454-3.956 11.454-10.657 0-6.669-4.339-10.625-11.709-10.625z" fill-rule="evenodd"/></svg>\r\n                <svg class="w-8 h-8 fill-current" [ngClass]="{\'sm:hidden\': expandedLogo}" viewBox="0 0 51.894 51.894" width="32" height="32" aria-label="Gobierno de Aragón" role="img"><title>Ir a la página de inicio</title><path data-name="img" d="M51.89 51.892H0V0h51.89zm-2.5-2.494v-8.96L38.906 42.33a17.743 17.743 0 01-3.136.278 18.211 18.211 0 01-9.225-2.517 21.42 21.42 0 00-9.317-2.082 20.786 20.786 0 00-4.9.571c-.743.15-1.526.292-2.282.429l-.125.023-.613.112-4.928.913-1.875.382V48.934l1.527-.247 22.517-4.133a17.458 17.458 0 013.236-.3 18.06 18.06 0 017.317 1.527l5.442 2.854a9.431 9.431 0 002.372.679 7.837 7.837 0 001.147.083h.029a16 16 0 003.3-.464zm0 0zm0-8.96V27.195a8.1 8.1 0 00-4.062-1.2 7.451 7.451 0 00-1.162.094l-10.852 2.009c-.026 0-2.878.518-4.281.779L17.12 31.048a18.266 18.266 0 01-2.5.173 18.246 18.246 0 01-7.67-1.683l-4.447-2.34V33.636l1.511-.281a19.009 19.009 0 014.442-.517 17.882 17.882 0 018.168 1.894 23.042 23.042 0 0010.673 2.617 23.64 23.64 0 002.884-.178l19.21-3.535zm0-13.243v-8.778l-1.341.282a19.092 19.092 0 01-4.442.516 17.873 17.873 0 01-8.169-1.894 23.049 23.049 0 00-10.672-2.618 23.464 23.464 0 00-2.884.179L2.5 18.417v6.538a7.558 7.558 0 003.968 1.128 9.406 9.406 0 001.426-.116l10.852-2.008c.027-.005 2.876-.518 4.28-.78l11.914-2.174a18.122 18.122 0 012.5-.173 18.236 18.236 0 017.67 1.683l4.277 2.441v-4.427zm0-8.778V2.981l-7.4 1.524-7.35 1.328-7.035 1.277a23.976 23.976 0 01-5.306.62 16.834 16.834 0 01-4.517-.57 19.322 19.322 0 01-5.084-2.209 95.551 95.551 0 00-1.3-.712c-.285-.139-.571-.291-.846-.437h-.005a9.085 9.085 0 00-2.252-.954 7.331 7.331 0 00-1.918-.341H2.5v9c1.433-.237 2.593-.442 3.651-.647l7.517-1.345a19.656 19.656 0 012.63-.178 17.162 17.162 0 012.63.2 22.628 22.628 0 017.434 2.705 21.654 21.654 0 008.584 1.768h.006a20.746 20.746 0 003.173-.242l11.264-2.256v6.907zM2.5 2.98v-.472h2.95a14.929 14.929 0 00-2.949.473z"/></svg>\r\n              </a>\r\n\r\n              <ng-content select="desy-header-subnav"></ng-content>\r\n              <desy-header-subnav *ngIf="!subnavComponent && subnavData && (subnavData.text || subnavData.html)"\r\n                                  [classes]="subnavData.classes"\r\n                                  [hiddenText]="subnavData.hiddenText"\r\n                                  [classesContainer]="subnavData.classesContainer"\r\n                                  [classesTooltip]="subnavData.classesTooltip"\r\n                                  [role]="subnavData.role"\r\n                                  [ariaLabel]="subnavData.ariaLabel"\r\n                                  [ariaDescribedBy]="subnavData.ariaDescribedBy"\r\n                                  [ariaLabelledBy]="subnavData.ariaLabelledBy"\r\n                                  [ariaHidden]="subnavData.ariaHidden"\r\n                                  [ariaDisabled]="subnavData.ariaDisabled"\r\n                                  [ariaControls]="subnavData.ariaControls"\r\n                                  [ariaCurrent]="subnavData.ariaCurrent"\r\n                                  [ariaLive]="subnavData.ariaLive"\r\n                                  [ariaExpanded]="subnavData.ariaExpanded"\r\n                                  [ariaErrorMessage]="subnavData.ariaErrorMessage"\r\n                                  [ariaHasPopup]="subnavData.ariaHasPopup"\r\n                                  [tabindex]="subnavData.tabindex">\r\n                <ng-container *desyCustomInnerContent="{ html: subnavData.html, text: subnavData.text }"></ng-container>\r\n                <desy-nav *ngIf="subnavData && subnavData.items && subnavData.items.length > 0"\r\n                          [hasNav]="true"\r\n                          [idPrefix]="\'header-subnav-nav-item\'"\r\n                          [classes]="\'w-max max-w-64\'"\r\n                          [items]="subnavData.items"\r\n                          [id]="\'id-subnav-nav\'"\r\n                          [ariaLabel]="\'Aplicaciones\'"></desy-nav>\r\n              </desy-header-subnav>\r\n            </div>\r\n\r\n            <ng-content select="desy-header-navigation"></ng-content>\r\n            <desy-header-navigation *ngIf="!navigationComponent && navigationData && navigationData.items && navigationData.items.length > 0"\r\n                                    [idPrefix]="\'header-nav-item\'"\r\n                                    [classes]="navigationData.classes"\r\n                                    [items]="navigationData.items"\r\n                                    [ariaLabel]="\'Menú principal\'"></desy-header-navigation>\r\n          </div>\r\n\r\n          <ng-content select="desy-header-dropdown"></ng-content>\r\n          <ng-container *ngIf="!dropdownComponent && dropdownData && dropdownData.items && dropdownData.items.length > 0">\r\n            <desy-header-dropdown [classes]="dropdownData.classes"\r\n                                  [hiddenText]="dropdownData.hiddenText"\r\n                                  [classesContainer]="dropdownData.classesContainer"\r\n                                  [classesTooltip]="dropdownData.classesTooltip"\r\n                                  [role]="dropdownData.role"\r\n                                  [ariaLabel]="dropdownData.ariaLabel"\r\n                                  [ariaDescribedBy]="dropdownData.ariaDescribedBy"\r\n                                  [ariaLabelledBy]="dropdownData.ariaLabelledBy"\r\n                                  [ariaHidden]="dropdownData.ariaHidden"\r\n                                  [ariaDisabled]="dropdownData.ariaDisabled"\r\n                                  [ariaControls]="dropdownData.ariaControls"\r\n                                  [ariaCurrent]="dropdownData.ariaCurrent"\r\n                                  [ariaLive]="dropdownData.ariaLive"\r\n                                  [ariaExpanded]="dropdownData.ariaExpanded"\r\n                                  [ariaErrorMessage]="dropdownData.ariaErrorMessage"\r\n                                  [ariaHasPopup]="dropdownData.ariaHasPopup"\r\n                                  [tabindex]="dropdownData.tabindex">\r\n              <ng-container *desyCustomInnerContent="{ html: dropdownData.html, text: dropdownData.text }"></ng-container>\r\n              <desy-nav [hasNav]="true"\r\n                        [idPrefix]="\'header-dropdown-nav-item\'"\r\n                        [classes]="\'w-max max-w-64\'"\r\n                        [items]="dropdownData.items"\r\n                        [id]="\'id-dropdown-nav\'"\r\n                        [ariaLabel]="\'Menú de usuario\'"></desy-nav>\r\n            </desy-header-dropdown>\r\n          </ng-container>\r\n\r\n          <ng-content select="desy-header-offcanvas"></ng-content>\r\n          <ng-container *ngIf="!offcanvasComponent && offcanvasData">\r\n            <desy-header-offcanvas [classes]="offcanvasData.classes">\r\n              <desy-header-offcanvas-button>\r\n                <ng-container *desyCustomInnerContent="{ html: offcanvasData.html, text: offcanvasData.text }"></ng-container>\r\n              </desy-header-offcanvas-button>\r\n              <desy-header-offcanvas-close-button>{{ offcanvasData.textClose }}</desy-header-offcanvas-close-button>\r\n              <desy-content>\r\n                <ng-container *desyCustomInnerContent="{ template: offcanvasData.contentHtml }"></ng-container>\r\n              </desy-content>\r\n            </desy-header-offcanvas>\r\n          </ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</header>\r\n'}]}],$e.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}],subnavData:[{type:t.Input}],navigationData:[{type:t.Input}],dropdownData:[{type:t.Input}],offcanvasData:[{type:t.Input}],skiplinkComponent:[{type:t.ContentChildren,args:[_e]}],subnavComponent:[{type:t.ContentChildren,args:[Ve]}],navigationComponent:[{type:t.ContentChildren,args:[Fe]}],dropdownComponent:[{type:t.ContentChildren,args:[ze]}],offcanvasComponent:[{type:t.ContentChildren,args:[Oe]}]},m([P({onSetCallbackName:"overrideSkipLinkParams"})],$e.prototype,"skiplinkComponent",void 0),m([P()],$e.prototype,"subnavComponent",void 0),m([P({onSetCallbackName:"overrideNavigationParams"})],$e.prototype,"navigationComponent",void 0),m([P()],$e.prototype,"dropdownComponent",void 0),m([P()],$e.prototype,"offcanvasComponent",void 0);var Ge=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Ge.decorators=[{type:t.Component,args:[{selector:"desy-footer-navigation-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Ge.propDecorators={href:[{type:t.Input}],routerLink:[{type:t.Input}],fragment:[{type:t.Input}]};var Ue=function(){};Ue.decorators=[{type:t.Component,args:[{selector:"desy-footer-navigation",template:""}]}],Ue.propDecorators={title:[{type:t.Input}],columns:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[Ge]}]};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-meta-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 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",template:""}]}],We.propDecorators={visuallyHiddenTitle:[{type:t.Input}],contentComponent:[{type:t.ContentChildren,args:[O]}],itemComponents:[{type:t.ContentChildren,args:[je]}]},m([P()],We.prototype,"contentComponent",void 0);var Ke=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 Ue?e.itemComponents.toArray():e.items},t.prototype.getMetaItems=function(e){return e instanceof We?e.itemComponents.toArray():e.items},t.prototype.getMetaContent=function(e){return e instanceof We?e.contentComponent:null},t}(C);Ke.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"\r\n        [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n        [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n        [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n        [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n        [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n        [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n        [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n        [attr.aria-live]="ariaLive ? ariaLive : null"\r\n        [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n        [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n        [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n        [attr.tabindex]="tabindex ? tabindex : null">\r\n  <div [class]="[\'container mx-auto px-base\', containerClasses] | makeHtmlList">\r\n    <ng-container *ngIf="getNavigationItems()">\r\n      <div class="flex flex-wrap">\r\n        <div class="flex-1 mr-base" *ngFor="let nav of getNavigationItems()">\r\n          <h3 class="mb-base font-bold text-xl">{{nav.title}}</h3>\r\n          <ul [class]="\'grid grid-cols-1 gap-base lg:grid-cols-\' + nav.columns">\r\n            <li class="mb-xs" *ngFor="let item of getNavigationItemItems(nav)">\r\n              <ng-container *ngTemplateOutlet="item.href != null ? itemHref : itemRouterLink; context: {item: item}"></ng-container>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <hr class="my-base border-t border-neutral-base">\r\n    </ng-container>\r\n\r\n    <div class="flex flex-wrap flex-col lg:flex-row justify-between">\r\n      <div class="mb-base">\r\n        <ng-template #metaTemplate let-metaElement="metaElement">\r\n          <ng-container *ngIf="metaElement">\r\n            <h2 class="sr-only">{{(metaElement.visuallyHiddenTitle ? metaElement.visuallyHiddenTitle : \'Enlaces de pie de página\')}}</h2>\r\n            <ul class="flex flex-col lg:flex-row lg:flex-wrap" *ngIf="getMetaItems(metaElement)">\r\n              <li class="mb-sm mr-base" *ngFor="let item of getMetaItems(metaElement)">\r\n                <ng-container *ngTemplateOutlet="item.href != null ? itemHref : itemRouterLink; context: {item: item}"></ng-container>\r\n              </li>\r\n            </ul>\r\n            <div class="mb-sm"  *ngIf="getMetaContent(metaElement) || metaElement.html || metaElement.text">\r\n              <p>\r\n                <ng-container *desyCustomInnerContent="{ component: getMetaContent(metaElement), html: metaElement.html, text: metaElement.text }"></ng-container>\r\n              </p>\r\n            </div>\r\n          </ng-container>\r\n        </ng-template>\r\n        <ng-container *ngTemplateOutlet="metaTemplate; context: { metaElement: metaComponent ? metaComponent : meta }"></ng-container>\r\n        <div class="leading-tight">\r\n          <p>\r\n            Todo el contenido bajo\r\n            <a\r\n              class="c-link c-link--neutral"\r\n              href="https://creativecommons.org/licenses/by/4.0/legalcode.es"\r\n              rel="license"\r\n            >licencia CC BY 4.0</a>\r\n          </p>\r\n        </div>\r\n        <div class="leading-tight">\r\n          <p>\r\n            <a\r\n              class="c-link c-link--neutral"\r\n              href="https://www.aragon.es/"\r\n            >Gobierno de Aragón</a>. Edificio Pignatelli. <abbr title=”Paseo”>Pº</abbr> María Agustín, 36. 50004 - Zaragoza - <abbr title="Teléfono" class="no-underline">Tel.</abbr> <a href="tel:+976714000" class="c-link c-link--neutral">976 714 000</a>\r\n          </p>\r\n        </div>\r\n      </div>\r\n      <div class="mb-base lg:pl-base overflow-hidden">\r\n        <p *ngIf="iconComponent || icon?.html">\r\n          <ng-container *desyCustomInnerContent="{ component: iconComponent, html: icon?.html }"></ng-container>\r\n        </p>\r\n        <p>\r\n          <a href="http://www.aragon.es/Fondos_Europeos" class="inline-block text-sm c-link no-underline" title="Más información sobre los Fondos Estructurales y de Inversión Europeos (Fondos EIE)">\r\n            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 575 96" width="288" height="48" class="w-auto h-12" role="img" aria-label="Logotipo Unió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>\r\n          </a>\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</footer>\r\n\r\n<ng-template #itemHref let-item="item">\r\n  <a class="c-link font-semibold" [href]="item.href | externalHref"\r\n     [attr.role]="item.role ? item.role : null"\r\n     [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n     [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n     [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n     [attr.aria-disabled]="item.ariaDisabled ? item.ariaDisabled : null"\r\n     [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n     [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n     [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n     [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n     [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n     [attr.tabindex]="item.tabindex ? item.tabindex : null">\r\n    <ng-container *desyCustomInnerContent="{ component: item, text: item.text }"></ng-container>\r\n  </a>\r\n</ng-template>\r\n\r\n<ng-template #itemRouterLink let-item="item">\r\n  <a class="c-link font-semibold" [routerLink]="item.routerLink" [fragment]="item.fragment"\r\n     [attr.role]="item.role ? item.role : null"\r\n     [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n     [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n     [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n     [attr.aria-disabled]="item.ariaDisabled ? item.ariaDisabled : null"\r\n     [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n     [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n     [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n     [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n     [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n     [attr.tabindex]="item.tabindex ? item.tabindex : null">\r\n    <ng-container *desyCustomInnerContent="{ component: item, text: item.text }"></ng-container>\r\n  </a>\r\n</ng-template>\r\n'}]}],Ke.propDecorators={meta:[{type:t.Input}],navigation:[{type:t.Input}],icon:[{type:t.Input}],containerClasses:[{type:t.Input}],classes:[{type:t.Input}],iconComponent:[{type:t.ContentChildren,args:[F]}],metaComponent:[{type:t.ContentChildren,args:[We]}],navigationComponent:[{type:t.ContentChildren,args:[Ue]}]},m([P()],Ke.prototype,"iconComponent",void 0),m([P()],Ke.prototype,"metaComponent",void 0);var Ye=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Ye.decorators=[{type:t.Component,args:[{selector:"desy-error-summary-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Ye.propDecorators={fragment:[{type:t.Input}],id:[{type:t.Input}]};var Xe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.handleContentRequired=function(e){throw new Error(e+" content, html or text are required")},t.prototype.getErrorItemList=function(){var e;e=this.errorComponentList&&this.errorComponentList.length>0?this.errorComponentList.toArray():this.errorList;var t=this.lastErrorItemCount;if(this.lastErrorItemCount=e.length,0===e.length&&0!==t)throw new Error("errorList or inner error-summary-item are required");return e},t}(C);Xe.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"\r\n     [attr.id]="id ? id : null"\r\n     [attr.role]="role ? role : \'alert\'"\r\n     [attr.aria-describedby]="ariaDescribedBy"\r\n     [attr.aria-errormessage]="ariaErrorMessage"\r\n     [attr.aria-label]="ariaLabel"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : \'error-summary-title\'"\r\n     [attr.aria-hidden]="ariaHidden"\r\n     [attr.aria-disabled]="ariaDisabled"\r\n     [attr.aria-controls]="ariaControls"\r\n     [attr.aria-current]="ariaCurrent"\r\n     [attr.aria-live]="ariaLive"\r\n     [attr.aria-expanded]="ariaExpanded"\r\n     [attr.aria-haspopup]="ariaHasPopup">\r\n  <h2 class="mb-base font-bold" [attr.id]="ariaLabelledBy ? ariaLabelledBy :\'error-summary-title\'"\r\n      (desyContentEmpty)="handleContentRequired(\'title\')">\r\n    <ng-container *desyCustomInnerContent="{component: titleComponent, html: titleHtml, text: titleText}"></ng-container>\r\n  </h2>\r\n    <div>\r\n        <p *ngIf="(descriptionComponent && descriptionComponent.getContent()) || descriptionHtml || descriptionText" class="mb-base">\r\n          <ng-container *desyCustomInnerContent="{component: descriptionComponent, html: descriptionHtml, text: descriptionText}"></ng-container>\r\n        </p>\r\n        <ul class="font-semibold text-alert-base">\r\n          <ng-container *ngFor="let item of getErrorItemList(); index as i">\r\n            <li *ngIf="item.fragment">\r\n              <a  routerLink="./" [fragment]="item.fragment" class="c-link c-link--alert"\r\n                  (desyContentEmpty)="handleContentRequired(\'item at position \' + i)"\r\n                  [attr.id]="item.id ? item.id : null"\r\n                  [attr.role]="item.role"\r\n                  [attr.aria-describedby]="item.ariaDescribedBy"\r\n                  [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                  [attr.aria-label]="item.ariaLabel"\r\n                  [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                  [attr.aria-hidden]="item.ariaHidden"\r\n                  [attr.aria-disabled]="item.ariaDisabled"\r\n                  [attr.aria-controls]="item.ariaControls"\r\n                  [attr.aria-current]="item.ariaCurrent"\r\n                  [attr.aria-live]="item.ariaLive"\r\n                  [attr.aria-expanded]="item.ariaExpanded"\r\n                  [attr.aria-haspopup]="item.ariaHasPopup"\r\n                  [attr.tabindex]="item.tabindex">\r\n                <ng-container *desyCustomInnerContent="{component: item, html: item.html, text: item.text}"></ng-container>\r\n              </a>\r\n            </li>\r\n            <li *ngIf="!item.fragment" (desyContentEmpty)="handleContentRequired(\'item at position \' + i)">\r\n              <ng-container *desyCustomInnerContent="{component: item, html: item.html, text: item.text}"></ng-container>\r\n            </li>\r\n          </ng-container>\r\n        </ul>\r\n    </div>\r\n</div>\r\n'}]}],Xe.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:[N]}],descriptionComponent:[{type:t.ContentChildren,args:[A]}],errorComponentList:[{type:t.ContentChildren,args:[Ye]}]},m([P()],Xe.prototype,"titleComponent",void 0),m([P()],Xe.prototype,"descriptionComponent",void 0);var Qe=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.clickEvent=new t.EventEmitter,r.activeChange=new t.EventEmitter,r}return u(r,e),r}(v);Qe.decorators=[{type:t.Component,args:[{selector:"desy-menu-horizontal-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Qe.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 Je=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.clickEvent=new t.EventEmitter,r}return u(r,e),r.prototype.ngOnChanges=function(e){},r.prototype.onClick=function(e,t){var r=[];t.active||r.push(t),this.getItemList().forEach((function(e){e.active&&e!==t&&r.push(e),e.active=!1})),t.active=!0,r.forEach((function(e){e instanceof Qe&&e.activeChange.emit(e.active)})),this.clickEvent.emit({item:t,event:e}),t instanceof Qe&&t.clickEvent.emit({item:t,event:e})},r.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:"menu-item"},r.prototype.getItemList=function(){var e=this.itemComponents&&this.itemComponents.length>0?this.itemComponents.toArray():this.items;if(!e||0===e.length)throw new Error("items are required");return e.forEach((function(e){if(!e.routerLink&&!e.href)throw Error("item routerLink or href are required")})),e},r.prototype.handleEmptyItem=function(e){throw new Error("item content, html or text are required at position "+e)},r.prototype.getItemId=function(e,t){return e.id?e.id:0===t?this.getIdPrefix():this.getIdPrefix()+"-"+t},r}(C);Je.decorators=[{type:t.Component,args:[{selector:"desy-menu-horizontal",template:'\x3c!-- menu-horizontal --\x3e\r\n<nav [class]="[\'c-menu-horizontal\', classes] | makeHtmlList"\r\n     [attr.id]="id ? id : null"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ul class="c-menu-horizontal__list lg:flex lg:flex-wrap">\r\n    <ng-container *ngFor="let item of getItemList(); index as i">\r\n      <li *ngIf="item">\r\n        <span *ngIf="item.active; else elseBlock" [attr.id]="getItemId(item, i)"\r\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"\r\n              [attr.title]="item.title ? item.title : null"\r\n              [attr.role]="item.role ? item.role : null"\r\n              aria-current="page"\r\n              [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n              [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n              [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n              [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n              [attr.aria-disabled]="item.ariaDisabled ? item.ariaDisabled : null"\r\n              [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n              [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n              [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n              [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n              [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n              [attr.tabindex]="item.tabindex ? item.tabindex : null">\r\n          <strong (desyContentEmpty)="handleEmptyItem(i)">\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n          </strong>\r\n        </span>\r\n        <ng-template #elseBlock>\r\n          <a *ngIf="item.routerLink && !item.href" (click)="onClick($event, item)"\r\n             [attr.id]="getItemId(item, i)"\r\n             [routerLink]="item.routerLink"\r\n             [fragment]="item.fragment"\r\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"\r\n             [ngClass]="{\'no-underline pointer-events-none\': item.disabled}"\r\n             [attr.disabled]="item.disabled ? \'disabled\' : null"\r\n             [attr.aria-disabled]="item.disabled ? item.disabled : null"\r\n             [attr.tabindex]="item.disabled ? -1 : item.tabindex"\r\n             [attr.title]="item.title ? item.title : null"\r\n             [attr.role]="item.role ? item.role : null"\r\n             [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n             [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n             [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n             [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n             [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n             [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n             [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n             [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n             [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n             [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null">\r\n             <span class="flex items-center pointer-events-none" (desyContentEmpty)="handleEmptyItem(i)">\r\n               <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n             </span>\r\n          </a>\r\n          <a *ngIf="!item.routerLink && item.href" (click)="onClick($event, item)"\r\n             [attr.id]="getItemId(item, i)"\r\n             [href]="item.href | externalHref"\r\n             [target]="item.target"\r\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"\r\n             [ngClass]="{\'no-underline pointer-events-none\': item.disabled}"\r\n             [attr.disabled]="item.disabled ? \'disabled\' : null"\r\n             [attr.aria-disabled]="item.disabled ? item.disabled : null"\r\n             [attr.tabindex]="item.disabled ? -1 : item.tabindex"\r\n             [attr.title]="item.title ? item.title : null"\r\n             [attr.role]="item.role ? item.role : null"\r\n             [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n             [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n             [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n             [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n             [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n             [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n             [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n             [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n             [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n             [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null">\r\n             <span class="flex items-center pointer-events-none" (desyContentEmpty)="handleEmptyItem(i)">\r\n               <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n             </span>\r\n          </a>\r\n        </ng-template>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</nav>\r\n\x3c!-- /menu-horizontal --\x3e\r\n'}]}],Je.propDecorators={id:[{type:t.Input}],idPrefix:[{type:t.Input}],classes:[{type:t.Input}],items:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[Qe]}],clickEvent:[{type:t.Output}]};var Ze=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Ze.decorators=[{type:t.Component,args:[{selector:"desy-menu-vertical-item-sub-item",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],Ze.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 et=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);et.decorators=[{type:t.Component,args:[{selector:"desy-menu-vertical-item-sub",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],et.propDecorators={classes:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[Ze]}]};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",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\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}],expanded:[{type:t.Input}],subComponent:[{type:t.ContentChildren,args:[et]}]},m([P()],tt.prototype,"subComponent",void 0);var rt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.handleItemContentEmpty=function(e,t){throw new Error((t?"Item":"Subitem")+" content, html or text ar required at position "+e)},t.prototype.getItemHtml=function(e){return e.active?e.html?"<strong>"+e.html+"</strong>":"<strong>"+M.escapeHtml(e.text)+"</strong>":e.html},t.prototype.getId=function(e,t){if(e.id)return e.id;var r=this.idPrefix?this.idPrefix:"nav-item";return 0===t?r+"-0":r+"-"+t},t.prototype.getSubItemId=function(e,t,r){var n,a=this.getItemSub(e),i=this.getSubItems(a)[r];if(i)if(i.id)n=i.id;else{var o=this.getId(e,t);n=0===r?"sub-"+o:"sub-"+o+"-"+r}return n},t.prototype.getItems=function(){var e=this.itemComponents&&this.itemComponents.length>0?this.itemComponents.toArray():this.items;if(!e||0===e.length)throw new Error("items are required");return e},t.prototype.getItemSub=function(e){return e instanceof tt?e.subComponent:e.sub},t.prototype.getSubItems=function(e){var t=e instanceof et?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!--\r\n  Template para ser utilizado tanto por los items como por los subitems:\r\n  - item: Item que representa\r\n  - index: indice del item en la lista\r\n  - id: identificador del item\r\n  - isRoot: si pertenece al nivel raiz\r\n--\x3e\r\n<ng-template #itemTemplate let-item="item" let-index="index" let-id="id" let-sub="sub" let-isRoot="isRoot">\r\n  <ng-container *ngIf="item">\r\n    <li class="m-base" [ngClass]="{\'origin-top-left text-sm\': !isRoot}">\r\n      <ng-container *ngIf="item.href || item.routerLink; else notHref">\r\n        <a *ngIf="item.href; else hasRouterLink" [attr.id]="id"\r\n           (desyContentEmpty)="handleItemContentEmpty(index, isRoot)"\r\n           [href]="item.href | externalHref"\r\n           [class]="[\'block px-xs focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\r\n           [ngClass]="{\r\n            \'underline\': hasUnderline,\r\n            \'hover:text-primary-base hover:underline\': !item.disabled,\r\n            \'no-underline pointer-events-none\': item.disabled,\r\n            \'font-bold\': item.active\r\n           }"\r\n           [attr.title]="item.title"\r\n           [attr.tabindex]="item.disabled ? -1 : null"\r\n           [attr.target]="item.target ? item.target : null"\r\n           [attr.aria-current]="item.active ? \'page\' : null"\r\n           [attr.aria-disabled]="item.disabled"\r\n           [attr.aria-describedby]="item.ariaDescribedBy"\r\n           [attr.aria-errormessage]="item.ariaErrorMessage"\r\n           [attr.aria-label]="item.ariaLabel"\r\n           [attr.aria-labelledby]="item.ariaLabelledBy"\r\n           [attr.aria-hidden]="item.ariaHidden"\r\n           [attr.aria-controls]="item.ariaControls"\r\n           [attr.aria-live]="item.ariaLive"\r\n           [attr.aria-expanded]="item.ariaExpanded"\r\n           [attr.aria-haspopup]="item.ariaHasPopup"\r\n           [attr.disabled]="item.disabled">\r\n          <ng-container *desyCustomInnerContent="{ component: item, html: getItemHtml(item), text: item.text }"></ng-container>\r\n        </a>\r\n        <ng-template #hasRouterLink>\r\n          \x3c!-- Todos los enlaces que admiten o href o routerLink estaría bien unificarlos (en todos los componentes).\r\n                Para ello, sería necesario crear una directiva para añadir o quitar la directiva routerLink si no tiene href.\r\n                Sin embargo, esto no es posible actualmente, ya que Angular todavía no permite añadir directivas dinámicamente:\r\n                https://angular.io/guide/roadmap#support-adding-directives-to-host-elements --\x3e\r\n          <a [attr.id]="id"\r\n             (desyContentEmpty)="handleItemContentEmpty(index, isRoot)"\r\n             [routerLink]="item.routerLink" [fragment]="item.fragment ? item.fragment : null"\r\n             [routerLinkActive]="item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []"\r\n             [class]="[\'block px-xs focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\r\n             [ngClass]="{\r\n              \'underline\': hasUnderline,\r\n              \'hover:text-primary-base hover:underline\': !item.disabled,\r\n              \'no-underline pointer-events-none\': item.disabled,\r\n              \'font-bold\': item.active\r\n             }"\r\n             [attr.title]="item.title"\r\n             [attr.tabindex]="item.disabled ? -1 : null"\r\n             [attr.target]="item.target ? item.target : null"\r\n             [attr.aria-current]="item.active ? \'page\' : null"\r\n             [attr.aria-disabled]="item.disabled"\r\n             [attr.aria-describedby]="item.ariaDescribedBy"\r\n             [attr.aria-errormessage]="item.ariaErrorMessage"\r\n             [attr.aria-label]="item.ariaLabel"\r\n             [attr.aria-labelledby]="item.ariaLabelledBy"\r\n             [attr.aria-hidden]="item.ariaHidden"\r\n             [attr.aria-controls]="item.ariaControls"\r\n             [attr.aria-live]="item.ariaLive"\r\n             [attr.aria-expanded]="item.ariaExpanded"\r\n             [attr.aria-haspopup]="item.ariaHasPopup"\r\n             [attr.disabled]="item.disabled">\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: getItemHtml(item), text: item.text }"></ng-container>\r\n          </a>\r\n        </ng-template>\r\n      </ng-container>\r\n      <ng-template #notHref>\r\n            <span [attr.id]="id"\r\n                  (desyContentEmpty)="handleItemContentEmpty(index, isRoot)"\r\n                  [class]="[\'block px-xs\', item.classes] | makeHtmlList"\r\n                  [ngClass]="{\'font-bold\': item.active}"\r\n\r\n                  [attr.title]="item.title"\r\n                  [attr.tabindex]="item.disabled ? -1 : null"\r\n                  [attr.aria-current]="item.active ? \'page\' : null"\r\n                  [attr.aria-disabled]="item.disabled"\r\n                  [attr.aria-describedby]="item.ariaDescribedBy"\r\n                  [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                  [attr.aria-label]="item.ariaLabel"\r\n                  [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                  [attr.aria-hidden]="item.ariaHidden"\r\n                  [attr.aria-controls]="item.ariaControls"\r\n                  [attr.aria-live]="item.ariaLive"\r\n                  [attr.aria-expanded]="item.ariaExpanded"\r\n                  [attr.aria-haspopup]="item.ariaHasPopup"\r\n                  [attr.disabled]="item.disabled">\r\n              <ng-container *desyCustomInnerContent="{ component: item, html: getItemHtml(item), text: item.text }"></ng-container>\r\n            </span>\r\n      </ng-template>\r\n      <ng-container *ngIf="isRoot && sub">\r\n        <ul *ngIf="getSubItems(sub)" [ngClass]="sub.classes"\r\n            [attr.aria-describedby]="sub.ariaDescribedBy"\r\n            [attr.aria-errormessage]="sub.ariaErrorMessage"\r\n            [attr.aria-label]="sub.ariaLabel"\r\n            [attr.aria-labelledby]="sub.ariaLabelledBy"\r\n            [attr.aria-hidden]="sub.ariaHidden"\r\n            [attr.aria-disabled]="sub.ariaDisabled"\r\n            [attr.aria-controls]="sub.ariaControls"\r\n            [attr.aria-current]="sub.ariaCurrent"\r\n            [attr.aria-live]="sub.ariaLive"\r\n            [attr.aria-expanded]="sub.ariaExpanded"\r\n            [attr.aria-haspopup]="sub.ariaHasPopup"\r\n            [attr.tabindex]="sub.tabindex">\r\n          <ng-container *ngFor="let subItem of getSubItems(sub); index as subIndex">\r\n            <ng-container [ngTemplateOutlet]="itemTemplate"\r\n                          [ngTemplateOutletContext]="{\r\n                           item: subItem,\r\n                           id: getSubItemId(item, index, subIndex),\r\n                           index: subIndex,\r\n                           isRoot: false\r\n                          }">\r\n            </ng-container>\r\n          </ng-container>\r\n        </ul>\r\n        <div *ngIf="!getSubItems(sub)"\r\n             [class]="[\'mb-base px-xs origin-top-left text-sm text-neutral-dark\', sub.classes] | makeHtmlList"\r\n             [id]="\'sub-\' + id">\r\n          <ng-container *desyCustomInnerContent="{ component: sub, html: sub.html }"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n    </li>\r\n    <li *ngIf="item.divider" class="my-sm border-b border-neutral-base" aria-hidden="true">\r\n      <div class="sr-only">Separador</div>\r\n    </li>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<nav [ngClass]="classes"\r\n     [attr.role]="(role ? role : null)"\r\n     [attr.aria-describedby]="ariaDescribedBy"\r\n     [attr.aria-errormessage]="ariaErrorMessage"\r\n     [attr.aria-label]="ariaLabel"\r\n     [attr.aria-labelledby]="ariaLabelledBy"\r\n     [attr.aria-hidden]="ariaHidden"\r\n     [attr.aria-disabled]="ariaDisabled"\r\n     [attr.aria-controls]="ariaControls"\r\n     [attr.aria-current]="ariaCurrent"\r\n     [attr.aria-live]="ariaLive"\r\n     [attr.aria-expanded]="ariaExpanded"\r\n     [attr.aria-haspopup]="ariaHasPopup"\r\n     [attr.tabindex]="tabindex">\r\n  <ul class="text-base">\r\n    <ng-container *ngFor="let item of getItems(); index as index">\r\n      <ng-container [ngTemplateOutlet]="itemTemplate"\r\n                    [ngTemplateOutletContext]="{  item: item, id: getId(item, index), index: index, sub: getItemSub(item), isRoot: true }">\r\n      </ng-container>\r\n    </ng-container>\r\n  </ul>\r\n</nav>\r\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:[tt]}]};var nt=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}();nt.decorators=[{type:t.Directive,args:[{selector:"[desyMenubaritem]"}]}],nt.ctorParameters=function(){return[{type:t.ElementRef}]},nt.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 at=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.selected=new t.EventEmitter,r.checkedChange=new t.EventEmitter,r}return u(r,e),r}(v);at.decorators=[{type:t.Component,args:[{selector:"desy-menubar-subsubitem",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],at.propDecorators={html:[{type:t.Input}],text:[{type:t.Input}],checked:[{type:t.Input}],selected:[{type:t.Output}],checkedChange:[{type:t.Output}]};var it=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.selected=new t.EventEmitter,r.checkedChange=new t.EventEmitter,r}return u(r,e),r.prototype.getSubItems=function(){return this.subItems.toArray()},r}(v);it.decorators=[{type:t.Component,args:[{selector:"desy-menubar-subitem",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],it.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:[at]}]};var ot=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.selected=new t.EventEmitter,r}return u(r,e),r.prototype.getSubItems=function(){return this.subItems.toArray()},r}(v);ot.decorators=[{type:t.Component,args:[{selector:"desy-menubar-item",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],ot.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:[it]}]};var lt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);lt.decorators=[{type:t.Component,args:[{selector:"desy-menubar-label",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],lt.propDecorators={classes:[{type:t.Input}]};var st=function(e){function r(r){var n=e.call(this)||this;return n.changeDetectorRef=r,n.itemsChange=new t.EventEmitter,n.activeItemChange=new t.EventEmitter,n.activeSubItemChange=new t.EventEmitter,n.viewInit=!1,n.currentFocusItemIndex=0,n}return u(r,e),r.prototype.ngOnChanges=function(e){this.viewInit&&this.checkChanges()},r.prototype.ngAfterViewInit=function(){this.viewInit=!0,this.checkChanges()},r.prototype.checkChanges=function(){var e=this;if(this.menuItems){this.menuData=[],this.getItems().forEach((function(t,r){var n={open:!1,currentFocusSubItemIndex:0,currentFocusSubSubItemIndex:0,menuItem:e.menuItems.toArray()[r]};e.menuData.push(n)})),this.viewInit&&this.checkRequired();var t=this.currentFocusItemIndex,r=this.getItems();if(r)for(;!this.isItemFocusable(this.currentFocusItemIndex%r.length)&&(this.currentFocusItemIndex=(this.currentFocusItemIndex+r.length+1)%r.length,this.currentFocusItemIndex!==t););}},r.prototype.handleMenuFocusIn=function(){this.isFocused=!0,this.changeDetectorRef.detectChanges()},r.prototype.handleMenuFocusOut=function(e){this.menubar.nativeElement.contains(e.relatedTarget)||this.closeMenu(),this.isFocused=!1,this.changeDetectorRef.detectChanges()},r.prototype.handleMenuItemClick=function(e,t){if(this.hasPopupMenu(t)){e.preventDefault();var r=this.menuData[t].open;this.closeMenu(),r||this.openMenu(t)}else this.activateMenuItem(t)},r.prototype.handleMenuItemKeydown=function(e,t){var r=this;switch(e.key){case"Enter":case" ":case"ArrowDown":this.hasPopupMenu(t)&&(this.openMenu(t),setTimeout((function(){return r.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 r.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())}},r.prototype.handleMenuItemMouseOver=function(e){this.focusItem(e,!0)},r.prototype.handlePopupMenuItemClick=function(e,t,r){this.activatePopupMenuItem(e,t,r),this.focusItem(e),this.closeMenu(e)},r.prototype.handlePopupMenuItemKeydown=function(e,t,r,n){var a=this.menuData[t].currentFocusSubItemIndex,i=this.menuData[t].currentFocusSubSubItemIndex,o=this.getItems();switch(e.key){case" ":this.activatePopupMenuItem(t,r,n),this.mustCloseAfterSelectPopupItem(t,r,n)&&(this.closeMenu(t),this.focusItem(t)),e.stopPropagation(),e.preventDefault();break;case"Enter":this.activatePopupMenuItem(t,r,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,a,i,-1),e.stopPropagation(),e.preventDefault();break;case"ArrowDown":this.focusNextAvailableSubItem(t,a,i,1),e.stopPropagation(),e.preventDefault();break;case"ArrowLeft":this.closeMenu(t),this.focusItem((t+o.length-1)%o.length),e.stopPropagation(),e.preventDefault();break;case"ArrowRight":this.closeMenu(t),this.focusItem((t+o.length+1)%o.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())}},r.prototype.handlePopupMenuItemMouseOver=function(e,t,r){this.focusSubItem(e,t,r)},r.prototype.checkRequired=function(){if(!this.id)throw Error("id is required");if(!this.ariaLabel)throw Error("ariaLabel is required");var e=this.getItems();if(!e||0===e.length)throw Error("Items are required")},r.prototype.handleEmptyItem=function(e){throw Error(e)},r.prototype.activateMenuItem=function(e){var t=this.getItems();this.activeItemChange.emit(t[e]),t[e]instanceof ot&&t[e].selected.emit()},r.prototype.activatePopupMenuItem=function(e,t,r){var n=this.getItems(),a=this.getItemSubitems(n[e])[t],i=[];null!=r&&(a=(i=this.getSubItemSubitems(a))[r]);var o=!1;"menuitemcheckbox"===a.role?(a.checked=!a.checked,o=!0):"menuitemradio"===a.role&&(o=!a.checked,i.forEach((function(e){return e.checked=!1})),a.checked=!0),this.itemsChange.emit(n),this.activeSubItemChange.emit(a),(a instanceof it||a instanceof at)&&(a.selected.emit(),o&&a.checkedChange.emit(a.checked))},r.prototype.mustCloseAfterSelectPopupItem=function(e,t,r){var n=this.getItems(),a=this.getItemSubitems(n[e])[t];null!=r&&(a=this.getSubItemSubitems(a)[r]);return"menuitemcheckbox"!==a.role&&"menuitemradio"!==a.role},r.prototype.openMenu=function(e){var t=this.menuData[e].open;this.menuData[e].open=!0,t&&this.activateMenuItem(e)},r.prototype.closeMenu=function(e){null!=e?this.menuData[e].open=!1:this.menuData.forEach((function(e){return e.open=!1}))},r.prototype.hasPopupMenu=function(e){var t=this.getItems(),r=this.getItemSubitems(t[e]);return t[e].sub&&r&&r.length>0},r.prototype.isPrintableChar=function(e){return 1===e.length&&!!e.match(/\S/)},r.prototype.getMenuDataIndex=function(e,t,r){for(var n=0,a=this.getItems(),i=this.getItemSubitems(a[e]),o=0;o<t;o++){var l=i[o],s=this.getSubItemSubitems(l);n+=s&&s.length>0?s.length:1}return null!=r&&(n+=r),n},r.prototype.focusItem=function(e,t){var r=this.menubar.nativeElement.contains(document.activeElement),n=this.menuData[this.currentFocusItemIndex].open;t&&!r||this.menuData[e].menuItem.link.nativeElement.focus(),this.closeMenu(),n&&this.hasPopupMenu(e)&&this.openMenu(e),this.currentFocusItemIndex=e},r.prototype.focusNextAvailableItem=function(e,t){var r=e,n=this.getItems();do{r=(r+n.length+t)%n.length}while(!this.isItemFocusable(r)&&r!==e);r!==e&&this.focusItem(r)},r.prototype.focusFirstItem=function(){this.isItemFocusable(0)?this.focusItem(0):this.focusNextAvailableItem(0,1)},r.prototype.focusLastItem=function(){var e=this.getItems();this.isItemFocusable(e.length-1)?this.focusItem(e.length-1):this.focusNextAvailableItem(e.length-1,-1)},r.prototype.isItemFocusable=function(e){return!this.getItems()[e].disabled},r.prototype.focusItemByFirstChar=function(e){var t=this.menuItems.map((function(e){return e.itemContentWrapper.nativeElement.textContent})),r=this.currentFocusItemIndex,n=-1;do{t[r=(r+t.length+1)%t.length]&&t[r].trim().substr(0,1).toLowerCase()===e.toLowerCase()&&this.isItemFocusable(r)&&(n=r)}while(-1===n&&r!==this.currentFocusItemIndex);n>=0&&this.focusItem(n)},r.prototype.focusSubItem=function(e,t,r){if(this.menuData[e].menuItem.popupMenuItems.length>0){var n=this.getMenuDataIndex(e,t,r);this.menuData[e].currentFocusSubItemIndex=t,this.menuData[e].currentFocusSubSubItemIndex=r;var a=this.menuData[e].menuItem.popupMenuItems.toArray()[n].nativeElement;a?a.focus():console.error("No subitem to focus")}else console.error("No subitems")},r.prototype.focusNextAvailableSubItem=function(e,t,r,n){var a,i=t,o=r,l=this.getItems();do{var s=this.getNextSubItemIndexes(l,e,i,o,n);i=s.subIndex,o=s.subSubIndex,a=t===i&&r===o}while(!this.isSubItemFocusable(e,i,o)&&!a);a||this.focusSubItem(e,i,o)},r.prototype.focusFirstSubItem=function(e){var t=null,r=this.getItems(),n=this.getItemSubitems(r[e]),a=this.getSubItemSubitems(n[0]);a&&a.length>0&&(t=0),this.isSubItemFocusable(e,0,t)?this.focusSubItem(e,0,t):this.focusNextAvailableSubItem(e,0,t,1)},r.prototype.focusLastSubItem=function(e){var t=this.getItems(),r=this.getItemSubitems(t[e]),n=r.length-1,a=r[n],i=this.getSubItemSubitems(a),o=null;i&&i.length>0&&(o=i.length-1),this.isSubItemFocusable(e,n,o)?this.focusSubItem(e,n,o):this.focusNextAvailableSubItem(e,n,o,-1)},r.prototype.isSubItemFocusable=function(e,t,r){var n=this.getItems(),a=this.getItemSubitems(n[e])[t];null!=r&&(a=this.getSubItemSubitems(a)[r]);var i=!1;return"separator"!==a.role&&"none"!==a.role&&(i=!0),i},r.prototype.focusSubItemByFirstChar=function(e,t){var r=this.menuItems.toArray()[e].popupMenuItems.map((function(e){return e.nativeElement.textContent})),n=this.menuData[e].currentFocusSubItemIndex,a=this.menuData[e].currentFocusSubSubItemIndex,i=-1,o=null,l=!1,s=this.getItems();do{var d=this.getNextSubItemIndexes(s,e,n,a,1);n=d.subIndex,a=d.subSubIndex;var p=this.getMenuDataIndex(e,n,a);r[p]&&r[p].trim().substr(0,1).toLowerCase()===t.toLowerCase()&&this.isSubItemFocusable(e,n,a)&&(i=n,o=a),l=this.menuData[e].currentFocusSubItemIndex===n&&this.menuData[e].currentFocusSubSubItemIndex===a}while(-1===i&&!l);i>=0&&this.focusSubItem(e,i,o)},r.prototype.getItems=function(){return this.itemComponentList&&this.itemComponentList.length>0?this.itemComponentList.toArray():this.items},r.prototype.getItemSubitems=function(e){var t=[];return e instanceof ot&&(t=e.getSubItems()),t&&0!==t.length||(t=e.sub?e.sub.items:[]),t},r.prototype.getSubItemSubitems=function(e){var t=[];return"group"===e.role&&(e instanceof it&&(t=e.getSubItems()),t&&0!==t.length||(t=e.items?e.items:[])),t},r.prototype.getNextSubItemIndexes=function(e,t,r,n,a){var i=this.getItemSubitems(e[t]),o=this.getSubItemSubitems(i[r]),l=!0;if(o&&o.length>0&&n+a>=0&&n+a<o.length&&(n+=a,l=!1),l){r=(r+a+i.length)%i.length;var s=this.getSubItemSubitems(i[r]);n=s&&s.length>0?((a>0?-1:0)+a+s.length)%s.length:null}return{subIndex:r,subSubIndex:n}},r.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:this.id+"menubar-item"},r.prototype.getLabelRef=function(){return this.labelComponent?this.labelComponent.getContent():this.labelRef},r.prototype.getLabelContent=function(){var e;return this.labelData?e=this.labelData.html?this.labelData.html:"<p>"+M.escapeHtml(this.labelData.text)+"</p>":this.labelText&&(e="<p>"+M.escapeHtml(this.labelText)+"</p>"),e},r.prototype.getItemId=function(e,t){var r;return e&&(r=e.id?e.id:0===t?this.getIdPrefix():this.getIdPrefix()+"-"+t),r},r.prototype.getPopupStyle=function(e){var t={};if(this.menuData&&e<this.menuData.length){var r=this.menuData[e].menuItem.link.nativeElement.getBoundingClientRect();t=this.menuData[e].open?{position:"absolute",top:r.height-1+"px",left:"0px",zIndex:100,display:"block"}:{zIndex:0,display:"none"}}return t},r.prototype.getSubItemId=function(e,t,r){var n;return e&&(n=e.id?e.id:0===t?"sub-"+r:"sub-"+r+"-"+t),n},r.prototype.getSubSubItemAriaChecked=function(e){var t=null;return"menuitemcheckbox"!==e.role&&"menuitemradio"!==e.role||(t=!!e.checked),t},r}(C);st.decorators=[{type:t.Component,args:[{selector:"desy-menubar",template:'<div [attr.id]="id" [class]="[\'c-menubar\', classes] | makeHtmlList"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.aria-modal]="ariaModal ? ariaModal : null"\r\n     [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-container *ngIf="getLabelRef()">\r\n    <div [id]="id + \'-label\'" [class]="[\'mb-sm\', labelComponent ? labelComponent.classes : (labelData ? labelData.classes : null)] | makeHtmlList">\r\n      <ng-container *ngTemplateOutlet="getLabelRef()"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n  <ng-container *ngIf="!getLabelRef() && (labelData || labelText)">\r\n    <div [id]="id + \'-label\'" [class]="[\'mb-sm\', labelData ? labelData.classes : null] | makeHtmlList">\r\n      <ng-container *desyCustomInnerContent="{ html: getLabelContent() }"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n  <ul #menubar [id]="id + \'-menubar\'" class="lg:flex lg:flex-wrap" role="menubar"\r\n      (focusin)="handleMenuFocusIn()"\r\n      (focusout)="handleMenuFocusOut($event)"\r\n      [ngClass]="{ \'focus\': isFocused }"\r\n      [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n      [attr.aria-describedby]="getLabelRef() || labelData || labelText ? id + \'-label\' : null">\r\n    <ng-container *ngFor="let item of getItems(); index as itemIndex">\r\n      <li class="relative" role="none" desyMenubaritem (contentChanged)="checkChanges()">\r\n        <a *ngIf="item.sub" #link\r\n           role="menuitem" aria-haspopup="true" aria-expanded="false"\r\n           (click)="handleMenuItemClick($event, itemIndex)"\r\n           (keydown)="handleMenuItemKeydown($event, itemIndex)"\r\n           (mouseover)="handleMenuItemMouseOver(itemIndex)"\r\n           (desyAttributeChange)="checkChanges()" [attributesToCheck]="\'disabled\'"\r\n           [id]="getItemId(item, itemIndex)"\r\n           [class]="[\'c-menubar__button\', item.classes] | makeHtmlList"\r\n           [ngClass]="{\'c-menubar__button--disabled\': item.disabled, \'c-menubar__button--primary\': item.active}"\r\n           [attr.disabled]="item.disabled ? item.disabled : null"\r\n           [attr.aria-disabled]="item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)"\r\n           [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n           [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n           [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n           [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n           [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n           [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n           [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n           [attr.aria-modal]="item.ariaModal ? item.ariaModal : null"\r\n           [attr.tabindex]="item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)">\r\n          <span class="inline-flex self-center max-w-xs align-middle truncate" #itemContentWrapper\r\n                (desyContentEmpty)="handleEmptyItem(\'item content, html or text is required at position \' + itemIndex)">\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text}"></ng-container>\r\n          </span>\r\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>\r\n        </a>\r\n        <a *ngIf="item.routerLink && !item.sub" #link #itemContentWrapper\r\n           role="menuitem"\r\n           (click)="handleMenuItemClick($event, itemIndex)"\r\n           (keydown)="handleMenuItemKeydown($event, itemIndex)"\r\n           (mouseover)="handleMenuItemMouseOver(itemIndex)"\r\n           (desyContentEmpty)="handleEmptyItem(\'item content, html or text is required at position \' + itemIndex)"\r\n           (desyAttributeChange)="checkChanges()" [attributesToCheck]="\'disabled\'"\r\n           [id]="getItemId(item, itemIndex)"\r\n           [routerLink]="item.routerLink"\r\n           [routerLinkActive]="item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []"\r\n           [fragment]="item.fragment"\r\n           [class]="[\'c-menubar__button\', item.classes] | makeHtmlList"\r\n           [ngClass]="{\'c-menubar__button--disabled\': item.disabled, \'c-menubar__button--primary\': item.active}"\r\n           [attr.title]="item.title ? item.title : null"\r\n           [attr.disabled]="item.disabled ? item.disabled : null"\r\n           [attr.aria-disabled]="item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)"\r\n           [attr.tabindex]="item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)"\r\n           [attr.target]="item.target ? item.target : null"\r\n           [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n           [attr.aria-labelledBy]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n           [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n           [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n           [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n           [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n           [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n           [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n           [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n           [attr.aria-modal]="item.ariaModal ? item.ariaModal : null">\r\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text}"></ng-container>\r\n        </a>\r\n        <a *ngIf="!item.routerLink && item.href && !item.sub" #link #itemContentWrapper\r\n           role="menuitem"\r\n           (click)="handleMenuItemClick($event, itemIndex)"\r\n           (keydown)="handleMenuItemKeydown($event, itemIndex)"\r\n           (mouseover)="handleMenuItemMouseOver(itemIndex)"\r\n           (desyContentEmpty)="handleEmptyItem(\'item content, html or text is required at position \' + itemIndex)"\r\n           (desyAttributeChange)="checkChanges()" [attributesToCheck]="\'disabled\'"\r\n           [id]="getItemId(item, itemIndex)"\r\n           [href]="item.href | externalHref"\r\n           [class]="[\'c-menubar__button\', item.classes] | makeHtmlList"\r\n           [ngClass]="{\'c-menubar__button--disabled\': item.disabled, \'c-menubar__button--primary\': item.active}"\r\n           [attr.title]="item.title ? item.title : null"\r\n           [attr.disabled]="item.disabled ? item.disabled : null"\r\n           [attr.aria-disabled]="item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)"\r\n           [attr.tabindex]="item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)"\r\n           [attr.target]="item.target ? item.target : null"\r\n           [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n           [attr.aria-labelledBy]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n           [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n           [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n           [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n           [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n           [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n           [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n           [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n           [attr.aria-modal]="item.ariaModal ? item.ariaModal : null">\r\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text}"></ng-container>\r\n        </a>\r\n\r\n        <ul *ngIf="item.sub && getItemSubitems(item)" #popupMenu role="menu" tabindex="-1"\r\n            [ngStyle]="getPopupStyle(itemIndex)"\r\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"\r\n            [attr.aria-label]="item.ariaLabel ? item.ariaLabel : (item.sub.ariaLabel ? item.sub.ariaLabel : null)"\r\n            [attr.aria-describedby]="item.sub.ariaDescribedBy ? item.sub.ariaDescribedBy : null"\r\n            [attr.aria-labelledby]="item.sub.ariaLabelledBy ? item.sub.ariaLabelledBy : null"\r\n            [attr.aria-hidden]="item.sub.ariaHidden ? item.sub.ariaHidden : null"\r\n            [attr.aria-disabled]="item.sub.ariaDisabled ? item.sub.ariaDisabled : null"\r\n            [attr.aria-controls]="item.sub.ariaControls ? item.sub.ariaControls : null"\r\n            [attr.aria-current]="item.sub.ariaCurrent ? item.sub.ariaCurrent : null"\r\n            [attr.aria-live]="item.sub.ariaLive ? item.sub.ariaLive : null"\r\n            [attr.aria-expanded]="!!(menuData && menuData[itemIndex].open)"\r\n            [attr.aria-errormessage]="item.sub.ariaErrorMessage ? item.sub.ariaErrorMessage : null"\r\n            [attr.aria-haspopup]="item.sub.ariaHasPopup ? item.sub.ariaHasPopup : null"\r\n            [attr.aria-modal]="item.sub.ariaModal ? item.sub.ariaModal : null">\r\n          <ng-container *ngFor="let subItem of getItemSubitems(item); index as subItemIndex">\r\n            <ng-container [ngSwitch]="subItem.role">\r\n              <li #popupMenuItem *ngSwitchCase="\'none\'" role="none" tabindex="-1"\r\n                  [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\r\n                  (desyContentEmpty)="handleEmptyItem(\'subitem content, html or text is required at position \' + subItemIndex + \' of item \' + itemIndex)"\r\n                  (click)="handlePopupMenuItemClick(itemIndex, subItemIndex)"\r\n                  (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex)"\r\n                  (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)">\r\n                <ng-container *desyCustomInnerContent="{ component: subItem, html: subItem.html, text: subItem.text}"></ng-container>\r\n              </li>\r\n              <li *ngSwitchCase="\'group\'" role="none">\r\n                <ul role="group" [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\r\n                    [attr.aria-label]="subItem.ariaLabel ? subItem.ariaLabel : null">\r\n                  <ng-container *ngFor="let subsubitem of getSubItemSubitems(subItem); index as subsubIndex">\r\n                    <ng-container *ngIf="subsubitem">\r\n                      <li #popupMenuItem [attr.role]="subsubitem.role ? subsubitem.role : null"  tabindex="-1"\r\n                          [id]="getSubItemId(subsubitem, subsubIndex, getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex)))"\r\n                          (desyContentEmpty)="handleEmptyItem(\'subsubitem content, html or text is required at position \' + subsubIndex + \' of subItem \' + subItemIndex + \' of item \' + itemIndex)"\r\n                          (click)="handlePopupMenuItemClick(itemIndex, subItemIndex, subsubIndex)"\r\n                          (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex, subsubIndex)"\r\n                          (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex, subsubIndex)"\r\n                          [attr.aria-checked]="getSubSubItemAriaChecked(subsubitem)"\r\n                          class="flex items-center pr-base pl-lg py-sm cursor-pointer hover:bg-primary-base hover:text-white">\r\n                        <ng-container *desyCustomInnerContent="{ component: subsubitem, html: subsubitem.html, text: subsubitem.text}"></ng-container>\r\n                      </li>\r\n                    </ng-container>\r\n                  </ng-container>\r\n                </ul>\r\n              </li>\r\n              <li #popupMenuItem *ngSwitchCase="\'menuitem\'" role="menuitem" tabindex="-1"\r\n                  (desyContentEmpty)="handleEmptyItem(\'subitem content, html or text is required at position \' + subItemIndex + \' of item \' + itemIndex)"\r\n                  (click)="handlePopupMenuItemClick(itemIndex, subItemIndex)"\r\n                  (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex)"\r\n                  (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)"\r\n                  [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\r\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">\r\n                <ng-container *desyCustomInnerContent="{ component: subItem, html: subItem.html, text: subItem.text}"></ng-container>\r\n              </li>\r\n              <li #popupMenuItem *ngSwitchCase="\'menuitemcheckbox\'" role="menuitemcheckbox" tabindex="-1"\r\n                  (desyContentEmpty)="handleEmptyItem(\'subitem content, html or text is required at position \' + subItemIndex + \' of item \' + itemIndex)"\r\n                  (click)="handlePopupMenuItemClick(itemIndex, subItemIndex)"\r\n                  (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex)"\r\n                  (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)"\r\n                  [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\r\n                  [attr.aria-checked]="!!subItem.checked"\r\n                  class="flex items-center pr-base pl-lg py-sm cursor-pointer hover:bg-primary-base hover:text-white">\r\n                <ng-container *desyCustomInnerContent="{ component: subItem, html: subItem.html, text: subItem.text}"></ng-container>\r\n              </li>\r\n              <li #popupMenuItem *ngSwitchCase="\'separator\'" role="separator"\r\n                  [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\r\n                  class="my-sm border-b border-neutral-base">\r\n              </li>\r\n            </ng-container>\r\n          </ng-container>\r\n        </ul>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</div>\r\n'}]}],st.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},st.propDecorators={id:[{type:t.Input}],idPrefix:[{type:t.Input}],classes:[{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}],menubar:[{type:t.ViewChild,args:["menubar",{read:t.ElementRef}]}],menuItems:[{type:t.ViewChildren,args:[nt]}],labelComponent:[{type:t.ContentChildren,args:[lt]}],itemComponentList:[{type:t.ContentChildren,args:[ot]}]},m([P()],st.prototype,"labelComponent",void 0);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-notification-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],dt.propDecorators={href:[{type:t.Input}],target:[{type:t.Input}],routerLink:[{type:t.Input}],fragment:[{type:t.Input}],id:[{type:t.Input}]};var pt=function(e){function r(r){var n=e.call(this)||this;return n.changeDetectorRef=r,n.isOpen=!0,n.isOpenChange=new t.EventEmitter,n.isDismissing=!1,n.displayDefaultIcon=!1,n}return u(r,e),r.prototype.dismiss=function(){var e=this;this.isDismissing=!0,setTimeout((function(){e.isDismissing=!1,e.isOpenChange.emit(!1)}),75)},r.prototype.getType=function(){var e;return this.type&&(e=this.type.toLocaleLowerCase()),e},r.prototype.getItems=function(){return this.itemCompontents&&this.itemCompontents.length>0?this.itemCompontents.toArray():this.items},r.prototype.handleIconEmpty=function(e){this.displayDefaultIcon=e,this.changeDetectorRef.detectChanges()},r.prototype.handleRequiredEmpty=function(e){throw new Error(e)},r.prototype.ngOnChanges=function(e){if(!this.id)throw new Error("id is required")},r}(C);pt.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\') "\r\n     *ngIf="isOpen && !isDismissing"\r\n     @displayNotification\r\n     [attr.role]="role"\r\n     [attr.aria-describedby]="ariaDescribedBy"\r\n     [attr.aria-errormessage]="ariaErrorMessage"\r\n     [attr.aria-label]="ariaLabel"\r\n     [attr.aria-labelledby]="ariaLabelledBy"\r\n     [attr.aria-hidden]="ariaHidden"\r\n     [attr.aria-disabled]="ariaDisabled"\r\n     [attr.aria-controls]="ariaControls"\r\n     [attr.aria-current]="ariaCurrent"\r\n     [attr.aria-live]="ariaLive"\r\n     [attr.aria-expanded]="ariaExpanded"\r\n     [attr.aria-haspopup]="ariaHasPopup"\r\n     [attr.tabindex]="tabindex">\r\n  <div *ngIf="iconComponent || icon || type" class="h-full mr-base"\r\n       (desyContentEmpty)="handleIconEmpty(true)"\r\n       (desyContentNotEmpty)="handleIconEmpty(false)">\r\n    <ng-container *desyCustomInnerContent="{ component: iconComponent, html: icon ? icon.html : null }"></ng-container>\r\n    <ng-container *ngIf="displayDefaultIcon && type">\r\n      <ng-container [ngSwitch]="getType()">\r\n        <svg *ngSwitchCase="\'success\'" #desyContentEmptyIgnore xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-5 h-5 text-success-dark" aria-label="É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>\r\n        <svg *ngSwitchCase="\'alert\'" #desyContentEmptyIgnore xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-5 h-5 text-alert-base" aria-label="Error" focusable="false" role="img"><path d="M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z" fill="currentColor"/></svg>\r\n        <svg *ngSwitchCase="\'info\'" #desyContentEmptyIgnore xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-5 h-5 text-primary-base" aria-label="Informació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>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n  <div class="lg:flex flex-1 self-center">\r\n    <div class="lg:flex-1 lg:self-center">\r\n      <ng-container [ngSwitch]="headingLevel">\r\n        <h1 *ngSwitchCase="1" [id]="id ? id + \'-title\' : null" tabindex="-1"\r\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList"\r\n            (desyContentEmpty)="handleRequiredEmpty(\'title content, html or text are required\')">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }"></ng-container>\r\n        </h1>\r\n        <h2 *ngSwitchCase="2" [id]="id ? id + \'-title\' : null" tabindex="-1"\r\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList"\r\n            (desyContentEmpty)="handleRequiredEmpty(\'title content, html or text are required\')">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }"></ng-container>\r\n        </h2>\r\n        <h3 *ngSwitchCase="3" [id]="id ? id + \'-title\' : null" tabindex="-1"\r\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList"\r\n            (desyContentEmpty)="handleRequiredEmpty(\'title content, html or text are required\')">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }"></ng-container>\r\n        </h3>\r\n        <h4 *ngSwitchCase="4" [id]="id ? id + \'-title\' : null" tabindex="-1"\r\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList"\r\n            (desyContentEmpty)="handleRequiredEmpty(\'title content, html or text are required\')">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }"></ng-container>\r\n        </h4>\r\n        <h5 *ngSwitchCase="5" [id]="id ? id + \'-title\' : null" tabindex="-1"\r\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList"\r\n            (desyContentEmpty)="handleRequiredEmpty(\'title content, html or text are required\')">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }"></ng-container>\r\n        </h5>\r\n        <p *ngSwitchDefault [id]="id ? id + \'-title\' : null" tabindex="-1"\r\n           [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList"\r\n           (desyContentEmpty)="handleRequiredEmpty(\'title content, html or text are required\')">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }"></ng-container>\r\n        </p>\r\n      </ng-container>\r\n      <ng-container *ngIf="descriptionComponent || description">\r\n        <p [class]="descriptionComponent ? descriptionComponent.classes : description.classes"\r\n           (desyContentEmpty)="handleRequiredEmpty(\'description content, html or text are required\')">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: descriptionComponent,\r\n            html: description ? description.html : null,\r\n            text: description ? description.text : null\r\n          }"></ng-container>\r\n        </p>\r\n      </ng-container>\r\n      <ul *ngIf="(itemCompontents && itemCompontents.length > 0) || items">\r\n        <ng-container *ngFor="let item of getItems(); index as i">\r\n          <li *ngIf="item.routerLink || item.href">\r\n            <a *ngIf="item.routerLink" class="c-link"\r\n               [routerLink]="item.routerLink"\r\n               [fragment]="item.fragment"\r\n               [ngClass]="{\'c-link--alert\': type===\'alert\'}"\r\n               [attr.id]="item.id ? item.id : null"\r\n               [attr.role]="item.role"\r\n               [attr.ariaLabel]="item.ariaLabel"\r\n               [attr.ariaDescribedBy]="item.ariaDescribedBy"\r\n               [attr.ariaLabelledBy]="item.ariaLabelledBy"\r\n               [attr.ariaHidden]="item.ariaHidden"\r\n               [attr.ariaDisabled]="item.ariaDisabled"\r\n               [attr.ariaControls]="item.ariaControls"\r\n               [attr.ariaCurrent]="item.ariaCurrent"\r\n               [attr.ariaLive]="item.ariaLive"\r\n               [attr.ariaExpanded]="item.ariaExpanded"\r\n               [attr.ariaErrorMessage]="item.ariaErrorMessage"\r\n               [attr.ariaHasPopup]="item.ariaHasPopup"\r\n               [attr.tabindex]="item.tabindex"\r\n               (desyContentEmpty)="handleRequiredEmpty(\'item content, html or text are required at position \' + i)">\r\n              <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n            </a>\r\n            <a *ngIf="!item.routerLink && item.href" class="c-link"\r\n               [href]="item.href | externalHref"\r\n               [target]="item.target"\r\n               [ngClass]="{\'c-link--alert\': type===\'alert\'}"\r\n               [attr.id]="item.id ? item.id : null"\r\n               [attr.role]="item.role"\r\n               [attr.ariaLabel]="item.ariaLabel"\r\n               [attr.ariaDescribedBy]="item.ariaDescribedBy"\r\n               [attr.ariaLabelledBy]="item.ariaLabelledBy"\r\n               [attr.ariaHidden]="item.ariaHidden"\r\n               [attr.ariaDisabled]="item.ariaDisabled"\r\n               [attr.ariaControls]="item.ariaControls"\r\n               [attr.ariaCurrent]="item.ariaCurrent"\r\n               [attr.ariaLive]="item.ariaLive"\r\n               [attr.ariaExpanded]="item.ariaExpanded"\r\n               [attr.ariaErrorMessage]="item.ariaErrorMessage"\r\n               [attr.ariaHasPopup]="item.ariaHasPopup"\r\n               [attr.tabindex]="item.tabindex"\r\n               (desyContentEmpty)="handleRequiredEmpty(\'item content, html or text are required at position \' + i)">\r\n              <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n            </a>\r\n          </li>\r\n          <li *ngIf="!item.routerLink && !item.href"\r\n              (desyContentEmpty)="handleRequiredEmpty(\'item content, html or text are required at position \' + i)">\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n      <p *ngIf="contentComponent || content" [class]="[\'text-sm\', contentComponent ? contentComponent.classes : content.classes] | makeHtmlList">\r\n        <ng-container *desyCustomInnerContent="{\r\n          component: contentComponent,\r\n          html: content ? content.html : null,\r\n          text: content ? content.text : null\r\n        }"></ng-container>\r\n      </p>\r\n    </div>\r\n    <ng-container *ngIf="isDismissible">\r\n      <div class="absolute top-0 right-0 p-sm">\r\n        <button (click)="dismiss()" class="p-sm focus:bg-warning-base focus:border-warning-base focus:shadow-outline-black focus:text-black focus:outline-none" aria-label="X: Cerrar notificación">\r\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4" aria-hidden="true" role="presentation"><path d="M85.91 71.77a2.5 2.5 0 010-3.54l46.16-46.16a10 10 0 10-14.14-14.14L71.77 54.09a2.5 2.5 0 01-3.54 0L22.07 7.93A10 10 0 007.93 22.07l46.16 46.16a2.5 2.5 0 010 3.54L7.93 117.93a10 10 0 0014.14 14.14l46.16-46.16a2.5 2.5 0 013.54 0l46.16 46.16a10 10 0 0014.14-14.14z" fill="currentColor"/></svg>\r\n        </button>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n',animations:[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")])])]}]}],pt.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},pt.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:[N]}],descriptionComponent:[{type:t.ContentChildren,args:[A]}],contentComponent:[{type:t.ContentChildren,args:[O]}],iconComponent:[{type:t.ContentChildren,args:[F]}],itemCompontents:[{type:t.ContentChildren,args:[dt]}]},m([P()],pt.prototype,"titleComponent",void 0),m([P()],pt.prototype,"descriptionComponent",void 0),m([P()],pt.prototype,"contentComponent",void 0),m([P()],pt.prototype,"iconComponent",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-table-cell",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],ct.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}],colspan:[{type:t.Input}],rowspan:[{type:t.Input}]};var ut=function(){};ut.decorators=[{type:t.Component,args:[{selector:"desy-table-header",template:""}]}],ut.propDecorators={cells:[{type:t.ContentChildren,args:[ct]}]};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-caption",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],mt.propDecorators={classes:[{type:t.Input}]};var ht=function(){};ht.decorators=[{type:t.Component,args:[{selector:"desy-table-row",template:""}]}],ht.propDecorators={cells:[{type:t.ContentChildren,args:[ct]}]};var gt,bt=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(){var e=this.rowComponentList&&this.rowComponentList.length>0?this.rowComponentList.toArray():this.rows;if(!e||0===e.length)throw new Error("rows are required");return e},t.prototype.getRowCells=function(e){return e instanceof ht?e.cells.toArray():e},t.prototype.handleEmptyCell=function(e,t,r){throw e instanceof ct?new Error("Content is required for cell at position "+r+" of row "+t):new Error("Text or Html are required for cell at position "+r+" of row "+t)},t}(C);bt.decorators=[{type:t.Component,args:[{selector:"desy-table",template:'<ng-template #tableContent>\r\n  <table [class]="[\'c-table\', classes] | makeHtmlList"\r\n         [attr.id]="id ? id : null"\r\n         [attr.role]="role"\r\n         [attr.aria-describedby]="ariaDescribedBy"\r\n         [attr.aria-errormessage]="ariaErrorMessage"\r\n         [attr.aria-label]="ariaLabel"\r\n         [attr.aria-labelledby]="ariaLabelledBy"\r\n         [attr.aria-hidden]="ariaHidden"\r\n         [attr.aria-disabled]="ariaDisabled"\r\n         [attr.aria-controls]="ariaControls"\r\n         [attr.aria-current]="ariaCurrent"\r\n         [attr.aria-live]="ariaLive"\r\n         [attr.aria-expanded]="ariaExpanded"\r\n         [attr.aria-haspopup]="ariaHasPopup"\r\n         [attr.tabindex]="tabindex">\r\n    <caption *ngIf="caption || captionComponent" [class]="getCaptionClass()">\r\n      <ng-container *desyCustomInnerContent="{ component: captionComponent, text: caption ? caption : null }"></ng-container>\r\n    </caption>\r\n    <thead *ngIf="head || headerComponent">\r\n      <tr class="border-t border-b border-neutral-base">\r\n        <ng-container *ngFor="let headerCell of getHeaderCells()">\r\n          <th scope="col"\r\n              [class]="[\'align-top px-base py-sm text-left font-normal text-sm text-neutral-dark\', headerCell.classes] | makeHtmlList"\r\n              [attr.colspan]="(headerCell.colspan ?  headerCell.colspan : null)"\r\n              [attr.rowspan]="(headerCell.rowspan ? headerCell.rowspan : null)"\r\n              [attr.id]="headerCell.id ? headerCell.id : null"\r\n              [attr.role]="headerCell.role"\r\n              [attr.aria-describedby]="headerCell.ariaDescribedBy"\r\n              [attr.aria-errormessage]="headerCell.ariaErrorMessage"\r\n              [attr.aria-label]="headerCell.ariaLabel"\r\n              [attr.aria-labelledby]="headerCell.ariaLabelledBy"\r\n              [attr.aria-hidden]="headerCell.ariaHidden"\r\n              [attr.aria-disabled]="headerCell.ariaDisabled"\r\n              [attr.aria-controls]="headerCell.ariaControls"\r\n              [attr.aria-current]="headerCell.ariaCurrent"\r\n              [attr.aria-live]="headerCell.ariaLive"\r\n              [attr.aria-expanded]="headerCell.ariaExpanded"\r\n              [attr.aria-haspopup]="headerCell.ariaHasPopup"\r\n              [attr.tabindex]="headerCell.tabindex">\r\n            <ng-container *desyCustomInnerContent="{ component: headerCell, html: headerCell.html, text: headerCell.text }"></ng-container>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <tr *ngFor="let row of getRows(); index as rowIndex" class="border-t border-b border-neutral-base">\r\n          <ng-container *ngFor="let cell of getRowCells(row); first as isFirst; index as cellIndex">\r\n              <th *ngIf="firstCellIsHeader && isFirst; else elseTd" scope="row"\r\n                  (desyContentEmpty)="handleEmptyCell(cell, rowIndex, cellIndex)"\r\n                  [class]="[\'align-top px-base py-sm text-left font-normal text-sm text-neutral-dark\', cell.classes] | makeHtmlList"\r\n                  [attr.colspan]="cell.colspan ? cell.colspan  : null"\r\n                  [attr.rowspan]="cell.rowspan ? cell.rowspan  : null"\r\n                  [attr.id]="cell.id ? cell.id : null"\r\n                  [attr.role]="cell.role ? cell.role : null"\r\n                  [attr.aria-label]="cell.ariaLabel ? cell.ariaLabel : null"\r\n                  [attr.aria-describedby]="cell.ariaDescribedBy ? cell.ariaDescribedBy : null"\r\n                  [attr.aria-labelledby]="cell.ariaLabelledBy ? cell.ariaLabelledBy : null"\r\n                  [attr.aria-hidden]="cell.ariaHidden ? cell.ariaHidden : null"\r\n                  [attr.aria-disabled]="cell.ariaDisabled ? cell.ariaDisabled : null"\r\n                  [attr.aria-controls]="cell.ariaControls ? cell.ariaControls : null"\r\n                  [attr.aria-current]="cell.ariaCurrent ? cell.ariaCurrent : null"\r\n                  [attr.aria-live]="cell.ariaLive ? cell.ariaLive : null"\r\n                  [attr.aria-expanded]="cell.ariaExpanded ? cell.ariaExpanded : null"\r\n                  [attr.aria-errormessage]="cell.ariaErrorMessage ? cell.ariaErrorMessage : null"\r\n                  [attr.aria-haspopup]="cell.ariaHasPopup ? cell.ariaHasPopup : null"\r\n                  [attr.tabindex]="cell.tabindex ? cell.tabindex : null">\r\n                <ng-container *desyCustomInnerContent="{ component: cell, html: cell.html, text: cell.text }"></ng-container>\r\n              </th>\r\n              <ng-template #elseTd>\r\n                  <td [class]="[\'px-base py-sm\', cell.classes] | makeHtmlList"\r\n                      (desyContentEmpty)="handleEmptyCell(cell, rowIndex, cellIndex)"\r\n                      [attr.colspan]="cell.colspan ? cell.colspan  : null"\r\n                      [attr.rowspan]="cell.rowspan ? cell.rowspan  : null"\r\n                      [attr.id]="cell.id ? cell.id : null"\r\n                      [attr.role]="cell.role ? cell.role : null"\r\n                      [attr.aria-label]="cell.ariaLabel ? cell.ariaLabel : null"\r\n                      [attr.aria-describedby]="cell.ariaDescribedBy ? cell.ariaDescribedBy : null"\r\n                      [attr.aria-labelledby]="cell.ariaLabelledBy ? cell.ariaLabelledBy : null"\r\n                      [attr.aria-hidden]="cell.ariaHidden ? cell.ariaHidden : null"\r\n                      [attr.aria-disabled]="cell.ariaDisabled ? cell.ariaDisabled : null"\r\n                      [attr.aria-controls]="cell.ariaControls ? cell.ariaControls : null"\r\n                      [attr.aria-current]="cell.ariaCurrent ? cell.ariaCurrent : null"\r\n                      [attr.aria-live]="cell.ariaLive ? cell.ariaLive : null"\r\n                      [attr.aria-expanded]="cell.ariaExpanded ? cell.ariaExpanded : null"\r\n                      [attr.aria-errormessage]="cell.ariaErrorMessage ? cell.ariaErrorMessage : null"\r\n                      [attr.aria-haspopup]="cell.ariaHasPopup ? cell.ariaHasPopup : null"\r\n                      [attr.tabindex]="cell.tabindex ? cell.tabindex : null">\r\n                    <ng-container *desyCustomInnerContent="{ component: cell, html: cell.html, text: cell.text }"></ng-container>\r\n                  </td>\r\n              </ng-template>\r\n          </ng-container>\r\n      </tr>\r\n    </tbody>\r\n  </table>\r\n</ng-template>\r\n\r\n<div *ngIf="wrapper; else tableContent" [class]="wrapper.classes">\r\n  <ng-container *ngTemplateOutlet="tableContent"></ng-container>\r\n</div>\r\n'}]}],bt.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:[mt]}],headerComponent:[{type:t.ContentChildren,args:[ut]}],rowComponentList:[{type:t.ContentChildren,args:[ht]}]},m([P()],bt.prototype,"captionComponent",void 0),m([P()],bt.prototype,"headerComponent",void 0),e.OrderBy=void 0,(gt=e.OrderBy||(e.OrderBy={})).none="none",gt.asc="asc",gt.desc="desc";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-table-advanced-header-cell",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],yt.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}]};var ft=function(){};ft.decorators=[{type:t.Component,args:[{selector:"desy-table-advanced-header",template:""}]}],ft.propDecorators={cells:[{type:t.ContentChildren,args:[yt]}]};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-table-advanced-row-cell",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Ct.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}],colspan:[{type:t.Input}],rowspan:[{type:t.Input}]};var vt=function(){this.checkedChange=new t.EventEmitter};vt.decorators=[{type:t.Component,args:[{selector:"desy-table-advanced-row",template:""}]}],vt.propDecorators={cellsList:[{type:t.ContentChildren,args:[Ct]}],id:[{type:t.Input}],checked:[{type:t.Input}],checkedChange:[{type:t.Output}]};var xt=function(){function e(e){this.element=e}return e.prototype.getContent=function(){return this.element.nativeElement.textContent},e}();xt.decorators=[{type:t.Directive,args:[{selector:"[desyCell]"}]}],xt.ctorParameters=function(){return[{type:t.ElementRef}]},xt.propDecorators={row:[{type:t.Input}],rowIndex:[{type:t.Input}],columnIndex:[{type:t.Input}]};var It=function(){function e(){}return e.prototype.getCell=function(e){return this.contentCells.find((function(t){return t.columnIndex===e}))},e}();It.decorators=[{type:t.Directive,args:[{selector:"[desyRow]"}]}],It.propDecorators={contentCells:[{type:t.ContentChildren,args:[xt]}],desyRow:[{type:t.Input}]};var Dt=function(r){function n(n,a){var i=r.call(this)||this;return i.el=n,i.changeDetector=a,i.rowsChange=new t.EventEmitter,i.rowsChecked=new t.EventEmitter,i.recalculateTable=new t.EventEmitter,i.orderByType=e.OrderBy,i}return u(n,r),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},r=this.getHeaderCells();if(r){r.forEach((function(e,r){e.hasFilter&&e.activeFilter&&t.filters.push({columnIndex:r,filterText:e.valueFilter})}));var n=r.findIndex((function(t){return t.orderBy&&t.orderBy!==e.OrderBy.none}));t.sort=n>=0?{columnIndex:n,order:r[n].orderBy}:null}return t},n.prototype.hasFilters=function(){var e=this.getHeaderCells();return!!e&&e.findIndex((function(e){return e.hasFilter}))>=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.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.handleTableCellContentEmpty=function(e,t){throw new Error("cell content, html or text are required at row "+e+" and column "+t)},n.prototype.handleCheckboxChange=function(e){e instanceof vt&&e.checkedChange.emit(e.checked),this.notifyCheckedChange()},n.prototype.uncheckAll=function(){this.getRows().forEach((function(e){var t=e.checked&&e instanceof vt;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()),this.recalculateVisibleElements()},n.prototype.filterRows=function(e,t){var r=t;return e.filters.forEach((function(e){r=r.filter((function(t){return Ce.containsAnyWordFrom(t.getCell(e.columnIndex).getContent(),e.filterText)}))})),r},n.prototype.handleSortByColumn=function(t){var r=this,n=this.getHeaderCells();n&&n.forEach((function(n,a){n.orderBy&&(n.orderBy=a===t?r.getNextDirection(n):e.OrderBy.none)})),this.recalculateVisibleElements()},n.prototype.sortRows=function(t,r){var n=this,a=r;if(t.sort){var i=t.sort.columnIndex,o=t.sort.order===e.OrderBy.asc;a=r.sort((function(e,t){return n.compareCellContent(e.getCell(i),t.getCell(i),o)}))}return a},n.prototype.compareCellContent=function(e,t,r){var n=this.cleanCurrency(e.getContent()),a=this.cleanCurrency(t.getContent());return(isNaN(+n)&&isNaN(+a)?n.localeCompare(a,"es",{sensitivity:"base",ignorePunctuation:!0}):n.localeCompare(a,void 0,{numeric:!0}))*(r?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}(C);Dt.decorators=[{type:t.Component,args:[{selector:"desy-table-advanced",template:'<ng-template #tableContent>\r\n  <table role="grid"\r\n          [class]="[\'c-table-advanced border-t-2 border-b-2 border-neutral-base\', classes] | makeHtmlList"\r\n          [attr.id]="id ? id : null"\r\n          [attr.role]="role ? role : null"\r\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n          [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n          [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n          [attr.aria-live]="ariaLive ? ariaLive : null"\r\n          [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n          [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n          [attr.tabindex]="tabindex ? tabindex : null">\r\n      <caption *ngIf="caption || captionComponent" [class]="getCaptionClass()">\r\n        <ng-container *desyCustomInnerContent="{ component: captionComponent, text: caption ? caption : null }"></ng-container>\r\n      </caption>\r\n      <thead *ngIf="getHeaderCells()">\r\n          <tr class="border-t border-neutral-base divide-x divide-neutral-base">\r\n              <th *ngIf="hasCheckboxes" scope="col" [class]="[\'align-top px-base py-xs\', checkboxClasses] | makeHtmlList">\r\n                  <span class="sr-only">Seleccionar fila</span>\r\n              </th>\r\n              <th scope="col" *ngFor="let item of getHeaderCells(); index as iHeader" [id]="getIdHeader(iHeader)"\r\n                      [attr.aria-sort]="item.orderBy ? getStringOrderBy(item.orderBy) : null"\r\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"\r\n                      [attr.colspan]="item.colspan ? item.colspan  : null"\r\n                      [attr.rowspan]="item.rowspan ? item.rowspan  : null"\r\n                      [attr.role]="item.role ? item.role : null"\r\n                      [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n                      [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n                      [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n                      [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n                      [attr.aria-disabled]="item.ariaDisabled ? item.ariaDisabled : null"\r\n                      [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n                      [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n                      [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n                      [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n                      [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n                      [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n                      [attr.tabindex]="item.tabindex ? item.tabindex : null">\r\n\r\n                  <span *ngIf="item.orderBy" class="inline-block relative" (click)="handleSortByColumn(iHeader)" desyFocusClickedCell\r\n                        [attr.tabindex]="item.orderBy ? -1 : null"\r\n                        [attr.role]="item.orderBy ? \'button\' : null">\r\n                    <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n                    <span class="c-table-advanced__order" *ngIf="item.orderBy">\r\n                        <span class="sr-only">Pulsa para ordenar por esta columna</span>\r\n                        <span class="c-table-advanced__ascending" *ngIf="item.orderBy == orderByType.asc">\r\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>\r\n                        </span>\r\n                        <span class="c-table-advanced__descending" *ngIf="item.orderBy == orderByType.desc">\r\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>\r\n                        </span>\r\n                        <span class="c-table-advanced__none"  *ngIf="item.orderBy == orderByType.none">\r\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>\r\n                        </span>\r\n                    </span>\r\n                  </span>\r\n\r\n                  <span *ngIf="!item.orderBy" class="inline-block relative">\r\n                    <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n                  </span>\r\n              </th>\r\n          </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n          <tr class="divide-x divide-neutral-base" *ngIf="hasFilters()">\r\n              <td *ngIf="hasCheckboxes" [ngClass]="checkboxClasses"></td>\r\n              <td tabindex="-1" *ngFor="let item of getHeaderCells(); index as iHead" desyFocusClickedCell\r\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">\r\n                  <desy-search-bar *ngIf="item.hasFilter"\r\n                                   [(ngModel)]="item.valueFilter" [ngModelOptions]="{standalone: true}"\r\n                                   (clickEvent)="handleInputSearch(item)"\r\n                                   (ngModelChange)="handleInputSearch(item)"\r\n                                   labelText="Buscar en esta columna"\r\n                                   [id]="getIdHeaderFilter(iHead)"\r\n                                   placeholder="Buscar"\r\n                                   [classes]="[\'c-input--sm\', item.filterClasses] | makeHtmlList"\r\n                                   buttonClasses="m-xs p-0.5 text-xs"\r\n                                   [describedBy]="getIdHeader(iHead)"> </desy-search-bar>\r\n              </td>\r\n          </tr>\r\n\r\n\r\n          <tr *ngFor="let row of getVisibleRows(); index as iRow" class="border-t border-b border-neutral-base hover:bg-neutral-lighter"\r\n              [desyRow]="row"\r\n              [ngClass]="{\'bg-neutral-light\': hasCheckboxes && row.checked }">\r\n              <td *ngIf="hasCheckboxes" desyFocusClickedCell [class]="[\'px-base py-sm\', checkboxClasses] | makeHtmlList"\r\n                  tabindex="-1" >\r\n                <div class="c-checkboxes c-checkboxes--sm">\r\n                  <div>\r\n                    <div class="relative flex items-start">\r\n                      <div class="flex items-center mx-sm">\r\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"\r\n                               [(ngModel)]="row.checked" (ngModelChange)="handleCheckboxChange(row)"\r\n                               [id]="getIdRowCheckbox(iRow)"\r\n                               [name]="getIdRowCheckbox(iRow)"\r\n                               [attr.aria-label]="\'Fila \' + iRow">\r\n                      </div>\r\n                      <div class="pt-0.5 leading-5">\r\n                        <label class="sr-only block text-sm -mt-1" [for]="getIdRowCheckbox(iRow)">Selecciona fila {{ iRow }}</label>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </td>\r\n              <ng-container *ngFor="let cell of row.cellsList; first as isFirstCell; index as columnIndex">\r\n                  <th *ngIf="firstCellIsHeader && isFirstCell; else elseTd" scope="row"\r\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"\r\n                      desyCell [row]="row" [rowIndex]="iRow" [columnIndex]="columnIndex"\r\n                      (desyContentEmpty)="handleTableCellContentEmpty(iRow, columnIndex)"\r\n                      [attr.colspan]="cell.colspan ? cell.colspan  : null"\r\n                      [attr.rowspan]="cell.rowspan ? cell.rowspan  : null"\r\n                      [attr.id]="cell.id ? cell.id : null"\r\n                      [attr.role]="cell.role ? cell.role : null"\r\n                      [attr.aria-label]="cell.ariaLabel ? cell.ariaLabel : null"\r\n                      [attr.aria-describedby]="cell.ariaDescribedBy ? cell.ariaDescribedBy : null"\r\n                      [attr.aria-labelledby]="cell.ariaLabelledBy ? cell.ariaLabelledBy : null"\r\n                      [attr.aria-hidden]="cell.ariaHidden ? cell.ariaHidden : null"\r\n                      [attr.aria-disabled]="cell.ariaDisabled ? cell.ariaDisabled : null"\r\n                      [attr.aria-controls]="cell.ariaControls ? cell.ariaControls : null"\r\n                      [attr.aria-current]="cell.ariaCurrent ? cell.ariaCurrent : null"\r\n                      [attr.aria-live]="cell.ariaLive ? cell.ariaLive : null"\r\n                      [attr.aria-expanded]="cell.ariaExpanded ? cell.ariaExpanded : null"\r\n                      [attr.aria-errormessage]="cell.ariaErrorMessage ? cell.ariaErrorMessage : null"\r\n                      [attr.aria-haspopup]="cell.ariaHasPopup ? cell.ariaHasPopup : null"\r\n                      [attr.tabindex]="cell.tabindex ? cell.tabindex : null">\r\n                    <ng-container *desyCustomInnerContent="{ component: cell, html: cell.html, text: cell.text }"></ng-container>\r\n                  </th>\r\n                  <ng-template #elseTd>\r\n                      <td tabindex="-1" desyFocusClickedCell\r\n                          [class]="[\'px-base py-sm\', cell.classes] | makeHtmlList"\r\n                          desyCell [row]="row" [rowIndex]="iRow" [columnIndex]="columnIndex"\r\n                          (desyContentEmpty)="handleTableCellContentEmpty(iRow, columnIndex)"\r\n                          [attr.colspan]="cell.colspan ? cell.colspan  : null"\r\n                          [attr.rowspan]="cell.rowspan ? cell.rowspan  : null"\r\n                          [attr.id]="cell.id ? cell.id : null"\r\n                          [attr.role]="cell.role ? cell.role : null"\r\n                          [attr.aria-label]="cell.ariaLabel ? cell.ariaLabel : null"\r\n                          [attr.aria-describedby]="cell.ariaDescribedBy ? cell.ariaDescribedBy : null"\r\n                          [attr.aria-labelledby]="cell.ariaLabelledBy ? cell.ariaLabelledBy : null"\r\n                          [attr.aria-hidden]="cell.ariaHidden ? cell.ariaHidden : null"\r\n                          [attr.aria-disabled]="cell.ariaDisabled ? cell.ariaDisabled : null"\r\n                          [attr.aria-controls]="cell.ariaControls ? cell.ariaControls : null"\r\n                          [attr.aria-current]="cell.ariaCurrent ? cell.ariaCurrent : null"\r\n                          [attr.aria-live]="cell.ariaLive ? cell.ariaLive : null"\r\n                          [attr.aria-expanded]="cell.ariaExpanded ? cell.ariaExpanded : null"\r\n                          [attr.aria-errormessage]="cell.ariaErrorMessage ? cell.ariaErrorMessage : null"\r\n                          [attr.aria-haspopup]="cell.ariaHasPopup ? cell.ariaHasPopup : null"\r\n                          [attr.tabindex]="cell.tabindex ? cell.tabindex : -1">\r\n                        <ng-container *desyCustomInnerContent="{ component: cell, html: cell.html, text: cell.text }"></ng-container>\r\n                      </td>\r\n                  </ng-template>\r\n              </ng-container>\r\n          </tr>\r\n      </tbody>\r\n  </table>\r\n</ng-template>\r\n\r\n<div *ngIf="wrapper; else tableContent" [class]="wrapper.classes">\r\n  <ng-container *ngTemplateOutlet="tableContent"></ng-container>\r\n</div>\r\n'}]}],Dt.ctorParameters=function(){return[{type:t.ElementRef},{type:t.ChangeDetectorRef}]},Dt.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:[mt]}],headerComponent:[{type:t.ContentChildren,args:[ft]}],rowComponentList:[{type:t.ContentChildren,args:[vt]}],rowData:[{type:t.ViewChildren,args:[It]}],rowsChange:[{type:t.Output}],rowsChecked:[{type:t.Output}],recalculateTable:[{type:t.Output}]},m([P()],Dt.prototype,"captionComponent",void 0),m([P()],Dt.prototype,"headerComponent",void 0);var Et=function(e){function r(r,n){var a=e.call(this)||this;return a.cdRef=r,a.factoryResolver=n,a.activeChange=new t.EventEmitter,a.lastActiveState=void 0,a.hasViewinit=!1,a.createdCallerFromType=!1,a}return u(r,e),Object.defineProperty(r.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}),r.prototype.ngOnDestroy=function(){this.active=!1},r.prototype.ngAfterViewInit=function(){if(!this.id)throw Error("id is required");if(!this.caller&&!this.callerType)throw Error("caller is required");this.hasViewinit=!0,this.handleActiveState()},r.prototype.dismiss=function(){this.activeChange.emit(!1)},r.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 r=k.getFirstFocusableElement(this.alertWrapper.nativeElement);r&&r.focus()}},r}(C);Et.decorators=[{type:t.Component,args:[{selector:"desy-alert",template:'<div #alertWrapper\r\n     [id]="id" [class]="classes ? classes : null"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.aria-modal]="ariaModal ? ariaModal : null">\r\n  <ng-container *ngIf="active">\r\n    <ng-template #container></ng-template>\r\n    <ng-container *ngTemplateOutlet="caller; context:callerContext"></ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n'}]}],Et.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:t.ComponentFactoryResolver}]},Et.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 Lt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Lt.decorators=[{type:t.Component,args:[{selector:"desy-accordion-header",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Lt.propDecorators={classes:[{type:t.Input}]};var wt=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.openChange=new t.EventEmitter,r}return u(r,e),r}(C);wt.decorators=[{type:t.Component,args:[{selector:"desy-accordion-item",template:""}]}],wt.propDecorators={id:[{type:t.Input}],open:[{type:t.Input}],classes:[{type:t.Input}],openChange:[{type:t.Output}],headerComponent:[{type:t.ContentChildren,args:[Lt]}],contentComponent:[{type:t.ContentChildren,args:[O]}]},m([P()],wt.prototype,"headerComponent",void 0),m([P()],wt.prototype,"contentComponent",void 0);var kt=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){if(!this.idPrefix)throw new Error("idPrefix is required")},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 r=t.open!==e.showAll;t.open=e.showAll,r&&t instanceof wt&&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 r=t.open;t.open=!1,r&&t!==e&&t instanceof wt&&t.openChange.emit(t.open)}));e.open=t,e instanceof wt&&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 r=this.itemSelectors.toArray();null!=r[(t+1)%r.length]&&r[(t+1)%r.length].nativeElement.focus()},t.prototype.focusPreviousItem=function(e,t){e.preventDefault();var r=this.itemSelectors.toArray();null!=r[(t+r.length-1)%r.length]&&r[(t+r.length-1)%r.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(){var e=this.itemComponentList&&this.itemComponentList.length>0?this.itemComponentList.toArray():this.items;if(!e||0===e.length)throw new Error("items are required");return e},t.prototype.getItemHeader=function(e){return e instanceof wt?e.headerComponent:null},t.prototype.getItemContent=function(e){return e instanceof wt?e.contentComponent:null},t.prototype.handleRequiredEmpty=function(e){throw new Error(e)},t}(C);kt.decorators=[{type:t.Component,args:[{selector:"desy-accordion",template:'<div [class]="classes"\r\n     [attr.role]="role"\r\n     [attr.aria-describedby]="ariaDescribedBy"\r\n     [attr.aria-errormessage]="ariaErrorMessage"\r\n     [attr.aria-label]="ariaLabel"\r\n     [attr.aria-labelledby]="ariaLabelledBy"\r\n     [attr.aria-hidden]="ariaHidden"\r\n     [attr.aria-disabled]="ariaDisabled"\r\n     [attr.aria-controls]="ariaControls"\r\n     [attr.aria-current]="ariaCurrent"\r\n     [attr.aria-live]="ariaLive"\r\n     [attr.aria-expanded]="ariaExpanded"\r\n     [attr.aria-haspopup]="ariaHasPopup"\r\n     [attr.tabindex]="tabindex">\r\n  <div class="flex justify-between">\r\n    <ng-container *ngIf="headingComponent || heading">\r\n      <ng-container [ngSwitch]="headingLevel > 0 && headingLevel < 6 ? headingLevel : 2">\r\n        <h1 *ngSwitchCase="1" [class]="getTitleClasses()" (desyContentEmpty)="handleRequiredEmpty(\'heading content, html or text are required\')">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: headingComponent ? headingComponent : null,\r\n            html: heading ? heading.html : null,\r\n            text: heading ? heading.text : null\r\n          }"></ng-container>\r\n        </h1>\r\n        <h2 *ngSwitchCase="2" [class]="getTitleClasses()" (desyContentEmpty)="handleRequiredEmpty(\'heading content, html or text are required\')">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: headingComponent ? headingComponent : null,\r\n            html: heading ? heading.html : null,\r\n            text: heading ? heading.text : null\r\n          }"></ng-container>\r\n        </h2>\r\n        <h3 *ngSwitchCase="3" [class]="getTitleClasses()" (desyContentEmpty)="handleRequiredEmpty(\'heading content, html or text are required\')">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: headingComponent ? headingComponent : null,\r\n            html: heading ? heading.html : null,\r\n            text: heading ? heading.text : null\r\n          }"></ng-container>\r\n        </h3>\r\n        <h4 *ngSwitchCase="4" [class]="getTitleClasses()" (desyContentEmpty)="handleRequiredEmpty(\'heading content, html or text are required\')">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: headingComponent ? headingComponent : null,\r\n            html: heading ? heading.html : null,\r\n            text: heading ? heading.text : null\r\n          }"></ng-container>\r\n        </h4>\r\n        <h5 *ngSwitchCase="5" [class]="getTitleClasses()" (desyContentEmpty)="handleRequiredEmpty(\'heading content, html or text are required\')">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: headingComponent ? headingComponent : null,\r\n            html: heading ? heading.html : null,\r\n            text: heading ? heading.text : null\r\n          }"></ng-container>\r\n        </h5>\r\n      </ng-container>\r\n      <button *ngIf="showControl" (click)="changeAll()"\r\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">\r\n        {{showAll ? \'Mostrar\' : \'Ocultar\'}} todo\r\n      </button>\r\n    </ng-container>\r\n  </div>\r\n  <div class="Accordion">\r\n    <div *ngFor="let item of getItems(); index as i" class="-my-px px-xs py-sm border-t border-b border-neutral-base"\r\n         (keydown.home)="focusFirstItem($event)"\r\n         (keydown.end)="focusLastItem($event)"\r\n         (keydown.arrowup)="focusPreviousItem($event, i)"\r\n         (keydown.arrowdown)="focusNextItem($event, i)"\r\n         (click)="selectItem(i)">\r\n\r\n      <ng-container [ngSwitch]="headingLevel > 0 && headingLevel < 6 ? headingLevel : 2">\r\n        <h2 *ngSwitchCase="1"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h2>\r\n        <h3 *ngSwitchCase="2"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h3>\r\n        <h4 *ngSwitchCase="3"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h4>\r\n        <h5 *ngSwitchCase="4"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h5>\r\n        <h6 *ngSwitchCase="5"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h6>\r\n      </ng-container>\r\n      <p class="sr-only" aria-hidden="true">Haz click en el botón anterior para mostrar u ocultar</p>\r\n      <div *ngIf="item.open" class="Accordion-panel"\r\n           (desyContentEmpty)="handleRequiredEmpty(\'item content, html or text are required at position \' + i)"\r\n           [attr.id]="getItemId(item, i)"\r\n           [attr.role]="(item.role ? role : \'accordion\')"\r\n           [attr.aria-selected]="currentItem === i ? \'true\' : \'false\'"\r\n           [attr.aria-describedby]="item.ariaDescribedBy"\r\n           [attr.aria-errormessage]="item.ariaErrorMessage"\r\n           [attr.aria-label]="item.ariaLabel"\r\n           [attr.aria-labelledby]="item.ariaLabelledBy"\r\n           [attr.aria-hidden]="item.ariaHidden"\r\n           [attr.aria-controls]="\'accordion-\' + getItemId(item, i)"\r\n           [attr.aria-current]="item.ariaCurrent"\r\n           [attr.aria-live]="item.ariaLive"\r\n           [attr.aria-expanded]="item.ariaExpanded"\r\n           [attr.aria-haspopup]="item.ariaHasPopup">\r\n        <ng-container *desyCustomInnerContent="{ component: getItemContent(item), html: item.html, text: item.text }"></ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemHeaderContent let-item="item" let-id="id" let-index="index">\r\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"\r\n          (desyContentEmpty)="handleRequiredEmpty(\'item heading content, html or text are required at position \' + index)"\r\n          [attr.aria-controls]="id" [attr.aria-expanded]="item.open" (click)="toggleItem(item)">\r\n    <ng-container *desyCustomInnerContent="{ component: getItemHeader(item), html: item.headerHtml, text: item.headerText }"></ng-container>\r\n    <span #desyContentEmptyIgnore *ngIf="allowToggle || !item.open" 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">\r\n      {{ item.open ? \'Ocultar\' : \'Mostrar\' }}\r\n    </span>\r\n  </button>\r\n</ng-template>\r\n'}]}],kt.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}],headingComponent:[{type:t.ContentChildren,args:[Lt]}],itemComponentList:[{type:t.ContentChildren,args:[wt]}]},m([P()],kt.prototype,"headingComponent",void 0);var Ht=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);Ht.decorators=[{type:t.Component,args:[{selector:"desy-spinner",template:'<div [class]="\'c-spinner\' + (classes ? \' \' + classes : \'\')" data-module="c-spinner"\r\n     [attr.id]="id ? id : null"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.tabindex]="tabindex ? tabindex : null">\r\n  <p *ngIf="text" class="sr-only" role="alert" aria-live="assertive">{{text}}</p>\r\n</div>\r\n'}]}],Ht.propDecorators={classes:[{type:t.Input}],text:[{type:t.Input}],id:[{type:t.Input}]};var Mt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.ngOnInit=function(){Bt(this.summaryText,this.summaryHtml)},t.prototype.ngOnChanges=function(e){Bt(this.summaryText,this.summaryHtml)},t}(C);function Bt(e,t){if(!t&&!e)throw new Error("summaryHtml or summaryText are required")}Mt.decorators=[{type:t.Component,args:[{selector:"desy-details",template:'<details \r\n    [attr.id]="id ? id : null"\r\n    [class]="classes"\r\n    [attr.open]="open ? open : null"\r\n    [attr.role]="role ? role : null"\r\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n    [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n    [attr.aria-live]="ariaLive ? ariaLive : null"\r\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n    [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex ? tabindex : null">\r\n    <summary class="py-sm cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black">\r\n        <span [desyInnerContent]="summaryHtml ? summaryHtml : summaryText" [isHtml]="summaryHtml"\r\n              [class]="summaryClasses ? summaryClasses : \'c-link\'"></span>\r\n    </summary>\r\n    <div class="py-sm">\r\n      <div [ngClass]="containerClasses">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n</details>  \r\n\r\n'}]}],Mt.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 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-term",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Tt.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}]};var Pt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Pt.decorators=[{type:t.Component,args:[{selector:"desy-definition",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Pt.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}]};var St=function(){};St.decorators=[{type:t.Component,args:[{selector:"desy-description-item",template:""}]}],St.propDecorators={term:[{type:t.ContentChildren,args:[Tt]}],definition:[{type:t.ContentChildren,args:[Pt]}],classes:[{type:t.Input}],id:[{type:t.Input}]},m([P()],St.prototype,"term",void 0),m([P()],St.prototype,"definition",void 0);var Rt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.handleContentEmpty=function(e){throw new Error(e+" content, html or text is required")},t.prototype.getItems=function(){var e=this.itemComponents.length>0?this.itemComponents.toArray():this.items;if(!e||0===e.length)throw new Error("items are required");return e},t}(C);Rt.decorators=[{type:t.Component,args:[{selector:"desy-description-list",template:'<dl [class]="classes"\r\n    [attr.id]="id ? id : null"\r\n    [attr.role]="role"\r\n    [attr.aria-describedby]="ariaDescribedBy"\r\n    [attr.aria-errormessage]="ariaErrorMessage"\r\n    [attr.aria-label]="ariaLabel"\r\n    [attr.aria-labelledby]="ariaLabelledBy"\r\n    [attr.aria-hidden]="ariaHidden"\r\n    [attr.aria-disabled]="ariaDisabled"\r\n    [attr.aria-controls]="ariaControls"\r\n    [attr.aria-current]="ariaCurrent"\r\n    [attr.aria-live]="ariaLive"\r\n    [attr.aria-expanded]="ariaExpanded"\r\n    [attr.aria-haspopup]="ariaHasPopup"\r\n    [attr.tabindex]="tabindex">\r\n    <div *ngFor="let item of getItems()"\r\n        [class]="item.classes"\r\n        [attr.id]="item.id ? item.id : null"\r\n        [attr.role]="item.role"\r\n        [attr.aria-describedby]="item.ariaDescribedBy"\r\n        [attr.aria-errormessage]="item.ariaErrorMessage"\r\n        [attr.aria-label]="item.ariaLabel"\r\n        [attr.aria-labelledby]="item.ariaLabelledBy"\r\n        [attr.aria-hidden]="item.ariaHidden"\r\n        [attr.aria-disabled]="item.ariaDisabled"\r\n        [attr.aria-controls]="item.ariaControls"\r\n        [attr.aria-current]="item.ariaCurrent"\r\n        [attr.aria-live]="item.ariaLive"\r\n        [attr.aria-expanded]="item.ariaExpanded"\r\n        [attr.aria-haspopup]="item.ariaHasPopup"\r\n        [attr.tabindex]="item.tabindex">\r\n        <dt [class]="(item.term.classes ?  item.term.classes : \'text-sm text-neutral-dark\')"\r\n            (desyContentEmpty)="handleContentEmpty(\'term\')"\r\n            [attr.id]="item.term.id ? item.term.id : null"\r\n            [attr.role]="item.term.role"\r\n            [attr.aria-describedby]="item.term.ariaDescribedBy"\r\n            [attr.aria-errormessage]="item.term.ariaErrorMessage"\r\n            [attr.aria-label]="item.term.ariaLabel"\r\n            [attr.aria-labelledby]="item.term.ariaLabelledBy"\r\n            [attr.aria-hidden]="item.term.ariaHidden"\r\n            [attr.aria-disabled]="item.term.ariaDisabled"\r\n            [attr.aria-controls]="item.term.ariaControls"\r\n            [attr.aria-current]="item.term.ariaCurrent"\r\n            [attr.aria-live]="item.term.ariaLive"\r\n            [attr.aria-expanded]="item.term.ariaExpanded"\r\n            [attr.aria-haspopup]="item.term.ariaHasPopup"\r\n            [attr.tabindex]="item.tabindex">\r\n          <ng-container *desyCustomInnerContent="{ component: item.term, html: item.term.html, text: item.term.text}"></ng-container>\r\n        </dt>\r\n        <dd [class]="(item.definition.classes ?  item.definition.classes : \'text-base text-black\')"\r\n            (desyContentEmpty)="handleContentEmpty(\'definition\')"\r\n            [attr.id]="item.definition.id ? item.definition.id : null"\r\n            [attr.role]="item.definition.role"\r\n            [attr.aria-describedby]="item.definition.ariaDescribedBy"\r\n            [attr.aria-errormessage]="item.definition.ariaErrorMessage"\r\n            [attr.aria-label]="item.definition.ariaLabel"\r\n            [attr.aria-labelledby]="item.definition.ariaLabelledBy"\r\n            [attr.aria-hidden]="item.definition.ariaHidden"\r\n            [attr.aria-disabled]="item.definition.ariaDisabled"\r\n            [attr.aria-controls]="item.definition.ariaControls"\r\n            [attr.aria-current]="item.definition.ariaCurrent"\r\n            [attr.aria-live]="item.definition.ariaLive"\r\n            [attr.aria-expanded]="item.definition.ariaExpanded"\r\n            [attr.aria-haspopup]="item.definition.ariaHasPopup"\r\n            [attr.tabindex]="item.tabindex">\r\n          <ng-container *desyCustomInnerContent="{ component: item.definition, html: item.definition.html, text: item.definition.text}"></ng-container>\r\n        </dd>\r\n    </div>\r\n</dl>\r\n'}]}],Rt.propDecorators={items:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[St]}],classes:[{type:t.Input}],id:[{type:t.Input}]};var Ot=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(){I(this.text,this.html),this.toggleOpen()},t.prototype.ngOnChanges=function(e){I(this.text,this.html),this.toggleOpen()},t.prototype.headerTextOrheaderHtmlRequiredFunction=function(e,t,r){if(!t&&!e&&!r)throw new Error("headerHtml or headerText are required")},t}(E);Ot.decorators=[{type:t.Component,args:[{selector:"desy-collapsible",template:'<div [class]="(classes ? classes : \'-my-px py-sm border-t border-b border-neutral-base\')"\r\n    [attr.role]="role ? role : null"\r\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n    [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n    [attr.aria-live]="ariaLive ? ariaLive : null"\r\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n    [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex ? tabindex : null">\r\n    <h3>        \r\n        <button *ngIf="headerText && !headerHtml" (click)="isOpen()" [attr.id]="id ? (id + \'-title\') : null"\r\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" \r\n            [attr.aria-expanded]="open"\r\n            [attr.aria-controls]="id ? id : null">{{ headerText }}\r\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>\r\n        </button>\r\n        <button *ngIf="headerHtml" (click)="isOpen()" [attr.id]="id ? (id + \'-title\') : null"\r\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" \r\n            [attr.aria-expanded]="open"\r\n            [attr.aria-controls]="id ? id : null"><ng-container *ngTemplateOutlet="tmpHtml"></ng-container>\r\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>\r\n        </button>\r\n        <button *ngIf="!headerHtml && !headerText" (click)="isOpen()" [attr.id]="id ? (id + \'-title\') : null"\r\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" \r\n            [attr.aria-expanded]="open"\r\n            [attr.aria-controls]="id ? id : null">\r\n            <ng-content></ng-content>\r\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>\r\n        </button>\r\n    </h3>\r\n    <div *ngIf="open && html"  @displayCollapsible [attr.id]="(id ? id : null)" class="py-sm">\r\n        <ng-container *ngTemplateOutlet="html"></ng-container>\r\n    </div>\r\n    <div *ngIf="open && !html" @displayCollapsible [attr.id]="(id ? id : null)" class="py-sm">\r\n        <p [desyInnerContent]="text"></p>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #tmpHtml>\r\n    <div [outerHTML]="headerHtml | innerHtml"></div>  \r\n </ng-template>\r\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")])])]}]}],Ot.propDecorators={headerText:[{type:t.Input}],headerHtml:[{type:t.Input}],id:[{type:t.Input}],open:[{type:t.Input}],classes:[{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-item-content-right",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}];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-item-content-bottom",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Ft.propDecorators={classes:[{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-item-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}];var qt=function(e){function t(t){var r=e.call(this)||this;return r.changeDetectorRef=t,r.hasIconContent=!0,r}return u(t,e),t.prototype.ngAfterViewInit=function(){if(!this.titleComponent&&!this.title)throw new Error("title is required")},t.prototype.getItems=function(){return this.itemComponents.length>0?this.itemComponents.toArray():this.items},t.prototype.handleIconContentEmpty=function(e){this.hasIconContent=!e,this.changeDetectorRef.detectChanges()},t.prototype.handleRequiredEmpty=function(e){throw new Error(e)},t.prototype.getTitle=function(){return this.titleComponent?this.titleComponent:this.title},t}(C);qt.decorators=[{type:t.Component,args:[{selector:"desy-item",template:'<div [class]="[\'flex flex-wrap p-base bg-white border border-neutral-base rounded\', classes] | makeHtmlList"\r\n     [attr.id]="id ? id : null">\r\n  <div class="self-center h-full mr-lg" *ngIf="isDraggable || isLocked">\r\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>\r\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>\r\n  </div>\r\n  <div class="self-center h-full mr-lg" *ngIf="iconComponent || icon"\r\n       (desyContentEmpty)="handleIconContentEmpty(true)"\r\n       (desyContentNotEmpty)="handleIconContentEmpty(false)">\r\n    <ng-container *desyCustomInnerContent="{ component: iconComponent, html: icon ? icon.html : null }"></ng-container>\r\n    <ng-container *ngIf="!hasIconContent">\r\n      <ng-container [ngSwitch]="iconComponent ? iconComponent.type : icon.type">\r\n        <svg *ngSwitchCase="\'clipboard\'" #desyContentEmptyIgnore xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-8 h-8 text-neutral-dark" aria-label="Item tipo Solicitud" focusable="false"><path d="M96.25 52.5h-52.5a4.375 4.375 0 000 8.75h52.5a4.375 4.375 0 000-8.75zM100.625 77.286a4.375 4.375 0 00-4.375-4.375h-52.5a4.375 4.375 0 000 8.75h52.5a4.375 4.375 0 004.375-4.375zM58.333 37.917h23.334a5.833 5.833 0 005.833-5.834V17.5A17.54 17.54 0 0065.287.624 17.762 17.762 0 0052.5 18.007v14.076a5.833 5.833 0 005.833 5.834zm7.292-21.875A4.375 4.375 0 1170 20.417a4.375 4.375 0 01-4.375-4.381z" fill="currentColor"/><path d="M113.75 17.5H97.708a1.458 1.458 0 00-1.458 1.458v8.75a1.458 1.458 0 001.458 1.459h13.125a2.917 2.917 0 012.917 2.916v74.62a2.917 2.917 0 01-.852 2.065l-18.713 18.708a2.917 2.917 0 01-2.06.851H29.168a2.917 2.917 0 01-2.917-2.916V32.083a2.917 2.917 0 012.917-2.916h13.125a1.458 1.458 0 001.458-1.459v-8.75a1.458 1.458 0 00-1.458-1.458H26.25a11.667 11.667 0 00-11.667 11.667v99.166A11.667 11.667 0 0026.25 140h87.5a11.667 11.667 0 0011.667-11.667V29.167A11.667 11.667 0 00113.75 17.5z" fill="currentColor"/><path d="M43.75 93.333a4.375 4.375 0 000 8.75h21.875a4.375 4.375 0 000-8.75z" fill="currentColor"/></svg>\r\n        <svg *ngSwitchCase="\'link\'" #desyContentEmptyIgnore xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-8 h-8 text-neutral-dark" aria-label="Item tipo Link" focusable="false"><path d="M72.368 86.946a5.833 5.833 0 00-3.167 7.624 5.833 5.833 0 01-1.266 6.358l-16.497 16.503a11.667 11.667 0 01-16.496 0l-12.379-12.373a11.667 11.667 0 010-16.502l16.52-16.497a5.91 5.91 0 016.364-1.266 5.834 5.834 0 004.451-10.786 17.698 17.698 0 00-19.063 3.804l-16.52 16.497a23.368 23.368 0 000 32.999l12.378 12.372a23.333 23.333 0 0032.994 0l16.502-16.496a17.547 17.547 0 003.798-19.075 5.833 5.833 0 00-7.619-3.162z" fill="currentColor"/><path d="M45.25 94.74a5.897 5.897 0 008.247 0l45.378-45.373a5.833 5.833 0 00-8.248-8.248L45.249 86.491a5.833 5.833 0 000 8.248z" fill="currentColor"/><path d="M125.685 26.682l-12.373-12.373a23.368 23.368 0 00-32.999 0L63.811 30.806a17.535 17.535 0 00-3.798 19.069A5.835 5.835 0 1070.8 45.418a5.833 5.833 0 011.266-6.335l16.497-16.496a11.667 11.667 0 0116.502 0l12.373 12.372a11.667 11.667 0 010 16.503l-16.52 16.467a5.92 5.92 0 01-6.364 1.266 5.836 5.836 0 00-4.463 10.786 17.652 17.652 0 0019.075-3.798l16.497-16.496a23.374 23.374 0 00.023-33.005z" fill="currentColor"/></svg>\r\n        <svg *ngSwitchCase="\'document\'" #desyContentEmptyIgnore xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-8 h-8 text-neutral-dark" aria-label="Item tipo Archivo" focusable="false"><path d="M89.355 12.518l26.46 26.46a2.917 2.917 0 01.852 2.06v84.379a2.917 2.917 0 01-2.917 2.916h-87.5a2.917 2.917 0 01-2.917-2.916V14.583a2.917 2.917 0 012.917-2.916h61.046a2.917 2.917 0 012.059.851zM90.918 0H23.333a11.667 11.667 0 00-11.666 11.667v116.666A11.667 11.667 0 0023.333 140h93.334a11.667 11.667 0 0011.666-11.667V37.415a5.833 5.833 0 00-1.709-4.124L95.042 1.709A5.833 5.833 0 0090.918 0z" fill="currentColor"/><path d="M93.333 64.167h-52.5a5.833 5.833 0 010-11.667h52.5a5.833 5.833 0 010 11.667zM93.333 87.5h-52.5a5.833 5.833 0 010-11.667h52.5a5.833 5.833 0 010 11.667zM67.083 110.833h-26.25a5.833 5.833 0 010-11.666h26.25a5.833 5.833 0 010 11.666z" fill="currentColor"/></svg>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n  <div class="lg:flex flex-1 self-center">\r\n    <div class="lg:flex-1 lg:self-center">\r\n      <ng-container [ngSwitch]="headingLevel">\r\n        <h1 *ngSwitchCase="1"\r\n            [class]="getTitle().classes"\r\n            (desyContentEmpty)="handleRequiredEmpty(\'title content, html or text are required\')"\r\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">\r\n          <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\r\n        </h1>\r\n        <h2 *ngSwitchCase="2"\r\n            [class]="getTitle().classes"\r\n            (desyContentEmpty)="handleRequiredEmpty(\'title content, html or text are required\')"\r\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">\r\n          <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\r\n        </h2>\r\n        <h3 *ngSwitchCase="3"\r\n            [class]="getTitle().classes"\r\n            (desyContentEmpty)="handleRequiredEmpty(\'title content, html or text are required\')"\r\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">\r\n          <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\r\n        </h3>\r\n        <h4 *ngSwitchCase="4"\r\n            [class]="getTitle().classes"\r\n            (desyContentEmpty)="handleRequiredEmpty(\'title content, html or text are required\')"\r\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">\r\n          <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\r\n        </h4>\r\n        <h5 *ngSwitchCase="5"\r\n            [class]="getTitle().classes"\r\n            (desyContentEmpty)="handleRequiredEmpty(\'title content, html or text are required\')"\r\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">\r\n          <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\r\n        </h5>\r\n        <p *ngSwitchDefault\r\n           [class]="getTitle().classes"\r\n           (desyContentEmpty)="handleRequiredEmpty(\'title content, html or text are required\')"\r\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">\r\n          <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\r\n        </p>\r\n      </ng-container>\r\n\r\n      <p *ngIf="descriptionComponent || description" [class]="descriptionComponent ? descriptionComponent.classes : description.classes"\r\n         (desyContentEmpty)="handleRequiredEmpty(\'description content, html or text are required\')"\r\n         [attr.role]="role"\r\n         [attr.aria-describedby]="ariaDescribedBy"\r\n         [attr.aria-errormessage]="ariaErrorMessage"\r\n         [attr.aria-label]="ariaLabel"\r\n         [attr.aria-labelledby]="ariaLabelledBy"\r\n         [attr.aria-hidden]="ariaHidden"\r\n         [attr.aria-disabled]="ariaDisabled"\r\n         [attr.aria-controls]="ariaControls"\r\n         [attr.aria-current]="ariaCurrent"\r\n         [attr.aria-live]="ariaLive"\r\n         [attr.aria-expanded]="ariaExpanded"\r\n         [attr.aria-haspopup]="ariaHasPopup"\r\n         [attr.tabindex]="tabindex">\r\n        <ng-container *desyCustomInnerContent="{ component: descriptionComponent, html: description ? description.html : null, text: description ? description.text : null }"></ng-container>\r\n      </p>\r\n      <ul class="-ml-sm lg:divide-x lg:divide-neutral-base" *ngIf="itemComponents.length > 0 || items">\r\n        <li class="lg:inline-block px-sm text-sm text-neutral-dark" *ngFor="let item of getItems(); index as index"\r\n            (desyContentEmpty)="handleRequiredEmpty(\'item content, html or text are required at position \' + index)">\r\n          <ng-container *desyCustomInnerContent="{ component: item, text: item }"></ng-container>\r\n        </li>\r\n      </ul>\r\n      <p *ngIf="contentBottomComponent || content" [class]="contentBottomComponent ? contentBottomComponent.classes : content.classes"\r\n         (desyContentEmpty)="handleRequiredEmpty(contentBottomComponent ? \'content for content at bottom is required\' : \'html or text for content at bottom are required\')">\r\n        <ng-container *desyCustomInnerContent="{ component: contentBottomComponent, html: content ? content.html : null, text: content ? content.text : null }"></ng-container>\r\n      </p>\r\n    </div>\r\n    <div class="w-full lg:w-auto lg:text-right mt-base lg:mt-0 lg:ml-base" *ngIf="contentRightComponent || caller">\r\n      <ng-container *desyCustomInnerContent="{ component: contentRightComponent, template: caller }"></ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n'}]}],qt.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},qt.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}],id:[{type:t.Input}],classes:[{type:t.Input}],caller:[{type:t.Input}],titleComponent:[{type:t.ContentChildren,args:[N]}],descriptionComponent:[{type:t.ContentChildren,args:[A]}],iconComponent:[{type:t.ContentChildren,args:[F]}],contentBottomComponent:[{type:t.ContentChildren,args:[Ft]}],contentRightComponent:[{type:t.ContentChildren,args:[At]}],itemComponents:[{type:t.ContentChildren,args:[Nt]}]},m([P()],qt.prototype,"titleComponent",void 0),m([P()],qt.prototype,"descriptionComponent",void 0),m([P()],qt.prototype,"iconComponent",void 0),m([P()],qt.prototype,"contentBottomComponent",void 0),m([P()],qt.prototype,"contentRightComponent",void 0);var Vt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.ngOnChanges=function(e){this.checkRequiredParams()},t.prototype.checkRequiredParams=function(){if(!this.figureHtml)throw new Error("figureHtml are required")},t}(C);Vt.decorators=[{type:t.Component,args:[{selector:"desy-media-object",template:'<div [class]="\'flex\' + (classes ? \' \' + classes : \'\') + (center==true ? \' \' + \'items-center\' : \'\')" \r\n    [attr.id]="id"\r\n    [attr.role]="role"\r\n    [attr.aria-describedby]="ariaDescribedBy"\r\n    [attr.aria-errormessage]="ariaErrorMessage"\r\n    [attr.aria-label]="ariaLabel"\r\n    [attr.aria-labelledby]="ariaLabelledBy"\r\n    [attr.aria-hidden]="ariaHidden"\r\n    [attr.aria-disabled]="ariaDisabled"\r\n    [attr.aria-controls]="ariaControls"\r\n    [attr.aria-current]="ariaCurrent"\r\n    [attr.aria-live]="ariaLive"\r\n    [attr.aria-expanded]="ariaExpanded"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex">\r\n    <div [class]="(reverse==true ? \' \' + \'order-1\' : \'\') + (figureClasses ? \' \' + figureClasses : \'\')" [attr.figureHtml]="figureHtml" [innerHtml]="figureHtml"></div>\r\n\r\n    <div [class]="\'flex-1\' + (contenClasses ? \' \' + contenClasses : \'\')">\r\n        <ng-container *ngTemplateOutlet="caller"></ng-container>\r\n    </div>\r\n</div>\r\n\r\n'}]}],Vt.propDecorators={figureHtml:[{type:t.Input}],classes:[{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}]};var zt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.getType=function(){return this.icon.type?this.icon.type.toLocaleLowerCase():"success"},t.prototype.ngOnChanges=function(e){if(!this.text)throw new Error("title is required");if(!this.icon)throw new Error("icon is required")},t}(C);zt.decorators=[{type:t.Component,args:[{selector:"desy-status",template:'<div [class]="(classes ?  classes : \'\')"\r\n        [attr.id]="id ? id : null"\r\n        [attr.role]="role"\r\n        [attr.aria-describedby]="ariaDescribedBy"\r\n        [attr.aria-errormessage]="ariaErrorMessage"\r\n        [attr.aria-label]="ariaLabel"\r\n        [attr.aria-labelledby]="ariaLabelledBy"\r\n        [attr.aria-hidden]="ariaHidden"\r\n        [attr.aria-disabled]="ariaDisabled"\r\n        [attr.aria-controls]="ariaControls"\r\n        [attr.aria-current]="ariaCurrent"\r\n        [attr.aria-live]="ariaLive"\r\n        [attr.aria-expanded]="ariaExpanded"\r\n        [attr.aria-haspopup]="ariaHasPopup"\r\n        [attr.tabindex]="tabindex">\r\n\r\n        <p class="inline-flex items-center">\r\n          <span class="inline-block font-bold uppercase">{{text}}</span>\r\n          <span class="inline-block ml-sm" *ngIf="!icon.html; else elseBlock">                         \r\n            <ng-container [ngSwitch]="getType()">\r\n              <ng-container *ngSwitchCase="\'success\'">\r\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>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase="\'alert\'">\r\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>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase="\'loading\'">\r\n                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4" aria-hidden="true" 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>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase="\'error\'">\r\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>\r\n              </ng-container>\r\n            </ng-container>\r\n          </span>\r\n          <ng-template #elseBlock>\r\n            <span class="inline-block ml-sm" [desyInnerContent]="icon.html" [isHtml]="icon.html" [deleteContentIfEmpty]="false"><ng-content></ng-content></span>            \r\n          </ng-template>\r\n        </p>        \r\n</div>\r\n'}]}],zt.propDecorators={text:[{type:t.Input}],id:[{type:t.Input}],classes:[{type:t.Input}],icon:[{type:t.Input}]};var _t=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.ngOnChanges=function(e){if(!this.id)throw new Error("id is required")},t.prototype.handleContentEmpty=function(e){throw new Error(e+" content, html or text is required")},t.prototype.getItems=function(){return this.itemComponents.length>0?this.itemComponents.toArray():this.items},t}(C);_t.decorators=[{type:t.Component,args:[{selector:"desy-status-item",template:'<ng-template #commonHtml>\r\n  <p *ngIf="titleComponent || title" [class]="title ?  title.classes : \'my-sm\'"\r\n     (desyContentEmpty)="handleContentEmpty(\'title\')">\r\n     <ng-container *desyCustomInnerContent="{\r\n        component: titleComponent,\r\n        html: title ? title.html : null,\r\n        text: title ? title.text : null\r\n      }"></ng-container>\r\n  </p>\r\n\r\n  <ng-container *ngIf="hintComponent">\r\n      <ng-content select="desy-hint"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hintComponent && hint">\r\n    <desy-hint [text]="hint.text" [html]="hint.html" [classes]="hint.classes" [id]="hint.id"\r\n               [role]="hint.role"\r\n               [ariaLabel]="hint.ariaLabel"\r\n               [ariaDescribedBy]="(hint.ariaDescribedBy ? hint.ariaDescribedBy + \'\' + hint.id : hint.id)"\r\n               [ariaLabelledBy]="hint.ariaLabelledBy"\r\n               [ariaHidden]="hint.ariaHidden"\r\n               [ariaDisabled]="hint.ariaDisabled"\r\n               [ariaControls]="hint.ariaControls"\r\n               [ariaCurrent]="hint.ariaCurrent"\r\n               [ariaLive]="hint.ariaLive"\r\n               [ariaExpanded]="hint.ariaExpanded"\r\n               [ariaErrorMessage]="hint.ariaErrorMessage"\r\n               [ariaHasPopup]="hint.ariaHasPopup"\r\n               [tabindex]="hint.tabindex"></desy-hint>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="errorMessageComponent">\r\n    <ng-content select="desy-error-message"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!errorMessageComponent && errorMessage">\r\n    <desy-error-message [text]="errorMessage.text" [html]="errorMessage.html"\r\n                        [visuallyHiddenText]="errorMessage.visuallyHiddenText"\r\n                        [id]="(errorId ? errorId : id + \'-error\')" [classes]="errorMessage.classes"\r\n                        [role]="errorMessage.role"\r\n                        [ariaLabel]="errorMessage.ariaLabel"\r\n                        [ariaDescribedBy]="(errorMessage.ariaDescribedBy ? errorMessage.ariaDescribedBy + \'\' + errorId : errorId)"\r\n                        [ariaLabelledBy]="errorMessage.ariaLabelledBy"\r\n                        [ariaHidden]="errorMessage.ariaHidden"\r\n                        [ariaDisabled]="errorMessage.ariaDisabled"\r\n                        [ariaControls]="errorMessage.ariaControls"\r\n                        [ariaCurrent]="errorMessage.ariaCurrent"\r\n                        [ariaLive]="errorMessage.ariaLive"\r\n                        [ariaExpanded]="errorMessage.ariaExpanded"\r\n                        [ariaErrorMessage]="errorMessage.ariaErrorMessage"\r\n                        [ariaHasPopup]="errorMessage.ariaHasPopup"\r\n                        [tabindex]="errorMessage.tabindex"></desy-error-message>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<div [attr.id]="id ? id : null" [class]="(classes ?  classes : null)"\r\n     [attr.role]="role"\r\n     [attr.aria-describedby]="ariaDescribedBy"\r\n     [attr.aria-errormessage]="ariaErrorMessage"\r\n     [attr.aria-label]="ariaLabel"\r\n     [attr.aria-labelledby]="ariaLabelledBy"\r\n     [attr.aria-hidden]="ariaHidden"\r\n     [attr.aria-disabled]="ariaDisabled"\r\n     [attr.aria-controls]="ariaControls"\r\n     [attr.aria-current]="ariaCurrent"\r\n     [attr.aria-live]="ariaLive"\r\n     [attr.aria-expanded]="ariaExpanded"\r\n     [attr.aria-haspopup]="ariaHasPopup"\r\n     [attr.tabindex]="tabindex">\r\n\r\n  <div class="lg:flex lg:justify-between lg:items-start -my-px px-base py-sm border-t border-b border-neutral-base">\r\n    <ng-container *ngIf="getItems(); else noItems">\r\n      <div class="lg:w-2/3">\r\n        <ng-container *ngTemplateOutlet="commonHtml"></ng-container>\r\n        <dl>\r\n          <div *ngFor="let item of getItems()"\r\n              [class]="(item.classes ? \'flex lg-flex-wrap \' + item.classes : \'flex lg-flex-wrap\')"\r\n              [attr.id]="item.id ? item.id : null"\r\n              [attr.role]="item.role"\r\n              [attr.aria-describedby]="item.ariaDescribedBy"\r\n              [attr.aria-errormessage]="item.ariaErrorMessage"\r\n              [attr.aria-label]="item.ariaLabel"\r\n              [attr.aria-labelledby]="item.ariaLabelledBy"\r\n              [attr.aria-hidden]="item.ariaHidden"\r\n              [attr.aria-disabled]="item.ariaDisabled"\r\n              [attr.aria-controls]="item.ariaControls"\r\n              [attr.aria-current]="item.ariaCurrent"\r\n              [attr.aria-live]="item.ariaLive"\r\n              [attr.aria-expanded]="item.ariaExpanded"\r\n              [attr.aria-haspopup]="item.ariaHasPopup">\r\n            <dt [class]="(item.term.classes ?  item.term.classes : \'w-1/2 my-sm\')"\r\n                (desyContentEmpty)="handleContentEmpty(\'term\')"\r\n                [attr.id]="item.term.id ? item.term.id : null"\r\n                [attr.role]="item.term.role"\r\n                [attr.aria-describedby]="item.term.ariaDescribedBy"\r\n                [attr.aria-errormessage]="item.term.ariaErrorMessage"\r\n                [attr.aria-label]="item.term.ariaLabel"\r\n                [attr.aria-labelledby]="item.term.ariaLabelledBy"\r\n                [attr.aria-hidden]="item.term.ariaHidden"\r\n                [attr.aria-disabled]="item.term.ariaDisabled"\r\n                [attr.aria-controls]="item.term.ariaControls"\r\n                [attr.aria-current]="item.term.ariaCurrent"\r\n                [attr.aria-live]="item.term.ariaLive"\r\n                [attr.aria-expanded]="item.term.ariaExpanded"\r\n                [attr.aria-haspopup]="item.term.ariaHasPopup">\r\n                <ng-container *desyCustomInnerContent="{ component: item.term, html: item.term.html, text: item.term.text}"></ng-container>\r\n            </dt>\r\n            <dd [class]="(item.definition.classes ?  item.definition.classes : \'w-1/2 my-sm font-semibold\')"\r\n                (desyContentEmpty)="handleContentEmpty(\'definition\')"\r\n                [attr.id]="item.definition.id ? item.definition.id : null"\r\n                [attr.role]="item.definition.role"\r\n                [attr.aria-describedby]="item.definition.ariaDescribedBy"\r\n                [attr.aria-errormessage]="item.definition.ariaErrorMessage"\r\n                [attr.aria-label]="item.definition.ariaLabel"\r\n                [attr.aria-labelledby]="item.definition.ariaLabelledBy"\r\n                [attr.aria-hidden]="item.definition.ariaHidden"\r\n                [attr.aria-disabled]="item.definition.ariaDisabled"\r\n                [attr.aria-controls]="item.definition.ariaControls"\r\n                [attr.aria-current]="item.definition.ariaCurrent"\r\n                [attr.aria-live]="item.definition.ariaLive"\r\n                [attr.aria-expanded]="item.definition.ariaExpanded"\r\n                [attr.aria-haspopup]="item.definition.ariaHasPopup">\r\n                <ng-container *desyCustomInnerContent="{ component: item.definition, html: item.definition.html, text: item.definition.text}"></ng-container>\r\n            </dd>\r\n          </div>\r\n        </dl>\r\n      </div>\r\n    </ng-container>\r\n    <ng-template #noItems>\r\n      <div class="lg:w-2/3">\r\n        <ng-container *ngTemplateOutlet="commonHtml"></ng-container>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <div class="lg:flex lg:flex-wrap lg:items-center lg:1/3">\r\n\r\n      <div *ngIf="contentComponent || caller" [id]="id + \'-status-item\'"\r\n           [class]="\'w-full lg:w-auto lg:text-right mt-base lg:mt-0 mb-base lg:mb-0\'">\r\n        <ng-container *desyCustomInnerContent="{ component: contentComponent, template: caller }"></ng-container>\r\n      </div>\r\n\r\n      <div *ngIf="statusComponent || status" class="mb-base lg:mb-0 ml-base py-sm">\r\n        <ng-container *ngIf="statusComponent">\r\n          <ng-content select="desy-status"></ng-content>\r\n        </ng-container>\r\n        <desy-status *ngIf="!statusComponent && status"\r\n                     [text]="status.text" [icon]="status.icon" [classes]="status.classes" [id]="status.id"\r\n                     [role]="status.role"\r\n                     [ariaLabel]="status.ariaLabel"\r\n                     [ariaDescribedBy]="status.ariaDescribedBy"\r\n                     [ariaLabelledBy]="status.ariaLabelledBy"\r\n                     [ariaHidden]="status.ariaHidden"\r\n                     [ariaDisabled]="status.ariaDisabled"\r\n                     [ariaControls]="status.ariaControls"\r\n                     [ariaCurrent]="status.ariaCurrent"\r\n                     [ariaLive]="status.ariaLive"\r\n                     [ariaExpanded]="status.ariaExpanded"\r\n                     [ariaErrorMessage]="status.ariaErrorMessage"\r\n                     [ariaHasPopup]="status.ariaHasPopup"\r\n                     [tabindex]="status.tabindex"></desy-status>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n'}]}],_t.propDecorators={id:[{type:t.Input}],classes:[{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}],titleComponent:[{type:t.ContentChildren,args:[N]}],hintComponent:[{type:t.ContentChildren,args:[q]}],errorMessageComponent:[{type:t.ContentChildren,args:[z]}],contentComponent:[{type:t.ContentChildren,args:[O]}],itemComponents:[{type:t.ContentChildren,args:[St]}],statusComponent:[{type:t.ContentChildren,args:[zt]}],caller:[{type:t.Input}]},m([P()],_t.prototype,"titleComponent",void 0),m([P()],_t.prototype,"hintComponent",void 0),m([P()],_t.prototype,"errorMessageComponent",void 0),m([P()],_t.prototype,"contentComponent",void 0),m([P()],_t.prototype,"statusComponent",void 0);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-panel",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],$t.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}]};var Gt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);Gt.decorators=[{type:t.Component,args:[{selector:"desy-tab-item",template:""}]}],Gt.propDecorators={contentComponent:[{type:t.ContentChildren,args:[O]}],panelComponent:[{type:t.ContentChildren,args:[$t]}],classes:[{type:t.Input}],disabled:[{type:t.Input}],id:[{type:t.Input}]},m([P()],Gt.prototype,"contentComponent",void 0),m([P()],Gt.prototype,"panelComponent",void 0);var Ut=function(e){function t(t){var r=e.call(this)||this;return r.changeDetector=t,r.currentTab=0,r}return u(t,e),t.prototype.ngOnChanges=function(e){if(!this.title)throw new Error("title is required");if(!this.tablistAriaLabel)throw new Error("tablistAriaLabel is required")},t.prototype.ngAfterViewInit=function(){var e=this.getItems();this.selectTab(e.findIndex((function(e){return!e.disabled}))),this.changeDetector.detectChanges()},t.prototype.getItems=function(){var e=this.itemComponents.length>0?this.itemComponents.toArray():this.items;if(!e||0===e.length)throw new Error("items are required");return e},t.prototype.getItemPanel=function(e){var t,r=this.getItems()[e];return r instanceof Gt&&(t=r.panelComponent),t},t.prototype.handleContentEmpty=function(e){throw new Error(e+" content, html or text is required")},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 Gt?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(),r=(e+1)%t.length;r!==e;){if(!t[r].disabled){this.tabSelectors.find((function(e,t){return t===r})).nativeElement.focus();break}r=(r+1)%t.length}},t.prototype.focusPreviousTab=function(e){for(var t=this.getItems(),r=(e-1+t.length)%t.length;r!==e;){if(!t[r].disabled){this.tabSelectors.find((function(e,t){return t===r})).nativeElement.focus();break}r=(r-1+t.length)%t.length}},t.prototype.getPanelContent=function(e){var t=this.getItems();return t[e].panel&&t[e].panel.text?"<p>"+M.escapeHtml(t[e].panel.text)+"</p>":null},t}(C);Ut.decorators=[{type:t.Component,args:[{selector:"desy-tabs",template:'<div [attr.id]="id ? id : null" [class]="(classes ? \'c-tabs \' + classes : \'c-tabs\')" data-module="c-tabs"\r\n        [attr.role]="role"\r\n        [attr.aria-describedby]="ariaDescribedBy"\r\n        [attr.aria-errormessage]="ariaErrorMessage"\r\n        [attr.aria-label]="ariaLabel"\r\n        [attr.aria-labelledby]="ariaLabelledBy"\r\n        [attr.aria-hidden]="ariaHidden"\r\n        [attr.aria-disabled]="ariaDisabled"\r\n        [attr.aria-controls]="ariaControls"\r\n        [attr.aria-current]="ariaCurrent"\r\n        [attr.aria-live]="ariaLive"\r\n        [attr.aria-expanded]="ariaExpanded"\r\n        [attr.aria-haspopup]="ariaHasPopup"\r\n        [attr.tabindex]="tabindex">\r\n\r\n    <ng-container *ngIf="title">\r\n      <ng-container [ngSwitch]="headingLevel">\r\n        <h1 *ngSwitchCase="1" class="lg:hidden mb-sm text-sm">{{title}}</h1>\r\n        <h2 *ngSwitchCase="2" class="lg:hidden mb-sm text-sm">{{title}}</h2>\r\n        <h3 *ngSwitchCase="3" class="lg:hidden mb-sm text-sm">{{title}}</h3>\r\n        <h4 *ngSwitchCase="4" class="lg:hidden mb-sm text-sm">{{title}}</h4>\r\n        <h5 *ngSwitchCase="5" class="lg:hidden mb-sm text-sm">{{title}}</h5>\r\n        <h2 *ngSwitchDefault class="lg:hidden mb-sm text-sm">{{title}}</h2>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf="!title">\r\n        <ng-container [ngSwitch]="headingLevel">\r\n          <h1 *ngSwitchCase="1" class="lg:hidden mb-sm text-sm">Contenido</h1>\r\n          <h2 *ngSwitchCase="2" class="lg:hidden mb-sm text-sm">Contenido</h2>\r\n          <h3 *ngSwitchCase="3" class="lg:hidden mb-sm text-sm">Contenido</h3>\r\n          <h4 *ngSwitchCase="4" class="lg:hidden mb-sm text-sm">Contenido</h4>\r\n          <h5 *ngSwitchCase="5" class="lg:hidden mb-sm text-sm">Contenido</h5>\r\n          <h2 *ngSwitchDefault class="lg:hidden mb-sm text-sm">Contenido</h2>\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf="getItems()">\r\n      <div class="c-tabs lg:flex lg:flex-wrap" role="tablist" [attr.aria-label]=tablistAriaLabel>\r\n          <ng-container *ngFor="let item of getItems(); index as i">\r\n                  <button #tabSelector\r\n                          (click)="selectTab(i)"\r\n                          (keydown.home)="focusFirstTab($event)"\r\n                          (keydown.end)="focusLastTab($event)"\r\n                          (keydown.arrowleft)="focusPreviousTab(i)"\r\n                          (keydown.arrowright)="focusNextTab(i)"\r\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"\r\n                          [ngClass]="{\'opacity-50 pointer-events-none\': isDisabled(item)}"\r\n                          [attr.id]="getItemId(i)"\r\n                          [attr.role]="(item.role ? role : \'tab\')"\r\n                          [attr.aria-selected]="currentTab === i ? \'true\' : \'false\'"\r\n                          [attr.aria-describedby]="item.ariaDescribedBy"\r\n                          [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                          [attr.aria-label]="item.ariaLabel"\r\n                          [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                          [attr.aria-hidden]="item.ariaHidden"\r\n                          [attr.aria-controls]="\'tab-\' + getItemId(i)"\r\n                          [attr.aria-current]="item.ariaCurrent"\r\n                          [attr.aria-live]="item.ariaLive"\r\n                          [attr.aria-expanded]="item.ariaExpanded"\r\n                          [attr.aria-haspopup]="item.ariaHasPopup"\r\n                          [attr.tabindex]="(currentTab !== i || item.disabled ? \'-1\' : null)"\r\n                          [attr.disabled]="isDisabled(item)"\r\n                          [attr.aria-disabled]="isDisabled(item) ? \'true\' : (ariaDisabled ? ariaDisabled : null)">\r\n                      <span #tabSelectorContentWrapper class="flex items-center pointer-events-none" (desyContentEmpty)="handleContentEmpty(\'contentComponent\')">\r\n                        <ng-container *desyCustomInnerContent="{ component: item.contentComponent, html: item.html, text: item.text}"></ng-container>\r\n                      </span>\r\n                  </button>\r\n          </ng-container>\r\n      </div>\r\n\r\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"\r\n           [attr.id]="\'tab-\' + getItemId(currentTab)"\r\n           [attr.role]="(currentPanel?.role ? currentPanel?.role : \'tabpanel\')"\r\n           [attr.aria-describedby]="currentPanel?.ariaDescribedBy"\r\n           [attr.aria-errormessage]="currentPanel?.ariaErrorMessage"\r\n           [attr.aria-label]="currentPanel?.ariaLabel"\r\n           [attr.aria-labelledby]="getItemId(currentTab)"\r\n           [attr.aria-hidden]="currentPanel?.ariaHidden"\r\n           [attr.aria-disabled]="currentPanel?.ariaDisabled"\r\n           [attr.aria-controls]="currentPanel?.ariaControls"\r\n           [attr.aria-current]="currentPanel?.ariaCurrent"\r\n           [attr.aria-live]="currentPanel?.ariaLive"\r\n           [attr.aria-expanded]="currentPanel?.ariaExpanded"\r\n           [attr.aria-haspopup]="currentPanel?.ariaHasPopup"\r\n           [attr.tabindex]="(currentPanel?.tabindex ? currentPanel?.tabindex : \'0\')">\r\n        <ng-container [ngSwitch]="headingLevel">\r\n          <h1 *ngSwitchCase="1" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h1>\r\n          <h2 *ngSwitchCase="2" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h2>\r\n          <h3 *ngSwitchCase="3" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h3>\r\n          <h4 *ngSwitchCase="4" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h4>\r\n          <h5 *ngSwitchCase="5" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h5>\r\n          <h3 *ngSwitchDefault #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h3>\r\n        </ng-container>\r\n        <ng-container *desyCustomInnerContent="{ component: getItemPanel(currentTab), template: currentPanel?.html, html: getPanelContent(currentTab) }"></ng-container>\r\n      </div>\r\n    </ng-container>\r\n</div>\r\n'}]}],Ut.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},Ut.propDecorators={itemComponents:[{type:t.ContentChildren,args:[Gt]}],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}],classes:[{type:t.Input}],headingLevel:[{type:t.Input}],title:[{type:t.Input}],tablistAriaLabel:[{type:t.Input}],items:[{type:t.Input}]};var jt=function(){function e(e){this.factoryResolver=e}return e.prototype.openAlert=function(e,r){var n=this;return new Promise((function(a,i){e||i("caller is required"),r||i("alertOptions is required");var o=n.createAlert(r),l={alert:o};e instanceof t.TemplateRef?(o.instance.caller=e,a(l)):(o.instance.callerType=pt,o.instance.onCallerCreationCallback=function(t,r){n.initNotification(t,r,e),l.component=r,a(l)})}))},e.prototype.closeAlert=function(e){if(!e)throw Error("alert is required");e instanceof t.ComponentRef?e.instance.dismiss():e.dismiss()},e.prototype.onCloseAlert=function(e){return new Promise((function(r){var n=(e instanceof t.ComponentRef?e.instance:e).activeChange.subscribe((function(){r(),n.unsubscribe()}))}))},e.prototype.createAlert=function(e){var t=this.factoryResolver.resolveComponentFactory(Et),r=e.place.createComponent(t);return r.instance.active=!0,e&&Object.assign(r.instance,e),this.onCloseAlert(r).then((function(){return r.destroy()})),r},e.prototype.initNotification=function(e,t,r){var n=this;if(Object.assign(t.instance,r),r.isDismissible)var a=t.instance.isOpenChange.subscribe((function(){n.closeAlert(e),a.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 Wt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Wt.decorators=[{type:t.Component,args:[{selector:"desy-tooltip-content",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}];var Kt=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.currentPage=1,r.currentPageChange=new t.EventEmitter,r.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>',r.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>',r.prefix='<span class="sr-only">Página&nbsp;</span>',r}return u(r,e),r.prototype.ngOnChanges=function(e){var t=this;if(!this.id)throw new Error("id is required");if(void 0===this.totalItems||null===this.totalItems)throw new Error("totalItems is required");if(void 0===!this.itemsPerPage||null===this.itemsPerPage)throw new Error("itemsPerPage is required");this.nPages=Math.ceil(this.totalItems/this.itemsPerPage),(!this.currentPage||this.currentPage<1||this.currentPage>this.nPages)&&(this.currentPage=1,setTimeout((function(){return t.currentPageChange.emit(t.currentPage)}))),this.previousText||(this.previousText="Anterior"),this.nextText||(this.nextText="Siguiente"),this.buildPages()},r.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>":""},r.prototype.getLastItemNumber=function(e){return Math.min((e+1)*this.itemsPerPage,this.totalItems)},r.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)}},r.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:"pagination-item"},r.prototype.getButtonId=function(e){return this.getIdPrefix()+(0===e)?"":"-"+e},r.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}},r.prototype.previous=function(){this.currentPage>1&&this.changePage(this.currentPage-1)},r.prototype.next=function(){this.currentPage<this.nPages&&this.changePage(this.currentPage+1)},r.prototype.getActiveItemText=function(){var e=this.items.filter((function(e){return e.active}));return e&&e.length>0?e[0].text:""},r}(C);Kt.decorators=[{type:t.Component,args:[{selector:"desy-pagination",template:'<div [attr.id]="id ? id : null" [class]="[\'lg:flex lg:flex-wrap lg:align-center\', classesContainer] | makeHtmlList">\r\n  <ng-container *ngIf="hasSelect">\r\n    <p class="w-full mb-xs text-sm text-neutral-dark">\r\n      Selecciona una página para cargar datos\r\n    </p>\r\n    <nav [class]="[\'flex flex-wrap items-center flex-1 mb-base lg:mb-0 text-sm\', classes] | makeHtmlList"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n      <desy-button (clickEvent)="previous()" [id]="getIdPrefix() + \'-previous\'"\r\n                   [html]="previousIcon + prefix + previousText + getSuffix(currentPage - 2)" [disabled]="currentPage === 1 || !hasPrevious"\r\n                   classes="c-button--sm c-button--transparent mr-xs"></desy-button>\r\n      <desy-listbox [id]="id + \'-listbox\'"\r\n                    [idPrefix]="idPrefix"\r\n                    [text]="\'Página \' + getActiveItemText()"\r\n                    [classes]="\'c-listbox--sm c-listbox--transparent mr-xs\'"\r\n                    [classesTooltip]="\'max-h-52 overflow-y-auto\'"\r\n                    [doesChangeButtonText]="true"\r\n                    [label]="{ text: \'Selecciona una página para cargar datos\', classes: \'sr-only\' }"\r\n                    [(items)]="items"\r\n                    (activeItemChange)="changePage(+$event.text)"></desy-listbox>\r\n      <desy-button (clickEvent)="next()" [id]="getIdPrefix() + \'-next\'"\r\n                   [html]="prefix + nextText + getSuffix(currentPage) + nextIcon" [disabled]="currentPage === nPages || !hasNext"\r\n                   classes="c-button--sm c-button--transparent mr-xs"></desy-button>\r\n    </nav>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasSelect">\r\n    <nav [class]="[\'flex flex-wrap items-center flex-1 mb-base lg:mb-0 text-sm\', classes] | makeHtmlList"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n      <ul class="flex flex-wrap">\r\n        <li *ngFor="let item of items; index as i">\r\n          <desy-button *ngIf="item.active" [id]="getButtonId(i)"\r\n                       [html]="\'<strong>\' + prefix + (i + 1) + getSuffix(i) + \'</strong>\'"\r\n                       classes="c-button--primary c-button--disabled mb-sm mr-sm"\r\n                       disabled="true" ariaCurrent="page" tabindex="-1" ></desy-button>\r\n          <desy-button *ngIf="!item.active" [id]="getButtonId(i)"\r\n                       [html]="prefix + (i + 1) + getSuffix(i)"\r\n                       (clickEvent)="changePage(i + 1)"\r\n                       classes="mb-sm mr-sm"></desy-button>\r\n        </li>\r\n      </ul>\r\n    </nav>\r\n  </ng-container>\r\n  <p class="block lg:ml-auto text-sm text-neutral-dark">\r\n    <span class="sr-only">Posición de paginación: </span>{{(currentPage - 1) * itemsPerPage + 1}} - {{getLastItemNumber(currentPage - 1)}} de {{totalItems}}\r\n  </p>\r\n</div>\r\n'}]}],Kt.propDecorators={hasSelect:[{type:t.Input}],idPrefix:[{type:t.Input}],classesContainer:[{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}],classes:[{type:t.Input}],id:[{type:t.Input}],currentPage:[{type:t.Input}],currentPageChange:[{type:t.Output}]};var Yt=function(){function e(e){this.sanitizer=e}return e.prototype.transform=function(e){return this.sanitizer.sanitize(t.SecurityContext.HTML,e)},e}();Yt.decorators=[{type:t.Pipe,args:[{name:"innerHtml"}]}],Yt.ctorParameters=function(){return[{type:l.DomSanitizer}]};var Xt=function(){function e(){}return e.prototype.transform=function(e){return e?e.match("http(s)?://")?e:"http://"+e:"#"},e}();Xt.decorators=[{type:t.Pipe,args:[{name:"externalHref"}]}];var Qt=function(){function e(e){var r=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){r.attributesToCheck&&(("string"==typeof r.attributesToCheck?[r.attributesToCheck]:r.attributesToCheck).findIndex((function(t){return t===e.attributeName}))>=0&&(r.desyAttributeChange.emit(r.elementRef.nativeElement.innerHTML),r.desyAttributeChangeMutation.emit(e)))}))})),this.changes.observe(n,{attributes:!0,childList:!1,characterData:!1,subtree:!1})}return e.prototype.ngOnDestroy=function(){this.changes.disconnect()},e}();Qt.decorators=[{type:t.Directive,args:[{selector:"[desyAttributeChange]"}]}],Qt.ctorParameters=function(){return[{type:t.ElementRef}]},Qt.propDecorators={attributesToCheck:[{type:t.Input}],desyAttributeChange:[{type:t.Output}],desyAttributeChangeMutation:[{type:t.Output}]};var Jt=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}();Jt.decorators=[{type:t.Directive,args:[{selector:"[desyInnerContent]"}]}],Jt.ctorParameters=function(){return[{type:t.ElementRef}]},Jt.propDecorators={content:[{type:t.Input,args:["desyInnerContent"]}],isHtml:[{type:t.Input}],deleteContentIfEmpty:[{type:t.Input}]};var Zt=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}();Zt.decorators=[{type:t.Directive,args:[{selector:"[desyClickOutside]"}]}],Zt.ctorParameters=function(){return[{type:t.ElementRef}]},Zt.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 er=function(){function e(e){var r=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){r.desyContentChange.emit(r.elementRef),r.desyContentChangeMutation.emit(e)}))})),this.changes.observe(n,this.observeProperties)}return e.prototype.ngOnDestroy=function(){this.changes.disconnect()},e}();er.decorators=[{type:t.Directive,args:[{selector:"[desyContentChange]"}]}],er.ctorParameters=function(){return[{type:t.ElementRef}]},er.propDecorators={observeProperties:[{type:t.Input}],desyContentChange:[{type:t.Output}],desyContentChangeMutation:[{type:t.Output}]};var tr=function(){function e(e){var r=this;this.elementRef=e,this.desyContentEmpty=new t.EventEmitter,this.desyContentNotEmpty=new t.EventEmitter,this.lastWasEmpty=!1,this.viewInit=!1;var n=this.elementRef.nativeElement;this.changes=new MutationObserver((function(e){return e.forEach((function(){return r.checkContent()}))})),this.changes.observe(n,{attributes:!1,childList:!0,characterData:!0,subtree:!1})}return e.prototype.ngAfterViewInit=function(){this.viewInit||(this.viewInit=!0,this.checkContent())},e.prototype.checkContent=function(){if(this.viewInit){for(var e=this.elementRef.nativeElement.childNodes,t=!1,r=0;r<e.length&&!t;r++){var n=e.item(r);n.nodeType===Node.TEXT_NODE&&n.textContent.length>0?t=!0:n.nodeType!==Node.ELEMENT_NODE&&n.nodeType!==Node.CDATA_SECTION_NODE||!this.isContentNode(n)||(t=!0)}t?(this.lastWasEmpty&&this.desyContentNotEmpty.emit(this.elementRef.nativeElement.innerHTML),this.lastWasEmpty=!1):(this.lastWasEmpty||this.desyContentEmpty.emit(this.elementRef.nativeElement.innerHTML),this.lastWasEmpty=!0)}},e.prototype.isContentNode=function(e){var t=!0;return this.contentsToIgnore&&this.contentsToIgnore.length>0&&(t=!this.contentsToIgnore.find((function(t){return t.nativeElement===e}))),t},e.prototype.ngOnDestroy=function(){this.changes.disconnect()},e}();tr.decorators=[{type:t.Directive,args:[{selector:"[desyContentEmpty]"}]}],tr.ctorParameters=function(){return[{type:t.ElementRef}]},tr.propDecorators={desyContentEmpty:[{type:t.Output}],desyContentNotEmpty:[{type:t.Output}],contentsToIgnore:[{type:t.ContentChildren,args:["desyContentEmptyIgnore",{read:t.ElementRef}]}]};var rr=function(){function e(e,t,r){this.viewContainerRef=e,this.resolver=t,this.injector=r,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 r=[];t.childNodes.forEach((function(e){return r.push(e)}));var n=this.factory.create(this.injector,[r]);this.viewContainerRef.createEmbeddedView(n.instance.getContent())}else if(this.desyCustomInnerContent.text){var a=document.createTextNode(this.desyCustomInnerContent.text);n=this.factory.create(this.injector,[[a]]);this.viewContainerRef.createEmbeddedView(n.instance.getContent())}},e}();rr.decorators=[{type:t.Directive,args:[{selector:"[desyCustomInnerContent]"}]}],rr.ctorParameters=function(){return[{type:t.ViewContainerRef},{type:t.ComponentFactoryResolver},{type:t.Injector}]},rr.propDecorators={desyCustomInnerContent:[{type:t.Input}]};var nr=function(){};nr.decorators=[{type:t.NgModule,args:[{declarations:[C,v,x,D,E,Yt,te,Xt,Qt,Jt,Zt,er,tr,rr],imports:[i.CommonModule],exports:[o.RouterModule,C,v,x,D,E,Yt,te,Xt,Qt,Jt,Zt,er,tr,rr]}]}];var ar=function(){};ar.decorators=[{type:t.Component,args:[{selector:"desy-template-driven-wrapper",template:"<ng-content></ng-content>\r\n",providers:[{provide:r.ControlContainer,useExisting:r.NgForm}]}]}];var ir=function(){};ir.decorators=[{type:t.NgModule,args:[{declarations:[F,O,A,N],imports:[i.CommonModule,nr,s.NgxTippyModule],exports:[F,O,A,N]}]}];var or=function(){};or.decorators=[{type:t.NgModule,args:[{declarations:[ar,G,q,V,z,$,_,U,j,W,Q,J,ie,Z,pe,ae,he,re,ne,le,oe,de,se,ge,be,Y,X,K,ce,ue,me,Ie,ye,xe,ve,Ee,De],imports:[i.CommonModule,r.FormsModule,r.ReactiveFormsModule,nr,ir],exports:[q,V,z,$,_,U,j,W,Q,J,ie,ae,he,re,ne,le,oe,de,se,ge,be,Y,X,ce,ue,me,Ie,ye,xe,Ee,De]}]}];var lr=function(e){function t(t){var r=e.call(this)||this;return r.changeDetectorRef=t,r.hasContent=!0,r.hasIconComponentContent=!0,r}return u(t,e),t.prototype.ngOnChanges=function(e){if(!this.id)throw Error("id is required")},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 r=e.hide;function n(e){e.key===t.KEY_CODE_ESC&&r()}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.handleEmptyTooltipContent=function(){throw Error("caller attribute or inner desy-tooltip-content component are required")},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);lr.KEY_CODE_ESC="Escape",lr.decorators=[{type:t.Component,args:[{selector:"desy-tooltip",template:'<div [attr.id]="id" [ngClass]="classes"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.tabindex]="tabindex ? tabindex : null">\r\n  <div *ngIf="tippyProperties" [attr.id]="getIdButton()"\r\n       ngxTippy [tippyProps]="tippyProperties"\r\n       class="inline-flex items-center focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black"\r\n       tabindex="0" role="button"\r\n       [attr.aria-labelledby]="getIdButton() + \' \' + getIdTooltip()"\r\n       (desyContentEmpty)="handleEmptyContent(true)" (desyContentNotEmpty)="handleEmptyContent(false)">\r\n    <ng-container *desyCustomInnerContent="{ component: contentComponent, html: getMainContent() }"></ng-container>\r\n    <span *ngIf="hasContent && ( (iconComponent) || (icon) )" #desyContentEmptyIgnore class="inline-block w-1.5"></span>\r\n    <span *ngIf="iconComponent" #desyContentEmptyIgnore class="inline-block"\r\n          (desyContentEmpty)="handleEmptyIconContent(true)"\r\n          (desyContentNotEmpty)="handleEmptyIconContent(false)">\r\n      <ng-container *desyCustomInnerContent="{ component: iconComponent }"></ng-container>\r\n\r\n      <ng-container *ngIf="!hasIconComponentContent">\r\n        <ng-container [ngSwitch]="iconComponent.type">\r\n          <svg *ngSwitchCase="\'info\'" #desyContentEmptyIgnore 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>\r\n          <svg *ngSwitchCase="\'alert\'" #desyContentEmptyIgnore 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>\r\n          <svg *ngSwitchDefault #desyContentEmptyIgnore 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>\r\n        </ng-container>\r\n      </ng-container>\r\n    </span>\r\n    <span *ngIf="!iconComponent && icon" #desyContentEmptyIgnore class="inline-block">\r\n      <ng-container *desyCustomInnerContent="{ html: getIconContent(icon) }"></ng-container>\r\n    </span>\r\n  </div>\r\n\r\n  <div #tooltipContent [attr.id]="getIdTooltip()"\r\n       [class]="[\'-my-xs p-sm shadow-md bg-black rounded text-white\', classesTooltip] | makeHtmlList"\r\n       (desyContentEmpty)="handleEmptyTooltipContent()">\r\n    <ng-container *desyCustomInnerContent="{ component: tooltipContentComponent, template: caller }"></ng-container>\r\n  </div>\r\n</div>\r\n'}]}],lr.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},lr.propDecorators={contentComponent:[{type:t.ContentChildren,args:[O]}],iconComponent:[{type:t.ContentChildren,args:[F]}],tooltipContentComponent:[{type:t.ContentChildren,args:[Wt]}],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}],classes:[{type:t.Input}],classesTooltip:[{type:t.Input}],icon:[{type:t.Input}],caller:[{type:t.Input}]},m([P()],lr.prototype,"contentComponent",void 0),m([P()],lr.prototype,"iconComponent",void 0),m([P()],lr.prototype,"tooltipContentComponent",void 0);var sr=function(){};sr.decorators=[{type:t.NgModule,args:[{declarations:[Et,kt,Lt,wt,Ht,Mt,Ot,Rt,St,Tt,Pt,qt,Ft,At,Nt,Vt,zt,_t,Ut,lr,Wt,$t,Gt],imports:[i.CommonModule,nr,or,ir,s.NgxTippyModule],exports:[Et,kt,Lt,wt,Ht,Mt,Ot,Rt,St,Tt,Pt,qt,Ft,At,Nt,Vt,zt,_t,Ut,lr,Wt,$t,Gt]}]}];var dr=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);dr.decorators=[{type:t.Component,args:[{selector:"desy-toggle-off-state",template:"<ng-template #contentTemplateOffState>\r\n   <ng-content></ng-content>\r\n</ng-template>"}]}],dr.propDecorators={content:[{type:t.ViewChild,args:["contentTemplateOffState",{static:!0}]}],classes:[{type:t.Input}]};var pr=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);pr.decorators=[{type:t.Component,args:[{selector:"desy-toggle-on-state",template:"<ng-template #contentTemplateOnState>\r\n   <ng-content></ng-content>\r\n</ng-template>"}]}],pr.propDecorators={content:[{type:t.ViewChild,args:["contentTemplateOnState",{static:!0}]}],classes:[{type:t.Input}]};var cr=function(e){function r(){var r=e.apply(this,f(arguments))||this;return r.clickEvent=new t.EventEmitter,r.pressedChange=new t.EventEmitter,r}return u(r,e),r.prototype.onClick=function(e){this.pressed=!this.pressed,this.pressedChange.emit(this.pressed),this.clickEvent.emit(e)},r}(C);cr.decorators=[{type:t.Component,args:[{selector:"desy-toggle",template:'\x3c!-- toggle --\x3e\r\n<div class="relative">\r\n  <button *ngIf="isSwitch"\r\n          (click)="onClick($event)"\r\n          [type]="\'button\'"\r\n          [class]="pressed ? (classes + \' \' + contentTemplateOnState?.classes) : (classes + \' \' + contentTemplateOffState?.classes)"\r\n          [attr.aria-checked]="pressed ? \'true\' : \'false\'"\r\n          \r\n          [attr.id]="id ? id : null" \r\n          [attr.role]="\'switch\'"\r\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n          [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n          [attr.aria-controls]="ariaControls ? ariaControls : null" \r\n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null" \r\n          [attr.aria-live]="ariaLive ? ariaLive : null" \r\n          [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" \r\n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" \r\n          [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null" \r\n          [attr.tabindex]="tabindex ? tabindex : null">\r\n    \r\n    <span [class]="pressed ? \'hidden\' : \'\'"><ng-container *ngTemplateOutlet="contentTemplateOffState?.content"></ng-container></span>\r\n    <span [class]="pressed ? \'\' : \'hidden\'"><ng-container *ngTemplateOutlet="contentTemplateOnState?.content"></ng-container></span>\r\n  </button>\r\n\r\n  <button *ngIf="!isSwitch"\r\n          (click)="onClick($event)"\r\n          [type]="\'button\'"\r\n          [class]="pressed ? (classes + \' \' + contentTemplateOnState?.classes) : (classes + \' \' + contentTemplateOffState?.classes)"\r\n          [attr.aria-pressed]="pressed ? \'true\' : \'false\'"\r\n          [attr.id]="id ? id : null" \r\n          [attr.role]="role ? role : null"\r\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n          [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n          [attr.aria-controls]="ariaControls ? ariaControls : null" \r\n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null" \r\n          [attr.aria-live]="ariaLive ? ariaLive : null" \r\n          [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" \r\n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" \r\n          [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null" \r\n          [attr.tabindex]="tabindex ? tabindex : null">\r\n    \r\n    <span [class]="pressed ? \'hidden\' : \'\'"><ng-container *ngTemplateOutlet="contentTemplateOffState?.content"></ng-container></span>\r\n    <span [class]="pressed ? \'\' : \'hidden\'"><ng-container *ngTemplateOutlet="contentTemplateOnState?.content"></ng-container></span>\r\n  </button>\r\n</div>\r\n\x3c!-- /toggle --\x3e'}]}],cr.propDecorators={id:[{type:t.Input}],isSwitch:[{type:t.Input}],pressed:[{type:t.Input}],classes:[{type:t.Input}],clickEvent:[{type:t.Output}],pressedChange:[{type:t.Output}],contentTemplateOnState:[{type:t.ContentChildren,args:[pr]}],contentTemplateOffState:[{type:t.ContentChildren,args:[dr]}]},m([P()],cr.prototype,"contentTemplateOnState",void 0),m([P()],cr.prototype,"contentTemplateOffState",void 0);var ur=function(){};ur.decorators=[{type:t.NgModule,args:[{declarations:[L,w,H,S,R,T,B,cr,pr,dr],imports:[i.CommonModule,nr,sr,s.NgxTippyModule],exports:[L,w,H,S,R,T,B,cr,pr,dr]}]}];var mr=function(){};mr.decorators=[{type:t.NgModule,args:[{declarations:[ke,Le,we,Me],imports:[i.CommonModule,a.A11yModule,nr,ur],exports:[ke,Le,we,Me]}]}];var hr=function(){};hr.decorators=[{type:t.NgModule,args:[{declarations:[Pe,Te,Xe,Ye,Ke,We,je,Ue,Ge,$e,Ve,Fe,Ae,ze,Re,Oe,Se,Je,Qe,rt,tt,et,Ze,st,lt,ot,it,at,qe,pt,dt,_e,Ne,nt],imports:[i.CommonModule,nr,ir,ur],exports:[Pe,Te,Xe,Ye,Ke,We,je,Ue,Ge,$e,Ve,Fe,Ae,ze,Oe,Re,Se,Je,Qe,rt,tt,et,Ze,st,lt,ot,it,at,qe,pt,dt,Ne,_e]}]}];var gr=function(){function e(e){this.el=e}return e.prototype.onClick=function(){var e,t,r=this.el.nativeElement.offsetParent.querySelectorAll("[tabindex]");try{for(var n=b(r),a=n.next();!a.done;a=n.next()){a.value.setAttribute("tabindex","-1")}}catch(t){e={error:t}}finally{try{a&&!a.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 r=null;"ArrowDown"===e.code?r=this.el.nativeElement.parentNode.nextElementSibling:"ArrowUp"===e.code&&(r=this.el.nativeElement.parentNode.previousElementSibling),t=r?r.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,r=-1,n=0;n<t.children.length;n++){var a=t.children[n];if(e.isEqualNode(a)){r=n;break}}return r},e}();gr.decorators=[{type:t.Directive,args:[{selector:"[desyFocusClickedCell]"}]}],gr.ctorParameters=function(){return[{type:t.ElementRef}]},gr.propDecorators={onClick:[{type:t.HostListener,args:["click"]}],manageArrows:[{type:t.HostListener,args:["keydown",["$event"]]}]};var br=function(){};br.decorators=[{type:t.NgModule,args:[{declarations:[bt,mt,ct,ut,ht,Dt,ft,yt,vt,Ct,gr,xt,It],imports:[i.CommonModule,r.FormsModule,r.ReactiveFormsModule,a.A11yModule,nr,or],exports:[bt,mt,ct,ut,ht,Dt,ft,yt,vt,Ct]}]}];var yr=function(){};yr.decorators=[{type:t.NgModule,args:[{declarations:[Kt],imports:[i.CommonModule,nr,hr,ur],exports:[Kt]}]}];var fr=function(){};fr.decorators=[{type:t.NgModule,args:[{imports:[ur,ir,or,mr,hr,br,sr,yr,ir],exports:[ur,ir,or,mr,hr,br,sr,yr,ir]}]}],e.AccordionComponent=kt,e.AccordionHeaderComponent=Lt,e.AccordionItemComponent=wt,e.AlertComponent=Et,e.AlertService=jt,e.BreadcrumbsComponent=Pe,e.BreadcrumbsItemComponent=Te,e.ButtonComponent=L,e.ButtonLoaderComponent=w,e.CharacterCountComponent=j,e.CheckboxItemComponent=se,e.CheckboxesComponent=de,e.CollapsibleComponent=Ot,e.ConditionDirective=De,e.ContentComponent=O,e.DateInputComponent=ge,e.DefinitionComponent=Pt,e.DescriptionComponent=A,e.DescriptionItemComponent=St,e.DescriptionListComponent=Rt,e.DesyAngularModule=fr,e.DesyButtonsModule=ur,e.DesyCommonsModule=ir,e.DesyFormsModule=or,e.DesyModalsModule=mr,e.DesyNavModule=hr,e.DesyPaginationModule=yr,e.DesyTablesModule=br,e.DesyViewsModule=sr,e.DetailsComponent=Mt,e.DialogComponent=Me,e.DialogService=Be,e.DropdownComponent=H,e.ErrorMessageComponent=z,e.ErrorSummaryComponent=Xe,e.ErrorSummaryItemComponent=Ye,e.FieldsetComponent=$,e.FileUploadComponent=J,e.FooterComponent=Ke,e.FooterMetaComponent=We,e.FooterMetaItemComponent=je,e.FooterNavigationComponent=Ue,e.FooterNavigationItemComponent=Ge,e.HeaderComponent=$e,e.HeaderDropdownComponent=ze,e.HeaderNavigationComponent=Fe,e.HeaderOffcanvasButtonComponent=Re,e.HeaderOffcanvasCloseButtonComponent=Se,e.HeaderOffcanvasComponent=Oe,e.HeaderSubnavComponent=Ve,e.HintComponent=q,e.IconComponent=F,e.InputComponent=W,e.InputGroupComponent=ie,e.InputGroupDividerComponent=ae,e.InputGroupInputComponent=re,e.InputGroupSelectComponent=ne,e.ItemComponent=qt,e.ItemContentBottomComponent=Ft,e.ItemContentRightComponent=At,e.ItemItemComponent=Nt,e.LabelComponent=V,e.LegendComponent=_,e.ListboxComponent=S,e.ListboxItemComponent=T,e.ListboxLabelComponent=B,e.MediaObjectComponent=Vt,e.MenuHorizontalComponent=Je,e.MenuHorizontalItemComponent=Qe,e.MenuVerticalComponent=rt,e.MenuVerticalItemComponent=tt,e.MenuVerticalItemSubComponent=et,e.MenuVerticalItemSubItemComponent=Ze,e.MenubarComponent=st,e.MenubarItemComponent=ot,e.MenubarLabelComponent=lt,e.MenubarSubitemComponent=it,e.MenubarSubsubitemComponent=at,e.ModalButtonPrimaryComponent=Le,e.ModalButtonSecondaryComponent=we,e.ModalComponent=ke,e.NavComponent=qe,e.NavItemComponent=Ne,e.NotificationComponent=pt,e.NotificationItemComponent=dt,e.OptionComponent=Y,e.OptionGroupComponent=X,e.PaginationComponent=Kt,e.PillComponent=R,e.RadioItemComponent=oe,e.RadiosComponent=le,e.SearchBarComponent=be,e.SelectComponent=Q,e.SkipLinkComponent=_e,e.SpinnerComponent=Ht,e.StatusComponent=zt,e.StatusItemComponent=_t,e.TableAdvancedComponent=Dt,e.TableAdvancedHeaderCellComponent=yt,e.TableAdvancedHeaderComponent=ft,e.TableAdvancedRowCellComponent=Ct,e.TableAdvancedRowComponent=vt,e.TableCaptionComponent=mt,e.TableCellComponent=ct,e.TableComponent=bt,e.TableHeaderComponent=ut,e.TableRowComponent=ht,e.TabsComponent=Ut,e.TermComponent=Tt,e.TextareaComponent=U,e.TitleComponent=N,e.TooltipContentComponent=Wt,e.TreeComponent=Ie,e.TreeItemComponent=xe,e.TreeItemsGeneratorComponent=Ee,e.TreeSubComponent=ye,e.summaryTextOrSummaryHtmlRequiredFunction=Bt,e.ɵa=C,e.ɵb=E,e.ɵba=Qt,e.ɵbb=Jt,e.ɵbc=Zt,e.ɵbd=er,e.ɵbe=tr,e.ɵbf=rr,e.ɵbg=lr,e.ɵbh=ar,e.ɵbi=he,e.ɵbj=ce,e.ɵbk=ue,e.ɵbl=me,e.ɵbm=gr,e.ɵc=D,e.ɵd=P,e.ɵe=v,e.ɵf=G,e.ɵg=K,e.ɵh=ee,e.ɵi=Z,e.ɵj=pe,e.ɵk=fe,e.ɵl=ve,e.ɵm=Ae,e.ɵn=nt,e.ɵo=It,e.ɵp=xt,e.ɵq=Gt,e.ɵr=$t,e.ɵs=cr,e.ɵt=pr,e.ɵu=dr,e.ɵv=nr,e.ɵw=x,e.ɵx=Yt,e.ɵy=te,e.ɵz=Xt,Object.defineProperty(e,"__esModule",{value:!0})}));
+    ***************************************************************************** */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,r){var n,i=arguments.length,l=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,a):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,a,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(l=(i<3?n(l):i>3?n(t,a,l):n(t,a))||l);return i>3&&l&&Object.defineProperty(t,a,l),l}function g(e,t,a,r){return new(a||(a=Promise))((function(n,i){function l(e){try{o(r.next(e))}catch(e){i(e)}}function s(e){try{o(r.throw(e))}catch(e){i(e)}}function o(e){var t;e.done?n(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(l,s)}o((r=r.apply(e,t||[])).next())}))}function h(e,t){var a,r,n,i,l={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(a)throw new TypeError("Generator is already executing.");for(;l;)try{if(a=1,r&&(n=2&i[0]?r.return:i[0]?r.throw||((n=r.return)&&n.call(r),0):r.next)&&!(n=n.call(r,i[1])).done)return n;switch(r=0,n&&(i=[2&i[0],n.value]),i[0]){case 0:case 1:n=i;break;case 4:return l.label++,{value:i[1],done:!1};case 5:l.label++,r=i[1],i=[0];continue;case 7:i=l.ops.pop(),l.trys.pop();continue;default:if(!(n=l.trys,(n=n.length>0&&n[n.length-1])||6!==i[0]&&2!==i[0])){l=0;continue}if(3===i[0]&&(!n||i[1]>n[0]&&i[1]<n[3])){l.label=i[1];break}if(6===i[0]&&l.label<n[1]){l.label=n[1],n=i;break}if(n&&l.label<n[2]){l.label=n[2],l.ops.push(i);break}n[2]&&l.ops.pop(),l.trys.pop();continue}i=t.call(e,l)}catch(e){i=[6,e],r=0}finally{a=n=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}Object.create;function b(e){var t="function"==typeof Symbol&&Symbol.iterator,a=t&&e[t],r=0;if(a)return a.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],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 r,n,i=a.call(e),l=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)l.push(r.value)}catch(e){n={error:e}}finally{try{r&&!r.done&&(a=i.return)&&a.call(i)}finally{if(n)throw n.error}}return l}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 x=function(){};x.decorators=[{type:t.Component,args:[{selector:"desy-text-or-html-required",template:"<div></div>"}]}],x.propDecorators={text:[{type:t.Input}],html:[{type:t.Input}]};var I=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(x);I.decorators=[{type:t.Component,args:[{selector:"desy-accessibility-and-text-or-html-required",template:"<div></div>"}]}],I.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}(C);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>\r\n   <ng-content></ng-content>\r\n</ng-template>\r\n\r\n<ng-container [ngSwitch]="getElement()">\r\n  <ng-container *ngSwitchCase="staticElementTypeA">\r\n  \x3c!-- routerLink modifica href, por eso se duplica para que no convivan en un mismo html --\x3e\r\n     <a *ngIf="routerLink" draggable="false" (click)="onClick($event)"\r\n        [routerLink]="routerLink" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n        [attr.tabindex]="tabindex ? tabindex : (isDisabled() ? -1 : null)"\r\n        [attr.role]="role ? role : \'button\'"\r\n        [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n        [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n        [class]="getClassNames()"\r\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">\r\n       <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n     </a>\r\n\r\n     <a *ngIf="!routerLink" draggable="false" (click)="onClick($event)"\r\n        [href]="href | externalHref"\r\n        [attr.target]="target ? target : null"\r\n        [attr.tabindex]="tabindex ? tabindex : (isDisabled() ? -1 : null)"\r\n        [attr.role]="role ? role : \'button\'"\r\n        [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n        [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n        [class]="getClassNames()"\r\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">\r\n       <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n     </a>\r\n\r\n  </ng-container>\r\n\r\n  <button *ngSwitchCase="staticElementTypeButton" (click)="onClick($event)"\r\n          [routerLink]="routerLink ? routerLink : null" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n          [attr.name]="name ? name : null"\r\n          [attr.value]="value ? value : null"\r\n          [attr.disabled]="isDisabled()"\r\n          [attr.role]="role ? role : null"\r\n          [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n          [attr.data-prevent-double-click]="preventDoubleClick ? \'true\' : null"\r\n          [attr.type]="type ? type : null"\r\n          [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n          [class]="getClassNames()"\r\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">\r\n    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n  </button>\r\n\r\n  <input *ngSwitchCase="staticElementTypeInput" (click)="onClick($event)"\r\n         [routerLink]="routerLink ? routerLink : null" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n         [attr.name]="name ? name : null"\r\n         [value]="text ? text : null"\r\n         [attr.disabled]="isDisabled()"\r\n         [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n         [attr.role]="role ? role : null"\r\n         [attr.data-prevent-double-click]="preventDoubleClick ? \'true\' : null"\r\n         [attr.type]="type ? type : \'submit\'"\r\n         [class]="getClassNames()"\r\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">\r\n</ng-container>\r\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>\r\n  <span class="c-button-loader__spinner flex items-center justify-center absolute inset-0">\r\n    <desy-spinner [text]="getSpinnerText()" [classes]="loaderClasses" ></desy-spinner>\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #successTemplate>\r\n  <span class="c-button-loader__success flex items-center justify-center absolute inset-0">\r\n    <p class="sr-only" role="alert" aria-live="assertive">{{ getSuccessText() }}</p>\r\n    <span aria-hidden="true">✓</span>\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n<ng-container [ngSwitch]="getElement()">\r\n  <ng-container *ngSwitchCase="staticElementTypeA">\r\n    <a *ngIf="routerLink" draggable="false" (click)="onClick($event)"\r\n      [routerLink]="routerLink" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n      role="button"\r\n      [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\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"\r\n      [attr.tabindex]="tabindex ? tabindex : (isDisabled() ? -1 : null)"\r\n      [class]="getClassNames()">\r\n      <ng-container *ngTemplateOutlet="spinnerTemplate"></ng-container>\r\n      <ng-container *ngTemplateOutlet="successTemplate"></ng-container>\r\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>\r\n    </a>\r\n\r\n    <a *ngIf="!routerLink" draggable="false" (click)="onClick($event)"\r\n      [href]="href | externalHref" [attr.target]="target ? target : null"\r\n       [attr.tabindex]="tabindex ? tabindex : (isDisabled() ? -1 : null)"\r\n      role="button"\r\n      [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\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"\r\n      [class]="getClassNames()">\r\n      <ng-container *ngTemplateOutlet="spinnerTemplate"></ng-container>\r\n      <ng-container *ngTemplateOutlet="successTemplate"></ng-container>\r\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>\r\n    </a>\r\n  </ng-container>\r\n\r\n  <button *ngSwitchCase="staticElementTypeButton" (click)="onClick($event)"\r\n          [routerLink]="routerLink ? routerLink : null" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n          [attr.name]="name ? name : null"\r\n          [attr.value]="value ? value : null"\r\n          [attr.disabled]="isDisabled()"\r\n          [attr.role]="(role ? role : null)"\r\n          [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n          [attr.data-prevent-double-click]="preventDoubleClick ? \'true\' : null"\r\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"\r\n          [attr.type]="type ? type : null"\r\n          [class]="getClassNames()">\r\n    <ng-container *ngTemplateOutlet="spinnerTemplate"></ng-container>\r\n    <ng-container *ngTemplateOutlet="successTemplate"></ng-container>\r\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>\r\n  </button>\r\n\r\n  <div *ngSwitchCase="staticElementTypeInput" (click)="onClick($event)"\r\n       [attr.name]="name ? name : null"\r\n       [routerLink]="routerLink ? routerLink : null" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n       [attr.disabled]="isDisabled()"\r\n       [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n       [attr.role]="(role ? role : null)"\r\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"\r\n       [class]="getClassNames()"\r\n       [attr.data-prevent-double-click]="preventDoubleClick ? \'true\' : null">\r\n    <span class="c-button-loader__content inline-flex align-baseline">\r\n      <input [value]="text ? text : null" [type]="type ? type : \'submit\'" class="bg-transparent font-semibold">\r\n    </span>\r\n    <ng-container *ngTemplateOutlet="spinnerTemplate"></ng-container>\r\n    <ng-container *ngTemplateOutlet="successTemplate"></ng-container>\r\n  </div>\r\n</ng-container>\r\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 w=function(){function e(){}return e.getFirstFocusableElement=function(t){var a,r='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';if(!(a=t?t.querySelectorAll(r):document.querySelectorAll(r))||0===a.length)return null;for(var n=null,i=0;i<a.length;){try{var l=a.item(i);if(e.isFocusable(l)){n=l;break}}catch(e){}i++}return n},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}(),k=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 r(e){e.key===a.KEY_CODE_ESC&&t()}return{onShow:function(){document.addEventListener("keydown",r)},onHide:function(){document.removeEventListener("keydown",r)}}}}],role:!1,aria:{content:"auto"},onShown:function(t){var a=w.getFirstFocusableElement(e);a&&a.focus()}})},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);k.KEY_CODE_ESC="Escape",k.decorators=[{type:t.Component,args:[{selector:"desy-dropdown",template:'<div [class]="classesContainer ? classesContainer : \'relative\'">\r\n  <button (click)="onClick($event)"\r\n          ngxTippy [tippyProps]="tippyProperties"\r\n          [class]="[\'c-dropdown\', classes] | makeHtmlList"\r\n          [attr.disabled]="isDisabled() ? \'disabled\' : null"\r\n          aria-haspopup="true"\r\n          [attr.aria-disabled]="isDisabled() ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n          [attr.aria-expanded]="isOpen"\r\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n          [attr.id]="id ? id : null"\r\n          [attr.role]="role ? role : null"\r\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n          [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n          [attr.aria-live]="ariaLive ? ariaLive : null"\r\n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n          [attr.tabIndex]="isDisabled() ? \'-1\' : tabindex">\r\n    <span class="inline-flex self-center max-w-xs align-middle truncate">\r\n      <ng-container *desyCustomInnerContent="{ html: html, text: text }"></ng-container>\r\n      <ng-content></ng-content>\r\n    </span>\r\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>\r\n  </button>\r\n  <span *ngIf="hiddenText" class="sr-only">{{ hiddenText }}</span>\r\n  <div #dropdownContent style="display: none;"\r\n       [class]="[\'-ml-sm mt-2 border border-neutral-base shadow-md bg-white\', classesTooltip] | makeHtmlList">\r\n    <ng-container *ngTemplateOutlet="caller"></ng-container>\r\n  </div>\r\n</div>\r\n'}]}],k.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}],classesTooltip:[{type:t.Input}],classes:[{type:t.Input}],caller:[{type:t.Input}],clickEvent:[{type:t.Output}]};var H=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>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\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 T(e){return function(a,r){var n="_"+r,i="_"+r+"Querylist";Object.defineProperty(a,r,{set:function(a){var r=this,l=a instanceof t.QueryList?a:null;l&&!this[i]&&(this[i]=l,l.changes.subscribe((function(){var t=r[n];r[n]=l&&l.length>0?l.first:null,e&&e.onSetCallbackName&&r[e.onSetCallbackName]&&r[n]&&r[e.onSetCallbackName](r[n]),e&&e.onDeleteCallbackName&&r[e.onDeleteCallbackName]&&t&&!r[n]&&r[e.onDeleteCallbackName]()})),l.notifyOnChanges())},get:function(){return this[n]}})}}B.decorators=[{type:t.Component,args:[{selector:"desy-listbox-item",template:"<ng-template #childComponentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\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 P=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 r=t.hide;function n(t){t.key===a.KEY_CODE_ESC&&(r(),e.focus())}return{onShow:function(){document.addEventListener("keydown",n)},onHide:function(){document.removeEventListener("keydown",n)}}}}],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})),r=!1;if(this.lastActiveItems&&a.length===this.lastActiveItems.length){for(var n=0;n<a.length;n++)if(a[n].index!==this.lastActiveItems[n].index){r=!0;break}}else r=!0;if(this.lastActiveItems&&!this.isMultiselectable&&r&&a.length!==this.lastActiveItems.length){var i=function(e){l.lastActiveItems.findIndex((function(t){return t.index===e.index}))>=0&&(e.item.active=!1),a=a.filter((function(e){return e.item.active}))},l=this;try{for(var s=b(a),o=s.next();!o.done;o=s.next()){i(o.value)}}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=s.return)&&t.call(s)}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;r&&(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>"+H.escapeHtml(e.text)+"</p>"},a}(I);P.KEY_CODE_ESC="Escape",P.decorators=[{type:t.Component,args:[{selector:"desy-listbox",template:'<div [ngClass]="classesContainer ? classesContainer : \'relative\'">\r\n  <div [id]="id + \'-label\'" [class]="[\'mb-sm\', labelComponent?.classes, label?.classes] | makeHtmlList">\r\n    <ng-container *desyCustomInnerContent="{ component: labelComponent, html: label ? getLabelContent(label) : null }"></ng-container>\r\n  </div>\r\n  <button #button [id]="id + \'-button\'"\r\n          [class]="[\'c-listbox\', classes] | makeHtmlList"\r\n          ngxTippy [tippyProps]="tippyProperties"\r\n          aria-haspopup="listbox"\r\n          [attr.aria-labelledby]="[hasLabel() ? id + \'-label\' : null, id + \'-button\'] | makeHtmlList"\r\n          [attr.disabled]="disabled ? \'disabled\' : null"\r\n          [attr.aria-disabled]="disabled ? \'true\' : (ariaDisabled ? ariaDisabled : null)"\r\n          [attr.aria-role] = "role ? role : null"\r\n          [attr.aria-label] = "ariaLabel ? ariaLabel : null"\r\n          [attr.aria-describedby] = "ariaDescribedBy ? ariaDescribedBy : null"\r\n          [attr.aria-hidden] = "ariaHidden ? ariaHidden : null"\r\n          [attr.aria-controls] = "ariaControls ? ariaControls : null"\r\n          [attr.aria-current] = "ariaCurrent ? ariaCurrent : null"\r\n          [attr.aria-live] = "ariaLive ? ariaLive : null"\r\n          [attr.aria-expanded] = "ariaExpanded ? ariaExpanded : null"\r\n          [attr.aria-errorMessage] = "ariaErrorMessage ? ariaErrorMessage : null"\r\n          [attr.aria-hasppup] = "ariaHasPopup ? ariaHasPopup : null"\r\n          [attr.aria-tabindex] = "tabindex ? tabindex : null">\r\n        <span class="inline-flex self-center max-w-xs align-middle truncate">\r\n          <ng-container *desyCustomInnerContent="{ html: buttonContentHtml, text: text }"></ng-container>\r\n        </span>\r\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>\r\n  </button>\r\n  <div #tooltip [class]="[\'c-listbox__tooltip -ml-sm mt-2 border border-neutral-base shadow-md bg-white\', classesTooltip] | makeHtmlList">\r\n    <ul *ngIf="itemList"\r\n        #list [id]="id"\r\n        (focus)="onListFocus()"\r\n        (keydown.arrowUp)="moveFocus(currentFocusIndex - 1, $event)"\r\n        (keydown.arrowDown)="moveFocus(currentFocusIndex + 1, $event)"\r\n        (keydown.home)="moveFocus(0, $event)"\r\n        (keydown.end)="moveFocus(items.length - 1, $event)"\r\n        (keydown.space)="onSpace($event)"\r\n        role="listbox"\r\n        tabindex="-1"\r\n        class="text-sm outline-none"\r\n        [attr.aria-labelledby]="hasLabel() ? id : (ariaLabelledBy ? ariaLabelledBy : null)"\r\n        [attr.aria-multiselectable]="isMultiselectable ? \'true\' : null"\r\n        [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n        [attr.aria-label] = "ariaLabel ? ariaLabel : null"\r\n        [attr.aria-describedby] = "ariaDescribedBy ? ariaDescribedBy : null"\r\n        [attr.aria-hidden] = "ariaHidden ? ariaHidden : null"\r\n        [attr.aria-controls] = "ariaControls ? ariaControls : null"\r\n        [attr.aria-current] = "ariaCurrent ? ariaCurrent : null"\r\n        [attr.aria-live] = "ariaLive ? ariaLive : null"\r\n        [attr.aria-expanded] = "ariaExpanded ? ariaExpanded : null"\r\n        [attr.aria-errormessage] = "ariaErrorMessage ? ariaErrorMessage : null"\r\n        [attr.aria-haspopup] = "ariaHasPopup ? ariaHasPopup : null"\r\n        [attr.aria-activedescendant] = "lastActiveItems.length > 0 ? getItemId(lastActiveItems[0].item, lastActiveItems[0].index) : null">\r\n      <ng-container *ngFor="let item of itemList; index as index">\r\n        <li #option *ngIf="item" role="option" (click)="selectItem(index)"\r\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"\r\n            [ngClass]="{\'focused\': index === currentFocusIndex}"\r\n            [attr.aria-label]="item.active ? \'true\' : (item.ariaLabel ? item.ariaLabel : null)"\r\n            [id]="getItemId(item, index)"\r\n            [attr.title]="item.title ? item.title : null"\r\n\r\n            [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n            [attr.aria-hidden] = "item.ariaHidden ? item.ariaHidden : null"\r\n            [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n            [attr.aria-current] = "item.ariaCurrent ? item.ariaCurrent : null"\r\n            [attr.aria-live] = "item.ariaLive ? item.ariaLive : null"\r\n            [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n            [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n            [attr.aria-haspopup] = "item.ariaHasPopup ? item.ariaHasPopup : null"\r\n            [attr.aria-tabindex] = "item.tabindex ? item.tabindex : null"\r\n\r\n            [attr.aria-checked]="item.active"\r\n            [attr.aria-selected]="item.active">\r\n          <ng-container *desyCustomInnerContent="{ template: item[\'content\'], html: item.html, text: item.text }"></ng-container>\r\n        </li>\r\n      </ng-container>\r\n    </ul>\r\n  </div>\r\n</div>\r\n'}]}],P.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([T()],P.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>\r\n   <ng-content></ng-content>\r\n</ng-template>\r\n\r\n<ng-container [ngSwitch]="getType()">\r\n    <ng-container *ngSwitchCase="staticElementTypeA">\r\n      \x3c!-- routerLink modifica href, por eso se duplica para que no convivan en un mismo html --\x3e\r\n      <a *ngIf="routerLink" data-module="c-pill"  (click)="onClick($event)"\r\n         [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n         [routerLink]="routerLink" [routerLinkActive]="routerLinkActiveClasses ? routerLinkActiveClasses : []"\r\n         [class]="getClassNames()"\r\n         [attr.id]="id ? id : null"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n         <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n      </a>\r\n\r\n      <a *ngIf="!routerLink" data-module="c-pill"  (click)="onClick($event)"\r\n         [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n         [href]="href | externalHref"\r\n         [class]="getClassNames()"\r\n         [attr.target]="target ? target : null"\r\n         [attr.id]="id ? id : null"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n         <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n      </a>\r\n    </ng-container>\r\n\r\n    <button *ngSwitchCase="staticElementTypeButton" data-module="c-pill" (click)="onClick($event)"\r\n            [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n            [class]="getClassNames()"\r\n            [attr.id]="id ? id : null"\r\n            [attr.role]="role ? role : null"\r\n            [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n            [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n            [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n            [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n            [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n            [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n            [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n            [attr.aria-live]="ariaLive ? ariaLive : null"\r\n            [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n            [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n            [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n            [attr.tabindex]="tabindex ? tabindex : null">\r\n            <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n         </button>\r\n\r\n    <span *ngSwitchCase="staticElementTypeSpan" data-module="c-pill" (click)="onClick($event)"\r\n          [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n          [class]="getClassNames()"\r\n          [attr.id]="id ? id : null"\r\n          [attr.role]="role ? role : null"\r\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n          [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n          [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n          [attr.aria-live]="ariaLive ? ariaLive : null"\r\n          [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n          [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n          [attr.tabindex]="tabindex ? tabindex : null">\r\n          <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\r\n         </span>\r\n</ng-container>\r\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>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],O.propDecorators={classes:[{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-description",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],R.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-icon",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],A.propDecorators={type:[{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"\r\n   [attr.id]="id ? id : null"\r\n   [attr.role]="role ? role : null"\r\n   [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n   [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n   [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n   [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n   [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n   [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n   [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n   [attr.aria-live]="ariaLive ? ariaLive : null"\r\n   [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n   [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n   [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n   [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-content></ng-content>\r\n  <ng-container *desyCustomInnerContent="{ html: html, text: text }"></ng-container>\r\n</p>\r\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>\r\n  <label [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"\r\n    [class]="\'block\' + (classes ? \' \' + classes : \'\')"\r\n    [attr.id]="id ? id : null"\r\n    [attr.for]="for ? for : null"\r\n    [attr.role]="role ? role : null"\r\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n    [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n    [attr.aria-live]="ariaLive ? ariaLive : null"\r\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n    [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-content></ng-content></label>\r\n</ng-template>\r\n\x3c!-- label --\x3e\r\n<ng-container *ngIf="isPageHeading; else elseBlock" class="block">\r\n  <ng-container [ngSwitch]="headingLevel">\r\n    <h1 *ngSwitchCase="1" class="block">\r\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n    </h1>\r\n    <h2 *ngSwitchCase="2" class="block">\r\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n    </h2>\r\n    <h3 *ngSwitchCase="3" class="block">\r\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n    </h3>\r\n    <h4 *ngSwitchCase="4" class="block">\r\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n    </h4>\r\n    <h5 *ngSwitchCase="5" class="block">\r\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n    </h5>\r\n    <h1 *ngSwitchDefault class="block">\r\n      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n    </h1>\r\n  </ng-container>\r\n</ng-container>\r\n<ng-template #elseBlock>\r\n  <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\r\n</ng-template>\r\n\x3c!-- /label --\x3e\r\n\r\n\r\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 z=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);z.decorators=[{type:t.Component,args:[{selector:"desy-error-message",template:'<p class="block font-semibold text-alert-base" [ngClass]="classes"\r\n   [attr.id]="id ? id : null"\r\n   [attr.role]="role ? role : null"\r\n   [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n   [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n   [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n   [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n   [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n   [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n   [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n   [attr.aria-live]="ariaLive ? ariaLive : null"\r\n   [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n   [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n   [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n   [attr.tabindex]="tabindex ? tabindex : null">\r\n  <span class="sr-only">{{visuallyHiddenText ? visuallyHiddenText : \'Error\'}}:</span>\r\n  <ng-content></ng-content>\r\n  <ng-container *desyCustomInnerContent="{ html: html, text: text }"></ng-container>\r\n</p>\r\n'}]}],z.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},z.propDecorators={id:[{type:t.Input}],classes:[{type:t.Input}],html:[{type:t.Input}],text:[{type:t.Input}],visuallyHiddenText:[{type:t.Input}]};var _=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(D);_.decorators=[{type:t.Component,args:[{selector:"desy-legend",template:'<legend  *ngIf="isPageHeading" [ngClass]="classes ? classes : \'font-bold\'">\r\n  <ng-container [ngSwitch]="headingLevel">\r\n    <h1 *ngSwitchCase="1" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h1>\r\n    <h2 *ngSwitchCase="2" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h2>\r\n    <h3 *ngSwitchCase="3" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h3>\r\n    <h4 *ngSwitchCase="4" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h4>\r\n    <h5 *ngSwitchCase="5" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h5>\r\n    <h1 *ngSwitchDefault  [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></h1>\r\n  </ng-container>\r\n</legend>\r\n\r\n<legend  *ngIf="!isPageHeading" [ngClass]="classes ? classes : \'font-bold\'" [desyInnerContent]="html ? html : text" [isHtml]="html" [deleteContentIfEmpty]="false"><ng-container *ngTemplateOutlet="contentTemplate"></ng-container></legend>\r\n\r\n<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n'}]}],_.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"\r\n    [attr.role]="role"\r\n    [attr.aria-describedby]="describedBy ? describedBy : ariaDescribedBy"\r\n    [attr.aria-errormessage]="errorId ? errorId : ariaErrorMessage"\r\n\r\n    [attr.id]="id"\r\n    [attr.aria-label]="ariaLabel"\r\n    [attr.aria-labelledby]="ariaLabelledBy"\r\n    [attr.aria-hidden]="ariaHidden"\r\n    [attr.aria-disabled]="ariaDisabled"\r\n    [attr.aria-controls]="ariaControls"\r\n    [attr.aria-current]="ariaCurrent"\r\n    [attr.aria-live]="ariaLive"\r\n    [attr.aria-expanded]="ariaExpanded"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex ? tabindex : null">\r\n\r\n  <ng-container *ngIf="legendComponent">\r\n    <ng-content select="desy-legend"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!legendComponent">\r\n    <ng-container *ngTemplateOutlet="legendRef"></ng-container>\r\n    <desy-legend *ngIf="!legendRef && legendData"\r\n        [text]="legendData.text"\r\n        [html]="legendData.html"\r\n        [classes]="legendData.classes"\r\n        [isPageHeading]="legendData.isPageHeading"\r\n        [headingLevel]="headingLevel"></desy-legend>\r\n    <desy-legend *ngIf="!legendRef && !legendData && legendText" [text]="legendText" [headingLevel]="headingLevel"></desy-legend>\r\n  </ng-container>\r\n\r\n  <ng-container *desyCustomInnerContent="{ component: contentComponent, template: caller }"></ng-container>\r\n</fieldset>\r\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:[_]}],contentComponent:[{type:t.ContentChildren,args:[O]}]},m([T()],$.prototype,"legendComponent",void 0),m([T()],$.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:[z]}],errorMessageRef:[{type:t.Input}],errorMessageData:[{type:t.Input}],errorMessageText:[{type:t.Input}],onblur:[{type:t.HostListener,args:["focusout"]}]},m([T({onSetCallbackName:"overrideLabelParams",onDeleteCallbackName:"onDeleteLabel"})],G.prototype,"labelComponent",void 0),m([T({onSetCallbackName:"overrideHintParams",onDeleteCallbackName:"onDeleteHint"})],G.prototype,"hintComponent",void 0),m([T({onSetCallbackName:"overrideErrorMessageParams",onDeleteCallbackName:"onDeleteErrorMessage"})],G.prototype,"errorMessageComponent",void 0);var U=function(e){function t(){var t=e.call(this)||this;return t.inputTransform=function(e){return e},t}return u(t,e),t.prototype.ngOnChanges=function(){this.writeValue(this.value)},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:'<div [class]="[\'c-form-group\', this.formGroupClasses] | makeHtmlList" [ngClass]="{\'c-form-group--error\': hasErrorsMessage()}">\r\n\r\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\r\n  <desy-label *ngIf="!labelRef && labelData"\r\n              [text]="labelData.text"\r\n              [html]="labelData.html"\r\n              [classes]="labelData.classes"\r\n              [isPageHeading]="labelData.isPageHeading"\r\n              [for]="id"\r\n              [role]="labelData.role"\r\n              [ariaLabel]="labelData.ariaLabel"\r\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\r\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\r\n              [ariaHidden]="labelData.ariaHidden"\r\n              [ariaDisabled]="labelData.ariaDisabled"\r\n              [ariaControls]="labelData.ariaControls"\r\n              [ariaCurrent]="labelData.ariaCurrent"\r\n              [ariaLive]="labelData.ariaLive"\r\n              [ariaExpanded]="labelData.ariaExpanded"\r\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\r\n              [ariaHasPopup]="labelData.ariaHasPopup"\r\n              [tabindex]="labelData.tabindex"></desy-label>\r\n  <desy-label *ngIf="!labelRef && !labelData && labelText" [text]="labelText" [for]="id"></desy-label>\r\n\r\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n  <desy-hint *ngIf="!hintRef && hintData"\r\n              [id]="getHintId()"\r\n              [text]="hintData.text"\r\n              [html]="hintData.html"\r\n              [classes]="hintData.classes"\r\n              [role]="hintData.role"\r\n              [ariaLabel]="hintData.ariaLabel"\r\n              [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n              [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n              [ariaHidden]="hintData.ariaHidden"\r\n              [ariaDisabled]="hintData.ariaDisabled"\r\n              [ariaControls]="hintData.ariaControls"\r\n              [ariaCurrent]="hintData.ariaCurrent"\r\n              [ariaLive]="hintData.ariaLive"\r\n              [ariaExpanded]="hintData.ariaExpanded"\r\n              [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n              [ariaHasPopup]="hintData.ariaHasPopup"\r\n              [tabindex]="hintData.tabindex"></desy-hint>\r\n  <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n\r\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n              [id]="getErrorId()"\r\n              [text]="errorMessageData.text"\r\n              [html]="errorMessageData.html"\r\n              [classes]="errorMessageData.classes"\r\n              [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n              [role]="errorMessageData.role"\r\n              [ariaLabel]="errorMessageData.ariaLabel"\r\n              [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n              [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n              [ariaHidden]="errorMessageData.ariaHidden"\r\n              [ariaDisabled]="errorMessageData.ariaDisabled"\r\n              [ariaControls]="errorMessageData.ariaControls"\r\n              [ariaCurrent]="errorMessageData.ariaCurrent"\r\n              [ariaLive]="errorMessageData.ariaLive"\r\n              [ariaExpanded]="errorMessageData.ariaExpanded"\r\n              [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n              [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n              [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n\r\n\r\n  <textarea #textarea\r\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"\r\n            [value]="value ? value : \'\'" (input)="onInput($event.target.value)"\r\n            [ngClass]="{\'border-alert-base ring-2 ring-alert-base\' : hasErrorsMessage()}"\r\n            [rows]="getRows()"\r\n            [attr.id]="id ? id : null"\r\n            [attr.name]="name ? name : null"\r\n            [attr.aria-describedby]="[describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n            [attr.aria-errormessage]="hasErrorsMessage() ? getErrorId() : null"\r\n            [attr.aria-invalid]="hasErrorsMessage() ? true : null"\r\n            [attr.placeholder]="placeholder ? placeholder : null"\r\n            [attr.autocomplete]="autocomplete ? autocomplete : null"\r\n            [attr.disabled]="disabled ? true : null"\r\n            [attr.maxlength]="maxlength"\r\n\r\n            [attr.role]="role ? role : null"\r\n            [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n            [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n            [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n            [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n            [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n            [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n            [attr.aria-live]="ariaLive ? ariaLive : null"\r\n            [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n            [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n            [attr.tabindex]="tabindex ? tabindex : null"></textarea>\r\n</div>\r\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}],formGroupClasses:[{type:t.Input}],classes:[{type:t.Input}],autocomplete:[{type:t.Input}],maxlength:[{type:t.Input}]};var j=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);j.decorators=[{type:t.Component,args:[{selector:"desy-character-count",template:'<div>\r\n  <desy-textarea\r\n    [id]="id"\r\n    [name]="name"\r\n    [describedBy]="id + \'-info\'"\r\n    [rows]="rows"\r\n    [placeholder]="placeholder"\r\n    [formGroupClasses]="[formGroupClasses ? formGroupClasses : \'mb-0\'] | makeHtmlList"\r\n    [classes]="[\'js-character-count\',  hasErrorsMessage() ? \'border-alert-base ring-2 ring-alert-base\' : null, classes] | makeHtmlList"\r\n    [labelRef]="labelRef" [labelData]="labelData" [labelText]="labelText"\r\n    [hintRef]="hintRef" [hintData]="hintData" [hintText]="hintText"\r\n    [errorMessageRef]="errorMessageRef" [errorMessageData]="errorMessageData" [errorMessageText]="errorMessageText"\r\n    [role]="role"\r\n    [ariaLabel]="ariaLabel"\r\n    [ariaLabelledBy]="ariaLabelledBy"\r\n    [ariaHidden]="ariaHidden"\r\n    [ariaDisabled]="ariaDisabled"\r\n    [ariaControls]="ariaControls"\r\n    [ariaCurrent]="ariaCurrent"\r\n    [ariaLive]="ariaLive"\r\n    [ariaExpanded]="ariaExpanded"\r\n    [ariaErrorMessage]="ariaErrorMessage"\r\n    [ariaHasPopup]="ariaHasPopup"\r\n    [tabindex]="tabindex"></desy-textarea>\r\n\r\n  <desy-hint *ngIf="!!displayCountMessage"\r\n    [id]="id + \'-info\'" [classes]="[\'mt-xs text-sm\', countMessageClasses] | makeHtmlList" ariaLive="polite"\r\n    [text]="\'Puedes escribir hasta \' + remaining + (maxlength ? \' caracteres\' : \' palabras\')"></desy-hint>\r\n</div>\r\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return j})),multi:!0}]}]}],j.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 q=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.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);q.decorators=[{type:t.Component,args:[{selector:"desy-input",template:'\r\n\r\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\r\n  <desy-label *ngIf="!labelRef && labelData"\r\n              [text]="labelData.text"\r\n              [html]="labelData.html"\r\n              [classes]="labelData.classes"\r\n              [isPageHeading]="labelData.isPageHeading"\r\n              [for]="id"\r\n              [role]="labelData.role"\r\n              [ariaLabel]="labelData.ariaLabel"\r\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\r\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\r\n              [ariaHidden]="labelData.ariaHidden"\r\n              [ariaDisabled]="labelData.ariaDisabled"\r\n              [ariaControls]="labelData.ariaControls"\r\n              [ariaCurrent]="labelData.ariaCurrent"\r\n              [ariaLive]="labelData.ariaLive"\r\n              [ariaExpanded]="labelData.ariaExpanded"\r\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\r\n              [ariaHasPopup]="labelData.ariaHasPopup"\r\n              [tabindex]="labelData.tabindex"></desy-label>\r\n  <desy-label *ngIf="!labelRef && !labelData && labelText" [text]="labelText" [for]="id"></desy-label>\r\n\r\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n  <desy-hint *ngIf="!hintRef && hintData"\r\n             [id]="getHintId()"\r\n             [text]="hintData.text"\r\n             [html]="hintData.html"\r\n             [classes]="hintData.classes"\r\n             [role]="hintData.role"\r\n             [ariaLabel]="hintData.ariaLabel"\r\n             [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n             [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n             [ariaHidden]="hintData.ariaHidden"\r\n             [ariaDisabled]="hintData.ariaDisabled"\r\n             [ariaControls]="hintData.ariaControls"\r\n             [ariaCurrent]="hintData.ariaCurrent"\r\n             [ariaLive]="hintData.ariaLive"\r\n             [ariaExpanded]="hintData.ariaExpanded"\r\n             [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n             [ariaHasPopup]="hintData.ariaHasPopup"\r\n             [tabindex]="hintData.tabindex"></desy-hint>\r\n  <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n\r\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                      [id]="getErrorId()"\r\n                      [text]="errorMessageData.text"\r\n                      [html]="errorMessageData.html"\r\n                      [classes]="errorMessageData.classes"\r\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                      [role]="errorMessageData.role"\r\n                      [ariaLabel]="errorMessageData.ariaLabel"\r\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                      [ariaHidden]="errorMessageData.ariaHidden"\r\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                      [ariaControls]="errorMessageData.ariaControls"\r\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                      [ariaLive]="errorMessageData.ariaLive"\r\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n\r\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\',\r\n                   classes,\r\n                   getErrorId() ? \'border-alert-base ring-2 ring-alert-base\' : null] | makeHtmlList"\r\n         [value]="value ? value : \'\'" (input)="onInput($event.target.value)"\r\n         [attr.id]="id ? id : null"\r\n         [attr.name]="name ? name : null"\r\n         [type]="type ? type : \'text\'"\r\n         [attr.aria-describedby]="[describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n         [attr.aria-errormessage]="getErrorId() ? getErrorId() : null"\r\n         [attr.aria-invalid]="getErrorId() ? true : null"\r\n         [attr.autocomplete]="autocomplete ? autocomplete : null"\r\n         [attr.pattern]="pattern ? pattern : null"\r\n         [attr.inputmode]="inputmode ? inputmode : null"\r\n         [attr.placeholder]="placeholder ? placeholder : null"\r\n         [attr.disabled]="disabled ? true : null"\r\n         [attr.maxlength]="maxlength ? maxlength : null"\r\n\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return q})),multi:!0}]}]}],q.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}]};var W=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);W.decorators=[{type:t.Component,args:[{selector:"desy-select-item",template:"<p>select-item works!</p>\r\n"}]}],W.propDecorators={disabled:[{type:t.Input}]};var K=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(W);K.decorators=[{type:t.Component,args:[{selector:"desy-option",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>",providers:[{provide:W,useExisting:t.forwardRef((function(){return K}))}]}]}],K.propDecorators={value:[{type:t.Input}],selected:[{type:t.Input}],hidden:[{type:t.Input}]};var Y=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(W);Y.decorators=[{type:t.Component,args:[{selector:"desy-option-group",template:"<p>option-group works!</p>\r\n",providers:[{provide:W,useExisting:t.forwardRef((function(){return Y}))}]}]}],Y.propDecorators={label:[{type:t.Input}],items:[{type:t.ContentChildren,args:[K]}]};var X=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 Y},t}(G);X.decorators=[{type:t.Component,args:[{selector:"desy-select",template:'\r\n     <ng-container *ngIf="labelComponent">\r\n      <ng-content select="desy-label"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\r\n  <desy-label *ngIf="!labelRef && labelData && !labelComponent"\r\n              [text]="labelData.text"\r\n              [html]="labelData.html"\r\n              [classes]="labelData.classes"\r\n              [isPageHeading]="labelData.isPageHeading"\r\n              [for]="id"\r\n              [role]="labelData.role"\r\n              [ariaLabel]="labelData.ariaLabel"\r\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\r\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\r\n              [ariaHidden]="labelData.ariaHidden"\r\n              [ariaDisabled]="labelData.ariaDisabled"\r\n              [ariaControls]="labelData.ariaControls"\r\n              [ariaCurrent]="labelData.ariaCurrent"\r\n              [ariaLive]="labelData.ariaLive"\r\n              [ariaExpanded]="labelData.ariaExpanded"\r\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\r\n              [ariaHasPopup]="labelData.ariaHasPopup"\r\n              [tabindex]="labelData.tabindex"></desy-label>\r\n  <desy-label *ngIf="!labelRef && !labelData && labelText && !labelComponent" [text]="labelText" [for]="id"></desy-label>\r\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n  <ng-container *ngIf="hintComponent">\r\n    <ng-content select="desy-hint"></ng-content>\r\n</ng-container>\r\n  <desy-hint *ngIf="!hintRef && hintData && !hintComponent"\r\n             [id]="getHintId()"\r\n             [text]="hintData.text"\r\n             [html]="hintData.html"\r\n             [classes]="hintData.classes"\r\n             [role]="hintData.role"\r\n             [ariaLabel]="hintData.ariaLabel"\r\n             [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n             [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n             [ariaHidden]="hintData.ariaHidden"\r\n             [ariaDisabled]="hintData.ariaDisabled"\r\n             [ariaControls]="hintData.ariaControls"\r\n             [ariaCurrent]="hintData.ariaCurrent"\r\n             [ariaLive]="hintData.ariaLive"\r\n             [ariaExpanded]="hintData.ariaExpanded"\r\n             [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n             [ariaHasPopup]="hintData.ariaHasPopup"\r\n             [tabindex]="hintData.tabindex"></desy-hint>\r\n  <desy-hint *ngIf="!hintRef && !hintData && hintText && !hintComponent" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n\r\n  <ng-container *ngIf="errorMessageComponent">\r\n    <ng-content select="desy-error-message"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData && !errorMessageComponent"\r\n                      [id]="getErrorId()"\r\n                      [text]="errorMessageData.text"\r\n                      [html]="errorMessageData.html"\r\n                      [classes]="errorMessageData.classes"\r\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                      [role]="errorMessageData.role"\r\n                      [ariaLabel]="errorMessageData.ariaLabel"\r\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                      [ariaHidden]="errorMessageData.ariaHidden"\r\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                      [ariaControls]="errorMessageData.ariaControls"\r\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                      [ariaLive]="errorMessageData.ariaLive"\r\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && !errorMessageComponent && errorMessageText"\r\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n  <select\r\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\',\r\n              classes,\r\n              hasErrorsMessage() ? \'c-select--error border-alert-base ring-2 ring-alert-base\' : null] | makeHtmlList"\r\n    [value]="value" (input)="onInput($event.target.value)"\r\n    [attr.id]="id ? id : null"\r\n    [attr.name]="name ? name : null"\r\n    [attr.role]="role ? role : null"\r\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n    [attr.aria-describedby]="[describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n    [attr.aria-errormessage]="hasErrorsMessage() ? getErrorId() : null"\r\n    [attr.aria-invalid]="hasErrorsMessage() ? true : null"\r\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n    [attr.aria-live]="ariaLive ? ariaLive : null"\r\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex ? tabindex : null"\r\n    [disabled]=disabled>\r\n\r\n    <ng-container *ngFor="let item of getItems()">\r\n      <optgroup *ngIf="isOptionGroup(item)" [label]="item.label" [attr.disabled]="item.disabled ? true : null"\r\n                [attr.role]="item?.role"\r\n                [attr.aria-label]="item?.ariaLabel"\r\n                [attr.aria-describedby]="item?.describedBy"\r\n                [attr.aria-labelledby]="item?.ariaLabelledBy"\r\n                [attr.aria-hidden]="item?.ariaHidden"\r\n                [attr.aria-disabled]="item?.ariaDisabled"\r\n                [attr.aria-controls]="item?.ariaControls"\r\n                [attr.aria-current]="item?.ariaCurrent"\r\n                [attr.aria-live]="item?.ariaLive"\r\n                [attr.aria-expanded]="item?.ariaExpanded"\r\n                [attr.aria-errormessage]="item?.ariaErrorMessage"\r\n                [attr.aria-haspopup]="item?.ariaHasPopup"\r\n                [attr.tabindex]="item?.tabindex">>\r\n        <option *ngFor="let subItem of item.items"\r\n                [value]="subItem.value"\r\n                [disabled]="subItem.disabled"\r\n                [selected]="isItemSelected(subItem)"\r\n                [attr.hidden]="subItem.hidden"\r\n                [attr.role]="subItem?.role"\r\n                [attr.aria-label]="subItem?.ariaLabel"\r\n                [attr.aria-describedby]="subItem?.describedBy"\r\n                [attr.aria-labelledby]="subItem?.ariaLabelledBy"\r\n                [attr.aria-hidden]="subItem?.ariaHidden"\r\n                [attr.aria-disabled]="subItem?.ariaDisabled"\r\n                [attr.aria-controls]="subItem?.ariaControls"\r\n                [attr.aria-current]="subItem?.ariaCurrent"\r\n                [attr.aria-live]="subItem?.ariaLive"\r\n                [attr.aria-expanded]="subItem?.ariaExpanded"\r\n                [attr.aria-errormessage]="subItem?.ariaErrorMessage"\r\n                [attr.aria-haspopup]="subItem?.ariaHasPopup"\r\n                [attr.tabindex]="subItem?.tabindex">\r\n          <ng-container *desyCustomInnerContent="{ component: subItem, text: subItem.text }"></ng-container>\r\n        </option>\r\n      </optgroup>\r\n      <option *ngIf="!isOptionGroup(item)"  [value]="item.value" [disabled]="item.disabled ? true : null" [selected]="isItemSelected(item)"\r\n              [attr.hidden]="item.hidden"\r\n              [attr.role]="item.role ? item.role : null"\r\n              [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n              [attr.aria-describedby]="item.describedBy ? item.describedBy : ariaDescribedBy"\r\n              [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n              [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n              [attr.aria-disabled]="item.ariaDisabled ? item.ariaDisabled : null"\r\n              [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n              [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n              [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n              [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n              [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n              [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n              [attr.tabindex]="item.tabindex ? item.tabindex : null">\r\n        <ng-container *desyCustomInnerContent="{ component: item, text: item.text }"></ng-container>\r\n      </option>\r\n    </ng-container>\r\n  </select>\r\n\r\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return X})),multi:!0}]}]}],X.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:[W]}]};var Q=function(e){function t(){return e.call(this)||this}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}(G);Q.decorators=[{type:t.Component,args:[{selector:"desy-file-upload",template:'<div [class]="[\'c-form-group\', this.formGroupClasses] | makeHtmlList" [ngClass]="{\'c-form-group--error\': hasErrorsMessage()}">\r\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\r\n  <desy-label *ngIf="!labelRef && labelData"\r\n              [text]="labelData.text"\r\n              [html]="labelData.html"\r\n              [classes]="labelData.classes"\r\n              [isPageHeading]="labelData.isPageHeading"\r\n              [for]="id"\r\n              [role]="labelData.role"\r\n              [ariaLabel]="labelData.ariaLabel"\r\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\r\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\r\n              [ariaHidden]="labelData.ariaHidden"\r\n              [ariaDisabled]="labelData.ariaDisabled"\r\n              [ariaControls]="labelData.ariaControls"\r\n              [ariaCurrent]="labelData.ariaCurrent"\r\n              [ariaLive]="labelData.ariaLive"\r\n              [ariaExpanded]="labelData.ariaExpanded"\r\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\r\n              [ariaHasPopup]="labelData.ariaHasPopup"\r\n              [tabindex]="labelData.tabindex"></desy-label>\r\n  <desy-label *ngIf="!labelRef && !labelData && labelText" [text]="labelText" [for]="id"></desy-label>\r\n\r\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n  <desy-hint *ngIf="!hintRef && hintData"\r\n             [id]="getHintId()"\r\n             [text]="hintData.text"\r\n             [html]="hintData.html"\r\n             [classes]="hintData.classes"\r\n             [role]="hintData.role"\r\n             [ariaLabel]="hintData.ariaLabel"\r\n             [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n             [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n             [ariaHidden]="hintData.ariaHidden"\r\n             [ariaDisabled]="hintData.ariaDisabled"\r\n             [ariaControls]="hintData.ariaControls"\r\n             [ariaCurrent]="hintData.ariaCurrent"\r\n             [ariaLive]="hintData.ariaLive"\r\n             [ariaExpanded]="hintData.ariaExpanded"\r\n             [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n             [ariaHasPopup]="hintData.ariaHasPopup"\r\n             [tabindex]="hintData.tabindex"></desy-hint>\r\n  <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n\r\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                      [id]="getErrorId()"\r\n                      [text]="errorMessageData.text"\r\n                      [html]="errorMessageData.html"\r\n                      [classes]="errorMessageData.classes"\r\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                      [role]="errorMessageData.role"\r\n                      [ariaLabel]="errorMessageData.ariaLabel"\r\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                      [ariaHidden]="errorMessageData.ariaHidden"\r\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                      [ariaControls]="errorMessageData.ariaControls"\r\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                      [ariaLive]="errorMessageData.ariaLive"\r\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n\r\n  <input [class]="[\'mt-sm focus:outline-none focus:bg-warning-base focus:shadow-outline-focus\', classes] | makeHtmlList" type="file"\r\n         [ngClass]="{\'c-file-upload--error\' : hasErrorsMessage()}"\r\n         (input)="onInput($event.target.files)"\r\n\r\n         [attr.id]="id ? id : null"\r\n         [attr.name]="name ? name : null"\r\n         [attr.aria-describedby]="[describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n         [attr.aria-errormessage]="hasErrorsMessage() ? getErrorId() : null"\r\n         [attr.aria-invalid]="hasErrorsMessage() ? true : null"\r\n         [attr.accept]="accept ? accept : null"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n</div>\r\n',providers:[{provide:a.NG_VALUE_ACCESSOR,multi:!0,useExisting:t.forwardRef((function(){return Q}))}]}]}],Q.ctorParameters=function(){return[]},Q.propDecorators={name:[{type:t.Input}],describedBy:[{type:t.Input}],formGroupClasses:[{type:t.Input}],classes:[{type:t.Input}],accept:[{type:t.Input}]};var J=function(){};function Z(e){return function(t,a){var r="_"+a;Object.defineProperty(t,a,{set:function(t){this[r]=t,this[e]()},get:function(){return this[r]}})}}J.decorators=[{type:t.Component,args:[{selector:"desy-input-group-item",template:""}]}],J.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}(J);te.decorators=[{type:t.Component,args:[{selector:"desy-input-group-input",template:'<ng-template #label>\r\n  <ng-content select="desy-label"></ng-content>\r\n</ng-template>\r\n',providers:[{provide:J,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}],labelRef:[{type:t.ViewChild,args:["label",{static:!0}]}],labelComponent:[{type:t.ContentChildren,args:[V]}]},m([T()],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}(J);ae.decorators=[{type:t.Component,args:[{selector:"desy-input-group-select",template:'<ng-template #label>\r\n  <ng-content select="desy-label"></ng-content>\r\n</ng-template>\r\n',providers:[{provide:J,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}],labelRef:[{type:t.ViewChild,args:["label",{static:!0}]}],selectItemComponentList:[{type:t.ContentChildren,args:[K]}],labelComponent:[{type:t.ContentChildren,args:[V]}]},m([T()],ae.prototype,"labelComponent",void 0);var re=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}(J);re.decorators=[{type:t.Component,args:[{selector:"desy-input-group-divider",template:"<ng-template #dividerContent>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n",providers:[{provide:J,useExisting:t.forwardRef((function(){return re}))}]}]}],re.propDecorators={dividerContent:[{type:t.ViewChild,args:["dividerContent",{static:!0}]}]};var ne=function(e){function a(a){var r=e.call(this)||this;return r.controlContainer=a,r.itemsChange=new t.EventEmitter,r.cfg=!0,r.contentInit=!1,r}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 re?e.divider.dividerContent:null},a.prototype.getItemDividerHtml=function(e){return e.divider.html?e.divider.html:"<p>"+H.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);ne.decorators=[{type:t.Component,args:[{selector:"desy-input-group",template:'\r\n\x3c!-- Divider no forma parte del formulario, por lo que es reutilizable en cualquier caso --\x3e\r\n<ng-template #itemDivider let-item="item">\r\n  <div role="separator" [ngClass]="item.divider.classes">\r\n    <ng-container *desyCustomInnerContent="{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #innerHtml>\r\n  <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n  <desy-hint *ngIf="!hintRef && hintData"\r\n             [id]="getHintId()"\r\n             [text]="hintData.text"\r\n             [html]="hintData.html"\r\n             [classes]="hintData.classes"\r\n             [role]="hintData.role"\r\n             [ariaLabel]="hintData.ariaLabel"\r\n             [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n             [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n             [ariaHidden]="hintData.ariaHidden"\r\n             [ariaDisabled]="hintData.ariaDisabled"\r\n             [ariaControls]="hintData.ariaControls"\r\n             [ariaCurrent]="hintData.ariaCurrent"\r\n             [ariaLive]="hintData.ariaLive"\r\n             [ariaExpanded]="hintData.ariaExpanded"\r\n             [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n             [ariaHasPopup]="hintData.ariaHasPopup"\r\n             [tabindex]="hintData.tabindex"></desy-hint>\r\n  <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n\r\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                      [id]="getErrorId()"\r\n                      [text]="errorMessageData.text"\r\n                      [html]="errorMessageData.html"\r\n                      [classes]="errorMessageData.classes"\r\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                      [role]="errorMessageData.role"\r\n                      [ariaLabel]="errorMessageData.ariaLabel"\r\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                      [ariaHidden]="errorMessageData.ariaHidden"\r\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                      [ariaControls]="errorMessageData.ariaControls"\r\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                      [ariaLive]="errorMessageData.ariaLive"\r\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n\r\n  \x3c!-- Reactive forms --\x3e\r\n  <div *ngIf="controlContainer && !ngModelGroup"\r\n       [formGroup]="controlContainer.control"\r\n       [ngClass]="classes ? classes : \'flex\'"\r\n       [attr.id]="id ? id : null"\r\n       [attr.role]="role ? role : null"\r\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.tabindex]="tabindex ? tabindex : null">\r\n\r\n    <ng-container *ngFor="let item of getItems(); index as i">\r\n      <ng-container *ngTemplateOutlet="isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}"></ng-container>\r\n      <ng-template #itemSelect>\r\n        <desy-select [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                     [labelRef]="getItemLabelRef(item)"\r\n                     [labelData]="getItemLabelData(item)"\r\n                     [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                     [formGroupClasses]="item.formGroupClasses"\r\n                     [name]="getItemName(item)"\r\n                     [formControlName]="getItemName(item)"\r\n                     [items]="getItemSelectOptions(item)"\r\n\r\n                     [role]="item.role"\r\n                     [ariaLabel]="item.ariaLabel"\r\n                     [ariaDescribedBy]="item.ariaDescribedBy"\r\n                     [ariaLabelledBy]="item.ariaLabelledBy"\r\n                     [ariaHidden]="item.ariaHidden"\r\n                     [ariaDisabled]="item.ariaDisabled"\r\n                     [ariaControls]="item.ariaControls"\r\n                     [ariaCurrent]="item.ariaCurrent"\r\n                     [ariaLive]="item.ariaLive"\r\n                     [ariaExpanded]="item.ariaExpanded"\r\n                     [ariaErrorMessage]="item.ariaErrorMessage"\r\n                     [ariaHasPopup]="item.ariaHasPopup"\r\n                     [tabindex]="item.tabindex"></desy-select>\r\n      </ng-template>\r\n      <ng-template #itemInput>\r\n        <desy-input [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                    [labelRef]="getItemLabelRef(item)"\r\n                    [labelData]="getItemLabelData(item)"\r\n                    [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                    [formGroupClasses]="item.formGroupClasses"\r\n                    [name]="getItemName(item)"\r\n                    [formControlName]="getItemName(item)"\r\n                    [type]="item.type ? item.type : \'text\'"\r\n                    [inputmode]="item.inputmode"\r\n                    [autocomplete]="item.autocomplete"\r\n                    [pattern]="item.pattern"\r\n                    [placeholder]="item.placeholder"\r\n\r\n                    [maxlength]="item.maxlength"\r\n                    [role]="item.role"\r\n                    [ariaLabel]="item.ariaLabel"\r\n                    [ariaDescribedBy]="item.ariaDescribedBy"\r\n                    [ariaLabelledBy]="item.ariaLabelledBy"\r\n                    [ariaHidden]="item.ariaHidden"\r\n                    [ariaDisabled]="item.ariaDisabled"\r\n                    [ariaControls]="item.ariaControls"\r\n                    [ariaCurrent]="item.ariaCurrent"\r\n                    [ariaLive]="item.ariaLive"\r\n                    [ariaExpanded]="item.ariaExpanded"\r\n                    [ariaErrorMessage]="item.ariaErrorMessage"\r\n                    [ariaHasPopup]="item.ariaHasPopup"\r\n                    [tabindex]="item.tabindex"></desy-input>\r\n      </ng-template>\r\n    </ng-container>\r\n  </div>\r\n\r\n  \x3c!-- Template-driven forms --\x3e\r\n  <desy-template-driven-wrapper *ngIf="controlContainer && ngModelGroup">\r\n    <div [ngModelGroup]="ngModelGroup"\r\n         [ngClass]="classes ? classes : \'flex\'"\r\n         [attr.id]="id ? id : null"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n\r\n      <ng-container *ngFor="let item of getItems(); index as i">\r\n        <ng-container *ngTemplateOutlet="isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}"></ng-container>\r\n        <ng-template #itemSelect>\r\n          <desy-select [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                       [labelRef]="getItemLabelRef(item)"\r\n                       [labelData]="getItemLabelData(item)"\r\n                       [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                       [formGroupClasses]="item.formGroupClasses"\r\n                       [name]="getItemName(item)"\r\n                       [ngModel]="item.value" (ngModelChange)="onInternalChange(item, $event)"\r\n                       [items]="getItemSelectOptions(item)"\r\n\r\n                       [role]="item.role"\r\n                       [ariaLabel]="item.ariaLabel"\r\n                       [ariaDescribedBy]="item.ariaDescribedBy"\r\n                       [ariaLabelledBy]="item.ariaLabelledBy"\r\n                       [ariaHidden]="item.ariaHidden"\r\n                       [ariaDisabled]="item.ariaDisabled"\r\n                       [ariaControls]="item.ariaControls"\r\n                       [ariaCurrent]="item.ariaCurrent"\r\n                       [ariaLive]="item.ariaLive"\r\n                       [ariaExpanded]="item.ariaExpanded"\r\n                       [ariaErrorMessage]="item.ariaErrorMessage"\r\n                       [ariaHasPopup]="item.ariaHasPopup"\r\n                       [tabindex]="item.tabindex"></desy-select>\r\n        </ng-template>\r\n        <ng-template #itemInput>\r\n          <desy-input [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                      [labelRef]="getItemLabelRef(item)"\r\n                      [labelData]="getItemLabelData(item)"\r\n                      [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                      [formGroupClasses]="item.formGroupClasses"\r\n                      [name]="getItemName(item)"\r\n                      [ngModel]="item.value" (ngModelChange)="onInternalChange(item, $event)"\r\n                      [type]="item.type ? item.type : \'text\'"\r\n                      [inputmode]="item.inputmode"\r\n                      [autocomplete]="item.autocomplete"\r\n                      [pattern]="item.pattern"\r\n                      [placeholder]="item.placeholder"\r\n\r\n                      [maxlength]="item.maxlength"\r\n                      [role]="item.role"\r\n                      [ariaLabel]="item.ariaLabel"\r\n                      [ariaDescribedBy]="item.ariaDescribedBy"\r\n                      [ariaLabelledBy]="item.ariaLabelledBy"\r\n                      [ariaHidden]="item.ariaHidden"\r\n                      [ariaDisabled]="item.ariaDisabled"\r\n                      [ariaControls]="item.ariaControls"\r\n                      [ariaCurrent]="item.ariaCurrent"\r\n                      [ariaLive]="item.ariaLive"\r\n                      [ariaExpanded]="item.ariaExpanded"\r\n                      [ariaErrorMessage]="item.ariaErrorMessage"\r\n                      [ariaHasPopup]="item.ariaHasPopup"\r\n                      [tabindex]="item.tabindex"></desy-input>\r\n        </ng-template>\r\n      </ng-container>\r\n    </div>\r\n  </desy-template-driven-wrapper>\r\n\r\n  \x3c!-- With ngModel--\x3e\r\n  <div *ngIf="!controlContainer"\r\n       [ngClass]="classes ? classes : \'flex\'"\r\n       [attr.id]="id ? id : null"\r\n       [attr.role]="role ? role : null"\r\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.tabindex]="tabindex ? tabindex : null">\r\n\r\n    <ng-container *ngFor="let item of getItems(); index as i">\r\n      <ng-container *ngTemplateOutlet="isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}"></ng-container>\r\n      <ng-template #itemSelect>\r\n        <desy-select [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                     [labelRef]="getItemLabelRef(item)"\r\n                     [labelData]="getItemLabelData(item)"\r\n                     [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                     [formGroupClasses]="item.formGroupClasses"\r\n                     [name]="getItemName(item)"\r\n                     [items]="getItemSelectOptions(item)"\r\n                     [ngModel]="item.value" (ngModelChange)="onInternalChange(item, $event)"\r\n                     [role]="item.role"\r\n                     [ariaLabel]="item.ariaLabel"\r\n                     [ariaDescribedBy]="item.ariaDescribedBy"\r\n                     [ariaLabelledBy]="item.ariaLabelledBy"\r\n                     [ariaHidden]="item.ariaHidden"\r\n                     [ariaDisabled]="item.ariaDisabled"\r\n                     [ariaControls]="item.ariaControls"\r\n                     [ariaCurrent]="item.ariaCurrent"\r\n                     [ariaLive]="item.ariaLive"\r\n                     [ariaExpanded]="item.ariaExpanded"\r\n                     [ariaErrorMessage]="item.ariaErrorMessage"\r\n                     [ariaHasPopup]="item.ariaHasPopup"\r\n                     [tabindex]="item.tabindex"></desy-select>\r\n      </ng-template>\r\n      <ng-template #itemInput>\r\n        <desy-input [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                    [labelRef]="getItemLabelRef(item)"\r\n                    [labelData]="getItemLabelData(item)"\r\n                    [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                    [formGroupClasses]="item.formGroupClasses"\r\n                    [name]="getItemName(item)"\r\n                    [ngModel]="item.value" (ngModelChange)="onInternalChange(item, $event)"\r\n                    [type]="item.type ? item.type : \'text\'"\r\n                    [inputmode]="item.inputmode"\r\n                    [autocomplete]="item.autocomplete"\r\n                    [pattern]="item.pattern"\r\n                    [placeholder]="item.placeholder"\r\n\r\n                    [maxlength]="item.maxlength"\r\n                    [role]="item.role"\r\n                    [ariaLabel]="item.ariaLabel"\r\n                    [ariaDescribedBy]="item.ariaDescribedBy"\r\n                    [ariaLabelledBy]="item.ariaLabelledBy"\r\n                    [ariaHidden]="item.ariaHidden"\r\n                    [ariaDisabled]="item.ariaDisabled"\r\n                    [ariaControls]="item.ariaControls"\r\n                    [ariaCurrent]="item.ariaCurrent"\r\n                    [ariaLive]="item.ariaLive"\r\n                    [ariaExpanded]="item.ariaExpanded"\r\n                    [ariaErrorMessage]="item.ariaErrorMessage"\r\n                    [ariaHasPopup]="item.ariaHasPopup"\r\n                    [tabindex]="item.tabindex"></desy-input>\r\n      </ng-template>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n  <ng-container *ngIf="hasFieldsetComponent()">\r\n    <ng-content select="desy-fieldset"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasFieldsetComponent()">\r\n    <desy-fieldset *ngIf="fieldsetData"\r\n                   [classes]="fieldsetData.classes"\r\n                   [id]="fieldsetData.id"\r\n                   [legendData]="fieldsetData.legend"\r\n                   [headingLevel]="fieldsetData.headingLevel"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n                   role="group"\r\n                   [ariaLabel]="fieldsetData.ariaLabel"\r\n                   [ariaLabelledBy]="fieldsetData.ariaLabelledBy"\r\n                   [ariaHidden]="fieldsetData.ariaHidden"\r\n                   [ariaDisabled]="fieldsetData.ariaDisabled"\r\n                   [ariaControls]="fieldsetData.ariaControls"\r\n                   [ariaCurrent]="fieldsetData.ariaCurrent"\r\n                   [ariaLive]="fieldsetData.ariaLive"\r\n                   [ariaExpanded]="fieldsetData.ariaExpanded"\r\n                   [ariaHasPopup]="fieldsetData.ariaHasPopup"\r\n                   [tabindex]="fieldsetData.tabindex"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && hasLegendComponent()"\r\n                   [legendRef]="legendTemplate"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null">\r\n      <ng-template #legendTemplate>\r\n        <ng-content select="desy-legend"></ng-content>\r\n      </ng-template>\r\n    </desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && legendRef"\r\n                   [legendRef]="legendRef"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\r\n                   role="group"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && legendData"\r\n                   [legendData]="{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\r\n                   role="group"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && !legendData && legendText"\r\n                   [legendText]="legendText"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\r\n                   role="group"></desy-fieldset>\r\n\r\n    <ng-container *ngIf="!hasFieldset()">\r\n      <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n\r\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return ne})),multi:!0}]}]}],ne.ctorParameters=function(){return[{type:a.ControlContainer,decorators:[{type:t.Optional}]}]},ne.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:[J]}],fieldsetComponent:[{type:t.ContentChildren,args:[$]}],legendComponent:[{type:t.ContentChildren,args:[_]}],innerHtml:[{type:t.ViewChild,args:["innerHtml",{static:!0}]}]},m([Z("onExternalChange")],ne.prototype,"items",void 0),m([Z("onExternalChange")],ne.prototype,"namePrefix",void 0),m([T({onSetCallbackName:"overrideFieldsetParams"})],ne.prototype,"fieldsetComponent",void 0),m([T()],ne.prototype,"legendComponent",void 0);var ie=function(e){function a(a,r){var n=e.call(this)||this;if(n.radios=a,n.changeDetectorRef=r,n.checkedChange=new t.EventEmitter,n.index=0,!n.radios)throw Error("Radios items must be inside of RadiosComponent");return n}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">\r\n  <div *ngIf="divider"><p>{{ divider }}</p></div>\r\n  <div *ngIf="!divider">\r\n    <div class="relative flex items-start py-base">\r\n      <div class="flex items-center mx-sm">\r\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"\r\n               [attr.id]="radioId"\r\n               [attr.name]="name ? name : getNameRadio()"\r\n               type="radio"\r\n               [value]="value" (change)="hasChanged()"\r\n               [checked]="checked"\r\n               [attr.disabled]="disabled ? true : null"\r\n               [attr.aria-controls]="conditionalContentList && conditionalContentList.length > 0 ? \'conditional-\' + this.radioId : null"\r\n               [attr.aria-describedby]="[getDescribedBy(), getItemHintId()] | makeHtmlList:null"\r\n               [attr.aria-invalid]="hasError ? true : null"\r\n\r\n               [attr.role]="role ? role : null"\r\n               [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n               [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n               [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n               [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n               [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n               [attr.aria-live]="ariaLive ? ariaLive : null"\r\n               [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n               [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n               [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n               [attr.tabindex]="tabindex ? tabindex : null">\r\n        </div>\r\n\r\n        <div class="pt-0.5 leading-5">\r\n            <ng-container *ngIf="labelComponentList && labelComponentList.length > 0">\r\n                <ng-content select="desy-label"></ng-content>\r\n            </ng-container>\r\n            <ng-container *ngIf="!(labelComponentList && labelComponentList.length > 0)">\r\n                <desy-label [for]="radioId">\r\n                    <ng-content></ng-content>\r\n                </desy-label>\r\n            </ng-container>\r\n\r\n            <ng-content select="desy-hint"></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div *ngIf="conditional && conditionalContentList && conditionalContentList.length > 0 && checked"  @displayConditional\r\n      class="mb-lg ml-5 pt-sm pb-base pl-6 origin-top-left border-l-2 border-primary-base"\r\n      [attr.id]="\'conditional-\' + this.radioId">\r\n      <ng-container *desyCustomInnerContent="{ component: conditionalContentList.first }"></ng-container>\r\n  </div>\r\n</div>\r\n',animations:[r.trigger("displayConditional",[r.state("void",r.style({opacity:"0.0",transform:"scale(0.95)"})),r.state("*",r.style({opacity:"1.0",transform:"scale(1.0)"})),r.transition(":enter",[r.animate("100ms ease-out")]),r.transition("* => *",[r.query("@*",r.animateChild(),{optional:!0})])])]}]}],ie.ctorParameters=function(){return[{type:le,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}],classes:[{type:t.Input}],divider:[{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 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||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);le.decorators=[{type:t.Component,args:[{selector:"desy-radios",template:'<div [class]="[\'c-form-group\', formGroupClasses] | makeHtmlList"\r\n     [ngClass]="{\'c-form-group--error\': (hasErrorsMessage() || formGroupClasses == \'c-form-group--error\') }">\r\n\r\n  <ng-container *ngIf="hasFieldsetComponent()">\r\n    <ng-content select="desy-fieldset"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasFieldsetComponent()">\r\n    <desy-fieldset *ngIf="fieldsetData"\r\n                   [classes]="fieldsetData.classes"\r\n                   [id]="fieldsetData.id"\r\n                   [legendData]="fieldsetData.legend"\r\n                   [headingLevel]="fieldsetData.headingLevel"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n                   [role]="fieldsetData.role"\r\n                   [ariaLabel]="fieldsetData.ariaLabel"\r\n                   [ariaLabelledBy]="fieldsetData.ariaLabelledBy"\r\n                   [ariaHidden]="fieldsetData.ariaHidden"\r\n                   [ariaDisabled]="fieldsetData.ariaDisabled"\r\n                   [ariaControls]="fieldsetData.ariaControls"\r\n                   [ariaCurrent]="fieldsetData.ariaCurrent"\r\n                   [ariaLive]="fieldsetData.ariaLive"\r\n                   [ariaExpanded]="fieldsetData.ariaExpanded"\r\n                   [ariaHasPopup]="fieldsetData.ariaHasPopup"\r\n                   [tabindex]="fieldsetData.tabindex"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && hasLegendComponent()"\r\n                   [legendRef]="legendTemplate"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null">\r\n      <ng-template #legendTemplate>\r\n        <ng-content select="desy-legend"></ng-content>\r\n      </ng-template>\r\n    </desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && legendRef"\r\n                   [legendRef]="legendRef"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && legendData"\r\n                   [legendData]="{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && !legendData && legendText"\r\n                   [legendText]="legendText"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="!hasFieldset()">\r\n    <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #innerHtml>\r\n  <ng-container *ngIf="hasHintComponent()">\r\n    <ng-content select="desy-hint"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasHintComponent()">\r\n    <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n    <desy-hint *ngIf="!hintRef && hintData"\r\n               [id]="getHintId()"\r\n               [text]="hintData.text"\r\n               [html]="hintData.html"\r\n               [classes]="hintData.classes"\r\n               [role]="hintData.role"\r\n               [ariaLabel]="hintData.ariaLabel"\r\n               [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n               [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n               [ariaHidden]="hintData.ariaHidden"\r\n               [ariaDisabled]="hintData.ariaDisabled"\r\n               [ariaControls]="hintData.ariaControls"\r\n               [ariaCurrent]="hintData.ariaCurrent"\r\n               [ariaLive]="hintData.ariaLive"\r\n               [ariaExpanded]="hintData.ariaExpanded"\r\n               [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n               [ariaHasPopup]="hintData.ariaHasPopup"\r\n               [tabindex]="hintData.tabindex"></desy-hint>\r\n    <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="hasErrorMessageComponent()">\r\n    <ng-content select="desy-error-message"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasErrorMessageComponent()">\r\n    <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n    <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                        [id]="getErrorId()"\r\n                        [text]="errorMessageData.text"\r\n                        [html]="errorMessageData.html"\r\n                        [classes]="errorMessageData.classes"\r\n                        [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                        [role]="errorMessageData.role"\r\n                        [ariaLabel]="errorMessageData.ariaLabel"\r\n                        [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                        [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                        [ariaHidden]="errorMessageData.ariaHidden"\r\n                        [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                        [ariaControls]="errorMessageData.ariaControls"\r\n                        [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                        [ariaLive]="errorMessageData.ariaLive"\r\n                        [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                        [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                        [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                        [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n    <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                        [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n  </ng-container>\r\n\r\n\r\n  <div class="c-radios" [ngClass]="classes"\r\n       [attr.id]="id ? id : null"\r\n       [attr.role]="role ? role : null"\r\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.tabindex]="tabindex ? tabindex : null">\r\n\r\n      <ng-container *ngIf="radioComponentItems && radioComponentItems.length > 0">\r\n        <ng-content select="desy-radio-item"></ng-content>\r\n      </ng-container>\r\n      <ng-container *ngIf="!(radioComponentItems && radioComponentItems.length > 0) && items">\r\n        <desy-radio-item *ngFor="let item of items; index as i"\r\n                         [id]="item.id"\r\n                         [disabled]="item.disabled"\r\n                         [classes]="item.classes"\r\n                         [value]="item.value"\r\n                         [(checked)]="item.checked"\r\n                         [conditional]="item.conditional"\r\n                         [divider]="item.divider"\r\n\r\n                         [role]="item.role"\r\n                         [ariaLabel]="item.ariaLabel"\r\n                         [ariaDescribedBy]="item.ariaDescribedBy"\r\n                         [ariaLabelledBy]="item.ariaLabelledBy"\r\n                         [ariaHidden]="item.ariaHidden"\r\n                         [ariaDisabled]="item.ariaDisabled"\r\n                         [ariaControls]="item.ariaControls"\r\n                         [ariaCurrent]="item.ariaCurrent"\r\n                         [ariaLive]="item.ariaLive"\r\n                         [ariaExpanded]="item.ariaExpanded"\r\n                         [ariaErrorMessage]="item.ariaErrorMessage"\r\n                         [ariaHasPopup]="item.ariaHasPopup"\r\n                         [tabindex]="item.tabindex">\r\n          <desy-label [text]="item.text" [html]="item.html"\r\n                      [classes]="item.labelData ? item.labelData.classes : null"\r\n                      [role]="item.labelData ? item.labelData.role : null"\r\n                      [ariaLabel]="item.labelData ? item.labelData.ariaLabel : null"\r\n                      [ariaDescribedBy]="item.labelData ? item.labelData.ariaDescribedBy: null"\r\n                      [ariaLabelledBy]="item.labelData ? item.labelData.ariaLabelledBy : null"\r\n                      [ariaHidden]="item.labelData ? item.labelData.ariaHidden : null"\r\n                      [ariaDisabled]="item.labelData ? item.labelData.ariaDisabled : null"\r\n                      [ariaControls]="item.labelData ? item.labelData.ariaControls : null"\r\n                      [ariaCurrent]="item.labelData ? item.labelData.ariaCurrent : null"\r\n                      [ariaLive]="item.labelData ? item.labelData.ariaLive : null"\r\n                      [ariaExpanded]="item.labelData ? item.labelData.ariaExpanded : null"\r\n                      [ariaErrorMessage]="item.labelData ? item.labelData.ariaErrorMessage : null"\r\n                      [ariaHasPopup]="item.labelData ? item.labelData.ariaHasPopup : null"\r\n                      [tabindex]="tabindex ? item.labelData.tabindex : null"></desy-label>\r\n          <desy-hint *ngIf="item.hintData && (item.hintData.text || item.hintData.html)"\r\n                     [text]="item.hintData.text"\r\n                     [html]="item.hintData.html"\r\n                     [classes]="item.hintData.classes"\r\n                     [role]="item.hintData.role"\r\n                     [ariaLabel]="item.hintData.ariaLabel"\r\n                     [ariaDescribedBy]="item.hintData.ariaDescribedBy"\r\n                     [ariaLabelledBy]="item.hintData.ariaLabelledBy"\r\n                     [ariaHidden]="item.hintData.ariaHidden"\r\n                     [ariaDisabled]="item.hintData.ariaDisabled"\r\n                     [ariaControls]="item.hintData.ariaControls"\r\n                     [ariaCurrent]="item.hintData.ariaCurrent"\r\n                     [ariaLive]="item.hintData.ariaLive"\r\n                     [ariaExpanded]="item.hintData.ariaExpanded"\r\n                     [ariaErrorMessage]="item.hintData.ariaErrorMessage"\r\n                     [ariaHasPopup]="item.hintData.ariaHasPopup"\r\n                     [tabindex]="item.hintData.tabindex"></desy-hint>\r\n          <desy-hint *ngIf="!item.hintData && item.hintText" [text]="item.hintText"></desy-hint>\r\n          <desy-content *ngIf="item.conditionalHtml">\r\n            <ng-container *ngTemplateOutlet="item.conditionalHtml"></ng-container>\r\n          </desy-content>\r\n        </desy-radio-item>\r\n      </ng-container>\r\n  </div>\r\n</ng-template>\r\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:[_]}],radioComponentItems:[{type:t.ContentChildren,args:[ie]}],innerHtml:[{type:t.ViewChild,args:["innerHtml",{static:!0}]}],radioComponentItems2:[{type:t.ViewChildren,args:[ie]}]},m([Z("onIdPrefixChange")],le.prototype,"idPrefix",void 0),m([Z("onNameChange")],le.prototype,"name",void 0),m([T({onSetCallbackName:"overrideFieldsetParams"})],le.prototype,"fieldsetComponent",void 0),m([T()],le.prototype,"legendComponent",void 0);var se=function(e){function a(a,r){var n=e.call(this)||this;if(n.checkboxes=a,n.changeDetectorRef=r,n.checkedChange=new t.EventEmitter,n.indeterminateChange=new t.EventEmitter,!n.checkboxes)throw Error("Checkbox items must be inside of CheckboxesComponent");return n}return u(a,e),a.prototype.ngOnInit=function(){this.checkboxes.markForUpdateCheckboxIds()},a.prototype.ngOnDestroy=function(){this.checkboxes.markForUpdateCheckboxIds()},a.prototype.ngOnChanges=function(e){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);se.decorators=[{type:t.Component,args:[{selector:"desy-checkbox-item",template:'<div [ngClass]="{\'border-t border-b border-neutral-base -mb-px\' : hasDividers()}" [class]="classes">\r\n  <div class="relative flex items-start py-base">\r\n      <div class="flex items-center mx-sm">\r\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"\r\n               [checked]="checked"\r\n               [attr.id]="checkboxId"\r\n               [attr.name]="name ? name : getNameCheckbox()"\r\n               type="checkbox"\r\n               [value]="value" (change)="hasChanged()"\r\n               [attr.disabled]="disabled ? true : null"\r\n               [attr.aria-controls]="conditionalContentList && conditionalContentList.length > 0 ? \'conditional-\' + checkboxId : null"\r\n               [attr.aria-describedby]="[getDescribedBy(), getItemHintId()] | makeHtmlList:null"\r\n               [attr.aria-invalid]="hasError() ? true : null"\r\n\r\n               [attr.role]="role ? role : null"\r\n               [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n               [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n               [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n               [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n               [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n               [attr.aria-live]="ariaLive ? ariaLive : null"\r\n               [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n               [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n               [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n               [attr.tabindex]="tabindex ? tabindex : null">\r\n      </div>\r\n      <div class="pt-0.5 leading-5">\r\n        <ng-container *ngIf="labelComponentList && labelComponentList.length > 0">\r\n          <ng-content select="desy-label"></ng-content>\r\n        </ng-container>\r\n        <ng-container *ngIf="!(labelComponentList && labelComponentList.length > 0)">\r\n          <desy-label [for]="checkboxId">\r\n            <ng-content></ng-content>\r\n          </desy-label>\r\n        </ng-container>\r\n        <ng-content select="desy-hint"></ng-content>\r\n      </div>\r\n  </div>\r\n\r\n  <div *ngIf="conditional && conditionalContentList && conditionalContentList.length > 0 && (input.checked || input.indeterminate)" @displayConditional\r\n       class="mb-base ml-5 py-sm pl-6 origin-top-left border-l-2 border-primary-base"\r\n       [attr.id]="\'conditional-\' + checkboxId">\r\n    <ng-container *desyCustomInnerContent="{ component: conditionalContentList.first }"></ng-container>\r\n  </div>\r\n</div>\r\n',animations:[r.trigger("displayConditional",[r.state("void",r.style({opacity:"0.0",transform:"scale(0.95)"})),r.state("*",r.style({opacity:"1.0",transform:"scale(1.0)"})),r.transition(":enter",[r.animate("100ms ease-out")]),r.transition("* => *",[r.query("@*",r.animateChild(),{optional:!0})])])]}]}],se.ctorParameters=function(){return[{type:oe,decorators:[{type:t.Host}]},{type:t.ChangeDetectorRef}]},se.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}],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([Z("setIndeterminateStatus")],se.prototype,"indeterminateChecked",void 0);var oe=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=e.value.findIndex((function(e){return e===t.value}))>-1;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);oe.decorators=[{type:t.Component,args:[{selector:"desy-checkboxes",template:'<div [class]="[\'c-form-group\', formGroupClasses] | makeHtmlList"\r\n     [ngClass]="{\'c-form-group--error\': (hasErrorsMessage() || formGroupClasses == \'c-form-group--error\') }">\r\n\r\n  <ng-container *ngIf="hasFieldsetComponent()">\r\n    <ng-content select="desy-fieldset"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasFieldsetComponent()">\r\n    <desy-fieldset *ngIf="fieldsetData"\r\n                   [classes]="fieldsetData.classes"\r\n                   [id]="fieldsetData.id"\r\n                   [legendData]="fieldsetData.legend"\r\n                   [headingLevel]="fieldsetData.headingLevel"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n                   [role]="fieldsetData.role"\r\n                   [ariaLabel]="fieldsetData.ariaLabel"\r\n                   [ariaLabelledBy]="fieldsetData.ariaLabelledBy"\r\n                   [ariaHidden]="fieldsetData.ariaHidden"\r\n                   [ariaDisabled]="fieldsetData.ariaDisabled"\r\n                   [ariaControls]="fieldsetData.ariaControls"\r\n                   [ariaCurrent]="fieldsetData.ariaCurrent"\r\n                   [ariaLive]="fieldsetData.ariaLive"\r\n                   [ariaExpanded]="fieldsetData.ariaExpanded"\r\n                   [ariaHasPopup]="fieldsetData.ariaHasPopup"\r\n                   [tabindex]="fieldsetData.tabindex"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !!legendComponent"\r\n                   [legendRef]="legendTemplate"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null">\r\n      <ng-template #legendTemplate>\r\n        <ng-content select="desy-legend"></ng-content>\r\n      </ng-template>\r\n    </desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !legendComponent && legendRef"\r\n                   [legendRef]="legendRef"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !legendComponent && !legendRef && legendData"\r\n                   [legendData]="{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !legendComponent && !legendRef && !legendData && legendText"\r\n                   [legendText]="legendText"\r\n                   [caller]="innerHtml"\r\n                   [errorId]="getErrorId()"\r\n                   [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"></desy-fieldset>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="!hasFieldset()">\r\n    <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n\r\n<ng-template #innerHtml>\r\n  <ng-container *ngIf="hasHintComponent()">\r\n    <ng-content select="desy-hint"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasHintComponent()">\r\n    <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n    <desy-hint *ngIf="!hintRef && hintData"\r\n               [id]="getHintId()"\r\n               [text]="hintData.text"\r\n               [html]="hintData.html"\r\n               [classes]="hintData.classes"\r\n               [role]="hintData.role"\r\n               [ariaLabel]="hintData.ariaLabel"\r\n               [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n               [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n               [ariaHidden]="hintData.ariaHidden"\r\n               [ariaDisabled]="hintData.ariaDisabled"\r\n               [ariaControls]="hintData.ariaControls"\r\n               [ariaCurrent]="hintData.ariaCurrent"\r\n               [ariaLive]="hintData.ariaLive"\r\n               [ariaExpanded]="hintData.ariaExpanded"\r\n               [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n               [ariaHasPopup]="hintData.ariaHasPopup"\r\n               [tabindex]="hintData.tabindex"></desy-hint>\r\n    <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="hasErrorMessageComponent()">\r\n    <ng-content select="desy-error-message"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasErrorMessageComponent()">\r\n    <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n    <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                        [id]="getErrorId()"\r\n                        [text]="errorMessageData.text"\r\n                        [html]="errorMessageData.html"\r\n                        [classes]="errorMessageData.classes"\r\n                        [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                        [role]="errorMessageData.role"\r\n                        [ariaLabel]="errorMessageData.ariaLabel"\r\n                        [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                        [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                        [ariaHidden]="errorMessageData.ariaHidden"\r\n                        [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                        [ariaControls]="errorMessageData.ariaControls"\r\n                        [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                        [ariaLive]="errorMessageData.ariaLive"\r\n                        [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                        [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                        [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                        [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n    <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                        [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n  </ng-container>\r\n\r\n  <div [class]="[\'c-checkboxes\', classes] | makeHtmlList"\r\n       [attr.role]="role ? role : null"\r\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.tabindex]="tabindex ? tabindex : null">\r\n\r\n    <ng-container *ngIf="checkboxComponentItems && checkboxComponentItems.length > 0">\r\n      <ng-content select="desy-checkbox-item"></ng-content>\r\n    </ng-container>\r\n    <ng-container *ngIf="!(checkboxComponentItems && checkboxComponentItems.length > 0) && items">\r\n      <desy-checkbox-item *ngFor="let item of items; index as i"\r\n                          [id]="item.id"\r\n                          [disabled]="item.disabled"\r\n                          [name]="item.name"\r\n                          [classes]="item.classes"\r\n                          [value]="item.value"\r\n                          [(checked)]="item.checked"\r\n                          [conditional]="item.conditional"\r\n                          [isIndeterminate]="item.isIndeterminate"\r\n                          [indeterminateChecked]="item.indeterminateChecked"\r\n\r\n                          [role]="item.role"\r\n                          [ariaLabel]="item.ariaLabel"\r\n                          [ariaDescribedBy]="item.ariaDescribedBy"\r\n                          [ariaLabelledBy]="item.ariaLabelledBy"\r\n                          [ariaHidden]="item.ariaHidden"\r\n                          [ariaDisabled]="item.ariaDisabled"\r\n                          [ariaControls]="item.ariaControls"\r\n                          [ariaCurrent]="item.ariaCurrent"\r\n                          [ariaLive]="item.ariaLive"\r\n                          [ariaExpanded]="item.ariaExpanded"\r\n                          [ariaErrorMessage]="item.ariaErrorMessage"\r\n                          [ariaHasPopup]="item.ariaHasPopup"\r\n                          [tabindex]="item.tabindex">\r\n        <desy-label [text]="item.text" [html]="item.html"\r\n                    [classes]="item.labelData ? item.labelData.classes : null"\r\n                    [role]="item.labelData ? item.labelData.role : null"\r\n                    [ariaLabel]="item.labelData ? item.labelData.ariaLabel : null"\r\n                    [ariaDescribedBy]="item.labelData ? item.labelData.ariaDescribedBy: null"\r\n                    [ariaLabelledBy]="item.labelData ? item.labelData.ariaLabelledBy : null"\r\n                    [ariaHidden]="item.labelData ? item.labelData.ariaHidden : null"\r\n                    [ariaDisabled]="item.labelData ? item.labelData.ariaDisabled : null"\r\n                    [ariaControls]="item.labelData ? item.labelData.ariaControls : null"\r\n                    [ariaCurrent]="item.labelData ? item.labelData.ariaCurrent : null"\r\n                    [ariaLive]="item.labelData ? item.labelData.ariaLive : null"\r\n                    [ariaExpanded]="item.labelData ? item.labelData.ariaExpanded : null"\r\n                    [ariaErrorMessage]="item.labelData ? item.labelData.ariaErrorMessage : null"\r\n                    [ariaHasPopup]="item.labelData ? item.labelData.ariaHasPopup : null"\r\n                    [tabindex]="tabindex ? item.labelData.tabindex : null"></desy-label>\r\n        <desy-hint *ngIf="item.hintData && (item.hintData.text || item.hintData.html)"\r\n                   [text]="item.hintData.text"\r\n                   [html]="item.hintData.html"\r\n                   [classes]="item.hintData.classes"\r\n                   [role]="item.hintData.role"\r\n                   [ariaLabel]="item.hintData.ariaLabel"\r\n                   [ariaDescribedBy]="item.hintData.ariaDescribedBy"\r\n                   [ariaLabelledBy]="item.hintData.ariaLabelledBy"\r\n                   [ariaHidden]="item.hintData.ariaHidden"\r\n                   [ariaDisabled]="item.hintData.ariaDisabled"\r\n                   [ariaControls]="item.hintData.ariaControls"\r\n                   [ariaCurrent]="item.hintData.ariaCurrent"\r\n                   [ariaLive]="item.hintData.ariaLive"\r\n                   [ariaExpanded]="item.hintData.ariaExpanded"\r\n                   [ariaErrorMessage]="item.hintData.ariaErrorMessage"\r\n                   [ariaHasPopup]="item.hintData.ariaHasPopup"\r\n                   [tabindex]="item.hintData.tabindex"></desy-hint>\r\n        <desy-hint *ngIf="!item.hintData && item.hintText" [text]="item.hintText"></desy-hint>\r\n        <desy-content *ngIf="item.conditionalHtml">\r\n          <ng-container *ngTemplateOutlet="item.conditionalHtml"></ng-container>\r\n        </desy-content>\r\n      </desy-checkbox-item>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return oe})),multi:!0}]}]}],oe.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:[_]}],checkboxComponentItems:[{type:t.ContentChildren,args:[se]}],innerHtml:[{type:t.ViewChild,args:["innerHtml",{static:!0}]}],checkboxComponentItems2:[{type:t.ViewChildren,args:[se]}]},m([Z("onIdPrefixChange")],oe.prototype,"idPrefix",void 0),m([Z("onNameChange")],oe.prototype,"name",void 0),m([T({onSetCallbackName:"overrideFieldsetParams"})],oe.prototype,"fieldsetComponent",void 0),m([T()],oe.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>\r\n  <ng-content select="desy-label"></ng-content>\r\n</ng-template>\r\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([T()],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>\r\n  <ng-content select="desy-label"></ng-content>\r\n</ng-template>\r\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([T()],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>\r\n  <ng-content select="desy-label"></ng-content>\r\n</ng-template>\r\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([T()],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>\r\n    <ng-content></ng-content>\r\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 r=e.call(this)||this;return r.controlContainer=a,r.itemsChange=new t.EventEmitter,r.contentInit=!1,r}return u(a,e),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 r={};Object.assign(r,this.value),this.onChange(r),(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>"+H.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:'\r\n<ng-template #innerHtml>\r\n  <ng-container *ngIf="hasHintComponent()">\r\n    <ng-content select="desy-hint"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasHintComponent()">\r\n    <ng-container *ngTemplateOutlet="hintRef"></ng-container>\r\n    <desy-hint *ngIf="!hintRef && hintData"\r\n               [id]="getHintId()"\r\n               [text]="hintData.text"\r\n               [html]="hintData.html"\r\n               [classes]="hintData.classes"\r\n               [role]="hintData.role"\r\n               [ariaLabel]="hintData.ariaLabel"\r\n               [ariaDescribedBy]="hintData.ariaDescribedBy"\r\n               [ariaLabelledBy]="hintData.ariaLabelledBy"\r\n               [ariaHidden]="hintData.ariaHidden"\r\n               [ariaDisabled]="hintData.ariaDisabled"\r\n               [ariaControls]="hintData.ariaControls"\r\n               [ariaCurrent]="hintData.ariaCurrent"\r\n               [ariaLive]="hintData.ariaLive"\r\n               [ariaExpanded]="hintData.ariaExpanded"\r\n               [ariaErrorMessage]="hintData.ariaErrorMessage"\r\n               [ariaHasPopup]="hintData.ariaHasPopup"\r\n               [tabindex]="hintData.tabindex"></desy-hint>\r\n    <desy-hint *ngIf="!hintRef && !hintData && hintText" [text]="hintText" [id]="getHintId()"></desy-hint>\r\n  </ng-container>\r\n\r\n\r\n  <ng-container *ngIf="hasErrorMessageComponent()">\r\n    <ng-content select="desy-error-message"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasErrorMessageComponent()">\r\n    <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n    <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                        [id]="getErrorId()"\r\n                        [text]="errorMessageData.text"\r\n                        [html]="errorMessageData.html"\r\n                        [classes]="errorMessageData.classes"\r\n                        [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                        [role]="errorMessageData.role"\r\n                        [ariaLabel]="errorMessageData.ariaLabel"\r\n                        [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                        [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                        [ariaHidden]="errorMessageData.ariaHidden"\r\n                        [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                        [ariaControls]="errorMessageData.ariaControls"\r\n                        [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                        [ariaLive]="errorMessageData.ariaLive"\r\n                        [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                        [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                        [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                        [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n    <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                        [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n  </ng-container>\r\n\r\n  \x3c!-- With reactive forms --\x3e\r\n  <div *ngIf="controlContainer && !ngModelGroup"\r\n       [formGroup]="controlContainer.control"\r\n       [class]="[\'flex\', classes] | makeHtmlList"\r\n       [attr.id]="id ? id : null"\r\n       [attr.role]="role ? role : null"\r\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.tabindex]="tabindex ? tabindex : null">\r\n    <ng-container *ngFor="let item of getItems(); index as i">\r\n      <ng-container *ngIf="item.divider">\r\n        <div role="separator" [ngClass]="item.divider.classes">\r\n          <ng-container *desyCustomInnerContent="{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf="!item.divider">\r\n        <div class="mr-base">\r\n          <desy-input [labelData]="getItemLabel(item)"\r\n                      [labelRef]="getItemLabelRef(item)"\r\n                      [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                      [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                      [errorId]="item.hasErrors ? getErrorId() : null"\r\n                      [name]="getItemName(item)"\r\n                      [formControlName]="getItemName(item)"\r\n                      [type]="\'text\'"\r\n                      [inputmode]="\'numeric\'"\r\n                      [autocomplete]="item.autocomplete"\r\n                      [pattern]="item.pattern ? item.pattern : \'[0-9]*\'"\r\n\r\n                      [maxlength]="item.maxlength"\r\n                      [role]="item.role"\r\n                      [ariaLabel]="item.ariaLabel"\r\n                      [ariaDescribedBy]="item.ariaDescribedBy"\r\n                      [ariaLabelledBy]="item.ariaLabelledBy"\r\n                      [ariaHidden]="item.ariaHidden"\r\n                      [ariaDisabled]="item.ariaDisabled"\r\n                      [ariaControls]="item.ariaControls"\r\n                      [ariaCurrent]="item.ariaCurrent"\r\n                      [ariaLive]="item.ariaLive"\r\n                      [ariaExpanded]="item.ariaExpanded"\r\n                      [ariaErrorMessage]="item.ariaErrorMessage"\r\n                      [ariaHasPopup]="item.ariaHasPopup"\r\n                      [tabindex]="item.tabindex"></desy-input>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n\r\n  \x3c!-- Template-driven forms --\x3e\r\n  <desy-template-driven-wrapper *ngIf="controlContainer && ngModelGroup">\r\n    <div [ngModelGroup]="ngModelGroup"\r\n         [class]="[\'flex\', classes] | makeHtmlList"\r\n         [attr.id]="id ? id : null"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n      <ng-container *ngFor="let item of getItems(); index as i">\r\n        \r\n        <ng-container *ngIf="item.divider">\r\n          <div role="separator" [ngClass]="item.divider.classes">\r\n            <ng-container *desyCustomInnerContent="{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }"></ng-container>\r\n          </div>\r\n        </ng-container>\r\n        <ng-container *ngIf="!item.divider">\r\n          <div class="mr-base">\r\n            <desy-input [labelData]="getItemLabel(item)"\r\n                        [labelRef]="getItemLabelRef(item)"\r\n                        [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                        [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                        [errorId]="item.hasErrors ? getErrorId() : null"\r\n                        [name]="getItemName(item)"\r\n                        [ngModel]="item.value" (ngModelChange)="onInternalChange(item, +$event)"\r\n                        [type]="\'text\'"\r\n                        [inputmode]="\'numeric\'"\r\n                        [autocomplete]="item.autocomplete"\r\n                        [pattern]="item.pattern ? item.pattern : \'[0-9]*\'"\r\n                        [disabled]="disabled ? true : null"\r\n\r\n                        [maxlength]="item.maxlength"\r\n                        [role]="item.role"\r\n                        [ariaLabel]="item.ariaLabel"\r\n                        [ariaDescribedBy]="item.ariaDescribedBy"\r\n                        [ariaLabelledBy]="item.ariaLabelledBy"\r\n                        [ariaHidden]="item.ariaHidden"\r\n                        [ariaDisabled]="item.ariaDisabled"\r\n                        [ariaControls]="item.ariaControls"\r\n                        [ariaCurrent]="item.ariaCurrent"\r\n                        [ariaLive]="item.ariaLive"\r\n                        [ariaExpanded]="item.ariaExpanded"\r\n                        [ariaErrorMessage]="item.ariaErrorMessage"\r\n                        [ariaHasPopup]="item.ariaHasPopup"\r\n                        [tabindex]="item.tabindex"></desy-input>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </desy-template-driven-wrapper>\r\n\r\n  \x3c!-- With ngModel--\x3e\r\n  <div *ngIf="!controlContainer"\r\n       [class]="[\'flex\', classes] | makeHtmlList"\r\n       [attr.id]="id ? id : null"\r\n       [attr.role]="role ? role : null"\r\n       [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.tabindex]="tabindex ? tabindex : null">\r\n    <ng-container *ngFor="let item of getItems(); index as i">\r\n      \r\n      <ng-container *ngIf="item.divider">\r\n        <div role="separator" [ngClass]="item.divider.classes">\r\n          <ng-container *desyCustomInnerContent="{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf="!item.divider">\r\n        <div class="mr-base">\r\n            <desy-input [labelData]="getItemLabel(item)"\r\n                        [labelRef]="getItemLabelRef(item)"\r\n                        [id]="item.id ? item.id : id + \'-\' + item.name"\r\n                        [classes]="[\'mb-0\', item.classes] | makeHtmlList"\r\n                        [errorId]="item.hasErrors ? getErrorId() : null"\r\n                        [name]="getItemName(item)"\r\n                        [ngModel]="item.value" (ngModelChange)="onInternalChange(item, +$event)"\r\n                        [type]="\'text\'"\r\n                        [inputmode]="\'numeric\'"\r\n                        [autocomplete]="item.autocomplete"\r\n                        [pattern]="item.pattern ? item.pattern : \'[0-9]*\'"\r\n                        [disabled]="disabled ? true : null"\r\n\r\n                        [maxlength]="item.maxlength"\r\n                        [role]="item.role"\r\n                        [ariaLabel]="item.ariaLabel"\r\n                        [ariaDescribedBy]="item.ariaDescribedBy"\r\n                        [ariaLabelledBy]="item.ariaLabelledBy"\r\n                        [ariaHidden]="item.ariaHidden"\r\n                        [ariaDisabled]="item.ariaDisabled"\r\n                        [ariaControls]="item.ariaControls"\r\n                        [ariaCurrent]="item.ariaCurrent"\r\n                        [ariaLive]="item.ariaLive"\r\n                        [ariaExpanded]="item.ariaExpanded"\r\n                        [ariaErrorMessage]="item.ariaErrorMessage"\r\n                        [ariaHasPopup]="item.ariaHasPopup"\r\n                        [tabindex]="item.tabindex"></desy-input>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n</div>\r\n</ng-template>\r\n\r\n<div [class]="[\'c-form-group\', formGroupClasses] | makeHtmlList"\r\n     [ngClass]="{\'c-form-group--error\' : (hasErrorsMessage() || formGroupClasses == \'c-form-group--error\')}">\r\n\r\n  <ng-container *ngIf="hasFieldsetComponent()">\r\n    <ng-content select="desy-fieldset"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasFieldsetComponent()">\r\n    <desy-fieldset *ngIf="fieldsetData"\r\n      [classes]="fieldsetData.classes"\r\n      [id]="fieldsetData.id"\r\n      [legendData]="fieldsetData.legend"\r\n      [caller]="innerHtml"\r\n      [errorId]="getErrorId()"\r\n      [describedBy]="[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null"\r\n      role="group"\r\n      [ariaLabel]="fieldsetData.ariaLabel"\r\n      [ariaLabelledBy]="fieldsetData.ariaLabelledBy"\r\n      [ariaHidden]="fieldsetData.ariaHidden"\r\n      [ariaDisabled]="fieldsetData.ariaDisabled"\r\n      [ariaControls]="fieldsetData.ariaControls"\r\n      [ariaCurrent]="fieldsetData.ariaCurrent"\r\n      [ariaLive]="fieldsetData.ariaLive"\r\n      [ariaExpanded]="fieldsetData.ariaExpanded"\r\n      [ariaHasPopup]="fieldsetData.ariaHasPopup"\r\n      [tabindex]="fieldsetData.tabindex"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && hasLegendComponent()"\r\n      [legendRef]="legendTemplate"\r\n      [caller]="innerHtml"\r\n      [errorId]="getErrorId()"\r\n      [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null">\r\n      <ng-template #legendTemplate>\r\n        <ng-content select="desy-legend"></ng-content>\r\n      </ng-template>\r\n    </desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && legendRef"\r\n      [legendRef]="legendRef"\r\n      [caller]="innerHtml"\r\n      [errorId]="getErrorId()"\r\n      [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\r\n      role="group"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && legendData"\r\n      [legendData]="{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}"\r\n      [caller]="innerHtml"\r\n      [errorId]="getErrorId()"\r\n      [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\r\n      role="group"></desy-fieldset>\r\n    <desy-fieldset *ngIf="!fieldsetData && !hasLegendComponent() && !legendRef && !legendData && legendText"\r\n      [legendText]="legendText"\r\n      [caller]="innerHtml"\r\n      [errorId]="getErrorId()"\r\n      [describedBy]="[ getHintId(), getErrorId()] | makeHtmlList:null"\r\n      role="group"></desy-fieldset>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="!hasFieldset()">\r\n    <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\r\n  </ng-container>\r\n</div>\r\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}],formGroupClasses:[{type:t.Input}],errorMessage:[{type:t.Input}],id:[{type:t.Input}],fieldsetComponent:[{type:t.ContentChildren,args:[$]}],legendComponent:[{type:t.ContentChildren,args:[_]}],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([Z("onExternalChange")],ge.prototype,"items",void 0),m([Z("onExternalChange")],ge.prototype,"namePrefix",void 0),m([T({onSetCallbackName:"overrideFieldsetParams"})],ge.prototype,"fieldsetComponent",void 0),m([T()],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}(G);he.decorators=[{type:t.Component,args:[{selector:"desy-search-bar",template:'\x3c!-- searchbar --\x3e\r\n<div class="relative" [ngClass]="{\'flex flex-wrap items-end\': hasButton()}">\r\n  <ng-container *ngTemplateOutlet="labelRef"></ng-container>\r\n  <desy-label *ngIf="!labelRef && labelData"\r\n              [text]="labelData.text"\r\n              [html]="labelData.html"\r\n              classes="sr-only"\r\n              [isPageHeading]="labelData.isPageHeading"\r\n              [for]="id"\r\n              [role]="labelData.role"\r\n              [ariaLabel]="labelData.ariaLabel"\r\n              [ariaDescribedBy]="labelData.ariaDescribedBy"\r\n              [ariaLabelledBy]="labelData.ariaLabelledBy"\r\n              [ariaHidden]="labelData.ariaHidden"\r\n              [ariaDisabled]="labelData.ariaDisabled"\r\n              [ariaControls]="labelData.ariaControls"\r\n              [ariaCurrent]="labelData.ariaCurrent"\r\n              [ariaLive]="labelData.ariaLive"\r\n              [ariaExpanded]="labelData.ariaExpanded"\r\n              [ariaErrorMessage]="labelData.ariaErrorMessage"\r\n              [ariaHasPopup]="labelData.ariaHasPopup"\r\n              [tabindex]="labelData.tabindex"></desy-label>\r\n  <desy-label *ngIf="!labelRef && !labelData && labelText" [text]="labelText" classes="sr-only" [for]="id"></desy-label>\r\n  <input type="search"\r\n         [class]="[\'c-input block mt-sm 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"\r\n         [ngClass]="{\'border-alert-base ring-2 ring-alert-base\': hasErrorsMessage(),\'w-full\': !hasButton()}"\r\n         [value]="value" (input)="onInput($event.target.value)"\r\n         [attr.id]="id ? id : null"\r\n         [attr.name]="id ? id : null"\r\n         [attr.aria-describedby]="[describedBy, getErrorId()] | makeHtmlList:null"\r\n         [attr.aria-errormessage]="hasErrorsMessage() ? getErrorId() : null"\r\n         [attr.aria-invalid]="hasErrorsMessage() ? true : null"\r\n         [attr.disabled]="disabled ? true : null"\r\n         [attr.placeholder]="placeholder ? placeholder : null"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-container *ngIf="hasButton(); else defaultButton">\r\n    <ng-content select="desy-button"></ng-content>\r\n  </ng-container>\r\n  <ng-template #defaultButton>\r\n    <button type="submit" [attr.disabled]="disabled ? \'disabled\' : null" [attr.aria-disabled]="disabled ? \'true\' : null"\r\n            (click)="onClick($event)"\r\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">\r\n      <span class="sr-only">Buscar</span>\r\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>\r\n    </button>\r\n  </ng-template>\r\n  <ng-container *ngTemplateOutlet="errorMessageRef"></ng-container>\r\n  <desy-error-message *ngIf="!errorMessageRef && errorMessageData"\r\n                      [id]="getErrorId()"\r\n                      [text]="errorMessageData.text"\r\n                      [html]="errorMessageData.html"\r\n                      [classes]="errorMessageData.classes"\r\n                      [visuallyHiddenText]="errorMessageData.visuallyHiddenText"\r\n                      [role]="errorMessageData.role"\r\n                      [ariaLabel]="errorMessageData.ariaLabel"\r\n                      [ariaDescribedBy]="errorMessageData.ariaDescribedBy"\r\n                      [ariaLabelledBy]="errorMessageData.ariaLabelledBy"\r\n                      [ariaHidden]="errorMessageData.ariaHidden"\r\n                      [ariaDisabled]="errorMessageData.ariaDisabled"\r\n                      [ariaControls]="errorMessageData.ariaControls"\r\n                      [ariaCurrent]="errorMessageData.ariaCurrent"\r\n                      [ariaLive]="errorMessageData.ariaLive"\r\n                      [ariaExpanded]="errorMessageData.ariaExpanded"\r\n                      [ariaErrorMessage]="errorMessageData.ariaErrorMessage"\r\n                      [ariaHasPopup]="errorMessageData.ariaHasPopup"\r\n                      [tabindex]="errorMessageData.tabindex"></desy-error-message>\r\n  <desy-error-message *ngIf="!errorMessageRef && !errorMessageData && errorMessageText"\r\n                      [text]="errorMessageText" [id]="getErrorId()"></desy-error-message>\r\n</div>\r\n\x3c!-- /searchbar --\x3e\r\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}],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>\r\n  <ul [class]="[\'c-tree__itemgroup\', classes] | makeHtmlList"\r\n      [attr.role]="role ? role : \'group\'"\r\n      [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n      [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n      [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n      [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n      [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n      [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n      [attr.aria-live]="ariaLive ? ariaLive : null"\r\n      [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n      [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n      [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n      [attr.aria-modal]="ariaModal ? ariaModal : null"\r\n      [attr.tabindex]="tabindex ? tabindex : null">\r\n    <ng-content></ng-content>\r\n  </ul>\r\n</ng-template>\r\n'}]}],be.propDecorators={classes:[{type:t.Input}]};var ye=function(){},fe=function(){function e(){}return e.containsAnyWordFrom=function(e,t,a){var r=this,n=[],i=!1,l=this.getSimplifiedString(e);return t&&t.split(" ").length>1&&(n=t.split(" ")),n.push(t),n.forEach((function(e){l&&e&&(a&&l===r.getSimplifiedString(e)||!a&&l.includes(r.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 r=e.call(this)||this;return r.changeDetector=a,r.checkedChange=new t.EventEmitter,r.indeterminateCheckedChange=new t.EventEmitter,r.hasError=!1,r._hasInit=!1,r}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}">\r\n  <div class="relative flex items-start py-xs">\r\n    <div class="flex items-center mx-sm">\r\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"\r\n             [id]="id + \'-input\'"\r\n             [name]="name"\r\n             [type]="type === \'checkbox\' ? \'checkbox\' : \'radio\'"\r\n             [value]="value"\r\n             [checked]="checked"\r\n             (change)="hasChanged()"\r\n             [disabled]="disabled ? disabled : null"\r\n             [attr.aria-invalid]="hasError ? \'true\' : null"\r\n\r\n             [attr.role]="role ? role : \'group\'"\r\n             [attr.aria-describedby]="itemDescribedBy"\r\n             [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n             [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n             [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n             [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n             [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n             [attr.aria-live]="ariaLive ? ariaLive : null"\r\n             [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n             [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n             [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n             [attr.aria-modal]="ariaModal ? ariaModal : null"\r\n             [attr.tabindex]="tabindex ? tabindex : null"\r\n\r\n             (keydown.home)="preventDefault($event)"\r\n             (keydown.end)="preventDefault($event)"\r\n             (keydown.arrowup)="preventDefault($event)"\r\n             (keydown.arrowdown)="preventDefault($event)"\r\n             (keydown.arrowright)="preventDefault($event)"\r\n             (keydown.arrowleft)="preventDefault($event)">\r\n    </div>\r\n    <div #contentWrapper class="flex-1 pt-0.5 leading-5">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\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([Z("onIdChange")],Ce.prototype,"id",void 0),m([Z("setIndeterminateStatus")],Ce.prototype,"indeterminateChecked",void 0),m([Z("onDescribedByChange")],Ce.prototype,"describedBy",void 0),m([Z("overrideLabelParams")],Ce.prototype,"labelComponent",void 0),m([Z("overrideHintParams")],Ce.prototype,"hintComponent",void 0);var ve=function(e){function a(r,n){var i=e.call(this)||this;return i.changeDetector=r,i.element=n,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 r=this.hiddenWrapper.nativeElement.textContent;a=fe.containsAnyWordFrom(r,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"\r\n    [id]="id"\r\n    [class]="\'c-tree__item focus:outline-none\'"\r\n    [ngClass]="{\r\n      \'ml-4\': subLevel === 0,\r\n      \'ml-8\': subLevel !== 0,\r\n      \'c-tree__item--focus\': isFocus && !sub,\r\n      \'c-tree__item--hover\': isHover && !sub\r\n    }"\r\n    (focusin)="handleItemFocus(true, !sub)"\r\n    (focusout)="handleItemFocus(false, !sub)"\r\n    (mouseover)="handleItemHover(true, !sub)"\r\n    (mouseout)="handleItemHover(false, !sub)"\r\n    (keydown.home)="handleHome($event, !sub)"\r\n    (keydown.end)="handleEnd($event, !sub)"\r\n    (keydown.arrowup)="handleArrowUp($event, !sub)"\r\n    (keydown.arrowdown)="handleArrowDown($event, !sub)"\r\n    (keydown.arrowright)="handleArrowRight($event, !sub)"\r\n    (keydown.arrowleft)="handleArrowLeft($event, !sub)"\r\n    role="treeitem"\r\n    [attr.aria-expanded]="sub ? (expanded ? \'true\' : \'false\') : null"\r\n    [attr.aria-current]="isActive() && subLevel === 0 ? \'page\' : null"\r\n    [attr.disabled]="disabled && subLevel === 0 ? \'disabled\' : null"\r\n    [attr.aria-disabled]="disabled && subLevel === 0 ? \'true\' : null"\r\n    [attr.tabIndex]="disabled && subLevel === 0 ? \'-1\' : null">\r\n  <div *ngIf="!sub && subLevel !== 0; else childrenTree"\r\n       [id]="id"\r\n       [class]="[\'block\', classes] | makeHtmlList"\r\n       [attr.title]="title ? title : null"\r\n       [attr.disabled]="disabled ? \'disabled\' : null"\r\n\r\n       [attr.role]="role ? role : \'tree\'"\r\n       [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n       [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n       [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n       [attr.aria-disabled]="ariaDisabled ? ariaDisabled : (disabled ? \'true\' : null)"\r\n       [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n       [attr.aria-current]="ariaCurrent ? ariaCurrent : (isActive() ? \'page\' : null)"\r\n       [attr.aria-live]="ariaLive ? ariaLive : null"\r\n       [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n       [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n       [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n       [attr.aria-modal]="ariaModal ? ariaModal : null"\r\n       [attr.tabindex]="tabindex ? tabindex : (disabled ? \'-1\' : null)">\r\n    <ng-container *ngTemplateOutlet="checkbox"></ng-container>\r\n  </div>\r\n</li>\r\n\r\n<ng-template #childrenTree>\r\n  <div *ngIf="sub; else checkbox" class="w-full h-full"\r\n       [ngClass]="{\'c-tree__item--focus\': isFocus && sub, \'c-tree__item--hover\': isHover && sub}"\r\n       (focusin)="handleItemFocus(true)"\r\n       (focusout)="handleItemFocus(false)"\r\n       (mouseover)="handleItemHover(true)"\r\n       (mouseout)="handleItemHover(false)"\r\n       (keydown.home)="handleHome($event)"\r\n       (keydown.end)="handleEnd($event)"\r\n       (keydown.arrowup)="handleArrowUp($event)"\r\n       (keydown.arrowdown)="handleArrowDown($event)"\r\n       (keydown.arrowright)="handleArrowRight($event)"\r\n       (keydown.arrowLeft)="handleArrowLeft($event)">\r\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"\r\n\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.aria-modal]="ariaModal ? ariaModal : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n      <span class="absolute top-3 -left-4 flex items-center w-4 h-2.5 text-primary-base font-bold">\r\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>\r\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>\r\n      </span>\r\n      <ng-container *ngTemplateOutlet="checkbox"></ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *desyCustomInnerContent="{ component: sub }"></ng-container>\r\n</ng-template>\r\n\r\n\x3c!-- Se incorpora el contenido mínimo para funcionar con el objetivo de mejorar el rendimiento --\x3e\r\n<ng-template #hidden>\r\n  <li class="hidden">\r\n    <div #hiddenWrapper>\r\n      <ng-container *ngTemplateOutlet="content"></ng-container>\r\n    </div>\r\n    <ng-container *desyCustomInnerContent="{ component: sub }"></ng-container>\r\n  </li>\r\n</ng-template>\r\n\r\n<ng-template #checkbox>\r\n  \x3c!--\r\n    El *ngIf="name || parentName" se realiza para no crear el checkbox hasta que se ha ejecutado el configureAllItems.\r\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).\r\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\r\n    que el type todavía no se ha transmitido aquí. Como por defecto el type es radio, sólo marcará el último. Posteriormente,\r\n    ya detectará el tipo y permitirá seleccionar varios items, pero hasta entonces existe este problema.\r\n  --\x3e\r\n  <desy-tree-checkbox *ngIf="name || parentName"\r\n                      [name]="name ? name : parentName"\r\n                      [id]="getId()"\r\n                      [value]="value"\r\n                      [classes]="classes"\r\n                      [type]="type"\r\n                      [(checked)]="checked" (checkedChange)="handleCheckboxChange($event)"\r\n                      [hasError]="inheritedHasError"\r\n                      [disabled]="disabled"\r\n                      [hasDividers]="hasDividers"\r\n                      [describedBy]="[inheritedDescribedBy, hint?.id] | makeHtmlList"\r\n                      [isIndeterminate]="isIndeterminate"\r\n                      [(indeterminateChecked)]="indeterminateChecked"\r\n                      (indeterminateCheckedChange)="handleIndeterminateCheckedChange($event)"\r\n\r\n                      [labelComponent]="label"\r\n                      [hintComponent]="hint"\r\n\r\n                      [role]="role"\r\n                      [ariaLabel]="ariaLabel"\r\n                      [ariaDescribedBy]="ariaDescribedBy"\r\n                      [ariaLabelledBy]="ariaLabelledBy"\r\n                      [ariaHidden]="ariaHidden"\r\n                      [ariaDisabled]="ariaDisabled"\r\n                      [ariaControls]="ariaControls"\r\n                      [ariaCurrent]="ariaCurrent"\r\n                      [ariaLive]="ariaLive"\r\n                      [ariaExpanded]="ariaExpanded"\r\n                      [ariaErrorMessage]="ariaErrorMessage"\r\n                      [ariaHasPopup]="ariaHasPopup"\r\n                      [ariaModal]="ariaModal"\r\n                      [tabindex]="tabindex">\r\n    <ng-container *ngTemplateOutlet="content"></ng-container>\r\n  </desy-tree-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #content>\r\n  <div class="font-bold" *ngIf="isActive(); else contentLabel">\r\n    <ng-container *ngTemplateOutlet="contentLabel"></ng-container>\r\n  </div>\r\n  <ng-content select="desy-hint"></ng-content>\r\n</ng-template>\r\n\r\n<ng-template #contentLabel>\r\n  <ng-content select="desy-label"></ng-content>\r\n</ng-template>\r\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([Z("setDefaultIdRecursive")],ve.prototype,"id",void 0),m([T({onSetCallbackName:"overrideSubValues"})],ve.prototype,"sub",void 0),m([T()],ve.prototype,"hint",void 0),m([T()],ve.prototype,"label",void 0);var xe=function(e){function a(a){var r=e.call(this)||this;return r.changeDetector=a,r.expandedFirstLevel=!0,r.decoupleChildFromParent=!1,r.disableDefaultSearch=!1,r.searchMatchValuesChange=new t.EventEmitter,r.rootItems=[],r._itemListCheckedSubscriptions=[],r._itemListQuitFocusSubscriptions=[],r._alreadyConfiguringItems=!1,r}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 r=t.findIndex((function(t){return t===e.currentItem})),n=t.slice(0,r).reverse().find((function(e){return e.subLevel<a}));n&&n.focus()}break;case"firstChild":case"next":if(e.currentItem)(r=t.findIndex((function(t){return t===e.currentItem})))<t.length-1&&t[r+1].focus();break;case"previous":if(e.currentItem)(r=t.findIndex((function(t){return t===e.currentItem})))>0&&t[r-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 r=t.value?t.value:[];a.setChecked(!!r.find((function(e){return e===a.value})),!0)}a.detectChanges();var n=a.checkedChangeForTree.subscribe((function(){return t.updateValueFromItems(a)}));t._itemListCheckedSubscriptions.push(n);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 r=a.getParentKey();if("root"===r)e.rootItems.push(a);else if(r){var n=t[r].sub;n&&n.itemList.push(a)}}));var a=0;this.rootItems.forEach((function(t,r){t.setSubLevel(0),t.setDefaultId(e.idPrefix+"-"+r),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);xe.decorators=[{type:t.Component,args:[{selector:"desy-tree",template:'\r\n<ng-template #innerHtml>\r\n  <ng-content select="desy-hint"></ng-content>\r\n  <ng-content select="desy-error-message"></ng-content>\r\n  <ng-content select="desy-search-bar"></ng-content>\r\n  <ul [class]="[\'c-tree\', classes] | makeHtmlList"\r\n      [attr.role]="role ? role : \'tree\'"\r\n      [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n      [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n      [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n      [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n      [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n      [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n      [attr.aria-live]="ariaLive ? ariaLive : null"\r\n      [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n      [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n      [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n      [attr.aria-modal]="ariaModal ? ariaModal : null"\r\n      [attr.tabindex]="tabindex ? tabindex : null">\r\n    <ng-content></ng-content>\r\n  </ul>\r\n</ng-template>\r\n\r\n\x3c!-- tree --\x3e\r\n<div [class]="[\'c-form-group\', formGroupClasses] | makeHtmlList"\r\n     [ngClass]="{\'c-form-group--error\': (hasErrorsMessage() || formGroupClasses === \'c-form-group--error\') }">\r\n  <ng-container *ngIf="hasFieldsetComponent(); else innerHtml">\r\n    <ng-content select="desy-fieldset"></ng-content>\r\n  </ng-container>\r\n</div>\r\n',providers:[{provide:a.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return xe})),multi:!0}]}]}],xe.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},xe.propDecorators={idPrefix:[{type:t.Input}],classes:[{type:t.Input}],formGroupClasses:[{type:t.Input}],name:[{type:t.Input}],type:[{type:t.Input}],describedBy:[{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([Z("onSearchMatchValuesChange")],xe.prototype,"searchMatchValues",void 0),m([Z("configureAllItems")],xe.prototype,"allItems",void 0),m([T({onSetCallbackName:"overrideFieldsetParams"})],xe.prototype,"fieldsetComponent",void 0),m([T({onSetCallbackName:"overrideSearchBarParams"})],xe.prototype,"searchBarComponent",void 0);var Ie=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),r=a.next();!r.done;r=a.next()){var n=r.value;n.value===this.value&&(n.conditionalHtml=this.templateRef)}}catch(t){e={error:t}}finally{try{r&&!r.done&&(t=a.return)&&t.call(a)}finally{if(e)throw e.error}}},e}();Ie.decorators=[{type:t.Directive,args:[{selector:"[desyCondition]"}]}],Ie.ctorParameters=function(){return[{type:t.TemplateRef}]},Ie.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>\r\n  <ng-container *ngIf="items && itemTemplate">\r\n    <ng-container *ngFor="let item of items">\r\n      <ng-container *ngTemplateOutlet="itemTemplate; context: {item: item}"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\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}(v);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}(v);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 we=function(e){function a(a){var r=e.call(this)||this;return r.changeDetectorRef=a,r.closeModal=new t.EventEmitter,r.clickButton=new t.EventEmitter,r.hasIconContent=!0,r.descriptionIsHtml=!0,r.descriptionIsEmpty=!1,r}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,r=!1,n=0;n<t.length&&!a;n++){var i=t.item(n);i.nodeType===Node.TEXT_NODE&&i.textContent.length>0?r=!0:i.nodeType!==Node.ELEMENT_NODE&&i.nodeType!==Node.CDATA_SECTION_NODE||(a=!0,r=!0)}this.descriptionIsEmpty;this.descriptionIsEmpty=!r,this.descriptionIsHtml=a,this.changeDetectorRef.detectChanges()},a.prototype.clickButtonEmit=function(e,t){this.clickButton.emit(t),(e instanceof Le||e instanceof Ee)&&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}(C);we.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"\r\n     [attr.id]="id ? id : null"\r\n     [attr.role]="role"\r\n     [attr.aria-describedby]="ariaDescribedBy"\r\n     [attr.aria-errormessage]="ariaErrorMessage"\r\n     [attr.aria-label]="ariaLabel"\r\n     [attr.aria-labelledby]="ariaLabelledBy"\r\n     [attr.aria-hidden]="ariaHidden"\r\n     [attr.aria-disabled]="ariaDisabled"\r\n     [attr.aria-controls]="ariaControls"\r\n     [attr.aria-current]="ariaCurrent"\r\n     [attr.aria-live]="ariaLive"\r\n     [attr.aria-expanded]="ariaExpanded"\r\n     [attr.aria-haspopup]="ariaHasPopup"\r\n     [attr.tabindex]="tabindex">\r\n  <div *ngIf="iconComponent || icon" class="flex justify-center p-base">\r\n    <ng-container *desyCustomInnerContent="{ component: iconComponent, html: icon ? icon.html : null }"></ng-container>\r\n    <ng-container *ngIf="!hasIconContent">\r\n      <ng-container [ngSwitch]="getType()">\r\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>\r\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>\r\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>\r\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>\r\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>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <ng-container [ngSwitch]="headingLevel > 0 && headingLevel < 6 ? headingLevel : 2">\r\n    <h1 *ngSwitchCase="1" [attr.id]="\'label-\' + id" [class]="getTitleClasses()" tabindex="-1">\r\n      <ng-container *desyCustomInnerContent="{\r\n        component: this.titleComponent,\r\n        html: this.title ? this.title.html : null,\r\n        text: this.title ? this.title.text : null\r\n      }"></ng-container>\r\n    </h1>\r\n    <h2 *ngSwitchCase="2" [attr.id]="\'label-\' + id" [class]="getTitleClasses()" tabindex="-1">\r\n      <ng-container *desyCustomInnerContent="{\r\n        component: this.titleComponent,\r\n        html: this.title ? this.title.html : null,\r\n        text: this.title ? this.title.text : null\r\n      }"></ng-container>\r\n    </h2>\r\n    <h3 *ngSwitchCase="3" [attr.id]="\'label-\' + id" [class]="getTitleClasses()" tabindex="-1">\r\n      <ng-container *desyCustomInnerContent="{\r\n        component: this.titleComponent,\r\n        html: this.title ? this.title.html : null,\r\n        text: this.title ? this.title.text : null\r\n      }"></ng-container>\r\n    </h3>\r\n    <h4 *ngSwitchCase="4" [attr.id]="\'label-\' + id" [class]="getTitleClasses()" tabindex="-1">\r\n      <ng-container *desyCustomInnerContent="{\r\n        component: this.titleComponent,\r\n        html: this.title ? this.title.html : null,\r\n        text: this.title ? this.title.text : null\r\n      }"></ng-container>\r\n    </h4>\r\n    <h5 *ngSwitchCase="5" [attr.id]="\'label-\' + id" [class]="getTitleClasses()" tabindex="-1">\r\n      <ng-container *desyCustomInnerContent="{\r\n        component: this.titleComponent,\r\n        html: this.title ? this.title.html : null,\r\n        text: this.title ? this.title.text : null\r\n      }"></ng-container>\r\n    </h5>\r\n  </ng-container>\r\n\r\n  <div *ngIf="descriptionIsHtml" [class]="getDescriptionClasses()"\r\n       (desyContentChange)="checkDescriptionContent($event)" [observeProperties]="{ attributes: false, childList: true, characterData: true, subtree: true }">\r\n    <ng-container *desyCustomInnerContent="{\r\n      component: descriptionComponent,\r\n      html: description ? description.html : null,\r\n      text: description ? description.text : null\r\n    }"></ng-container>\r\n  </div>\r\n  <p *ngIf="!descriptionIsHtml" [class]="getDescriptionClasses()"\r\n     (desyContentChange)="checkDescriptionContent($event)" [observeProperties]="{ attributes: false, childList: true, characterData: true, subtree: true }">\r\n    <ng-container *desyCustomInnerContent="{\r\n      component: descriptionComponent,\r\n      html: description ? description.html : null,\r\n      text: description ? description.text : null\r\n    }"></ng-container>\r\n  </p>\r\n\r\n  <div *ngIf="contentComponent || caller" class="p-base">\r\n    <ng-container *desyCustomInnerContent="{ component: contentComponent, template: caller }"></ng-container>\r\n  </div>\r\n\r\n  <div class="flex flex-wrap gap-sm w-full" [ngClass]="(itemsPrimary || (primaryButtonComponents && primaryButtonComponents.length > 0)) && (itemsSecondary || (secondaryButtonComponents && secondaryButtonComponents.length > 0)) ? \'justify-between\' : \'justify-center\'">\r\n    <ng-template #buttons let-items="items">\r\n      <ng-container *ngIf="items">\r\n        <div class="mt-sm" *ngIf="items.length === 1">\r\n          <desy-button (clickEvent)="clickButtonEmit(items[0], $event)" [classes]="items[0].classes">\r\n            <ng-container *desyCustomInnerContent="{ component: items[0], text: items[0].text }"></ng-container>\r\n          </desy-button>\r\n        </div>\r\n\r\n        \x3c!-- FIXME De momento se mantiene el nbsp por no tener clases diferentes a desy-html.\r\n              Eliminar al adaptar a una versión de desy-html que lo contemple --\x3e\r\n        <ul class="flex flex-wrap gap-sm" *ngIf="items.length > 1">\r\n          <ng-container *ngFor="let item of items">\r\n            <li>\r\n              <desy-button (clickEvent)="clickButtonEmit(item, $event)" [classes]="item.classes">\r\n                <ng-container *desyCustomInnerContent="{ component: item, text: item.text }"></ng-container>\r\n              </desy-button>\r\n            </li>&nbsp;\r\n          </ng-container>\r\n        </ul>\r\n      </ng-container>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet="buttons; context: { items: getPrimaryItems() }"></ng-container>\r\n    <ng-container *ngTemplateOutlet="buttons; context: { items: getSecondaryItems() }"></ng-container>\r\n  </div>\r\n\r\n  <ng-container *ngIf="isDismissible">\r\n    <div class="absolute top-0 right-0 p-sm lg:p-base">\r\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">\r\n        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4" aria-hidden="true" role="presentation"><path d="M85.91 71.77a2.5 2.5 0 010-3.54l46.16-46.16a10 10 0 10-14.14-14.14L71.77 54.09a2.5 2.5 0 01-3.54 0L22.07 7.93A10 10 0 007.93 22.07l46.16 46.16a2.5 2.5 0 010 3.54L7.93 117.93a10 10 0 0014.14 14.14l46.16-46.16a2.5 2.5 0 013.54 0l46.16 46.16a10 10 0 0014.14-14.14z" fill="currentColor"/></svg>\r\n      </button>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n'}]}],we.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},we.propDecorators={title:[{type:t.Input}],description:[{type:t.Input}],itemsPrimary:[{type:t.Input}],itemsSecondary:[{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:[R]}],contentComponent:[{type:t.ContentChildren,args:[O]}],primaryButtonComponents:[{type:t.ContentChildren,args:[Le]}],secondaryButtonComponents:[{type:t.ContentChildren,args:[Ee]}],iconComponent:[{type:t.ContentChildren,args:[A]}]},m([T()],we.prototype,"titleComponent",void 0),m([T()],we.prototype,"descriptionComponent",void 0),m([T()],we.prototype,"contentComponent",void 0),m([T()],we.prototype,"iconComponent",void 0);var ke=0,He=function(e){function a(a,r,n){var i=e.call(this)||this;return i.cdRef=a,i.focusTrapFactory=r,i.factoryResolver=n,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===ke?document.body.classList.add(a.DIALOG_OPEN_CLASS):this.active||1!==ke||(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()})),ke++;else this.focusTrap.destroy(),(t=this.focusOnClose?"string"==typeof this.focusOnClose?document.getElementById(this.focusOnClose):this.focusOnClose:w.getFirstFocusableElement())&&setTimeout((function(){return t.focus()})),ke--;setTimeout((function(){return e.clickOutsideEnabled=e.active}))}},a.prototype.handleClickOutside=function(){this.dismissOnBackdrop&&this.dismiss()},a}(C);He.DIALOG_OPEN_CLASS="has-dialog",He.KEY_CODE_ESC="Escape",He.decorators=[{type:t.Component,args:[{selector:"desy-dialog",template:'<div class="dialog-backdrop" [ngClass]="{\'active\': active}"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.aria-modal]="ariaModal ? ariaModal : null">\r\n  <div #focusTrapWrapper [id]="id" [class]="classes"\r\n       [desyClickOutside]="clickOutsideEnabled" (clickOutside)="handleClickOutside()" [desyClickOutsideElem]="childElem">\r\n    <ng-template #container></ng-template>\r\n    <ng-container *ngTemplateOutlet="caller"></ng-container>\r\n  </div>\r\n</div>\r\n'}]}],He.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:n.ConfigurableFocusTrapFactory},{type:t.ComponentFactoryResolver}]},He.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}],classes:[{type:t.Input}],focusOnClose:[{type:t.Input}],dismissOnBackdrop:[{type:t.Input}],onKeyUp:[{type:t.HostListener,args:["document:keyup",["$event"]]}]};var Me=function(){function e(e,t,a){this.factoryResolver=e,this.defaultInjector=t,this.appRef=a}return e.prototype.openDialog=function(e,a){var r=this;return new Promise((function(n,i){e||i("caller is required"),a||i("dialogOptions is required");var l=r.createDialog(a),s={dialog:l};e instanceof t.Type?(l.instance.callerType=e,l.instance.onCallerCreationCallback=function(e,t){s.component=t,n(s)}):e instanceof t.TemplateRef?(l.instance.caller=e,n(s)):(l.instance.callerType=we,l.instance.onCallerCreationCallback=function(t,a){r.initModal(t,a,e),s.component=a,n(s)})}))},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 r=(e instanceof t.ComponentRef?e.instance:e).activeChange.subscribe((function(){a(),r.unsubscribe()}))}))},e.prototype.createDialog=function(e){var t,a=this.factoryResolver.resolveComponentFactory(He);if(e.rootViewContainer)t=e.rootViewContainer.createComponent(a);else{t=a.create(this.defaultInjector),this.appRef.attachView(t.hostView);var r=t.hostView.rootNodes[0];document.body.appendChild(r)}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 r=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 n=t.instance.closeModal.subscribe((function(){r.closeDialog(e),n.unsubscribe()}))},e}();Me.ɵprov=p.ɵɵdefineInjectable({factory:function(){return new Me(p.ɵɵinject(p.ComponentFactoryResolver),p.ɵɵinject(p.INJECTOR),p.ɵɵinject(p.ApplicationRef))},token:Me,providedIn:"root"}),Me.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],Me.ctorParameters=function(){return[{type:t.ComponentFactoryResolver},{type:t.Injector},{type:t.ApplicationRef}]};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-breadcrumbs-item",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n"}]}],Be.propDecorators={id:[{type:t.Input}],routerLink:[{type:t.Input}]};var Te=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);Te.decorators=[{type:t.Component,args:[{selector:"desy-breadcrumbs",template:'<nav [class]="(classes ? \'c-breadcrumbs \' + classes : \'c-breadcrumbs\') + (collapseOnMobile==true ? \' \' + \'c-breadcrumbs--collapse-on-mobile\' : \'\')"\r\n    [attr.id]="id ? id : null"\r\n    [attr.role]="role"\r\n    [attr.aria-describedby]="ariaDescribedBy"\r\n    [attr.aria-errormessage]="ariaErrorMessage"\r\n    [attr.aria-label]="ariaLabel ? ariaLabel : \'Estás en: \'"\r\n    [attr.aria-labelledby]="ariaLabelledBy"\r\n    [attr.aria-hidden]="ariaHidden"\r\n    [attr.aria-disabled]="ariaDisabled"\r\n    [attr.aria-controls]="ariaControls"\r\n    [attr.aria-current]="ariaCurrent"\r\n    [attr.aria-live]="ariaLive"\r\n    [attr.aria-expanded]="ariaExpanded"\r\n    [attr.aria-haspopup]="ariaHasPopup"\r\n    [attr.tabindex]="tabindex">\r\n    <ol [class]="\'lg:grid lg:grid-cols-max-content-\'+getLength()+\' w-full items-baseline text-sm\'">\r\n        <li *ngIf="hasBackButton" class="c-breadcrumbs__backbutton flex items-baseline font-bold text-primary-base">\r\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">\r\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>\r\n            </a>\r\n        </li>\r\n        <ng-container *ngFor="let item of getItemList(); last as isLast; index as index">\r\n            <li *ngIf="!isLast" class="flex items-baseline mb-sm py-xs text-neutral-dark"  [ngClass]="{\'hover:text-black\' : item.routerLink}">\r\n                <a *ngIf="item.routerLink" class="underline focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black truncate"\r\n                    [routerLink]="item.routerLink"\r\n                    [attr.id]="item.id ? item.id : null"\r\n                    [attr.role]="item.role"\r\n                    [attr.aria-describedby]="item.ariaDescribedBy"\r\n                    [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                    [attr.aria-label]="item.ariaLabel"\r\n                    [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                    [attr.aria-hidden]="item.ariaHidden"\r\n                    [attr.aria-disabled]="item.ariaDisabled"\r\n                    [attr.aria-controls]="item.ariaControls"\r\n                    [attr.aria-current]="item.ariaCurrent"\r\n                    [attr.aria-live]="item.ariaLive"\r\n                    [attr.aria-expanded]="item.ariaExpanded"\r\n                    [attr.aria-haspopup]="item.ariaHasPopup"\r\n                    [attr.tabindex]="item.tabindex">\r\n                  <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n                </a>\r\n                <span *ngIf="!item.routerLink" class="no-underline truncate"\r\n                      [attr.id]="item.id ? item.id : null"\r\n                      [attr.role]="item.role"\r\n                      [attr.aria-describedby]="item.ariaDescribedBy"\r\n                      [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                      [attr.aria-label]="item.ariaLabel"\r\n                      [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                      [attr.aria-hidden]="item.ariaHidden"\r\n                      [attr.aria-disabled]="item.ariaDisabled"\r\n                      [attr.aria-controls]="item.ariaControls"\r\n                      [attr.aria-current]="item.ariaCurrent"\r\n                      [attr.aria-live]="item.ariaLive"\r\n                      [attr.aria-expanded]="item.ariaExpanded"\r\n                      [attr.aria-haspopup]="item.ariaHasPopup"\r\n                      [attr.tabindex]="item.tabindex">\r\n                  <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n                </span>\r\n            </li>\r\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}">\r\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"\r\n                    aria-current="page" [routerLink]="item.routerLink"\r\n                    [attr.id]="item.id ? item.id : null"\r\n                    [attr.role]="item.role"\r\n                    [attr.aria-describedby]="item.ariaDescribedBy"\r\n                    [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                    [attr.aria-label]="item.ariaLabel"\r\n                    [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                    [attr.aria-hidden]="item.ariaHidden"\r\n                    [attr.aria-disabled]="item.ariaDisabled"\r\n                    [attr.aria-controls]="item.ariaControls"\r\n                    [attr.aria-live]="item.ariaLive"\r\n                    [attr.aria-expanded]="item.ariaExpanded"\r\n                    [attr.aria-haspopup]="item.ariaHasPopup"\r\n                    [attr.tabindex]="item.tabindex">\r\n                  <strong>\r\n                    <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n                  </strong>\r\n                </a>\r\n                <span *ngIf="!item.routerLink" class="no-underline text-black truncate" aria-current="page"\r\n                    [attr.id]="item.id ? item.id : null"\r\n                    [attr.role]="item.role"\r\n                    [attr.aria-describedby]="item.ariaDescribedBy"\r\n                    [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                    [attr.aria-label]="item.ariaLabel"\r\n                    [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                    [attr.aria-hidden]="item.ariaHidden"\r\n                    [attr.aria-disabled]="item.ariaDisabled"\r\n                    [attr.aria-controls]="item.ariaControls"\r\n                    [attr.aria-live]="item.ariaLive"\r\n                    [attr.aria-expanded]="item.ariaExpanded"\r\n                    [attr.aria-haspopup]="item.ariaHasPopup"\r\n                    [attr.tabindex]="item.tabindex">\r\n                  <strong>\r\n                    <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n                  </strong>\r\n                </span>\r\n            </li>\r\n        </ng-container>\r\n    </ol>\r\n</nav>\r\n'}]}],Te.ctorParameters=function(){return[{type:i.Location}]},Te.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:[Be]}]};var Pe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Pe.decorators=[{type:t.Component,args:[{selector:"desy-header-offcanvas-close-button",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}];var Se=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);Se.decorators=[{type:t.Component,args:[{selector:"desy-header-offcanvas-button",template:'<ng-template #contentTemplate>\r\n  <button id="header-offcanvas-button" tabindex="0" aria-haspopup="true"\r\n          class="inline-flex items-center px-3 py-4 text-sm text-white focus:outline-none focus:shadow-outline-warning"\r\n          (click)="handleClick($event)">\r\n    <span id="header-offcanvas-button-text" class="inline-block align-middle text-right">\r\n      <ng-content></ng-content>\r\n    </span>\r\n    <svg role="img" aria-label="Cerrado" class="inline-block align-middle" viewBox="0 0 96 96" fill="currentColor" width="1.5em" height="1.5em"><g><path d="M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z"/></g></svg>\r\n  </button>\r\n</ng-template>\r\n\r\n'}]}];var Oe=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(r){switch(r.label){case 0:return this.isOpen()?[3,2]:(t=this,[4,this.dialogService.openDialog(this.offcanvasContent,e.dialogOptions)]);case 1:t.dialog=r.sent().dialog,this.dialogService.onCloseDialog(this.dialog).then((function(){return a.dialog=null})),r.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}();Oe.dialogOptions={id:"header-offcanvas-dialog",focusOnClose:"header-offcanvas-button",ariaModal:"true",ariaLabelledBy:"header-offcanvas-button-text",role:"dialog"},Oe.decorators=[{type:t.Component,args:[{selector:"desy-header-offcanvas",template:'\r\n<ng-template #offcanvasContent>\r\n  <div class="origin-top-left left-0 fixed inset-0 h-screen">\r\n    <div class="h-full overflow-auto relative w-offcanvas h-screen ml-offcanvas-negative bg-white z-10"\r\n         [desyClickOutside]="isOpen()" (clickOutside)="close()">\r\n      <div class="text-right p-sm">\r\n        <button (click)="close()" id="header-offcanvas-button-close" class="c-button c-button--sm c-button--transparent m-sm">\r\n          <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>\r\n        </button>\r\n      </div>\r\n      <ng-container *desyCustomInnerContent="{ component: content }"></ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-container *desyCustomInnerContent="{ component: button }"></ng-container>\r\n'}]}],Oe.ctorParameters=function(){return[{type:Me}]},Oe.propDecorators={classes:[{type:t.Input}],hostClass:[{type:t.HostBinding,args:["class"]}],offcanvasContent:[{type:t.ViewChild,args:["offcanvasContent"]}],button:[{type:t.ContentChildren,args:[Se]}],content:[{type:t.ContentChildren,args:[O]}],closeButton:[{type:t.ContentChildren,args:[Pe]}]},m([Z("setHostClass")],Oe.prototype,"classes",void 0),m([T({onSetCallbackName:"bindButton"})],Oe.prototype,"button",void 0),m([T()],Oe.prototype,"content",void 0),m([T()],Oe.prototype,"closeButton",void 0);var Re=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Re.decorators=[{type:t.Component,args:[{selector:"desy-header-navigation-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Re.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 Ae=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",r=t>0?"-"+t:"";return e.id?e.id:a+r},t.prototype.getItems=function(){return this.itemComponents&&this.itemComponents.length>0?this.itemComponents.toArray():this.items},t}(C);Ae.decorators=[{type:t.Component,args:[{selector:"desy-header-navigation",template:'<nav [class]="classes ? classes : \'hidden lg:block\'"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ul class="ml-sm flex flex-wrap items-baseline uppercase">\r\n    <ng-container *ngFor="let item of getItems(); index as i">\r\n      <li *ngIf="item">\r\n\r\n        \x3c!-- Active + routerlink --\x3e\r\n        <a *ngIf="item.active && (item.routerLink || !item.href)" [id]="getItemId(item, i)" [routerLink]="item.routerLink" [fragment]="item.fragment"\r\n           class="max-w-40 lg:max-w-xs px-3 py-4 font-bold text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base" aria-current="page">\r\n          <strong>\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n          </strong>\r\n        </a>\r\n\r\n        \x3c!-- Active + href --\x3e\r\n        <a *ngIf="item.active && !item.routerLink && item.href" [id]="getItemId(item, i)" [href]="item.href"\r\n           class="max-w-40 lg:max-w-xs px-3 py-4 font-bold text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base" aria-current="page">\r\n          <strong>\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n          </strong>\r\n        </a>\r\n\r\n        \x3c!-- Not active + routerlink --\x3e\r\n        <a *ngIf="!item.active && (item.routerLink || !item.href)" [id]="getItemId(item, i)" [routerLink]="item.routerLink" [fragment]="item.fragment"\r\n           [ngClass]="{\'opacity-50 pointer-events-none\': item.disabled}"\r\n           class="max-w-40 lg:max-w-xs px-3 py-4 text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base"\r\n           [attr.disabled]="item.disabled ? item.disabled : null" [attr.aria-disabled]="item.disabled ? item.disabled : null" [attr.tabindex]="item.disabled ? -1 : null">\r\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n        </a>\r\n\r\n        \x3c!-- Not active + href --\x3e\r\n        <a *ngIf="!item.active && !item.routerLink && item.href" [id]="getItemId(item, i)" [href]="item.href"\r\n           [ngClass]="{\'opacity-50 pointer-events-none\': item.disabled}"\r\n           class="max-w-40 lg:max-w-xs px-3 py-4 text-sm text-white truncate focus:outline-none focus:ring-4 focus:ring-inset focus:ring-warning-base"\r\n           [attr.disabled]="item.disabled ? item.disabled : null" [attr.aria-disabled]="item.disabled ? item.disabled : null" [attr.tabindex]="item.disabled ? -1 : null">\r\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</nav>\r\n'}]}],Ae.propDecorators={idPrefix:[{type:t.Input}],classes:[{type:t.Input}],items:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[Re]}]};var Fe=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);Fe.decorators=[{type:t.Component,args:[{selector:"desy-nav-item",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],Fe.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 Ne=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 Fe&&e.activeChange.emit(e.active)})),this.clickEvent.emit({item:t,event:e}),t instanceof Fe&&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(),r=t-1;r>=0&&!this.isFocusableItem(a[r]);)r--;if(r<a.length){var n=document.getElementById(this.getItemId(a[r],r));n&&n.focus()}},a.prototype.moveNext=function(e,t){e.preventDefault();for(var a=this.getItemList(),r=t+1;r<a.length&&!this.isFocusableItem(a[r]);)r++;if(r<a.length){var n=document.getElementById(this.getItemId(a[r],r));n&&n.focus()}},a.prototype.simulateClick=function(e,t,a){e.preventDefault();var r=document.getElementById(this.getItemId(t,a));null==r||r.click()},a.prototype.isFocusableItem=function(e){return!e.active&&!e.disabled},a}(C);Ne.decorators=[{type:t.Component,args:[{selector:"desy-nav",template:'<ng-template #innerHtml>\r\n  <ng-container *ngFor="let item of getItemList(); index as i">\r\n    <li>\r\n        <span *ngIf="item.active"\r\n               [class]="[\'flex items-center px-base py-sm font-semibold\', item.classes] | makeHtmlList"\r\n               [attr.id]="getItemId(item, i)"\r\n               [attr.title]="item.title ? item.title : null"\r\n               [attr.role]="item.role ? item.role : null"\r\n               [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n               [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n               [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n               [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n               [attr.aria-disabled]="item.disabled ? item.disabled : null"\r\n               [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n               [attr.aria-current]="hasNav ? \'true\' : \'page\'"\r\n               [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n               [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n               [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n               [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n               [attr.tabindex]="item.tabindex"\r\n               (click)="onClick($event, item)">\r\n              <strong>\r\n                  <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n              </strong>\r\n          </span>\r\n          <a *ngIf="!item.active && item.href"\r\n             [href]="item.href | externalHref" [target]="item.target"\r\n             [class]="[\'flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\r\n             [ngClass]="{\'pointer-events-none\': item.disabled}"\r\n             [attr.aria-disabled]="item.disabled ? \'true\' : null"\r\n             [attr.tabindex]="item.disabled ? -1 : item.tabindex"\r\n             [attr.id]="getItemId(item, i)"\r\n             [attr.title]="item.title ? item.title : null"\r\n             [attr.role]="item.role ? item.role : null"\r\n             [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n             [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n             [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n             [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n             [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n             [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n             [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n             [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n             [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n             [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n             (keydown.arrowUp)="movePrevious($event, i)"\r\n             (keydown.arrowDown)="moveNext($event, i)"\r\n             (click)="onClick($event, item)"\r\n             (keydown.space)="simulateClick($event, item, i)"\r\n             (keydown.enter)="simulateClick($event, item, i)">\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\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>\r\n          </a>\r\n          <a *ngIf="!item.active && !item.href"\r\n               [routerLink]="item.routerLink" [fragment]="item.fragment"\r\n               [class]="[\'flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\r\n               [ngClass]="{\'pointer-events-none\': item.disabled}"\r\n               [attr.aria-disabled]="item.disabled ? \'true\' : null"\r\n               [attr.tabindex]="item.disabled ? -1 : item.tabindex"\r\n               [attr.id]="getItemId(item, i)"\r\n               [attr.title]="item.title ? item.title : null"\r\n               [attr.role]="item.role ? item.role : null"\r\n               [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n               [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n               [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n               [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n               [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n               [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n               [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n               [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n               [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n               [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n               (keydown.arrowUp)="movePrevious($event, i)"\r\n               (keydown.arrowDown)="moveNext($event, i)"\r\n               (click)="onClick($event, item)"\r\n               (keydown.space)="simulateClick($event, item, i)"\r\n               (keydown.enter)="simulateClick($event, item, i)">\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\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>\r\n          </a>\r\n    </li>\r\n    <li *ngIf="item.divider" class="my-sm border-b border-neutral-base" aria-hidden="true">\r\n        <div class="sr-only">Separador</div>\r\n    </li>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n\r\n<ul *ngIf="!hasNav; else wrapIntoNav"\r\n    [class]="[\'text-sm\', classes] | makeHtmlList"\r\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n    [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n    [attr.aria-live]="ariaLive ? ariaLive : null"\r\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n    [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\r\n</ul>\r\n<ng-template #wrapIntoNav>\r\n  <nav [class]="[\'text-sm\', classes] | makeHtmlList"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.tabindex]="tabindex ? tabindex : null">\r\n    <ul>\r\n      <ng-container *ngTemplateOutlet="innerHtml"></ng-container>\r\n    </ul>\r\n  </nav>\r\n</ng-template>\r\n'}]}],Ne.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:[Fe]}]};var Ve=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);Ve.decorators=[{type:t.Component,args:[{selector:"desy-header-subnav",template:'<ng-template #templateNav>\r\n  <ng-content select="desy-nav"></ng-content>\r\n</ng-template>\r\n\r\n<ng-template #templateContent>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n<div class="hidden lg:flex items-center" *ngIf="hasSubnavItems(); else noItems">\r\n  <div class="ml-3 py-2 relative border-r border-l border-neutral-base">\r\n    <p class="sr-only">Aplicación actual: </p>\r\n    <desy-dropdown [hiddenText]="hiddenText"\r\n                   [classesContainer]="classesContainer"\r\n                   [classesTooltip]="classesTooltip"\r\n                   [classes]="classes ? classes : \'c-dropdown--header\'"\r\n                   [caller]="caller"\r\n\r\n                   [role]="role"\r\n                   [ariaLabel]="ariaLabel"\r\n                   [ariaDescribedBy]="ariaDescribedBy"\r\n                   [ariaLabelledBy]="ariaLabelledBy"\r\n                   [ariaHidden]="ariaHidden"\r\n                   [ariaDisabled]="ariaDisabled"\r\n                   [ariaControls]="ariaControls"\r\n                   [ariaCurrent]="ariaCurrent"\r\n                   [ariaLive]="ariaLive"\r\n                   [ariaExpanded]="ariaExpanded"\r\n                   [ariaErrorMessage]="ariaErrorMessage"\r\n                   [ariaHasPopup]="ariaHasPopup"\r\n                   [tabindex]="tabindex">\r\n      <ng-container *ngTemplateOutlet="templateContent"></ng-container>\r\n      <ng-template #caller>\r\n        <ng-container *ngTemplateOutlet="templateNav"></ng-container>\r\n      </ng-template>\r\n    </desy-dropdown>\r\n  </div>\r\n</div>\r\n<ng-template #noItems>\r\n  <p class="hidden lg:inline-block align-middle ml-4 px-3 py-4 border-r border-l border-neutral-base text-sm text-white">\r\n    <span class="sr-only">Aplicación actual: </span>\r\n    <ng-container *ngTemplateOutlet="templateContent"></ng-container>\r\n  </p>\r\n</ng-template>\r\n\r\n\r\n'}]}],Ve.propDecorators={hiddenText:[{type:t.Input}],classesContainer:[{type:t.Input}],classesTooltip:[{type:t.Input}],classes:[{type:t.Input}],nav:[{type:t.ContentChildren,args:[Ne]}]},m([T({onSetCallbackName:"overrideNavParams"})],Ve.prototype,"nav",void 0);var ze=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);ze.decorators=[{type:t.Component,args:[{selector:"desy-header-dropdown",template:'<div class="ml-4 flex items-center lg:ml-6">\r\n  <div class="ml-3 relative">\r\n    <desy-dropdown [hiddenText]="hiddenText"\r\n                   [classesContainer]="classesContainer ? classesContainer : \'hidden lg:block\'"\r\n                   [classesTooltip]="classesTooltip"\r\n                   [classes]="classes ? classes : \'c-dropdown--header\'"\r\n                   [caller]="caller"\r\n\r\n                   [role]="role"\r\n                   [ariaLabel]="ariaLabel"\r\n                   [ariaDescribedBy]="ariaDescribedBy"\r\n                   [ariaLabelledBy]="ariaLabelledBy"\r\n                   [ariaHidden]="ariaHidden"\r\n                   [ariaDisabled]="ariaDisabled"\r\n                   [ariaControls]="ariaControls"\r\n                   [ariaCurrent]="ariaCurrent"\r\n                   [ariaLive]="ariaLive"\r\n                   [ariaExpanded]="ariaExpanded"\r\n                   [ariaErrorMessage]="ariaErrorMessage"\r\n                   [ariaHasPopup]="ariaHasPopup"\r\n                   [tabindex]="tabindex">\r\n      <ng-content></ng-content>\r\n    </desy-dropdown>\r\n    <ng-template #caller>\r\n      <ng-container *desyCustomInnerContent="{ component: contentComponent, template: templateNav }"></ng-container>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #templateNav>\r\n  <ng-content select="desy-nav"></ng-content>\r\n</ng-template>\r\n'}]}],ze.propDecorators={hiddenText:[{type:t.Input}],classesContainer:[{type:t.Input}],classesTooltip:[{type:t.Input}],classes:[{type:t.Input}],nav:[{type:t.ContentChildren,args:[Ne]}],contentComponent:[{type:t.ContentChildren,args:[O]}]},m([T({onSetCallbackName:"overrideNavParams"})],ze.prototype,"nav",void 0),m([T()],ze.prototype,"contentComponent",void 0);var _e=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);_e.decorators=[{type:t.Component,args:[{selector:"desy-skip-link",template:'<a *ngIf="hasContent"\r\n   [routerLink]="[]" [fragment]="fragment ? fragment : \'content\'"\r\n   [class]="getClassNames()"\r\n   [attr.id]="id ? id : null"\r\n   [attr.role]="role ? role : null"\r\n   [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n   [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n   [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n   [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n   [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n   [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n   [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n   [attr.aria-live]="ariaLive ? ariaLive : null"\r\n   [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n   [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n   [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n   [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-content></ng-content>\r\n</a>\r\n\r\n<a *ngIf="!hasContent"\r\n   [routerLink]="[]" [fragment]="fragment ? fragment : \'content\'"\r\n   [class]="getClassNames()"\r\n   [attr.id]="id ? id : null"\r\n   [attr.role]="role ? role : null"\r\n   [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n   [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n   [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n   [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n   [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n   [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n   [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n   [attr.aria-live]="ariaLive ? ariaLive : null"\r\n   [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n   [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n   [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n   [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-container *desyCustomInnerContent="{ html: html, text: text }"></ng-container>\r\n</a>\r\n'}]}],_e.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},_e.propDecorators={html:[{type:t.Input}],text:[{type:t.Input}],fragment:[{type:t.Input}],classes:[{type:t.Input}],id:[{type:t.Input}]};var $e=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);$e.decorators=[{type:t.Component,args:[{selector:"desy-header",template:'<header [ngClass]="classes"\r\n        [attr.role]="role ? role : null"\r\n        [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n        [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n        [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n        [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n        [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n        [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n        [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n        [attr.aria-live]="ariaLive ? ariaLive : null"\r\n        [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n        [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n        [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n        [attr.tabindex]="tabindex ? tabindex : null">\r\n  <div [ngClass]="containerClasses">\r\n    <nav [attr.aria-labelledby]="skiplinkComponent ? skiplinkComponent.id : \'skip-link\'">\r\n      <ng-content select="desy-skip-link"></ng-content>\r\n      <desy-skip-link *ngIf="!skiplinkComponent" text="Saltar al contenido principal" [id]="\'skip-link\'"></desy-skip-link>\r\n    </nav>\r\n    <div class="flex h-1 bg-red-700">\r\n      <div class="flex-auto bg-yellow-300 h-full"></div>\r\n      <div class="flex-auto bg-red-500 h-full"></div>\r\n      <div class="flex-auto bg-red-800 h-full"></div>\r\n    </div>\r\n    <div class="bg-black">\r\n      <div class="container mx-auto px-base">\r\n        <div class="flex items-center justify-between min-h-14">\r\n          <div class="flex flex-wrap items-center">\r\n            <div class="flex items-center flex-shrink-0">\r\n              <a *ngIf="homepageRouterLink || !homepageUrl" [routerLink]="homepageRouterLink" [fragment]="homepageFragment" class="text-white focus:outline-none focus:shadow-outline-warning" title="Ir a la página de inicio">\r\n                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.878 51.894" width="144" height="32" [ngClass]="{\'sm:block\': expandedLogo}" class="fill-current hidden" aria-label="Gobierno de Aragón" role="img"><title>Ir a la página de inicio</title><path data-name="img" d="M51.89 51.892H0V0h51.89zm-2.5-2.494v-8.96L38.906 42.33a17.743 17.743 0 01-3.136.278 18.211 18.211 0 01-9.225-2.517 21.42 21.42 0 00-9.317-2.082 20.786 20.786 0 00-4.9.571c-.743.15-1.526.292-2.282.429l-.125.023-.613.112-4.928.913-1.875.382V48.934l1.527-.247 22.517-4.133a17.458 17.458 0 013.236-.3 18.06 18.06 0 017.317 1.527l5.442 2.854a9.431 9.431 0 002.372.679 7.837 7.837 0 001.147.083h.029a16 16 0 003.3-.464zm0 0zm0-8.96V27.195a8.1 8.1 0 00-4.062-1.2 7.451 7.451 0 00-1.162.094l-10.852 2.009c-.026 0-2.878.518-4.281.779L17.12 31.048a18.266 18.266 0 01-2.5.173 18.246 18.246 0 01-7.67-1.683l-4.447-2.34V33.636l1.511-.281a19.009 19.009 0 014.442-.517 17.882 17.882 0 018.168 1.894 23.042 23.042 0 0010.673 2.617 23.64 23.64 0 002.884-.178l19.21-3.535zm0-13.243v-8.778l-1.341.282a19.092 19.092 0 01-4.442.516 17.873 17.873 0 01-8.169-1.894 23.049 23.049 0 00-10.672-2.618 23.464 23.464 0 00-2.884.179L2.5 18.417v6.538a7.558 7.558 0 003.968 1.128 9.406 9.406 0 001.426-.116l10.852-2.008c.027-.005 2.876-.518 4.28-.78l11.914-2.174a18.122 18.122 0 012.5-.173 18.236 18.236 0 017.67 1.683l4.277 2.441v-4.427zm0-8.778V2.981l-7.4 1.524-7.35 1.328-7.035 1.277a23.976 23.976 0 01-5.306.62 16.834 16.834 0 01-4.517-.57 19.322 19.322 0 01-5.084-2.209 95.551 95.551 0 00-1.3-.712c-.285-.139-.571-.291-.846-.437h-.005a9.085 9.085 0 00-2.252-.954 7.331 7.331 0 00-1.918-.341H2.5v9c1.433-.237 2.593-.442 3.651-.647l7.517-1.345a19.656 19.656 0 012.63-.178 17.162 17.162 0 012.63.2 22.628 22.628 0 017.434 2.705 21.654 21.654 0 008.584 1.768h.006a20.746 20.746 0 003.173-.242l11.264-2.256v6.907zM2.5 2.98v-.472h2.95a14.929 14.929 0 00-2.949.473z"/><path data-name="typo" d="M59.352 45.091V32.36h2.074c4.307 0 6.668 2.266 6.668 6.382 0 4.212-2.265 6.349-6.7 6.349zm15.489-16.974v21.281h14.1v-4.307h-9.348v-4.85h9.253v-4.308h-9.253v-3.542h9.348v-4.275zm32.389 0l-7.757 21.282h5.041l2.3-6.477h6.509l2.265 6.477h5.138l-7.912-21.281zm2.807 4.4l-1.978 6.287h3.989zm63.051 6h-4.754v6.7a6.262 6.262 0 01-2.042.288c-3.638 0-6.317-2.84-6.317-6.7 0-4.147 2.84-6.923 7.051-6.923a11.142 11.142 0 016.062 1.851v-4.849a17.388 17.388 0 00-6.477-1.276c-6.891 0-11.677 4.626-11.677 11.262 0 6.54 4.689 10.976 11.677 10.976a19.329 19.329 0 006.477-1.117zm24.023.192c0-6.35-4.722-10.976-11.167-10.976a11.024 11.024 0 00.16 22.047c6.445.001 11.007-4.593 11.007-11.07zm-11.1-6.637c-3.573 0-5.966 2.713-5.966 6.7s2.456 6.7 6.062 6.7c3.573 0 5.934-2.681 5.934-6.7s-2.428-6.699-6.033-6.699zm12.94-3.956v21.281h4.85v-13.56l8.58 13.56h4.5V28.116h-4.849l.006 13.235-8.237-13.235zm-126.6-15h-4.754v6.7a6.266 6.266 0 01-2.042.287c-3.637 0-6.317-2.84-6.317-6.7 0-4.148 2.84-6.923 7.051-6.923a11.152 11.152 0 016.062 1.85V3.481a17.386 17.386 0 00-6.477-1.277c-6.891 0-11.677 4.626-11.677 11.263 0 6.54 4.69 10.974 11.677 10.974a19.342 19.342 0 006.477-1.116zm24 .191c0-6.349-4.722-10.975-11.167-10.975a11.023 11.023 0 00.159 22.046c6.437-.002 11-4.597 11-11.074zm-11.1-6.636c-3.573 0-5.966 2.711-5.966 6.7s2.457 6.7 6.062 6.7c3.573 0 5.935-2.68 5.935-6.7s-2.437-6.702-6.042-6.702zm12.695-3.956v21.281h8.806c4.69 0 7.433-2.33 7.433-6.318 0-2.743-1.563-4.721-4.435-5.551a4.665 4.665 0 002.9-4.371c.032-3.382-2.265-5.041-6.859-5.041zm7.083 7.944c2.074 0 2.9-.575 2.9-2.01 0-1.372-.8-1.882-3.062-1.882h-2.074v3.892zm.638 9c2.36 0 3.381-.734 3.381-2.457 0-1.786-1.053-2.489-3.573-2.489h-2.679v4.946zm14.274-16.942h-4.768v21.281h4.754zm2.07 0v21.281h14.1v-4.307h-9.349v-4.85h9.253v-4.307h-9.253V6.993h9.349V2.718zm75.145 10.592c0-6.349-4.722-10.975-11.167-10.975a11.023 11.023 0 00.16 22.046c6.435-.004 10.997-4.599 10.997-11.076zm-11.1-6.636c-3.573 0-5.966 2.711-5.966 6.7s2.456 6.7 6.062 6.7c3.573 0 5.934-2.68 5.934-6.7s-2.438-6.704-6.043-6.704zm-37.783 32.132l-2.01-6.287-1.978 6.287zM126.43 49.398v-8.743h.606c3.063 0 3.382.319 5.423 5.583a10.7 10.7 0 00.447 1.085l.415.989a9.523 9.523 0 00.51 1.085h6.911l2.3-6.477h6.509l2.265 6.477h5.137l-7.912-21.281h-5.583l-6.288 17.258a89.817 89.817 0 01-1.549-3.411c-.83-1.819-1.308-2.362-2.84-3a5.086 5.086 0 003.892-5.106c0-3.828-2.52-5.743-7.593-5.743h-7.53v21.281zm0-12.763h2.105c2.042 0 3.063-.734 3.063-2.265s-.926-2.2-3-2.2h-2.17zm16.613-12.643V15.25h.605c3.063 0 3.382.319 5.424 5.583a10.427 10.427 0 00.447 1.085l.415.989a9.465 9.465 0 00.51 1.085h9.578l.027-13.652 8.555 13.652h4.5V2.711h-4.849l.021 13.056-8.252-13.056h-4.851v19.812a44.3 44.3 0 01-2.942-5.962c-.829-1.818-1.307-2.36-2.839-3a5.085 5.085 0 003.892-5.1c0-3.829-2.521-5.743-7.594-5.743h-7.529v21.281zm0-12.762h2.106c2.041 0 3.062-.734 3.062-2.265s-.924-2.2-3-2.2h-2.169zM54.53 28.117v21.281h7.114c7.21 0 11.454-3.956 11.454-10.657 0-6.669-4.339-10.625-11.709-10.625z" fill-rule="evenodd"/></svg>\r\n                <svg class="w-8 h-8 fill-current" [ngClass]="{\'sm:hidden\': expandedLogo}" viewBox="0 0 51.894 51.894" width="32" height="32" aria-label="Gobierno de Aragón" role="img"><title>Ir a la página de inicio</title><path data-name="img" d="M51.89 51.892H0V0h51.89zm-2.5-2.494v-8.96L38.906 42.33a17.743 17.743 0 01-3.136.278 18.211 18.211 0 01-9.225-2.517 21.42 21.42 0 00-9.317-2.082 20.786 20.786 0 00-4.9.571c-.743.15-1.526.292-2.282.429l-.125.023-.613.112-4.928.913-1.875.382V48.934l1.527-.247 22.517-4.133a17.458 17.458 0 013.236-.3 18.06 18.06 0 017.317 1.527l5.442 2.854a9.431 9.431 0 002.372.679 7.837 7.837 0 001.147.083h.029a16 16 0 003.3-.464zm0 0zm0-8.96V27.195a8.1 8.1 0 00-4.062-1.2 7.451 7.451 0 00-1.162.094l-10.852 2.009c-.026 0-2.878.518-4.281.779L17.12 31.048a18.266 18.266 0 01-2.5.173 18.246 18.246 0 01-7.67-1.683l-4.447-2.34V33.636l1.511-.281a19.009 19.009 0 014.442-.517 17.882 17.882 0 018.168 1.894 23.042 23.042 0 0010.673 2.617 23.64 23.64 0 002.884-.178l19.21-3.535zm0-13.243v-8.778l-1.341.282a19.092 19.092 0 01-4.442.516 17.873 17.873 0 01-8.169-1.894 23.049 23.049 0 00-10.672-2.618 23.464 23.464 0 00-2.884.179L2.5 18.417v6.538a7.558 7.558 0 003.968 1.128 9.406 9.406 0 001.426-.116l10.852-2.008c.027-.005 2.876-.518 4.28-.78l11.914-2.174a18.122 18.122 0 012.5-.173 18.236 18.236 0 017.67 1.683l4.277 2.441v-4.427zm0-8.778V2.981l-7.4 1.524-7.35 1.328-7.035 1.277a23.976 23.976 0 01-5.306.62 16.834 16.834 0 01-4.517-.57 19.322 19.322 0 01-5.084-2.209 95.551 95.551 0 00-1.3-.712c-.285-.139-.571-.291-.846-.437h-.005a9.085 9.085 0 00-2.252-.954 7.331 7.331 0 00-1.918-.341H2.5v9c1.433-.237 2.593-.442 3.651-.647l7.517-1.345a19.656 19.656 0 012.63-.178 17.162 17.162 0 012.63.2 22.628 22.628 0 017.434 2.705 21.654 21.654 0 008.584 1.768h.006a20.746 20.746 0 003.173-.242l11.264-2.256v6.907zM2.5 2.98v-.472h2.95a14.929 14.929 0 00-2.949.473z"/></svg>\r\n              </a>\r\n              <a *ngIf="!homepageRouterLink && homepageUrl" [href]="homepageUrl | externalHref" class="text-white focus:outline-none focus:shadow-outline-warning" title="Ir a la página de inicio">\r\n                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.878 51.894" width="144" height="32" [ngClass]="{\'sm:block\': expandedLogo}" class="fill-current hidden" aria-label="Gobierno de Aragón" role="img"><title>Ir a la página de inicio</title><path data-name="img" d="M51.89 51.892H0V0h51.89zm-2.5-2.494v-8.96L38.906 42.33a17.743 17.743 0 01-3.136.278 18.211 18.211 0 01-9.225-2.517 21.42 21.42 0 00-9.317-2.082 20.786 20.786 0 00-4.9.571c-.743.15-1.526.292-2.282.429l-.125.023-.613.112-4.928.913-1.875.382V48.934l1.527-.247 22.517-4.133a17.458 17.458 0 013.236-.3 18.06 18.06 0 017.317 1.527l5.442 2.854a9.431 9.431 0 002.372.679 7.837 7.837 0 001.147.083h.029a16 16 0 003.3-.464zm0 0zm0-8.96V27.195a8.1 8.1 0 00-4.062-1.2 7.451 7.451 0 00-1.162.094l-10.852 2.009c-.026 0-2.878.518-4.281.779L17.12 31.048a18.266 18.266 0 01-2.5.173 18.246 18.246 0 01-7.67-1.683l-4.447-2.34V33.636l1.511-.281a19.009 19.009 0 014.442-.517 17.882 17.882 0 018.168 1.894 23.042 23.042 0 0010.673 2.617 23.64 23.64 0 002.884-.178l19.21-3.535zm0-13.243v-8.778l-1.341.282a19.092 19.092 0 01-4.442.516 17.873 17.873 0 01-8.169-1.894 23.049 23.049 0 00-10.672-2.618 23.464 23.464 0 00-2.884.179L2.5 18.417v6.538a7.558 7.558 0 003.968 1.128 9.406 9.406 0 001.426-.116l10.852-2.008c.027-.005 2.876-.518 4.28-.78l11.914-2.174a18.122 18.122 0 012.5-.173 18.236 18.236 0 017.67 1.683l4.277 2.441v-4.427zm0-8.778V2.981l-7.4 1.524-7.35 1.328-7.035 1.277a23.976 23.976 0 01-5.306.62 16.834 16.834 0 01-4.517-.57 19.322 19.322 0 01-5.084-2.209 95.551 95.551 0 00-1.3-.712c-.285-.139-.571-.291-.846-.437h-.005a9.085 9.085 0 00-2.252-.954 7.331 7.331 0 00-1.918-.341H2.5v9c1.433-.237 2.593-.442 3.651-.647l7.517-1.345a19.656 19.656 0 012.63-.178 17.162 17.162 0 012.63.2 22.628 22.628 0 017.434 2.705 21.654 21.654 0 008.584 1.768h.006a20.746 20.746 0 003.173-.242l11.264-2.256v6.907zM2.5 2.98v-.472h2.95a14.929 14.929 0 00-2.949.473z"/><path data-name="typo" d="M59.352 45.091V32.36h2.074c4.307 0 6.668 2.266 6.668 6.382 0 4.212-2.265 6.349-6.7 6.349zm15.489-16.974v21.281h14.1v-4.307h-9.348v-4.85h9.253v-4.308h-9.253v-3.542h9.348v-4.275zm32.389 0l-7.757 21.282h5.041l2.3-6.477h6.509l2.265 6.477h5.138l-7.912-21.281zm2.807 4.4l-1.978 6.287h3.989zm63.051 6h-4.754v6.7a6.262 6.262 0 01-2.042.288c-3.638 0-6.317-2.84-6.317-6.7 0-4.147 2.84-6.923 7.051-6.923a11.142 11.142 0 016.062 1.851v-4.849a17.388 17.388 0 00-6.477-1.276c-6.891 0-11.677 4.626-11.677 11.262 0 6.54 4.689 10.976 11.677 10.976a19.329 19.329 0 006.477-1.117zm24.023.192c0-6.35-4.722-10.976-11.167-10.976a11.024 11.024 0 00.16 22.047c6.445.001 11.007-4.593 11.007-11.07zm-11.1-6.637c-3.573 0-5.966 2.713-5.966 6.7s2.456 6.7 6.062 6.7c3.573 0 5.934-2.681 5.934-6.7s-2.428-6.699-6.033-6.699zm12.94-3.956v21.281h4.85v-13.56l8.58 13.56h4.5V28.116h-4.849l.006 13.235-8.237-13.235zm-126.6-15h-4.754v6.7a6.266 6.266 0 01-2.042.287c-3.637 0-6.317-2.84-6.317-6.7 0-4.148 2.84-6.923 7.051-6.923a11.152 11.152 0 016.062 1.85V3.481a17.386 17.386 0 00-6.477-1.277c-6.891 0-11.677 4.626-11.677 11.263 0 6.54 4.69 10.974 11.677 10.974a19.342 19.342 0 006.477-1.116zm24 .191c0-6.349-4.722-10.975-11.167-10.975a11.023 11.023 0 00.159 22.046c6.437-.002 11-4.597 11-11.074zm-11.1-6.636c-3.573 0-5.966 2.711-5.966 6.7s2.457 6.7 6.062 6.7c3.573 0 5.935-2.68 5.935-6.7s-2.437-6.702-6.042-6.702zm12.695-3.956v21.281h8.806c4.69 0 7.433-2.33 7.433-6.318 0-2.743-1.563-4.721-4.435-5.551a4.665 4.665 0 002.9-4.371c.032-3.382-2.265-5.041-6.859-5.041zm7.083 7.944c2.074 0 2.9-.575 2.9-2.01 0-1.372-.8-1.882-3.062-1.882h-2.074v3.892zm.638 9c2.36 0 3.381-.734 3.381-2.457 0-1.786-1.053-2.489-3.573-2.489h-2.679v4.946zm14.274-16.942h-4.768v21.281h4.754zm2.07 0v21.281h14.1v-4.307h-9.349v-4.85h9.253v-4.307h-9.253V6.993h9.349V2.718zm75.145 10.592c0-6.349-4.722-10.975-11.167-10.975a11.023 11.023 0 00.16 22.046c6.435-.004 10.997-4.599 10.997-11.076zm-11.1-6.636c-3.573 0-5.966 2.711-5.966 6.7s2.456 6.7 6.062 6.7c3.573 0 5.934-2.68 5.934-6.7s-2.438-6.704-6.043-6.704zm-37.783 32.132l-2.01-6.287-1.978 6.287zM126.43 49.398v-8.743h.606c3.063 0 3.382.319 5.423 5.583a10.7 10.7 0 00.447 1.085l.415.989a9.523 9.523 0 00.51 1.085h6.911l2.3-6.477h6.509l2.265 6.477h5.137l-7.912-21.281h-5.583l-6.288 17.258a89.817 89.817 0 01-1.549-3.411c-.83-1.819-1.308-2.362-2.84-3a5.086 5.086 0 003.892-5.106c0-3.828-2.52-5.743-7.593-5.743h-7.53v21.281zm0-12.763h2.105c2.042 0 3.063-.734 3.063-2.265s-.926-2.2-3-2.2h-2.17zm16.613-12.643V15.25h.605c3.063 0 3.382.319 5.424 5.583a10.427 10.427 0 00.447 1.085l.415.989a9.465 9.465 0 00.51 1.085h9.578l.027-13.652 8.555 13.652h4.5V2.711h-4.849l.021 13.056-8.252-13.056h-4.851v19.812a44.3 44.3 0 01-2.942-5.962c-.829-1.818-1.307-2.36-2.839-3a5.085 5.085 0 003.892-5.1c0-3.829-2.521-5.743-7.594-5.743h-7.529v21.281zm0-12.762h2.106c2.041 0 3.062-.734 3.062-2.265s-.924-2.2-3-2.2h-2.169zM54.53 28.117v21.281h7.114c7.21 0 11.454-3.956 11.454-10.657 0-6.669-4.339-10.625-11.709-10.625z" fill-rule="evenodd"/></svg>\r\n                <svg class="w-8 h-8 fill-current" [ngClass]="{\'sm:hidden\': expandedLogo}" viewBox="0 0 51.894 51.894" width="32" height="32" aria-label="Gobierno de Aragón" role="img"><title>Ir a la página de inicio</title><path data-name="img" d="M51.89 51.892H0V0h51.89zm-2.5-2.494v-8.96L38.906 42.33a17.743 17.743 0 01-3.136.278 18.211 18.211 0 01-9.225-2.517 21.42 21.42 0 00-9.317-2.082 20.786 20.786 0 00-4.9.571c-.743.15-1.526.292-2.282.429l-.125.023-.613.112-4.928.913-1.875.382V48.934l1.527-.247 22.517-4.133a17.458 17.458 0 013.236-.3 18.06 18.06 0 017.317 1.527l5.442 2.854a9.431 9.431 0 002.372.679 7.837 7.837 0 001.147.083h.029a16 16 0 003.3-.464zm0 0zm0-8.96V27.195a8.1 8.1 0 00-4.062-1.2 7.451 7.451 0 00-1.162.094l-10.852 2.009c-.026 0-2.878.518-4.281.779L17.12 31.048a18.266 18.266 0 01-2.5.173 18.246 18.246 0 01-7.67-1.683l-4.447-2.34V33.636l1.511-.281a19.009 19.009 0 014.442-.517 17.882 17.882 0 018.168 1.894 23.042 23.042 0 0010.673 2.617 23.64 23.64 0 002.884-.178l19.21-3.535zm0-13.243v-8.778l-1.341.282a19.092 19.092 0 01-4.442.516 17.873 17.873 0 01-8.169-1.894 23.049 23.049 0 00-10.672-2.618 23.464 23.464 0 00-2.884.179L2.5 18.417v6.538a7.558 7.558 0 003.968 1.128 9.406 9.406 0 001.426-.116l10.852-2.008c.027-.005 2.876-.518 4.28-.78l11.914-2.174a18.122 18.122 0 012.5-.173 18.236 18.236 0 017.67 1.683l4.277 2.441v-4.427zm0-8.778V2.981l-7.4 1.524-7.35 1.328-7.035 1.277a23.976 23.976 0 01-5.306.62 16.834 16.834 0 01-4.517-.57 19.322 19.322 0 01-5.084-2.209 95.551 95.551 0 00-1.3-.712c-.285-.139-.571-.291-.846-.437h-.005a9.085 9.085 0 00-2.252-.954 7.331 7.331 0 00-1.918-.341H2.5v9c1.433-.237 2.593-.442 3.651-.647l7.517-1.345a19.656 19.656 0 012.63-.178 17.162 17.162 0 012.63.2 22.628 22.628 0 017.434 2.705 21.654 21.654 0 008.584 1.768h.006a20.746 20.746 0 003.173-.242l11.264-2.256v6.907zM2.5 2.98v-.472h2.95a14.929 14.929 0 00-2.949.473z"/></svg>\r\n              </a>\r\n\r\n              <ng-content select="desy-header-subnav"></ng-content>\r\n              <desy-header-subnav *ngIf="!subnavComponent && subnavData && (subnavData.text || subnavData.html)"\r\n                                  [classes]="subnavData.classes"\r\n                                  [hiddenText]="subnavData.hiddenText"\r\n                                  [classesContainer]="subnavData.classesContainer"\r\n                                  [classesTooltip]="subnavData.classesTooltip"\r\n                                  [role]="subnavData.role"\r\n                                  [ariaLabel]="subnavData.ariaLabel"\r\n                                  [ariaDescribedBy]="subnavData.ariaDescribedBy"\r\n                                  [ariaLabelledBy]="subnavData.ariaLabelledBy"\r\n                                  [ariaHidden]="subnavData.ariaHidden"\r\n                                  [ariaDisabled]="subnavData.ariaDisabled"\r\n                                  [ariaControls]="subnavData.ariaControls"\r\n                                  [ariaCurrent]="subnavData.ariaCurrent"\r\n                                  [ariaLive]="subnavData.ariaLive"\r\n                                  [ariaExpanded]="subnavData.ariaExpanded"\r\n                                  [ariaErrorMessage]="subnavData.ariaErrorMessage"\r\n                                  [ariaHasPopup]="subnavData.ariaHasPopup"\r\n                                  [tabindex]="subnavData.tabindex">\r\n                <ng-container *desyCustomInnerContent="{ html: subnavData.html, text: subnavData.text }"></ng-container>\r\n                <desy-nav *ngIf="subnavData && subnavData.items && subnavData.items.length > 0"\r\n                          [hasNav]="true"\r\n                          [idPrefix]="\'header-subnav-nav-item\'"\r\n                          [classes]="\'w-max max-w-64\'"\r\n                          [items]="subnavData.items"\r\n                          [id]="\'id-subnav-nav\'"\r\n                          [ariaLabel]="\'Aplicaciones\'"></desy-nav>\r\n              </desy-header-subnav>\r\n            </div>\r\n\r\n            <ng-content select="desy-header-navigation"></ng-content>\r\n            <desy-header-navigation *ngIf="!navigationComponent && navigationData && navigationData.items && navigationData.items.length > 0"\r\n                                    [idPrefix]="\'header-nav-item\'"\r\n                                    [classes]="navigationData.classes"\r\n                                    [items]="navigationData.items"\r\n                                    [ariaLabel]="\'Menú principal\'"></desy-header-navigation>\r\n          </div>\r\n\r\n          <ng-content select="desy-header-dropdown"></ng-content>\r\n          <ng-container *ngIf="!dropdownComponent && dropdownData && dropdownData.items && dropdownData.items.length > 0">\r\n            <desy-header-dropdown [classes]="dropdownData.classes"\r\n                                  [hiddenText]="dropdownData.hiddenText"\r\n                                  [classesContainer]="dropdownData.classesContainer"\r\n                                  [classesTooltip]="dropdownData.classesTooltip"\r\n                                  [role]="dropdownData.role"\r\n                                  [ariaLabel]="dropdownData.ariaLabel"\r\n                                  [ariaDescribedBy]="dropdownData.ariaDescribedBy"\r\n                                  [ariaLabelledBy]="dropdownData.ariaLabelledBy"\r\n                                  [ariaHidden]="dropdownData.ariaHidden"\r\n                                  [ariaDisabled]="dropdownData.ariaDisabled"\r\n                                  [ariaControls]="dropdownData.ariaControls"\r\n                                  [ariaCurrent]="dropdownData.ariaCurrent"\r\n                                  [ariaLive]="dropdownData.ariaLive"\r\n                                  [ariaExpanded]="dropdownData.ariaExpanded"\r\n                                  [ariaErrorMessage]="dropdownData.ariaErrorMessage"\r\n                                  [ariaHasPopup]="dropdownData.ariaHasPopup"\r\n                                  [tabindex]="dropdownData.tabindex">\r\n              <ng-container *desyCustomInnerContent="{ html: dropdownData.html, text: dropdownData.text }"></ng-container>\r\n              <desy-nav [hasNav]="true"\r\n                        [idPrefix]="\'header-dropdown-nav-item\'"\r\n                        [classes]="\'w-max max-w-64\'"\r\n                        [items]="dropdownData.items"\r\n                        [id]="\'id-dropdown-nav\'"\r\n                        [ariaLabel]="\'Menú de usuario\'"></desy-nav>\r\n            </desy-header-dropdown>\r\n          </ng-container>\r\n\r\n          <ng-content select="desy-header-offcanvas"></ng-content>\r\n          <ng-container *ngIf="!offcanvasComponent && offcanvasData">\r\n            <desy-header-offcanvas [classes]="offcanvasData.classes">\r\n              <desy-header-offcanvas-button>\r\n                <ng-container *desyCustomInnerContent="{ html: offcanvasData.html, text: offcanvasData.text }"></ng-container>\r\n              </desy-header-offcanvas-button>\r\n              <desy-header-offcanvas-close-button>{{ offcanvasData.textClose }}</desy-header-offcanvas-close-button>\r\n              <desy-content>\r\n                <ng-container *desyCustomInnerContent="{ template: offcanvasData.contentHtml }"></ng-container>\r\n              </desy-content>\r\n            </desy-header-offcanvas>\r\n          </ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</header>\r\n'}]}],$e.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}],subnavData:[{type:t.Input}],navigationData:[{type:t.Input}],dropdownData:[{type:t.Input}],offcanvasData:[{type:t.Input}],skiplinkComponent:[{type:t.ContentChildren,args:[_e]}],subnavComponent:[{type:t.ContentChildren,args:[Ve]}],navigationComponent:[{type:t.ContentChildren,args:[Ae]}],dropdownComponent:[{type:t.ContentChildren,args:[ze]}],offcanvasComponent:[{type:t.ContentChildren,args:[Oe]}]},m([T({onSetCallbackName:"overrideSkipLinkParams"})],$e.prototype,"skiplinkComponent",void 0),m([T()],$e.prototype,"subnavComponent",void 0),m([T({onSetCallbackName:"overrideNavigationParams"})],$e.prototype,"navigationComponent",void 0),m([T()],$e.prototype,"dropdownComponent",void 0),m([T()],$e.prototype,"offcanvasComponent",void 0);var Ge=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Ge.decorators=[{type:t.Component,args:[{selector:"desy-footer-navigation-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Ge.propDecorators={href:[{type:t.Input}],routerLink:[{type:t.Input}],fragment:[{type:t.Input}]};var Ue=function(){};Ue.decorators=[{type:t.Component,args:[{selector:"desy-footer-navigation",template:""}]}],Ue.propDecorators={title:[{type:t.Input}],columns:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[Ge]}]};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-meta-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(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);qe.decorators=[{type:t.Component,args:[{selector:"desy-footer-meta",template:""}]}],qe.propDecorators={visuallyHiddenTitle:[{type:t.Input}],contentComponent:[{type:t.ContentChildren,args:[O]}],itemComponents:[{type:t.ContentChildren,args:[je]}]},m([T()],qe.prototype,"contentComponent",void 0);var We=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 Ue?e.itemComponents.toArray():e.items},t.prototype.getMetaItems=function(e){return e instanceof qe?e.itemComponents.toArray():e.items},t.prototype.getMetaContent=function(e){return e instanceof qe?e.contentComponent:null},t}(C);We.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"\r\n        [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n        [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n        [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n        [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n        [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n        [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n        [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n        [attr.aria-live]="ariaLive ? ariaLive : null"\r\n        [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n        [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n        [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n        [attr.tabindex]="tabindex ? tabindex : null">\r\n  <div [class]="[\'container mx-auto px-base\', containerClasses] | makeHtmlList">\r\n    <ng-container *ngIf="getNavigationItems()">\r\n      <div class="flex flex-wrap">\r\n        <div class="flex-1 mr-base" *ngFor="let nav of getNavigationItems()">\r\n          <h3 class="mb-base font-bold text-xl">{{nav.title}}</h3>\r\n          <ul [class]="\'grid grid-cols-1 gap-base lg:grid-cols-\' + nav.columns">\r\n            <li class="mb-xs" *ngFor="let item of getNavigationItemItems(nav)">\r\n              <ng-container *ngTemplateOutlet="item.href != null ? itemHref : itemRouterLink; context: {item: item}"></ng-container>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <hr class="my-base border-t border-neutral-base">\r\n    </ng-container>\r\n\r\n    <div class="flex flex-wrap flex-col lg:flex-row justify-between">\r\n      <div class="mb-base">\r\n        <ng-template #metaTemplate let-metaElement="metaElement">\r\n          <ng-container *ngIf="metaElement">\r\n            <h2 class="sr-only">{{(metaElement.visuallyHiddenTitle ? metaElement.visuallyHiddenTitle : \'Enlaces de pie de página\')}}</h2>\r\n            <ul class="flex flex-col lg:flex-row lg:flex-wrap" *ngIf="getMetaItems(metaElement)">\r\n              <li class="mb-sm mr-base" *ngFor="let item of getMetaItems(metaElement)">\r\n                <ng-container *ngTemplateOutlet="item.href != null ? itemHref : itemRouterLink; context: {item: item}"></ng-container>\r\n              </li>\r\n            </ul>\r\n            <div class="mb-sm"  *ngIf="getMetaContent(metaElement) || metaElement.html || metaElement.text">\r\n              <p>\r\n                <ng-container *desyCustomInnerContent="{ component: getMetaContent(metaElement), html: metaElement.html, text: metaElement.text }"></ng-container>\r\n              </p>\r\n            </div>\r\n          </ng-container>\r\n        </ng-template>\r\n        <ng-container *ngTemplateOutlet="metaTemplate; context: { metaElement: metaComponent ? metaComponent : meta }"></ng-container>\r\n        <div class="leading-tight">\r\n          <p>\r\n            Todo el contenido bajo\r\n            <a\r\n              class="c-link c-link--neutral"\r\n              href="https://creativecommons.org/licenses/by/4.0/legalcode.es"\r\n              rel="license" target="_blank"\r\n            >licencia CC BY 4.0</a>\r\n          </p>\r\n        </div>\r\n        <div class="leading-tight">\r\n          <p>\r\n            <a target="_blank"\r\n              class="c-link c-link--neutral"\r\n              href="https://www.aragon.es/"\r\n            >Gobierno de Aragón</a>. Edificio Pignatelli. <abbr title=”Paseo”>Pº</abbr> María Agustín, 36. 50004 - Zaragoza - <abbr title="Teléfono" class="no-underline">Tel.</abbr> <a href="tel:+976714000" class="c-link c-link--neutral">976 714 000</a>\r\n          </p>\r\n        </div>\r\n      </div>\r\n      <div class="mb-base lg:pl-base overflow-hidden">\r\n        <p *ngIf="iconComponent || icon?.html">\r\n          <ng-container *desyCustomInnerContent="{ component: iconComponent, html: icon?.html }"></ng-container>\r\n        </p>\r\n        <p>\r\n          <a href="http://www.aragon.es/Fondos_Europeos" 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)">\r\n            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 575 96" width="288" height="48" class="w-auto h-12" role="img" aria-label="Logotipo Unió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>\r\n          </a>\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</footer>\r\n\r\n<ng-template #itemHref let-item="item">\r\n  <a class="c-link font-semibold" [href]="item.href | externalHref"\r\n     [attr.role]="item.role ? item.role : null"\r\n     [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n     [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n     [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n     [attr.aria-disabled]="item.ariaDisabled ? item.ariaDisabled : null"\r\n     [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n     [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n     [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n     [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n     [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n     [attr.tabindex]="item.tabindex ? item.tabindex : null">\r\n    <ng-container *desyCustomInnerContent="{ component: item, text: item.text }"></ng-container>\r\n  </a>\r\n</ng-template>\r\n\r\n<ng-template #itemRouterLink let-item="item">\r\n  <a class="c-link font-semibold" [routerLink]="item.routerLink" [fragment]="item.fragment"\r\n     [attr.role]="item.role ? item.role : null"\r\n     [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n     [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n     [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n     [attr.aria-disabled]="item.ariaDisabled ? item.ariaDisabled : null"\r\n     [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n     [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n     [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n     [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n     [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n     [attr.tabindex]="item.tabindex ? item.tabindex : null">\r\n    <ng-container *desyCustomInnerContent="{ component: item, text: item.text }"></ng-container>\r\n  </a>\r\n</ng-template>\r\n'}]}],We.propDecorators={meta:[{type:t.Input}],navigation:[{type:t.Input}],icon:[{type:t.Input}],containerClasses:[{type:t.Input}],classes:[{type:t.Input}],iconComponent:[{type:t.ContentChildren,args:[A]}],metaComponent:[{type:t.ContentChildren,args:[qe]}],navigationComponent:[{type:t.ContentChildren,args:[Ue]}]},m([T()],We.prototype,"iconComponent",void 0),m([T()],We.prototype,"metaComponent",void 0);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-error-summary-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Ke.propDecorators={fragment:[{type:t.Input}],id:[{type:t.Input}]};var Ye=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);Ye.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"\r\n     [attr.id]="id ? id : null"\r\n     [attr.role]="role ? role : \'alert\'"\r\n     [attr.aria-describedby]="ariaDescribedBy"\r\n     [attr.aria-errormessage]="ariaErrorMessage"\r\n     [attr.aria-label]="ariaLabel"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : \'error-summary-title\'"\r\n     [attr.aria-hidden]="ariaHidden"\r\n     [attr.aria-disabled]="ariaDisabled"\r\n     [attr.aria-controls]="ariaControls"\r\n     [attr.aria-current]="ariaCurrent"\r\n     [attr.aria-live]="ariaLive"\r\n     [attr.aria-expanded]="ariaExpanded"\r\n     [attr.aria-haspopup]="ariaHasPopup">\r\n  <h2 class="mb-base font-bold" [attr.id]="ariaLabelledBy ? ariaLabelledBy :\'error-summary-title\'">\r\n    <ng-container *desyCustomInnerContent="{component: titleComponent, html: titleHtml, text: titleText}"></ng-container>\r\n  </h2>\r\n    <div>\r\n        <p *ngIf="(descriptionComponent && descriptionComponent.getContent()) || descriptionHtml || descriptionText" class="mb-base">\r\n          <ng-container *desyCustomInnerContent="{component: descriptionComponent, html: descriptionHtml, text: descriptionText}"></ng-container>\r\n        </p>\r\n        <ul class="font-semibold text-alert-base">\r\n          <ng-container *ngFor="let item of getErrorItemList(); index as i">\r\n            <li *ngIf="item.fragment">\r\n              <a  routerLink="./" [fragment]="item.fragment" class="c-link c-link--alert"\r\n                  [attr.id]="item.id ? item.id : null"\r\n                  [attr.role]="item.role"\r\n                  [attr.aria-describedby]="item.ariaDescribedBy"\r\n                  [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                  [attr.aria-label]="item.ariaLabel"\r\n                  [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                  [attr.aria-hidden]="item.ariaHidden"\r\n                  [attr.aria-disabled]="item.ariaDisabled"\r\n                  [attr.aria-controls]="item.ariaControls"\r\n                  [attr.aria-current]="item.ariaCurrent"\r\n                  [attr.aria-live]="item.ariaLive"\r\n                  [attr.aria-expanded]="item.ariaExpanded"\r\n                  [attr.aria-haspopup]="item.ariaHasPopup"\r\n                  [attr.tabindex]="item.tabindex">\r\n                <ng-container *desyCustomInnerContent="{component: item, html: item.html, text: item.text}"></ng-container>\r\n              </a>\r\n            </li>\r\n            <li *ngIf="!item.fragment">\r\n              <ng-container *desyCustomInnerContent="{component: item, html: item.html, text: item.text}"></ng-container>\r\n            </li>\r\n          </ng-container>\r\n        </ul>\r\n    </div>\r\n</div>\r\n'}]}],Ye.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:[R]}],errorComponentList:[{type:t.ContentChildren,args:[Ke]}]},m([T()],Ye.prototype,"titleComponent",void 0),m([T()],Ye.prototype,"descriptionComponent",void 0);var Xe=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);Xe.decorators=[{type:t.Component,args:[{selector:"desy-menu-horizontal-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Xe.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 Qe=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 Xe&&e.activeChange.emit(e.active)})),this.clickEvent.emit({item:t,event:e}),t instanceof Xe&&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);Qe.decorators=[{type:t.Component,args:[{selector:"desy-menu-horizontal",template:'\x3c!-- menu-horizontal --\x3e\r\n<nav [class]="[\'c-menu-horizontal\', classes] | makeHtmlList"\r\n     [attr.id]="id ? id : null"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ul class="c-menu-horizontal__list lg:flex lg:flex-wrap">\r\n    <ng-container *ngFor="let item of getItemList(); index as i">\r\n      <li *ngIf="item">\r\n        <span *ngIf="item.active; else elseBlock" [attr.id]="getItemId(item, i)"\r\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"\r\n              [attr.title]="item.title ? item.title : null"\r\n              [attr.role]="item.role ? item.role : null"\r\n              aria-current="page"\r\n              [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n              [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n              [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n              [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n              [attr.aria-disabled]="item.ariaDisabled ? item.ariaDisabled : null"\r\n              [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n              [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n              [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n              [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n              [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n              [attr.tabindex]="item.tabindex ? item.tabindex : null">\r\n          <strong>\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n          </strong>\r\n        </span>\r\n        <ng-template #elseBlock>\r\n          <a *ngIf="item.routerLink && !item.href" (click)="onClick($event, item)"\r\n             [attr.id]="getItemId(item, i)"\r\n             [routerLink]="item.routerLink"\r\n             [fragment]="item.fragment"\r\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"\r\n             [ngClass]="{\'no-underline pointer-events-none\': item.disabled}"\r\n             [attr.disabled]="item.disabled ? \'disabled\' : null"\r\n             [attr.aria-disabled]="item.disabled ? item.disabled : null"\r\n             [attr.tabindex]="item.disabled ? -1 : item.tabindex"\r\n             [attr.title]="item.title ? item.title : null"\r\n             [attr.role]="item.role ? item.role : null"\r\n             [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n             [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n             [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n             [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n             [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n             [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n             [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n             [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n             [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n             [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null">\r\n             <span class="flex items-center pointer-events-none">\r\n               <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n             </span>\r\n          </a>\r\n          <a *ngIf="!item.routerLink && item.href" (click)="onClick($event, item)"\r\n             [attr.id]="getItemId(item, i)"\r\n             [href]="item.href | externalHref"\r\n             [target]="item.target"\r\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"\r\n             [ngClass]="{\'no-underline pointer-events-none\': item.disabled}"\r\n             [attr.disabled]="item.disabled ? \'disabled\' : null"\r\n             [attr.aria-disabled]="item.disabled ? item.disabled : null"\r\n             [attr.tabindex]="item.disabled ? -1 : item.tabindex"\r\n             [attr.title]="item.title ? item.title : null"\r\n             [attr.role]="item.role ? item.role : null"\r\n             [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n             [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n             [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n             [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n             [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n             [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n             [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n             [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n             [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n             [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null">\r\n             <span class="flex items-center pointer-events-none">\r\n               <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n             </span>\r\n          </a>\r\n        </ng-template>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</nav>\r\n\x3c!-- /menu-horizontal --\x3e\r\n'}]}],Qe.propDecorators={id:[{type:t.Input}],idPrefix:[{type:t.Input}],classes:[{type:t.Input}],items:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[Xe]}],clickEvent:[{type:t.Output}]};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-menu-vertical-item-sub-item",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],Je.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 Ze=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Ze.decorators=[{type:t.Component,args:[{selector:"desy-menu-vertical-item-sub",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],Ze.propDecorators={classes:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[Je]}]};var et=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);et.decorators=[{type:t.Component,args:[{selector:"desy-menu-vertical-item",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],et.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:[Ze]}]},m([T()],et.prototype,"subComponent",void 0);var tt=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>"+H.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 r,n=this.getItemSub(e),i=this.getSubItems(n)[a];if(i)if(i.id)r=i.id;else{var l=this.getId(e,t);r=0===a?"sub-"+l:"sub-"+l+"-"+a}return r},t.prototype.getItems=function(){return this.itemComponents&&this.itemComponents.length>0?this.itemComponents.toArray():this.items},t.prototype.getItemSub=function(e){return e instanceof et?e.subComponent:e.sub},t.prototype.getSubItems=function(e){var t=e instanceof Ze?e.itemComponents.toArray():e.items;return t&&t.length>0?t:null},t}(C);tt.decorators=[{type:t.Component,args:[{selector:"desy-menu-vertical",template:'\x3c!--\r\n  Template para ser utilizado tanto por los items como por los subitems:\r\n  - item: Item que representa\r\n  - index: indice del item en la lista\r\n  - id: identificador del item\r\n  - isRoot: si pertenece al nivel raiz\r\n--\x3e\r\n<ng-template #itemTemplate let-item="item" let-index="index" let-id="id" let-sub="sub" let-isRoot="isRoot">\r\n  <ng-container *ngIf="item">\r\n    <li class="m-base" [ngClass]="{\'origin-top-left text-sm\': !isRoot}">\r\n      <ng-container *ngIf="item.href || item.routerLink; else notHref">\r\n        <a *ngIf="item.href; else hasRouterLink" [attr.id]="id"\r\n           [href]="item.href | externalHref"\r\n           [class]="[\'block px-xs focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\r\n           [ngClass]="{\r\n            \'underline\': hasUnderline,\r\n            \'hover:text-primary-base hover:underline\': !item.disabled,\r\n            \'no-underline pointer-events-none\': item.disabled,\r\n            \'font-bold\': item.active\r\n           }"\r\n           [attr.title]="item.title"\r\n           [attr.tabindex]="item.disabled ? -1 : null"\r\n           [attr.target]="item.target ? item.target : null"\r\n           [attr.aria-current]="item.active ? \'page\' : null"\r\n           [attr.aria-disabled]="item.disabled"\r\n           [attr.aria-describedby]="item.ariaDescribedBy"\r\n           [attr.aria-errormessage]="item.ariaErrorMessage"\r\n           [attr.aria-label]="item.ariaLabel"\r\n           [attr.aria-labelledby]="item.ariaLabelledBy"\r\n           [attr.aria-hidden]="item.ariaHidden"\r\n           [attr.aria-controls]="item.ariaControls"\r\n           [attr.aria-live]="item.ariaLive"\r\n           [attr.aria-expanded]="item.ariaExpanded"\r\n           [attr.aria-haspopup]="item.ariaHasPopup"\r\n           [attr.disabled]="item.disabled">\r\n          <ng-container *desyCustomInnerContent="{ component: item, html: getItemHtml(item), text: item.text }"></ng-container>\r\n        </a>\r\n        <ng-template #hasRouterLink>\r\n          \x3c!-- Todos los enlaces que admiten o href o routerLink estaría bien unificarlos (en todos los componentes).\r\n                Para ello, sería necesario crear una directiva para añadir o quitar la directiva routerLink si no tiene href.\r\n                Sin embargo, esto no es posible actualmente, ya que Angular todavía no permite añadir directivas dinámicamente:\r\n                https://angular.io/guide/roadmap#support-adding-directives-to-host-elements --\x3e\r\n          <a [attr.id]="id"\r\n             [routerLink]="item.routerLink" [fragment]="item.fragment ? item.fragment : null"\r\n             [routerLinkActive]="item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []"\r\n             [class]="[\'block px-xs focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\', item.classes] | makeHtmlList"\r\n             [ngClass]="{\r\n              \'underline\': hasUnderline,\r\n              \'hover:text-primary-base hover:underline\': !item.disabled,\r\n              \'no-underline pointer-events-none\': item.disabled,\r\n              \'font-bold\': item.active\r\n             }"\r\n             [attr.title]="item.title"\r\n             [attr.tabindex]="item.disabled ? -1 : null"\r\n             [attr.target]="item.target ? item.target : null"\r\n             [attr.aria-current]="item.active ? \'page\' : null"\r\n             [attr.aria-disabled]="item.disabled"\r\n             [attr.aria-describedby]="item.ariaDescribedBy"\r\n             [attr.aria-errormessage]="item.ariaErrorMessage"\r\n             [attr.aria-label]="item.ariaLabel"\r\n             [attr.aria-labelledby]="item.ariaLabelledBy"\r\n             [attr.aria-hidden]="item.ariaHidden"\r\n             [attr.aria-controls]="item.ariaControls"\r\n             [attr.aria-live]="item.ariaLive"\r\n             [attr.aria-expanded]="item.ariaExpanded"\r\n             [attr.aria-haspopup]="item.ariaHasPopup"\r\n             [attr.disabled]="item.disabled">\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: getItemHtml(item), text: item.text }"></ng-container>\r\n          </a>\r\n        </ng-template>\r\n      </ng-container>\r\n      <ng-template #notHref>\r\n            <span [attr.id]="id"\r\n                  [class]="[\'block px-xs\', item.classes] | makeHtmlList"\r\n                  [ngClass]="{\'font-bold\': item.active}"\r\n\r\n                  [attr.title]="item.title"\r\n                  [attr.tabindex]="item.disabled ? -1 : null"\r\n                  [attr.aria-current]="item.active ? \'page\' : null"\r\n                  [attr.aria-disabled]="item.disabled"\r\n                  [attr.aria-describedby]="item.ariaDescribedBy"\r\n                  [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                  [attr.aria-label]="item.ariaLabel"\r\n                  [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                  [attr.aria-hidden]="item.ariaHidden"\r\n                  [attr.aria-controls]="item.ariaControls"\r\n                  [attr.aria-live]="item.ariaLive"\r\n                  [attr.aria-expanded]="item.ariaExpanded"\r\n                  [attr.aria-haspopup]="item.ariaHasPopup"\r\n                  [attr.disabled]="item.disabled">\r\n              <ng-container *desyCustomInnerContent="{ component: item, html: getItemHtml(item), text: item.text }"></ng-container>\r\n            </span>\r\n      </ng-template>\r\n      <ng-container *ngIf="isRoot && sub">\r\n        <ul *ngIf="getSubItems(sub)" [ngClass]="sub.classes"\r\n            [attr.aria-describedby]="sub.ariaDescribedBy"\r\n            [attr.aria-errormessage]="sub.ariaErrorMessage"\r\n            [attr.aria-label]="sub.ariaLabel"\r\n            [attr.aria-labelledby]="sub.ariaLabelledBy"\r\n            [attr.aria-hidden]="sub.ariaHidden"\r\n            [attr.aria-disabled]="sub.ariaDisabled"\r\n            [attr.aria-controls]="sub.ariaControls"\r\n            [attr.aria-current]="sub.ariaCurrent"\r\n            [attr.aria-live]="sub.ariaLive"\r\n            [attr.aria-expanded]="sub.ariaExpanded"\r\n            [attr.aria-haspopup]="sub.ariaHasPopup"\r\n            [attr.tabindex]="sub.tabindex">\r\n          <ng-container *ngFor="let subItem of getSubItems(sub); index as subIndex">\r\n            <ng-container [ngTemplateOutlet]="itemTemplate"\r\n                          [ngTemplateOutletContext]="{\r\n                           item: subItem,\r\n                           id: getSubItemId(item, index, subIndex),\r\n                           index: subIndex,\r\n                           isRoot: false\r\n                          }">\r\n            </ng-container>\r\n          </ng-container>\r\n        </ul>\r\n        <div *ngIf="!getSubItems(sub)"\r\n             [class]="[\'mb-base px-xs origin-top-left text-sm text-neutral-dark\', sub.classes] | makeHtmlList"\r\n             [id]="\'sub-\' + id">\r\n          <ng-container *desyCustomInnerContent="{ component: sub, html: sub.html }"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n    </li>\r\n    <li *ngIf="item.divider" class="my-sm border-b border-neutral-base" aria-hidden="true">\r\n      <div class="sr-only">Separador</div>\r\n    </li>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<nav [ngClass]="classes"\r\n     [attr.role]="(role ? role : null)"\r\n     [attr.aria-describedby]="ariaDescribedBy"\r\n     [attr.aria-errormessage]="ariaErrorMessage"\r\n     [attr.aria-label]="ariaLabel"\r\n     [attr.aria-labelledby]="ariaLabelledBy"\r\n     [attr.aria-hidden]="ariaHidden"\r\n     [attr.aria-disabled]="ariaDisabled"\r\n     [attr.aria-controls]="ariaControls"\r\n     [attr.aria-current]="ariaCurrent"\r\n     [attr.aria-live]="ariaLive"\r\n     [attr.aria-expanded]="ariaExpanded"\r\n     [attr.aria-haspopup]="ariaHasPopup"\r\n     [attr.tabindex]="tabindex">\r\n  <ul class="text-base">\r\n    <ng-container *ngFor="let item of getItems(); index as index">\r\n      <ng-container [ngTemplateOutlet]="itemTemplate"\r\n                    [ngTemplateOutletContext]="{  item: item, id: getId(item, index), index: index, sub: getItemSub(item), isRoot: true }">\r\n      </ng-container>\r\n    </ng-container>\r\n  </ul>\r\n</nav>\r\n',animations:[r.trigger("displayMenuVertical",[r.state("void",r.style({opacity:"0.0",transform:"scale(0.95)"})),r.state("*",r.style({opacity:"1.0",transform:"scale(1.0)"})),r.transition(":enter",[r.animate("100ms ease-out")])])]}]}],tt.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:[et]}]};var at=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}();at.decorators=[{type:t.Directive,args:[{selector:"[desyMenubaritem]"}]}],at.ctorParameters=function(){return[{type:t.ElementRef}]},at.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 rt=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);rt.decorators=[{type:t.Component,args:[{selector:"desy-menubar-subsubitem",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],rt.propDecorators={html:[{type:t.Input}],text:[{type:t.Input}],checked:[{type:t.Input}],selected:[{type:t.Output}],checkedChange:[{type:t.Output}]};var nt=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);nt.decorators=[{type:t.Component,args:[{selector:"desy-menubar-subitem",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],nt.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:[rt]}]};var it=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);it.decorators=[{type:t.Component,args:[{selector:"desy-menubar-item",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],it.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:[nt]}]};var lt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);lt.decorators=[{type:t.Component,args:[{selector:"desy-menubar-label",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],lt.propDecorators={classes:[{type:t.Input}]};var st=function(e){function a(a){var r=e.call(this)||this;return r.changeDetectorRef=a,r.itemsChange=new t.EventEmitter,r.activeItemChange=new t.EventEmitter,r.activeSubItemChange=new t.EventEmitter,r.viewInit=!1,r.currentFocusItemIndex=0,r}return u(a,e),a.prototype.ngOnChanges=function(e){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 r={open:!1,currentFocusSubItemIndex:0,currentFocusSubSubItemIndex:0,menuItem:e.menuItems.toArray()[a]};e.menuData.push(r)})),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,r){var n=this.menuData[t].currentFocusSubItemIndex,i=this.menuData[t].currentFocusSubSubItemIndex,l=this.getItems();switch(e.key){case" ":this.activatePopupMenuItem(t,a,r),this.mustCloseAfterSelectPopupItem(t,a,r)&&(this.closeMenu(t),this.focusItem(t)),e.stopPropagation(),e.preventDefault();break;case"Enter":this.activatePopupMenuItem(t,a,r),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,n,i,-1),e.stopPropagation(),e.preventDefault();break;case"ArrowDown":this.focusNextAvailableSubItem(t,n,i,1),e.stopPropagation(),e.preventDefault();break;case"ArrowLeft":this.closeMenu(t),this.focusItem((t+l.length-1)%l.length),e.stopPropagation(),e.preventDefault();break;case"ArrowRight":this.closeMenu(t),this.focusItem((t+l.length+1)%l.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 it&&t[e].selected.emit()},a.prototype.activatePopupMenuItem=function(e,t,a){var r=this.getItems(),n=this.getItemSubitems(r[e])[t],i=[];null!=a&&(n=(i=this.getSubItemSubitems(n))[a]);var l=!1;"menuitemcheckbox"===n.role?(n.checked=!n.checked,l=!0):"menuitemradio"===n.role&&(l=!n.checked,i.forEach((function(e){return e.checked=!1})),n.checked=!0),this.itemsChange.emit(r),this.activeSubItemChange.emit(n),(n instanceof nt||n instanceof rt)&&(n.selected.emit(),l&&n.checkedChange.emit(n.checked))},a.prototype.mustCloseAfterSelectPopupItem=function(e,t,a){var r=this.getItems(),n=this.getItemSubitems(r[e])[t];null!=a&&(n=this.getSubItemSubitems(n)[a]);return"menuitemcheckbox"!==n.role&&"menuitemradio"!==n.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 r=0,n=this.getItems(),i=this.getItemSubitems(n[e]),l=0;l<t;l++){var s=i[l],o=this.getSubItemSubitems(s);r+=o&&o.length>0?o.length:1}return null!=a&&(r+=a),r},a.prototype.focusItem=function(e,t){var a=this.menubar.nativeElement.contains(document.activeElement),r=this.menuData[this.currentFocusItemIndex].open;t&&!a||this.menuData[e].menuItem.link.nativeElement.focus(),this.closeMenu(),r&&this.hasPopupMenu(e)&&this.openMenu(e),this.currentFocusItemIndex=e},a.prototype.focusNextAvailableItem=function(e,t){var a=e,r=this.getItems();do{a=(a+r.length+t)%r.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,r=-1;do{t[a=(a+t.length+1)%t.length]&&t[a].trim().substr(0,1).toLowerCase()===e.toLowerCase()&&this.isItemFocusable(a)&&(r=a)}while(-1===r&&a!==this.currentFocusItemIndex);r>=0&&this.focusItem(r)},a.prototype.focusSubItem=function(e,t,a){if(this.menuData[e].menuItem.popupMenuItems.length>0){var r=this.getMenuDataIndex(e,t,a);this.menuData[e].currentFocusSubItemIndex=t,this.menuData[e].currentFocusSubSubItemIndex=a;var n=this.menuData[e].menuItem.popupMenuItems.toArray()[r].nativeElement;n?n.focus():console.error("No subitem to focus")}else console.error("No subitems")},a.prototype.focusNextAvailableSubItem=function(e,t,a,r){var n,i=t,l=a,s=this.getItems();do{var o=this.getNextSubItemIndexes(s,e,i,l,r);i=o.subIndex,l=o.subSubIndex,n=t===i&&a===l}while(!this.isSubItemFocusable(e,i,l)&&!n);n||this.focusSubItem(e,i,l)},a.prototype.focusFirstSubItem=function(e){var t=null,a=this.getItems(),r=this.getItemSubitems(a[e]),n=this.getSubItemSubitems(r[0]);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]),r=a.length-1,n=a[r],i=this.getSubItemSubitems(n),l=null;i&&i.length>0&&(l=i.length-1),this.isSubItemFocusable(e,r,l)?this.focusSubItem(e,r,l):this.focusNextAvailableSubItem(e,r,l,-1)},a.prototype.isSubItemFocusable=function(e,t,a){var r=this.getItems(),n=this.getItemSubitems(r[e])[t];null!=a&&(n=this.getSubItemSubitems(n)[a]);var i=!1;return"separator"!==n.role&&"none"!==n.role&&(i=!0),i},a.prototype.focusSubItemByFirstChar=function(e,t){var a=this.menuItems.toArray()[e].popupMenuItems.map((function(e){return e.nativeElement.textContent})),r=this.menuData[e].currentFocusSubItemIndex,n=this.menuData[e].currentFocusSubSubItemIndex,i=-1,l=null,s=!1,o=this.getItems();do{var d=this.getNextSubItemIndexes(o,e,r,n,1);r=d.subIndex,n=d.subSubIndex;var p=this.getMenuDataIndex(e,r,n);a[p]&&a[p].trim().substr(0,1).toLowerCase()===t.toLowerCase()&&this.isSubItemFocusable(e,r,n)&&(i=r,l=n),s=this.menuData[e].currentFocusSubItemIndex===r&&this.menuData[e].currentFocusSubSubItemIndex===n}while(-1===i&&!s);i>=0&&this.focusSubItem(e,i,l)},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 it&&(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 nt&&(t=e.getSubItems()),t&&0!==t.length||(t=e.items?e.items:[])),t},a.prototype.getNextSubItemIndexes=function(e,t,a,r,n){var i=this.getItemSubitems(e[t]),l=this.getSubItemSubitems(i[a]),s=!0;if(l&&l.length>0&&r+n>=0&&r+n<l.length&&(r+=n,s=!1),s){a=(a+n+i.length)%i.length;var o=this.getSubItemSubitems(i[a]);r=o&&o.length>0?((n>0?-1:0)+n+o.length)%o.length:null}return{subIndex:a,subSubIndex:r}},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>"+H.escapeHtml(this.labelData.text)+"</p>":this.labelText&&(e="<p>"+H.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 r;return e&&(r=e.id?e.id:0===t?"sub-"+a:"sub-"+a+"-"+t),r},a.prototype.getSubSubItemAriaChecked=function(e){var t=null;return"menuitemcheckbox"!==e.role&&"menuitemradio"!==e.role||(t=!!e.checked),t},a}(C);st.decorators=[{type:t.Component,args:[{selector:"desy-menubar",template:'<div [attr.id]="id" [class]="[\'c-menubar\', classes] | makeHtmlList"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.aria-modal]="ariaModal ? ariaModal : null"\r\n     [attr.tabindex]="tabindex ? tabindex : null">\r\n  <ng-container *ngIf="getLabelRef()">\r\n    <div [id]="id + \'-label\'" [class]="[\'mb-sm\', labelComponent ? labelComponent.classes : (labelData ? labelData.classes : null)] | makeHtmlList">\r\n      <ng-container *ngTemplateOutlet="getLabelRef()"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n  <ng-container *ngIf="!getLabelRef() && (labelData || labelText)">\r\n    <div [id]="id + \'-label\'" [class]="[\'mb-sm\', labelData ? labelData.classes : null] | makeHtmlList">\r\n      <ng-container *desyCustomInnerContent="{ html: getLabelContent() }"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n  <ul #menubar [id]="id + \'-menubar\'" class="lg:flex lg:flex-wrap" role="menubar"\r\n      (focusin)="handleMenuFocusIn()"\r\n      (focusout)="handleMenuFocusOut($event)"\r\n      [ngClass]="{ \'focus\': isFocused }"\r\n      [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n      [attr.aria-describedby]="getLabelRef() || labelData || labelText ? id + \'-label\' : null">\r\n    <ng-container *ngFor="let item of getItems(); index as itemIndex">\r\n      <li class="relative" role="none" desyMenubaritem (contentChanged)="checkChanges()">\r\n        <a *ngIf="item.sub" #link\r\n           role="menuitem" aria-haspopup="true" aria-expanded="false"\r\n           (click)="handleMenuItemClick($event, itemIndex)"\r\n           (keydown)="handleMenuItemKeydown($event, itemIndex)"\r\n           (mouseover)="handleMenuItemMouseOver(itemIndex)"\r\n           (desyAttributeChange)="checkChanges()" [attributesToCheck]="\'disabled\'"\r\n           [id]="getItemId(item, itemIndex)"\r\n           [class]="[\'c-menubar__button\', item.classes] | makeHtmlList"\r\n           [ngClass]="{\'c-menubar__button--disabled\': item.disabled, \'c-menubar__button--primary\': item.active}"\r\n           [attr.disabled]="item.disabled ? item.disabled : null"\r\n           [attr.aria-disabled]="item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)"\r\n           [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n           [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n           [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n           [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n           [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n           [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n           [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n           [attr.aria-modal]="item.ariaModal ? item.ariaModal : null"\r\n           [attr.tabindex]="item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)">\r\n          <span class="inline-flex self-center max-w-xs align-middle truncate" #itemContentWrapper>\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text}"></ng-container>\r\n          </span>\r\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>\r\n        </a>\r\n        <a *ngIf="item.routerLink && !item.sub" #link #itemContentWrapper\r\n           role="menuitem"\r\n           (click)="handleMenuItemClick($event, itemIndex)"\r\n           (keydown)="handleMenuItemKeydown($event, itemIndex)"\r\n           (mouseover)="handleMenuItemMouseOver(itemIndex)"\r\n           (desyAttributeChange)="checkChanges()" [attributesToCheck]="\'disabled\'"\r\n           [id]="getItemId(item, itemIndex)"\r\n           [routerLink]="item.routerLink"\r\n           [routerLinkActive]="item.routerLinkActiveClasses ? item.routerLinkActiveClasses : []"\r\n           [fragment]="item.fragment"\r\n           [class]="[\'c-menubar__button\', item.classes] | makeHtmlList"\r\n           [ngClass]="{\'c-menubar__button--disabled\': item.disabled, \'c-menubar__button--primary\': item.active}"\r\n           [attr.title]="item.title ? item.title : null"\r\n           [attr.disabled]="item.disabled ? item.disabled : null"\r\n           [attr.aria-disabled]="item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)"\r\n           [attr.tabindex]="item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)"\r\n           [attr.target]="item.target ? item.target : null"\r\n           [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n           [attr.aria-labelledBy]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n           [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n           [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n           [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n           [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n           [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n           [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n           [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n           [attr.aria-modal]="item.ariaModal ? item.ariaModal : null">\r\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text}"></ng-container>\r\n        </a>\r\n        <a *ngIf="!item.routerLink && item.href && !item.sub" #link #itemContentWrapper\r\n           role="menuitem"\r\n           (click)="handleMenuItemClick($event, itemIndex)"\r\n           (keydown)="handleMenuItemKeydown($event, itemIndex)"\r\n           (mouseover)="handleMenuItemMouseOver(itemIndex)"\r\n           (desyAttributeChange)="checkChanges()" [attributesToCheck]="\'disabled\'"\r\n           [id]="getItemId(item, itemIndex)"\r\n           [href]="item.href | externalHref"\r\n           [class]="[\'c-menubar__button\', item.classes] | makeHtmlList"\r\n           [ngClass]="{\'c-menubar__button--disabled\': item.disabled, \'c-menubar__button--primary\': item.active}"\r\n           [attr.title]="item.title ? item.title : null"\r\n           [attr.disabled]="item.disabled ? item.disabled : null"\r\n           [attr.aria-disabled]="item.disabled ? item.disabled : (item.ariaDisabled ? item.ariaDisabled : null)"\r\n           [attr.tabindex]="item.disabled ? -1 : (itemIndex === currentFocusItemIndex ? 0 : -1)"\r\n           [attr.target]="item.target ? item.target : null"\r\n           [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n           [attr.aria-labelledBy]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n           [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n           [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n           [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n           [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n           [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n           [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n           [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n           [attr.aria-modal]="item.ariaModal ? item.ariaModal : null">\r\n          <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text}"></ng-container>\r\n        </a>\r\n\r\n        <ul *ngIf="item.sub && getItemSubitems(item)" #popupMenu role="menu" tabindex="-1"\r\n            [ngStyle]="getPopupStyle(itemIndex)"\r\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"\r\n            [attr.aria-label]="item.ariaLabel ? item.ariaLabel : (item.sub.ariaLabel ? item.sub.ariaLabel : null)"\r\n            [attr.aria-describedby]="item.sub.ariaDescribedBy ? item.sub.ariaDescribedBy : null"\r\n            [attr.aria-labelledby]="item.sub.ariaLabelledBy ? item.sub.ariaLabelledBy : null"\r\n            [attr.aria-hidden]="item.sub.ariaHidden ? item.sub.ariaHidden : null"\r\n            [attr.aria-disabled]="item.sub.ariaDisabled ? item.sub.ariaDisabled : null"\r\n            [attr.aria-controls]="item.sub.ariaControls ? item.sub.ariaControls : null"\r\n            [attr.aria-current]="item.sub.ariaCurrent ? item.sub.ariaCurrent : null"\r\n            [attr.aria-live]="item.sub.ariaLive ? item.sub.ariaLive : null"\r\n            [attr.aria-expanded]="!!(menuData && menuData[itemIndex].open)"\r\n            [attr.aria-errormessage]="item.sub.ariaErrorMessage ? item.sub.ariaErrorMessage : null"\r\n            [attr.aria-haspopup]="item.sub.ariaHasPopup ? item.sub.ariaHasPopup : null"\r\n            [attr.aria-modal]="item.sub.ariaModal ? item.sub.ariaModal : null">\r\n          <ng-container *ngFor="let subItem of getItemSubitems(item); index as subItemIndex">\r\n            <ng-container [ngSwitch]="subItem.role">\r\n              <li #popupMenuItem *ngSwitchCase="\'none\'" role="none" tabindex="-1"\r\n                  [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\r\n                  (click)="handlePopupMenuItemClick(itemIndex, subItemIndex)"\r\n                  (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex)"\r\n                  (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)">\r\n                <ng-container *desyCustomInnerContent="{ component: subItem, html: subItem.html, text: subItem.text}"></ng-container>\r\n              </li>\r\n              <li *ngSwitchCase="\'group\'" role="none">\r\n                <ul role="group" [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\r\n                    [attr.aria-label]="subItem.ariaLabel ? subItem.ariaLabel : null">\r\n                  <ng-container *ngFor="let subsubitem of getSubItemSubitems(subItem); index as subsubIndex">\r\n                    <ng-container *ngIf="subsubitem">\r\n                      <li #popupMenuItem [attr.role]="subsubitem.role ? subsubitem.role : null"  tabindex="-1"\r\n                          [id]="getSubItemId(subsubitem, subsubIndex, getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex)))"\r\n                          (click)="handlePopupMenuItemClick(itemIndex, subItemIndex, subsubIndex)"\r\n                          (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex, subsubIndex)"\r\n                          (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex, subsubIndex)"\r\n                          [attr.aria-checked]="getSubSubItemAriaChecked(subsubitem)"\r\n                          class="flex items-center pr-base pl-lg py-sm cursor-pointer hover:bg-primary-base hover:text-white">\r\n                        <ng-container *desyCustomInnerContent="{ component: subsubitem, html: subsubitem.html, text: subsubitem.text}"></ng-container>\r\n                      </li>\r\n                    </ng-container>\r\n                  </ng-container>\r\n                </ul>\r\n              </li>\r\n              <li #popupMenuItem *ngSwitchCase="\'menuitem\'" role="menuitem" tabindex="-1"\r\n                  (click)="handlePopupMenuItemClick(itemIndex, subItemIndex)"\r\n                  (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex)"\r\n                  (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)"\r\n                  [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\r\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">\r\n                <ng-container *desyCustomInnerContent="{ component: subItem, html: subItem.html, text: subItem.text}"></ng-container>\r\n              </li>\r\n              <li #popupMenuItem *ngSwitchCase="\'menuitemcheckbox\'" role="menuitemcheckbox" tabindex="-1"\r\n                  (click)="handlePopupMenuItemClick(itemIndex, subItemIndex)"\r\n                  (mouseover)="handlePopupMenuItemMouseOver(itemIndex, subItemIndex)"\r\n                  (keydown)="handlePopupMenuItemKeydown($event, itemIndex, subItemIndex)"\r\n                  [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\r\n                  [attr.aria-checked]="!!subItem.checked"\r\n                  class="flex items-center pr-base pl-lg py-sm cursor-pointer hover:bg-primary-base hover:text-white">\r\n                <ng-container *desyCustomInnerContent="{ component: subItem, html: subItem.html, text: subItem.text}"></ng-container>\r\n              </li>\r\n              <li #popupMenuItem *ngSwitchCase="\'separator\'" role="separator"\r\n                  [id]="getSubItemId(subItem, subItemIndex, getItemId(item, itemIndex))"\r\n                  class="my-sm border-b border-neutral-base">\r\n              </li>\r\n            </ng-container>\r\n          </ng-container>\r\n        </ul>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</div>\r\n'}]}],st.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},st.propDecorators={id:[{type:t.Input}],idPrefix:[{type:t.Input}],classes:[{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}],menubar:[{type:t.ViewChild,args:["menubar",{read:t.ElementRef}]}],menuItems:[{type:t.ViewChildren,args:[at]}],labelComponent:[{type:t.ContentChildren,args:[lt]}],itemComponentList:[{type:t.ContentChildren,args:[it]}]},m([T()],st.prototype,"labelComponent",void 0);var ot=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);ot.decorators=[{type:t.Component,args:[{selector:"desy-notification-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],ot.propDecorators={href:[{type:t.Input}],target:[{type:t.Input}],routerLink:[{type:t.Input}],fragment:[{type:t.Input}],id:[{type:t.Input}]};var dt=function(e){function a(a){var r=e.call(this)||this;return r.changeDetectorRef=a,r.isOpen=!0,r.isOpenChange=new t.EventEmitter,r.isDismissing=!1,r.displayDefaultIcon=!1,r}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);dt.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\') "\r\n     *ngIf="isOpen && !isDismissing"\r\n     @displayNotification\r\n     [attr.role]="role"\r\n     [attr.aria-describedby]="ariaDescribedBy"\r\n     [attr.aria-errormessage]="ariaErrorMessage"\r\n     [attr.aria-label]="ariaLabel"\r\n     [attr.aria-labelledby]="ariaLabelledBy"\r\n     [attr.aria-hidden]="ariaHidden"\r\n     [attr.aria-disabled]="ariaDisabled"\r\n     [attr.aria-controls]="ariaControls"\r\n     [attr.aria-current]="ariaCurrent"\r\n     [attr.aria-live]="ariaLive"\r\n     [attr.aria-expanded]="ariaExpanded"\r\n     [attr.aria-haspopup]="ariaHasPopup"\r\n     [attr.tabindex]="tabindex">\r\n  <div *ngIf="iconComponent || icon || type" class="h-full mr-base">\r\n    <ng-container *desyCustomInnerContent="{ component: iconComponent, html: icon ? icon.html : null }"></ng-container>\r\n    <ng-container *ngIf="displayDefaultIcon && type">\r\n      <ng-container [ngSwitch]="getType()">\r\n        <svg *ngSwitchCase="\'success\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-5 h-5 text-success-dark" aria-label="É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>\r\n        <svg *ngSwitchCase="\'alert\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-5 h-5 text-alert-base" aria-label="Error" focusable="false" role="img"><path d="M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z" fill="currentColor"/></svg>\r\n        <svg *ngSwitchCase="\'info\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-5 h-5 text-primary-base" aria-label="Informació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>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n  <div class="lg:flex flex-1 self-center">\r\n    <div class="lg:flex-1 lg:self-center">\r\n      <ng-container *ngIf="titleComponent || title" [ngSwitch]="headingLevel">\r\n        <h1 *ngSwitchCase="1" [id]="id ? id + \'-title\' : null" tabindex="-1"\r\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }"></ng-container>\r\n        </h1>\r\n        <h2 *ngSwitchCase="2" [id]="id ? id + \'-title\' : null" tabindex="-1"\r\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }"></ng-container>\r\n        </h2>\r\n        <h3 *ngSwitchCase="3" [id]="id ? id + \'-title\' : null" tabindex="-1"\r\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }"></ng-container>\r\n        </h3>\r\n        <h4 *ngSwitchCase="4" [id]="id ? id + \'-title\' : null" tabindex="-1"\r\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }"></ng-container>\r\n        </h4>\r\n        <h5 *ngSwitchCase="5" [id]="id ? id + \'-title\' : null" tabindex="-1"\r\n            [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }"></ng-container>\r\n        </h5>\r\n        <p *ngSwitchDefault [id]="id ? id + \'-title\' : null" tabindex="-1"\r\n           [class]="[\'font-bold pr-base focus:outline-none focus:underline\', titleComponent ? titleComponent.classes : title.classes] | makeHtmlList">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: titleComponent,\r\n            html: title ? title.html : null,\r\n            text: title ? title.text : null\r\n          }"></ng-container>\r\n        </p>\r\n      </ng-container>\r\n      <ng-container *ngIf="descriptionComponent || description">\r\n        <p [class]="descriptionComponent ? descriptionComponent.classes : description.classes">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: descriptionComponent,\r\n            html: description ? description.html : null,\r\n            text: description ? description.text : null\r\n          }"></ng-container>\r\n        </p>\r\n      </ng-container>\r\n      <ul *ngIf="(itemCompontents && itemCompontents.length > 0) || items">\r\n        <ng-container *ngFor="let item of getItems(); index as i">\r\n          <li *ngIf="item.routerLink || item.href">\r\n            <a *ngIf="item.routerLink" class="c-link"\r\n               [routerLink]="item.routerLink"\r\n               [fragment]="item.fragment"\r\n               [ngClass]="{\'c-link--alert\': type===\'alert\'}"\r\n               [attr.id]="item.id ? item.id : null"\r\n               [attr.role]="item.role"\r\n               [attr.ariaLabel]="item.ariaLabel"\r\n               [attr.ariaDescribedBy]="item.ariaDescribedBy"\r\n               [attr.ariaLabelledBy]="item.ariaLabelledBy"\r\n               [attr.ariaHidden]="item.ariaHidden"\r\n               [attr.ariaDisabled]="item.ariaDisabled"\r\n               [attr.ariaControls]="item.ariaControls"\r\n               [attr.ariaCurrent]="item.ariaCurrent"\r\n               [attr.ariaLive]="item.ariaLive"\r\n               [attr.ariaExpanded]="item.ariaExpanded"\r\n               [attr.ariaErrorMessage]="item.ariaErrorMessage"\r\n               [attr.ariaHasPopup]="item.ariaHasPopup"\r\n               [attr.tabindex]="item.tabindex">\r\n              <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n            </a>\r\n            <a *ngIf="!item.routerLink && item.href" class="c-link"\r\n               [href]="item.href | externalHref"\r\n               [target]="item.target"\r\n               [ngClass]="{\'c-link--alert\': type===\'alert\'}"\r\n               [attr.id]="item.id ? item.id : null"\r\n               [attr.role]="item.role"\r\n               [attr.ariaLabel]="item.ariaLabel"\r\n               [attr.ariaDescribedBy]="item.ariaDescribedBy"\r\n               [attr.ariaLabelledBy]="item.ariaLabelledBy"\r\n               [attr.ariaHidden]="item.ariaHidden"\r\n               [attr.ariaDisabled]="item.ariaDisabled"\r\n               [attr.ariaControls]="item.ariaControls"\r\n               [attr.ariaCurrent]="item.ariaCurrent"\r\n               [attr.ariaLive]="item.ariaLive"\r\n               [attr.ariaExpanded]="item.ariaExpanded"\r\n               [attr.ariaErrorMessage]="item.ariaErrorMessage"\r\n               [attr.ariaHasPopup]="item.ariaHasPopup"\r\n               [attr.tabindex]="item.tabindex">\r\n              <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n            </a>\r\n          </li>\r\n          <li *ngIf="!item.routerLink && !item.href">\r\n            <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n      <p *ngIf="contentComponent || content" [class]="[\'text-sm\', contentComponent ? contentComponent.classes : content.classes] | makeHtmlList">\r\n        <ng-container *desyCustomInnerContent="{\r\n          component: contentComponent,\r\n          html: content ? content.html : null,\r\n          text: content ? content.text : null\r\n        }"></ng-container>\r\n      </p>\r\n    </div>\r\n    <ng-container *ngIf="isDismissible">\r\n      <div class="absolute top-0 right-0 p-sm">\r\n        <button (click)="dismiss()" class="p-sm focus:bg-warning-base focus:border-warning-base focus:shadow-outline-black focus:text-black focus:outline-none" aria-label="X: Cerrar notificación">\r\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4" aria-hidden="true" role="presentation"><path d="M85.91 71.77a2.5 2.5 0 010-3.54l46.16-46.16a10 10 0 10-14.14-14.14L71.77 54.09a2.5 2.5 0 01-3.54 0L22.07 7.93A10 10 0 007.93 22.07l46.16 46.16a2.5 2.5 0 010 3.54L7.93 117.93a10 10 0 0014.14 14.14l46.16-46.16a2.5 2.5 0 013.54 0l46.16 46.16a10 10 0 0014.14-14.14z" fill="currentColor"/></svg>\r\n        </button>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n',animations:[r.trigger("displayNotification",[r.state("void",r.style({opacity:"0.0",transform:"scaleY(0.95)"})),r.state("*",r.style({opacity:"1.0",transform:"scaleY(1.0)"})),r.transition(":enter",[r.animate("100ms ease-out")]),r.transition(":leave",[r.animate("75ms ease-in")])])]}]}],dt.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},dt.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:[R]}],contentComponent:[{type:t.ContentChildren,args:[O]}],iconComponent:[{type:t.ContentChildren,args:[A]}],itemCompontents:[{type:t.ContentChildren,args:[ot]}]},m([T()],dt.prototype,"titleComponent",void 0),m([T()],dt.prototype,"descriptionComponent",void 0),m([T()],dt.prototype,"contentComponent",void 0),m([T()],dt.prototype,"iconComponent",void 0);var pt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);pt.decorators=[{type:t.Component,args:[{selector:"desy-table-cell",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],pt.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}],colspan:[{type:t.Input}],rowspan:[{type:t.Input}]};var ct=function(){};ct.decorators=[{type:t.Component,args:[{selector:"desy-table-header",template:""}]}],ct.propDecorators={cells:[{type:t.ContentChildren,args:[pt]}]};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-table-caption",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],ut.propDecorators={classes:[{type:t.Input}]};var mt=function(){};mt.decorators=[{type:t.Component,args:[{selector:"desy-table-row",template:""}]}],mt.propDecorators={cells:[{type:t.ContentChildren,args:[pt]}]};var gt,ht=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 mt?e.cells.toArray():e},t}(C);ht.decorators=[{type:t.Component,args:[{selector:"desy-table",template:'<ng-template #tableContent>\r\n  <table [class]="[\'c-table\', classes] | makeHtmlList"\r\n         [attr.id]="id ? id : null"\r\n         [attr.role]="role"\r\n         [attr.aria-describedby]="ariaDescribedBy"\r\n         [attr.aria-errormessage]="ariaErrorMessage"\r\n         [attr.aria-label]="ariaLabel"\r\n         [attr.aria-labelledby]="ariaLabelledBy"\r\n         [attr.aria-hidden]="ariaHidden"\r\n         [attr.aria-disabled]="ariaDisabled"\r\n         [attr.aria-controls]="ariaControls"\r\n         [attr.aria-current]="ariaCurrent"\r\n         [attr.aria-live]="ariaLive"\r\n         [attr.aria-expanded]="ariaExpanded"\r\n         [attr.aria-haspopup]="ariaHasPopup"\r\n         [attr.tabindex]="tabindex">\r\n    <caption *ngIf="caption || captionComponent" [class]="getCaptionClass()">\r\n      <ng-container *desyCustomInnerContent="{ component: captionComponent, text: caption ? caption : null }"></ng-container>\r\n    </caption>\r\n    <thead *ngIf="head || headerComponent">\r\n      <tr class="border-t border-b border-neutral-base">\r\n        <ng-container *ngFor="let headerCell of getHeaderCells()">\r\n          <th scope="col"\r\n              [class]="[\'align-top px-base py-sm text-left font-normal text-sm text-neutral-dark\', headerCell.classes] | makeHtmlList"\r\n              [attr.colspan]="(headerCell.colspan ?  headerCell.colspan : null)"\r\n              [attr.rowspan]="(headerCell.rowspan ? headerCell.rowspan : null)"\r\n              [attr.id]="headerCell.id ? headerCell.id : null"\r\n              [attr.role]="headerCell.role"\r\n              [attr.aria-describedby]="headerCell.ariaDescribedBy"\r\n              [attr.aria-errormessage]="headerCell.ariaErrorMessage"\r\n              [attr.aria-label]="headerCell.ariaLabel"\r\n              [attr.aria-labelledby]="headerCell.ariaLabelledBy"\r\n              [attr.aria-hidden]="headerCell.ariaHidden"\r\n              [attr.aria-disabled]="headerCell.ariaDisabled"\r\n              [attr.aria-controls]="headerCell.ariaControls"\r\n              [attr.aria-current]="headerCell.ariaCurrent"\r\n              [attr.aria-live]="headerCell.ariaLive"\r\n              [attr.aria-expanded]="headerCell.ariaExpanded"\r\n              [attr.aria-haspopup]="headerCell.ariaHasPopup"\r\n              [attr.tabindex]="headerCell.tabindex">\r\n            <ng-container *desyCustomInnerContent="{ component: headerCell, html: headerCell.html, text: headerCell.text }"></ng-container>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <tr *ngFor="let row of getRows(); index as rowIndex" class="border-t border-b border-neutral-base">\r\n          <ng-container *ngFor="let cell of getRowCells(row); first as isFirst; index as cellIndex">\r\n              <th *ngIf="firstCellIsHeader && isFirst; else elseTd" scope="row"\r\n                  [class]="[\'align-top px-base py-sm text-left font-normal text-sm text-neutral-dark\', cell.classes] | makeHtmlList"\r\n                  [attr.colspan]="cell.colspan ? cell.colspan  : null"\r\n                  [attr.rowspan]="cell.rowspan ? cell.rowspan  : null"\r\n                  [attr.id]="cell.id ? cell.id : null"\r\n                  [attr.role]="cell.role ? cell.role : null"\r\n                  [attr.aria-label]="cell.ariaLabel ? cell.ariaLabel : null"\r\n                  [attr.aria-describedby]="cell.ariaDescribedBy ? cell.ariaDescribedBy : null"\r\n                  [attr.aria-labelledby]="cell.ariaLabelledBy ? cell.ariaLabelledBy : null"\r\n                  [attr.aria-hidden]="cell.ariaHidden ? cell.ariaHidden : null"\r\n                  [attr.aria-disabled]="cell.ariaDisabled ? cell.ariaDisabled : null"\r\n                  [attr.aria-controls]="cell.ariaControls ? cell.ariaControls : null"\r\n                  [attr.aria-current]="cell.ariaCurrent ? cell.ariaCurrent : null"\r\n                  [attr.aria-live]="cell.ariaLive ? cell.ariaLive : null"\r\n                  [attr.aria-expanded]="cell.ariaExpanded ? cell.ariaExpanded : null"\r\n                  [attr.aria-errormessage]="cell.ariaErrorMessage ? cell.ariaErrorMessage : null"\r\n                  [attr.aria-haspopup]="cell.ariaHasPopup ? cell.ariaHasPopup : null"\r\n                  [attr.tabindex]="cell.tabindex ? cell.tabindex : null">\r\n                <ng-container *desyCustomInnerContent="{ component: cell, html: cell.html, text: cell.text }"></ng-container>\r\n              </th>\r\n              <ng-template #elseTd>\r\n                  <td [class]="[\'px-base py-sm\', cell.classes] | makeHtmlList"\r\n                      [attr.colspan]="cell.colspan ? cell.colspan  : null"\r\n                      [attr.rowspan]="cell.rowspan ? cell.rowspan  : null"\r\n                      [attr.id]="cell.id ? cell.id : null"\r\n                      [attr.role]="cell.role ? cell.role : null"\r\n                      [attr.aria-label]="cell.ariaLabel ? cell.ariaLabel : null"\r\n                      [attr.aria-describedby]="cell.ariaDescribedBy ? cell.ariaDescribedBy : null"\r\n                      [attr.aria-labelledby]="cell.ariaLabelledBy ? cell.ariaLabelledBy : null"\r\n                      [attr.aria-hidden]="cell.ariaHidden ? cell.ariaHidden : null"\r\n                      [attr.aria-disabled]="cell.ariaDisabled ? cell.ariaDisabled : null"\r\n                      [attr.aria-controls]="cell.ariaControls ? cell.ariaControls : null"\r\n                      [attr.aria-current]="cell.ariaCurrent ? cell.ariaCurrent : null"\r\n                      [attr.aria-live]="cell.ariaLive ? cell.ariaLive : null"\r\n                      [attr.aria-expanded]="cell.ariaExpanded ? cell.ariaExpanded : null"\r\n                      [attr.aria-errormessage]="cell.ariaErrorMessage ? cell.ariaErrorMessage : null"\r\n                      [attr.aria-haspopup]="cell.ariaHasPopup ? cell.ariaHasPopup : null"\r\n                      [attr.tabindex]="cell.tabindex ? cell.tabindex : null">\r\n                    <ng-container *desyCustomInnerContent="{ component: cell, html: cell.html, text: cell.text }"></ng-container>\r\n                  </td>\r\n              </ng-template>\r\n          </ng-container>\r\n      </tr>\r\n    </tbody>\r\n  </table>\r\n</ng-template>\r\n\r\n<div *ngIf="wrapper; else tableContent" [class]="wrapper.classes">\r\n  <ng-container *ngTemplateOutlet="tableContent"></ng-container>\r\n</div>\r\n'}]}],ht.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:[ut]}],headerComponent:[{type:t.ContentChildren,args:[ct]}],rowComponentList:[{type:t.ContentChildren,args:[mt]}]},m([T()],ht.prototype,"captionComponent",void 0),m([T()],ht.prototype,"headerComponent",void 0),e.OrderBy=void 0,(gt=e.OrderBy||(e.OrderBy={})).none="none",gt.asc="asc",gt.desc="desc";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-table-advanced-header-cell",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],bt.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}]};var yt=function(){};yt.decorators=[{type:t.Component,args:[{selector:"desy-table-advanced-header",template:""}]}],yt.propDecorators={cells:[{type:t.ContentChildren,args:[bt]}]};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-table-advanced-row-cell",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],ft.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}],colspan:[{type:t.Input}],rowspan:[{type:t.Input}]};var Ct=function(){this.checkedChange=new t.EventEmitter};Ct.decorators=[{type:t.Component,args:[{selector:"desy-table-advanced-row",template:""}]}],Ct.propDecorators={cellsList:[{type:t.ContentChildren,args:[ft]}],id:[{type:t.Input}],checked:[{type:t.Input}],checkedChange:[{type:t.Output}]};var vt=function(){function e(e){this.element=e}return e.prototype.getContent=function(){return this.element.nativeElement.textContent},e}();vt.decorators=[{type:t.Directive,args:[{selector:"[desyCell]"}]}],vt.ctorParameters=function(){return[{type:t.ElementRef}]},vt.propDecorators={row:[{type:t.Input}],rowIndex:[{type:t.Input}],columnIndex:[{type:t.Input}]};var xt=function(){function e(){}return e.prototype.getCell=function(e){return this.contentCells.find((function(t){return t.columnIndex===e}))},e}();xt.decorators=[{type:t.Directive,args:[{selector:"[desyRow]"}]}],xt.propDecorators={contentCells:[{type:t.ContentChildren,args:[vt]}],desyRow:[{type:t.Input}]};var It=function(a){function r(r,n){var i=a.call(this)||this;return i.el=r,i.changeDetector=n,i.rowsChange=new t.EventEmitter,i.rowsChecked=new t.EventEmitter,i.recalculateTable=new t.EventEmitter,i.orderByType=e.OrderBy,i}return u(r,a),r.prototype.ngAfterViewInit=function(){var e=this.el.nativeElement.querySelector("[tabindex]");e&&e.setAttribute("tabindex","0"),this.recalculateVisibleElements()},r.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()}},r.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})}));var r=a.findIndex((function(t){return t.orderBy&&t.orderBy!==e.OrderBy.none}));t.sort=r>=0?{columnIndex:r,order:a[r].orderBy}:null}return t},r.prototype.hasFilters=function(){var e=this.getHeaderCells();return!!e&&e.findIndex((function(e){return e.hasFilter}))>=0},r.prototype.getHeaderCells=function(){return this.headerComponent&&this.headerComponent.cells.length>0?this.headerComponent.cells.toArray():this.head},r.prototype.getRows=function(){var e=[];return this.rowComponentList.length>0?e=this.rowComponentList.toArray():this.rows&&(e=this.rows),e},r.prototype.getVisibleRows=function(){return this.recalculateTable.observers.length>0?this.getRows():this.visibleRows},r.prototype.getIdPrefix=function(){return this.idPrefix?this.idPrefix:"id-table-row"},r.prototype.getIdHeader=function(e){return this.getIdPrefix()+"-header-"+e},r.prototype.getIdRowCheckbox=function(e){return this.getIdPrefix()+"-checkbox-"+e},r.prototype.getIdHeaderFilter=function(e){return this.getIdPrefix()+"-header-filter-"+e},r.prototype.getCaptionClass=function(){return this.captionComponent?this.captionComponent.classes:this.captionClasses},r.prototype.getStringOrderBy=function(t){return t===e.OrderBy.asc?"ascending":t===e.OrderBy.desc?"descending":t===e.OrderBy.none?"none":void 0},r.prototype.handleCheckboxChange=function(e){e instanceof Ct&&e.checkedChange.emit(e.checked),this.notifyCheckedChange()},r.prototype.uncheckAll=function(){this.getRows().forEach((function(e){var t=e.checked&&e instanceof Ct;e.checked=!1,t&&e.checkedChange.emit(e.checked)})),this.notifyCheckedChange()},r.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)},r.prototype.handleInputSearch=function(e){e.hasFilter&&(e.activeFilter=!!e.valueFilter,this.uncheckAll()),this.recalculateVisibleElements()},r.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},r.prototype.handleSortByColumn=function(t){var a=this,r=this.getHeaderCells();r&&r.forEach((function(r,n){r.orderBy&&(r.orderBy=n===t?a.getNextDirection(r):e.OrderBy.none)})),this.recalculateVisibleElements()},r.prototype.sortRows=function(t,a){var r=this,n=a;if(t.sort){var i=t.sort.columnIndex,l=t.sort.order===e.OrderBy.asc;n=a.sort((function(e,t){return r.compareCellContent(e.getCell(i),t.getCell(i),l)}))}return n},r.prototype.compareCellContent=function(e,t,a){var r=this.cleanCurrency(e.getContent()),n=this.cleanCurrency(t.getContent());return(isNaN(+r)&&isNaN(+n)?r.localeCompare(n,"es",{sensitivity:"base",ignorePunctuation:!0}):r.localeCompare(n,void 0,{numeric:!0}))*(a?1:-1)},r.prototype.getNextDirection=function(t){return t.orderBy===e.OrderBy.none||t.orderBy===e.OrderBy.desc?e.OrderBy.asc:e.OrderBy.desc},r.prototype.cleanCurrency=function(e){return/[\d.,]+[\€]/g.test(e)&&(e=e.replace(/€/g,"")),e},r}(C);It.decorators=[{type:t.Component,args:[{selector:"desy-table-advanced",template:'<ng-template #tableContent>\r\n  <table role="grid"\r\n          [class]="[\'c-table-advanced border-t-2 border-b-2 border-neutral-base\', classes] | makeHtmlList"\r\n          [attr.id]="id ? id : null"\r\n          [attr.role]="role ? role : null"\r\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n          [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n          [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n          [attr.aria-live]="ariaLive ? ariaLive : null"\r\n          [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n          [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n          [attr.tabindex]="tabindex ? tabindex : null">\r\n      <caption *ngIf="caption || captionComponent" [class]="getCaptionClass()">\r\n        <ng-container *desyCustomInnerContent="{ component: captionComponent, text: caption ? caption : null }"></ng-container>\r\n      </caption>\r\n      <thead *ngIf="getHeaderCells()">\r\n          <tr class="border-t border-neutral-base divide-x divide-neutral-base">\r\n              <th *ngIf="hasCheckboxes" scope="col" [class]="[\'align-top px-base py-xs\', checkboxClasses] | makeHtmlList">\r\n                  <span class="sr-only">Seleccionar fila</span>\r\n              </th>\r\n              <th scope="col" *ngFor="let item of getHeaderCells(); index as iHeader" [id]="getIdHeader(iHeader)"\r\n                      [attr.aria-sort]="item.orderBy ? getStringOrderBy(item.orderBy) : null"\r\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"\r\n                      [attr.colspan]="item.colspan ? item.colspan  : null"\r\n                      [attr.rowspan]="item.rowspan ? item.rowspan  : null"\r\n                      [attr.role]="item.role ? item.role : null"\r\n                      [attr.aria-label]="item.ariaLabel ? item.ariaLabel : null"\r\n                      [attr.aria-describedby]="item.ariaDescribedBy ? item.ariaDescribedBy : null"\r\n                      [attr.aria-labelledby]="item.ariaLabelledBy ? item.ariaLabelledBy : null"\r\n                      [attr.aria-hidden]="item.ariaHidden ? item.ariaHidden : null"\r\n                      [attr.aria-disabled]="item.ariaDisabled ? item.ariaDisabled : null"\r\n                      [attr.aria-controls]="item.ariaControls ? item.ariaControls : null"\r\n                      [attr.aria-current]="item.ariaCurrent ? item.ariaCurrent : null"\r\n                      [attr.aria-live]="item.ariaLive ? item.ariaLive : null"\r\n                      [attr.aria-expanded]="item.ariaExpanded ? item.ariaExpanded : null"\r\n                      [attr.aria-errormessage]="item.ariaErrorMessage ? item.ariaErrorMessage : null"\r\n                      [attr.aria-haspopup]="item.ariaHasPopup ? item.ariaHasPopup : null"\r\n                      [attr.tabindex]="item.tabindex ? item.tabindex : null">\r\n\r\n                  <span *ngIf="item.orderBy" class="inline-block relative" (click)="handleSortByColumn(iHeader)" desyFocusClickedCell\r\n                        [attr.tabindex]="item.orderBy ? -1 : null"\r\n                        [attr.role]="item.orderBy ? \'button\' : null">\r\n                    <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n                    <span class="c-table-advanced__order" *ngIf="item.orderBy">\r\n                        <span class="sr-only">Pulsa para ordenar por esta columna</span>\r\n                        <span class="c-table-advanced__ascending" *ngIf="item.orderBy == orderByType.asc">\r\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>\r\n                        </span>\r\n                        <span class="c-table-advanced__descending" *ngIf="item.orderBy == orderByType.desc">\r\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>\r\n                        </span>\r\n                        <span class="c-table-advanced__none"  *ngIf="item.orderBy == orderByType.none">\r\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>\r\n                        </span>\r\n                    </span>\r\n                  </span>\r\n\r\n                  <span *ngIf="!item.orderBy" class="inline-block relative">\r\n                    <ng-container *desyCustomInnerContent="{ component: item, html: item.html, text: item.text }"></ng-container>\r\n                  </span>\r\n              </th>\r\n          </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n          <tr class="divide-x divide-neutral-base" *ngIf="hasFilters()">\r\n              <td *ngIf="hasCheckboxes" [ngClass]="checkboxClasses"></td>\r\n              <td tabindex="-1" *ngFor="let item of getHeaderCells(); index as iHead" desyFocusClickedCell\r\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">\r\n                  <desy-search-bar *ngIf="item.hasFilter"\r\n                                   [(ngModel)]="item.valueFilter" [ngModelOptions]="{standalone: true}"\r\n                                   (clickEvent)="handleInputSearch(item)"\r\n                                   (ngModelChange)="handleInputSearch(item)"\r\n                                   labelText="Buscar en esta columna"\r\n                                   [id]="getIdHeaderFilter(iHead)"\r\n                                   placeholder="Buscar"\r\n                                   [classes]="[\'c-input--sm\', item.filterClasses] | makeHtmlList"\r\n                                   buttonClasses="m-xs p-0.5 text-xs"\r\n                                   [describedBy]="getIdHeader(iHead)"> </desy-search-bar>\r\n              </td>\r\n          </tr>\r\n\r\n\r\n          <tr *ngFor="let row of getVisibleRows(); index as iRow" class="border-t border-b border-neutral-base hover:bg-neutral-lighter"\r\n              [desyRow]="row"\r\n              [ngClass]="{\'bg-neutral-light\': hasCheckboxes && row.checked }">\r\n              <td *ngIf="hasCheckboxes" desyFocusClickedCell [class]="[\'px-base py-sm\', checkboxClasses] | makeHtmlList"\r\n                  tabindex="-1" >\r\n                <div class="c-checkboxes c-checkboxes--sm">\r\n                  <div>\r\n                    <div class="relative flex items-start">\r\n                      <div class="flex items-center mx-sm">\r\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"\r\n                               [(ngModel)]="row.checked" (ngModelChange)="handleCheckboxChange(row)"\r\n                               [id]="getIdRowCheckbox(iRow)"\r\n                               [name]="getIdRowCheckbox(iRow)"\r\n                               [attr.aria-label]="\'Fila \' + iRow">\r\n                      </div>\r\n                      <div class="pt-0.5 leading-5">\r\n                        <label class="sr-only block text-sm -mt-1" [for]="getIdRowCheckbox(iRow)">Selecciona fila {{ iRow }}</label>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </td>\r\n              <ng-container *ngFor="let cell of row.cellsList; first as isFirstCell; index as columnIndex">\r\n                  <th *ngIf="firstCellIsHeader && isFirstCell; else elseTd" scope="row"\r\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"\r\n                      desyCell [row]="row" [rowIndex]="iRow" [columnIndex]="columnIndex"\r\n                      [attr.colspan]="cell.colspan ? cell.colspan  : null"\r\n                      [attr.rowspan]="cell.rowspan ? cell.rowspan  : null"\r\n                      [attr.id]="cell.id ? cell.id : null"\r\n                      [attr.role]="cell.role ? cell.role : null"\r\n                      [attr.aria-label]="cell.ariaLabel ? cell.ariaLabel : null"\r\n                      [attr.aria-describedby]="cell.ariaDescribedBy ? cell.ariaDescribedBy : null"\r\n                      [attr.aria-labelledby]="cell.ariaLabelledBy ? cell.ariaLabelledBy : null"\r\n                      [attr.aria-hidden]="cell.ariaHidden ? cell.ariaHidden : null"\r\n                      [attr.aria-disabled]="cell.ariaDisabled ? cell.ariaDisabled : null"\r\n                      [attr.aria-controls]="cell.ariaControls ? cell.ariaControls : null"\r\n                      [attr.aria-current]="cell.ariaCurrent ? cell.ariaCurrent : null"\r\n                      [attr.aria-live]="cell.ariaLive ? cell.ariaLive : null"\r\n                      [attr.aria-expanded]="cell.ariaExpanded ? cell.ariaExpanded : null"\r\n                      [attr.aria-errormessage]="cell.ariaErrorMessage ? cell.ariaErrorMessage : null"\r\n                      [attr.aria-haspopup]="cell.ariaHasPopup ? cell.ariaHasPopup : null"\r\n                      [attr.tabindex]="cell.tabindex ? cell.tabindex : null">\r\n                    <ng-container *desyCustomInnerContent="{ component: cell, html: cell.html, text: cell.text }"></ng-container>\r\n                  </th>\r\n                  <ng-template #elseTd>\r\n                      <td tabindex="-1" desyFocusClickedCell\r\n                          [class]="[\'px-base py-sm\', cell.classes] | makeHtmlList"\r\n                          desyCell [row]="row" [rowIndex]="iRow" [columnIndex]="columnIndex"\r\n                          [attr.colspan]="cell.colspan ? cell.colspan  : null"\r\n                          [attr.rowspan]="cell.rowspan ? cell.rowspan  : null"\r\n                          [attr.id]="cell.id ? cell.id : null"\r\n                          [attr.role]="cell.role ? cell.role : null"\r\n                          [attr.aria-label]="cell.ariaLabel ? cell.ariaLabel : null"\r\n                          [attr.aria-describedby]="cell.ariaDescribedBy ? cell.ariaDescribedBy : null"\r\n                          [attr.aria-labelledby]="cell.ariaLabelledBy ? cell.ariaLabelledBy : null"\r\n                          [attr.aria-hidden]="cell.ariaHidden ? cell.ariaHidden : null"\r\n                          [attr.aria-disabled]="cell.ariaDisabled ? cell.ariaDisabled : null"\r\n                          [attr.aria-controls]="cell.ariaControls ? cell.ariaControls : null"\r\n                          [attr.aria-current]="cell.ariaCurrent ? cell.ariaCurrent : null"\r\n                          [attr.aria-live]="cell.ariaLive ? cell.ariaLive : null"\r\n                          [attr.aria-expanded]="cell.ariaExpanded ? cell.ariaExpanded : null"\r\n                          [attr.aria-errormessage]="cell.ariaErrorMessage ? cell.ariaErrorMessage : null"\r\n                          [attr.aria-haspopup]="cell.ariaHasPopup ? cell.ariaHasPopup : null"\r\n                          [attr.tabindex]="cell.tabindex ? cell.tabindex : -1">\r\n                        <ng-container *desyCustomInnerContent="{ component: cell, html: cell.html, text: cell.text }"></ng-container>\r\n                      </td>\r\n                  </ng-template>\r\n              </ng-container>\r\n          </tr>\r\n      </tbody>\r\n  </table>\r\n</ng-template>\r\n\r\n<div *ngIf="wrapper; else tableContent" [class]="wrapper.classes">\r\n  <ng-container *ngTemplateOutlet="tableContent"></ng-container>\r\n</div>\r\n'}]}],It.ctorParameters=function(){return[{type:t.ElementRef},{type:t.ChangeDetectorRef}]},It.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:[ut]}],headerComponent:[{type:t.ContentChildren,args:[yt]}],rowComponentList:[{type:t.ContentChildren,args:[Ct]}],rowData:[{type:t.ViewChildren,args:[xt]}],rowsChange:[{type:t.Output}],rowsChecked:[{type:t.Output}],recalculateTable:[{type:t.Output}]},m([T()],It.prototype,"captionComponent",void 0),m([T()],It.prototype,"headerComponent",void 0);var Dt=function(e){function a(a,r){var n=e.call(this)||this;return n.cdRef=a,n.factoryResolver=r,n.activeChange=new t.EventEmitter,n.lastActiveState=void 0,n.hasViewinit=!1,n.createdCallerFromType=!1,n}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=w.getFirstFocusableElement(this.alertWrapper.nativeElement);a&&a.focus()}},a}(C);Dt.decorators=[{type:t.Component,args:[{selector:"desy-alert",template:'<div #alertWrapper\r\n     [id]="id" [class]="classes ? classes : null"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.aria-modal]="ariaModal ? ariaModal : null">\r\n  <ng-container *ngIf="active">\r\n    <ng-template #container></ng-template>\r\n    <ng-container *ngTemplateOutlet="caller; context:callerContext"></ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n'}]}],Dt.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:t.ComponentFactoryResolver}]},Dt.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 Lt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Lt.decorators=[{type:t.Component,args:[{selector:"desy-accordion-header",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Lt.propDecorators={classes:[{type:t.Input}]};var Et=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);Et.decorators=[{type:t.Component,args:[{selector:"desy-accordion-item",template:""}]}],Et.propDecorators={id:[{type:t.Input}],open:[{type:t.Input}],classes:[{type:t.Input}],openChange:[{type:t.Output}],headerComponent:[{type:t.ContentChildren,args:[Lt]}],contentComponent:[{type:t.ContentChildren,args:[O]}]},m([T()],Et.prototype,"headerComponent",void 0),m([T()],Et.prototype,"contentComponent",void 0);var wt=function(e){function t(){var t=e.apply(this,f(arguments))||this;return t.showAll=!0,t}return u(t,e),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 Et&&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 Et&&t.openChange.emit(t.open)}));e.open=t,e instanceof Et&&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 Et?e.headerComponent:null},t.prototype.getItemContent=function(e){return e instanceof Et?e.contentComponent:null},t}(C);wt.decorators=[{type:t.Component,args:[{selector:"desy-accordion",template:'<div [class]="classes"\r\n     [attr.role]="role"\r\n     [attr.aria-describedby]="ariaDescribedBy"\r\n     [attr.aria-errormessage]="ariaErrorMessage"\r\n     [attr.aria-label]="ariaLabel"\r\n     [attr.aria-labelledby]="ariaLabelledBy"\r\n     [attr.aria-hidden]="ariaHidden"\r\n     [attr.aria-disabled]="ariaDisabled"\r\n     [attr.aria-controls]="ariaControls"\r\n     [attr.aria-current]="ariaCurrent"\r\n     [attr.aria-live]="ariaLive"\r\n     [attr.aria-expanded]="ariaExpanded"\r\n     [attr.aria-haspopup]="ariaHasPopup"\r\n     [attr.tabindex]="tabindex">\r\n  <div class="flex justify-between">\r\n    <ng-container *ngIf="headingComponent || heading">\r\n      <ng-container [ngSwitch]="headingLevel > 0 && headingLevel < 6 ? headingLevel : 2">\r\n        <h1 *ngSwitchCase="1" [class]="getTitleClasses()">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: headingComponent ? headingComponent : null,\r\n            html: heading ? heading.html : null,\r\n            text: heading ? heading.text : null\r\n          }"></ng-container>\r\n        </h1>\r\n        <h2 *ngSwitchCase="2" [class]="getTitleClasses()">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: headingComponent ? headingComponent : null,\r\n            html: heading ? heading.html : null,\r\n            text: heading ? heading.text : null\r\n          }"></ng-container>\r\n        </h2>\r\n        <h3 *ngSwitchCase="3" [class]="getTitleClasses()">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: headingComponent ? headingComponent : null,\r\n            html: heading ? heading.html : null,\r\n            text: heading ? heading.text : null\r\n          }"></ng-container>\r\n        </h3>\r\n        <h4 *ngSwitchCase="4" [class]="getTitleClasses()">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: headingComponent ? headingComponent : null,\r\n            html: heading ? heading.html : null,\r\n            text: heading ? heading.text : null\r\n          }"></ng-container>\r\n        </h4>\r\n        <h5 *ngSwitchCase="5" [class]="getTitleClasses()">\r\n          <ng-container *desyCustomInnerContent="{\r\n            component: headingComponent ? headingComponent : null,\r\n            html: heading ? heading.html : null,\r\n            text: heading ? heading.text : null\r\n          }"></ng-container>\r\n        </h5>\r\n      </ng-container>\r\n      <button *ngIf="showControl" (click)="changeAll()"\r\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">\r\n        {{showAll ? \'Mostrar\' : \'Ocultar\'}} todo\r\n      </button>\r\n    </ng-container>\r\n  </div>\r\n  <div class="Accordion">\r\n    <div *ngFor="let item of getItems(); index as i" class="-my-px px-xs py-sm border-t border-b border-neutral-base"\r\n         (keydown.home)="focusFirstItem($event)"\r\n         (keydown.end)="focusLastItem($event)"\r\n         (keydown.arrowup)="focusPreviousItem($event, i)"\r\n         (keydown.arrowdown)="focusNextItem($event, i)"\r\n         (click)="selectItem(i)">\r\n\r\n      <ng-container [ngSwitch]="headingLevel > 0 && headingLevel < 6 ? headingLevel : 2">\r\n        <h2 *ngSwitchCase="1"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h2>\r\n        <h3 *ngSwitchCase="2"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h3>\r\n        <h4 *ngSwitchCase="3"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h4>\r\n        <h5 *ngSwitchCase="4"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h5>\r\n        <h6 *ngSwitchCase="5"><ng-container *ngTemplateOutlet="itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}"></ng-container></h6>\r\n      </ng-container>\r\n      <p class="sr-only" aria-hidden="true">Haz click en el botón anterior para mostrar u ocultar</p>\r\n      <div *ngIf="item.open" class="Accordion-panel"\r\n           [attr.id]="getItemId(item, i)"\r\n           [attr.role]="(item.role ? role : \'accordion\')"\r\n           [attr.aria-selected]="currentItem === i ? \'true\' : \'false\'"\r\n           [attr.aria-describedby]="item.ariaDescribedBy"\r\n           [attr.aria-errormessage]="item.ariaErrorMessage"\r\n           [attr.aria-label]="item.ariaLabel"\r\n           [attr.aria-labelledby]="item.ariaLabelledBy"\r\n           [attr.aria-hidden]="item.ariaHidden"\r\n           [attr.aria-controls]="\'accordion-\' + getItemId(item, i)"\r\n           [attr.aria-current]="item.ariaCurrent"\r\n           [attr.aria-live]="item.ariaLive"\r\n           [attr.aria-expanded]="item.ariaExpanded"\r\n           [attr.aria-haspopup]="item.ariaHasPopup">\r\n        <ng-container *desyCustomInnerContent="{ component: getItemContent(item), html: item.html, text: item.text }"></ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemHeaderContent let-item="item" let-id="id" let-index="index">\r\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"\r\n          [attr.aria-controls]="id" [attr.aria-expanded]="item.open" (click)="toggleItem(item)">\r\n    <ng-container *desyCustomInnerContent="{ component: getItemHeader(item), html: item.headerHtml, text: item.headerText }"></ng-container>\r\n    <span *ngIf="allowToggle || !item.open" 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">\r\n      {{ item.open ? \'Ocultar\' : \'Mostrar\' }}\r\n    </span>\r\n  </button>\r\n</ng-template>\r\n'}]}],wt.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}],headingComponent:[{type:t.ContentChildren,args:[Lt]}],itemComponentList:[{type:t.ContentChildren,args:[Et]}]},m([T()],wt.prototype,"headingComponent",void 0);var kt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);kt.decorators=[{type:t.Component,args:[{selector:"desy-spinner",template:'<div [class]="\'c-spinner\' + (classes ? \' \' + classes : \'\')" data-module="c-spinner"\r\n     [attr.id]="id ? id : null"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.tabindex]="tabindex ? tabindex : null">\r\n  <p *ngIf="text" class="sr-only" role="alert" aria-live="assertive">{{text}}</p>\r\n</div>\r\n'}]}],kt.propDecorators={classes:[{type:t.Input}],text:[{type:t.Input}],id:[{type:t.Input}]};var Ht=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);Ht.decorators=[{type:t.Component,args:[{selector:"desy-details",template:'<details \r\n    [attr.id]="id ? id : null"\r\n    [class]="classes"\r\n    [attr.open]="open ? open : null"\r\n    [attr.role]="role ? role : null"\r\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n    [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n    [attr.aria-live]="ariaLive ? ariaLive : null"\r\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n    [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex ? tabindex : null">\r\n    <summary class="py-sm cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black">\r\n        <span [desyInnerContent]="summaryHtml ? summaryHtml : summaryText" [isHtml]="summaryHtml"\r\n              [class]="summaryClasses ? summaryClasses : \'c-link\'"></span>\r\n    </summary>\r\n    <div class="py-sm">\r\n      <div [ngClass]="containerClasses">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n</details>  \r\n\r\n'}]}],Ht.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 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-term",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Mt.propDecorators={classes:[{type:t.Input}],id:[{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-definition",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Bt.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}]};var Tt=function(){};Tt.decorators=[{type:t.Component,args:[{selector:"desy-description-item",template:""}]}],Tt.propDecorators={term:[{type:t.ContentChildren,args:[Mt]}],definition:[{type:t.ContentChildren,args:[Bt]}],classes:[{type:t.Input}],id:[{type:t.Input}]},m([T()],Tt.prototype,"term",void 0),m([T()],Tt.prototype,"definition",void 0);var Pt=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);Pt.decorators=[{type:t.Component,args:[{selector:"desy-description-list",template:'<dl [class]="classes"\r\n    [attr.id]="id ? id : null"\r\n    [attr.role]="role"\r\n    [attr.aria-describedby]="ariaDescribedBy"\r\n    [attr.aria-errormessage]="ariaErrorMessage"\r\n    [attr.aria-label]="ariaLabel"\r\n    [attr.aria-labelledby]="ariaLabelledBy"\r\n    [attr.aria-hidden]="ariaHidden"\r\n    [attr.aria-disabled]="ariaDisabled"\r\n    [attr.aria-controls]="ariaControls"\r\n    [attr.aria-current]="ariaCurrent"\r\n    [attr.aria-live]="ariaLive"\r\n    [attr.aria-expanded]="ariaExpanded"\r\n    [attr.aria-haspopup]="ariaHasPopup"\r\n    [attr.tabindex]="tabindex">\r\n    <div *ngFor="let item of getItems()"\r\n        [class]="item.classes"\r\n        [attr.id]="item.id ? item.id : null"\r\n        [attr.role]="item.role"\r\n        [attr.aria-describedby]="item.ariaDescribedBy"\r\n        [attr.aria-errormessage]="item.ariaErrorMessage"\r\n        [attr.aria-label]="item.ariaLabel"\r\n        [attr.aria-labelledby]="item.ariaLabelledBy"\r\n        [attr.aria-hidden]="item.ariaHidden"\r\n        [attr.aria-disabled]="item.ariaDisabled"\r\n        [attr.aria-controls]="item.ariaControls"\r\n        [attr.aria-current]="item.ariaCurrent"\r\n        [attr.aria-live]="item.ariaLive"\r\n        [attr.aria-expanded]="item.ariaExpanded"\r\n        [attr.aria-haspopup]="item.ariaHasPopup"\r\n        [attr.tabindex]="item.tabindex">\r\n        <dt [class]="(item.term.classes ?  item.term.classes : \'text-sm text-neutral-dark\')"\r\n            [attr.id]="item.term.id ? item.term.id : null"\r\n            [attr.role]="item.term.role"\r\n            [attr.aria-describedby]="item.term.ariaDescribedBy"\r\n            [attr.aria-errormessage]="item.term.ariaErrorMessage"\r\n            [attr.aria-label]="item.term.ariaLabel"\r\n            [attr.aria-labelledby]="item.term.ariaLabelledBy"\r\n            [attr.aria-hidden]="item.term.ariaHidden"\r\n            [attr.aria-disabled]="item.term.ariaDisabled"\r\n            [attr.aria-controls]="item.term.ariaControls"\r\n            [attr.aria-current]="item.term.ariaCurrent"\r\n            [attr.aria-live]="item.term.ariaLive"\r\n            [attr.aria-expanded]="item.term.ariaExpanded"\r\n            [attr.aria-haspopup]="item.term.ariaHasPopup"\r\n            [attr.tabindex]="item.tabindex">\r\n          <ng-container *desyCustomInnerContent="{ component: item.term, html: item.term.html, text: item.term.text}"></ng-container>\r\n        </dt>\r\n        <dd [class]="(item.definition.classes ?  item.definition.classes : \'text-base text-black\')"\r\n            [attr.id]="item.definition.id ? item.definition.id : null"\r\n            [attr.role]="item.definition.role"\r\n            [attr.aria-describedby]="item.definition.ariaDescribedBy"\r\n            [attr.aria-errormessage]="item.definition.ariaErrorMessage"\r\n            [attr.aria-label]="item.definition.ariaLabel"\r\n            [attr.aria-labelledby]="item.definition.ariaLabelledBy"\r\n            [attr.aria-hidden]="item.definition.ariaHidden"\r\n            [attr.aria-disabled]="item.definition.ariaDisabled"\r\n            [attr.aria-controls]="item.definition.ariaControls"\r\n            [attr.aria-current]="item.definition.ariaCurrent"\r\n            [attr.aria-live]="item.definition.ariaLive"\r\n            [attr.aria-expanded]="item.definition.ariaExpanded"\r\n            [attr.aria-haspopup]="item.definition.ariaHasPopup"\r\n            [attr.tabindex]="item.tabindex">\r\n          <ng-container *desyCustomInnerContent="{ component: item.definition, html: item.definition.html, text: item.definition.text}"></ng-container>\r\n        </dd>\r\n    </div>\r\n</dl>\r\n'}]}],Pt.propDecorators={items:[{type:t.Input}],itemComponents:[{type:t.ContentChildren,args:[Tt]}],classes:[{type:t.Input}],id:[{type:t.Input}]};var St=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);St.decorators=[{type:t.Component,args:[{selector:"desy-collapsible",template:'<div [class]="(classes ? classes : \'-my-px py-sm border-t border-b border-neutral-base\')"\r\n    [attr.role]="role ? role : null"\r\n    [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n    [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n    [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n    [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n    [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n    [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n    [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n    [attr.aria-live]="ariaLive ? ariaLive : null"\r\n    [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n    [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex ? tabindex : null">\r\n    <h3>        \r\n        <button *ngIf="headerText && !headerHtml" (click)="isOpen()" [attr.id]="id ? (id + \'-title\') : null"\r\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" \r\n            [attr.aria-expanded]="open"\r\n            [attr.aria-controls]="id ? id : null">{{ headerText }}\r\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>\r\n        </button>\r\n        <button *ngIf="headerHtml" (click)="isOpen()" [attr.id]="id ? (id + \'-title\') : null"\r\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" \r\n            [attr.aria-expanded]="open"\r\n            [attr.aria-controls]="id ? id : null"><ng-container *ngTemplateOutlet="tmpHtml"></ng-container>\r\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>\r\n        </button>\r\n        <button *ngIf="!headerHtml && !headerText" (click)="isOpen()" [attr.id]="id ? (id + \'-title\') : null"\r\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" \r\n            [attr.aria-expanded]="open"\r\n            [attr.aria-controls]="id ? id : null">\r\n            <ng-content></ng-content>\r\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>\r\n        </button>\r\n    </h3>\r\n    <div *ngIf="open && html"  @displayCollapsible [attr.id]="(id ? id : null)" class="py-sm">\r\n        <ng-container *ngTemplateOutlet="html"></ng-container>\r\n    </div>\r\n    <div *ngIf="open && !html" @displayCollapsible [attr.id]="(id ? id : null)" class="py-sm">\r\n        <p [desyInnerContent]="text"></p>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #tmpHtml>\r\n    <div [outerHTML]="headerHtml | innerHtml"></div>  \r\n </ng-template>\r\n',animations:[r.trigger("displayCollapsible",[r.state("void",r.style({opacity:"0.0",transform:"scaleY(0.95)"})),r.state("*",r.style({opacity:"1.0",transform:"scaleY(1.0)"})),r.transition(":enter",[r.animate("100ms ease-out")]),r.transition(":leave",[r.animate("75ms ease-in")])])]}]}],St.propDecorators={headerText:[{type:t.Input}],headerHtml:[{type:t.Input}],id:[{type:t.Input}],open:[{type:t.Input}],classes:[{type:t.Input}]};var Ot=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Ot.decorators=[{type:t.Component,args:[{selector:"desy-item-content-right",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}];var Rt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);Rt.decorators=[{type:t.Component,args:[{selector:"desy-item-content-bottom",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],Rt.propDecorators={classes:[{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-item-item",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}];var Ft=function(e){function t(t){var a=e.call(this)||this;return a.changeDetectorRef=t,a}return u(t,e),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}(C);Ft.decorators=[{type:t.Component,args:[{selector:"desy-item",template:'<div *ngIf="getTitle()" [class]="[\'flex flex-wrap p-base bg-white border border-neutral-base rounded\', classes] | makeHtmlList"\r\n     [attr.id]="id ? id : null">\r\n  <div class="self-center h-full mr-lg" *ngIf="isDraggable || isLocked">\r\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>\r\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>\r\n  </div>\r\n  <div class="self-center h-full mr-lg" *ngIf="iconComponent || icon">\r\n    <ng-container *desyCustomInnerContent="{ component: iconComponent, html: icon ? icon.html : null }"></ng-container>\r\n    <ng-container [ngSwitch]="iconComponent ? iconComponent.type : icon.type">\r\n      <svg *ngSwitchCase="\'clipboard\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-8 h-8 text-neutral-dark" aria-label="Item tipo Solicitud" focusable="false"><path d="M96.25 52.5h-52.5a4.375 4.375 0 000 8.75h52.5a4.375 4.375 0 000-8.75zM100.625 77.286a4.375 4.375 0 00-4.375-4.375h-52.5a4.375 4.375 0 000 8.75h52.5a4.375 4.375 0 004.375-4.375zM58.333 37.917h23.334a5.833 5.833 0 005.833-5.834V17.5A17.54 17.54 0 0065.287.624 17.762 17.762 0 0052.5 18.007v14.076a5.833 5.833 0 005.833 5.834zm7.292-21.875A4.375 4.375 0 1170 20.417a4.375 4.375 0 01-4.375-4.381z" fill="currentColor"/><path d="M113.75 17.5H97.708a1.458 1.458 0 00-1.458 1.458v8.75a1.458 1.458 0 001.458 1.459h13.125a2.917 2.917 0 012.917 2.916v74.62a2.917 2.917 0 01-.852 2.065l-18.713 18.708a2.917 2.917 0 01-2.06.851H29.168a2.917 2.917 0 01-2.917-2.916V32.083a2.917 2.917 0 012.917-2.916h13.125a1.458 1.458 0 001.458-1.459v-8.75a1.458 1.458 0 00-1.458-1.458H26.25a11.667 11.667 0 00-11.667 11.667v99.166A11.667 11.667 0 0026.25 140h87.5a11.667 11.667 0 0011.667-11.667V29.167A11.667 11.667 0 00113.75 17.5z" fill="currentColor"/><path d="M43.75 93.333a4.375 4.375 0 000 8.75h21.875a4.375 4.375 0 000-8.75z" fill="currentColor"/></svg>\r\n      <svg *ngSwitchCase="\'link\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-8 h-8 text-neutral-dark" aria-label="Item tipo Link" focusable="false"><path d="M72.368 86.946a5.833 5.833 0 00-3.167 7.624 5.833 5.833 0 01-1.266 6.358l-16.497 16.503a11.667 11.667 0 01-16.496 0l-12.379-12.373a11.667 11.667 0 010-16.502l16.52-16.497a5.91 5.91 0 016.364-1.266 5.834 5.834 0 004.451-10.786 17.698 17.698 0 00-19.063 3.804l-16.52 16.497a23.368 23.368 0 000 32.999l12.378 12.372a23.333 23.333 0 0032.994 0l16.502-16.496a17.547 17.547 0 003.798-19.075 5.833 5.833 0 00-7.619-3.162z" fill="currentColor"/><path d="M45.25 94.74a5.897 5.897 0 008.247 0l45.378-45.373a5.833 5.833 0 00-8.248-8.248L45.249 86.491a5.833 5.833 0 000 8.248z" fill="currentColor"/><path d="M125.685 26.682l-12.373-12.373a23.368 23.368 0 00-32.999 0L63.811 30.806a17.535 17.535 0 00-3.798 19.069A5.835 5.835 0 1070.8 45.418a5.833 5.833 0 011.266-6.335l16.497-16.496a11.667 11.667 0 0116.502 0l12.373 12.372a11.667 11.667 0 010 16.503l-16.52 16.467a5.92 5.92 0 01-6.364 1.266 5.836 5.836 0 00-4.463 10.786 17.652 17.652 0 0019.075-3.798l16.497-16.496a23.374 23.374 0 00.023-33.005z" fill="currentColor"/></svg>\r\n      <svg *ngSwitchCase="\'document\'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-8 h-8 text-neutral-dark" aria-label="Item tipo Archivo" focusable="false"><path d="M89.355 12.518l26.46 26.46a2.917 2.917 0 01.852 2.06v84.379a2.917 2.917 0 01-2.917 2.916h-87.5a2.917 2.917 0 01-2.917-2.916V14.583a2.917 2.917 0 012.917-2.916h61.046a2.917 2.917 0 012.059.851zM90.918 0H23.333a11.667 11.667 0 00-11.666 11.667v116.666A11.667 11.667 0 0023.333 140h93.334a11.667 11.667 0 0011.666-11.667V37.415a5.833 5.833 0 00-1.709-4.124L95.042 1.709A5.833 5.833 0 0090.918 0z" fill="currentColor"/><path d="M93.333 64.167h-52.5a5.833 5.833 0 010-11.667h52.5a5.833 5.833 0 010 11.667zM93.333 87.5h-52.5a5.833 5.833 0 010-11.667h52.5a5.833 5.833 0 010 11.667zM67.083 110.833h-26.25a5.833 5.833 0 010-11.666h26.25a5.833 5.833 0 010 11.666z" fill="currentColor"/></svg>\r\n    </ng-container>\r\n  </div>\r\n  <div class="lg:flex flex-1 self-center">\r\n    <div class="lg:flex-1 lg:self-center">\r\n      <ng-container [ngSwitch]="headingLevel">\r\n        <h1 *ngSwitchCase="1"\r\n            [class]="getTitle().classes"\r\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">\r\n          <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\r\n        </h1>\r\n        <h2 *ngSwitchCase="2"\r\n            [class]="getTitle().classes"\r\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">\r\n          <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\r\n        </h2>\r\n        <h3 *ngSwitchCase="3"\r\n            [class]="getTitle().classes"\r\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">\r\n          <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\r\n        </h3>\r\n        <h4 *ngSwitchCase="4"\r\n            [class]="getTitle().classes"\r\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">\r\n          <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\r\n        </h4>\r\n        <h5 *ngSwitchCase="5"\r\n            [class]="getTitle().classes"\r\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">\r\n          <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\r\n        </h5>\r\n        <p *ngSwitchDefault\r\n           [class]="getTitle().classes"\r\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">\r\n          <ng-container *desyCustomInnerContent="{ component: titleComponent, html: getTitle().html, text: getTitle().text }"></ng-container>\r\n        </p>\r\n      </ng-container>\r\n\r\n      <p *ngIf="descriptionComponent || description" [class]="descriptionComponent ? descriptionComponent.classes : description.classes"\r\n         [attr.role]="role"\r\n         [attr.aria-describedby]="ariaDescribedBy"\r\n         [attr.aria-errormessage]="ariaErrorMessage"\r\n         [attr.aria-label]="ariaLabel"\r\n         [attr.aria-labelledby]="ariaLabelledBy"\r\n         [attr.aria-hidden]="ariaHidden"\r\n         [attr.aria-disabled]="ariaDisabled"\r\n         [attr.aria-controls]="ariaControls"\r\n         [attr.aria-current]="ariaCurrent"\r\n         [attr.aria-live]="ariaLive"\r\n         [attr.aria-expanded]="ariaExpanded"\r\n         [attr.aria-haspopup]="ariaHasPopup"\r\n         [attr.tabindex]="tabindex">\r\n        <ng-container *desyCustomInnerContent="{ component: descriptionComponent, html: description ? description.html : null, text: description ? description.text : null }"></ng-container>\r\n      </p>\r\n      <ul class="-ml-sm lg:divide-x lg:divide-neutral-base" *ngIf="itemComponents.length > 0 || items">\r\n        <li class="lg:inline-block px-sm text-sm text-neutral-dark" *ngFor="let item of getItems(); index as index">\r\n          <ng-container *desyCustomInnerContent="{ component: item, text: item }"></ng-container>\r\n        </li>\r\n      </ul>\r\n      <p *ngIf="contentBottomComponent || content" [class]="contentBottomComponent ? contentBottomComponent.classes : content.classes">\r\n        <ng-container *desyCustomInnerContent="{ component: contentBottomComponent, html: content ? content.html : null, text: content ? content.text : null }"></ng-container>\r\n      </p>\r\n    </div>\r\n    <div class="w-full lg:w-auto lg:text-right mt-base lg:mt-0 lg:ml-base" *ngIf="contentRightComponent || caller">\r\n      <ng-container *desyCustomInnerContent="{ component: contentRightComponent, template: caller }"></ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n'}]}],Ft.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},Ft.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}],id:[{type:t.Input}],classes:[{type:t.Input}],caller:[{type:t.Input}],titleComponent:[{type:t.ContentChildren,args:[F]}],descriptionComponent:[{type:t.ContentChildren,args:[R]}],iconComponent:[{type:t.ContentChildren,args:[A]}],contentBottomComponent:[{type:t.ContentChildren,args:[Rt]}],contentRightComponent:[{type:t.ContentChildren,args:[Ot]}],itemComponents:[{type:t.ContentChildren,args:[At]}]},m([T()],Ft.prototype,"titleComponent",void 0),m([T()],Ft.prototype,"descriptionComponent",void 0),m([T()],Ft.prototype,"iconComponent",void 0),m([T()],Ft.prototype,"contentBottomComponent",void 0),m([T()],Ft.prototype,"contentRightComponent",void 0);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-media-object-figure",template:"<ng-template #contentTemplate>\r\n    <ng-content></ng-content>\r\n</ng-template>\r\n  "}]}];var Vt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);Vt.decorators=[{type:t.Component,args:[{selector:"desy-media-object",template:'<div [class]="\'flex\' + (classes ? \' \' + classes : \'\') + (center==true ? \' \' + \'items-center\' : \'\')" \r\n    [attr.id]="id"\r\n    [attr.role]="role"\r\n    [attr.aria-describedby]="ariaDescribedBy"\r\n    [attr.aria-errormessage]="ariaErrorMessage"\r\n    [attr.aria-label]="ariaLabel"\r\n    [attr.aria-labelledby]="ariaLabelledBy"\r\n    [attr.aria-hidden]="ariaHidden"\r\n    [attr.aria-disabled]="ariaDisabled"\r\n    [attr.aria-controls]="ariaControls"\r\n    [attr.aria-current]="ariaCurrent"\r\n    [attr.aria-live]="ariaLive"\r\n    [attr.aria-expanded]="ariaExpanded"\r\n    [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n    [attr.tabindex]="tabindex">\r\n    \r\n    <div *ngIf="figureHtml" [class]="(reverse==true ? \' \' + \'order-1\' : \'\') + (figureClasses ? \' \' + figureClasses : \'\')" [attr.figureHtml]="figureHtml" [innerHtml]="figureHtml"></div>\r\n\r\n    <div #mediaFigureContent *ngIf="!figureHtml" [class]="(reverse==true ? \' \' + \'order-1\' : \'\') + (figureClasses ? \' \' + figureClasses : \'\')">\r\n        <ng-container *desyCustomInnerContent="{ component: mediaObjectFigureComponent }"></ng-container>\r\n    </div>\r\n\r\n    <div [class]="\'flex-1\' + (contenClasses ? \' \' + contenClasses : \'\')">\r\n        <ng-container *desyCustomInnerContent="{ component: contentComponent, template: caller }"></ng-container>\r\n    </div>\r\n    \r\n</div>\r\n\r\n'}]}],Vt.propDecorators={figureHtml:[{type:t.Input}],classes:[{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}],contentComponent:[{type:t.ContentChildren,args:[O]}],mediaObjectFigureComponent:[{type:t.ContentChildren,args:[Nt]}],mediaFigureContent:[{type:t.ViewChild,args:["mediaFigureContent",{read:t.ElementRef,static:!0}]}]},m([T()],Vt.prototype,"contentComponent",void 0),m([T()],Vt.prototype,"mediaObjectFigureComponent",void 0);var zt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.getType=function(){return this.icon&&this.icon.type?this.icon.type.toLocaleLowerCase():"success"},t}(C);zt.decorators=[{type:t.Component,args:[{selector:"desy-status",template:'<div [class]="(classes ?  classes : \'\')"\r\n        [attr.id]="id ? id : null"\r\n        [attr.role]="role"\r\n        [attr.aria-describedby]="ariaDescribedBy"\r\n        [attr.aria-errormessage]="ariaErrorMessage"\r\n        [attr.aria-label]="ariaLabel"\r\n        [attr.aria-labelledby]="ariaLabelledBy"\r\n        [attr.aria-hidden]="ariaHidden"\r\n        [attr.aria-disabled]="ariaDisabled"\r\n        [attr.aria-controls]="ariaControls"\r\n        [attr.aria-current]="ariaCurrent"\r\n        [attr.aria-live]="ariaLive"\r\n        [attr.aria-expanded]="ariaExpanded"\r\n        [attr.aria-haspopup]="ariaHasPopup"\r\n        [attr.tabindex]="tabindex">\r\n\r\n        <p class="inline-flex items-center">\r\n          <span class="inline-block font-bold uppercase">{{text}}</span>\r\n          <span class="inline-block ml-sm" *ngIf="!icon || !icon.html; else elseBlock">                         \r\n            <ng-container [ngSwitch]="getType()">\r\n              <ng-container *ngSwitchCase="\'success\'">\r\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>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase="\'alert\'">\r\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>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase="\'loading\'">\r\n                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-4 h-4" aria-hidden="true" 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>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase="\'error\'">\r\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>\r\n              </ng-container>\r\n            </ng-container>\r\n          </span>\r\n          <ng-template #elseBlock>\r\n            <span class="inline-block ml-sm" [desyInnerContent]="icon.html" [isHtml]="icon.html" [deleteContentIfEmpty]="false"><ng-content></ng-content></span>            \r\n          </ng-template>\r\n        </p>        \r\n</div>\r\n'}]}],zt.propDecorators={text:[{type:t.Input}],id:[{type:t.Input}],classes:[{type:t.Input}],icon:[{type:t.Input}]};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-status-item",template:'<ng-template #commonHtml>\r\n  <p *ngIf="titleComponent || title" [class]="title ?  title.classes : \'my-sm\'">\r\n     <ng-container *desyCustomInnerContent="{\r\n        component: titleComponent,\r\n        html: title ? title.html : null,\r\n        text: title ? title.text : null\r\n      }"></ng-container>\r\n  </p>\r\n\r\n  <ng-container *ngIf="hintComponent">\r\n      <ng-content select="desy-hint"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hintComponent && hint">\r\n    <desy-hint [text]="hint.text" [html]="hint.html" [classes]="hint.classes" [id]="hint.id"\r\n               [role]="hint.role"\r\n               [ariaLabel]="hint.ariaLabel"\r\n               [ariaDescribedBy]="(hint.ariaDescribedBy ? hint.ariaDescribedBy + \'\' + hint.id : hint.id)"\r\n               [ariaLabelledBy]="hint.ariaLabelledBy"\r\n               [ariaHidden]="hint.ariaHidden"\r\n               [ariaDisabled]="hint.ariaDisabled"\r\n               [ariaControls]="hint.ariaControls"\r\n               [ariaCurrent]="hint.ariaCurrent"\r\n               [ariaLive]="hint.ariaLive"\r\n               [ariaExpanded]="hint.ariaExpanded"\r\n               [ariaErrorMessage]="hint.ariaErrorMessage"\r\n               [ariaHasPopup]="hint.ariaHasPopup"\r\n               [tabindex]="hint.tabindex"></desy-hint>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="errorMessageComponent">\r\n    <ng-content select="desy-error-message"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf="!errorMessageComponent && errorMessage">\r\n    <desy-error-message [text]="errorMessage.text" [html]="errorMessage.html"\r\n                        [visuallyHiddenText]="errorMessage.visuallyHiddenText"\r\n                        [id]="(errorId ? errorId : id + \'-error\')" [classes]="errorMessage.classes"\r\n                        [role]="errorMessage.role"\r\n                        [ariaLabel]="errorMessage.ariaLabel"\r\n                        [ariaDescribedBy]="(errorMessage.ariaDescribedBy ? errorMessage.ariaDescribedBy + \'\' + errorId : errorId)"\r\n                        [ariaLabelledBy]="errorMessage.ariaLabelledBy"\r\n                        [ariaHidden]="errorMessage.ariaHidden"\r\n                        [ariaDisabled]="errorMessage.ariaDisabled"\r\n                        [ariaControls]="errorMessage.ariaControls"\r\n                        [ariaCurrent]="errorMessage.ariaCurrent"\r\n                        [ariaLive]="errorMessage.ariaLive"\r\n                        [ariaExpanded]="errorMessage.ariaExpanded"\r\n                        [ariaErrorMessage]="errorMessage.ariaErrorMessage"\r\n                        [ariaHasPopup]="errorMessage.ariaHasPopup"\r\n                        [tabindex]="errorMessage.tabindex"></desy-error-message>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<div [attr.id]="id ? id : null" [class]="(classes ?  classes : null)"\r\n     [attr.role]="role"\r\n     [attr.aria-describedby]="ariaDescribedBy"\r\n     [attr.aria-errormessage]="ariaErrorMessage"\r\n     [attr.aria-label]="ariaLabel"\r\n     [attr.aria-labelledby]="ariaLabelledBy"\r\n     [attr.aria-hidden]="ariaHidden"\r\n     [attr.aria-disabled]="ariaDisabled"\r\n     [attr.aria-controls]="ariaControls"\r\n     [attr.aria-current]="ariaCurrent"\r\n     [attr.aria-live]="ariaLive"\r\n     [attr.aria-expanded]="ariaExpanded"\r\n     [attr.aria-haspopup]="ariaHasPopup"\r\n     [attr.tabindex]="tabindex">\r\n\r\n  <div class="lg:flex lg:justify-between lg:items-start -my-px px-base py-sm border-t border-b border-neutral-base">\r\n    <ng-container *ngIf="getItems(); else noItems">\r\n      <div class="lg:w-2/3">\r\n        <ng-container *ngTemplateOutlet="commonHtml"></ng-container>\r\n        <dl>\r\n          <div *ngFor="let item of getItems()"\r\n              [class]="(item.classes ? \'flex lg-flex-wrap \' + item.classes : \'flex lg-flex-wrap\')"\r\n              [attr.id]="item.id ? item.id : null"\r\n              [attr.role]="item.role"\r\n              [attr.aria-describedby]="item.ariaDescribedBy"\r\n              [attr.aria-errormessage]="item.ariaErrorMessage"\r\n              [attr.aria-label]="item.ariaLabel"\r\n              [attr.aria-labelledby]="item.ariaLabelledBy"\r\n              [attr.aria-hidden]="item.ariaHidden"\r\n              [attr.aria-disabled]="item.ariaDisabled"\r\n              [attr.aria-controls]="item.ariaControls"\r\n              [attr.aria-current]="item.ariaCurrent"\r\n              [attr.aria-live]="item.ariaLive"\r\n              [attr.aria-expanded]="item.ariaExpanded"\r\n              [attr.aria-haspopup]="item.ariaHasPopup">\r\n            <dt [class]="(item.term.classes ?  item.term.classes : \'w-1/2 my-sm\')"\r\n                [attr.id]="item.term.id ? item.term.id : null"\r\n                [attr.role]="item.term.role"\r\n                [attr.aria-describedby]="item.term.ariaDescribedBy"\r\n                [attr.aria-errormessage]="item.term.ariaErrorMessage"\r\n                [attr.aria-label]="item.term.ariaLabel"\r\n                [attr.aria-labelledby]="item.term.ariaLabelledBy"\r\n                [attr.aria-hidden]="item.term.ariaHidden"\r\n                [attr.aria-disabled]="item.term.ariaDisabled"\r\n                [attr.aria-controls]="item.term.ariaControls"\r\n                [attr.aria-current]="item.term.ariaCurrent"\r\n                [attr.aria-live]="item.term.ariaLive"\r\n                [attr.aria-expanded]="item.term.ariaExpanded"\r\n                [attr.aria-haspopup]="item.term.ariaHasPopup">\r\n                <ng-container *desyCustomInnerContent="{ component: item.term, html: item.term.html, text: item.term.text}"></ng-container>\r\n            </dt>\r\n            <dd [class]="(item.definition.classes ?  item.definition.classes : \'w-1/2 my-sm font-semibold\')"\r\n                [attr.id]="item.definition.id ? item.definition.id : null"\r\n                [attr.role]="item.definition.role"\r\n                [attr.aria-describedby]="item.definition.ariaDescribedBy"\r\n                [attr.aria-errormessage]="item.definition.ariaErrorMessage"\r\n                [attr.aria-label]="item.definition.ariaLabel"\r\n                [attr.aria-labelledby]="item.definition.ariaLabelledBy"\r\n                [attr.aria-hidden]="item.definition.ariaHidden"\r\n                [attr.aria-disabled]="item.definition.ariaDisabled"\r\n                [attr.aria-controls]="item.definition.ariaControls"\r\n                [attr.aria-current]="item.definition.ariaCurrent"\r\n                [attr.aria-live]="item.definition.ariaLive"\r\n                [attr.aria-expanded]="item.definition.ariaExpanded"\r\n                [attr.aria-haspopup]="item.definition.ariaHasPopup">\r\n                <ng-container *desyCustomInnerContent="{ component: item.definition, html: item.definition.html, text: item.definition.text}"></ng-container>\r\n            </dd>\r\n          </div>\r\n        </dl>\r\n      </div>\r\n    </ng-container>\r\n    <ng-template #noItems>\r\n      <div class="lg:w-2/3">\r\n        <ng-container *ngTemplateOutlet="commonHtml"></ng-container>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <div class="lg:flex lg:flex-wrap lg:items-center lg:1/3">\r\n\r\n      <div *ngIf="contentComponent || caller" [id]="id + \'-status-item\'"\r\n           [class]="\'w-full lg:w-auto lg:text-right mt-base lg:mt-0 mb-base lg:mb-0\'">\r\n        <ng-container *desyCustomInnerContent="{ component: contentComponent, template: caller }"></ng-container>\r\n      </div>\r\n\r\n      <div *ngIf="statusComponent || status" class="mb-base lg:mb-0 ml-base py-sm">\r\n        <ng-container *ngIf="statusComponent">\r\n          <ng-content select="desy-status"></ng-content>\r\n        </ng-container>\r\n        <desy-status *ngIf="!statusComponent && status"\r\n                     [text]="status.text" [icon]="status.icon" [classes]="status.classes" [id]="status.id"\r\n                     [role]="status.role"\r\n                     [ariaLabel]="status.ariaLabel"\r\n                     [ariaDescribedBy]="status.ariaDescribedBy"\r\n                     [ariaLabelledBy]="status.ariaLabelledBy"\r\n                     [ariaHidden]="status.ariaHidden"\r\n                     [ariaDisabled]="status.ariaDisabled"\r\n                     [ariaControls]="status.ariaControls"\r\n                     [ariaCurrent]="status.ariaCurrent"\r\n                     [ariaLive]="status.ariaLive"\r\n                     [ariaExpanded]="status.ariaExpanded"\r\n                     [ariaErrorMessage]="status.ariaErrorMessage"\r\n                     [ariaHasPopup]="status.ariaHasPopup"\r\n                     [tabindex]="status.tabindex"></desy-status>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n'}]}],_t.propDecorators={id:[{type:t.Input}],classes:[{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}],titleComponent:[{type:t.ContentChildren,args:[F]}],hintComponent:[{type:t.ContentChildren,args:[N]}],errorMessageComponent:[{type:t.ContentChildren,args:[z]}],contentComponent:[{type:t.ContentChildren,args:[O]}],itemComponents:[{type:t.ContentChildren,args:[Tt]}],statusComponent:[{type:t.ContentChildren,args:[zt]}],caller:[{type:t.Input}]},m([T()],_t.prototype,"titleComponent",void 0),m([T()],_t.prototype,"hintComponent",void 0),m([T()],_t.prototype,"errorMessageComponent",void 0),m([T()],_t.prototype,"contentComponent",void 0),m([T()],_t.prototype,"statusComponent",void 0);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-panel",template:"<ng-template #contentTemplate><ng-content></ng-content></ng-template>"}]}],$t.propDecorators={classes:[{type:t.Input}],id:[{type:t.Input}]};var Gt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);Gt.decorators=[{type:t.Component,args:[{selector:"desy-tab-item",template:""}]}],Gt.propDecorators={contentComponent:[{type:t.ContentChildren,args:[O]}],panelComponent:[{type:t.ContentChildren,args:[$t]}],classes:[{type:t.Input}],disabled:[{type:t.Input}],id:[{type:t.Input}]},m([T()],Gt.prototype,"contentComponent",void 0),m([T()],Gt.prototype,"panelComponent",void 0);var Ut=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.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 Gt&&(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 Gt?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>"+H.escapeHtml(t[e].panel.text)+"</p>":null},t}(C);Ut.decorators=[{type:t.Component,args:[{selector:"desy-tabs",template:'<div [attr.id]="id ? id : null" [class]="(classes ? \'c-tabs \' + classes : \'c-tabs\')" data-module="c-tabs"\r\n        [attr.role]="role"\r\n        [attr.aria-describedby]="ariaDescribedBy"\r\n        [attr.aria-errormessage]="ariaErrorMessage"\r\n        [attr.aria-label]="ariaLabel"\r\n        [attr.aria-labelledby]="ariaLabelledBy"\r\n        [attr.aria-hidden]="ariaHidden"\r\n        [attr.aria-disabled]="ariaDisabled"\r\n        [attr.aria-controls]="ariaControls"\r\n        [attr.aria-current]="ariaCurrent"\r\n        [attr.aria-live]="ariaLive"\r\n        [attr.aria-expanded]="ariaExpanded"\r\n        [attr.aria-haspopup]="ariaHasPopup"\r\n        [attr.tabindex]="tabindex">\r\n\r\n    <ng-container *ngIf="title">\r\n      <ng-container [ngSwitch]="headingLevel">\r\n        <h1 *ngSwitchCase="1" class="lg:hidden mb-sm text-sm">{{title}}</h1>\r\n        <h2 *ngSwitchCase="2" class="lg:hidden mb-sm text-sm">{{title}}</h2>\r\n        <h3 *ngSwitchCase="3" class="lg:hidden mb-sm text-sm">{{title}}</h3>\r\n        <h4 *ngSwitchCase="4" class="lg:hidden mb-sm text-sm">{{title}}</h4>\r\n        <h5 *ngSwitchCase="5" class="lg:hidden mb-sm text-sm">{{title}}</h5>\r\n        <h2 *ngSwitchDefault class="lg:hidden mb-sm text-sm">{{title}}</h2>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf="!title">\r\n        <ng-container [ngSwitch]="headingLevel">\r\n          <h1 *ngSwitchCase="1" class="lg:hidden mb-sm text-sm">Contenido</h1>\r\n          <h2 *ngSwitchCase="2" class="lg:hidden mb-sm text-sm">Contenido</h2>\r\n          <h3 *ngSwitchCase="3" class="lg:hidden mb-sm text-sm">Contenido</h3>\r\n          <h4 *ngSwitchCase="4" class="lg:hidden mb-sm text-sm">Contenido</h4>\r\n          <h5 *ngSwitchCase="5" class="lg:hidden mb-sm text-sm">Contenido</h5>\r\n          <h2 *ngSwitchDefault class="lg:hidden mb-sm text-sm">Contenido</h2>\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf="getItems()">\r\n      <div class="c-tabs lg:flex lg:flex-wrap" role="tablist" [attr.aria-label]=tablistAriaLabel>\r\n          <ng-container *ngFor="let item of getItems(); index as i">\r\n                  <button #tabSelector\r\n                          (click)="selectTab(i)"\r\n                          (keydown.home)="focusFirstTab($event)"\r\n                          (keydown.end)="focusLastTab($event)"\r\n                          (keydown.arrowleft)="focusPreviousTab(i)"\r\n                          (keydown.arrowright)="focusNextTab(i)"\r\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"\r\n                          [ngClass]="{\'opacity-50 pointer-events-none\': isDisabled(item)}"\r\n                          [attr.id]="getItemId(i)"\r\n                          [attr.role]="(item.role ? role : \'tab\')"\r\n                          [attr.aria-selected]="currentTab === i ? \'true\' : \'false\'"\r\n                          [attr.aria-describedby]="item.ariaDescribedBy"\r\n                          [attr.aria-errormessage]="item.ariaErrorMessage"\r\n                          [attr.aria-label]="item.ariaLabel"\r\n                          [attr.aria-labelledby]="item.ariaLabelledBy"\r\n                          [attr.aria-hidden]="item.ariaHidden"\r\n                          [attr.aria-controls]="\'tab-\' + getItemId(i)"\r\n                          [attr.aria-current]="item.ariaCurrent"\r\n                          [attr.aria-live]="item.ariaLive"\r\n                          [attr.aria-expanded]="item.ariaExpanded"\r\n                          [attr.aria-haspopup]="item.ariaHasPopup"\r\n                          [attr.tabindex]="(currentTab !== i || item.disabled ? \'-1\' : null)"\r\n                          [attr.disabled]="isDisabled(item)"\r\n                          [attr.aria-disabled]="isDisabled(item) ? \'true\' : (ariaDisabled ? ariaDisabled : null)">\r\n                      <span #tabSelectorContentWrapper class="flex items-center pointer-events-none">\r\n                        <ng-container *desyCustomInnerContent="{ component: item.contentComponent, html: item.html, text: item.text}"></ng-container>\r\n                      </span>\r\n                  </button>\r\n          </ng-container>\r\n      </div>\r\n\r\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"\r\n           [attr.id]="\'tab-\' + getItemId(currentTab)"\r\n           [attr.role]="(currentPanel?.role ? currentPanel?.role : \'tabpanel\')"\r\n           [attr.aria-describedby]="currentPanel?.ariaDescribedBy"\r\n           [attr.aria-errormessage]="currentPanel?.ariaErrorMessage"\r\n           [attr.aria-label]="currentPanel?.ariaLabel"\r\n           [attr.aria-labelledby]="getItemId(currentTab)"\r\n           [attr.aria-hidden]="currentPanel?.ariaHidden"\r\n           [attr.aria-disabled]="currentPanel?.ariaDisabled"\r\n           [attr.aria-controls]="currentPanel?.ariaControls"\r\n           [attr.aria-current]="currentPanel?.ariaCurrent"\r\n           [attr.aria-live]="currentPanel?.ariaLive"\r\n           [attr.aria-expanded]="currentPanel?.ariaExpanded"\r\n           [attr.aria-haspopup]="currentPanel?.ariaHasPopup"\r\n           [attr.tabindex]="(currentPanel?.tabindex ? currentPanel?.tabindex : \'0\')">\r\n        <ng-container [ngSwitch]="headingLevel">\r\n          <h1 *ngSwitchCase="1" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h1>\r\n          <h2 *ngSwitchCase="2" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h2>\r\n          <h3 *ngSwitchCase="3" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h3>\r\n          <h4 *ngSwitchCase="4" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h4>\r\n          <h5 *ngSwitchCase="5" #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h5>\r\n          <h3 *ngSwitchDefault #tabSrOnly class="lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold"></h3>\r\n        </ng-container>\r\n        <ng-container *desyCustomInnerContent="{ component: getItemPanel(currentTab), template: currentPanel?.html, html: getPanelContent(currentTab) }"></ng-container>\r\n      </div>\r\n    </ng-container>\r\n</div>\r\n'}]}],Ut.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},Ut.propDecorators={itemComponents:[{type:t.ContentChildren,args:[Gt]}],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}],classes:[{type:t.Input}],headingLevel:[{type:t.Input}],title:[{type:t.Input}],tablistAriaLabel:[{type:t.Input}],items:[{type:t.Input}]};var jt=function(){function e(e){this.factoryResolver=e}return e.prototype.openAlert=function(e,a){var r=this;return new Promise((function(n,i){e||i("caller is required"),a||i("alertOptions is required");var l=r.createAlert(a),s={alert:l};e instanceof t.TemplateRef?(l.instance.caller=e,n(s)):(l.instance.callerType=dt,l.instance.onCallerCreationCallback=function(t,a){r.initNotification(t,a,e),s.component=a,n(s)})}))},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 r=(e instanceof t.ComponentRef?e.instance:e).activeChange.subscribe((function(){a(),r.unsubscribe()}))}))},e.prototype.createAlert=function(e){var t=this.factoryResolver.resolveComponentFactory(Dt),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 r=this;if(Object.assign(t.instance,a),a.isDismissible)var n=t.instance.isOpenChange.subscribe((function(){r.closeAlert(e),n.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 qt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(v);qt.decorators=[{type:t.Component,args:[{selector:"desy-tooltip-content",template:"<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"}]}];var Wt=function(e){function a(){var a=e.apply(this,f(arguments))||this;return a.currentPage=1,a.currentPageChange=new t.EventEmitter,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){var t=this;this.nPages=Math.ceil(this.totalItems/this.itemsPerPage),(!this.currentPage||this.currentPage<1||this.currentPage>this.nPages)&&(this.currentPage=1,setTimeout((function(){return t.currentPageChange.emit(t.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}(C);Wt.decorators=[{type:t.Component,args:[{selector:"desy-pagination",template:'<div [attr.id]="id ? id : null" [class]="[\'lg:flex lg:flex-wrap lg:align-center\', classesContainer] | makeHtmlList">\r\n  <ng-container *ngIf="hasSelect">\r\n    <p class="w-full mb-xs text-sm text-neutral-dark">\r\n      Selecciona una página para cargar datos\r\n    </p>\r\n    <nav [class]="[\'flex flex-wrap items-center flex-1 mb-base lg:mb-0 text-sm\', classes] | makeHtmlList"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n      <desy-button (clickEvent)="previous()" [id]="getIdPrefix() + \'-previous\'"\r\n                   [html]="previousIcon + prefix + previousText + getSuffix(currentPage - 2)" [disabled]="currentPage === 1 || !hasPrevious"\r\n                   classes="c-button--sm c-button--transparent mr-xs"></desy-button>\r\n      <desy-listbox [id]="id + \'-listbox\'"\r\n                    [idPrefix]="idPrefix"\r\n                    [text]="\'Página \' + getActiveItemText()"\r\n                    [classes]="\'c-listbox--sm c-listbox--transparent mr-xs\'"\r\n                    [classesTooltip]="\'max-h-52 overflow-y-auto\'"\r\n                    [doesChangeButtonText]="true"\r\n                    [label]="{ text: \'Selecciona una página para cargar datos\', classes: \'sr-only\' }"\r\n                    [(items)]="items"\r\n                    (activeItemChange)="changePage(+$event.text)"></desy-listbox>\r\n      <desy-button (clickEvent)="next()" [id]="getIdPrefix() + \'-next\'"\r\n                   [html]="prefix + nextText + getSuffix(currentPage) + nextIcon" [disabled]="currentPage === nPages || !hasNext"\r\n                   classes="c-button--sm c-button--transparent mr-xs"></desy-button>\r\n    </nav>\r\n  </ng-container>\r\n  <ng-container *ngIf="!hasSelect">\r\n    <nav [class]="[\'flex flex-wrap items-center flex-1 mb-base lg:mb-0 text-sm\', classes] | makeHtmlList"\r\n         [attr.role]="role ? role : null"\r\n         [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n         [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n         [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n         [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n         [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n         [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n         [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n         [attr.aria-live]="ariaLive ? ariaLive : null"\r\n         [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n         [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n         [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n         [attr.tabindex]="tabindex ? tabindex : null">\r\n      <ul class="flex flex-wrap">\r\n        <li *ngFor="let item of items; index as i">\r\n          <desy-button *ngIf="item.active" [id]="getButtonId(i)"\r\n                       [html]="\'<strong>\' + prefix + (i + 1) + getSuffix(i) + \'</strong>\'"\r\n                       classes="c-button--primary c-button--disabled mb-sm mr-sm"\r\n                       disabled="true" ariaCurrent="page" tabindex="-1" ></desy-button>\r\n          <desy-button *ngIf="!item.active" [id]="getButtonId(i)"\r\n                       [html]="prefix + (i + 1) + getSuffix(i)"\r\n                       (clickEvent)="changePage(i + 1)"\r\n                       classes="mb-sm mr-sm"></desy-button>\r\n        </li>\r\n      </ul>\r\n    </nav>\r\n  </ng-container>\r\n  <p class="block lg:ml-auto text-sm text-neutral-dark" *ngIf="totalItems && itemsPerPage">\r\n    <span class="sr-only">Posición de paginación: </span>{{(currentPage - 1) * itemsPerPage + 1}} - {{getLastItemNumber(currentPage - 1)}} de {{totalItems}}\r\n  </p>\r\n</div>\r\n'}]}],Wt.propDecorators={hasSelect:[{type:t.Input}],idPrefix:[{type:t.Input}],classesContainer:[{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}],classes:[{type:t.Input}],id:[{type:t.Input}],currentPage:[{type:t.Input}],currentPageChange:[{type:t.Output}]};var Kt=function(){function e(e){this.sanitizer=e}return e.prototype.transform=function(e){return this.sanitizer.sanitize(t.SecurityContext.HTML,e)},e}();Kt.decorators=[{type:t.Pipe,args:[{name:"innerHtml"}]}],Kt.ctorParameters=function(){return[{type:s.DomSanitizer}]};var Yt=function(){function e(){}return e.prototype.transform=function(e){return e?e.match("http(s)?://")?e:"http://"+e:"#"},e}();Yt.decorators=[{type:t.Pipe,args:[{name:"externalHref"}]}];var Xt=function(){function e(e){var a=this;this.elementRef=e,this.desyAttributeChange=new t.EventEmitter,this.desyAttributeChangeMutation=new t.EventEmitter;var r=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(r,{attributes:!0,childList:!1,characterData:!1,subtree:!1})}return e.prototype.ngOnDestroy=function(){this.changes.disconnect()},e}();Xt.decorators=[{type:t.Directive,args:[{selector:"[desyAttributeChange]"}]}],Xt.ctorParameters=function(){return[{type:t.ElementRef}]},Xt.propDecorators={attributesToCheck:[{type:t.Input}],desyAttributeChange:[{type:t.Output}],desyAttributeChangeMutation:[{type:t.Output}]};var Qt=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}();Qt.decorators=[{type:t.Directive,args:[{selector:"[desyInnerContent]"}]}],Qt.ctorParameters=function(){return[{type:t.ElementRef}]},Qt.propDecorators={content:[{type:t.Input,args:["desyInnerContent"]}],isHtml:[{type:t.Input}],deleteContentIfEmpty:[{type:t.Input}]};var Jt=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}();Jt.decorators=[{type:t.Directive,args:[{selector:"[desyClickOutside]"}]}],Jt.ctorParameters=function(){return[{type:t.ElementRef}]},Jt.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 Zt=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 r=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(r,this.observeProperties)}return e.prototype.ngOnDestroy=function(){this.changes.disconnect()},e}();Zt.decorators=[{type:t.Directive,args:[{selector:"[desyContentChange]"}]}],Zt.ctorParameters=function(){return[{type:t.ElementRef}]},Zt.propDecorators={observeProperties:[{type:t.Input}],desyContentChange:[{type:t.Output}],desyContentChangeMutation:[{type:t.Output}]};var ea=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 r=this.factory.create(this.injector,[a]);this.viewContainerRef.createEmbeddedView(r.instance.getContent())}else if(this.desyCustomInnerContent.text){var n=document.createTextNode(this.desyCustomInnerContent.text);r=this.factory.create(this.injector,[[n]]);this.viewContainerRef.createEmbeddedView(r.instance.getContent())}},e}();ea.decorators=[{type:t.Directive,args:[{selector:"[desyCustomInnerContent]"}]}],ea.ctorParameters=function(){return[{type:t.ViewContainerRef},{type:t.ComponentFactoryResolver},{type:t.Injector}]},ea.propDecorators={desyCustomInnerContent:[{type:t.Input}]};var ta=function(){};ta.decorators=[{type:t.NgModule,args:[{declarations:[C,v,x,I,D,Kt,ee,Yt,Xt,Qt,Jt,Zt,ea],imports:[i.CommonModule],exports:[l.RouterModule,C,v,x,I,D,Kt,ee,Yt,Xt,Qt,Jt,Zt,ea]}]}];var aa=function(){};aa.decorators=[{type:t.Component,args:[{selector:"desy-template-driven-wrapper",template:"<ng-content></ng-content>\r\n",providers:[{provide:a.ControlContainer,useExisting:a.NgForm}]}]}];var ra=function(){};ra.decorators=[{type:t.NgModule,args:[{declarations:[A,O,R,F],imports:[i.CommonModule,ta,o.NgxTippyModule],exports:[A,O,R,F]}]}];var na=function(){};na.decorators=[{type:t.NgModule,args:[{declarations:[aa,G,N,V,z,$,_,U,j,q,X,Q,ne,J,de,re,me,te,ae,le,ie,oe,se,ge,he,K,Y,W,pe,ce,ue,xe,be,ve,Ce,De,Ie],imports:[i.CommonModule,a.FormsModule,a.ReactiveFormsModule,ta,ra],exports:[N,V,z,$,_,U,j,q,X,Q,ne,re,me,te,ae,le,ie,oe,se,ge,he,K,Y,pe,ce,ue,xe,be,ve,De,Ie]}]}];var ia=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.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 r(e){e.key===t.KEY_CODE_ESC&&a()}return{onShow:function(){document.addEventListener("keydown",r)},onHide:function(){document.removeEventListener("keydown",r)}}}}],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);ia.KEY_CODE_ESC="Escape",ia.decorators=[{type:t.Component,args:[{selector:"desy-tooltip",template:'<div [attr.id]="id" [ngClass]="classes"\r\n     [attr.role]="role ? role : null"\r\n     [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n     [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null"\r\n     [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n     [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n     [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n     [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n     [attr.aria-controls]="ariaControls ? ariaControls : null"\r\n     [attr.aria-current]="ariaCurrent ? ariaCurrent : null"\r\n     [attr.aria-live]="ariaLive ? ariaLive : null"\r\n     [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null"\r\n     [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null"\r\n     [attr.tabindex]="tabindex ? tabindex : null">\r\n  <div *ngIf="tippyProperties" [attr.id]="getIdButton()"\r\n       ngxTippy [tippyProps]="tippyProperties"\r\n       class="inline-flex items-center focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black"\r\n       tabindex="0" role="button"\r\n       [attr.aria-labelledby]="getIdButton() + \' \' + getIdTooltip()">\r\n    <ng-container *desyCustomInnerContent="{ component: contentComponent, html: getMainContent() }"></ng-container>\r\n    <span *ngIf="hasContent && ( (iconComponent) || (icon) )" class="inline-block w-1.5"></span>\r\n    <span *ngIf="iconComponent" class="inline-block">\r\n      <ng-container *desyCustomInnerContent="{ component: iconComponent }"></ng-container>\r\n\r\n      <ng-container *ngIf="!hasIconComponentContent">\r\n        <ng-container [ngSwitch]="iconComponent.type">\r\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>\r\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>\r\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>\r\n        </ng-container>\r\n      </ng-container>\r\n    </span>\r\n    <span *ngIf="!iconComponent && icon" class="inline-block">\r\n      <ng-container *desyCustomInnerContent="{ html: getIconContent(icon) }"></ng-container>\r\n    </span>\r\n  </div>\r\n\r\n  <div #tooltipContent [attr.id]="getIdTooltip()"\r\n       [class]="[\'-my-xs p-sm shadow-md bg-black rounded text-white\', classesTooltip] | makeHtmlList">\r\n    <ng-container *desyCustomInnerContent="{ component: tooltipContentComponent, template: caller }"></ng-container>\r\n  </div>\r\n</div>\r\n'}]}],ia.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},ia.propDecorators={contentComponent:[{type:t.ContentChildren,args:[O]}],iconComponent:[{type:t.ContentChildren,args:[A]}],tooltipContentComponent:[{type:t.ContentChildren,args:[qt]}],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}],classes:[{type:t.Input}],classesTooltip:[{type:t.Input}],icon:[{type:t.Input}],caller:[{type:t.Input}]},m([T()],ia.prototype,"contentComponent",void 0),m([T()],ia.prototype,"iconComponent",void 0),m([T()],ia.prototype,"tooltipContentComponent",void 0);var la=function(){};la.decorators=[{type:t.NgModule,args:[{declarations:[Dt,wt,Lt,Et,kt,Ht,St,Pt,Tt,Mt,Bt,Ft,Rt,Ot,At,Vt,zt,_t,Ut,ia,qt,$t,Gt,Nt],imports:[i.CommonModule,ta,na,ra,o.NgxTippyModule],exports:[Dt,wt,Lt,Et,kt,Ht,St,Pt,Tt,Mt,Bt,Ft,Rt,Ot,At,Vt,zt,_t,Ut,ia,qt,$t,Gt,Nt]}]}];var sa=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);sa.decorators=[{type:t.Component,args:[{selector:"desy-toggle-off-state",template:"<ng-template #contentTemplateOffState>\r\n   <ng-content></ng-content>\r\n</ng-template>"}]}],sa.propDecorators={content:[{type:t.ViewChild,args:["contentTemplateOffState",{static:!0}]}],classes:[{type:t.Input}]};var oa=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t}(C);oa.decorators=[{type:t.Component,args:[{selector:"desy-toggle-on-state",template:"<ng-template #contentTemplateOnState>\r\n   <ng-content></ng-content>\r\n</ng-template>"}]}],oa.propDecorators={content:[{type:t.ViewChild,args:["contentTemplateOnState",{static:!0}]}],classes:[{type:t.Input}]};var da=function(e){function a(){var a=e.apply(this,f(arguments))||this;return 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);da.decorators=[{type:t.Component,args:[{selector:"desy-toggle",template:'\x3c!-- toggle --\x3e\r\n<div class="relative">\r\n  <button *ngIf="isSwitch"\r\n          (click)="onClick($event)"\r\n          [type]="\'button\'"\r\n          [class]="pressed ? (classes + \' \' + contentTemplateOnState?.classes) : (classes + \' \' + contentTemplateOffState?.classes)"\r\n          [attr.aria-checked]="pressed ? \'true\' : \'false\'"\r\n          \r\n          [attr.id]="id ? id : null" \r\n          [attr.role]="\'switch\'"\r\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n          [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n          [attr.aria-controls]="ariaControls ? ariaControls : null" \r\n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null" \r\n          [attr.aria-live]="ariaLive ? ariaLive : null" \r\n          [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" \r\n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" \r\n          [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null" \r\n          [attr.tabindex]="tabindex ? tabindex : null">\r\n    \r\n    <span [class]="pressed ? \'hidden\' : \'\'"><ng-container *ngTemplateOutlet="contentTemplateOffState?.content"></ng-container></span>\r\n    <span [class]="pressed ? \'\' : \'hidden\'"><ng-container *ngTemplateOutlet="contentTemplateOnState?.content"></ng-container></span>\r\n  </button>\r\n\r\n  <button *ngIf="!isSwitch"\r\n          (click)="onClick($event)"\r\n          [type]="\'button\'"\r\n          [class]="pressed ? (classes + \' \' + contentTemplateOnState?.classes) : (classes + \' \' + contentTemplateOffState?.classes)"\r\n          [attr.aria-pressed]="pressed ? \'true\' : \'false\'"\r\n          [attr.id]="id ? id : null" \r\n          [attr.role]="role ? role : null"\r\n          [attr.aria-label]="ariaLabel ? ariaLabel : null"\r\n          [attr.aria-describedby]="ariaDescribedBy ? ariaDescribedBy : null"\r\n          [attr.aria-labelledby]="ariaLabelledBy ? ariaLabelledBy : null"\r\n          [attr.aria-hidden]="ariaHidden ? ariaHidden : null"\r\n          [attr.aria-disabled]="ariaDisabled ? ariaDisabled : null"\r\n          [attr.aria-controls]="ariaControls ? ariaControls : null" \r\n          [attr.aria-current]="ariaCurrent ? ariaCurrent : null" \r\n          [attr.aria-live]="ariaLive ? ariaLive : null" \r\n          [attr.aria-expanded]="ariaExpanded ? ariaExpanded : null" \r\n          [attr.aria-errormessage]="ariaErrorMessage ? ariaErrorMessage : null" \r\n          [attr.aria-haspopup]="ariaHasPopup ? ariaHasPopup : null" \r\n          [attr.tabindex]="tabindex ? tabindex : null">\r\n    \r\n    <span [class]="pressed ? \'hidden\' : \'\'"><ng-container *ngTemplateOutlet="contentTemplateOffState?.content"></ng-container></span>\r\n    <span [class]="pressed ? \'\' : \'hidden\'"><ng-container *ngTemplateOutlet="contentTemplateOnState?.content"></ng-container></span>\r\n  </button>\r\n</div>\r\n\x3c!-- /toggle --\x3e'}]}],da.propDecorators={id:[{type:t.Input}],isSwitch:[{type:t.Input}],pressed:[{type:t.Input}],classes:[{type:t.Input}],clickEvent:[{type:t.Output}],pressedChange:[{type:t.Output}],contentTemplateOnState:[{type:t.ContentChildren,args:[oa]}],contentTemplateOffState:[{type:t.ContentChildren,args:[sa]}]},m([T()],da.prototype,"contentTemplateOnState",void 0),m([T()],da.prototype,"contentTemplateOffState",void 0);var pa=function(){};pa.decorators=[{type:t.NgModule,args:[{declarations:[L,E,k,P,S,B,M,da,oa,sa],imports:[i.CommonModule,ta,la,o.NgxTippyModule],exports:[L,E,k,P,S,B,M,da,oa,sa]}]}];var ca=function(){};ca.decorators=[{type:t.NgModule,args:[{declarations:[we,Le,Ee,He],imports:[i.CommonModule,n.A11yModule,ta,pa],exports:[we,Le,Ee,He]}]}];var ua=function(){};ua.decorators=[{type:t.NgModule,args:[{declarations:[Te,Be,Ye,Ke,We,qe,je,Ue,Ge,$e,Ve,Ae,Re,ze,Se,Oe,Pe,Qe,Xe,tt,et,Ze,Je,st,lt,it,nt,rt,Ne,dt,ot,_e,Fe,at],imports:[i.CommonModule,ta,ra,pa],exports:[Te,Be,Ye,Ke,We,qe,je,Ue,Ge,$e,Ve,Ae,Re,ze,Oe,Se,Pe,Qe,Xe,tt,et,Ze,Je,st,lt,it,nt,rt,Ne,dt,ot,Fe,_e]}]}];var ma=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 r=b(a),n=r.next();!n.done;n=r.next()){n.value.setAttribute("tabindex","-1")}}catch(t){e={error:t}}finally{try{n&&!n.done&&(t=r.return)&&t.call(r)}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,r=0;r<t.children.length;r++){var n=t.children[r];if(e.isEqualNode(n)){a=r;break}}return a},e}();ma.decorators=[{type:t.Directive,args:[{selector:"[desyFocusClickedCell]"}]}],ma.ctorParameters=function(){return[{type:t.ElementRef}]},ma.propDecorators={onClick:[{type:t.HostListener,args:["click"]}],manageArrows:[{type:t.HostListener,args:["keydown",["$event"]]}]};var ga=function(){};ga.decorators=[{type:t.NgModule,args:[{declarations:[ht,ut,pt,ct,mt,It,yt,bt,Ct,ft,ma,vt,xt],imports:[i.CommonModule,a.FormsModule,a.ReactiveFormsModule,n.A11yModule,ta,na],exports:[ht,ut,pt,ct,mt,It,yt,bt,Ct,ft]}]}];var ha=function(){};ha.decorators=[{type:t.NgModule,args:[{declarations:[Wt],imports:[i.CommonModule,ta,ua,pa],exports:[Wt]}]}];var ba=function(){};ba.decorators=[{type:t.NgModule,args:[{imports:[pa,ra,na,ca,ua,ga,la,ha,ra],exports:[pa,ra,na,ca,ua,ga,la,ha,ra]}]}],e.AccordionComponent=wt,e.AccordionHeaderComponent=Lt,e.AccordionItemComponent=Et,e.AlertComponent=Dt,e.AlertService=jt,e.BreadcrumbsComponent=Te,e.BreadcrumbsItemComponent=Be,e.ButtonComponent=L,e.ButtonLoaderComponent=E,e.CharacterCountComponent=j,e.CheckboxItemComponent=se,e.CheckboxesComponent=oe,e.CollapsibleComponent=St,e.ConditionDirective=Ie,e.ContentComponent=O,e.DateInputComponent=ge,e.DefinitionComponent=Bt,e.DescriptionComponent=R,e.DescriptionItemComponent=Tt,e.DescriptionListComponent=Pt,e.DesyAngularModule=ba,e.DesyButtonsModule=pa,e.DesyCommonsModule=ra,e.DesyFormsModule=na,e.DesyModalsModule=ca,e.DesyNavModule=ua,e.DesyPaginationModule=ha,e.DesyTablesModule=ga,e.DesyViewsModule=la,e.DetailsComponent=Ht,e.DialogComponent=He,e.DialogService=Me,e.DropdownComponent=k,e.ErrorMessageComponent=z,e.ErrorSummaryComponent=Ye,e.ErrorSummaryItemComponent=Ke,e.FieldsetComponent=$,e.FileUploadComponent=Q,e.FooterComponent=We,e.FooterMetaComponent=qe,e.FooterMetaItemComponent=je,e.FooterNavigationComponent=Ue,e.FooterNavigationItemComponent=Ge,e.HeaderComponent=$e,e.HeaderDropdownComponent=ze,e.HeaderNavigationComponent=Ae,e.HeaderOffcanvasButtonComponent=Se,e.HeaderOffcanvasCloseButtonComponent=Pe,e.HeaderOffcanvasComponent=Oe,e.HeaderSubnavComponent=Ve,e.HintComponent=N,e.IconComponent=A,e.InputComponent=q,e.InputGroupComponent=ne,e.InputGroupDividerComponent=re,e.InputGroupInputComponent=te,e.InputGroupSelectComponent=ae,e.ItemComponent=Ft,e.ItemContentBottomComponent=Rt,e.ItemContentRightComponent=Ot,e.ItemItemComponent=At,e.LabelComponent=V,e.LegendComponent=_,e.ListboxComponent=P,e.ListboxItemComponent=B,e.ListboxLabelComponent=M,e.MediaObjectComponent=Vt,e.MenuHorizontalComponent=Qe,e.MenuHorizontalItemComponent=Xe,e.MenuVerticalComponent=tt,e.MenuVerticalItemComponent=et,e.MenuVerticalItemSubComponent=Ze,e.MenuVerticalItemSubItemComponent=Je,e.MenubarComponent=st,e.MenubarItemComponent=it,e.MenubarLabelComponent=lt,e.MenubarSubitemComponent=nt,e.MenubarSubsubitemComponent=rt,e.ModalButtonPrimaryComponent=Le,e.ModalButtonSecondaryComponent=Ee,e.ModalComponent=we,e.NavComponent=Ne,e.NavItemComponent=Fe,e.NotificationComponent=dt,e.NotificationItemComponent=ot,e.OptionComponent=K,e.OptionGroupComponent=Y,e.PaginationComponent=Wt,e.PillComponent=S,e.RadioItemComponent=ie,e.RadiosComponent=le,e.SearchBarComponent=he,e.SelectComponent=X,e.SkipLinkComponent=_e,e.SpinnerComponent=kt,e.StatusComponent=zt,e.StatusItemComponent=_t,e.TableAdvancedComponent=It,e.TableAdvancedHeaderCellComponent=bt,e.TableAdvancedHeaderComponent=yt,e.TableAdvancedRowCellComponent=ft,e.TableAdvancedRowComponent=Ct,e.TableCaptionComponent=ut,e.TableCellComponent=pt,e.TableComponent=ht,e.TableHeaderComponent=ct,e.TableRowComponent=mt,e.TabsComponent=Ut,e.TermComponent=Mt,e.TextareaComponent=U,e.TitleComponent=F,e.TooltipContentComponent=qt,e.TreeComponent=xe,e.TreeItemComponent=ve,e.TreeItemsGeneratorComponent=De,e.TreeSubComponent=be,e["ɵa"]=C,e["ɵb"]=D,e["ɵba"]=Yt,e["ɵbb"]=Xt,e["ɵbc"]=Qt,e["ɵbd"]=Jt,e["ɵbe"]=Zt,e["ɵbf"]=ea,e["ɵbg"]=ia,e["ɵbh"]=aa,e["ɵbi"]=me,e["ɵbj"]=pe,e["ɵbk"]=ce,e["ɵbl"]=ue,e["ɵbm"]=ma,e["ɵc"]=I,e["ɵd"]=T,e["ɵe"]=v,e["ɵf"]=G,e["ɵg"]=W,e["ɵh"]=Z,e["ɵi"]=J,e["ɵj"]=de,e["ɵk"]=ye,e["ɵl"]=Ce,e["ɵm"]=Re,e["ɵn"]=at,e["ɵo"]=xt,e["ɵp"]=vt,e["ɵq"]=Nt,e["ɵr"]=Gt,e["ɵs"]=$t,e["ɵt"]=da,e["ɵu"]=oa,e["ɵv"]=sa,e["ɵw"]=ta,e["ɵx"]=x,e["ɵy"]=Kt,e["ɵz"]=ee,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=desy-angular.umd.min.js.map