desy-angular 6.0.0 → 6.0.2

package/esm2015/lib/desy-buttons/components/button-loader/button-loader.component.js

@@ -1,50 +1,50 @@
-import { Component, HostBinding, Input } from '@angular/core';
-import { ButtonComponent } from '../button/button.component';
-export class ButtonLoaderComponent extends ButtonComponent {
-    constructor() {
-        super(...arguments);
-        this.hostTabIndex = null; // Fix para evitar el tab-index agregado por routerLink en el host
-    }
-    getClassNames() {
-        let classNames = 'c-button-loader relative';
-        if (this.classes) {
-            classNames += ' ' + this.classes;
-        }
-        if (this.disabled) {
-            classNames += ' c-button-loader--disabled';
-        }
-        return classNames;
-    }
-    getSpinnerText() {
-        let spinnerText = null;
-        if (this.state === ButtonLoaderComponent.STATE_LOADING) {
-            spinnerText = this.loaderText ? this.loaderText : ButtonLoaderComponent.DEFAULT_LOADER_TEXT;
-        }
-        return spinnerText;
-    }
-    getSuccessText() {
-        let successText = null;
-        if (this.state === ButtonLoaderComponent.STATE_SUCCESS) {
-            successText = this.successText ? this.successText : ButtonLoaderComponent.DEFAULT_SUCCESS_TEXT;
-        }
-        return successText;
-    }
-}
-ButtonLoaderComponent.STATE_LOADING = 'is-loading';
-ButtonLoaderComponent.STATE_SUCCESS = 'is-success';
-ButtonLoaderComponent.DEFAULT_LOADER_TEXT = 'Acción en curso';
-ButtonLoaderComponent.DEFAULT_SUCCESS_TEXT = 'Acción realizada con éxito';
-ButtonLoaderComponent.decorators = [
-    { type: 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() ? getSpinnerText() : 'Acci\u00F3n en curso'\" [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    <span class=\"sr-only\" role=\"alert\" aria-live=\"assertive\">{{ getSuccessText() }}</span>\r\n    <span aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"  aria-hidden=\"true\" width=\"1em\" height=\"1em\"><path d=\"M13.714 42.857A6.857 6.857 0 0 1 8.4 40.183L.857 31.646a3.429 3.429 0 0 1 .309-4.869A3.429 3.429 0 0 1 6 27.12l7.063 7.989a.72.72 0 0 0 .617.308.789.789 0 0 0 .617-.274L42.103 6.206a3.429 3.429 0 0 1 4.937 4.731L18.926 40.526a6.651 6.651 0 0 1-5.212 2.331Z\" fill=\"currentColor\"></path></svg></span>\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       [routerLink]=\"routerLink ? routerLink : null\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\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    <span class=\"c-button-loader__content inline-flex align-baseline\">\r\n      <input [value]=\"text ? text : null\" [type]=\"type ? type : 'submit'\" \r\n      class=\"bg-transparent font-semibold\" \r\n      [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\" \r\n      [attr.disabled]=\"isDisabled()\"\r\n      [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\r\n      [attr.name]=\"name ? name : null\">\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"
-            },] }
-];
-ButtonLoaderComponent.propDecorators = {
-    hostTabIndex: [{ type: HostBinding, args: ['attr.tabindex',] }],
-    loaderText: [{ type: Input }],
-    loaderClasses: [{ type: Input }],
-    state: [{ type: Input }],
-    successText: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LWJ1dHRvbnMvY29tcG9uZW50cy9idXR0b24tbG9hZGVyL2J1dHRvbi1sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFNN0QsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGVBQWU7SUFKMUQ7O1FBWXlDLGlCQUFZLEdBQUcsSUFBSSxDQUFDLENBQUMsa0VBQWtFO0lBc0NoSSxDQUFDO0lBL0JDLGFBQWE7UUFDWCxJQUFJLFVBQVUsR0FBRywwQkFBMEIsQ0FBQztRQUM1QyxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEIsVUFBVSxJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1NBQ2xDO1FBQ0QsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLFVBQVUsSUFBSSw0QkFBNEIsQ0FBQztTQUM1QztRQUNELE9BQU8sVUFBVSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxXQUFXLEdBQVcsSUFBSSxDQUFDO1FBRS9CLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxxQkFBcUIsQ0FBQyxhQUFhLEVBQUU7WUFDdEQsV0FBVyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLG1CQUFtQixDQUFDO1NBQzdGO1FBRUQsT0FBTyxXQUFXLENBQUM7SUFDckIsQ0FBQztJQUdELGNBQWM7UUFDWixJQUFJLFdBQVcsR0FBVyxJQUFJLENBQUM7UUFFL0IsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLHFCQUFxQixDQUFDLGFBQWEsRUFBRTtZQUN0RCxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsb0JBQW9CLENBQUM7U0FDaEc7UUFFRCxPQUFPLFdBQVcsQ0FBQztJQUNyQixDQUFDOztBQTNDc0IsbUNBQWEsR0FBVyxZQUFZLENBQUM7QUFDckMsbUNBQWEsR0FBVyxZQUFZLENBQUM7QUFFcEMseUNBQW1CLEdBQVcsaUJBQWlCLENBQUM7QUFDaEQsMENBQW9CLEdBQVcsNEJBQTRCLENBQUM7O1lBVnJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5QiwwOE9BQTZDO2FBQzlDOzs7MkJBU0UsV0FBVyxTQUFDLGVBQWU7eUJBRTNCLEtBQUs7NEJBQ0wsS0FBSztvQkFDTCxLQUFLOzBCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LWJ1dHRvbi1sb2FkZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tbG9hZGVyLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uTG9hZGVyQ29tcG9uZW50IGV4dGVuZHMgQnV0dG9uQ29tcG9uZW50IHtcclxuXHJcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBTVEFURV9MT0FESU5HOiBzdHJpbmcgPSAnaXMtbG9hZGluZyc7XHJcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBTVEFURV9TVUNDRVNTOiBzdHJpbmcgPSAnaXMtc3VjY2Vzcyc7XHJcblxyXG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IERFRkFVTFRfTE9BREVSX1RFWFQ6IHN0cmluZyA9ICdBY2Npw7NuIGVuIGN1cnNvJztcclxuICBwcml2YXRlIHN0YXRpYyByZWFkb25seSBERUZBVUxUX1NVQ0NFU1NfVEVYVDogc3RyaW5nID0gJ0FjY2nDs24gcmVhbGl6YWRhIGNvbiDDqXhpdG8nO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKSByZWFkb25seSBob3N0VGFiSW5kZXggPSBudWxsOyAvLyBGaXggcGFyYSBldml0YXIgZWwgdGFiLWluZGV4IGFncmVnYWRvIHBvciByb3V0ZXJMaW5rIGVuIGVsIGhvc3RcclxuXHJcbiAgQElucHV0KCkgbG9hZGVyVGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGxvYWRlckNsYXNzZXM6IHN0cmluZztcclxuICBASW5wdXQoKSBzdGF0ZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHN1Y2Nlc3NUZXh0OiBzdHJpbmc7XHJcblxyXG4gIGdldENsYXNzTmFtZXMoKTogc3RyaW5nIHtcclxuICAgIGxldCBjbGFzc05hbWVzID0gJ2MtYnV0dG9uLWxvYWRlciByZWxhdGl2ZSc7XHJcbiAgICBpZiAodGhpcy5jbGFzc2VzKSB7XHJcbiAgICAgIGNsYXNzTmFtZXMgKz0gJyAnICsgdGhpcy5jbGFzc2VzO1xyXG4gICAgfVxyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgY2xhc3NOYW1lcyArPSAnIGMtYnV0dG9uLWxvYWRlci0tZGlzYWJsZWQnO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIGNsYXNzTmFtZXM7XHJcbiAgfVxyXG5cclxuICBnZXRTcGlubmVyVGV4dCgpOiBzdHJpbmcge1xyXG4gICAgbGV0IHNwaW5uZXJUZXh0OiBzdHJpbmcgPSBudWxsO1xyXG5cclxuICAgIGlmICh0aGlzLnN0YXRlID09PSBCdXR0b25Mb2FkZXJDb21wb25lbnQuU1RBVEVfTE9BRElORykge1xyXG4gICAgICBzcGlubmVyVGV4dCA9IHRoaXMubG9hZGVyVGV4dCA/IHRoaXMubG9hZGVyVGV4dCA6IEJ1dHRvbkxvYWRlckNvbXBvbmVudC5ERUZBVUxUX0xPQURFUl9URVhUO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBzcGlubmVyVGV4dDtcclxuICB9XHJcblxyXG5cclxuICBnZXRTdWNjZXNzVGV4dCgpOiBzdHJpbmcge1xyXG4gICAgbGV0IHN1Y2Nlc3NUZXh0OiBzdHJpbmcgPSBudWxsO1xyXG5cclxuICAgIGlmICh0aGlzLnN0YXRlID09PSBCdXR0b25Mb2FkZXJDb21wb25lbnQuU1RBVEVfU1VDQ0VTUykge1xyXG4gICAgICBzdWNjZXNzVGV4dCA9IHRoaXMuc3VjY2Vzc1RleHQgPyB0aGlzLnN1Y2Nlc3NUZXh0IDogQnV0dG9uTG9hZGVyQ29tcG9uZW50LkRFRkFVTFRfU1VDQ0VTU19URVhUO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBzdWNjZXNzVGV4dDtcclxuICB9XHJcbn1cclxuIl19
+import { Component, HostBinding, Input } from '@angular/core';
+import { ButtonComponent } from '../button/button.component';
+export class ButtonLoaderComponent extends ButtonComponent {
+    constructor() {
+        super(...arguments);
+        this.hostTabIndex = null; // Fix para evitar el tab-index agregado por routerLink en el host
+    }
+    getClassNames() {
+        let classNames = 'c-button-loader relative';
+        if (this.classes) {
+            classNames += ' ' + this.classes;
+        }
+        if (this.disabled) {
+            classNames += ' c-button-loader--disabled';
+        }
+        return classNames;
+    }
+    getSpinnerText() {
+        let spinnerText = null;
+        if (this.state === ButtonLoaderComponent.STATE_LOADING) {
+            spinnerText = this.loaderText ? this.loaderText : ButtonLoaderComponent.DEFAULT_LOADER_TEXT;
+        }
+        return spinnerText;
+    }
+    getSuccessText() {
+        let successText = null;
+        if (this.state === ButtonLoaderComponent.STATE_SUCCESS) {
+            successText = this.successText ? this.successText : ButtonLoaderComponent.DEFAULT_SUCCESS_TEXT;
+        }
+        return successText;
+    }
+}
+ButtonLoaderComponent.STATE_LOADING = 'is-loading';
+ButtonLoaderComponent.STATE_SUCCESS = 'is-success';
+ButtonLoaderComponent.DEFAULT_LOADER_TEXT = 'Acción en curso';
+ButtonLoaderComponent.DEFAULT_SUCCESS_TEXT = 'Acción realizada con éxito';
+ButtonLoaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-button-loader',
+                template: "<ng-template #spinnerTemplate>\n  <span class=\"c-button-loader__spinner flex items-center justify-center absolute inset-0\">\n    <desy-spinner [text]=\"getSpinnerText() ? getSpinnerText() : 'Acci\u00F3n en curso'\" [classes]=\"loaderClasses\" ></desy-spinner>\n  </span>\n</ng-template>\n\n<ng-template #successTemplate>\n  <span class=\"c-button-loader__success flex items-center justify-center absolute inset-0\">\n    <span class=\"sr-only\" role=\"alert\" aria-live=\"assertive\">{{ getSuccessText() }}</span>\n    <span aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"  aria-hidden=\"true\" width=\"1em\" height=\"1em\"><path d=\"M13.714 42.857A6.857 6.857 0 0 1 8.4 40.183L.857 31.646a3.429 3.429 0 0 1 .309-4.869A3.429 3.429 0 0 1 6 27.12l7.063 7.989a.72.72 0 0 0 .617.308.789.789 0 0 0 .617-.274L42.103 6.206a3.429 3.429 0 0 1 4.937 4.731L18.926 40.526a6.651 6.651 0 0 1-5.212 2.331Z\" fill=\"currentColor\"></path></svg></span>\n  </span>\n</ng-template>\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]=\"getElement()\">\n  <ng-container *ngSwitchCase=\"staticElementTypeA\">\n    <a *ngIf=\"routerLink\" draggable=\"false\" (click)=\"onClick($event)\"\n      [routerLink]=\"routerLink\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\n      role=\"button\"\n      [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n      [attr.id]=\"id ? id : null\" [attr.aria-label]=\"ariaLabel ? ariaLabel : null\" [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\" [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\" [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"  [attr.aria-controls]=\"ariaControls ? ariaControls : null\" [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\" [attr.aria-live]=\"ariaLive ? ariaLive : null\" [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\" [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\" [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n      [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n      [class]=\"getClassNames()\">\n      <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n      <span class=\"c-button-loader__content inline-flex align-baseline\" [desyInnerContent]=\"html ? html : text\" [isHtml]=\"html\" [deleteContentIfEmpty]=\"false\"><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    </a>\n\n    <a *ngIf=\"!routerLink\" draggable=\"false\" (click)=\"onClick($event)\"\n      [href]=\"href | externalHref\" [attr.target]=\"target ? target : null\"\n       [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n      role=\"button\"\n      [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n      [attr.id]=\"id ? id : null\" [attr.aria-label]=\"ariaLabel ? ariaLabel : null\" [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\" [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\" [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"  [attr.aria-controls]=\"ariaControls ? ariaControls : null\" [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\" [attr.aria-live]=\"ariaLive ? ariaLive : null\" [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\" [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\" [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n      [class]=\"getClassNames()\">\n      <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n      <span class=\"c-button-loader__content inline-flex align-baseline\" [desyInnerContent]=\"html ? html : text\" [isHtml]=\"html\" [deleteContentIfEmpty]=\"false\"><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    </a>\n  </ng-container>\n\n  <button *ngSwitchCase=\"staticElementTypeButton\" (click)=\"onClick($event)\"\n          [routerLink]=\"routerLink ? routerLink : null\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\n          [attr.name]=\"name ? name : null\"\n          [attr.value]=\"value ? value : null\"\n          [attr.disabled]=\"isDisabled()\"\n          [attr.role]=\"(role ? role : null)\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n          [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n          [attr.id]=\"id ? id : null\" [attr.aria-label]=\"ariaLabel ? ariaLabel : null\" [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\" [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\" [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\" [attr.aria-controls]=\"ariaControls ? ariaControls : null\" [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\" [attr.aria-live]=\"ariaLive ? ariaLive : null\" [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\" [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\" [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\" [attr.tabindex]=\"tabindex ? tabindex : null\"\n          [attr.type]=\"type ? type : null\"\n          [class]=\"getClassNames()\">\n    <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n    <span class=\"c-button-loader__content inline-flex align-baseline\" [desyInnerContent]=\"html ? html : text\" [isHtml]=\"html\" [deleteContentIfEmpty]=\"false\"> <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n  </button>\n\n  <div *ngSwitchCase=\"staticElementTypeInput\" (click)=\"onClick($event)\"\n       [routerLink]=\"routerLink ? routerLink : null\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\n       [attr.role]=\"(role ? role : null)\"\n       [attr.id]=\"id ? id : null\" [attr.aria-label]=\"ariaLabel ? ariaLabel : null\" [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\" [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\" [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\" [attr.aria-controls]=\"ariaControls ? ariaControls : null\" [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\" [attr.aria-live]=\"ariaLive ? ariaLive : null\" [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\" [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\" [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\" [attr.tabindex]=\"tabindex ? tabindex : null\"\n       [class]=\"getClassNames()\">\n    <span class=\"c-button-loader__content inline-flex align-baseline\">\n      <input [value]=\"text ? text : null\" [type]=\"type ? type : 'submit'\" \n      class=\"bg-transparent font-semibold\" \n      [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\" \n      [attr.disabled]=\"isDisabled()\"\n      [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n      [attr.name]=\"name ? name : null\">\n    </span> \n    <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n  </div>\n</ng-container>\n"
+            },] }
+];
+ButtonLoaderComponent.propDecorators = {
+    hostTabIndex: [{ type: HostBinding, args: ['attr.tabindex',] }],
+    loaderText: [{ type: Input }],
+    loaderClasses: [{ type: Input }],
+    state: [{ type: Input }],
+    successText: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LWJ1dHRvbnMvY29tcG9uZW50cy9idXR0b24tbG9hZGVyL2J1dHRvbi1sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFNN0QsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGVBQWU7SUFKMUQ7O1FBWXlDLGlCQUFZLEdBQUcsSUFBSSxDQUFDLENBQUMsa0VBQWtFO0lBc0NoSSxDQUFDO0lBL0JDLGFBQWE7UUFDWCxJQUFJLFVBQVUsR0FBRywwQkFBMEIsQ0FBQztRQUM1QyxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEIsVUFBVSxJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1NBQ2xDO1FBQ0QsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLFVBQVUsSUFBSSw0QkFBNEIsQ0FBQztTQUM1QztRQUNELE9BQU8sVUFBVSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxXQUFXLEdBQVcsSUFBSSxDQUFDO1FBRS9CLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxxQkFBcUIsQ0FBQyxhQUFhLEVBQUU7WUFDdEQsV0FBVyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLG1CQUFtQixDQUFDO1NBQzdGO1FBRUQsT0FBTyxXQUFXLENBQUM7SUFDckIsQ0FBQztJQUdELGNBQWM7UUFDWixJQUFJLFdBQVcsR0FBVyxJQUFJLENBQUM7UUFFL0IsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLHFCQUFxQixDQUFDLGFBQWEsRUFBRTtZQUN0RCxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsb0JBQW9CLENBQUM7U0FDaEc7UUFFRCxPQUFPLFdBQVcsQ0FBQztJQUNyQixDQUFDOztBQTNDc0IsbUNBQWEsR0FBVyxZQUFZLENBQUM7QUFDckMsbUNBQWEsR0FBVyxZQUFZLENBQUM7QUFFcEMseUNBQW1CLEdBQVcsaUJBQWlCLENBQUM7QUFDaEQsMENBQW9CLEdBQVcsNEJBQTRCLENBQUM7O1lBVnJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5Qixnek9BQTZDO2FBQzlDOzs7MkJBU0UsV0FBVyxTQUFDLGVBQWU7eUJBRTNCLEtBQUs7NEJBQ0wsS0FBSztvQkFDTCxLQUFLOzBCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGVzeS1idXR0b24tbG9hZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi1sb2FkZXIuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkxvYWRlckNvbXBvbmVudCBleHRlbmRzIEJ1dHRvbkNvbXBvbmVudCB7XG5cbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBTVEFURV9MT0FESU5HOiBzdHJpbmcgPSAnaXMtbG9hZGluZyc7XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgU1RBVEVfU1VDQ0VTUzogc3RyaW5nID0gJ2lzLXN1Y2Nlc3MnO1xuXG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IERFRkFVTFRfTE9BREVSX1RFWFQ6IHN0cmluZyA9ICdBY2Npw7NuIGVuIGN1cnNvJztcbiAgcHJpdmF0ZSBzdGF0aWMgcmVhZG9ubHkgREVGQVVMVF9TVUNDRVNTX1RFWFQ6IHN0cmluZyA9ICdBY2Npw7NuIHJlYWxpemFkYSBjb24gw6l4aXRvJztcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKSByZWFkb25seSBob3N0VGFiSW5kZXggPSBudWxsOyAvLyBGaXggcGFyYSBldml0YXIgZWwgdGFiLWluZGV4IGFncmVnYWRvIHBvciByb3V0ZXJMaW5rIGVuIGVsIGhvc3RcblxuICBASW5wdXQoKSBsb2FkZXJUZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxvYWRlckNsYXNzZXM6IHN0cmluZztcbiAgQElucHV0KCkgc3RhdGU6IHN0cmluZztcbiAgQElucHV0KCkgc3VjY2Vzc1RleHQ6IHN0cmluZztcblxuICBnZXRDbGFzc05hbWVzKCk6IHN0cmluZyB7XG4gICAgbGV0IGNsYXNzTmFtZXMgPSAnYy1idXR0b24tbG9hZGVyIHJlbGF0aXZlJztcbiAgICBpZiAodGhpcy5jbGFzc2VzKSB7XG4gICAgICBjbGFzc05hbWVzICs9ICcgJyArIHRoaXMuY2xhc3NlcztcbiAgICB9XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIGNsYXNzTmFtZXMgKz0gJyBjLWJ1dHRvbi1sb2FkZXItLWRpc2FibGVkJztcbiAgICB9XG4gICAgcmV0dXJuIGNsYXNzTmFtZXM7XG4gIH1cblxuICBnZXRTcGlubmVyVGV4dCgpOiBzdHJpbmcge1xuICAgIGxldCBzcGlubmVyVGV4dDogc3RyaW5nID0gbnVsbDtcblxuICAgIGlmICh0aGlzLnN0YXRlID09PSBCdXR0b25Mb2FkZXJDb21wb25lbnQuU1RBVEVfTE9BRElORykge1xuICAgICAgc3Bpbm5lclRleHQgPSB0aGlzLmxvYWRlclRleHQgPyB0aGlzLmxvYWRlclRleHQgOiBCdXR0b25Mb2FkZXJDb21wb25lbnQuREVGQVVMVF9MT0FERVJfVEVYVDtcbiAgICB9XG5cbiAgICByZXR1cm4gc3Bpbm5lclRleHQ7XG4gIH1cblxuXG4gIGdldFN1Y2Nlc3NUZXh0KCk6IHN0cmluZyB7XG4gICAgbGV0IHN1Y2Nlc3NUZXh0OiBzdHJpbmcgPSBudWxsO1xuXG4gICAgaWYgKHRoaXMuc3RhdGUgPT09IEJ1dHRvbkxvYWRlckNvbXBvbmVudC5TVEFURV9TVUNDRVNTKSB7XG4gICAgICBzdWNjZXNzVGV4dCA9IHRoaXMuc3VjY2Vzc1RleHQgPyB0aGlzLnN1Y2Nlc3NUZXh0IDogQnV0dG9uTG9hZGVyQ29tcG9uZW50LkRFRkFVTFRfU1VDQ0VTU19URVhUO1xuICAgIH1cblxuICAgIHJldHVybiBzdWNjZXNzVGV4dDtcbiAgfVxufVxuIl19

package/esm2015/lib/desy-buttons/components/dropdown/dropdown.component.js

@@ -1,111 +1,111 @@
-import { Component, EventEmitter, Input, Output, ViewChild, ElementRef, HostBinding, } from '@angular/core';
-import { AccessibilityAndContentRequiredComponent } from '../../../shared/components';
-import { FocusUtils } from '../../../shared/utils/focus-utils';
-export class DropdownComponent extends AccessibilityAndContentRequiredComponent {
-    constructor() {
-        super(...arguments);
-        this.clickEvent = new EventEmitter();
-        this.isOpen = false;
-        this.clickOutsideEnabled = false;
-    }
-    ngOnInit() {
-        let contentTooltip;
-        if (this.dropdownContent && this.dropdownContent.nativeElement) {
-            contentTooltip = this.dropdownContent.nativeElement;
-            contentTooltip.style.display = 'block';
-            this.tippyProperties = {
-                placement: 'bottom-start',
-                inlinePositioning: true,
-                content: contentTooltip,
-                allowHTML: true,
-                trigger: 'click',
-                hideOnClick: true,
-                interactive: true,
-                arrow: false,
-                offset: [0, -10],
-                theme: '',
-                plugins: [
-                    {
-                        name: 'hideOnPopperBlur',
-                        defaultValue: true,
-                        fn(instance) {
-                            return {
-                                onCreate() {
-                                    instance.popper.addEventListener('focusout', (event) => {
-                                        if (instance.props.hideOnPopperBlur &&
-                                            event.relatedTarget &&
-                                            !instance.popper.contains(event.relatedTarget)) {
-                                            instance.hide();
-                                        }
-                                    });
-                                },
-                            };
-                        }
-                    },
-                    {
-                        name: 'hideOnEsc',
-                        defaultValue: true,
-                        fn({ hide }) {
-                            function onKeyDown(event) {
-                                if (event.key === DropdownComponent.KEY_CODE_ESC) {
-                                    hide();
-                                }
-                            }
-                            return {
-                                onShow() {
-                                    document.addEventListener('keydown', onKeyDown);
-                                },
-                                onHide() {
-                                    document.removeEventListener('keydown', onKeyDown);
-                                },
-                            };
-                        },
-                    }
-                ],
-                role: false,
-                aria: {
-                    content: 'auto',
-                },
-                onShown(instance) {
-                    const firstFocusable = FocusUtils.getFirstFocusableElement(contentTooltip);
-                    if (firstFocusable) {
-                        firstFocusable.focus();
-                    }
-                }
-            };
-        }
-    }
-    ngOnChanges(changes) {
-        this.classesContainer = this.classesContainer ? this.classesContainer : 'relative';
-    }
-    onClick(event) {
-        if (!this.isDisabled()) {
-            this.clickEvent.emit(event);
-        }
-    }
-    setOpen(isOpen) {
-        this.isOpen = isOpen;
-    }
-    isDisabled() {
-        return this.disabled ? true : null;
-    }
-}
-DropdownComponent.KEY_CODE_ESC = 'Escape';
-DropdownComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-dropdown',
-                template: "<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>"
-            },] }
-];
-DropdownComponent.propDecorators = {
-    dropdownContent: [{ type: ViewChild, args: ['dropdownContent', { read: ElementRef, static: true },] }],
-    id: [{ type: Input }],
-    disabled: [{ type: Input }],
-    hiddenText: [{ type: Input }],
-    classesContainer: [{ type: Input }, { type: HostBinding, args: ['class',] }],
-    classesTooltip: [{ type: Input }],
-    caller: [{ type: Input }],
-    classes: [{ type: Input }],
-    clickEvent: [{ type: Output }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1idXR0b25zL2NvbXBvbmVudHMvZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sU0FBUyxFQUNULFVBQVUsRUFJVixXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHdDQUF3QyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBTS9ELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSx3Q0FBd0M7SUFKL0U7O1FBa0JZLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTFDLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZix3QkFBbUIsR0FBRyxLQUFLLENBQUM7SUE0RjlCLENBQUM7SUF4RkMsUUFBUTtRQUNOLElBQUksY0FBMkIsQ0FBQztRQUNoQyxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQUU7WUFDOUQsY0FBYyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBNEIsQ0FBQztZQUNuRSxjQUFjLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7WUFDdkMsSUFBSSxDQUFDLGVBQWUsR0FBRztnQkFDckIsU0FBUyxFQUFFLGNBQWM7Z0JBQ3pCLGlCQUFpQixFQUFFLElBQUk7Z0JBQ3ZCLE9BQU8sRUFBRSxjQUFjO2dCQUN2QixTQUFTLEVBQUUsSUFBSTtnQkFDZixPQUFPLEVBQUUsT0FBTztnQkFDaEIsV0FBVyxFQUFFLElBQUk7Z0JBQ2pCLFdBQVcsRUFBRSxJQUFJ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LEtBQUs7c0JBQ0wsS0FBSzt5QkFFTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBUZW1wbGF0ZVJlZixcclxuICBWaWV3Q2hpbGQsXHJcbiAgRWxlbWVudFJlZixcclxuICBPbkluaXQsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgSG9zdEJpbmRpbmcsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjY2Vzc2liaWxpdHlBbmRDb250ZW50UmVxdWlyZWRDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XHJcbmltcG9ydCB7IEZvY3VzVXRpbHMgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvdXRpbHMvZm9jdXMtdXRpbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LWRyb3Bkb3duJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkNvbXBvbmVudCBleHRlbmRzIEFjY2Vzc2liaWxpdHlBbmRDb250ZW50UmVxdWlyZWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgXHJcbiAgc3RhdGljIHJlYWRvbmx5IEtFWV9DT0RFX0VTQyA9ICdFc2NhcGUnO1xyXG5cclxuICBAVmlld0NoaWxkKCdkcm9wZG93bkNvbnRlbnQnLCB7IHJlYWQ6IEVsZW1lbnRSZWYsIHN0YXRpYzogdHJ1ZSB9KSBkcm9wZG93bkNvbnRlbnQ6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaGlkZGVuVGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc2VzQ29udGFpbmVyOiBhbnk7XHJcbiAgQElucHV0KCkgY2xhc3Nlc1Rvb2x0aXA6IHN0cmluZztcclxuICBASW5wdXQoKSBjYWxsZXI6IFRlbXBsYXRlUmVmPGFueT47XHJcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xyXG5cclxuICBAT3V0cHV0KCkgY2xpY2tFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgaXNPcGVuID0gZmFsc2U7XHJcbiAgY2xpY2tPdXRzaWRlRW5hYmxlZCA9IGZhbHNlO1xyXG5cclxuICB0aXBweVByb3BlcnRpZXM6IGFueTtcclxuXHJcbiAgbmdPbkluaXQoKTogYW55IHtcclxuICAgIGxldCBjb250ZW50VG9vbHRpcDogSFRNTEVsZW1lbnQ7XHJcbiAgICBpZiAodGhpcy5kcm9wZG93bkNvbnRlbnQgJiYgdGhpcy5kcm9wZG93bkNvbnRlbnQubmF0aXZlRWxlbWVudCkge1xyXG4gICAgICBjb250ZW50VG9vbHRpcCA9IHRoaXMuZHJvcGRvd25Db250ZW50Lm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQ7XHJcbiAgICAgIGNvbnRlbnRUb29sdGlwLnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snO1xyXG4gICAgICB0aGlzLnRpcHB5UHJvcGVydGllcyA9IHtcclxuICAgICAgICBwbGFjZW1lbnQ6ICdib3R0b20tc3RhcnQnLFxyXG4gICAgICAgIGlubGluZVBvc2l0aW9uaW5nOiB0cnVlLFxyXG4gICAgICAgIGNvbnRlbnQ6IGNvbnRlbnRUb29sdGlwLFxyXG4gICAgICAgIGFsbG93SFRNTDogdHJ1ZSwgLy8gTWFrZSBzdXJlIHlvdSBhcmUgc2FuaXRpemluZyBhbnkgdXNlciBkYXRhIGlmIHJlbmRlcmluZyBIVE1MIHRvIHByZXZlbnQgWFNTIGF0dGFja3MuXHJcbiAgICAgICAgdHJpZ2dlcjogJ2NsaWNrJyxcclxuICAgICAgICBoaWRlT25DbGljazogdHJ1ZSxcclxuICAgICAgICBpbnRlcmFjdGl2ZTogdHJ1ZSxcclxuICAgICAgICBhcnJvdzogZmFsc2UsXHJcbiAgICAgICAgb2Zmc2V0OiBbMCwgLTEwXSxcclxuICAgICAgICB0aGVtZTogJycsXHJcbiAgICAgICAgcGx1Z2luczogW1xyXG4gICAgICAgICAge1xyXG4gICAgICAgICAgICBuYW1lOiAnaGlkZU9uUG9wcGVyQmx1cicsXHJcbiAgICAgICAgICAgIGRlZmF1bHRWYWx1ZTogdHJ1ZSxcclxuICAgICAgICAgICAgZm4oaW5zdGFuY2UpIHtcclxuICAgICAgICAgICAgICByZXR1cm4ge1xyXG4gICAgICAgICAgICAgICAgb25DcmVhdGUoKSB7XHJcbiAgICAgICAgICAgICAgICAgIGluc3RhbmNlLnBvcHBlci5hZGRFdmVudExpc3RlbmVyKCdmb2N1c291dCcsIChldmVudCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIGlmIChcclxuICAgICAgICAgICAgICAgICAgICAgIGluc3RhbmNlLnByb3BzLmhpZGVPblBvcHBlckJsdXIgJiZcclxuICAgICAgICAgICAgICAgICAgICAgIGV2ZW50LnJlbGF0ZWRUYXJnZXQgJiZcclxuICAgICAgICAgICAgICAgICAgICAgICFpbnN0YW5jZS5wb3BwZXIuY29udGFpbnMoZXZlbnQucmVsYXRlZFRhcmdldClcclxuICAgICAgICAgICAgICAgICAgICApIHtcclxuICAgICAgICAgICAgICAgICAgICAgIGluc3RhbmNlLmhpZGUoKTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9LCB7XHJcbiAgICAgICAgICAgIG5hbWU6ICdoaWRlT25Fc2MnLFxyXG4gICAgICAgICAgICBkZWZhdWx0VmFsdWU6IHRydWUsXHJcbiAgICAgICAgICAgIGZuKHtoaWRlfSk6IGFueSB7XHJcblxyXG4gICAgICAgICAgICAgIGZ1bmN0aW9uIG9uS2V5RG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xyXG4gICAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gRHJvcGRvd25Db21wb25lbnQuS0VZX0NPREVfRVNDKSB7XHJcbiAgICAgICAgICAgICAgICAgIGhpZGUoKTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICAgIHJldHVybiB7XHJcbiAgICAgICAgICAgICAgICBvblNob3coKTogdm9pZCB7XHJcbiAgICAgICAgICAgICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBvbktleURvd24pO1xyXG4gICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIG9uSGlkZSgpOiB2b2lkIHtcclxuICAgICAgICAgICAgICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIG9uS2V5RG93bik7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgXSxcclxuICAgICAgICByb2xlOiBmYWxzZSxcclxuICAgICAgICBhcmlhOiB7XHJcbiAgICAgICAgICBjb250ZW50OiAnYXV0bycsXHJcbiAgICAgICAgfSxcclxuICAgICAgICBvblNob3duKGluc3RhbmNlKTogdm9pZCB7XHJcbiAgICAgICAgICBjb25zdCBmaXJzdEZvY3VzYWJsZSA9IEZvY3VzVXRpbHMuZ2V0Rmlyc3RGb2N1c2FibGVFbGVtZW50KGNvbnRlbnRUb29sdGlwKTtcclxuICAgICAgICAgIGlmIChmaXJzdEZvY3VzYWJsZSkge1xyXG4gICAgICAgICAgICBmaXJzdEZvY3VzYWJsZS5mb2N1cygpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIHRoaXMuY2xhc3Nlc0NvbnRhaW5lciA9IHRoaXMuY2xhc3Nlc0NvbnRhaW5lciA/IHRoaXMuY2xhc3Nlc0NvbnRhaW5lciA6ICdyZWxhdGl2ZSc7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5pc0Rpc2FibGVkKCkpe1xyXG4gICAgICB0aGlzLmNsaWNrRXZlbnQuZW1pdChldmVudCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZXRPcGVuKGlzT3BlbjogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5pc09wZW4gPSBpc09wZW47XHJcbiAgfVxyXG5cclxuICBpc0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQgPyB0cnVlIDogbnVsbDtcclxuICB9XHJcbn1cclxuIl19
+import { Component, EventEmitter, Input, Output, ViewChild, ElementRef, HostBinding, } from '@angular/core';
+import { AccessibilityAndContentRequiredComponent } from '../../../shared/components';
+import { FocusUtils } from '../../../shared/utils/focus-utils';
+export class DropdownComponent extends AccessibilityAndContentRequiredComponent {
+    constructor() {
+        super(...arguments);
+        this.clickEvent = new EventEmitter();
+        this.isOpen = false;
+        this.clickOutsideEnabled = false;
+    }
+    ngOnInit() {
+        let contentTooltip;
+        if (this.dropdownContent && this.dropdownContent.nativeElement) {
+            contentTooltip = this.dropdownContent.nativeElement;
+            contentTooltip.style.display = 'block';
+            this.tippyProperties = {
+                placement: 'bottom-start',
+                inlinePositioning: true,
+                content: contentTooltip,
+                allowHTML: true,
+                trigger: 'click',
+                hideOnClick: true,
+                interactive: true,
+                arrow: false,
+                offset: [0, -10],
+                theme: '',
+                plugins: [
+                    {
+                        name: 'hideOnPopperBlur',
+                        defaultValue: true,
+                        fn(instance) {
+                            return {
+                                onCreate() {
+                                    instance.popper.addEventListener('focusout', (event) => {
+                                        if (instance.props.hideOnPopperBlur &&
+                                            event.relatedTarget &&
+                                            !instance.popper.contains(event.relatedTarget)) {
+                                            instance.hide();
+                                        }
+                                    });
+                                },
+                            };
+                        }
+                    },
+                    {
+                        name: 'hideOnEsc',
+                        defaultValue: true,
+                        fn({ hide }) {
+                            function onKeyDown(event) {
+                                if (event.key === DropdownComponent.KEY_CODE_ESC) {
+                                    hide();
+                                }
+                            }
+                            return {
+                                onShow() {
+                                    document.addEventListener('keydown', onKeyDown);
+                                },
+                                onHide() {
+                                    document.removeEventListener('keydown', onKeyDown);
+                                },
+                            };
+                        },
+                    }
+                ],
+                role: false,
+                aria: {
+                    content: 'auto',
+                },
+                onShown(instance) {
+                    const firstFocusable = FocusUtils.getFirstFocusableElement(contentTooltip);
+                    if (firstFocusable) {
+                        firstFocusable.focus();
+                    }
+                }
+            };
+        }
+    }
+    ngOnChanges(changes) {
+        this.classesContainer = this.classesContainer ? this.classesContainer : 'relative';
+    }
+    onClick(event) {
+        if (!this.isDisabled()) {
+            this.clickEvent.emit(event);
+        }
+    }
+    setOpen(isOpen) {
+        this.isOpen = isOpen;
+    }
+    isDisabled() {
+        return this.disabled ? true : null;
+    }
+}
+DropdownComponent.KEY_CODE_ESC = 'Escape';
+DropdownComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-dropdown',
+                template: "<button (click)=\"onClick($event)\"\n        ngxTippy [tippyProps]=\"tippyProperties\"\n        [class]=\"['c-dropdown', classes] | makeHtmlList\"\n        [attr.disabled]=\"isDisabled() ? 'disabled' : null\"\n        aria-haspopup=\"true\"\n        [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n        [attr.aria-expanded]=\"isOpen\"\n        [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n        [attr.id]=\"id ? id : null\"\n        [attr.role]=\"role ? role : null\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n        [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n        [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n        [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n        [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n        [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n        [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n        [attr.tabIndex]=\"isDisabled() ? '-1' : tabindex\">\n  <span class=\"inline-flex self-center max-w-xs align-middle truncate\">\n    <ng-container *desyCustomInnerContent=\"{ html: html, text: text }\"></ng-container>\n    <ng-content></ng-content>\n  </span>\n  <svg class=\"inline-block -mr-2  align-middle -my-px\" viewBox=\"0 0 96 96\" aria-hidden=\"true\" fill=\"currentColor\" focusable=\"false\" width=\"1.5em\" height=\"1.5em\"><g><path d=\"M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z\"/></g></svg>\n</button>\n<span *ngIf=\"hiddenText\" class=\"sr-only\">{{ hiddenText }}</span>\n<div #dropdownContent style=\"display: none;\"\n      [class]=\"['-ml-sm mt-2 border border-neutral-base shadow-md bg-white', classesTooltip] | makeHtmlList\">\n  <ng-container *ngTemplateOutlet=\"caller\"></ng-container>\n</div>"
+            },] }
+];
+DropdownComponent.propDecorators = {
+    dropdownContent: [{ type: ViewChild, args: ['dropdownContent', { read: ElementRef, static: true },] }],
+    id: [{ type: Input }],
+    disabled: [{ type: Input }],
+    hiddenText: [{ type: Input }],
+    classesContainer: [{ type: Input }, { type: HostBinding, args: ['class',] }],
+    classesTooltip: [{ type: Input }],
+    caller: [{ type: Input }],
+    classes: [{ type: Input }],
+    clickEvent: [{ type: Output }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1idXR0b25zL2NvbXBvbmVudHMvZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sU0FBUyxFQUNULFVBQVUsRUFJVixXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHdDQUF3QyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBTS9ELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSx3Q0FBd0M7SUFKL0U7O1FBa0JZLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTFDLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZix3QkFBbUIsR0FBRyxLQUFLLENBQUM7SUE0RjlCLENBQUM7SUF4RkMsUUFBUTtRQUNOLElBQUksY0FBMkIsQ0FBQztRQUNoQyxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQUU7WUFDOUQsY0FBYyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBNEIsQ0FBQztZQUNuRSxjQUFjLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7WUFDdkMsSUFBSSxDQUFDLGVBQWUsR0FBRztnQkFDckIsU0FBUyxFQUFFLGNBQWM7Z0JBQ3pCLGlCQUFpQixFQUFFLElBQUk7Z0JBQ3ZCLE9BQU8sRUFBRSxjQUFjO2dCQUN2QixTQUFTLEVBQUUsSUFBSTtnQkFDZixPQUFPLEVBQUUsT0FBTztnQkFDaEIsV0FBVyxFQUFFLElBQUk7Z0JBQ2pCLFdBQVcsRUFBRSxJQUFJO2dCQUNqQixLQUFLLEVBQUUsS0FBSztnQkFDWixNQUFNLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7Z0JBQ2hCLEtBQUssRUFBRSxFQUFFO2dCQUNULE9BQU8sRUFBRTtvQkFDUDt3QkFDRSxJQUFJLEVBQUUsa0JBQWtCO3dCQUN4QixZQUFZLEVBQUUsSUFBSTt3QkFDbEIsRUFBRSxDQUFDLFFBQVE7NEJBQ1QsT0FBTztnQ0FDTCxRQUFRO29DQUNOLFFBQVEsQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7d0NBQ3JELElBQ0UsUUFBUSxDQUFDLEtBQUssQ0FBQyxnQkFBZ0I7NENBQy9CLEtBQUssQ0FBQyxhQUFhOzRDQUNuQixDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsRUFDOUM7NENBQ0EsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO3lDQUNqQjtvQ0FDSCxDQUFDLENBQUMsQ0FBQztnQ0FDTCxDQUFDOzZCQUNGLENBQUM7d0JBQ0osQ0FBQztxQkFDRjtvQkFBRTt3QkFDRCxJQUFJLEVBQUUsV0FBVzt3QkFDakIsWUFBWSxFQUFFLElBQUk7d0JBQ2xCLEVBQUUsQ0FBQyxFQUFDLElBQUksRUFBQzs0QkFFUCxTQUFTLFNBQVMsQ0FBQyxLQUFvQjtnQ0FDckMsSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLGlCQUFpQixDQUFDLFlBQVksRUFBRTtvQ0FDaEQsSUFBSSxFQUFFLENBQUM7aUNBQ1I7NEJBQ0gsQ0FBQzs0QkFFRCxPQUFPO2dDQUNMLE1BQU07b0NBQ0osUUFBUSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQztnQ0FDbEQsQ0FBQztnQ0FDRCxNQUFNO29DQUNKLFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUM7Z0NBQ3JELENBQUM7NkJBQ0YsQ0FBQzt3QkFDSixDQUFDO3FCQUNGO2lCQUNGO2dCQUNELElBQUksRUFBRSxLQUFLO2dCQUNYLElBQUksRUFBRTtvQkFDSixPQUFPLEVBQUUsTUFBTTtpQkFDaEI7Z0JBQ0QsT0FBTyxDQUFDLFFBQVE7b0JBQ2QsTUFBTSxjQUFjLEdBQUcsVUFBVSxDQUFDLHdCQUF3QixDQUFDLGNBQWMsQ0FBQyxDQUFDO29CQUMzRSxJQUFJLGNBQWMsRUFBRTt3QkFDbEIsY0FBYyxDQUFDLEtBQUssRUFBRSxDQUFDO3FCQUN4QjtnQkFDSCxDQUFDO2FBQ0YsQ0FBQztTQUNIO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQztJQUNyRixDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQVU7UUFDaEIsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsRUFBQztZQUNyQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM3QjtJQUNILENBQUM7SUFFRCxPQUFPLENBQUMsTUFBZTtRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBRUQsVUFBVTtRQUNSLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDckMsQ0FBQzs7QUExR2UsOEJBQVksR0FBRyxRQUFRLENBQUM7O1lBTnpDLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZUFBZTtnQkFDekIsODNEQUF3QzthQUN6Qzs7OzhCQUtFLFNBQVMsU0FBQyxpQkFBaUIsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtpQkFFL0QsS0FBSzt1QkFDTCxLQUFLO3lCQUNMLEtBQUs7K0JBQ0wsS0FBSyxZQUFJLFdBQVcsU0FBQyxPQUFPOzZCQUM1QixLQUFLO3FCQUNMLEtBQUs7c0JBQ0wsS0FBSzt5QkFFTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG4gIEVsZW1lbnRSZWYsXG4gIE9uSW5pdCxcbiAgT25DaGFuZ2VzLFxuICBTaW1wbGVDaGFuZ2VzLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY2Nlc3NpYmlsaXR5QW5kQ29udGVudFJlcXVpcmVkQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgRm9jdXNVdGlscyB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC91dGlscy9mb2N1cy11dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Rlc3ktZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duQ29tcG9uZW50IGV4dGVuZHMgQWNjZXNzaWJpbGl0eUFuZENvbnRlbnRSZXF1aXJlZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgXG4gIHN0YXRpYyByZWFkb25seSBLRVlfQ09ERV9FU0MgPSAnRXNjYXBlJztcblxuICBAVmlld0NoaWxkKCdkcm9wZG93bkNvbnRlbnQnLCB7IHJlYWQ6IEVsZW1lbnRSZWYsIHN0YXRpYzogdHJ1ZSB9KSBkcm9wZG93bkNvbnRlbnQ6IEVsZW1lbnRSZWY7XG5cbiAgQElucHV0KCkgaWQ6IHN0cmluZztcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGhpZGRlblRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzZXNDb250YWluZXI6IGFueTtcbiAgQElucHV0KCkgY2xhc3Nlc1Rvb2x0aXA6IHN0cmluZztcbiAgQElucHV0KCkgY2FsbGVyOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgaXNPcGVuID0gZmFsc2U7XG4gIGNsaWNrT3V0c2lkZUVuYWJsZWQgPSBmYWxzZTtcblxuICB0aXBweVByb3BlcnRpZXM6IGFueTtcblxuICBuZ09uSW5pdCgpOiBhbnkge1xuICAgIGxldCBjb250ZW50VG9vbHRpcDogSFRNTEVsZW1lbnQ7XG4gICAgaWYgKHRoaXMuZHJvcGRvd25Db250ZW50ICYmIHRoaXMuZHJvcGRvd25Db250ZW50Lm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgIGNvbnRlbnRUb29sdGlwID0gdGhpcy5kcm9wZG93bkNvbnRlbnQubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudDtcbiAgICAgIGNvbnRlbnRUb29sdGlwLnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snO1xuICAgICAgdGhpcy50aXBweVByb3BlcnRpZXMgPSB7XG4gICAgICAgIHBsYWNlbWVudDogJ2JvdHRvbS1zdGFydCcsXG4gICAgICAgIGlubGluZVBvc2l0aW9uaW5nOiB0cnVlLFxuICAgICAgICBjb250ZW50OiBjb250ZW50VG9vbHRpcCxcbiAgICAgICAgYWxsb3dIVE1MOiB0cnVlLCAvLyBNYWtlIHN1cmUgeW91IGFyZSBzYW5pdGl6aW5nIGFueSB1c2VyIGRhdGEgaWYgcmVuZGVyaW5nIEhUTUwgdG8gcHJldmVudCBYU1MgYXR0YWNrcy5cbiAgICAgICAgdHJpZ2dlcjogJ2NsaWNrJyxcbiAgICAgICAgaGlkZU9uQ2xpY2s6IHRydWUsXG4gICAgICAgIGludGVyYWN0aXZlOiB0cnVlLFxuICAgICAgICBhcnJvdzogZmFsc2UsXG4gICAgICAgIG9mZnNldDogWzAsIC0xMF0sXG4gICAgICAgIHRoZW1lOiAnJyxcbiAgICAgICAgcGx1Z2luczogW1xuICAgICAgICAgIHtcbiAgICAgICAgICAgIG5hbWU6ICdoaWRlT25Qb3BwZXJCbHVyJyxcbiAgICAgICAgICAgIGRlZmF1bHRWYWx1ZTogdHJ1ZSxcbiAgICAgICAgICAgIGZuKGluc3RhbmNlKSB7XG4gICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgb25DcmVhdGUoKSB7XG4gICAgICAgICAgICAgICAgICBpbnN0YW5jZS5wb3BwZXIuYWRkRXZlbnRMaXN0ZW5lcignZm9jdXNvdXQnLCAoZXZlbnQpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgICAgICAgIGluc3RhbmNlLnByb3BzLmhpZGVPblBvcHBlckJsdXIgJiZcbiAgICAgICAgICAgICAgICAgICAgICBldmVudC5yZWxhdGVkVGFyZ2V0ICYmXG4gICAgICAgICAgICAgICAgICAgICAgIWluc3RhbmNlLnBvcHBlci5jb250YWlucyhldmVudC5yZWxhdGVkVGFyZ2V0KVxuICAgICAgICAgICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICAgICAgICBpbnN0YW5jZS5oaWRlKCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSwge1xuICAgICAgICAgICAgbmFtZTogJ2hpZGVPbkVzYycsXG4gICAgICAgICAgICBkZWZhdWx0VmFsdWU6IHRydWUsXG4gICAgICAgICAgICBmbih7aGlkZX0pOiBhbnkge1xuXG4gICAgICAgICAgICAgIGZ1bmN0aW9uIG9uS2V5RG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09IERyb3Bkb3duQ29tcG9uZW50LktFWV9DT0RFX0VTQykge1xuICAgICAgICAgICAgICAgICAgaGlkZSgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgb25TaG93KCk6IHZvaWQge1xuICAgICAgICAgICAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIG9uS2V5RG93bik7XG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICBvbkhpZGUoKTogdm9pZCB7XG4gICAgICAgICAgICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdrZXlkb3duJywgb25LZXlEb3duKTtcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9XG4gICAgICAgIF0sXG4gICAgICAgIHJvbGU6IGZhbHNlLFxuICAgICAgICBhcmlhOiB7XG4gICAgICAgICAgY29udGVudDogJ2F1dG8nLFxuICAgICAgICB9LFxuICAgICAgICBvblNob3duKGluc3RhbmNlKTogdm9pZCB7XG4gICAgICAgICAgY29uc3QgZmlyc3RGb2N1c2FibGUgPSBGb2N1c1V0aWxzLmdldEZpcnN0Rm9jdXNhYmxlRWxlbWVudChjb250ZW50VG9vbHRpcCk7XG4gICAgICAgICAgaWYgKGZpcnN0Rm9jdXNhYmxlKSB7XG4gICAgICAgICAgICBmaXJzdEZvY3VzYWJsZS5mb2N1cygpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfTtcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgdGhpcy5jbGFzc2VzQ29udGFpbmVyID0gdGhpcy5jbGFzc2VzQ29udGFpbmVyID8gdGhpcy5jbGFzc2VzQ29udGFpbmVyIDogJ3JlbGF0aXZlJztcbiAgfVxuXG4gIG9uQ2xpY2soZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIGlmICghdGhpcy5pc0Rpc2FibGVkKCkpe1xuICAgICAgdGhpcy5jbGlja0V2ZW50LmVtaXQoZXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIHNldE9wZW4oaXNPcGVuOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5pc09wZW4gPSBpc09wZW47XG4gIH1cblxuICBpc0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVkID8gdHJ1ZSA6IG51bGw7XG4gIH1cbn1cbiJdfQ==

package/esm2015/lib/desy-buttons/components/listbox/listbox-item/listbox-item.component.js

@@ -1,26 +1,26 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { AccessibilityComponent } from '../../../../shared/components';
-export class ListboxItemComponent extends AccessibilityComponent {
-    constructor() {
-        super(...arguments);
-        this.itemChange = new EventEmitter();
-    }
-    ngOnChanges(changes) {
-        this.itemChange.emit(changes);
-    }
-}
-ListboxItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-listbox-item',
-                template: "<ng-template #childComponentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"
-            },] }
-];
-ListboxItemComponent.propDecorators = {
-    content: [{ type: ViewChild, args: ['childComponentTemplate',] }],
-    id: [{ type: Input }],
-    active: [{ type: Input }],
-    classes: [{ type: Input }],
-    title: [{ type: Input }],
-    itemChange: [{ type: Output }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdGJveC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktYnV0dG9ucy9jb21wb25lbnRzL2xpc3Rib3gvbGlzdGJveC1pdGVtL2xpc3Rib3gtaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBaUIsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRTFHLE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBTXJFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxzQkFBc0I7SUFKaEU7O1FBYVksZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFNNUMsQ0FBQztJQUpDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNoQyxDQUFDOzs7WUFqQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLHNHQUE0QzthQUM3Qzs7O3NCQUdFLFNBQVMsU0FBQyx3QkFBd0I7aUJBRWxDLEtBQUs7cUJBQ0wsS0FBSztzQkFDTCxLQUFLO29CQUNMLEtBQUs7eUJBRUwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtMaXN0Ym94SXRlbURhdGF9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvbGlzdGJveC1pdGVtLWRhdGEnO1xyXG5pbXBvcnQge0FjY2Vzc2liaWxpdHlDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGVzeS1saXN0Ym94LWl0ZW0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9saXN0Ym94LWl0ZW0uY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMaXN0Ym94SXRlbUNvbXBvbmVudCBleHRlbmRzIEFjY2Vzc2liaWxpdHlDb21wb25lbnQgaW1wbGVtZW50cyBMaXN0Ym94SXRlbURhdGEsIE9uQ2hhbmdlcyB7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2NoaWxkQ29tcG9uZW50VGVtcGxhdGUnKSBjb250ZW50O1xyXG5cclxuICBASW5wdXQoKSBpZD86IHN0cmluZztcclxuICBASW5wdXQoKSBhY3RpdmU/OiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGNsYXNzZXM/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XHJcblxyXG4gIEBPdXRwdXQoKSBpdGVtQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICB0aGlzLml0ZW1DaGFuZ2UuZW1pdChjaGFuZ2VzKTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { AccessibilityComponent } from '../../../../shared/components';
+export class ListboxItemComponent extends AccessibilityComponent {
+    constructor() {
+        super(...arguments);
+        this.itemChange = new EventEmitter();
+    }
+    ngOnChanges(changes) {
+        this.itemChange.emit(changes);
+    }
+}
+ListboxItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-listbox-item',
+                template: "<ng-template #childComponentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"
+            },] }
+];
+ListboxItemComponent.propDecorators = {
+    content: [{ type: ViewChild, args: ['childComponentTemplate',] }],
+    id: [{ type: Input }],
+    active: [{ type: Input }],
+    classes: [{ type: Input }],
+    title: [{ type: Input }],
+    itemChange: [{ type: Output }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdGJveC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktYnV0dG9ucy9jb21wb25lbnRzL2xpc3Rib3gvbGlzdGJveC1pdGVtL2xpc3Rib3gtaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBaUIsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRTFHLE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBTXJFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxzQkFBc0I7SUFKaEU7O1FBYVksZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFNNUMsQ0FBQztJQUpDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNoQyxDQUFDOzs7WUFqQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLGdHQUE0QzthQUM3Qzs7O3NCQUdFLFNBQVMsU0FBQyx3QkFBd0I7aUJBRWxDLEtBQUs7cUJBQ0wsS0FBSztzQkFDTCxLQUFLO29CQUNMLEtBQUs7eUJBRUwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TGlzdGJveEl0ZW1EYXRhfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2xpc3Rib3gtaXRlbS1kYXRhJztcbmltcG9ydCB7QWNjZXNzaWJpbGl0eUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkZXN5LWxpc3Rib3gtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9saXN0Ym94LWl0ZW0uY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIExpc3Rib3hJdGVtQ29tcG9uZW50IGV4dGVuZHMgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCBpbXBsZW1lbnRzIExpc3Rib3hJdGVtRGF0YSwgT25DaGFuZ2VzIHtcblxuICBAVmlld0NoaWxkKCdjaGlsZENvbXBvbmVudFRlbXBsYXRlJykgY29udGVudDtcblxuICBASW5wdXQoKSBpZD86IHN0cmluZztcbiAgQElucHV0KCkgYWN0aXZlPzogYm9vbGVhbjtcbiAgQElucHV0KCkgY2xhc3Nlcz86IHN0cmluZztcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGl0ZW1DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIHRoaXMuaXRlbUNoYW5nZS5lbWl0KGNoYW5nZXMpO1xuICB9XG5cbn1cbiJdfQ==

package/esm2015/lib/desy-buttons/components/listbox/listbox-label/listbox-label.component.js

@@ -1,14 +1,14 @@
-import { Component, Input } from '@angular/core';
-import { ContentBaseComponent } from '../../../../shared/components';
-export class ListboxLabelComponent extends ContentBaseComponent {
-}
-ListboxLabelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-listbox-label',
-                template: "<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n"
-            },] }
-];
-ListboxLabelComponent.propDecorators = {
-    classes: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdGJveC1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LWJ1dHRvbnMvY29tcG9uZW50cy9saXN0Ym94L2xpc3Rib3gtbGFiZWwvbGlzdGJveC1sYWJlbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDL0MsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFNbkUsTUFBTSxPQUFPLHFCQUFzQixTQUFRLG9CQUFvQjs7O1lBSjlELFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5QiwrRkFBNkM7YUFDOUM7OztzQkFHRSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDb250ZW50QmFzZUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LWxpc3Rib3gtbGFiZWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9saXN0Ym94LWxhYmVsLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTGlzdGJveExhYmVsQ29tcG9uZW50IGV4dGVuZHMgQ29udGVudEJhc2VDb21wb25lbnQgIHtcclxuXHJcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xyXG5cclxufVxyXG4iXX0=
+import { Component, Input } from '@angular/core';
+import { ContentBaseComponent } from '../../../../shared/components';
+export class ListboxLabelComponent extends ContentBaseComponent {
+}
+ListboxLabelComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-listbox-label',
+                template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"
+            },] }
+];
+ListboxLabelComponent.propDecorators = {
+    classes: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdGJveC1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LWJ1dHRvbnMvY29tcG9uZW50cy9saXN0Ym94L2xpc3Rib3gtbGFiZWwvbGlzdGJveC1sYWJlbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDL0MsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFNbkUsTUFBTSxPQUFPLHFCQUFzQixTQUFRLG9CQUFvQjs7O1lBSjlELFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5Qix5RkFBNkM7YUFDOUM7OztzQkFHRSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29udGVudEJhc2VDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGVzeS1saXN0Ym94LWxhYmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpc3Rib3gtbGFiZWwuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIExpc3Rib3hMYWJlbENvbXBvbmVudCBleHRlbmRzIENvbnRlbnRCYXNlQ29tcG9uZW50ICB7XG5cbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xuXG59XG4iXX0=