adb-shared 6.0.48 → 6.0.50
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.
- package/esm2022/lib/components/adb-buttons/help-button.component.mjs +7 -3
- package/esm2022/lib/components/adb-filter-section/filter-section.component.mjs +3 -3
- package/fesm2022/adb-shared.mjs +7 -3
- package/fesm2022/adb-shared.mjs.map +1 -1
- package/lib/components/adb-buttons/help-button.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, HostListener, Input } from "@angular/core";
|
|
1
|
+
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 {
|
|
@@ -15,6 +15,7 @@ export class AdbHelpButtonComponent {
|
|
|
15
15
|
this.showHelp = false;
|
|
16
16
|
this.buttonType = false;
|
|
17
17
|
this.label = '';
|
|
18
|
+
this.hostClass = 'd-flex align-items-center';
|
|
18
19
|
}
|
|
19
20
|
ngOnInit() {
|
|
20
21
|
this.id = +Math.floor(Math.random() * Date.now());
|
|
@@ -32,7 +33,7 @@ export class AdbHelpButtonComponent {
|
|
|
32
33
|
this.showHelp = !this.showHelp;
|
|
33
34
|
}
|
|
34
35
|
/** @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 }); }
|
|
35
|
-
/** @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)" } }, 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"] }] }); }
|
|
36
|
+
/** @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"] }] }); }
|
|
36
37
|
}
|
|
37
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AdbHelpButtonComponent, decorators: [{
|
|
38
39
|
type: Component,
|
|
@@ -41,8 +42,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
41
42
|
type: Input
|
|
42
43
|
}], label: [{
|
|
43
44
|
type: Input
|
|
45
|
+
}], hostClass: [{
|
|
46
|
+
type: HostBinding,
|
|
47
|
+
args: ['class']
|
|
44
48
|
}], onClickDoc: [{
|
|
45
49
|
type: HostListener,
|
|
46
50
|
args: ['document:click', ['$event']]
|
|
47
51
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJ0ZGF0YS1zaGFyZWQvc3JjL2xpYi9jb21wb25lbnRzL2FkYi1idXR0b25zL2hlbHAtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FydGRhdGEtc2hhcmVkL3NyYy9saWIvY29tcG9uZW50cy9hZGItYnV0dG9ucy9oZWxwLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFNaEcsTUFBTSxPQUFPLHNCQUFzQjtJQU94QixVQUFVLENBQUMsS0FBaUI7UUFDL0IsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQXFCLENBQUM7UUFDM0MsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQztRQUNwQyxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDckUsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQzFCLENBQUM7SUFDTCxDQUFDO0lBR0QsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQWhCMUMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNSLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVFLGNBQVMsR0FBRywyQkFBMkIsQ0FBQTtJQWE3RCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxFQUFFLEdBQUcsQ0FBRSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQTtJQUN0RCxDQUFDO0lBRUQsT0FBTztRQUNILE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQztRQUN0RCxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ1AsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUM7WUFDL0MsQ0FBQztpQkFBTSxDQUFDO2dCQUNKLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLG1CQUFtQixDQUFDLENBQUM7WUFDNUMsQ0FBQztRQUNMLENBQUM7UUFDRCxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQTtJQUNsQyxDQUFDO2lJQWxDUSxzQkFBc0I7cUhBQXRCLHNCQUFzQix5TkNObkMsbytCQWVNOzsyRkRUTyxzQkFBc0I7a0JBSmxDLFNBQVM7K0JBQ0ksaUJBQWlCOytFQUtsQixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFZ0IsU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPO2dCQUViLFVBQVU7c0JBRGhCLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2FkYi1oZWxwLWJ1dHRvbicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJ2hlbHAtYnV0dG9uLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWRiSGVscEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBzaG93SGVscCA9IGZhbHNlO1xyXG4gICAgQElucHV0KCkgYnV0dG9uVHlwZSA9IGZhbHNlO1xyXG4gICAgQElucHV0KCkgbGFiZWwgPSAnJztcclxuICAgIGlkOiBudW1iZXI7XHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgaG9zdENsYXNzID0gJ2QtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXInXHJcbiAgICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pXHJcbiAgICBwdWJsaWMgb25DbGlja0RvYyhldmVudDogTW91c2VFdmVudCkge1xyXG4gICAgICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudDtcclxuICAgICAgICBjb25zdCBwYXJlbnQgPSB0YXJnZXQucGFyZW50RWxlbWVudDtcclxuICAgICAgICBjb25zdCBjbGlja2VkSW5zaWRlID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMocGFyZW50KTtcclxuICAgICAgICBpZiAoIWNsaWNrZWRJbnNpZGUpIHtcclxuICAgICAgICAgICAgdGhpcy5zaG93SGVscCA9IGZhbHNlO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcblxyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5pZCA9ICsgTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogRGF0ZS5ub3coKSlcclxuICAgIH1cclxuXHJcbiAgICBvbkNsb3NlKCk6IHZvaWQge1xyXG4gICAgICAgIGNvbnN0IG5vZGUgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5wYXJlbnROb2RlO1xyXG4gICAgICAgIGlmIChub2RlKSB7XHJcbiAgICAgICAgICAgIGlmICh0aGlzLnNob3dIZWxwKSB7XHJcbiAgICAgICAgICAgICAgICBub2RlLmNsYXNzTGlzdC5yZW1vdmUoJ3Bvc2l0aW9uLXJlbGF0aXZlJyk7XHJcbiAgICAgICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgICAgICBub2RlLmNsYXNzTGlzdC5hZGQoJ3Bvc2l0aW9uLXJlbGF0aXZlJyk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgdGhpcy5zaG93SGVscCA9ICF0aGlzLnNob3dIZWxwXHJcbiAgICB9XHJcbn0iLCI8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBpZD1cImhlbHAtYnV0dG9uXCJcclxuICAgIGNsYXNzPVwidy1hdXRvIGQtZmxleCBnYXAtMSBhbGlnbi1pdGVtcy1iYXNlbGluZVwiIFtuZ0NsYXNzXT1cImJ1dHRvblR5cGU/J2J0biBidG4tb3V0bGluZS1wcmltYXJ5JzonYnRuIGJ0bi1pbnZpc2libGUgcC0wJ1wiXHJcbiAgICBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cImlkXCIgYXJpYS1sYWJlbD1cIkhlbHBcIiBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cInNob3dIZWxwXCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiPlxyXG4gICAgPHNwYW4gW2lkXT1cImJ1dHRvblR5cGU/J2hlbHAtaWNvbic6JydcIiBjbGFzcz1cImZhcyBmYS1xdWVzdGlvbi1jaXJjbGUgdGV4dC1wcmltYXJ5XCI+PC9zcGFuPlxyXG4gICAge3tsYWJlbH19XHJcbjwvYnV0dG9uPlxyXG48ZGl2PlxyXG4gICAgPGRpdiAqbmdJZj1cInNob3dIZWxwXCIgW2lkXT1cImlkXCIgY2xhc3M9XCJwb3NpdGlvbi1hYnNvbHV0ZSBzdGFydC0wIHctMTAwIGFkYi1wbGF0ZS1wcmltYXJ5IHRleHQtc3RhcnQgc2hhZG93IFwiIHN0eWxlPVwiei1pbmRleDo0XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgtZ3Jvdy0xXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibXMtYXV0byBhbGlnbi1zZWxmLXN0YXJ0IGQtZmxleCBhbGlnbi1pdGVtcy1zdGFydFwiPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJidG4tY2xvc2UgcC0xXCIgZGF0YS1icy1kaXNtaXNzPVwibW9kYWxcIiBhcmlhLWxhYmVsPVwiQ2xvc2VcIiAoY2xpY2spPVwic2hvd0hlbHA9ZmFsc2VcIj48L2J1dHRvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -12,11 +12,11 @@ export class FilterSectionComponent {
|
|
|
12
12
|
ngOnDestroy() {
|
|
13
13
|
}
|
|
14
14
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FilterSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: FilterSectionComponent, selector: "adb-filter-section", inputs: { titleResource: "titleResource", count: "count", expanded: "expanded" }, ngImport: i0, template: "<button [attr.aria-expanded]=\"expanded\" [attr.aria-controls]=\"id\"\r\n class=\"btn btn-invisible px-1 bg-white\" type=\"button\" (click)=\"expanded = !expanded\">\r\n <div class=\"d-flex justify-content-between align-items-center gap-1 flex-wrap \">\r\n <div class=\"d-flex align-items-center\">\r\n <i class=\"fas fa-fw\" [ngClass]=\"expanded?'fa-chevron-down':'fa-chevron-right'\"></i>\r\n {{titleResource|translate}}\r\n </div>\r\n <div class=\"badge bg-dark\" *ngIf=\"count > 0\">{{count}}</div>\r\n </div>\r\n</button>\r\n<div class=\"px-3 pb-3 border-bottom\" [id]=\"id\" [class.visually-hidden]=\"expanded\">\r\n <ng-content></ng-content>\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"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
|
|
15
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: FilterSectionComponent, selector: "adb-filter-section", inputs: { titleResource: "titleResource", count: "count", expanded: "expanded" }, ngImport: i0, template: "<button [attr.aria-expanded]=\"expanded\" [attr.aria-controls]=\"id\"\r\n class=\"btn btn-invisible px-1 bg-white\" type=\"button\" (click)=\"expanded = !expanded\">\r\n <div class=\"d-flex justify-content-between align-items-center gap-1 flex-wrap \">\r\n <div class=\"d-flex align-items-center\">\r\n <i class=\"fas fa-fw\" [ngClass]=\"expanded?'fa-chevron-down':'fa-chevron-right'\"></i>\r\n {{titleResource|translate}}\r\n </div>\r\n <div class=\"badge bg-dark\" *ngIf=\"count > 0\">{{count}}</div>\r\n </div>\r\n</button>\r\n<div class=\"px-3 pb-3 border-bottom\" [id]=\"id\" [class.visually-hidden]=\"!expanded\">\r\n <ng-content></ng-content>\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"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FilterSectionComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
args: [{ selector: 'adb-filter-section', template: "<button [attr.aria-expanded]=\"expanded\" [attr.aria-controls]=\"id\"\r\n class=\"btn btn-invisible px-1 bg-white\" type=\"button\" (click)=\"expanded = !expanded\">\r\n <div class=\"d-flex justify-content-between align-items-center gap-1 flex-wrap \">\r\n <div class=\"d-flex align-items-center\">\r\n <i class=\"fas fa-fw\" [ngClass]=\"expanded?'fa-chevron-down':'fa-chevron-right'\"></i>\r\n {{titleResource|translate}}\r\n </div>\r\n <div class=\"badge bg-dark\" *ngIf=\"count > 0\">{{count}}</div>\r\n </div>\r\n</button>\r\n<div class=\"px-3 pb-3 border-bottom\" [id]=\"id\" [class.visually-hidden]=\"expanded\">\r\n <ng-content></ng-content>\r\n</div>" }]
|
|
19
|
+
args: [{ selector: 'adb-filter-section', template: "<button [attr.aria-expanded]=\"expanded\" [attr.aria-controls]=\"id\"\r\n class=\"btn btn-invisible px-1 bg-white\" type=\"button\" (click)=\"expanded = !expanded\">\r\n <div class=\"d-flex justify-content-between align-items-center gap-1 flex-wrap \">\r\n <div class=\"d-flex align-items-center\">\r\n <i class=\"fas fa-fw\" [ngClass]=\"expanded?'fa-chevron-down':'fa-chevron-right'\"></i>\r\n {{titleResource|translate}}\r\n </div>\r\n <div class=\"badge bg-dark\" *ngIf=\"count > 0\">{{count}}</div>\r\n </div>\r\n</button>\r\n<div class=\"px-3 pb-3 border-bottom\" [id]=\"id\" [class.visually-hidden]=\"!expanded\">\r\n <ng-content></ng-content>\r\n</div>" }]
|
|
20
20
|
}], propDecorators: { titleResource: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}], count: [{
|
|
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
24
24
|
}], expanded: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXNlY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJ0ZGF0YS1zaGFyZWQvc3JjL2xpYi9jb21wb25lbnRzL2FkYi1maWx0ZXItc2VjdGlvbi9maWx0ZXItc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcnRkYXRhLXNoYXJlZC9zcmMvbGliL2NvbXBvbmVudHMvYWRiLWZpbHRlci1zZWN0aW9uL2ZpbHRlci1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQzs7OztBQU1wRSxNQUFNLE9BQU8sc0JBQXNCO0lBSm5DO1FBS2Esa0JBQWEsR0FBRyxTQUFTLENBQUM7S0FXdEM7SUFORyxRQUFRO1FBQ0osSUFBSSxDQUFDLEVBQUUsR0FBRyxDQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0lBQ3RELENBQUM7SUFFRCxXQUFXO0lBQ1gsQ0FBQztpSUFYUSxzQkFBc0I7cUhBQXRCLHNCQUFzQiw0SUNObkMsNHNCQVlNOzsyRkROTyxzQkFBc0I7a0JBSmxDLFNBQVM7K0JBQ0ksb0JBQW9COzhCQUlyQixhQUFhO3NCQUFyQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2FkYi1maWx0ZXItc2VjdGlvbicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGaWx0ZXJTZWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gICAgQElucHV0KCkgdGl0bGVSZXNvdXJjZSA9ICdOb3Qgc2V0JztcclxuICAgIEBJbnB1dCgpIGNvdW50OiBudW1iZXI7XHJcbiAgICBASW5wdXQoKSBleHBhbmRlZDtcclxuICAgIGlkOiBudW1iZXI7XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5pZCA9ICsgTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogRGF0ZS5ub3coKSlcclxuICAgIH1cclxuXHJcbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIH1cclxufVxyXG4iLCI8YnV0dG9uIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiZXhwYW5kZWRcIiBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cImlkXCJcclxuICAgIGNsYXNzPVwiYnRuIGJ0bi1pbnZpc2libGUgcHgtMSBiZy13aGl0ZVwiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwiZXhwYW5kZWQgPSAhZXhwYW5kZWRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyIGdhcC0xIGZsZXgtd3JhcCBcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS1md1wiIFtuZ0NsYXNzXT1cImV4cGFuZGVkPydmYS1jaGV2cm9uLWRvd24nOidmYS1jaGV2cm9uLXJpZ2h0J1wiPjwvaT5cclxuICAgICAgICAgICAge3t0aXRsZVJlc291cmNlfHRyYW5zbGF0ZX19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJhZGdlIGJnLWRhcmtcIiAqbmdJZj1cImNvdW50ID4gMFwiPnt7Y291bnR9fTwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvYnV0dG9uPlxyXG48ZGl2IGNsYXNzPVwicHgtMyBwYi0zIGJvcmRlci1ib3R0b21cIiBbaWRdPVwiaWRcIiBbY2xhc3MudmlzdWFsbHktaGlkZGVuXT1cIiFleHBhbmRlZFwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4iXX0=
|
package/fesm2022/adb-shared.mjs
CHANGED
|
@@ -1747,6 +1747,7 @@ class AdbHelpButtonComponent {
|
|
|
1747
1747
|
this.showHelp = false;
|
|
1748
1748
|
this.buttonType = false;
|
|
1749
1749
|
this.label = '';
|
|
1750
|
+
this.hostClass = 'd-flex align-items-center';
|
|
1750
1751
|
}
|
|
1751
1752
|
ngOnInit() {
|
|
1752
1753
|
this.id = +Math.floor(Math.random() * Date.now());
|
|
@@ -1764,7 +1765,7 @@ class AdbHelpButtonComponent {
|
|
|
1764
1765
|
this.showHelp = !this.showHelp;
|
|
1765
1766
|
}
|
|
1766
1767
|
/** @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 }); }
|
|
1767
|
-
/** @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)" } }, 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"] }] }); }
|
|
1768
|
+
/** @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"] }] }); }
|
|
1768
1769
|
}
|
|
1769
1770
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AdbHelpButtonComponent, decorators: [{
|
|
1770
1771
|
type: Component,
|
|
@@ -1773,6 +1774,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1773
1774
|
type: Input
|
|
1774
1775
|
}], label: [{
|
|
1775
1776
|
type: Input
|
|
1777
|
+
}], hostClass: [{
|
|
1778
|
+
type: HostBinding,
|
|
1779
|
+
args: ['class']
|
|
1776
1780
|
}], onClickDoc: [{
|
|
1777
1781
|
type: HostListener,
|
|
1778
1782
|
args: ['document:click', ['$event']]
|
|
@@ -1994,11 +1998,11 @@ class FilterSectionComponent {
|
|
|
1994
1998
|
ngOnDestroy() {
|
|
1995
1999
|
}
|
|
1996
2000
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FilterSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1997
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: FilterSectionComponent, selector: "adb-filter-section", inputs: { titleResource: "titleResource", count: "count", expanded: "expanded" }, ngImport: i0, template: "<button [attr.aria-expanded]=\"expanded\" [attr.aria-controls]=\"id\"\r\n class=\"btn btn-invisible px-1 bg-white\" type=\"button\" (click)=\"expanded = !expanded\">\r\n <div class=\"d-flex justify-content-between align-items-center gap-1 flex-wrap \">\r\n <div class=\"d-flex align-items-center\">\r\n <i class=\"fas fa-fw\" [ngClass]=\"expanded?'fa-chevron-down':'fa-chevron-right'\"></i>\r\n {{titleResource|translate}}\r\n </div>\r\n <div class=\"badge bg-dark\" *ngIf=\"count > 0\">{{count}}</div>\r\n </div>\r\n</button>\r\n<div class=\"px-3 pb-3 border-bottom\" [id]=\"id\" [class.visually-hidden]=\"expanded\">\r\n <ng-content></ng-content>\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"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
|
|
2001
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: FilterSectionComponent, selector: "adb-filter-section", inputs: { titleResource: "titleResource", count: "count", expanded: "expanded" }, ngImport: i0, template: "<button [attr.aria-expanded]=\"expanded\" [attr.aria-controls]=\"id\"\r\n class=\"btn btn-invisible px-1 bg-white\" type=\"button\" (click)=\"expanded = !expanded\">\r\n <div class=\"d-flex justify-content-between align-items-center gap-1 flex-wrap \">\r\n <div class=\"d-flex align-items-center\">\r\n <i class=\"fas fa-fw\" [ngClass]=\"expanded?'fa-chevron-down':'fa-chevron-right'\"></i>\r\n {{titleResource|translate}}\r\n </div>\r\n <div class=\"badge bg-dark\" *ngIf=\"count > 0\">{{count}}</div>\r\n </div>\r\n</button>\r\n<div class=\"px-3 pb-3 border-bottom\" [id]=\"id\" [class.visually-hidden]=\"!expanded\">\r\n <ng-content></ng-content>\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"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
|
|
1998
2002
|
}
|
|
1999
2003
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FilterSectionComponent, decorators: [{
|
|
2000
2004
|
type: Component,
|
|
2001
|
-
args: [{ selector: 'adb-filter-section', template: "<button [attr.aria-expanded]=\"expanded\" [attr.aria-controls]=\"id\"\r\n class=\"btn btn-invisible px-1 bg-white\" type=\"button\" (click)=\"expanded = !expanded\">\r\n <div class=\"d-flex justify-content-between align-items-center gap-1 flex-wrap \">\r\n <div class=\"d-flex align-items-center\">\r\n <i class=\"fas fa-fw\" [ngClass]=\"expanded?'fa-chevron-down':'fa-chevron-right'\"></i>\r\n {{titleResource|translate}}\r\n </div>\r\n <div class=\"badge bg-dark\" *ngIf=\"count > 0\">{{count}}</div>\r\n </div>\r\n</button>\r\n<div class=\"px-3 pb-3 border-bottom\" [id]=\"id\" [class.visually-hidden]=\"expanded\">\r\n <ng-content></ng-content>\r\n</div>" }]
|
|
2005
|
+
args: [{ selector: 'adb-filter-section', template: "<button [attr.aria-expanded]=\"expanded\" [attr.aria-controls]=\"id\"\r\n class=\"btn btn-invisible px-1 bg-white\" type=\"button\" (click)=\"expanded = !expanded\">\r\n <div class=\"d-flex justify-content-between align-items-center gap-1 flex-wrap \">\r\n <div class=\"d-flex align-items-center\">\r\n <i class=\"fas fa-fw\" [ngClass]=\"expanded?'fa-chevron-down':'fa-chevron-right'\"></i>\r\n {{titleResource|translate}}\r\n </div>\r\n <div class=\"badge bg-dark\" *ngIf=\"count > 0\">{{count}}</div>\r\n </div>\r\n</button>\r\n<div class=\"px-3 pb-3 border-bottom\" [id]=\"id\" [class.visually-hidden]=\"!expanded\">\r\n <ng-content></ng-content>\r\n</div>" }]
|
|
2002
2006
|
}], propDecorators: { titleResource: [{
|
|
2003
2007
|
type: Input
|
|
2004
2008
|
}], count: [{
|