adb-shared 6.0.51 → 6.0.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,9 +2,6 @@ import { Component, HostBinding, HostListener, Input } from "@angular/core";
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "@angular/common";
4
4
  export class AdbHelpButtonComponent {
5
- get hostClasses() {
6
- return this.showHelp ? 'd-flex align-items-top' : 'd-flex align-items-center';
7
- }
8
5
  onClickDoc(event) {
9
6
  const target = event.target;
10
7
  const parent = target.parentElement;
@@ -12,12 +9,14 @@ export class AdbHelpButtonComponent {
12
9
  if (!clickedInside) {
13
10
  this.showHelp = false;
14
11
  }
12
+ this.hostClass = this.showHelp ? 'd-flex align-items-top mt-2' : 'd-flex align-items-center';
15
13
  }
16
14
  constructor(elementRef) {
17
15
  this.elementRef = elementRef;
18
16
  this.showHelp = false;
19
17
  this.buttonType = false;
20
18
  this.label = '';
19
+ this.hostClass = 'd-flex align-items-center';
21
20
  }
22
21
  ngOnInit() {
23
22
  this.id = +Math.floor(Math.random() * Date.now());
@@ -35,7 +34,7 @@ export class AdbHelpButtonComponent {
35
34
  this.showHelp = !this.showHelp;
36
35
  }
37
36
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AdbHelpButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
38
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: AdbHelpButtonComponent, selector: "adb-help-button", inputs: { buttonType: "buttonType", label: "label" }, host: { listeners: { "document:click": "onClickDoc($event)" }, properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<button type=\"button\" id=\"help-button\"\r\n class=\"w-auto d-flex gap-1 align-items-baseline\" [ngClass]=\"buttonType?'btn btn-outline-primary':'btn btn-invisible p-0'\"\r\n [attr.aria-controls]=\"id\" aria-label=\"Help\" [attr.aria-expanded]=\"showHelp\" (click)=\"onClose()\">\r\n <span [id]=\"buttonType?'help-icon':''\" class=\"fas fa-question-circle text-primary\"></span>\r\n {{label}}\r\n</button>\r\n<div>\r\n <div *ngIf=\"showHelp\" [id]=\"id\" class=\"position-absolute start-0 w-100 adb-plate-primary text-start shadow \" style=\"z-index:4\">\r\n <div class=\"d-flex align-items-center\">\r\n <div class=\"flex-grow-1\"><ng-content></ng-content></div>\r\n <div class=\"ms-auto align-self-start d-flex align-items-start\">\r\n <button type=\"button\" class=\"btn-close p-1\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"showHelp=false\"></button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
37
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: AdbHelpButtonComponent, selector: "adb-help-button", inputs: { buttonType: "buttonType", label: "label" }, host: { listeners: { "document:click": "onClickDoc($event)" }, properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<button type=\"button\" id=\"help-button\"\r\n class=\"w-auto d-flex gap-1 align-items-baseline\" [ngClass]=\"buttonType?'btn btn-outline-primary':'btn btn-invisible p-0'\"\r\n [attr.aria-controls]=\"id\" aria-label=\"Help\" [attr.aria-expanded]=\"showHelp\" (click)=\"onClose()\">\r\n <span [id]=\"buttonType?'help-icon':''\" class=\"fas fa-question-circle text-primary\"></span>\r\n {{label}}\r\n</button>\r\n<div>\r\n <div *ngIf=\"showHelp\" [id]=\"id\" class=\"position-absolute start-0 w-100 adb-plate-primary text-start shadow \" style=\"z-index:4\">\r\n <div class=\"d-flex align-items-center\">\r\n <div class=\"flex-grow-1\"><ng-content></ng-content></div>\r\n <div class=\"ms-auto align-self-start d-flex align-items-start\">\r\n <button type=\"button\" class=\"btn-close p-1\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"showHelp=false\"></button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
39
38
  }
40
39
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AdbHelpButtonComponent, decorators: [{
41
40
  type: Component,
@@ -44,11 +43,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
44
43
  type: Input
45
44
  }], label: [{
46
45
  type: Input
47
- }], hostClasses: [{
46
+ }], hostClass: [{
48
47
  type: HostBinding,
49
48
  args: ['class']
50
49
  }], onClickDoc: [{
51
50
  type: HostListener,
52
51
  args: ['document:click', ['$event']]
53
52
  }] } });
54
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJ0ZGF0YS1zaGFyZWQvc3JjL2xpYi9jb21wb25lbnRzL2FkYi1idXR0b25zL2hlbHAtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FydGRhdGEtc2hhcmVkL3NyYy9saWIvY29tcG9uZW50cy9hZGItYnV0dG9ucy9oZWxwLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFNaEcsTUFBTSxPQUFPLHNCQUFzQjtJQUsvQixJQUEwQixXQUFXO1FBQ2pDLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLDJCQUEyQixDQUFDO0lBQ2xGLENBQUM7SUFFTSxVQUFVLENBQUMsS0FBaUI7UUFDL0IsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQXFCLENBQUM7UUFDM0MsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQztRQUNwQyxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDckUsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQzFCLENBQUM7SUFDTCxDQUFDO0lBR0QsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQWxCMUMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNSLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsVUFBSyxHQUFHLEVBQUUsQ0FBQztJQWlCcEIsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsRUFBRSxHQUFHLENBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDdEQsQ0FBQztJQUVELE9BQU87UUFDSCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUM7UUFDdEQsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNQLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO2dCQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1lBQy9DLENBQUM7aUJBQU0sQ0FBQztnQkFDSixJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1lBQzVDLENBQUM7UUFDTCxDQUFDO1FBQ0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7SUFDbEMsQ0FBQztpSUFwQ1Esc0JBQXNCO3FIQUF0QixzQkFBc0IsMk5DTm5DLG8rQkFlTTs7MkZEVE8sc0JBQXNCO2tCQUpsQyxTQUFTOytCQUNJLGlCQUFpQjsrRUFLbEIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRW9CLFdBQVc7c0JBQXBDLFdBQVc7dUJBQUMsT0FBTztnQkFJYixVQUFVO3NCQURoQixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhZGItaGVscC1idXR0b24nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICdoZWxwLWJ1dHRvbi5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIEFkYkhlbHBCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgc2hvd0hlbHAgPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIGJ1dHRvblR5cGUgPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIGxhYmVsID0gJyc7XHJcbiAgICBpZDogbnVtYmVyO1xyXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBob3N0Q2xhc3NlcygpIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5zaG93SGVscCA/ICdkLWZsZXggYWxpZ24taXRlbXMtdG9wJyA6ICdkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyJztcclxuICAgIH1cclxuICAgIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcclxuICAgIHB1YmxpYyBvbkNsaWNrRG9jKGV2ZW50OiBNb3VzZUV2ZW50KSB7XHJcbiAgICAgICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xyXG4gICAgICAgIGNvbnN0IHBhcmVudCA9IHRhcmdldC5wYXJlbnRFbGVtZW50O1xyXG4gICAgICAgIGNvbnN0IGNsaWNrZWRJbnNpZGUgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyhwYXJlbnQpO1xyXG4gICAgICAgIGlmICghY2xpY2tlZEluc2lkZSkge1xyXG4gICAgICAgICAgICB0aGlzLnNob3dIZWxwID0gZmFsc2U7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmlkID0gKyBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiBEYXRlLm5vdygpKVxyXG4gICAgfVxyXG5cclxuICAgIG9uQ2xvc2UoKTogdm9pZCB7XHJcbiAgICAgICAgY29uc3Qgbm9kZSA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnBhcmVudE5vZGU7XHJcbiAgICAgICAgaWYgKG5vZGUpIHtcclxuICAgICAgICAgICAgaWYgKHRoaXMuc2hvd0hlbHApIHtcclxuICAgICAgICAgICAgICAgIG5vZGUuY2xhc3NMaXN0LnJlbW92ZSgncG9zaXRpb24tcmVsYXRpdmUnKTtcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgIG5vZGUuY2xhc3NMaXN0LmFkZCgncG9zaXRpb24tcmVsYXRpdmUnKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLnNob3dIZWxwID0gIXRoaXMuc2hvd0hlbHBcclxuICAgIH1cclxufSIsIjxidXR0b24gdHlwZT1cImJ1dHRvblwiIGlkPVwiaGVscC1idXR0b25cIlxyXG4gICAgY2xhc3M9XCJ3LWF1dG8gZC1mbGV4IGdhcC0xIGFsaWduLWl0ZW1zLWJhc2VsaW5lXCIgW25nQ2xhc3NdPVwiYnV0dG9uVHlwZT8nYnRuIGJ0bi1vdXRsaW5lLXByaW1hcnknOididG4gYnRuLWludmlzaWJsZSBwLTAnXCJcclxuICAgIFthdHRyLmFyaWEtY29udHJvbHNdPVwiaWRcIiBhcmlhLWxhYmVsPVwiSGVscFwiIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwic2hvd0hlbHBcIiAoY2xpY2spPVwib25DbG9zZSgpXCI+XHJcbiAgICA8c3BhbiBbaWRdPVwiYnV0dG9uVHlwZT8naGVscC1pY29uJzonJ1wiIGNsYXNzPVwiZmFzIGZhLXF1ZXN0aW9uLWNpcmNsZSB0ZXh0LXByaW1hcnlcIj48L3NwYW4+XHJcbiAgICB7e2xhYmVsfX1cclxuPC9idXR0b24+XHJcbjxkaXY+XHJcbiAgICA8ZGl2ICpuZ0lmPVwic2hvd0hlbHBcIiBbaWRdPVwiaWRcIiBjbGFzcz1cInBvc2l0aW9uLWFic29sdXRlIHN0YXJ0LTAgdy0xMDAgYWRiLXBsYXRlLXByaW1hcnkgdGV4dC1zdGFydCBzaGFkb3cgXCIgc3R5bGU9XCJ6LWluZGV4OjRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1ncm93LTFcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcy1hdXRvIGFsaWduLXNlbGYtc3RhcnQgZC1mbGV4IGFsaWduLWl0ZW1zLXN0YXJ0XCI+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImJ0bi1jbG9zZSBwLTFcIiBkYXRhLWJzLWRpc21pc3M9XCJtb2RhbFwiIGFyaWEtbGFiZWw9XCJDbG9zZVwiIChjbGljayk9XCJzaG93SGVscD1mYWxzZVwiPjwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
53
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJ0ZGF0YS1zaGFyZWQvc3JjL2xpYi9jb21wb25lbnRzL2FkYi1idXR0b25zL2hlbHAtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FydGRhdGEtc2hhcmVkL3NyYy9saWIvY29tcG9uZW50cy9hZGItYnV0dG9ucy9oZWxwLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFNaEcsTUFBTSxPQUFPLHNCQUFzQjtJQU94QixVQUFVLENBQUMsS0FBaUI7UUFDL0IsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQXFCLENBQUM7UUFDM0MsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQztRQUNwQyxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDckUsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQzFCLENBQUM7UUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLDZCQUE2QixDQUFDLENBQUMsQ0FBQywyQkFBMkIsQ0FBQztJQUVqRyxDQUFDO0lBR0QsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQWxCMUMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNSLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVFLGNBQVMsR0FBRywyQkFBMkIsQ0FBQztJQWU5RCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxFQUFFLEdBQUcsQ0FBRSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQTtJQUN0RCxDQUFDO0lBRUQsT0FBTztRQUNILE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQztRQUN0RCxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ1AsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUM7WUFDL0MsQ0FBQztpQkFBTSxDQUFDO2dCQUNKLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLG1CQUFtQixDQUFDLENBQUM7WUFDNUMsQ0FBQztRQUNMLENBQUM7UUFDRCxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQTtJQUNsQyxDQUFDO2lJQXBDUSxzQkFBc0I7cUhBQXRCLHNCQUFzQix5TkNObkMsbytCQWVNOzsyRkRUTyxzQkFBc0I7a0JBSmxDLFNBQVM7K0JBQ0ksaUJBQWlCOytFQUtsQixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFZ0IsU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPO2dCQUViLFVBQVU7c0JBRGhCLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2FkYi1oZWxwLWJ1dHRvbicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJ2hlbHAtYnV0dG9uLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWRiSGVscEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBzaG93SGVscCA9IGZhbHNlO1xyXG4gICAgQElucHV0KCkgYnV0dG9uVHlwZSA9IGZhbHNlO1xyXG4gICAgQElucHV0KCkgbGFiZWwgPSAnJztcclxuICAgIGlkOiBudW1iZXI7XHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgaG9zdENsYXNzID0gJ2QtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXInO1xyXG4gICAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxyXG4gICAgcHVibGljIG9uQ2xpY2tEb2MoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcclxuICAgICAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XHJcbiAgICAgICAgY29uc3QgcGFyZW50ID0gdGFyZ2V0LnBhcmVudEVsZW1lbnQ7XHJcbiAgICAgICAgY29uc3QgY2xpY2tlZEluc2lkZSA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHBhcmVudCk7XHJcbiAgICAgICAgaWYgKCFjbGlja2VkSW5zaWRlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2hvd0hlbHAgPSBmYWxzZTtcclxuICAgICAgICB9XHJcbiAgICAgICAgdGhpcy5ob3N0Q2xhc3MgPSB0aGlzLnNob3dIZWxwID8gJ2QtZmxleCBhbGlnbi1pdGVtcy10b3AgbXQtMicgOiAnZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlcic7XHJcblxyXG4gICAgfVxyXG5cclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmlkID0gKyBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiBEYXRlLm5vdygpKVxyXG4gICAgfVxyXG5cclxuICAgIG9uQ2xvc2UoKTogdm9pZCB7XHJcbiAgICAgICAgY29uc3Qgbm9kZSA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnBhcmVudE5vZGU7XHJcbiAgICAgICAgaWYgKG5vZGUpIHtcclxuICAgICAgICAgICAgaWYgKHRoaXMuc2hvd0hlbHApIHtcclxuICAgICAgICAgICAgICAgIG5vZGUuY2xhc3NMaXN0LnJlbW92ZSgncG9zaXRpb24tcmVsYXRpdmUnKTtcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgIG5vZGUuY2xhc3NMaXN0LmFkZCgncG9zaXRpb24tcmVsYXRpdmUnKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLnNob3dIZWxwID0gIXRoaXMuc2hvd0hlbHBcclxuICAgIH1cclxufSIsIjxidXR0b24gdHlwZT1cImJ1dHRvblwiIGlkPVwiaGVscC1idXR0b25cIlxyXG4gICAgY2xhc3M9XCJ3LWF1dG8gZC1mbGV4IGdhcC0xIGFsaWduLWl0ZW1zLWJhc2VsaW5lXCIgW25nQ2xhc3NdPVwiYnV0dG9uVHlwZT8nYnRuIGJ0bi1vdXRsaW5lLXByaW1hcnknOididG4gYnRuLWludmlzaWJsZSBwLTAnXCJcclxuICAgIFthdHRyLmFyaWEtY29udHJvbHNdPVwiaWRcIiBhcmlhLWxhYmVsPVwiSGVscFwiIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwic2hvd0hlbHBcIiAoY2xpY2spPVwib25DbG9zZSgpXCI+XHJcbiAgICA8c3BhbiBbaWRdPVwiYnV0dG9uVHlwZT8naGVscC1pY29uJzonJ1wiIGNsYXNzPVwiZmFzIGZhLXF1ZXN0aW9uLWNpcmNsZSB0ZXh0LXByaW1hcnlcIj48L3NwYW4+XHJcbiAgICB7e2xhYmVsfX1cclxuPC9idXR0b24+XHJcbjxkaXY+XHJcbiAgICA8ZGl2ICpuZ0lmPVwic2hvd0hlbHBcIiBbaWRdPVwiaWRcIiBjbGFzcz1cInBvc2l0aW9uLWFic29sdXRlIHN0YXJ0LTAgdy0xMDAgYWRiLXBsYXRlLXByaW1hcnkgdGV4dC1zdGFydCBzaGFkb3cgXCIgc3R5bGU9XCJ6LWluZGV4OjRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1ncm93LTFcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcy1hdXRvIGFsaWduLXNlbGYtc3RhcnQgZC1mbGV4IGFsaWduLWl0ZW1zLXN0YXJ0XCI+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImJ0bi1jbG9zZSBwLTFcIiBkYXRhLWJzLWRpc21pc3M9XCJtb2RhbFwiIGFyaWEtbGFiZWw9XCJDbG9zZVwiIChjbGljayk9XCJzaG93SGVscD1mYWxzZVwiPjwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
@@ -1734,9 +1734,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
1734
1734
  }] });
1735
1735
 
1736
1736
  class AdbHelpButtonComponent {
1737
- get hostClasses() {
1738
- return this.showHelp ? 'd-flex align-items-top' : 'd-flex align-items-center';
1739
- }
1740
1737
  onClickDoc(event) {
1741
1738
  const target = event.target;
1742
1739
  const parent = target.parentElement;
@@ -1744,12 +1741,14 @@ class AdbHelpButtonComponent {
1744
1741
  if (!clickedInside) {
1745
1742
  this.showHelp = false;
1746
1743
  }
1744
+ this.hostClass = this.showHelp ? 'd-flex align-items-top mt-2' : 'd-flex align-items-center';
1747
1745
  }
1748
1746
  constructor(elementRef) {
1749
1747
  this.elementRef = elementRef;
1750
1748
  this.showHelp = false;
1751
1749
  this.buttonType = false;
1752
1750
  this.label = '';
1751
+ this.hostClass = 'd-flex align-items-center';
1753
1752
  }
1754
1753
  ngOnInit() {
1755
1754
  this.id = +Math.floor(Math.random() * Date.now());
@@ -1767,7 +1766,7 @@ class AdbHelpButtonComponent {
1767
1766
  this.showHelp = !this.showHelp;
1768
1767
  }
1769
1768
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AdbHelpButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
1770
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: AdbHelpButtonComponent, selector: "adb-help-button", inputs: { buttonType: "buttonType", label: "label" }, host: { listeners: { "document:click": "onClickDoc($event)" }, properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<button type=\"button\" id=\"help-button\"\r\n class=\"w-auto d-flex gap-1 align-items-baseline\" [ngClass]=\"buttonType?'btn btn-outline-primary':'btn btn-invisible p-0'\"\r\n [attr.aria-controls]=\"id\" aria-label=\"Help\" [attr.aria-expanded]=\"showHelp\" (click)=\"onClose()\">\r\n <span [id]=\"buttonType?'help-icon':''\" class=\"fas fa-question-circle text-primary\"></span>\r\n {{label}}\r\n</button>\r\n<div>\r\n <div *ngIf=\"showHelp\" [id]=\"id\" class=\"position-absolute start-0 w-100 adb-plate-primary text-start shadow \" style=\"z-index:4\">\r\n <div class=\"d-flex align-items-center\">\r\n <div class=\"flex-grow-1\"><ng-content></ng-content></div>\r\n <div class=\"ms-auto align-self-start d-flex align-items-start\">\r\n <button type=\"button\" class=\"btn-close p-1\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"showHelp=false\"></button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
1769
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: AdbHelpButtonComponent, selector: "adb-help-button", inputs: { buttonType: "buttonType", label: "label" }, host: { listeners: { "document:click": "onClickDoc($event)" }, properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<button type=\"button\" id=\"help-button\"\r\n class=\"w-auto d-flex gap-1 align-items-baseline\" [ngClass]=\"buttonType?'btn btn-outline-primary':'btn btn-invisible p-0'\"\r\n [attr.aria-controls]=\"id\" aria-label=\"Help\" [attr.aria-expanded]=\"showHelp\" (click)=\"onClose()\">\r\n <span [id]=\"buttonType?'help-icon':''\" class=\"fas fa-question-circle text-primary\"></span>\r\n {{label}}\r\n</button>\r\n<div>\r\n <div *ngIf=\"showHelp\" [id]=\"id\" class=\"position-absolute start-0 w-100 adb-plate-primary text-start shadow \" style=\"z-index:4\">\r\n <div class=\"d-flex align-items-center\">\r\n <div class=\"flex-grow-1\"><ng-content></ng-content></div>\r\n <div class=\"ms-auto align-self-start d-flex align-items-start\">\r\n <button type=\"button\" class=\"btn-close p-1\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"showHelp=false\"></button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
1771
1770
  }
1772
1771
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AdbHelpButtonComponent, decorators: [{
1773
1772
  type: Component,
@@ -1776,7 +1775,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
1776
1775
  type: Input
1777
1776
  }], label: [{
1778
1777
  type: Input
1779
- }], hostClasses: [{
1778
+ }], hostClass: [{
1780
1779
  type: HostBinding,
1781
1780
  args: ['class']
1782
1781
  }], onClickDoc: [{