@quadrel-enterprise-ui/framework 1.0.0 → 18.19.2

package/esm2022/global-vars.json

@@ -0,0 +1,18 @@
+{
+    "breakpoints": {
+        "xs": 320,
+        "sm": 600,
+        "md": 960,
+        "lg": 1280,
+        "xl": 1600,
+        "xxl": 1800
+    },
+    "panel": {
+        "sm": 432,
+        "md": 588,
+        "lg": 720
+    },
+    "base": {
+        "fontsize": 16
+    }
+}

package/esm2022/lib/button/__mocks__/mock-button-grid.component.mjs

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class QdMockButtonGridComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdMockButtonGridComponent, selector: "qd-button-grid", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonGridComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'qd-button-grid',
+                    template: '<ng-content></ng-content>'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9jay1idXR0b24tZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkLXVpL3NyYy9saWIvYnV0dG9uL19fbW9ja3NfXy9tb2NrLWJ1dHRvbi1ncmlkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0xQyxNQUFNLE9BQU8seUJBQXlCO3VHQUF6Qix5QkFBeUI7MkZBQXpCLHlCQUF5QixzREFGMUIsMkJBQTJCOzsyRkFFMUIseUJBQXlCO2tCQUpyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRSwyQkFBMkI7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3FkLWJ1dHRvbi1ncmlkJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+J1xufSlcbmV4cG9ydCBjbGFzcyBRZE1vY2tCdXR0b25HcmlkQ29tcG9uZW50IHt9XG4iXX0=

package/esm2022/lib/button/__mocks__/mock-button-stack-button.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class QdMockButtonStackButtonComponent {
+    completed = false;
+    disabled = false;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonStackButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdMockButtonStackButtonComponent, selector: "button[qd-button-stack], button[qdButtonStack]", inputs: { completed: "completed", disabled: "disabled" }, ngImport: i0, template: 'completed: {{completed}}, disabled: {{disabled}} <ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonStackButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'button[qd-button-stack], button[qdButtonStack]',
+                    template: 'completed: {{completed}}, disabled: {{disabled}} <ng-content></ng-content>'
+                }]
+        }], propDecorators: { completed: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9jay1idXR0b24tc3RhY2stYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcWQtdWkvc3JjL2xpYi9idXR0b24vX19tb2Nrc19fL21vY2stYnV0dG9uLXN0YWNrLWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT2pELE1BQU0sT0FBTyxnQ0FBZ0M7SUFDbEMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUNsQixRQUFRLEdBQUcsS0FBSyxDQUFDO3VHQUZmLGdDQUFnQzsyRkFBaEMsZ0NBQWdDLGdKQUZqQyw0RUFBNEU7OzJGQUUzRSxnQ0FBZ0M7a0JBTDVDLFNBQVM7bUJBQUM7b0JBQ1QsOERBQThEO29CQUM5RCxRQUFRLEVBQUUsZ0RBQWdEO29CQUMxRCxRQUFRLEVBQUUsNEVBQTRFO2lCQUN2Rjs4QkFFVSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2J1dHRvbltxZC1idXR0b24tc3RhY2tdLCBidXR0b25bcWRCdXR0b25TdGFja10nLFxuICB0ZW1wbGF0ZTogJ2NvbXBsZXRlZDoge3tjb21wbGV0ZWR9fSwgZGlzYWJsZWQ6IHt7ZGlzYWJsZWR9fSA8bmctY29udGVudD48L25nLWNvbnRlbnQ+J1xufSlcbmV4cG9ydCBjbGFzcyBRZE1vY2tCdXR0b25TdGFja0J1dHRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbXBsZXRlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xufVxuIl19

package/esm2022/lib/button/__mocks__/mock-button-stack.component.mjs

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class QdMockButtonStackComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdMockButtonStackComponent, selector: "qd-button-stack", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonStackComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'qd-button-stack',
+                    template: '<ng-content></ng-content>'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9jay1idXR0b24tc3RhY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9xZC11aS9zcmMvbGliL2J1dHRvbi9fX21vY2tzX18vbW9jay1idXR0b24tc3RhY2suY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTTFDLE1BQU0sT0FBTywwQkFBMEI7dUdBQTFCLDBCQUEwQjsyRkFBMUIsMEJBQTBCLHVEQUYzQiwyQkFBMkI7OzJGQUUxQiwwQkFBMEI7a0JBSnRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsUUFBUSxFQUFFLDJCQUEyQjtpQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncWQtYnV0dG9uLXN0YWNrJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+J1xufSlcbmV4cG9ydCBjbGFzcyBRZE1vY2tCdXR0b25TdGFja0NvbXBvbmVudCB7fVxuIl19

package/esm2022/lib/button/__mocks__/mock-button.component.mjs

@@ -0,0 +1,30 @@
+// @ts-strict-ignore
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class QdMockButtonComponent {
+    disabled = false;
+    color = 'primary';
+    icon;
+    testId = 'mocked';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdMockButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: { disabled: "disabled", color: "color", icon: "icon", testId: ["data-test-id", "testId"] }, host: { properties: { "attr.data-test-id": "testId" } }, ngImport: i0, template: 'disabled: {{disabled | json}}, color: {{color}}, icon: {{icon}}, testId: {{testId}} <ng-content></ng-content>', isInline: true, dependencies: [{ kind: "pipe", type: i1.JsonPipe, name: "json" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[qdButton], a[qdButton], button[qd-button]',
+                    template: 'disabled: {{disabled | json}}, color: {{color}}, icon: {{icon}}, testId: {{testId}} <ng-content></ng-content>',
+                    host: { '[attr.data-test-id]': 'testId' }
+                }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], testId: [{
+                type: Input,
+                args: ['data-test-id']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9jay1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9xZC11aS9zcmMvbGliL2J1dHRvbi9fX21vY2tzX18vbW9jay1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9CQUFvQjtBQUNwQixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU2pELE1BQU0sT0FBTyxxQkFBcUI7SUFDdkIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixLQUFLLEdBQWtCLFNBQVMsQ0FBQztJQUNqQyxJQUFJLENBQVM7SUFDQyxNQUFNLEdBQUcsUUFBUSxDQUFDO3VHQUo5QixxQkFBcUI7MkZBQXJCLHFCQUFxQixxUEFIOUIsK0dBQStHOzsyRkFHdEcscUJBQXFCO2tCQU5qQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrREFBa0Q7b0JBQzVELFFBQVEsRUFDTiwrR0FBK0c7b0JBQ2pILElBQUksRUFBRSxFQUFFLHFCQUFxQixFQUFFLFFBQVEsRUFBRTtpQkFDMUM7OEJBRVUsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNpQixNQUFNO3NCQUE1QixLQUFLO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAdHMtc3RyaWN0LWlnbm9yZVxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUWRCdXR0b25Db2xvciB9IGZyb20gJy4uL21vZGVsL2J1dHRvbi50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2J1dHRvbltxZEJ1dHRvbl0sIGFbcWRCdXR0b25dLCBidXR0b25bcWQtYnV0dG9uXScsXG4gIHRlbXBsYXRlOlxuICAgICdkaXNhYmxlZDoge3tkaXNhYmxlZCB8IGpzb259fSwgY29sb3I6IHt7Y29sb3J9fSwgaWNvbjoge3tpY29ufX0sIHRlc3RJZDoge3t0ZXN0SWR9fSA8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdDogeyAnW2F0dHIuZGF0YS10ZXN0LWlkXSc6ICd0ZXN0SWQnIH1cbn0pXG5leHBvcnQgY2xhc3MgUWRNb2NrQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgY29sb3I6IFFkQnV0dG9uQ29sb3IgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgQElucHV0KCdkYXRhLXRlc3QtaWQnKSB0ZXN0SWQgPSAnbW9ja2VkJztcbn1cbiJdfQ==

package/esm2022/lib/button/__mocks__/mock-button.directives.mjs

@@ -0,0 +1,19 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class QdMockButtonLinkDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: QdMockButtonLinkDirective, selector: "button[qd-button-link], button[qdButtonLink]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonLinkDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'button[qd-button-link], button[qdButtonLink]' }]
+        }] });
+export class QdMockButtonGhostDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonGhostDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: QdMockButtonGhostDirective, selector: " button[qdButtonGhost]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonGhostDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: ' button[qdButtonGhost]' }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9jay1idXR0b24uZGlyZWN0aXZlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcWQtdWkvc3JjL2xpYi9idXR0b24vX19tb2Nrc19fL21vY2stYnV0dG9uLmRpcmVjdGl2ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHMUMsTUFBTSxPQUFPLHlCQUF5Qjt1R0FBekIseUJBQXlCOzJGQUF6Qix5QkFBeUI7OzJGQUF6Qix5QkFBeUI7a0JBRHJDLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsOENBQThDLEVBQUU7O0FBSXZFLE1BQU0sT0FBTywwQkFBMEI7dUdBQTFCLDBCQUEwQjsyRkFBMUIsMEJBQTBCOzsyRkFBMUIsMEJBQTBCO2tCQUR0QyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLHdCQUF3QixFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ2J1dHRvbltxZC1idXR0b24tbGlua10sIGJ1dHRvbltxZEJ1dHRvbkxpbmtdJyB9KVxuZXhwb3J0IGNsYXNzIFFkTW9ja0J1dHRvbkxpbmtEaXJlY3RpdmUge31cblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnIGJ1dHRvbltxZEJ1dHRvbkdob3N0XScgfSlcbmV4cG9ydCBjbGFzcyBRZE1vY2tCdXR0b25HaG9zdERpcmVjdGl2ZSB7fVxuIl19

package/esm2022/lib/button/__mocks__/mock-button.module.mjs

@@ -0,0 +1,52 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { QdMockButtonComponent } from './mock-button.component';
+import { QdMockButtonGhostDirective, QdMockButtonLinkDirective } from './mock-button.directives';
+import { QdMockButtonGridComponent } from './mock-button-grid.component';
+import { QdMockButtonStackButtonComponent } from './mock-button-stack-button.component';
+import { QdMockButtonStackComponent } from './mock-button-stack.component';
+import { QdMockIconButtonComponent } from './mock-icon-button.component';
+import * as i0 from "@angular/core";
+export { QdMockButtonComponent, QdMockButtonGhostDirective, QdMockButtonGridComponent, QdMockButtonLinkDirective, QdMockButtonStackButtonComponent, QdMockButtonStackComponent, QdMockIconButtonComponent };
+export class QdMockButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonModule, declarations: [QdMockButtonComponent,
+            QdMockButtonGhostDirective,
+            QdMockButtonGridComponent,
+            QdMockButtonLinkDirective,
+            QdMockButtonStackButtonComponent,
+            QdMockButtonStackComponent,
+            QdMockIconButtonComponent], imports: [CommonModule], exports: [QdMockButtonComponent,
+            QdMockButtonGhostDirective,
+            QdMockButtonGridComponent,
+            QdMockButtonLinkDirective,
+            QdMockButtonStackButtonComponent,
+            QdMockButtonStackComponent,
+            QdMockIconButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [
+                        QdMockButtonComponent,
+                        QdMockButtonGhostDirective,
+                        QdMockButtonGridComponent,
+                        QdMockButtonLinkDirective,
+                        QdMockButtonStackButtonComponent,
+                        QdMockButtonStackComponent,
+                        QdMockIconButtonComponent
+                    ],
+                    exports: [
+                        QdMockButtonComponent,
+                        QdMockButtonGhostDirective,
+                        QdMockButtonGridComponent,
+                        QdMockButtonLinkDirective,
+                        QdMockButtonStackButtonComponent,
+                        QdMockButtonStackComponent,
+                        QdMockIconButtonComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9jay1idXR0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9xZC11aS9zcmMvbGliL2J1dHRvbi9fX21vY2tzX18vbW9jay1idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2pHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzNFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQUV6RSxPQUFPLEVBQ0wscUJBQXFCLEVBQ3JCLDBCQUEwQixFQUMxQix5QkFBeUIsRUFDekIseUJBQXlCLEVBQ3pCLGdDQUFnQyxFQUNoQywwQkFBMEIsRUFDMUIseUJBQXlCLEVBQzFCLENBQUM7QUF1QkYsTUFBTSxPQUFPLGtCQUFrQjt1R0FBbEIsa0JBQWtCO3dHQUFsQixrQkFBa0IsaUJBbEIzQixxQkFBcUI7WUFDckIsMEJBQTBCO1lBQzFCLHlCQUF5QjtZQUN6Qix5QkFBeUI7WUFDekIsZ0NBQWdDO1lBQ2hDLDBCQUEwQjtZQUMxQix5QkFBeUIsYUFSakIsWUFBWSxhQVdwQixxQkFBcUI7WUFDckIsMEJBQTBCO1lBQzFCLHlCQUF5QjtZQUN6Qix5QkFBeUI7WUFDekIsZ0NBQWdDO1lBQ2hDLDBCQUEwQjtZQUMxQix5QkFBeUI7d0dBR2hCLGtCQUFrQixZQXBCbkIsWUFBWTs7MkZBb0JYLGtCQUFrQjtrQkFyQjlCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixZQUFZLEVBQUU7d0JBQ1oscUJBQXFCO3dCQUNyQiwwQkFBMEI7d0JBQzFCLHlCQUF5Qjt3QkFDekIseUJBQXlCO3dCQUN6QixnQ0FBZ0M7d0JBQ2hDLDBCQUEwQjt3QkFDMUIseUJBQXlCO3FCQUMxQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3dCQUNyQiwwQkFBMEI7d0JBQzFCLHlCQUF5Qjt3QkFDekIseUJBQXlCO3dCQUN6QixnQ0FBZ0M7d0JBQ2hDLDBCQUEwQjt3QkFDMUIseUJBQXlCO3FCQUMxQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBRZE1vY2tCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL21vY2stYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBRZE1vY2tCdXR0b25HaG9zdERpcmVjdGl2ZSwgUWRNb2NrQnV0dG9uTGlua0RpcmVjdGl2ZSB9IGZyb20gJy4vbW9jay1idXR0b24uZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBRZE1vY2tCdXR0b25HcmlkQ29tcG9uZW50IH0gZnJvbSAnLi9tb2NrLWJ1dHRvbi1ncmlkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBRZE1vY2tCdXR0b25TdGFja0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vbW9jay1idXR0b24tc3RhY2stYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBRZE1vY2tCdXR0b25TdGFja0NvbXBvbmVudCB9IGZyb20gJy4vbW9jay1idXR0b24tc3RhY2suY29tcG9uZW50JztcbmltcG9ydCB7IFFkTW9ja0ljb25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuL21vY2staWNvbi1idXR0b24uY29tcG9uZW50JztcblxuZXhwb3J0IHtcbiAgUWRNb2NrQnV0dG9uQ29tcG9uZW50LFxuICBRZE1vY2tCdXR0b25HaG9zdERpcmVjdGl2ZSxcbiAgUWRNb2NrQnV0dG9uR3JpZENvbXBvbmVudCxcbiAgUWRNb2NrQnV0dG9uTGlua0RpcmVjdGl2ZSxcbiAgUWRNb2NrQnV0dG9uU3RhY2tCdXR0b25Db21wb25lbnQsXG4gIFFkTW9ja0J1dHRvblN0YWNrQ29tcG9uZW50LFxuICBRZE1vY2tJY29uQnV0dG9uQ29tcG9uZW50XG59O1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgUWRNb2NrQnV0dG9uQ29tcG9uZW50LFxuICAgIFFkTW9ja0J1dHRvbkdob3N0RGlyZWN0aXZlLFxuICAgIFFkTW9ja0J1dHRvbkdyaWRDb21wb25lbnQsXG4gICAgUWRNb2NrQnV0dG9uTGlua0RpcmVjdGl2ZSxcbiAgICBRZE1vY2tCdXR0b25TdGFja0J1dHRvbkNvbXBvbmVudCxcbiAgICBRZE1vY2tCdXR0b25TdGFja0NvbXBvbmVudCxcbiAgICBRZE1vY2tJY29uQnV0dG9uQ29tcG9uZW50XG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBRZE1vY2tCdXR0b25Db21wb25lbnQsXG4gICAgUWRNb2NrQnV0dG9uR2hvc3REaXJlY3RpdmUsXG4gICAgUWRNb2NrQnV0dG9uR3JpZENvbXBvbmVudCxcbiAgICBRZE1vY2tCdXR0b25MaW5rRGlyZWN0aXZlLFxuICAgIFFkTW9ja0J1dHRvblN0YWNrQnV0dG9uQ29tcG9uZW50LFxuICAgIFFkTW9ja0J1dHRvblN0YWNrQ29tcG9uZW50LFxuICAgIFFkTW9ja0ljb25CdXR0b25Db21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBRZE1vY2tCdXR0b25Nb2R1bGUge31cbiJdfQ==

package/esm2022/lib/button/__mocks__/mock-icon-button.component.mjs

@@ -0,0 +1,17 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class QdMockIconButtonComponent {
+    color = 'primary';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdMockIconButtonComponent, selector: "button[qd-icon-button], button[qdIconButton]", inputs: { color: "color" }, ngImport: i0, template: 'color: {{color}} <ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdMockIconButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[qd-icon-button], button[qdIconButton]',
+                    template: 'color: {{color}} <ng-content></ng-content>'
+                }]
+        }], propDecorators: { color: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9jay1pY29uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkLXVpL3NyYy9saWIvYnV0dG9uL19fbW9ja3NfXy9tb2NrLWljb24tYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLHlCQUF5QjtJQUMzQixLQUFLLEdBQWtCLFNBQVMsQ0FBQzt1R0FEL0IseUJBQXlCOzJGQUF6Qix5QkFBeUIsZ0hBRjFCLDRDQUE0Qzs7MkZBRTNDLHlCQUF5QjtrQkFKckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsOENBQThDO29CQUN4RCxRQUFRLEVBQUUsNENBQTRDO2lCQUN2RDs4QkFFVSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBRZEJ1dHRvbkNvbG9yIH0gZnJvbSAnLi4vbW9kZWwvYnV0dG9uLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnV0dG9uW3FkLWljb24tYnV0dG9uXSwgYnV0dG9uW3FkSWNvbkJ1dHRvbl0nLFxuICB0ZW1wbGF0ZTogJ2NvbG9yOiB7e2NvbG9yfX0gPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pidcbn0pXG5leHBvcnQgY2xhc3MgUWRNb2NrSWNvbkJ1dHRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbG9yOiBRZEJ1dHRvbkNvbG9yID0gJ3ByaW1hcnknO1xufVxuIl19

package/esm2022/lib/button/button/additional-info/button-additional-info.component.mjs

@@ -0,0 +1,48 @@
+import { Component, HostBinding, HostListener, Input } from '@angular/core';
+import { QdNotificationsService } from '../../../notifications/services/notifications-service.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../notifications/services/notifications-service.service";
+import * as i2 from "../../../icon/icon/icon.component";
+export class QdButtonAdditionalInfoComponent {
+    notificationsService;
+    buttonAdditionalInfo;
+    get infoTypeClass() {
+        return this.infoType || '';
+    }
+    constructor(notificationsService) {
+        this.notificationsService = notificationsService;
+    }
+    showMessage() {
+        this.notificationsService.add('page', {
+            type: this.infoType,
+            i18n: this.buttonAdditionalInfo.message.i18n,
+            showAsSnackbar: true
+        });
+    }
+    get icon() {
+        switch (this.infoType) {
+            case 'warning':
+                return 'warningHexFilled';
+            case 'info':
+                return 'exclamationCircle';
+        }
+    }
+    get infoType() {
+        return this.buttonAdditionalInfo?.infoType;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdButtonAdditionalInfoComponent, deps: [{ token: i1.QdNotificationsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdButtonAdditionalInfoComponent, selector: "qd-button-additional-info", inputs: { buttonAdditionalInfo: "buttonAdditionalInfo" }, host: { listeners: { "click": "showMessage()" }, properties: { "class": "this.infoTypeClass" } }, ngImport: i0, template: "<qd-icon [icon]=\"icon\"></qd-icon>\n", styles: [":host{position:relative;top:0;left:-1.5rem;display:flex;height:100%;box-sizing:content-box;align-items:center;padding:0 .75rem;color:#171717;cursor:pointer;font-size:1rem;white-space:nowrap}:host qd-icon{margin-right:.25rem;font-size:1.3125rem}:host.warning{background-color:#ff9b00}:host.warning:hover{background-color:#e97e00}:host.info{background-color:#069}:host.info:hover{background-color:#14516f}:host.info div{color:#fff}\n"], dependencies: [{ kind: "component", type: i2.QdIconComponent, selector: "qd-icon", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdButtonAdditionalInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'qd-button-additional-info', template: "<qd-icon [icon]=\"icon\"></qd-icon>\n", styles: [":host{position:relative;top:0;left:-1.5rem;display:flex;height:100%;box-sizing:content-box;align-items:center;padding:0 .75rem;color:#171717;cursor:pointer;font-size:1rem;white-space:nowrap}:host qd-icon{margin-right:.25rem;font-size:1.3125rem}:host.warning{background-color:#ff9b00}:host.warning:hover{background-color:#e97e00}:host.info{background-color:#069}:host.info:hover{background-color:#14516f}:host.info div{color:#fff}\n"] }]
+        }], ctorParameters: () => [{ type: i1.QdNotificationsService }], propDecorators: { buttonAdditionalInfo: [{
+                type: Input
+            }], infoTypeClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], showMessage: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWFkZGl0aW9uYWwtaW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkLXVpL3NyYy9saWIvYnV0dG9uL2J1dHRvbi9hZGRpdGlvbmFsLWluZm8vYnV0dG9uLWFkZGl0aW9uYWwtaW5mby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkLXVpL3NyYy9saWIvYnV0dG9uL2J1dHRvbi9hZGRpdGlvbmFsLWluZm8vYnV0dG9uLWFkZGl0aW9uYWwtaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtEQUErRCxDQUFDOzs7O0FBUXZHLE1BQU0sT0FBTywrQkFBK0I7SUFRdEI7SUFQWCxvQkFBb0IsQ0FBMEI7SUFFdkQsSUFDSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsWUFBb0Isb0JBQTRDO1FBQTVDLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBd0I7SUFBRyxDQUFDO0lBR3BFLFdBQVc7UUFDVCxJQUFJLENBQUMsb0JBQW9CLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRTtZQUNwQyxJQUFJLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDbkIsSUFBSSxFQUFFLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsSUFBSTtZQUM1QyxjQUFjLEVBQUUsSUFBSTtTQUNyQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sUUFBUSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDdEIsS0FBSyxTQUFTO2dCQUNaLE9BQU8sa0JBQWtCLENBQUM7WUFDNUIsS0FBSyxNQUFNO2dCQUNULE9BQU8sbUJBQW1CLENBQUM7UUFDL0IsQ0FBQztJQUNILENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxRQUFRLENBQUM7SUFDN0MsQ0FBQzt1R0E5QlUsK0JBQStCOzJGQUEvQiwrQkFBK0IsNk5DVDVDLHVDQUNBOzsyRkRRYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsMkJBQTJCOzJGQUs1QixvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBR0YsYUFBYTtzQkFEaEIsV0FBVzt1QkFBQyxPQUFPO2dCQVFwQixXQUFXO3NCQURWLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFFkTm90aWZpY2F0aW9uc1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9ub3RpZmljYXRpb25zL3NlcnZpY2VzL25vdGlmaWNhdGlvbnMtc2VydmljZS5zZXJ2aWNlJztcbmltcG9ydCB7IFFkQnV0dG9uQWRkaXRpb25hbEluZm8sIFFkQnV0dG9uQWRkaXRpb25hbEluZm9UeXBlIH0gZnJvbSAnLi4vLi4vbW9kZWwvYnV0dG9uLWNvbmZpZyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3FkLWJ1dHRvbi1hZGRpdGlvbmFsLWluZm8nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLWFkZGl0aW9uYWwtaW5mby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi1hZGRpdGlvbmFsLWluZm8uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBRZEJ1dHRvbkFkZGl0aW9uYWxJbmZvQ29tcG9uZW50IHtcbiAgQElucHV0KCkgYnV0dG9uQWRkaXRpb25hbEluZm8hOiBRZEJ1dHRvbkFkZGl0aW9uYWxJbmZvO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgaW5mb1R5cGVDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmluZm9UeXBlIHx8ICcnO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBub3RpZmljYXRpb25zU2VydmljZTogUWROb3RpZmljYXRpb25zU2VydmljZSkge31cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIHNob3dNZXNzYWdlKCk6IHZvaWQge1xuICAgIHRoaXMubm90aWZpY2F0aW9uc1NlcnZpY2UuYWRkKCdwYWdlJywge1xuICAgICAgdHlwZTogdGhpcy5pbmZvVHlwZSxcbiAgICAgIGkxOG46IHRoaXMuYnV0dG9uQWRkaXRpb25hbEluZm8ubWVzc2FnZS5pMThuLFxuICAgICAgc2hvd0FzU25hY2tiYXI6IHRydWVcbiAgICB9KTtcbiAgfVxuXG4gIGdldCBpY29uKCk6IHN0cmluZyB7XG4gICAgc3dpdGNoICh0aGlzLmluZm9UeXBlKSB7XG4gICAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgICAgcmV0dXJuICd3YXJuaW5nSGV4RmlsbGVkJztcbiAgICAgIGNhc2UgJ2luZm8nOlxuICAgICAgICByZXR1cm4gJ2V4Y2xhbWF0aW9uQ2lyY2xlJztcbiAgICB9XG4gIH1cblxuICBnZXQgaW5mb1R5cGUoKTogUWRCdXR0b25BZGRpdGlvbmFsSW5mb1R5cGUge1xuICAgIHJldHVybiB0aGlzLmJ1dHRvbkFkZGl0aW9uYWxJbmZvPy5pbmZvVHlwZTtcbiAgfVxufVxuIiwiPHFkLWljb24gW2ljb25dPVwiaWNvblwiPjwvcWQtaWNvbj5cbiJdfQ==

package/esm2022/lib/button/button/button.component.mjs

@@ -0,0 +1,98 @@
+// @ts-strict-ignore
+import { Component, ElementRef, Host, Inject, Input, Optional } from '@angular/core';
+import { QdButtonGhostDirective, QdButtonLinkDirective } from '../directives/button.directives';
+import { QD_VIEWPORT_ADAPTIVE_ENABLED } from '../../layout/directives/viewport-adaptive.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../directives/button.directives";
+import * as i2 from "@angular/common";
+import * as i3 from "../../icon/icon/icon.component";
+import * as i4 from "./additional-info/button-additional-info.component";
+/**
+ * The **QdButton** component, as the name suggests, provides a simple button.<br />
+ * It is possible to bind it to either a `button` tag or to an `a` tag.
+ */
+export class QdButtonComponent {
+    buttonLink;
+    buttonGhost;
+    _elementRef;
+    /**
+     * Disables the button
+     */
+    disabled;
+    /**
+     * Sets the color
+     */
+    color = 'primary';
+    /**
+     * This allows you to specify an icon.
+     */
+    icon;
+    /**
+     * A static test ID for integration tests can be set. <br />
+     * The value for the HTML attribute [data-test-id].
+     */
+    testId = 'button';
+    additionalInfo;
+    onlyIconOnSmallViewport = false;
+    get hasIcon() {
+        return !!this.icon;
+    }
+    get isDisabled() {
+        if (this.disabled === false)
+            return null;
+        return this.disabled !== undefined || null;
+    }
+    get classes() {
+        return ('qd-button' +
+            (' qd-button-' + this.color) +
+            (this.isDisabled ? ' qd-button-disabled' : '') +
+            (this.hasIcon ? ' qd-button-has-icon' : '') +
+            (this.buttonLink ? ' qd-button-link' : '') +
+            (this.buttonGhost ? ' qd-button-ghost' : '') +
+            (this.onlyIconOnSmallViewport && this.hasIcon ? ' only-icon-on-small-viewport' : ''));
+    }
+    constructor(buttonLink, buttonGhost, isViewportAdaptiveEnabled, _elementRef) {
+        this.buttonLink = buttonLink;
+        this.buttonGhost = buttonGhost;
+        this._elementRef = _elementRef;
+        this.onlyIconOnSmallViewport = isViewportAdaptiveEnabled;
+    }
+    ngOnInit() {
+        // TODO: Delete directive "qd-button" in Version 20
+        if (this._elementRef.nativeElement.attributes.hasOwnProperty('qd-button')) {
+            console.warn('QD-UI | QdButtonComponent - The directive "qd-button" is deprecated. Please use "qdButton" instead.');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdButtonComponent, deps: [{ token: i1.QdButtonLinkDirective, host: true, optional: true }, { token: i1.QdButtonGhostDirective, host: true, optional: true }, { token: QD_VIEWPORT_ADAPTIVE_ENABLED, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: { disabled: "disabled", color: "color", icon: "icon", testId: ["data-test-id", "testId"], additionalInfo: "additionalInfo" }, host: { properties: { "attr.class": "classes", "attr.disabled": "isDisabled", "attr.data-test-id": "testId" } }, ngImport: i0, template: "<qd-icon [icon]=\"icon\" *ngIf=\"hasIcon\"></qd-icon>\n<qd-button-additional-info *ngIf=\"additionalInfo\" [buttonAdditionalInfo]=\"additionalInfo\"></qd-button-additional-info>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{color:#fff;font-size:.875rem;font-weight:400;line-height:1.3125rem;display:flex;height:2.25rem;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;padding:0 1.5rem;border:none;border-bottom:.0625rem solid transparent;margin:0;cursor:pointer;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none}@media (max-width: 959.98px){:host.only-icon-on-small-viewport{padding:.875rem}:host.only-icon-on-small-viewport.qd-button-has-icon{padding-right:0;padding-left:0}:host.only-icon-on-small-viewport.qd-button-has-icon .qd-icon{padding:.75rem;margin:0;font-size:1.125rem}:host.only-icon-on-small-viewport .content:not(:has(.content)){display:none}}:host.qd-button-primary{background:#069}:host.qd-button-primary:hover{background:#14516f}:host.qd-button-secondary{background:#757575}:host.qd-button-secondary:hover{background:#454545}:host.qd-button-error{background:#c70023}:host.qd-button-error:hover{background:#a4001e}:host.qd-button-link{height:1.5rem;padding:0;background:transparent}:host.qd-button-link .qd-icon{margin-left:0}:host.qd-button-link:hover{background:transparent}:host.qd-button-link.qd-button-primary{color:#069}:host.qd-button-link.qd-button-primary:hover{border-bottom:.0625rem solid rgb(20,81,111);color:#14516f}:host.qd-button-link.qd-button-secondary{color:#333}:host.qd-button-link.qd-button-secondary:hover{border-bottom:.0625rem solid rgb(23,23,23);color:#171717}:host.qd-button-link.qd-button-error{color:#c70023}:host.qd-button-link.qd-button-error:hover{border-bottom:.0625rem solid rgb(164,0,30);color:#a4001e}:host.qd-button-ghost{color:#171717;font-size:.875rem;font-weight:500;line-height:1.3125rem;border:2px solid;background:transparent}:host.qd-button-ghost:hover{background:transparent}:host.qd-button-ghost.qd-button-primary{border-color:#069;color:#069}:host.qd-button-ghost.qd-button-primary:hover{border-color:#14516f;color:#14516f}:host.qd-button-ghost.qd-button-secondary{border-color:#333;color:#333}:host.qd-button-ghost.qd-button-secondary:hover{border-color:#171717;color:#171717}:host.qd-button-ghost.qd-button-error{border-color:#c70023;color:#c70023}:host.qd-button-ghost.qd-button-error:hover{border-color:#a4001e;color:#a4001e}:host.qd-button-disabled{background:#d5d5d5;color:#979797;cursor:default}:host.qd-button-disabled:hover{background:#d5d5d5}:host.qd-button-disabled.qd-button-link,:host.qd-button-disabled.qd-button-link:hover{border:none;background:#fff0;color:#979797}:host.qd-button-disabled.qd-button-ghost,:host.qd-button-disabled.qd-button-ghost:hover{border-color:#979797;background:#fff0;color:#979797}:host.qd-button-has-icon{padding-left:0}:host.qd-button-has-icon .qd-icon{margin-right:.375rem;margin-left:1.25rem;font-size:1rem}:host.qd-button-has-icon.qd-button-link .qd-icon{margin-left:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "component", type: i4.QdButtonAdditionalInfoComponent, selector: "qd-button-additional-info", inputs: ["buttonAdditionalInfo"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[qdButton], a[qdButton], button[qd-button]', host: { '[attr.class]': 'classes', '[attr.disabled]': 'isDisabled', '[attr.data-test-id]': 'testId' }, template: "<qd-icon [icon]=\"icon\" *ngIf=\"hasIcon\"></qd-icon>\n<qd-button-additional-info *ngIf=\"additionalInfo\" [buttonAdditionalInfo]=\"additionalInfo\"></qd-button-additional-info>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{color:#fff;font-size:.875rem;font-weight:400;line-height:1.3125rem;display:flex;height:2.25rem;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;padding:0 1.5rem;border:none;border-bottom:.0625rem solid transparent;margin:0;cursor:pointer;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none}@media (max-width: 959.98px){:host.only-icon-on-small-viewport{padding:.875rem}:host.only-icon-on-small-viewport.qd-button-has-icon{padding-right:0;padding-left:0}:host.only-icon-on-small-viewport.qd-button-has-icon .qd-icon{padding:.75rem;margin:0;font-size:1.125rem}:host.only-icon-on-small-viewport .content:not(:has(.content)){display:none}}:host.qd-button-primary{background:#069}:host.qd-button-primary:hover{background:#14516f}:host.qd-button-secondary{background:#757575}:host.qd-button-secondary:hover{background:#454545}:host.qd-button-error{background:#c70023}:host.qd-button-error:hover{background:#a4001e}:host.qd-button-link{height:1.5rem;padding:0;background:transparent}:host.qd-button-link .qd-icon{margin-left:0}:host.qd-button-link:hover{background:transparent}:host.qd-button-link.qd-button-primary{color:#069}:host.qd-button-link.qd-button-primary:hover{border-bottom:.0625rem solid rgb(20,81,111);color:#14516f}:host.qd-button-link.qd-button-secondary{color:#333}:host.qd-button-link.qd-button-secondary:hover{border-bottom:.0625rem solid rgb(23,23,23);color:#171717}:host.qd-button-link.qd-button-error{color:#c70023}:host.qd-button-link.qd-button-error:hover{border-bottom:.0625rem solid rgb(164,0,30);color:#a4001e}:host.qd-button-ghost{color:#171717;font-size:.875rem;font-weight:500;line-height:1.3125rem;border:2px solid;background:transparent}:host.qd-button-ghost:hover{background:transparent}:host.qd-button-ghost.qd-button-primary{border-color:#069;color:#069}:host.qd-button-ghost.qd-button-primary:hover{border-color:#14516f;color:#14516f}:host.qd-button-ghost.qd-button-secondary{border-color:#333;color:#333}:host.qd-button-ghost.qd-button-secondary:hover{border-color:#171717;color:#171717}:host.qd-button-ghost.qd-button-error{border-color:#c70023;color:#c70023}:host.qd-button-ghost.qd-button-error:hover{border-color:#a4001e;color:#a4001e}:host.qd-button-disabled{background:#d5d5d5;color:#979797;cursor:default}:host.qd-button-disabled:hover{background:#d5d5d5}:host.qd-button-disabled.qd-button-link,:host.qd-button-disabled.qd-button-link:hover{border:none;background:#fff0;color:#979797}:host.qd-button-disabled.qd-button-ghost,:host.qd-button-disabled.qd-button-ghost:hover{border-color:#979797;background:#fff0;color:#979797}:host.qd-button-has-icon{padding-left:0}:host.qd-button-has-icon .qd-icon{margin-right:.375rem;margin-left:1.25rem;font-size:1rem}:host.qd-button-has-icon.qd-button-link .qd-icon{margin-left:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1.QdButtonLinkDirective, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }] }, { type: i1.QdButtonGhostDirective, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [QD_VIEWPORT_ADAPTIVE_ENABLED]
+                }] }, { type: i0.ElementRef }], propDecorators: { disabled: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], testId: [{
+                type: Input,
+                args: ['data-test-id']
+            }], additionalInfo: [{
+                type: Input,
+                args: ['additionalInfo']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcWQtdWkvc3JjL2xpYi9idXR0b24vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkLXVpL3NyYy9saWIvYnV0dG9uL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0JBQW9CO0FBQ3BCLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFVLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU3RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUdoRyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQzs7Ozs7O0FBRW5HOzs7R0FHRztBQU9ILE1BQU0sT0FBTyxpQkFBaUI7SUFpREM7SUFDQTtJQUVWO0lBbkRuQjs7T0FFRztJQUNNLFFBQVEsQ0FBVTtJQUUzQjs7T0FFRztJQUNNLEtBQUssR0FBa0IsU0FBUyxDQUFDO0lBRTFDOztPQUVHO0lBQ00sSUFBSSxDQUFTO0lBRXRCOzs7T0FHRztJQUNvQixNQUFNLEdBQUcsUUFBUSxDQUFDO0lBRWhCLGNBQWMsQ0FBeUI7SUFFeEQsdUJBQXVCLEdBQUcsS0FBSyxDQUFDO0lBRXhDLElBQUksT0FBTztRQUNULE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDckIsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSyxLQUFLO1lBQUUsT0FBTyxJQUFJLENBQUM7UUFFekMsT0FBTyxJQUFJLENBQUMsUUFBUSxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUM7SUFDN0MsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sQ0FDTCxXQUFXO1lBQ1gsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztZQUM1QixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDOUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQzNDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUMxQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDNUMsQ0FBQyxJQUFJLENBQUMsdUJBQXVCLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsOEJBQThCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUNyRixDQUFDO0lBQ0osQ0FBQztJQUVELFlBQzZCLFVBQWlDLEVBQ2pDLFdBQW1DLEVBQ1oseUJBQWtDLEVBQ25FLFdBQXVCO1FBSGIsZUFBVSxHQUFWLFVBQVUsQ0FBdUI7UUFDakMsZ0JBQVcsR0FBWCxXQUFXLENBQXdCO1FBRTdDLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBRXhDLElBQUksQ0FBQyx1QkFBdUIsR0FBRyx5QkFBeUIsQ0FBQztJQUMzRCxDQUFDO0lBRUQsUUFBUTtRQUNOLG1EQUFtRDtRQUNuRCxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxjQUFjLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUMxRSxPQUFPLENBQUMsSUFBSSxDQUNWLHFHQUFxRyxDQUN0RyxDQUFDO1FBQ0osQ0FBQztJQUNILENBQUM7dUdBaEVVLGlCQUFpQixxSkFtRE4sNEJBQTRCOzJGQW5EdkMsaUJBQWlCLCtVQ2xCOUIsbVBBS0E7OzJGRGFhLGlCQUFpQjtrQkFON0IsU0FBUzsrQkFDRSxrREFBa0QsUUFHdEQsRUFBRSxjQUFjLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSxxQkFBcUIsRUFBRSxRQUFRLEVBQUU7OzBCQW1EbEcsUUFBUTs7MEJBQUksSUFBSTs7MEJBQ2hCLFFBQVE7OzBCQUFJLElBQUk7OzBCQUNoQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLDRCQUE0QjtrRUEvQ3pDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFNaUIsTUFBTTtzQkFBNUIsS0FBSzt1QkFBQyxjQUFjO2dCQUVJLGNBQWM7c0JBQXRDLEtBQUs7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQHRzLXN0cmljdC1pZ25vcmVcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdCwgSW5qZWN0LCBJbnB1dCwgT25Jbml0LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBRZEJ1dHRvbkdob3N0RGlyZWN0aXZlLCBRZEJ1dHRvbkxpbmtEaXJlY3RpdmUgfSBmcm9tICcuLi9kaXJlY3RpdmVzL2J1dHRvbi5kaXJlY3RpdmVzJztcbmltcG9ydCB7IFFkQnV0dG9uQWRkaXRpb25hbEluZm8gfSBmcm9tICcuLi9tb2RlbC9idXR0b24tY29uZmlnJztcbmltcG9ydCB7IFFkQnV0dG9uQ29sb3IgfSBmcm9tICcuLi9tb2RlbC9idXR0b24udHlwZXMnO1xuaW1wb3J0IHsgUURfVklFV1BPUlRfQURBUFRJVkVfRU5BQkxFRCB9IGZyb20gJy4uLy4uL2xheW91dC9kaXJlY3RpdmVzL3ZpZXdwb3J0LWFkYXB0aXZlLmRpcmVjdGl2ZSc7XG5cbi8qKlxuICogVGhlICoqUWRCdXR0b24qKiBjb21wb25lbnQsIGFzIHRoZSBuYW1lIHN1Z2dlc3RzLCBwcm92aWRlcyBhIHNpbXBsZSBidXR0b24uPGJyIC8+XG4gKiBJdCBpcyBwb3NzaWJsZSB0byBiaW5kIGl0IHRvIGVpdGhlciBhIGBidXR0b25gIHRhZyBvciB0byBhbiBgYWAgdGFnLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdidXR0b25bcWRCdXR0b25dLCBhW3FkQnV0dG9uXSwgYnV0dG9uW3FkLWJ1dHRvbl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGhvc3Q6IHsgJ1thdHRyLmNsYXNzXSc6ICdjbGFzc2VzJywgJ1thdHRyLmRpc2FibGVkXSc6ICdpc0Rpc2FibGVkJywgJ1thdHRyLmRhdGEtdGVzdC1pZF0nOiAndGVzdElkJyB9XG59KVxuZXhwb3J0IGNsYXNzIFFkQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIERpc2FibGVzIHRoZSBidXR0b25cbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvclxuICAgKi9cbiAgQElucHV0KCkgY29sb3I6IFFkQnV0dG9uQ29sb3IgPSAncHJpbWFyeSc7XG5cbiAgLyoqXG4gICAqIFRoaXMgYWxsb3dzIHlvdSB0byBzcGVjaWZ5IGFuIGljb24uXG4gICAqL1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEEgc3RhdGljIHRlc3QgSUQgZm9yIGludGVncmF0aW9uIHRlc3RzIGNhbiBiZSBzZXQuIDxiciAvPlxuICAgKiBUaGUgdmFsdWUgZm9yIHRoZSBIVE1MIGF0dHJpYnV0ZSBbZGF0YS10ZXN0LWlkXS5cbiAgICovXG4gIEBJbnB1dCgnZGF0YS10ZXN0LWlkJykgdGVzdElkID0gJ2J1dHRvbic7XG5cbiAgQElucHV0KCdhZGRpdGlvbmFsSW5mbycpIGFkZGl0aW9uYWxJbmZvOiBRZEJ1dHRvbkFkZGl0aW9uYWxJbmZvO1xuXG4gIHByaXZhdGUgb25seUljb25PblNtYWxsVmlld3BvcnQgPSBmYWxzZTtcblxuICBnZXQgaGFzSWNvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLmljb247XG4gIH1cblxuICBnZXQgaXNEaXNhYmxlZCgpOiBib29sZWFuIHwgbnVsbCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQgPT09IGZhbHNlKSByZXR1cm4gbnVsbDtcblxuICAgIHJldHVybiB0aGlzLmRpc2FibGVkICE9PSB1bmRlZmluZWQgfHwgbnVsbDtcbiAgfVxuXG4gIGdldCBjbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIChcbiAgICAgICdxZC1idXR0b24nICtcbiAgICAgICgnIHFkLWJ1dHRvbi0nICsgdGhpcy5jb2xvcikgK1xuICAgICAgKHRoaXMuaXNEaXNhYmxlZCA/ICcgcWQtYnV0dG9uLWRpc2FibGVkJyA6ICcnKSArXG4gICAgICAodGhpcy5oYXNJY29uID8gJyBxZC1idXR0b24taGFzLWljb24nIDogJycpICtcbiAgICAgICh0aGlzLmJ1dHRvbkxpbmsgPyAnIHFkLWJ1dHRvbi1saW5rJyA6ICcnKSArXG4gICAgICAodGhpcy5idXR0b25HaG9zdCA/ICcgcWQtYnV0dG9uLWdob3N0JyA6ICcnKSArXG4gICAgICAodGhpcy5vbmx5SWNvbk9uU21hbGxWaWV3cG9ydCAmJiB0aGlzLmhhc0ljb24gPyAnIG9ubHktaWNvbi1vbi1zbWFsbC12aWV3cG9ydCcgOiAnJylcbiAgICApO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEhvc3QoKSBwdWJsaWMgYnV0dG9uTGluazogUWRCdXR0b25MaW5rRGlyZWN0aXZlLFxuICAgIEBPcHRpb25hbCgpIEBIb3N0KCkgcHVibGljIGJ1dHRvbkdob3N0OiBRZEJ1dHRvbkdob3N0RGlyZWN0aXZlLFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoUURfVklFV1BPUlRfQURBUFRJVkVfRU5BQkxFRCkgaXNWaWV3cG9ydEFkYXB0aXZlRW5hYmxlZDogYm9vbGVhbixcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9lbGVtZW50UmVmOiBFbGVtZW50UmVmXG4gICkge1xuICAgIHRoaXMub25seUljb25PblNtYWxsVmlld3BvcnQgPSBpc1ZpZXdwb3J0QWRhcHRpdmVFbmFibGVkO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgLy8gVE9ETzogRGVsZXRlIGRpcmVjdGl2ZSBcInFkLWJ1dHRvblwiIGluIFZlcnNpb24gMjBcbiAgICBpZiAodGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmF0dHJpYnV0ZXMuaGFzT3duUHJvcGVydHkoJ3FkLWJ1dHRvbicpKSB7XG4gICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgICdRRC1VSSB8IFFkQnV0dG9uQ29tcG9uZW50IC0gVGhlIGRpcmVjdGl2ZSBcInFkLWJ1dHRvblwiIGlzIGRlcHJlY2F0ZWQuIFBsZWFzZSB1c2UgXCJxZEJ1dHRvblwiIGluc3RlYWQuJ1xuICAgICAgKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxxZC1pY29uIFtpY29uXT1cImljb25cIiAqbmdJZj1cImhhc0ljb25cIj48L3FkLWljb24+XG48cWQtYnV0dG9uLWFkZGl0aW9uYWwtaW5mbyAqbmdJZj1cImFkZGl0aW9uYWxJbmZvXCIgW2J1dHRvbkFkZGl0aW9uYWxJbmZvXT1cImFkZGl0aW9uYWxJbmZvXCI+PC9xZC1idXR0b24tYWRkaXRpb25hbC1pbmZvPlxuPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/button/button-grid/button-grid.component.mjs

@@ -0,0 +1,16 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * The **QdButtonGrid** component provides a container that allows to arrange multiple buttons horizontally.
+ *
+ * * @see parent component **QdButton**.
+ */
+export class QdButtonGridComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdButtonGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdButtonGridComponent, selector: "qd-button-grid", host: { classAttribute: "qd-button-grid" }, ngImport: i0, template: "<ng-content select=\"button\"></ng-content>\n", styles: [".qd-button-grid{display:flex;flex-direction:row;align-items:center}.qd-button-grid>button.qd-button{margin-right:12px}.qd-button-grid>button.qd-button:last-child{margin-right:0}@media (max-width: 959.98px){.qd-button-grid{flex-direction:column}.qd-button-grid>button.qd-button{width:100%;margin:0 0 .75rem}}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdButtonGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'qd-button-grid', encapsulation: ViewEncapsulation.None, host: { class: 'qd-button-grid' }, template: "<ng-content select=\"button\"></ng-content>\n", styles: [".qd-button-grid{display:flex;flex-direction:row;align-items:center}.qd-button-grid>button.qd-button{margin-right:12px}.qd-button-grid>button.qd-button:last-child{margin-right:0}@media (max-width: 959.98px){.qd-button-grid{flex-direction:column}.qd-button-grid>button.qd-button{width:100%;margin:0 0 .75rem}}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9xZC11aS9zcmMvbGliL2J1dHRvbi9idXR0b24tZ3JpZC9idXR0b24tZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkLXVpL3NyYy9saWIvYnV0dG9uL2J1dHRvbi1ncmlkL2J1dHRvbi1ncmlkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTdEOzs7O0dBSUc7QUFRSCxNQUFNLE9BQU8scUJBQXFCO3VHQUFyQixxQkFBcUI7MkZBQXJCLHFCQUFxQixrR0NkbEMsK0NBQ0E7OzJGRGFhLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSxnQkFBZ0IsaUJBR1gsaUJBQWlCLENBQUMsSUFBSSxRQUMvQixFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBUaGUgKipRZEJ1dHRvbkdyaWQqKiBjb21wb25lbnQgcHJvdmlkZXMgYSBjb250YWluZXIgdGhhdCBhbGxvd3MgdG8gYXJyYW5nZSBtdWx0aXBsZSBidXR0b25zIGhvcml6b250YWxseS5cbiAqXG4gKiAqIEBzZWUgcGFyZW50IGNvbXBvbmVudCAqKlFkQnV0dG9uKiouXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3FkLWJ1dHRvbi1ncmlkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi1ncmlkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLWdyaWQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDogeyBjbGFzczogJ3FkLWJ1dHRvbi1ncmlkJyB9XG59KVxuZXhwb3J0IGNsYXNzIFFkQnV0dG9uR3JpZENvbXBvbmVudCB7fVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiYnV0dG9uXCI+PC9uZy1jb250ZW50PlxuIl19

package/esm2022/lib/button/button-stack/button-stack-button/button-stack-button.component.mjs

@@ -0,0 +1,46 @@
+import { Component, ElementRef, HostBinding, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../icon/icon/icon.component";
+/**
+ * With the **QdButtonStackButton** you can display and set up various states in the process.
+ *
+ * * @see parent component **QdButtonStack**.
+ */
+export class QdButtonStackButtonComponent {
+    _elementRef;
+    /**
+     * Disabled the button
+     */
+    disabled = false;
+    /**
+     * When completed a check mark appears on the left side.
+     */
+    completed = false;
+    get hasCompleted() {
+        return this.completed;
+    }
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+    }
+    ngOnInit() {
+        // TODO: Delete directive "qd-button-stack" in Version 15
+        if (this._elementRef.nativeElement.attributes.hasOwnProperty('qd-button-stack')) {
+            console.warn('QD-UI | QdButtonStack - The directive "qd-button-stack" is deprecated. Please use "qdButtonStack" instead.');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdButtonStackButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdButtonStackButtonComponent, selector: "button[qd-button-stack], button[qdButtonStack]", inputs: { disabled: "disabled", completed: "completed" }, host: { properties: { "class.qd-button-stack__button--completed": "this.hasCompleted" }, classAttribute: "qd-button-stack__button" }, ngImport: i0, template: "<ng-content></ng-content>\n\n<span #qdIcon><ng-content select=\"qd-icon\"></ng-content></span>\n\n<ng-container *ngIf=\"!qdIcon.hasChildNodes()\">\n  <span *ngIf=\"!completed\"><qd-icon [icon]=\"'arrowRight'\"></qd-icon></span>\n  <span *ngIf=\"completed\"><qd-icon [icon]=\"'checkmark'\"></qd-icon></span>\n</ng-container>\n", styles: [".qd-button-stack__button{color:#171717;font-size:14px;font-weight:500;line-height:20px;display:flex;width:100%;height:1.75rem;align-items:center;padding:0;margin-bottom:.25rem;background:none;color:#069}.qd-button-stack__button:hover,.qd-button-stack__button:active,.qd-button-stack__button:hover .qd-icon,.qd-button-stack__button:active .qd-icon{color:#14516f}.qd-button-stack__button span{order:-1}.qd-button-stack__button .qd-icon{display:flex;align-items:center;margin-right:.75rem;margin-left:.75rem;color:#069;transform:translateY(-.0625rem)}.qd-button-stack__button[disabled]{color:#979797;cursor:default}.qd-button-stack__button[disabled] .qd-icon{color:#979797}.qd-button-stack__button--completed{background:#f5f5f5;color:#757575}.qd-button-stack__button--completed .qd-icon{color:#00813a}.qd-button-stack__button--completed:hover,.qd-button-stack__button--completed:active{color:#757575}.qd-button-stack__button--completed:hover .qd-icon,.qd-button-stack__button--completed:active .qd-icon{color:#00813a}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.QdIconComponent, selector: "qd-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdButtonStackButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[qd-button-stack], button[qdButtonStack]', encapsulation: ViewEncapsulation.None, host: { class: 'qd-button-stack__button' }, template: "<ng-content></ng-content>\n\n<span #qdIcon><ng-content select=\"qd-icon\"></ng-content></span>\n\n<ng-container *ngIf=\"!qdIcon.hasChildNodes()\">\n  <span *ngIf=\"!completed\"><qd-icon [icon]=\"'arrowRight'\"></qd-icon></span>\n  <span *ngIf=\"completed\"><qd-icon [icon]=\"'checkmark'\"></qd-icon></span>\n</ng-container>\n", styles: [".qd-button-stack__button{color:#171717;font-size:14px;font-weight:500;line-height:20px;display:flex;width:100%;height:1.75rem;align-items:center;padding:0;margin-bottom:.25rem;background:none;color:#069}.qd-button-stack__button:hover,.qd-button-stack__button:active,.qd-button-stack__button:hover .qd-icon,.qd-button-stack__button:active .qd-icon{color:#14516f}.qd-button-stack__button span{order:-1}.qd-button-stack__button .qd-icon{display:flex;align-items:center;margin-right:.75rem;margin-left:.75rem;color:#069;transform:translateY(-.0625rem)}.qd-button-stack__button[disabled]{color:#979797;cursor:default}.qd-button-stack__button[disabled] .qd-icon{color:#979797}.qd-button-stack__button--completed{background:#f5f5f5;color:#757575}.qd-button-stack__button--completed .qd-icon{color:#00813a}.qd-button-stack__button--completed:hover,.qd-button-stack__button--completed:active{color:#757575}.qd-button-stack__button--completed:hover .qd-icon,.qd-button-stack__button--completed:active .qd-icon{color:#00813a}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disabled: [{
+                type: Input
+            }], completed: [{
+                type: Input
+            }], hasCompleted: [{
+                type: HostBinding,
+                args: ['class.qd-button-stack__button--completed']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXN0YWNrLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkLXVpL3NyYy9saWIvYnV0dG9uL2J1dHRvbi1zdGFjay9idXR0b24tc3RhY2stYnV0dG9uL2J1dHRvbi1zdGFjay1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9xZC11aS9zcmMvbGliL2J1dHRvbi9idXR0b24tc3RhY2svYnV0dG9uLXN0YWNrLWJ1dHRvbi9idXR0b24tc3RhY2stYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFFckc7Ozs7R0FJRztBQVNILE1BQU0sT0FBTyw0QkFBNEI7SUFlVjtJQWQ3Qjs7T0FFRztJQUNNLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFFMUI7O09BRUc7SUFDTSxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRTNCLElBQTZELFlBQVk7UUFDdkUsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxZQUE2QixXQUF1QjtRQUF2QixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtJQUFHLENBQUM7SUFFeEQsUUFBUTtRQUNOLHlEQUF5RDtRQUN6RCxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxjQUFjLENBQUMsaUJBQWlCLENBQUMsRUFBRSxDQUFDO1lBQ2hGLE9BQU8sQ0FBQyxJQUFJLENBQ1YsNEdBQTRHLENBQzdHLENBQUM7UUFDSixDQUFDO0lBQ0gsQ0FBQzt1R0F4QlUsNEJBQTRCOzJGQUE1Qiw0QkFBNEIsc1JDZnpDLHVVQVFBOzsyRkRPYSw0QkFBNEI7a0JBUnhDLFNBQVM7K0JBRUUsZ0RBQWdELGlCQUczQyxpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CLEVBQUUsS0FBSyxFQUFFLHlCQUF5QixFQUFFOytFQU1qQyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRXVELFlBQVk7c0JBQXhFLFdBQVc7dUJBQUMsMENBQTBDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBXaXRoIHRoZSAqKlFkQnV0dG9uU3RhY2tCdXR0b24qKiB5b3UgY2FuIGRpc3BsYXkgYW5kIHNldCB1cCB2YXJpb3VzIHN0YXRlcyBpbiB0aGUgcHJvY2Vzcy5cbiAqXG4gKiAqIEBzZWUgcGFyZW50IGNvbXBvbmVudCAqKlFkQnV0dG9uU3RhY2sqKi5cbiAqL1xuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnYnV0dG9uW3FkLWJ1dHRvbi1zdGFja10sIGJ1dHRvbltxZEJ1dHRvblN0YWNrXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tc3RhY2stYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLXN0YWNrLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7IGNsYXNzOiAncWQtYnV0dG9uLXN0YWNrX19idXR0b24nIH1cbn0pXG5leHBvcnQgY2xhc3MgUWRCdXR0b25TdGFja0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBEaXNhYmxlZCB0aGUgYnV0dG9uXG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBXaGVuIGNvbXBsZXRlZCBhIGNoZWNrIG1hcmsgYXBwZWFycyBvbiB0aGUgbGVmdCBzaWRlLlxuICAgKi9cbiAgQElucHV0KCkgY29tcGxldGVkID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5xZC1idXR0b24tc3RhY2tfX2J1dHRvbi0tY29tcGxldGVkJykgZ2V0IGhhc0NvbXBsZXRlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5jb21wbGV0ZWQ7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIFRPRE86IERlbGV0ZSBkaXJlY3RpdmUgXCJxZC1idXR0b24tc3RhY2tcIiBpbiBWZXJzaW9uIDE1XG4gICAgaWYgKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5hdHRyaWJ1dGVzLmhhc093blByb3BlcnR5KCdxZC1idXR0b24tc3RhY2snKSkge1xuICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICAnUUQtVUkgfCBRZEJ1dHRvblN0YWNrIC0gVGhlIGRpcmVjdGl2ZSBcInFkLWJ1dHRvbi1zdGFja1wiIGlzIGRlcHJlY2F0ZWQuIFBsZWFzZSB1c2UgXCJxZEJ1dHRvblN0YWNrXCIgaW5zdGVhZC4nXG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXG48c3BhbiAjcWRJY29uPjxuZy1jb250ZW50IHNlbGVjdD1cInFkLWljb25cIj48L25nLWNvbnRlbnQ+PC9zcGFuPlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwiIXFkSWNvbi5oYXNDaGlsZE5vZGVzKClcIj5cbiAgPHNwYW4gKm5nSWY9XCIhY29tcGxldGVkXCI+PHFkLWljb24gW2ljb25dPVwiJ2Fycm93UmlnaHQnXCI+PC9xZC1pY29uPjwvc3Bhbj5cbiAgPHNwYW4gKm5nSWY9XCJjb21wbGV0ZWRcIj48cWQtaWNvbiBbaWNvbl09XCInY2hlY2ttYXJrJ1wiPjwvcWQtaWNvbj48L3NwYW4+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/lib/button/button-stack/button-stack-container/button-stack.component.mjs

@@ -0,0 +1,39 @@
+import { Component, ElementRef, Optional } from '@angular/core';
+import { QdContainerLayoutService } from '../../../container/services/container-layout.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../container/services/container-layout.service";
+/**
+ * With the **QdButtonStack** component you can display and set up various states in the process.
+ *
+ * * @see child component **QdButtonStackButton**.
+ */
+export class QdButtonStackComponent {
+    containerLayoutService;
+    _elementRef;
+    constructor(containerLayoutService, _elementRef) {
+        this.containerLayoutService = containerLayoutService;
+        this._elementRef = _elementRef;
+    }
+    ngOnInit() {
+        if (this.containerLayoutService) {
+            this.containerLayoutService.updateContent({
+                'button-stack': true
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdButtonStackComponent, deps: [{ token: i1.QdContainerLayoutService, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdButtonStackComponent, selector: "qd-button-stack", host: { classAttribute: "qd-button-stack" }, ngImport: i0, template: `
+    <ng-content select="button[qdButtonStack]"></ng-content>
+    <ng-content select="button[qd-button-stack]"></ng-content>
+  `, isInline: true, styles: [":host{display:block}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdButtonStackComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'qd-button-stack', template: `
+    <ng-content select="button[qdButtonStack]"></ng-content>
+    <ng-content select="button[qd-button-stack]"></ng-content>
+  `, host: { class: 'qd-button-stack' }, styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i1.QdContainerLayoutService, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXN0YWNrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcWQtdWkvc3JjL2xpYi9idXR0b24vYnV0dG9uLXN0YWNrL2J1dHRvbi1zdGFjay1jb250YWluZXIvYnV0dG9uLXN0YWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBVSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sc0RBQXNELENBQUM7OztBQUVoRzs7OztHQUlHO0FBVUgsTUFBTSxPQUFPLHNCQUFzQjtJQUVGO0lBQ1o7SUFGbkIsWUFDK0Isc0JBQWdELEVBQzVELFdBQXVCO1FBRFgsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUEwQjtRQUM1RCxnQkFBVyxHQUFYLFdBQVcsQ0FBWTtJQUN2QyxDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7WUFDaEMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGFBQWEsQ0FBQztnQkFDeEMsY0FBYyxFQUFFLElBQUk7YUFDckIsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7dUdBWlUsc0JBQXNCOzJGQUF0QixzQkFBc0Isb0dBUHZCOzs7R0FHVDs7MkZBSVUsc0JBQXNCO2tCQVRsQyxTQUFTOytCQUNFLGlCQUFpQixZQUNqQjs7O0dBR1QsUUFFSyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRTs7MEJBSS9CLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIE9uSW5pdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFFkQ29udGFpbmVyTGF5b3V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2NvbnRhaW5lci9zZXJ2aWNlcy9jb250YWluZXItbGF5b3V0LnNlcnZpY2UnO1xuXG4vKipcbiAqIFdpdGggdGhlICoqUWRCdXR0b25TdGFjayoqIGNvbXBvbmVudCB5b3UgY2FuIGRpc3BsYXkgYW5kIHNldCB1cCB2YXJpb3VzIHN0YXRlcyBpbiB0aGUgcHJvY2Vzcy5cbiAqXG4gKiAqIEBzZWUgY2hpbGQgY29tcG9uZW50ICoqUWRCdXR0b25TdGFja0J1dHRvbioqLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdxZC1idXR0b24tc3RhY2snLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImJ1dHRvbltxZEJ1dHRvblN0YWNrXVwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJidXR0b25bcWQtYnV0dG9uLXN0YWNrXVwiPjwvbmctY29udGVudD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLXN0YWNrLmNvbXBvbmVudC5zY3NzJ10sXG4gIGhvc3Q6IHsgY2xhc3M6ICdxZC1idXR0b24tc3RhY2snIH1cbn0pXG5leHBvcnQgY2xhc3MgUWRCdXR0b25TdGFja0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpIHByaXZhdGUgcmVhZG9ubHkgY29udGFpbmVyTGF5b3V0U2VydmljZTogUWRDb250YWluZXJMYXlvdXRTZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWZcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNvbnRhaW5lckxheW91dFNlcnZpY2UpIHtcbiAgICAgIHRoaXMuY29udGFpbmVyTGF5b3V0U2VydmljZS51cGRhdGVDb250ZW50KHtcbiAgICAgICAgJ2J1dHRvbi1zdGFjayc6IHRydWVcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxufVxuIl19