@fundamental-ngx/core 0.34.3-rc.36 → 0.34.3-rc.38

package/action-bar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/action-bar",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/action-sheet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/action-sheet",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/alert/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/alert",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/avatar",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/avatar-group/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/avatar-group",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/bar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/bar",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/breadcrumb/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/breadcrumb",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/busy-indicator/busy-indicator.component.d.ts

@@ -17,7 +17,7 @@ export declare class BusyIndicatorComponent {
     /** add loading label value */
     label: string;
     /** Aria live attribute value. */
-    ariaLive: 'assertive' | 'polite' | null;
+    ariaLive: Nullable<'assertive' | 'polite' | 'off'>;
     /** @hidden */
     fakeFocusElement: ElementRef;
     /** @hidden */

package/busy-indicator/esm2020/busy-indicator.component.mjs

@@ -64,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 type: HostListener,
                 args: ['keydown', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvYnVzeS1pbmRpY2F0b3IvYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvYnVzeS1pbmRpY2F0b3IvYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFxQjVDLE1BQU0sT0FBTyxzQkFBc0I7SUFpQy9CLGNBQWM7SUFDZCxZQUFvQixXQUF1QjtRQUF2QixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQTdCM0MsZ0VBQWdFO1FBRWhFLFNBQUksR0FBc0IsR0FBRyxDQUFDO1FBRTlCLDZDQUE2QztRQUU3QyxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBY2QsaUNBQWlDO1FBRWpDLGFBQVEsR0FBa0MsUUFBUSxDQUFDO0lBT0wsQ0FBQztJQUUvQyxrRkFBa0Y7SUFFbEYsc0JBQXNCLENBQUMsS0FBb0I7UUFDdkMsSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRTtZQUNsRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQy9DO0lBQ0wsQ0FBQztJQUVEO3VFQUNtRTtJQUNuRSx1QkFBdUIsQ0FBQyxLQUFpQjtRQUNyQyxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLGFBQWEsS0FBSyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRTtZQUN4RSxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDMUM7SUFDTCxDQUFDOzttSEFuRFEsc0JBQXNCO3VHQUF0QixzQkFBc0IsdXNCQ2hDbkMsdTlCQXlCQTsyRkRPYSxzQkFBc0I7a0JBakJsQyxTQUFTOytCQUNJLG1CQUFtQixpQkFHZCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNGLGFBQWEsRUFBRSwwQ0FBMEM7d0JBQ3pELGlCQUFpQixFQUFFLGtCQUFrQjt3QkFDckMsa0JBQWtCLEVBQUUsU0FBUzt3QkFDN0Isa0JBQWtCLEVBQUUsVUFBVTt3QkFDOUIsbUJBQW1CLEVBQUUsV0FBVzt3QkFDaEMsY0FBYyxFQUFFLE9BQU87d0JBQ3ZCLHNDQUFzQyxFQUFFLE1BQU07d0JBQzlDLDhDQUE4QyxFQUFFLFFBQVE7cUJBQzNEO2lHQUtELE9BQU87c0JBRE4sS0FBSztnQkFLTixJQUFJO3NCQURILEtBQUs7Z0JBS04sS0FBSztzQkFESixLQUFLO2dCQUtOLFNBQVM7c0JBRFIsS0FBSztnQkFLTixLQUFLO3NCQURKLEtBQUs7Z0JBS04sS0FBSztzQkFESixLQUFLO2dCQUtOLFFBQVE7c0JBRFAsS0FBSztnQkFLTixnQkFBZ0I7c0JBRGYsU0FBUzt1QkFBQyxrQkFBa0I7Z0JBUTdCLHNCQUFzQjtzQkFEckIsWUFBWTt1QkFBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbnB1dCxcbiAgICBWaWV3Q2hpbGQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLZXlVdGlsIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3V0aWxzJztcbmltcG9ydCB7IE51bGxhYmxlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3NoYXJlZCc7XG5pbXBvcnQgeyBUQUIgfSBmcm9tICdAYW5ndWxhci9jZGsva2V5Y29kZXMnO1xuXG5leHBvcnQgdHlwZSBCdXN5SW5kaWNhdG9yU2l6ZSA9ICdzJyB8ICdtJyB8ICdsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC1idXN5LWluZGljYXRvcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1c3ktaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9idXN5LWluZGljYXRvci5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2F0dHIucm9sZV0nOiBcImxvYWRpbmcgPyAncHJvZ3Jlc3NiYXInIDogJ3ByZXNlbnRhdGlvbidcIixcbiAgICAgICAgJ1thdHRyLnRhYmluZGV4XSc6ICdsb2FkaW5nID8gMCA6IC0xJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtYnVzeV0nOiAnbG9hZGluZycsXG4gICAgICAgICdbYXR0ci5hcmlhLWxpdmVdJzogJ2FyaWFMaXZlJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtbGFiZWxdJzogJ2FyaWFMYWJlbCcsXG4gICAgICAgICdbYXR0ci50aXRsZV0nOiAndGl0bGUnLFxuICAgICAgICAnW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yX19jb250YWluZXJdJzogJ3RydWUnLFxuICAgICAgICAnW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yX19jb250YWluZXItLWlubGluZV0nOiAnIWJsb2NrJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgQnVzeUluZGljYXRvckNvbXBvbmVudCB7XG4gICAgLyoqIFdoZXRoZXIgdG8gZGlzcGxheSB0aGUgbG9hZGluZyBpbmRpY2F0b3IgYW5pbWF0aW9uLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgbG9hZGluZzogYm9vbGVhbjtcblxuICAgIC8qKiBUaGUgc2l6ZSBvZiB0aGUgbG9hZGluZyBpbmRpY2F0b3IsIGRlZmF1bHQgd2lsbCBiZSBtZWRpdW0gKi9cbiAgICBASW5wdXQoKVxuICAgIHNpemU6IEJ1c3lJbmRpY2F0b3JTaXplID0gJ20nO1xuXG4gICAgLyoqIFdoZXRoZXIgdG8gdXNlIGxvYWRlciBhcyBibG9jayBlbGVtZW50ICovXG4gICAgQElucHV0KClcbiAgICBibG9jayA9IGZhbHNlO1xuXG4gICAgLyoqIEFyaWEgbGFiZWwgYXR0cmlidXRlIHZhbHVlLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgYXJpYUxhYmVsOiBOdWxsYWJsZTxzdHJpbmc+O1xuXG4gICAgLyoqIHRpdGxlIGF0dHJpYnV0ZSB2YWx1ZSBmb3IgdG9vbHRpcC4gKi9cbiAgICBASW5wdXQoKVxuICAgIHRpdGxlOiBzdHJpbmc7XG5cbiAgICAvKiogYWRkIGxvYWRpbmcgbGFiZWwgdmFsdWUgKi9cbiAgICBASW5wdXQoKVxuICAgIGxhYmVsOiBzdHJpbmc7XG5cbiAgICAvKiogQXJpYSBsaXZlIGF0dHJpYnV0ZSB2YWx1ZS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGFyaWFMaXZlOiAnYXNzZXJ0aXZlJyB8ICdwb2xpdGUnIHwgbnVsbCA9ICdwb2xpdGUnO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBAVmlld0NoaWxkKCdmYWtlRm9jdXNFbGVtZW50JylcbiAgICBmYWtlRm9jdXNFbGVtZW50OiBFbGVtZW50UmVmO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gICAgLyoqIEBoaWRkZW4gSWYgZm9jdXMgZXNjYXBlcyBidXN5IGNvbnRhaW5lciBmb2N1cyBlbGVtZW50IGFmdGVyIHdyYXBwZWQgY29udGVudCAqL1xuICAgIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24nLCBbJyRldmVudCddKVxuICAgIGhvc3RGb2N1c0NoYW5nZUhhbmRsZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMubG9hZGluZyAmJiBLZXlVdGlsLmlzS2V5Q29kZShldmVudCwgVEFCKSAmJiAhZXZlbnQuc2hpZnRLZXkpIHtcbiAgICAgICAgICAgIHRoaXMuZmFrZUZvY3VzRWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiBJZiBidXN5IGNvbnRhaW5lciBpcyBuYXZpZ2F0ZWQgYXMgXCJwcmV2aW91cyBmb2N1c2FibGUgZWxlbWVudFwiLFxuICAgICAqIGZvY3VzIGJ1c3kgaW5kaWNhdG9yIHRvIHByZXZlbnQgZnJvbSBmb2N1c2luZyB3cmFwcGVkIGNvbnRlbnQgKi9cbiAgICBmYWtlRWxlbWVudEZvY3VzSGFuZGxlcihldmVudDogRm9jdXNFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5sb2FkaW5nICYmIGV2ZW50LnJlbGF0ZWRUYXJnZXQgIT09IHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCkge1xuICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImxvYWRpbmdcIj5cbiAgICA8ZGl2XG4gICAgICAgICNidXN5SW5kaWNhdG9yXG4gICAgICAgIGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3JcIlxuICAgICAgICBbY2xhc3MuZmQtYnVzeS1pbmRpY2F0b3ItLWxdPVwic2l6ZSA9PT0gJ2wnXCJcbiAgICAgICAgW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yLS1tXT1cInNpemUgPT09ICdtJ1wiXG4gICAgICAgIFtjbGFzcy5mZC1idXN5LWluZGljYXRvci0tc109XCJzaXplID09PSAncydcIlxuICAgICAgICBbY2xhc3MuZmQtYnVzeS1pbmRpY2F0b3ItLWFic29sdXRlXT1cImJ1c3lJbmRpY2F0b3I/LnByZXZpb3VzRWxlbWVudFNpYmxpbmdcIlxuICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZkLWJ1c3ktaW5kaWNhdG9yLS1jaXJjbGUtMFwiPjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3ItLWNpcmNsZS0xXCI+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmZC1idXN5LWluZGljYXRvci0tY2lyY2xlLTJcIj48L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxzcGFuICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImZkLWJ1c3ktaW5kaWNhdG9yLWV4dGVuZGVkX19sYWJlbFwiPnt7IGxhYmVsIH19PC9zcGFuPlxuXG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cImZkLWJ1c3ktaW5kaWNhdG9yX19vdmVybGF5XCJcbiAgICAgICAgW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yX19vdmVybGF5LS10cmFuc3BhcmVudF09XCIhYnVzeUluZGljYXRvcj8ucHJldmlvdXNFbGVtZW50U2libGluZ1wiXG4gICAgPjwvZGl2PlxuXG4gICAgPGRpdiAjZmFrZUZvY3VzRWxlbWVudCB0YWJpbmRleD1cIjBcIiBhcmlhLWhpZGRlbj1cInRydWVcIiAoZm9jdXNpbik9XCJmYWtlRWxlbWVudEZvY3VzSGFuZGxlcigkZXZlbnQpXCI+PC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvYnVzeS1pbmRpY2F0b3IvYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvYnVzeS1pbmRpY2F0b3IvYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFxQjVDLE1BQU0sT0FBTyxzQkFBc0I7SUFpQy9CLGNBQWM7SUFDZCxZQUFvQixXQUF1QjtRQUF2QixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQTdCM0MsZ0VBQWdFO1FBRWhFLFNBQUksR0FBc0IsR0FBRyxDQUFDO1FBRTlCLDZDQUE2QztRQUU3QyxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBY2QsaUNBQWlDO1FBRWpDLGFBQVEsR0FBNkMsUUFBUSxDQUFDO0lBT2hCLENBQUM7SUFFL0Msa0ZBQWtGO0lBRWxGLHNCQUFzQixDQUFDLEtBQW9CO1FBQ3ZDLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxPQUFPLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUU7WUFDbEUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUMvQztJQUNMLENBQUM7SUFFRDt1RUFDbUU7SUFDbkUsdUJBQXVCLENBQUMsS0FBaUI7UUFDckMsSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxhQUFhLEtBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUU7WUFDeEUsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQzFDO0lBQ0wsQ0FBQzs7bUhBbkRRLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHVzQkNoQ25DLHU5QkF5QkE7MkZET2Esc0JBQXNCO2tCQWpCbEMsU0FBUzsrQkFDSSxtQkFBbUIsaUJBR2QsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDRixhQUFhLEVBQUUsMENBQTBDO3dCQUN6RCxpQkFBaUIsRUFBRSxrQkFBa0I7d0JBQ3JDLGtCQUFrQixFQUFFLFNBQVM7d0JBQzdCLGtCQUFrQixFQUFFLFVBQVU7d0JBQzlCLG1CQUFtQixFQUFFLFdBQVc7d0JBQ2hDLGNBQWMsRUFBRSxPQUFPO3dCQUN2QixzQ0FBc0MsRUFBRSxNQUFNO3dCQUM5Qyw4Q0FBOEMsRUFBRSxRQUFRO3FCQUMzRDtpR0FLRCxPQUFPO3NCQUROLEtBQUs7Z0JBS04sSUFBSTtzQkFESCxLQUFLO2dCQUtOLEtBQUs7c0JBREosS0FBSztnQkFLTixTQUFTO3NCQURSLEtBQUs7Z0JBS04sS0FBSztzQkFESixLQUFLO2dCQUtOLEtBQUs7c0JBREosS0FBSztnQkFLTixRQUFRO3NCQURQLEtBQUs7Z0JBS04sZ0JBQWdCO3NCQURmLFNBQVM7dUJBQUMsa0JBQWtCO2dCQVE3QixzQkFBc0I7c0JBRHJCLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2V5VXRpbCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS91dGlscyc7XG5pbXBvcnQgeyBOdWxsYWJsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9zaGFyZWQnO1xuaW1wb3J0IHsgVEFCIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2tleWNvZGVzJztcblxuZXhwb3J0IHR5cGUgQnVzeUluZGljYXRvclNpemUgPSAncycgfCAnbScgfCAnbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmQtYnVzeS1pbmRpY2F0b3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9idXN5LWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1thdHRyLnJvbGVdJzogXCJsb2FkaW5nID8gJ3Byb2dyZXNzYmFyJyA6ICdwcmVzZW50YXRpb24nXCIsXG4gICAgICAgICdbYXR0ci50YWJpbmRleF0nOiAnbG9hZGluZyA/IDAgOiAtMScsXG4gICAgICAgICdbYXR0ci5hcmlhLWJ1c3ldJzogJ2xvYWRpbmcnLFxuICAgICAgICAnW2F0dHIuYXJpYS1saXZlXSc6ICdhcmlhTGl2ZScsXG4gICAgICAgICdbYXR0ci5hcmlhLWxhYmVsXSc6ICdhcmlhTGFiZWwnLFxuICAgICAgICAnW2F0dHIudGl0bGVdJzogJ3RpdGxlJyxcbiAgICAgICAgJ1tjbGFzcy5mZC1idXN5LWluZGljYXRvcl9fY29udGFpbmVyXSc6ICd0cnVlJyxcbiAgICAgICAgJ1tjbGFzcy5mZC1idXN5LWluZGljYXRvcl9fY29udGFpbmVyLS1pbmxpbmVdJzogJyFibG9jaydcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEJ1c3lJbmRpY2F0b3JDb21wb25lbnQge1xuICAgIC8qKiBXaGV0aGVyIHRvIGRpc3BsYXkgdGhlIGxvYWRpbmcgaW5kaWNhdG9yIGFuaW1hdGlvbi4gKi9cbiAgICBASW5wdXQoKVxuICAgIGxvYWRpbmc6IGJvb2xlYW47XG5cbiAgICAvKiogVGhlIHNpemUgb2YgdGhlIGxvYWRpbmcgaW5kaWNhdG9yLCBkZWZhdWx0IHdpbGwgYmUgbWVkaXVtICovXG4gICAgQElucHV0KClcbiAgICBzaXplOiBCdXN5SW5kaWNhdG9yU2l6ZSA9ICdtJztcblxuICAgIC8qKiBXaGV0aGVyIHRvIHVzZSBsb2FkZXIgYXMgYmxvY2sgZWxlbWVudCAqL1xuICAgIEBJbnB1dCgpXG4gICAgYmxvY2sgPSBmYWxzZTtcblxuICAgIC8qKiBBcmlhIGxhYmVsIGF0dHJpYnV0ZSB2YWx1ZS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGFyaWFMYWJlbDogTnVsbGFibGU8c3RyaW5nPjtcblxuICAgIC8qKiB0aXRsZSBhdHRyaWJ1dGUgdmFsdWUgZm9yIHRvb2x0aXAuICovXG4gICAgQElucHV0KClcbiAgICB0aXRsZTogc3RyaW5nO1xuXG4gICAgLyoqIGFkZCBsb2FkaW5nIGxhYmVsIHZhbHVlICovXG4gICAgQElucHV0KClcbiAgICBsYWJlbDogc3RyaW5nO1xuXG4gICAgLyoqIEFyaWEgbGl2ZSBhdHRyaWJ1dGUgdmFsdWUuICovXG4gICAgQElucHV0KClcbiAgICBhcmlhTGl2ZTogTnVsbGFibGU8J2Fzc2VydGl2ZScgfCAncG9saXRlJyB8ICdvZmYnPiA9ICdwb2xpdGUnO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBAVmlld0NoaWxkKCdmYWtlRm9jdXNFbGVtZW50JylcbiAgICBmYWtlRm9jdXNFbGVtZW50OiBFbGVtZW50UmVmO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gICAgLyoqIEBoaWRkZW4gSWYgZm9jdXMgZXNjYXBlcyBidXN5IGNvbnRhaW5lciBmb2N1cyBlbGVtZW50IGFmdGVyIHdyYXBwZWQgY29udGVudCAqL1xuICAgIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24nLCBbJyRldmVudCddKVxuICAgIGhvc3RGb2N1c0NoYW5nZUhhbmRsZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMubG9hZGluZyAmJiBLZXlVdGlsLmlzS2V5Q29kZShldmVudCwgVEFCKSAmJiAhZXZlbnQuc2hpZnRLZXkpIHtcbiAgICAgICAgICAgIHRoaXMuZmFrZUZvY3VzRWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiBJZiBidXN5IGNvbnRhaW5lciBpcyBuYXZpZ2F0ZWQgYXMgXCJwcmV2aW91cyBmb2N1c2FibGUgZWxlbWVudFwiLFxuICAgICAqIGZvY3VzIGJ1c3kgaW5kaWNhdG9yIHRvIHByZXZlbnQgZnJvbSBmb2N1c2luZyB3cmFwcGVkIGNvbnRlbnQgKi9cbiAgICBmYWtlRWxlbWVudEZvY3VzSGFuZGxlcihldmVudDogRm9jdXNFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5sb2FkaW5nICYmIGV2ZW50LnJlbGF0ZWRUYXJnZXQgIT09IHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCkge1xuICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImxvYWRpbmdcIj5cbiAgICA8ZGl2XG4gICAgICAgICNidXN5SW5kaWNhdG9yXG4gICAgICAgIGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3JcIlxuICAgICAgICBbY2xhc3MuZmQtYnVzeS1pbmRpY2F0b3ItLWxdPVwic2l6ZSA9PT0gJ2wnXCJcbiAgICAgICAgW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yLS1tXT1cInNpemUgPT09ICdtJ1wiXG4gICAgICAgIFtjbGFzcy5mZC1idXN5LWluZGljYXRvci0tc109XCJzaXplID09PSAncydcIlxuICAgICAgICBbY2xhc3MuZmQtYnVzeS1pbmRpY2F0b3ItLWFic29sdXRlXT1cImJ1c3lJbmRpY2F0b3I/LnByZXZpb3VzRWxlbWVudFNpYmxpbmdcIlxuICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZkLWJ1c3ktaW5kaWNhdG9yLS1jaXJjbGUtMFwiPjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3ItLWNpcmNsZS0xXCI+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmZC1idXN5LWluZGljYXRvci0tY2lyY2xlLTJcIj48L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxzcGFuICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImZkLWJ1c3ktaW5kaWNhdG9yLWV4dGVuZGVkX19sYWJlbFwiPnt7IGxhYmVsIH19PC9zcGFuPlxuXG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cImZkLWJ1c3ktaW5kaWNhdG9yX19vdmVybGF5XCJcbiAgICAgICAgW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yX19vdmVybGF5LS10cmFuc3BhcmVudF09XCIhYnVzeUluZGljYXRvcj8ucHJldmlvdXNFbGVtZW50U2libGluZ1wiXG4gICAgPjwvZGl2PlxuXG4gICAgPGRpdiAjZmFrZUZvY3VzRWxlbWVudCB0YWJpbmRleD1cIjBcIiBhcmlhLWhpZGRlbj1cInRydWVcIiAoZm9jdXNpbik9XCJmYWtlRWxlbWVudEZvY3VzSGFuZGxlcigkZXZlbnQpXCI+PC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/busy-indicator/fesm2015/fundamental-ngx-core-busy-indicator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-busy-indicator.mjs","sources":["../../../../../libs/core/src/lib/busy-indicator/busy-indicator.component.ts","../../../../../libs/core/src/lib/busy-indicator/busy-indicator.component.html","../../../../../libs/core/src/lib/busy-indicator/busy-indicator-extended/busy-indicator-extended.directive.ts","../../../../../libs/core/src/lib/busy-indicator/busy-indicator.module.ts","../../../../../libs/core/src/lib/busy-indicator/fundamental-ngx-core-busy-indicator.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostListener,\n    Input,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KeyUtil } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\nimport { TAB } from '@angular/cdk/keycodes';\n\nexport type BusyIndicatorSize = 's' | 'm' | 'l';\n\n@Component({\n    selector: 'fd-busy-indicator',\n    templateUrl: './busy-indicator.component.html',\n    styleUrls: ['./busy-indicator.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.role]': \"loading ? 'progressbar' : 'presentation'\",\n        '[attr.tabindex]': 'loading ? 0 : -1',\n        '[attr.aria-busy]': 'loading',\n        '[attr.aria-live]': 'ariaLive',\n        '[attr.aria-label]': 'ariaLabel',\n        '[attr.title]': 'title',\n        '[class.fd-busy-indicator__container]': 'true',\n        '[class.fd-busy-indicator__container--inline]': '!block'\n    }\n})\nexport class BusyIndicatorComponent {\n    /** Whether to display the loading indicator animation. */\n    @Input()\n    loading: boolean;\n\n    /** The size of the loading indicator, default will be medium */\n    @Input()\n    size: BusyIndicatorSize = 'm';\n\n    /** Whether to use loader as block element */\n    @Input()\n    block = false;\n\n    /** Aria label attribute value. */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** title attribute value for tooltip. */\n    @Input()\n    title: string;\n\n    /** add loading label value */\n    @Input()\n    label: string;\n\n    /** Aria live attribute value. */\n    @Input()\n    ariaLive: 'assertive' | 'polite' | null = 'polite';\n\n    /** @hidden */\n    @ViewChild('fakeFocusElement')\n    fakeFocusElement: ElementRef;\n\n    /** @hidden */\n    constructor(private _elementRef: ElementRef) {}\n\n    /** @hidden If focus escapes busy container focus element after wrapped content */\n    @HostListener('keydown', ['$event'])\n    hostFocusChangeHandler(event: KeyboardEvent): void {\n        if (this.loading && KeyUtil.isKeyCode(event, TAB) && !event.shiftKey) {\n            this.fakeFocusElement.nativeElement.focus();\n        }\n    }\n\n    /** @hidden If busy container is navigated as \"previous focusable element\",\n     * focus busy indicator to prevent from focusing wrapped content */\n    fakeElementFocusHandler(event: FocusEvent): void {\n        if (this.loading && event.relatedTarget !== this._elementRef.nativeElement) {\n            event.stopPropagation();\n            this._elementRef.nativeElement.focus();\n        }\n    }\n}\n","<ng-content></ng-content>\n\n<ng-container *ngIf=\"loading\">\n    <div\n        #busyIndicator\n        class=\"fd-busy-indicator\"\n        [class.fd-busy-indicator--l]=\"size === 'l'\"\n        [class.fd-busy-indicator--m]=\"size === 'm'\"\n        [class.fd-busy-indicator--s]=\"size === 's'\"\n        [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\n    >\n        <div class=\"fd-busy-indicator--circle-0\"></div>\n        <div class=\"fd-busy-indicator--circle-1\"></div>\n        <div class=\"fd-busy-indicator--circle-2\"></div>\n    </div>\n\n    <span *ngIf=\"label\" class=\"fd-busy-indicator-extended__label\">{{ label }}</span>\n\n    <div\n        class=\"fd-busy-indicator__overlay\"\n        [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n    ></div>\n\n    <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n","import { AfterContentInit, ContentChild, Directive, ElementRef } from '@angular/core';\nimport { BusyIndicatorComponent } from '../busy-indicator.component';\n\nconst messageToastClass = 'fd-message-toast';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-busy-indicator-extended]'\n})\nexport class BusyIndicatorExtendedDirective implements AfterContentInit {\n    /** @hidden */\n    @ContentChild(BusyIndicatorComponent)\n    busyIndicator: BusyIndicatorComponent;\n\n    /** @hidden */\n    constructor(private _eleRef: ElementRef) {}\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        this._appendCssToParent();\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<HTMLElement> {\n        return this._eleRef;\n    }\n\n    /** @hidden */\n    private _appendCssToParent(): void {\n        const hasLabel = this.busyIndicator.label;\n        if (!hasLabel) {\n            return;\n        }\n        const classList = this.elementRef().nativeElement.parentElement?.classList;\n        if (classList) {\n            classList.add('fd-busy-indicator-extended');\n            if (classList.contains(messageToastClass)) {\n                classList.add('fd-busy-indicator-extended--message-toast');\n            }\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BusyIndicatorComponent } from './busy-indicator.component';\nimport { BusyIndicatorExtendedDirective } from './busy-indicator-extended/busy-indicator-extended.directive';\n\n@NgModule({\n    declarations: [BusyIndicatorComponent, BusyIndicatorExtendedDirective],\n    exports: [BusyIndicatorComponent, BusyIndicatorExtendedDirective],\n    imports: [CommonModule]\n})\nexport class BusyIndicatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-busy-indicator.mjs","sources":["../../../../../libs/core/src/lib/busy-indicator/busy-indicator.component.ts","../../../../../libs/core/src/lib/busy-indicator/busy-indicator.component.html","../../../../../libs/core/src/lib/busy-indicator/busy-indicator-extended/busy-indicator-extended.directive.ts","../../../../../libs/core/src/lib/busy-indicator/busy-indicator.module.ts","../../../../../libs/core/src/lib/busy-indicator/fundamental-ngx-core-busy-indicator.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostListener,\n    Input,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KeyUtil } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\nimport { TAB } from '@angular/cdk/keycodes';\n\nexport type BusyIndicatorSize = 's' | 'm' | 'l';\n\n@Component({\n    selector: 'fd-busy-indicator',\n    templateUrl: './busy-indicator.component.html',\n    styleUrls: ['./busy-indicator.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.role]': \"loading ? 'progressbar' : 'presentation'\",\n        '[attr.tabindex]': 'loading ? 0 : -1',\n        '[attr.aria-busy]': 'loading',\n        '[attr.aria-live]': 'ariaLive',\n        '[attr.aria-label]': 'ariaLabel',\n        '[attr.title]': 'title',\n        '[class.fd-busy-indicator__container]': 'true',\n        '[class.fd-busy-indicator__container--inline]': '!block'\n    }\n})\nexport class BusyIndicatorComponent {\n    /** Whether to display the loading indicator animation. */\n    @Input()\n    loading: boolean;\n\n    /** The size of the loading indicator, default will be medium */\n    @Input()\n    size: BusyIndicatorSize = 'm';\n\n    /** Whether to use loader as block element */\n    @Input()\n    block = false;\n\n    /** Aria label attribute value. */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** title attribute value for tooltip. */\n    @Input()\n    title: string;\n\n    /** add loading label value */\n    @Input()\n    label: string;\n\n    /** Aria live attribute value. */\n    @Input()\n    ariaLive: Nullable<'assertive' | 'polite' | 'off'> = 'polite';\n\n    /** @hidden */\n    @ViewChild('fakeFocusElement')\n    fakeFocusElement: ElementRef;\n\n    /** @hidden */\n    constructor(private _elementRef: ElementRef) {}\n\n    /** @hidden If focus escapes busy container focus element after wrapped content */\n    @HostListener('keydown', ['$event'])\n    hostFocusChangeHandler(event: KeyboardEvent): void {\n        if (this.loading && KeyUtil.isKeyCode(event, TAB) && !event.shiftKey) {\n            this.fakeFocusElement.nativeElement.focus();\n        }\n    }\n\n    /** @hidden If busy container is navigated as \"previous focusable element\",\n     * focus busy indicator to prevent from focusing wrapped content */\n    fakeElementFocusHandler(event: FocusEvent): void {\n        if (this.loading && event.relatedTarget !== this._elementRef.nativeElement) {\n            event.stopPropagation();\n            this._elementRef.nativeElement.focus();\n        }\n    }\n}\n","<ng-content></ng-content>\n\n<ng-container *ngIf=\"loading\">\n    <div\n        #busyIndicator\n        class=\"fd-busy-indicator\"\n        [class.fd-busy-indicator--l]=\"size === 'l'\"\n        [class.fd-busy-indicator--m]=\"size === 'm'\"\n        [class.fd-busy-indicator--s]=\"size === 's'\"\n        [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\n    >\n        <div class=\"fd-busy-indicator--circle-0\"></div>\n        <div class=\"fd-busy-indicator--circle-1\"></div>\n        <div class=\"fd-busy-indicator--circle-2\"></div>\n    </div>\n\n    <span *ngIf=\"label\" class=\"fd-busy-indicator-extended__label\">{{ label }}</span>\n\n    <div\n        class=\"fd-busy-indicator__overlay\"\n        [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n    ></div>\n\n    <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n","import { AfterContentInit, ContentChild, Directive, ElementRef } from '@angular/core';\nimport { BusyIndicatorComponent } from '../busy-indicator.component';\n\nconst messageToastClass = 'fd-message-toast';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-busy-indicator-extended]'\n})\nexport class BusyIndicatorExtendedDirective implements AfterContentInit {\n    /** @hidden */\n    @ContentChild(BusyIndicatorComponent)\n    busyIndicator: BusyIndicatorComponent;\n\n    /** @hidden */\n    constructor(private _eleRef: ElementRef) {}\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        this._appendCssToParent();\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<HTMLElement> {\n        return this._eleRef;\n    }\n\n    /** @hidden */\n    private _appendCssToParent(): void {\n        const hasLabel = this.busyIndicator.label;\n        if (!hasLabel) {\n            return;\n        }\n        const classList = this.elementRef().nativeElement.parentElement?.classList;\n        if (classList) {\n            classList.add('fd-busy-indicator-extended');\n            if (classList.contains(messageToastClass)) {\n                classList.add('fd-busy-indicator-extended--message-toast');\n            }\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BusyIndicatorComponent } from './busy-indicator.component';\nimport { BusyIndicatorExtendedDirective } from './busy-indicator-extended/busy-indicator-extended.directive';\n\n@NgModule({\n    declarations: [BusyIndicatorComponent, BusyIndicatorExtendedDirective],\n    exports: [BusyIndicatorComponent, BusyIndicatorExtendedDirective],\n    imports: [CommonModule]\n})\nexport class BusyIndicatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;MAgCa,sBAAsB;;IAkC/B,YAAoB,WAAuB;QAAvB,gBAAW,GAAX,WAAW,CAAY;;QA3B3C,SAAI,GAAsB,GAAG,CAAC;;QAI9B,UAAK,GAAG,KAAK,CAAC;;QAgBd,aAAQ,GAA6C,QAAQ,CAAC;KAOf;;IAI/C,sBAAsB,CAAC,KAAoB;QACvC,IAAI,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YAClE,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;SAC/C;KACJ;;;IAID,uBAAuB,CAAC,KAAiB;QACrC,IAAI,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;YACxE,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;SAC1C;KACJ;;mHAnDQ,sBAAsB;uGAAtB,sBAAsB,usBChCnC,u9BAyBA;2FDOa,sBAAsB;kBAjBlC,SAAS;+BACI,mBAAmB,iBAGd,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACF,aAAa,EAAE,0CAA0C;wBACzD,iBAAiB,EAAE,kBAAkB;wBACrC,kBAAkB,EAAE,SAAS;wBAC7B,kBAAkB,EAAE,UAAU;wBAC9B,mBAAmB,EAAE,WAAW;wBAChC,cAAc,EAAE,OAAO;wBACvB,sCAAsC,EAAE,MAAM;wBAC9C,8CAA8C,EAAE,QAAQ;qBAC3D;iGAKD,OAAO;sBADN,KAAK;gBAKN,IAAI;sBADH,KAAK;gBAKN,KAAK;sBADJ,KAAK;gBAKN,SAAS;sBADR,KAAK;gBAKN,KAAK;sBADJ,KAAK;gBAKN,KAAK;sBADJ,KAAK;gBAKN,QAAQ;sBADP,KAAK;gBAKN,gBAAgB;sBADf,SAAS;uBAAC,kBAAkB;gBAQ7B,sBAAsB;sBADrB,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;;;AElEvC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;MAMhC,8BAA8B;;IAMvC,YAAoB,OAAmB;QAAnB,YAAO,GAAP,OAAO,CAAY;KAAI;;IAG3C,kBAAkB;QACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC7B;;IAGD,UAAU;QACN,OAAO,IAAI,CAAC,OAAO,CAAC;KACvB;;IAGO,kBAAkB;;QACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;QAC1C,IAAI,CAAC,QAAQ,EAAE;YACX,OAAO;SACV;QACD,MAAM,SAAS,GAAG,MAAA,IAAI,CAAC,UAAU,EAAE,CAAC,aAAa,CAAC,aAAa,0CAAE,SAAS,CAAC;QAC3E,IAAI,SAAS,EAAE;YACX,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;YAC5C,IAAI,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE;gBACvC,SAAS,CAAC,GAAG,CAAC,2CAA2C,CAAC,CAAC;aAC9D;SACJ;KACJ;;2HA/BQ,8BAA8B;+GAA9B,8BAA8B,+GAEzB,sBAAsB;2FAF3B,8BAA8B;kBAJ1C,SAAS;mBAAC;;oBAEP,QAAQ,EAAE,8BAA8B;iBAC3C;iGAIG,aAAa;sBADZ,YAAY;uBAAC,sBAAsB;;;MCD3B,mBAAmB;;gHAAnB,mBAAmB;iHAAnB,mBAAmB,iBAJb,sBAAsB,EAAE,8BAA8B,aAE3D,YAAY,aADZ,sBAAsB,EAAE,8BAA8B;iHAGvD,mBAAmB,YAFnB,CAAC,YAAY,CAAC;2FAEd,mBAAmB;kBAL/B,QAAQ;mBAAC;oBACN,YAAY,EAAE,CAAC,sBAAsB,EAAE,8BAA8B,CAAC;oBACtE,OAAO,EAAE,CAAC,sBAAsB,EAAE,8BAA8B,CAAC;oBACjE,OAAO,EAAE,CAAC,YAAY,CAAC;iBAC1B;;;ACTD;;;;;;"}

package/busy-indicator/fesm2020/fundamental-ngx-core-busy-indicator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-busy-indicator.mjs","sources":["../../../../../libs/core/src/lib/busy-indicator/busy-indicator.component.ts","../../../../../libs/core/src/lib/busy-indicator/busy-indicator.component.html","../../../../../libs/core/src/lib/busy-indicator/busy-indicator-extended/busy-indicator-extended.directive.ts","../../../../../libs/core/src/lib/busy-indicator/busy-indicator.module.ts","../../../../../libs/core/src/lib/busy-indicator/fundamental-ngx-core-busy-indicator.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostListener,\n    Input,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KeyUtil } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\nimport { TAB } from '@angular/cdk/keycodes';\n\nexport type BusyIndicatorSize = 's' | 'm' | 'l';\n\n@Component({\n    selector: 'fd-busy-indicator',\n    templateUrl: './busy-indicator.component.html',\n    styleUrls: ['./busy-indicator.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.role]': \"loading ? 'progressbar' : 'presentation'\",\n        '[attr.tabindex]': 'loading ? 0 : -1',\n        '[attr.aria-busy]': 'loading',\n        '[attr.aria-live]': 'ariaLive',\n        '[attr.aria-label]': 'ariaLabel',\n        '[attr.title]': 'title',\n        '[class.fd-busy-indicator__container]': 'true',\n        '[class.fd-busy-indicator__container--inline]': '!block'\n    }\n})\nexport class BusyIndicatorComponent {\n    /** Whether to display the loading indicator animation. */\n    @Input()\n    loading: boolean;\n\n    /** The size of the loading indicator, default will be medium */\n    @Input()\n    size: BusyIndicatorSize = 'm';\n\n    /** Whether to use loader as block element */\n    @Input()\n    block = false;\n\n    /** Aria label attribute value. */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** title attribute value for tooltip. */\n    @Input()\n    title: string;\n\n    /** add loading label value */\n    @Input()\n    label: string;\n\n    /** Aria live attribute value. */\n    @Input()\n    ariaLive: 'assertive' | 'polite' | null = 'polite';\n\n    /** @hidden */\n    @ViewChild('fakeFocusElement')\n    fakeFocusElement: ElementRef;\n\n    /** @hidden */\n    constructor(private _elementRef: ElementRef) {}\n\n    /** @hidden If focus escapes busy container focus element after wrapped content */\n    @HostListener('keydown', ['$event'])\n    hostFocusChangeHandler(event: KeyboardEvent): void {\n        if (this.loading && KeyUtil.isKeyCode(event, TAB) && !event.shiftKey) {\n            this.fakeFocusElement.nativeElement.focus();\n        }\n    }\n\n    /** @hidden If busy container is navigated as \"previous focusable element\",\n     * focus busy indicator to prevent from focusing wrapped content */\n    fakeElementFocusHandler(event: FocusEvent): void {\n        if (this.loading && event.relatedTarget !== this._elementRef.nativeElement) {\n            event.stopPropagation();\n            this._elementRef.nativeElement.focus();\n        }\n    }\n}\n","<ng-content></ng-content>\n\n<ng-container *ngIf=\"loading\">\n    <div\n        #busyIndicator\n        class=\"fd-busy-indicator\"\n        [class.fd-busy-indicator--l]=\"size === 'l'\"\n        [class.fd-busy-indicator--m]=\"size === 'm'\"\n        [class.fd-busy-indicator--s]=\"size === 's'\"\n        [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\n    >\n        <div class=\"fd-busy-indicator--circle-0\"></div>\n        <div class=\"fd-busy-indicator--circle-1\"></div>\n        <div class=\"fd-busy-indicator--circle-2\"></div>\n    </div>\n\n    <span *ngIf=\"label\" class=\"fd-busy-indicator-extended__label\">{{ label }}</span>\n\n    <div\n        class=\"fd-busy-indicator__overlay\"\n        [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n    ></div>\n\n    <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n","import { AfterContentInit, ContentChild, Directive, ElementRef } from '@angular/core';\nimport { BusyIndicatorComponent } from '../busy-indicator.component';\n\nconst messageToastClass = 'fd-message-toast';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-busy-indicator-extended]'\n})\nexport class BusyIndicatorExtendedDirective implements AfterContentInit {\n    /** @hidden */\n    @ContentChild(BusyIndicatorComponent)\n    busyIndicator: BusyIndicatorComponent;\n\n    /** @hidden */\n    constructor(private _eleRef: ElementRef) {}\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        this._appendCssToParent();\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<HTMLElement> {\n        return this._eleRef;\n    }\n\n    /** @hidden */\n    private _appendCssToParent(): void {\n        const hasLabel = this.busyIndicator.label;\n        if (!hasLabel) {\n            return;\n        }\n        const classList = this.elementRef().nativeElement.parentElement?.classList;\n        if (classList) {\n            classList.add('fd-busy-indicator-extended');\n            if (classList.contains(messageToastClass)) {\n                classList.add('fd-busy-indicator-extended--message-toast');\n            }\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BusyIndicatorComponent } from './busy-indicator.component';\nimport { BusyIndicatorExtendedDirective } from './busy-indicator-extended/busy-indicator-extended.directive';\n\n@NgModule({\n    declarations: [BusyIndicatorComponent, BusyIndicatorExtendedDirective],\n    exports: [BusyIndicatorComponent, BusyIndicatorExtendedDirective],\n    imports: [CommonModule]\n})\nexport class BusyIndicatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-busy-indicator.mjs","sources":["../../../../../libs/core/src/lib/busy-indicator/busy-indicator.component.ts","../../../../../libs/core/src/lib/busy-indicator/busy-indicator.component.html","../../../../../libs/core/src/lib/busy-indicator/busy-indicator-extended/busy-indicator-extended.directive.ts","../../../../../libs/core/src/lib/busy-indicator/busy-indicator.module.ts","../../../../../libs/core/src/lib/busy-indicator/fundamental-ngx-core-busy-indicator.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostListener,\n    Input,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KeyUtil } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\nimport { TAB } from '@angular/cdk/keycodes';\n\nexport type BusyIndicatorSize = 's' | 'm' | 'l';\n\n@Component({\n    selector: 'fd-busy-indicator',\n    templateUrl: './busy-indicator.component.html',\n    styleUrls: ['./busy-indicator.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.role]': \"loading ? 'progressbar' : 'presentation'\",\n        '[attr.tabindex]': 'loading ? 0 : -1',\n        '[attr.aria-busy]': 'loading',\n        '[attr.aria-live]': 'ariaLive',\n        '[attr.aria-label]': 'ariaLabel',\n        '[attr.title]': 'title',\n        '[class.fd-busy-indicator__container]': 'true',\n        '[class.fd-busy-indicator__container--inline]': '!block'\n    }\n})\nexport class BusyIndicatorComponent {\n    /** Whether to display the loading indicator animation. */\n    @Input()\n    loading: boolean;\n\n    /** The size of the loading indicator, default will be medium */\n    @Input()\n    size: BusyIndicatorSize = 'm';\n\n    /** Whether to use loader as block element */\n    @Input()\n    block = false;\n\n    /** Aria label attribute value. */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** title attribute value for tooltip. */\n    @Input()\n    title: string;\n\n    /** add loading label value */\n    @Input()\n    label: string;\n\n    /** Aria live attribute value. */\n    @Input()\n    ariaLive: Nullable<'assertive' | 'polite' | 'off'> = 'polite';\n\n    /** @hidden */\n    @ViewChild('fakeFocusElement')\n    fakeFocusElement: ElementRef;\n\n    /** @hidden */\n    constructor(private _elementRef: ElementRef) {}\n\n    /** @hidden If focus escapes busy container focus element after wrapped content */\n    @HostListener('keydown', ['$event'])\n    hostFocusChangeHandler(event: KeyboardEvent): void {\n        if (this.loading && KeyUtil.isKeyCode(event, TAB) && !event.shiftKey) {\n            this.fakeFocusElement.nativeElement.focus();\n        }\n    }\n\n    /** @hidden If busy container is navigated as \"previous focusable element\",\n     * focus busy indicator to prevent from focusing wrapped content */\n    fakeElementFocusHandler(event: FocusEvent): void {\n        if (this.loading && event.relatedTarget !== this._elementRef.nativeElement) {\n            event.stopPropagation();\n            this._elementRef.nativeElement.focus();\n        }\n    }\n}\n","<ng-content></ng-content>\n\n<ng-container *ngIf=\"loading\">\n    <div\n        #busyIndicator\n        class=\"fd-busy-indicator\"\n        [class.fd-busy-indicator--l]=\"size === 'l'\"\n        [class.fd-busy-indicator--m]=\"size === 'm'\"\n        [class.fd-busy-indicator--s]=\"size === 's'\"\n        [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\n    >\n        <div class=\"fd-busy-indicator--circle-0\"></div>\n        <div class=\"fd-busy-indicator--circle-1\"></div>\n        <div class=\"fd-busy-indicator--circle-2\"></div>\n    </div>\n\n    <span *ngIf=\"label\" class=\"fd-busy-indicator-extended__label\">{{ label }}</span>\n\n    <div\n        class=\"fd-busy-indicator__overlay\"\n        [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n    ></div>\n\n    <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n","import { AfterContentInit, ContentChild, Directive, ElementRef } from '@angular/core';\nimport { BusyIndicatorComponent } from '../busy-indicator.component';\n\nconst messageToastClass = 'fd-message-toast';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-busy-indicator-extended]'\n})\nexport class BusyIndicatorExtendedDirective implements AfterContentInit {\n    /** @hidden */\n    @ContentChild(BusyIndicatorComponent)\n    busyIndicator: BusyIndicatorComponent;\n\n    /** @hidden */\n    constructor(private _eleRef: ElementRef) {}\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        this._appendCssToParent();\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<HTMLElement> {\n        return this._eleRef;\n    }\n\n    /** @hidden */\n    private _appendCssToParent(): void {\n        const hasLabel = this.busyIndicator.label;\n        if (!hasLabel) {\n            return;\n        }\n        const classList = this.elementRef().nativeElement.parentElement?.classList;\n        if (classList) {\n            classList.add('fd-busy-indicator-extended');\n            if (classList.contains(messageToastClass)) {\n                classList.add('fd-busy-indicator-extended--message-toast');\n            }\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BusyIndicatorComponent } from './busy-indicator.component';\nimport { BusyIndicatorExtendedDirective } from './busy-indicator-extended/busy-indicator-extended.directive';\n\n@NgModule({\n    declarations: [BusyIndicatorComponent, BusyIndicatorExtendedDirective],\n    exports: [BusyIndicatorComponent, BusyIndicatorExtendedDirective],\n    imports: [CommonModule]\n})\nexport class BusyIndicatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/busy-indicator/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/busy-indicator",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/button",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/calendar",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/card",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/carousel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/carousel",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/checkbox",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/combobox/esm2020/combobox.component.mjs

@@ -479,7 +479,7 @@ ComboboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             multi: true
         },
         MenuKeyboardService
-    ], queries: [{ propertyName: "listMessages", predicate: ListMessageDirective }], viewQueries: [{ propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "inputGroup", first: true, predicate: InputGroupComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["controlTemplate"], descendants: true }, { propertyName: "listTemplate", first: true, predicate: ["listTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <fd-popover\n        additionalBodyClass=\"fd-popover-custom-list\"\n        [class.fd-combobox-full-width]=\"isSearch\"\n        [isOpen]=\"open && displayedValues && displayedValues.length > 0\"\n        (isOpenChange)=\"isOpenChangeHandle($event)\"\n        [fillControlMode]=\"fillControlMode\"\n        [focusTrapped]=\"true\"\n        [triggers]=\"triggers\"\n        [disabled]=\"disabled || readOnly\"\n        [maxWidth]=\"640\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body [hidden]=\"!displayedValues?.length\">\n            <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n            <ng-content></ng-content>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template let-term=\"term\" #itemSource>\n    <span\n        fd-list-title\n        *ngIf=\"!itemTemplate\"\n        [innerHTML]=\"term | displayFnPipe: displayFn | highlight: inputText:highlighting && filterHighlight\"\n    >\n    </span>\n    <ng-container *ngIf=\"itemTemplate\">\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: term }\"></ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <ng-container [ngTemplateOutlet]=\"controlTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #controlTemplate>\n    <fd-input-group\n        [compact]=\"compact\"\n        [button]=\"showDropdownButton\"\n        [glyph]=\"showDropdownButton ? glyphValue : null\"\n        [state]=\"state\"\n        [buttonFocusable]=\"buttonFocusable\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readOnly\"\n        [isControl]=\"true\"\n        [isExpanded]=\"!mobile && open && displayedValues.length > 0\"\n        [showFocus]=\"!clearInputBtnFocused\"\n        [glyphAriaLabel]=\"ariaLabel\"\n        [iconTitle]=\"title\"\n        (addOnButtonClicked)=\"onPrimaryButtonClick()\"\n        (click)=\"mobile && isOpenChangeHandle(true)\"\n    >\n        <input\n            #searchInputElement\n            fd-auto-complete\n            fd-input-group-input\n            type=\"text\"\n            role=\"combobox\"\n            autocomplete=\"off\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-describedby]=\"comboboxId + '-list-results'\"\n            [attr.aria-autocomplete]=\"autoComplete && !mobile ? 'list' : null\"\n            [attr.aria-owns]=\"autoComplete && !mobile ? comboboxId + '-result' : null\"\n            [attr.aria-haspopup]=\"autoComplete && !mobile\"\n            [attr.aria-expanded]=\"!mobile && open && displayedValues.length\"\n            [attr.aria-required]=\"required\"\n            [attr.tabindex]=\"readOnly || disabled ? -1 : null\"\n            [enable]=\"autoComplete && !mobile\"\n            [displayFn]=\"displayFn\"\n            [options]=\"dropdownValues\"\n            [inputText]=\"inputText\"\n            [compact]=\"compact\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readOnly\"\n            [attr.aria-readonly]=\"readOnly\"\n            [placeholder]=\"placeholder\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"inputText\"\n            (onComplete)=\"handleAutoComplete($event)\"\n            (keydown)=\"onInputKeydownHandler($event)\"\n            (ngModelChange)=\"handleSearchTermChange()\"\n            (focus)=\"onTouched()\"\n            (blur)=\"handleBlur()\"\n        />\n        <span\n            class=\"fd-input-group__addon fd-input-group__addon--button\"\n            [class.fd-input-group__addon--compact]=\"compact\"\n            [class.fd-shellbar__input-group__addon]=\"inShellbar\"\n            *ngIf=\"isSearch && showClearButton && inputText && inputText.length > 0\"\n        >\n            <button\n                fd-button\n                class=\"fd-input-group__button\"\n                type=\"button\"\n                fdType=\"transparent\"\n                title=\"Clear input\"\n                [class.fd-button--compact]=\"compact\"\n                [class.fd-shellbar__button]=\"inShellbar\"\n                [attr.tabindex]=\"buttonFocusable ? 0 : -1\"\n                (focus)=\"clearInputBtnFocus()\"\n                (blur)=\"clearInputBtnBlur()\"\n                (click)=\"_handleClearSearchTerm()\"\n            >\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </span>\n    </fd-input-group>\n    <div [id]=\"comboboxId + '-list-results'\" class=\"fd-combobox-count-list-results\">\n        {{ displayedValues?.length || 0 }} result list items\n    </div>\n</ng-template>\n\n<ng-template #listTemplate>\n    <ul\n        fd-list\n        class=\"fd-combobox-custom-list fd-combobox-input-menu-overflow\"\n        [dropdownMode]=\"true\"\n        [compact]=\"compact\"\n        [id]=\"comboboxId + '-result'\"\n        role=\"listbox\"\n        [attr.aria-labelledby]=\"comboboxId + '-search'\"\n        [style.maxHeight]=\"!mobile && maxHeight\"\n        [hasMessage]=\"listMessages && listMessages.length > 0\"\n        [byline]=\"byline\"\n        (focusEscapeList)=\"handleListFocusEscape($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"groupFn\">\n            <ng-container *ngFor=\"let group of displayedValues | listGroupPipe: groupFn\">\n                <li role=\"group\" fd-list-group-header [tabindex]=\"0\">\n                    <span fd-list-title>{{ group.key }}</span>\n                </li>\n                <li\n                    role=\"option\"\n                    fd-list-item\n                    [attr.aria-placeholder]=\"group.key\"\n                    [tabindex]=\"0\"\n                    class=\"fd-combobox-list-item\"\n                    *ngFor=\"let term of group.value\"\n                    [selected]=\"inputText === (term | displayFnPipe: displayFn)\"\n                    (keyDown)=\"onItemKeyDownHandler($event, term)\"\n                    (click)=\"onMenuClickHandler(term)\"\n                >\n                    <ng-container\n                        [ngTemplateOutlet]=\"itemSource\"\n                        [ngTemplateOutletContext]=\"{ term: term }\"\n                    ></ng-container>\n                </li>\n            </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"!groupFn\">\n            <li\n                fd-list-item\n                role=\"option\"\n                [tabindex]=\"0\"\n                class=\"fd-combobox-list-item\"\n                *ngFor=\"let term of displayedValues\"\n                [selected]=\"inputText === (term | displayFnPipe: displayFn)\"\n                (keyDown)=\"onItemKeyDownHandler($event, term)\"\n                (click)=\"onMenuClickHandler(term)\"\n            >\n                <ng-container [ngTemplateOutlet]=\"itemSource\" [ngTemplateOutletContext]=\"{ term: term }\"></ng-container>\n            </li>\n        </ng-container>\n    </ul>\n</ng-template>\n", styles: [".fd-combobox-custom-class,.fd-combobox-custom-class .fd-combobox-shellbar-custom{display:inline-block}.fd-combobox-input-menu-overflow{overflow:auto}.fd-list__item.fd-combobox-list-item{cursor:pointer}.fd-combobox-full-width{width:100%}.fd-combobox-count-list-results{position:absolute;opacity:0;z-index:-1}\n"], components: [{ type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i3.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "compact", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby"], outputs: ["addOnButtonClicked", "search"] }, { type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "compact", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "tabindex", "noData", "action", "interactive", "growing", "counter", "unread"], outputs: ["keyDown"] }], directives: [{ type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.AutoCompleteDirective, selector: "[fd-auto-complete]", inputs: ["options", "inputText", "enable", "displayFn"], outputs: ["onComplete"] }, { type: i3.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class", "compact"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["tabindex"], outputs: ["keyDown"] }], pipes: { "highlight": i1.SearchHighlightPipe, "displayFnPipe": i1.DisplayFnPipe, "listGroupPipe": i9.ListGroupPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], queries: [{ propertyName: "listMessages", predicate: ListMessageDirective }], viewQueries: [{ propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "inputGroup", first: true, predicate: InputGroupComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["controlTemplate"], descendants: true }, { propertyName: "listTemplate", first: true, predicate: ["listTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <fd-popover\n        additionalBodyClass=\"fd-popover-custom-list\"\n        [class.fd-combobox-full-width]=\"isSearch\"\n        [isOpen]=\"open && displayedValues && displayedValues.length > 0\"\n        (isOpenChange)=\"isOpenChangeHandle($event)\"\n        [fillControlMode]=\"fillControlMode\"\n        [focusTrapped]=\"true\"\n        [triggers]=\"triggers\"\n        [disabled]=\"disabled || readOnly\"\n        [maxWidth]=\"640\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body [hidden]=\"!displayedValues?.length\">\n            <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n            <ng-content></ng-content>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template let-term=\"term\" #itemSource>\n    <span\n        fd-list-title\n        *ngIf=\"!itemTemplate\"\n        [innerHTML]=\"term | displayFnPipe: displayFn | highlight: inputText:highlighting && filterHighlight\"\n    >\n    </span>\n    <ng-container *ngIf=\"itemTemplate\">\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: term }\"></ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <ng-container [ngTemplateOutlet]=\"controlTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #controlTemplate>\n    <fd-input-group\n        [compact]=\"compact\"\n        [button]=\"showDropdownButton\"\n        [glyph]=\"showDropdownButton ? glyphValue : null\"\n        [state]=\"state\"\n        [buttonFocusable]=\"buttonFocusable\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readOnly\"\n        [isControl]=\"true\"\n        [isExpanded]=\"!mobile && open && displayedValues.length > 0\"\n        [showFocus]=\"!clearInputBtnFocused\"\n        [glyphAriaLabel]=\"ariaLabel\"\n        [iconTitle]=\"title\"\n        (addOnButtonClicked)=\"onPrimaryButtonClick()\"\n        (click)=\"mobile && isOpenChangeHandle(true)\"\n    >\n        <input\n            #searchInputElement\n            fd-auto-complete\n            fd-input-group-input\n            type=\"text\"\n            role=\"combobox\"\n            autocomplete=\"off\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-describedby]=\"comboboxId + '-list-results'\"\n            [attr.aria-autocomplete]=\"autoComplete && !mobile ? 'list' : null\"\n            [attr.aria-owns]=\"autoComplete && !mobile ? comboboxId + '-result' : null\"\n            [attr.aria-haspopup]=\"autoComplete && !mobile\"\n            [attr.aria-expanded]=\"!mobile && open && displayedValues.length\"\n            [attr.aria-required]=\"required\"\n            [attr.tabindex]=\"readOnly || disabled ? -1 : null\"\n            [enable]=\"autoComplete && !mobile\"\n            [displayFn]=\"displayFn\"\n            [options]=\"dropdownValues\"\n            [inputText]=\"inputText\"\n            [compact]=\"compact\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readOnly\"\n            [attr.aria-readonly]=\"readOnly\"\n            [placeholder]=\"placeholder\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"inputText\"\n            (onComplete)=\"handleAutoComplete($event)\"\n            (keydown)=\"onInputKeydownHandler($event)\"\n            (ngModelChange)=\"handleSearchTermChange()\"\n            (focus)=\"onTouched()\"\n            (blur)=\"handleBlur()\"\n        />\n        <span\n            class=\"fd-input-group__addon fd-input-group__addon--button\"\n            [class.fd-input-group__addon--compact]=\"compact\"\n            [class.fd-shellbar__input-group__addon]=\"inShellbar\"\n            *ngIf=\"isSearch && showClearButton && inputText && inputText.length > 0\"\n        >\n            <button\n                fd-button\n                class=\"fd-input-group__button\"\n                type=\"button\"\n                fdType=\"transparent\"\n                title=\"Clear input\"\n                [class.fd-button--compact]=\"compact\"\n                [class.fd-shellbar__button]=\"inShellbar\"\n                [attr.tabindex]=\"buttonFocusable ? 0 : -1\"\n                (focus)=\"clearInputBtnFocus()\"\n                (blur)=\"clearInputBtnBlur()\"\n                (click)=\"_handleClearSearchTerm()\"\n            >\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </span>\n    </fd-input-group>\n    <div [id]=\"comboboxId + '-list-results'\" class=\"fd-combobox-count-list-results\">\n        {{ displayedValues?.length || 0 }} result list items\n    </div>\n</ng-template>\n\n<ng-template #listTemplate>\n    <ul\n        fd-list\n        class=\"fd-combobox-custom-list fd-combobox-input-menu-overflow\"\n        [dropdownMode]=\"true\"\n        [compact]=\"compact\"\n        [id]=\"comboboxId + '-result'\"\n        role=\"listbox\"\n        [attr.aria-labelledby]=\"comboboxId + '-search'\"\n        [style.maxHeight]=\"!mobile && maxHeight\"\n        [hasMessage]=\"listMessages && listMessages.length > 0\"\n        [byline]=\"byline\"\n        (focusEscapeList)=\"handleListFocusEscape($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"groupFn\">\n            <ng-container *ngFor=\"let group of displayedValues | listGroupPipe: groupFn\">\n                <li role=\"group\" fd-list-group-header [tabindex]=\"0\">\n                    <span fd-list-title>{{ group.key }}</span>\n                </li>\n                <li\n                    role=\"option\"\n                    fd-list-item\n                    [attr.aria-placeholder]=\"group.key\"\n                    [tabindex]=\"0\"\n                    class=\"fd-combobox-list-item\"\n                    *ngFor=\"let term of group.value\"\n                    [selected]=\"inputText === (term | displayFnPipe: displayFn)\"\n                    (keyDown)=\"onItemKeyDownHandler($event, term)\"\n                    (click)=\"onMenuClickHandler(term)\"\n                >\n                    <ng-container\n                        [ngTemplateOutlet]=\"itemSource\"\n                        [ngTemplateOutletContext]=\"{ term: term }\"\n                    ></ng-container>\n                </li>\n            </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"!groupFn\">\n            <li\n                fd-list-item\n                role=\"option\"\n                [tabindex]=\"0\"\n                class=\"fd-combobox-list-item\"\n                *ngFor=\"let term of displayedValues\"\n                [selected]=\"inputText === (term | displayFnPipe: displayFn)\"\n                (keyDown)=\"onItemKeyDownHandler($event, term)\"\n                (click)=\"onMenuClickHandler(term)\"\n            >\n                <ng-container [ngTemplateOutlet]=\"itemSource\" [ngTemplateOutletContext]=\"{ term: term }\"></ng-container>\n            </li>\n        </ng-container>\n    </ul>\n</ng-template>\n", styles: [".fd-combobox-custom-class,.fd-combobox-custom-class .fd-combobox-shellbar-custom{display:inline-block}.fd-combobox-input-menu-overflow{overflow:auto}.fd-list__item.fd-combobox-list-item{cursor:pointer}.fd-combobox-full-width{width:100%}.fd-combobox-count-list-results{position:absolute;opacity:0;z-index:-1}\n"], components: [{ type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i3.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "compact", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby"], outputs: ["addOnButtonClicked", "search"] }, { type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "compact", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }], directives: [{ type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.AutoCompleteDirective, selector: "[fd-auto-complete]", inputs: ["options", "inputText", "enable", "displayFn"], outputs: ["onComplete"] }, { type: i3.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class", "compact"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }], pipes: { "highlight": i1.SearchHighlightPipe, "displayFnPipe": i1.DisplayFnPipe, "listGroupPipe": i9.ListGroupPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ComboboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-combobox', providers: [

package/combobox/fesm2015/fundamental-ngx-core-combobox.mjs

@@ -611,7 +611,7 @@ ComboboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             multi: true
         },
         MenuKeyboardService
-    ], queries: [{ propertyName: "listMessages", predicate: ListMessageDirective }], viewQueries: [{ propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "inputGroup", first: true, predicate: InputGroupComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["controlTemplate"], descendants: true }, { propertyName: "listTemplate", first: true, predicate: ["listTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <fd-popover\n        additionalBodyClass=\"fd-popover-custom-list\"\n        [class.fd-combobox-full-width]=\"isSearch\"\n        [isOpen]=\"open && displayedValues && displayedValues.length > 0\"\n        (isOpenChange)=\"isOpenChangeHandle($event)\"\n        [fillControlMode]=\"fillControlMode\"\n        [focusTrapped]=\"true\"\n        [triggers]=\"triggers\"\n        [disabled]=\"disabled || readOnly\"\n        [maxWidth]=\"640\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body [hidden]=\"!displayedValues?.length\">\n            <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n            <ng-content></ng-content>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template let-term=\"term\" #itemSource>\n    <span\n        fd-list-title\n        *ngIf=\"!itemTemplate\"\n        [innerHTML]=\"term | displayFnPipe: displayFn | highlight: inputText:highlighting && filterHighlight\"\n    >\n    </span>\n    <ng-container *ngIf=\"itemTemplate\">\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: term }\"></ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <ng-container [ngTemplateOutlet]=\"controlTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #controlTemplate>\n    <fd-input-group\n        [compact]=\"compact\"\n        [button]=\"showDropdownButton\"\n        [glyph]=\"showDropdownButton ? glyphValue : null\"\n        [state]=\"state\"\n        [buttonFocusable]=\"buttonFocusable\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readOnly\"\n        [isControl]=\"true\"\n        [isExpanded]=\"!mobile && open && displayedValues.length > 0\"\n        [showFocus]=\"!clearInputBtnFocused\"\n        [glyphAriaLabel]=\"ariaLabel\"\n        [iconTitle]=\"title\"\n        (addOnButtonClicked)=\"onPrimaryButtonClick()\"\n        (click)=\"mobile && isOpenChangeHandle(true)\"\n    >\n        <input\n            #searchInputElement\n            fd-auto-complete\n            fd-input-group-input\n            type=\"text\"\n            role=\"combobox\"\n            autocomplete=\"off\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-describedby]=\"comboboxId + '-list-results'\"\n            [attr.aria-autocomplete]=\"autoComplete && !mobile ? 'list' : null\"\n            [attr.aria-owns]=\"autoComplete && !mobile ? comboboxId + '-result' : null\"\n            [attr.aria-haspopup]=\"autoComplete && !mobile\"\n            [attr.aria-expanded]=\"!mobile && open && displayedValues.length\"\n            [attr.aria-required]=\"required\"\n            [attr.tabindex]=\"readOnly || disabled ? -1 : null\"\n            [enable]=\"autoComplete && !mobile\"\n            [displayFn]=\"displayFn\"\n            [options]=\"dropdownValues\"\n            [inputText]=\"inputText\"\n            [compact]=\"compact\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readOnly\"\n            [attr.aria-readonly]=\"readOnly\"\n            [placeholder]=\"placeholder\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"inputText\"\n            (onComplete)=\"handleAutoComplete($event)\"\n            (keydown)=\"onInputKeydownHandler($event)\"\n            (ngModelChange)=\"handleSearchTermChange()\"\n            (focus)=\"onTouched()\"\n            (blur)=\"handleBlur()\"\n        />\n        <span\n            class=\"fd-input-group__addon fd-input-group__addon--button\"\n            [class.fd-input-group__addon--compact]=\"compact\"\n            [class.fd-shellbar__input-group__addon]=\"inShellbar\"\n            *ngIf=\"isSearch && showClearButton && inputText && inputText.length > 0\"\n        >\n            <button\n                fd-button\n                class=\"fd-input-group__button\"\n                type=\"button\"\n                fdType=\"transparent\"\n                title=\"Clear input\"\n                [class.fd-button--compact]=\"compact\"\n                [class.fd-shellbar__button]=\"inShellbar\"\n                [attr.tabindex]=\"buttonFocusable ? 0 : -1\"\n                (focus)=\"clearInputBtnFocus()\"\n                (blur)=\"clearInputBtnBlur()\"\n                (click)=\"_handleClearSearchTerm()\"\n            >\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </span>\n    </fd-input-group>\n    <div [id]=\"comboboxId + '-list-results'\" class=\"fd-combobox-count-list-results\">\n        {{ displayedValues?.length || 0 }} result list items\n    </div>\n</ng-template>\n\n<ng-template #listTemplate>\n    <ul\n        fd-list\n        class=\"fd-combobox-custom-list fd-combobox-input-menu-overflow\"\n        [dropdownMode]=\"true\"\n        [compact]=\"compact\"\n        [id]=\"comboboxId + '-result'\"\n        role=\"listbox\"\n        [attr.aria-labelledby]=\"comboboxId + '-search'\"\n        [style.maxHeight]=\"!mobile && maxHeight\"\n        [hasMessage]=\"listMessages && listMessages.length > 0\"\n        [byline]=\"byline\"\n        (focusEscapeList)=\"handleListFocusEscape($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"groupFn\">\n            <ng-container *ngFor=\"let group of displayedValues | listGroupPipe: groupFn\">\n                <li role=\"group\" fd-list-group-header [tabindex]=\"0\">\n                    <span fd-list-title>{{ group.key }}</span>\n                </li>\n                <li\n                    role=\"option\"\n                    fd-list-item\n                    [attr.aria-placeholder]=\"group.key\"\n                    [tabindex]=\"0\"\n                    class=\"fd-combobox-list-item\"\n                    *ngFor=\"let term of group.value\"\n                    [selected]=\"inputText === (term | displayFnPipe: displayFn)\"\n                    (keyDown)=\"onItemKeyDownHandler($event, term)\"\n                    (click)=\"onMenuClickHandler(term)\"\n                >\n                    <ng-container\n                        [ngTemplateOutlet]=\"itemSource\"\n                        [ngTemplateOutletContext]=\"{ term: term }\"\n                    ></ng-container>\n                </li>\n            </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"!groupFn\">\n            <li\n                fd-list-item\n                role=\"option\"\n                [tabindex]=\"0\"\n                class=\"fd-combobox-list-item\"\n                *ngFor=\"let term of displayedValues\"\n                [selected]=\"inputText === (term | displayFnPipe: displayFn)\"\n                (keyDown)=\"onItemKeyDownHandler($event, term)\"\n                (click)=\"onMenuClickHandler(term)\"\n            >\n                <ng-container [ngTemplateOutlet]=\"itemSource\" [ngTemplateOutletContext]=\"{ term: term }\"></ng-container>\n            </li>\n        </ng-container>\n    </ul>\n</ng-template>\n", styles: [".fd-combobox-custom-class,.fd-combobox-custom-class .fd-combobox-shellbar-custom{display:inline-block}.fd-combobox-input-menu-overflow{overflow:auto}.fd-list__item.fd-combobox-list-item{cursor:pointer}.fd-combobox-full-width{width:100%}.fd-combobox-count-list-results{position:absolute;opacity:0;z-index:-1}\n"], components: [{ type: i2$1.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2$1.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2$1.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i3$1.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "compact", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby"], outputs: ["addOnButtonClicked", "search"] }, { type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "compact", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "tabindex", "noData", "action", "interactive", "growing", "counter", "unread"], outputs: ["keyDown"] }], directives: [{ type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.AutoCompleteDirective, selector: "[fd-auto-complete]", inputs: ["options", "inputText", "enable", "displayFn"], outputs: ["onComplete"] }, { type: i3$1.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class", "compact"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["tabindex"], outputs: ["keyDown"] }], pipes: { "highlight": i1$1.SearchHighlightPipe, "displayFnPipe": i1$1.DisplayFnPipe, "listGroupPipe": ListGroupPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], queries: [{ propertyName: "listMessages", predicate: ListMessageDirective }], viewQueries: [{ propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "inputGroup", first: true, predicate: InputGroupComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["controlTemplate"], descendants: true }, { propertyName: "listTemplate", first: true, predicate: ["listTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <fd-popover\n        additionalBodyClass=\"fd-popover-custom-list\"\n        [class.fd-combobox-full-width]=\"isSearch\"\n        [isOpen]=\"open && displayedValues && displayedValues.length > 0\"\n        (isOpenChange)=\"isOpenChangeHandle($event)\"\n        [fillControlMode]=\"fillControlMode\"\n        [focusTrapped]=\"true\"\n        [triggers]=\"triggers\"\n        [disabled]=\"disabled || readOnly\"\n        [maxWidth]=\"640\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body [hidden]=\"!displayedValues?.length\">\n            <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n            <ng-content></ng-content>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template let-term=\"term\" #itemSource>\n    <span\n        fd-list-title\n        *ngIf=\"!itemTemplate\"\n        [innerHTML]=\"term | displayFnPipe: displayFn | highlight: inputText:highlighting && filterHighlight\"\n    >\n    </span>\n    <ng-container *ngIf=\"itemTemplate\">\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: term }\"></ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <ng-container [ngTemplateOutlet]=\"controlTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #controlTemplate>\n    <fd-input-group\n        [compact]=\"compact\"\n        [button]=\"showDropdownButton\"\n        [glyph]=\"showDropdownButton ? glyphValue : null\"\n        [state]=\"state\"\n        [buttonFocusable]=\"buttonFocusable\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readOnly\"\n        [isControl]=\"true\"\n        [isExpanded]=\"!mobile && open && displayedValues.length > 0\"\n        [showFocus]=\"!clearInputBtnFocused\"\n        [glyphAriaLabel]=\"ariaLabel\"\n        [iconTitle]=\"title\"\n        (addOnButtonClicked)=\"onPrimaryButtonClick()\"\n        (click)=\"mobile && isOpenChangeHandle(true)\"\n    >\n        <input\n            #searchInputElement\n            fd-auto-complete\n            fd-input-group-input\n            type=\"text\"\n            role=\"combobox\"\n            autocomplete=\"off\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-describedby]=\"comboboxId + '-list-results'\"\n            [attr.aria-autocomplete]=\"autoComplete && !mobile ? 'list' : null\"\n            [attr.aria-owns]=\"autoComplete && !mobile ? comboboxId + '-result' : null\"\n            [attr.aria-haspopup]=\"autoComplete && !mobile\"\n            [attr.aria-expanded]=\"!mobile && open && displayedValues.length\"\n            [attr.aria-required]=\"required\"\n            [attr.tabindex]=\"readOnly || disabled ? -1 : null\"\n            [enable]=\"autoComplete && !mobile\"\n            [displayFn]=\"displayFn\"\n            [options]=\"dropdownValues\"\n            [inputText]=\"inputText\"\n            [compact]=\"compact\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readOnly\"\n            [attr.aria-readonly]=\"readOnly\"\n            [placeholder]=\"placeholder\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"inputText\"\n            (onComplete)=\"handleAutoComplete($event)\"\n            (keydown)=\"onInputKeydownHandler($event)\"\n            (ngModelChange)=\"handleSearchTermChange()\"\n            (focus)=\"onTouched()\"\n            (blur)=\"handleBlur()\"\n        />\n        <span\n            class=\"fd-input-group__addon fd-input-group__addon--button\"\n            [class.fd-input-group__addon--compact]=\"compact\"\n            [class.fd-shellbar__input-group__addon]=\"inShellbar\"\n            *ngIf=\"isSearch && showClearButton && inputText && inputText.length > 0\"\n        >\n            <button\n                fd-button\n                class=\"fd-input-group__button\"\n                type=\"button\"\n                fdType=\"transparent\"\n                title=\"Clear input\"\n                [class.fd-button--compact]=\"compact\"\n                [class.fd-shellbar__button]=\"inShellbar\"\n                [attr.tabindex]=\"buttonFocusable ? 0 : -1\"\n                (focus)=\"clearInputBtnFocus()\"\n                (blur)=\"clearInputBtnBlur()\"\n                (click)=\"_handleClearSearchTerm()\"\n            >\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </span>\n    </fd-input-group>\n    <div [id]=\"comboboxId + '-list-results'\" class=\"fd-combobox-count-list-results\">\n        {{ displayedValues?.length || 0 }} result list items\n    </div>\n</ng-template>\n\n<ng-template #listTemplate>\n    <ul\n        fd-list\n        class=\"fd-combobox-custom-list fd-combobox-input-menu-overflow\"\n        [dropdownMode]=\"true\"\n        [compact]=\"compact\"\n        [id]=\"comboboxId + '-result'\"\n        role=\"listbox\"\n        [attr.aria-labelledby]=\"comboboxId + '-search'\"\n        [style.maxHeight]=\"!mobile && maxHeight\"\n        [hasMessage]=\"listMessages && listMessages.length > 0\"\n        [byline]=\"byline\"\n        (focusEscapeList)=\"handleListFocusEscape($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"groupFn\">\n            <ng-container *ngFor=\"let group of displayedValues | listGroupPipe: groupFn\">\n                <li role=\"group\" fd-list-group-header [tabindex]=\"0\">\n                    <span fd-list-title>{{ group.key }}</span>\n                </li>\n                <li\n                    role=\"option\"\n                    fd-list-item\n                    [attr.aria-placeholder]=\"group.key\"\n                    [tabindex]=\"0\"\n                    class=\"fd-combobox-list-item\"\n                    *ngFor=\"let term of group.value\"\n                    [selected]=\"inputText === (term | displayFnPipe: displayFn)\"\n                    (keyDown)=\"onItemKeyDownHandler($event, term)\"\n                    (click)=\"onMenuClickHandler(term)\"\n                >\n                    <ng-container\n                        [ngTemplateOutlet]=\"itemSource\"\n                        [ngTemplateOutletContext]=\"{ term: term }\"\n                    ></ng-container>\n                </li>\n            </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"!groupFn\">\n            <li\n                fd-list-item\n                role=\"option\"\n                [tabindex]=\"0\"\n                class=\"fd-combobox-list-item\"\n                *ngFor=\"let term of displayedValues\"\n                [selected]=\"inputText === (term | displayFnPipe: displayFn)\"\n                (keyDown)=\"onItemKeyDownHandler($event, term)\"\n                (click)=\"onMenuClickHandler(term)\"\n            >\n                <ng-container [ngTemplateOutlet]=\"itemSource\" [ngTemplateOutletContext]=\"{ term: term }\"></ng-container>\n            </li>\n        </ng-container>\n    </ul>\n</ng-template>\n", styles: [".fd-combobox-custom-class,.fd-combobox-custom-class .fd-combobox-shellbar-custom{display:inline-block}.fd-combobox-input-menu-overflow{overflow:auto}.fd-list__item.fd-combobox-list-item{cursor:pointer}.fd-combobox-full-width{width:100%}.fd-combobox-count-list-results{position:absolute;opacity:0;z-index:-1}\n"], components: [{ type: i2$1.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2$1.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2$1.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i3$1.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "compact", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby"], outputs: ["addOnButtonClicked", "search"] }, { type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "compact", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }], directives: [{ type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.AutoCompleteDirective, selector: "[fd-auto-complete]", inputs: ["options", "inputText", "enable", "displayFn"], outputs: ["onComplete"] }, { type: i3$1.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class", "compact"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }], pipes: { "highlight": i1$1.SearchHighlightPipe, "displayFnPipe": i1$1.DisplayFnPipe, "listGroupPipe": ListGroupPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ComboboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-combobox', providers: [

package/combobox/fesm2020/fundamental-ngx-core-combobox.mjs

@@ -611,7 +611,7 @@ ComboboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             multi: true
         },
         MenuKeyboardService
-    ], queries: [{ propertyName: "listMessages", predicate: ListMessageDirective }], viewQueries: [{ propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "inputGroup", first: true, predicate: InputGroupComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["controlTemplate"], descendants: true }, { propertyName: "listTemplate", first: true, predicate: ["listTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <fd-popover\n        additionalBodyClass=\"fd-popover-custom-list\"\n        [class.fd-combobox-full-width]=\"isSearch\"\n        [isOpen]=\"open && displayedValues && displayedValues.length > 0\"\n        (isOpenChange)=\"isOpenChangeHandle($event)\"\n        [fillControlMode]=\"fillControlMode\"\n        [focusTrapped]=\"true\"\n        [triggers]=\"triggers\"\n        [disabled]=\"disabled || readOnly\"\n        [maxWidth]=\"640\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body [hidden]=\"!displayedValues?.length\">\n            <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n            <ng-content></ng-content>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template let-term=\"term\" #itemSource>\n    <span\n        fd-list-title\n        *ngIf=\"!itemTemplate\"\n        [innerHTML]=\"term | displayFnPipe: displayFn | highlight: inputText:highlighting && filterHighlight\"\n    >\n    </span>\n    <ng-container *ngIf=\"itemTemplate\">\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: term }\"></ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <ng-container [ngTemplateOutlet]=\"controlTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #controlTemplate>\n    <fd-input-group\n        [compact]=\"compact\"\n        [button]=\"showDropdownButton\"\n        [glyph]=\"showDropdownButton ? glyphValue : null\"\n        [state]=\"state\"\n        [buttonFocusable]=\"buttonFocusable\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readOnly\"\n        [isControl]=\"true\"\n        [isExpanded]=\"!mobile && open && displayedValues.length > 0\"\n        [showFocus]=\"!clearInputBtnFocused\"\n        [glyphAriaLabel]=\"ariaLabel\"\n        [iconTitle]=\"title\"\n        (addOnButtonClicked)=\"onPrimaryButtonClick()\"\n        (click)=\"mobile && isOpenChangeHandle(true)\"\n    >\n        <input\n            #searchInputElement\n            fd-auto-complete\n            fd-input-group-input\n            type=\"text\"\n            role=\"combobox\"\n            autocomplete=\"off\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-describedby]=\"comboboxId + '-list-results'\"\n            [attr.aria-autocomplete]=\"autoComplete && !mobile ? 'list' : null\"\n            [attr.aria-owns]=\"autoComplete && !mobile ? comboboxId + '-result' : null\"\n            [attr.aria-haspopup]=\"autoComplete && !mobile\"\n            [attr.aria-expanded]=\"!mobile && open && displayedValues.length\"\n            [attr.aria-required]=\"required\"\n            [attr.tabindex]=\"readOnly || disabled ? -1 : null\"\n            [enable]=\"autoComplete && !mobile\"\n            [displayFn]=\"displayFn\"\n            [options]=\"dropdownValues\"\n            [inputText]=\"inputText\"\n            [compact]=\"compact\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readOnly\"\n            [attr.aria-readonly]=\"readOnly\"\n            [placeholder]=\"placeholder\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"inputText\"\n            (onComplete)=\"handleAutoComplete($event)\"\n            (keydown)=\"onInputKeydownHandler($event)\"\n            (ngModelChange)=\"handleSearchTermChange()\"\n            (focus)=\"onTouched()\"\n            (blur)=\"handleBlur()\"\n        />\n        <span\n            class=\"fd-input-group__addon fd-input-group__addon--button\"\n            [class.fd-input-group__addon--compact]=\"compact\"\n            [class.fd-shellbar__input-group__addon]=\"inShellbar\"\n            *ngIf=\"isSearch && showClearButton && inputText && inputText.length > 0\"\n        >\n            <button\n                fd-button\n                class=\"fd-input-group__button\"\n                type=\"button\"\n                fdType=\"transparent\"\n                title=\"Clear input\"\n                [class.fd-button--compact]=\"compact\"\n                [class.fd-shellbar__button]=\"inShellbar\"\n                [attr.tabindex]=\"buttonFocusable ? 0 : -1\"\n                (focus)=\"clearInputBtnFocus()\"\n                (blur)=\"clearInputBtnBlur()\"\n                (click)=\"_handleClearSearchTerm()\"\n            >\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </span>\n    </fd-input-group>\n    <div [id]=\"comboboxId + '-list-results'\" class=\"fd-combobox-count-list-results\">\n        {{ displayedValues?.length || 0 }} result list items\n    </div>\n</ng-template>\n\n<ng-template #listTemplate>\n    <ul\n        fd-list\n        class=\"fd-combobox-custom-list fd-combobox-input-menu-overflow\"\n        [dropdownMode]=\"true\"\n        [compact]=\"compact\"\n        [id]=\"comboboxId + '-result'\"\n        role=\"listbox\"\n        [attr.aria-labelledby]=\"comboboxId + '-search'\"\n        [style.maxHeight]=\"!mobile && maxHeight\"\n        [hasMessage]=\"listMessages && listMessages.length > 0\"\n        [byline]=\"byline\"\n        (focusEscapeList)=\"handleListFocusEscape($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"groupFn\">\n            <ng-container *ngFor=\"let group of displayedValues | listGroupPipe: groupFn\">\n                <li role=\"group\" fd-list-group-header [tabindex]=\"0\">\n                    <span fd-list-title>{{ group.key }}</span>\n                </li>\n                <li\n                    role=\"option\"\n                    fd-list-item\n                    [attr.aria-placeholder]=\"group.key\"\n                    [tabindex]=\"0\"\n                    class=\"fd-combobox-list-item\"\n                    *ngFor=\"let term of group.value\"\n                    [selected]=\"inputText === (term | displayFnPipe: displayFn)\"\n                    (keyDown)=\"onItemKeyDownHandler($event, term)\"\n                    (click)=\"onMenuClickHandler(term)\"\n                >\n                    <ng-container\n                        [ngTemplateOutlet]=\"itemSource\"\n                        [ngTemplateOutletContext]=\"{ term: term }\"\n                    ></ng-container>\n                </li>\n            </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"!groupFn\">\n            <li\n                fd-list-item\n                role=\"option\"\n                [tabindex]=\"0\"\n                class=\"fd-combobox-list-item\"\n                *ngFor=\"let term of displayedValues\"\n                [selected]=\"inputText === (term | displayFnPipe: displayFn)\"\n                (keyDown)=\"onItemKeyDownHandler($event, term)\"\n                (click)=\"onMenuClickHandler(term)\"\n            >\n                <ng-container [ngTemplateOutlet]=\"itemSource\" [ngTemplateOutletContext]=\"{ term: term }\"></ng-container>\n            </li>\n        </ng-container>\n    </ul>\n</ng-template>\n", styles: [".fd-combobox-custom-class,.fd-combobox-custom-class .fd-combobox-shellbar-custom{display:inline-block}.fd-combobox-input-menu-overflow{overflow:auto}.fd-list__item.fd-combobox-list-item{cursor:pointer}.fd-combobox-full-width{width:100%}.fd-combobox-count-list-results{position:absolute;opacity:0;z-index:-1}\n"], components: [{ type: i2$1.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2$1.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2$1.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i3$1.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "compact", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby"], outputs: ["addOnButtonClicked", "search"] }, { type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "compact", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "tabindex", "noData", "action", "interactive", "growing", "counter", "unread"], outputs: ["keyDown"] }], directives: [{ type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.AutoCompleteDirective, selector: "[fd-auto-complete]", inputs: ["options", "inputText", "enable", "displayFn"], outputs: ["onComplete"] }, { type: i3$1.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class", "compact"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["tabindex"], outputs: ["keyDown"] }], pipes: { "highlight": i1$1.SearchHighlightPipe, "displayFnPipe": i1$1.DisplayFnPipe, "listGroupPipe": ListGroupPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], queries: [{ propertyName: "listMessages", predicate: ListMessageDirective }], viewQueries: [{ propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "inputGroup", first: true, predicate: InputGroupComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["controlTemplate"], descendants: true }, { propertyName: "listTemplate", first: true, predicate: ["listTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <fd-popover\n        additionalBodyClass=\"fd-popover-custom-list\"\n        [class.fd-combobox-full-width]=\"isSearch\"\n        [isOpen]=\"open && displayedValues && displayedValues.length > 0\"\n        (isOpenChange)=\"isOpenChangeHandle($event)\"\n        [fillControlMode]=\"fillControlMode\"\n        [focusTrapped]=\"true\"\n        [triggers]=\"triggers\"\n        [disabled]=\"disabled || readOnly\"\n        [maxWidth]=\"640\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body [hidden]=\"!displayedValues?.length\">\n            <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n            <ng-content></ng-content>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template let-term=\"term\" #itemSource>\n    <span\n        fd-list-title\n        *ngIf=\"!itemTemplate\"\n        [innerHTML]=\"term | displayFnPipe: displayFn | highlight: inputText:highlighting && filterHighlight\"\n    >\n    </span>\n    <ng-container *ngIf=\"itemTemplate\">\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: term }\"></ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <ng-container [ngTemplateOutlet]=\"controlTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #controlTemplate>\n    <fd-input-group\n        [compact]=\"compact\"\n        [button]=\"showDropdownButton\"\n        [glyph]=\"showDropdownButton ? glyphValue : null\"\n        [state]=\"state\"\n        [buttonFocusable]=\"buttonFocusable\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readOnly\"\n        [isControl]=\"true\"\n        [isExpanded]=\"!mobile && open && displayedValues.length > 0\"\n        [showFocus]=\"!clearInputBtnFocused\"\n        [glyphAriaLabel]=\"ariaLabel\"\n        [iconTitle]=\"title\"\n        (addOnButtonClicked)=\"onPrimaryButtonClick()\"\n        (click)=\"mobile && isOpenChangeHandle(true)\"\n    >\n        <input\n            #searchInputElement\n            fd-auto-complete\n            fd-input-group-input\n            type=\"text\"\n            role=\"combobox\"\n            autocomplete=\"off\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-describedby]=\"comboboxId + '-list-results'\"\n            [attr.aria-autocomplete]=\"autoComplete && !mobile ? 'list' : null\"\n            [attr.aria-owns]=\"autoComplete && !mobile ? comboboxId + '-result' : null\"\n            [attr.aria-haspopup]=\"autoComplete && !mobile\"\n            [attr.aria-expanded]=\"!mobile && open && displayedValues.length\"\n            [attr.aria-required]=\"required\"\n            [attr.tabindex]=\"readOnly || disabled ? -1 : null\"\n            [enable]=\"autoComplete && !mobile\"\n            [displayFn]=\"displayFn\"\n            [options]=\"dropdownValues\"\n            [inputText]=\"inputText\"\n            [compact]=\"compact\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readOnly\"\n            [attr.aria-readonly]=\"readOnly\"\n            [placeholder]=\"placeholder\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"inputText\"\n            (onComplete)=\"handleAutoComplete($event)\"\n            (keydown)=\"onInputKeydownHandler($event)\"\n            (ngModelChange)=\"handleSearchTermChange()\"\n            (focus)=\"onTouched()\"\n            (blur)=\"handleBlur()\"\n        />\n        <span\n            class=\"fd-input-group__addon fd-input-group__addon--button\"\n            [class.fd-input-group__addon--compact]=\"compact\"\n            [class.fd-shellbar__input-group__addon]=\"inShellbar\"\n            *ngIf=\"isSearch && showClearButton && inputText && inputText.length > 0\"\n        >\n            <button\n                fd-button\n                class=\"fd-input-group__button\"\n                type=\"button\"\n                fdType=\"transparent\"\n                title=\"Clear input\"\n                [class.fd-button--compact]=\"compact\"\n                [class.fd-shellbar__button]=\"inShellbar\"\n                [attr.tabindex]=\"buttonFocusable ? 0 : -1\"\n                (focus)=\"clearInputBtnFocus()\"\n                (blur)=\"clearInputBtnBlur()\"\n                (click)=\"_handleClearSearchTerm()\"\n            >\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </span>\n    </fd-input-group>\n    <div [id]=\"comboboxId + '-list-results'\" class=\"fd-combobox-count-list-results\">\n        {{ displayedValues?.length || 0 }} result list items\n    </div>\n</ng-template>\n\n<ng-template #listTemplate>\n    <ul\n        fd-list\n        class=\"fd-combobox-custom-list fd-combobox-input-menu-overflow\"\n        [dropdownMode]=\"true\"\n        [compact]=\"compact\"\n        [id]=\"comboboxId + '-result'\"\n        role=\"listbox\"\n        [attr.aria-labelledby]=\"comboboxId + '-search'\"\n        [style.maxHeight]=\"!mobile && maxHeight\"\n        [hasMessage]=\"listMessages && listMessages.length > 0\"\n        [byline]=\"byline\"\n        (focusEscapeList)=\"handleListFocusEscape($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"groupFn\">\n            <ng-container *ngFor=\"let group of displayedValues | listGroupPipe: groupFn\">\n                <li role=\"group\" fd-list-group-header [tabindex]=\"0\">\n                    <span fd-list-title>{{ group.key }}</span>\n                </li>\n                <li\n                    role=\"option\"\n                    fd-list-item\n                    [attr.aria-placeholder]=\"group.key\"\n                    [tabindex]=\"0\"\n                    class=\"fd-combobox-list-item\"\n                    *ngFor=\"let term of group.value\"\n                    [selected]=\"inputText === (term | displayFnPipe: displayFn)\"\n                    (keyDown)=\"onItemKeyDownHandler($event, term)\"\n                    (click)=\"onMenuClickHandler(term)\"\n                >\n                    <ng-container\n                        [ngTemplateOutlet]=\"itemSource\"\n                        [ngTemplateOutletContext]=\"{ term: term }\"\n                    ></ng-container>\n                </li>\n            </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"!groupFn\">\n            <li\n                fd-list-item\n                role=\"option\"\n                [tabindex]=\"0\"\n                class=\"fd-combobox-list-item\"\n                *ngFor=\"let term of displayedValues\"\n                [selected]=\"inputText === (term | displayFnPipe: displayFn)\"\n                (keyDown)=\"onItemKeyDownHandler($event, term)\"\n                (click)=\"onMenuClickHandler(term)\"\n            >\n                <ng-container [ngTemplateOutlet]=\"itemSource\" [ngTemplateOutletContext]=\"{ term: term }\"></ng-container>\n            </li>\n        </ng-container>\n    </ul>\n</ng-template>\n", styles: [".fd-combobox-custom-class,.fd-combobox-custom-class .fd-combobox-shellbar-custom{display:inline-block}.fd-combobox-input-menu-overflow{overflow:auto}.fd-list__item.fd-combobox-list-item{cursor:pointer}.fd-combobox-full-width{width:100%}.fd-combobox-count-list-results{position:absolute;opacity:0;z-index:-1}\n"], components: [{ type: i2$1.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2$1.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2$1.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i3$1.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "compact", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby"], outputs: ["addOnButtonClicked", "search"] }, { type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "compact", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }], directives: [{ type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.AutoCompleteDirective, selector: "[fd-auto-complete]", inputs: ["options", "inputText", "enable", "displayFn"], outputs: ["onComplete"] }, { type: i3$1.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class", "compact"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }], pipes: { "highlight": i1$1.SearchHighlightPipe, "displayFnPipe": i1$1.DisplayFnPipe, "listGroupPipe": ListGroupPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ComboboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-combobox', providers: [

package/combobox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/combobox",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/date-picker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/date-picker",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/datetime/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/datetime",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/datetime-picker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/datetime-picker",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/dialog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/dialog",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/dynamic-page/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/dynamic-page",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/dynamic-side-content/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/dynamic-side-content",
-  "version": "0.34.3-rc.36",
+  "version": "0.34.3-rc.38",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/esm2020/busy-indicator/busy-indicator.component.mjs

@@ -64,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 type: HostListener,
                 args: ['keydown', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvYnVzeS1pbmRpY2F0b3IvYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvYnVzeS1pbmRpY2F0b3IvYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFxQjVDLE1BQU0sT0FBTyxzQkFBc0I7SUFpQy9CLGNBQWM7SUFDZCxZQUFvQixXQUF1QjtRQUF2QixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQTdCM0MsZ0VBQWdFO1FBRWhFLFNBQUksR0FBc0IsR0FBRyxDQUFDO1FBRTlCLDZDQUE2QztRQUU3QyxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBY2QsaUNBQWlDO1FBRWpDLGFBQVEsR0FBa0MsUUFBUSxDQUFDO0lBT0wsQ0FBQztJQUUvQyxrRkFBa0Y7SUFFbEYsc0JBQXNCLENBQUMsS0FBb0I7UUFDdkMsSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRTtZQUNsRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQy9DO0lBQ0wsQ0FBQztJQUVEO3VFQUNtRTtJQUNuRSx1QkFBdUIsQ0FBQyxLQUFpQjtRQUNyQyxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLGFBQWEsS0FBSyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRTtZQUN4RSxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDMUM7SUFDTCxDQUFDOzttSEFuRFEsc0JBQXNCO3VHQUF0QixzQkFBc0IsdXNCQ2hDbkMsdTlCQXlCQTsyRkRPYSxzQkFBc0I7a0JBakJsQyxTQUFTOytCQUNJLG1CQUFtQixpQkFHZCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNGLGFBQWEsRUFBRSwwQ0FBMEM7d0JBQ3pELGlCQUFpQixFQUFFLGtCQUFrQjt3QkFDckMsa0JBQWtCLEVBQUUsU0FBUzt3QkFDN0Isa0JBQWtCLEVBQUUsVUFBVTt3QkFDOUIsbUJBQW1CLEVBQUUsV0FBVzt3QkFDaEMsY0FBYyxFQUFFLE9BQU87d0JBQ3ZCLHNDQUFzQyxFQUFFLE1BQU07d0JBQzlDLDhDQUE4QyxFQUFFLFFBQVE7cUJBQzNEO2lHQUtELE9BQU87c0JBRE4sS0FBSztnQkFLTixJQUFJO3NCQURILEtBQUs7Z0JBS04sS0FBSztzQkFESixLQUFLO2dCQUtOLFNBQVM7c0JBRFIsS0FBSztnQkFLTixLQUFLO3NCQURKLEtBQUs7Z0JBS04sS0FBSztzQkFESixLQUFLO2dCQUtOLFFBQVE7c0JBRFAsS0FBSztnQkFLTixnQkFBZ0I7c0JBRGYsU0FBUzt1QkFBQyxrQkFBa0I7Z0JBUTdCLHNCQUFzQjtzQkFEckIsWUFBWTt1QkFBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbnB1dCxcbiAgICBWaWV3Q2hpbGQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLZXlVdGlsIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3V0aWxzJztcbmltcG9ydCB7IE51bGxhYmxlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3NoYXJlZCc7XG5pbXBvcnQgeyBUQUIgfSBmcm9tICdAYW5ndWxhci9jZGsva2V5Y29kZXMnO1xuXG5leHBvcnQgdHlwZSBCdXN5SW5kaWNhdG9yU2l6ZSA9ICdzJyB8ICdtJyB8ICdsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC1idXN5LWluZGljYXRvcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1c3ktaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9idXN5LWluZGljYXRvci5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2F0dHIucm9sZV0nOiBcImxvYWRpbmcgPyAncHJvZ3Jlc3NiYXInIDogJ3ByZXNlbnRhdGlvbidcIixcbiAgICAgICAgJ1thdHRyLnRhYmluZGV4XSc6ICdsb2FkaW5nID8gMCA6IC0xJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtYnVzeV0nOiAnbG9hZGluZycsXG4gICAgICAgICdbYXR0ci5hcmlhLWxpdmVdJzogJ2FyaWFMaXZlJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtbGFiZWxdJzogJ2FyaWFMYWJlbCcsXG4gICAgICAgICdbYXR0ci50aXRsZV0nOiAndGl0bGUnLFxuICAgICAgICAnW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yX19jb250YWluZXJdJzogJ3RydWUnLFxuICAgICAgICAnW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yX19jb250YWluZXItLWlubGluZV0nOiAnIWJsb2NrJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgQnVzeUluZGljYXRvckNvbXBvbmVudCB7XG4gICAgLyoqIFdoZXRoZXIgdG8gZGlzcGxheSB0aGUgbG9hZGluZyBpbmRpY2F0b3IgYW5pbWF0aW9uLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgbG9hZGluZzogYm9vbGVhbjtcblxuICAgIC8qKiBUaGUgc2l6ZSBvZiB0aGUgbG9hZGluZyBpbmRpY2F0b3IsIGRlZmF1bHQgd2lsbCBiZSBtZWRpdW0gKi9cbiAgICBASW5wdXQoKVxuICAgIHNpemU6IEJ1c3lJbmRpY2F0b3JTaXplID0gJ20nO1xuXG4gICAgLyoqIFdoZXRoZXIgdG8gdXNlIGxvYWRlciBhcyBibG9jayBlbGVtZW50ICovXG4gICAgQElucHV0KClcbiAgICBibG9jayA9IGZhbHNlO1xuXG4gICAgLyoqIEFyaWEgbGFiZWwgYXR0cmlidXRlIHZhbHVlLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgYXJpYUxhYmVsOiBOdWxsYWJsZTxzdHJpbmc+O1xuXG4gICAgLyoqIHRpdGxlIGF0dHJpYnV0ZSB2YWx1ZSBmb3IgdG9vbHRpcC4gKi9cbiAgICBASW5wdXQoKVxuICAgIHRpdGxlOiBzdHJpbmc7XG5cbiAgICAvKiogYWRkIGxvYWRpbmcgbGFiZWwgdmFsdWUgKi9cbiAgICBASW5wdXQoKVxuICAgIGxhYmVsOiBzdHJpbmc7XG5cbiAgICAvKiogQXJpYSBsaXZlIGF0dHJpYnV0ZSB2YWx1ZS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGFyaWFMaXZlOiAnYXNzZXJ0aXZlJyB8ICdwb2xpdGUnIHwgbnVsbCA9ICdwb2xpdGUnO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBAVmlld0NoaWxkKCdmYWtlRm9jdXNFbGVtZW50JylcbiAgICBmYWtlRm9jdXNFbGVtZW50OiBFbGVtZW50UmVmO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gICAgLyoqIEBoaWRkZW4gSWYgZm9jdXMgZXNjYXBlcyBidXN5IGNvbnRhaW5lciBmb2N1cyBlbGVtZW50IGFmdGVyIHdyYXBwZWQgY29udGVudCAqL1xuICAgIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24nLCBbJyRldmVudCddKVxuICAgIGhvc3RGb2N1c0NoYW5nZUhhbmRsZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMubG9hZGluZyAmJiBLZXlVdGlsLmlzS2V5Q29kZShldmVudCwgVEFCKSAmJiAhZXZlbnQuc2hpZnRLZXkpIHtcbiAgICAgICAgICAgIHRoaXMuZmFrZUZvY3VzRWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiBJZiBidXN5IGNvbnRhaW5lciBpcyBuYXZpZ2F0ZWQgYXMgXCJwcmV2aW91cyBmb2N1c2FibGUgZWxlbWVudFwiLFxuICAgICAqIGZvY3VzIGJ1c3kgaW5kaWNhdG9yIHRvIHByZXZlbnQgZnJvbSBmb2N1c2luZyB3cmFwcGVkIGNvbnRlbnQgKi9cbiAgICBmYWtlRWxlbWVudEZvY3VzSGFuZGxlcihldmVudDogRm9jdXNFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5sb2FkaW5nICYmIGV2ZW50LnJlbGF0ZWRUYXJnZXQgIT09IHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCkge1xuICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImxvYWRpbmdcIj5cbiAgICA8ZGl2XG4gICAgICAgICNidXN5SW5kaWNhdG9yXG4gICAgICAgIGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3JcIlxuICAgICAgICBbY2xhc3MuZmQtYnVzeS1pbmRpY2F0b3ItLWxdPVwic2l6ZSA9PT0gJ2wnXCJcbiAgICAgICAgW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yLS1tXT1cInNpemUgPT09ICdtJ1wiXG4gICAgICAgIFtjbGFzcy5mZC1idXN5LWluZGljYXRvci0tc109XCJzaXplID09PSAncydcIlxuICAgICAgICBbY2xhc3MuZmQtYnVzeS1pbmRpY2F0b3ItLWFic29sdXRlXT1cImJ1c3lJbmRpY2F0b3I/LnByZXZpb3VzRWxlbWVudFNpYmxpbmdcIlxuICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZkLWJ1c3ktaW5kaWNhdG9yLS1jaXJjbGUtMFwiPjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3ItLWNpcmNsZS0xXCI+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmZC1idXN5LWluZGljYXRvci0tY2lyY2xlLTJcIj48L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxzcGFuICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImZkLWJ1c3ktaW5kaWNhdG9yLWV4dGVuZGVkX19sYWJlbFwiPnt7IGxhYmVsIH19PC9zcGFuPlxuXG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cImZkLWJ1c3ktaW5kaWNhdG9yX19vdmVybGF5XCJcbiAgICAgICAgW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yX19vdmVybGF5LS10cmFuc3BhcmVudF09XCIhYnVzeUluZGljYXRvcj8ucHJldmlvdXNFbGVtZW50U2libGluZ1wiXG4gICAgPjwvZGl2PlxuXG4gICAgPGRpdiAjZmFrZUZvY3VzRWxlbWVudCB0YWJpbmRleD1cIjBcIiBhcmlhLWhpZGRlbj1cInRydWVcIiAoZm9jdXNpbik9XCJmYWtlRWxlbWVudEZvY3VzSGFuZGxlcigkZXZlbnQpXCI+PC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvYnVzeS1pbmRpY2F0b3IvYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvYnVzeS1pbmRpY2F0b3IvYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFxQjVDLE1BQU0sT0FBTyxzQkFBc0I7SUFpQy9CLGNBQWM7SUFDZCxZQUFvQixXQUF1QjtRQUF2QixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQTdCM0MsZ0VBQWdFO1FBRWhFLFNBQUksR0FBc0IsR0FBRyxDQUFDO1FBRTlCLDZDQUE2QztRQUU3QyxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBY2QsaUNBQWlDO1FBRWpDLGFBQVEsR0FBNkMsUUFBUSxDQUFDO0lBT2hCLENBQUM7SUFFL0Msa0ZBQWtGO0lBRWxGLHNCQUFzQixDQUFDLEtBQW9CO1FBQ3ZDLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxPQUFPLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUU7WUFDbEUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUMvQztJQUNMLENBQUM7SUFFRDt1RUFDbUU7SUFDbkUsdUJBQXVCLENBQUMsS0FBaUI7UUFDckMsSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxhQUFhLEtBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUU7WUFDeEUsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQzFDO0lBQ0wsQ0FBQzs7bUhBbkRRLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHVzQkNoQ25DLHU5QkF5QkE7MkZET2Esc0JBQXNCO2tCQWpCbEMsU0FBUzsrQkFDSSxtQkFBbUIsaUJBR2QsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDRixhQUFhLEVBQUUsMENBQTBDO3dCQUN6RCxpQkFBaUIsRUFBRSxrQkFBa0I7d0JBQ3JDLGtCQUFrQixFQUFFLFNBQVM7d0JBQzdCLGtCQUFrQixFQUFFLFVBQVU7d0JBQzlCLG1CQUFtQixFQUFFLFdBQVc7d0JBQ2hDLGNBQWMsRUFBRSxPQUFPO3dCQUN2QixzQ0FBc0MsRUFBRSxNQUFNO3dCQUM5Qyw4Q0FBOEMsRUFBRSxRQUFRO3FCQUMzRDtpR0FLRCxPQUFPO3NCQUROLEtBQUs7Z0JBS04sSUFBSTtzQkFESCxLQUFLO2dCQUtOLEtBQUs7c0JBREosS0FBSztnQkFLTixTQUFTO3NCQURSLEtBQUs7Z0JBS04sS0FBSztzQkFESixLQUFLO2dCQUtOLEtBQUs7c0JBREosS0FBSztnQkFLTixRQUFRO3NCQURQLEtBQUs7Z0JBS04sZ0JBQWdCO3NCQURmLFNBQVM7dUJBQUMsa0JBQWtCO2dCQVE3QixzQkFBc0I7c0JBRHJCLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2V5VXRpbCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS91dGlscyc7XG5pbXBvcnQgeyBOdWxsYWJsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9zaGFyZWQnO1xuaW1wb3J0IHsgVEFCIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2tleWNvZGVzJztcblxuZXhwb3J0IHR5cGUgQnVzeUluZGljYXRvclNpemUgPSAncycgfCAnbScgfCAnbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmQtYnVzeS1pbmRpY2F0b3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9idXN5LWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1thdHRyLnJvbGVdJzogXCJsb2FkaW5nID8gJ3Byb2dyZXNzYmFyJyA6ICdwcmVzZW50YXRpb24nXCIsXG4gICAgICAgICdbYXR0ci50YWJpbmRleF0nOiAnbG9hZGluZyA/IDAgOiAtMScsXG4gICAgICAgICdbYXR0ci5hcmlhLWJ1c3ldJzogJ2xvYWRpbmcnLFxuICAgICAgICAnW2F0dHIuYXJpYS1saXZlXSc6ICdhcmlhTGl2ZScsXG4gICAgICAgICdbYXR0ci5hcmlhLWxhYmVsXSc6ICdhcmlhTGFiZWwnLFxuICAgICAgICAnW2F0dHIudGl0bGVdJzogJ3RpdGxlJyxcbiAgICAgICAgJ1tjbGFzcy5mZC1idXN5LWluZGljYXRvcl9fY29udGFpbmVyXSc6ICd0cnVlJyxcbiAgICAgICAgJ1tjbGFzcy5mZC1idXN5LWluZGljYXRvcl9fY29udGFpbmVyLS1pbmxpbmVdJzogJyFibG9jaydcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEJ1c3lJbmRpY2F0b3JDb21wb25lbnQge1xuICAgIC8qKiBXaGV0aGVyIHRvIGRpc3BsYXkgdGhlIGxvYWRpbmcgaW5kaWNhdG9yIGFuaW1hdGlvbi4gKi9cbiAgICBASW5wdXQoKVxuICAgIGxvYWRpbmc6IGJvb2xlYW47XG5cbiAgICAvKiogVGhlIHNpemUgb2YgdGhlIGxvYWRpbmcgaW5kaWNhdG9yLCBkZWZhdWx0IHdpbGwgYmUgbWVkaXVtICovXG4gICAgQElucHV0KClcbiAgICBzaXplOiBCdXN5SW5kaWNhdG9yU2l6ZSA9ICdtJztcblxuICAgIC8qKiBXaGV0aGVyIHRvIHVzZSBsb2FkZXIgYXMgYmxvY2sgZWxlbWVudCAqL1xuICAgIEBJbnB1dCgpXG4gICAgYmxvY2sgPSBmYWxzZTtcblxuICAgIC8qKiBBcmlhIGxhYmVsIGF0dHJpYnV0ZSB2YWx1ZS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGFyaWFMYWJlbDogTnVsbGFibGU8c3RyaW5nPjtcblxuICAgIC8qKiB0aXRsZSBhdHRyaWJ1dGUgdmFsdWUgZm9yIHRvb2x0aXAuICovXG4gICAgQElucHV0KClcbiAgICB0aXRsZTogc3RyaW5nO1xuXG4gICAgLyoqIGFkZCBsb2FkaW5nIGxhYmVsIHZhbHVlICovXG4gICAgQElucHV0KClcbiAgICBsYWJlbDogc3RyaW5nO1xuXG4gICAgLyoqIEFyaWEgbGl2ZSBhdHRyaWJ1dGUgdmFsdWUuICovXG4gICAgQElucHV0KClcbiAgICBhcmlhTGl2ZTogTnVsbGFibGU8J2Fzc2VydGl2ZScgfCAncG9saXRlJyB8ICdvZmYnPiA9ICdwb2xpdGUnO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBAVmlld0NoaWxkKCdmYWtlRm9jdXNFbGVtZW50JylcbiAgICBmYWtlRm9jdXNFbGVtZW50OiBFbGVtZW50UmVmO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gICAgLyoqIEBoaWRkZW4gSWYgZm9jdXMgZXNjYXBlcyBidXN5IGNvbnRhaW5lciBmb2N1cyBlbGVtZW50IGFmdGVyIHdyYXBwZWQgY29udGVudCAqL1xuICAgIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24nLCBbJyRldmVudCddKVxuICAgIGhvc3RGb2N1c0NoYW5nZUhhbmRsZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMubG9hZGluZyAmJiBLZXlVdGlsLmlzS2V5Q29kZShldmVudCwgVEFCKSAmJiAhZXZlbnQuc2hpZnRLZXkpIHtcbiAgICAgICAgICAgIHRoaXMuZmFrZUZvY3VzRWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiBJZiBidXN5IGNvbnRhaW5lciBpcyBuYXZpZ2F0ZWQgYXMgXCJwcmV2aW91cyBmb2N1c2FibGUgZWxlbWVudFwiLFxuICAgICAqIGZvY3VzIGJ1c3kgaW5kaWNhdG9yIHRvIHByZXZlbnQgZnJvbSBmb2N1c2luZyB3cmFwcGVkIGNvbnRlbnQgKi9cbiAgICBmYWtlRWxlbWVudEZvY3VzSGFuZGxlcihldmVudDogRm9jdXNFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5sb2FkaW5nICYmIGV2ZW50LnJlbGF0ZWRUYXJnZXQgIT09IHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCkge1xuICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImxvYWRpbmdcIj5cbiAgICA8ZGl2XG4gICAgICAgICNidXN5SW5kaWNhdG9yXG4gICAgICAgIGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3JcIlxuICAgICAgICBbY2xhc3MuZmQtYnVzeS1pbmRpY2F0b3ItLWxdPVwic2l6ZSA9PT0gJ2wnXCJcbiAgICAgICAgW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yLS1tXT1cInNpemUgPT09ICdtJ1wiXG4gICAgICAgIFtjbGFzcy5mZC1idXN5LWluZGljYXRvci0tc109XCJzaXplID09PSAncydcIlxuICAgICAgICBbY2xhc3MuZmQtYnVzeS1pbmRpY2F0b3ItLWFic29sdXRlXT1cImJ1c3lJbmRpY2F0b3I/LnByZXZpb3VzRWxlbWVudFNpYmxpbmdcIlxuICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZkLWJ1c3ktaW5kaWNhdG9yLS1jaXJjbGUtMFwiPjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3ItLWNpcmNsZS0xXCI+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmZC1idXN5LWluZGljYXRvci0tY2lyY2xlLTJcIj48L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxzcGFuICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImZkLWJ1c3ktaW5kaWNhdG9yLWV4dGVuZGVkX19sYWJlbFwiPnt7IGxhYmVsIH19PC9zcGFuPlxuXG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cImZkLWJ1c3ktaW5kaWNhdG9yX19vdmVybGF5XCJcbiAgICAgICAgW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yX19vdmVybGF5LS10cmFuc3BhcmVudF09XCIhYnVzeUluZGljYXRvcj8ucHJldmlvdXNFbGVtZW50U2libGluZ1wiXG4gICAgPjwvZGl2PlxuXG4gICAgPGRpdiAjZmFrZUZvY3VzRWxlbWVudCB0YWJpbmRleD1cIjBcIiBhcmlhLWhpZGRlbj1cInRydWVcIiAoZm9jdXNpbik9XCJmYWtlRWxlbWVudEZvY3VzSGFuZGxlcigkZXZlbnQpXCI+PC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==