@trudb/tru-common-lib 0.2.52 → 0.2.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -62,11 +62,12 @@ import { MatSnackBarModule } from '@angular/material/snack-bar';
62
62
  import { MatSortModule } from '@angular/material/sort';
63
63
  import * as i5$1 from '@angular/material/table';
64
64
  import { MatTableModule, MatTable } from '@angular/material/table';
65
- import * as i2$2 from '@angular/material/tabs';
65
+ import * as i2$3 from '@angular/material/tabs';
66
66
  import { MatTabsModule, MatTab, MatTabGroup } from '@angular/material/tabs';
67
67
  import { MatToolbarModule } from '@angular/material/toolbar';
68
68
  import { MatTooltipModule } from '@angular/material/tooltip';
69
69
  import { MatTreeModule } from '@angular/material/tree';
70
+ import * as i2$2 from '@angular/cdk/overlay';
70
71
  import { OverlayModule } from '@angular/cdk/overlay';
71
72
  import { PasswordStrengthMeterComponent } from 'angular-password-strength-meter';
72
73
  import * as i1$2 from 'ngx-toastr';
@@ -8357,14 +8358,16 @@ class TruDesktopWindowStateMonitor {
8357
8358
  el;
8358
8359
  renderer;
8359
8360
  windowEventHandler;
8361
+ overlayContainer;
8360
8362
  active = true;
8361
8363
  tabListener;
8362
8364
  focusListener;
8363
8365
  focusableElements = [];
8364
- constructor(el, renderer, windowEventHandler) {
8366
+ constructor(el, renderer, windowEventHandler, overlayContainer) {
8365
8367
  this.el = el;
8366
8368
  this.renderer = renderer;
8367
8369
  this.windowEventHandler = windowEventHandler;
8370
+ this.overlayContainer = overlayContainer;
8368
8371
  }
8369
8372
  setWindowState = () => {
8370
8373
  if (this.active)
@@ -8413,6 +8416,9 @@ class TruDesktopWindowStateMonitor {
8413
8416
  }
8414
8417
  onFocusIn(event) {
8415
8418
  if (this.active) {
8419
+ let overlayElement = this.overlayContainer.getContainerElement();
8420
+ if (overlayElement.childElementCount > 0)
8421
+ return; // Ignore focus events when overlays are present
8416
8422
  setTimeout(() => {
8417
8423
  let target = event.target;
8418
8424
  this.focusableElements = this.getFocusableChildElements();
@@ -8441,7 +8447,7 @@ class TruDesktopWindowStateMonitor {
8441
8447
  this.tabListener();
8442
8448
  this.focusListener();
8443
8449
  }
8444
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDesktopWindowStateMonitor, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: TruWindowEventHandler }], target: i0.ɵɵFactoryTarget.Directive });
8450
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDesktopWindowStateMonitor, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: TruWindowEventHandler }, { token: i2$2.OverlayContainer }], target: i0.ɵɵFactoryTarget.Directive });
8445
8451
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: TruDesktopWindowStateMonitor, isStandalone: true, selector: "[truDesktopWindowStateMonitor]", inputs: { active: ["truDesktopWindowStateMonitor", "active"] }, usesOnChanges: true, ngImport: i0 });
8446
8452
  }
8447
8453
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDesktopWindowStateMonitor, decorators: [{
@@ -8449,7 +8455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
8449
8455
  args: [{
8450
8456
  selector: '[truDesktopWindowStateMonitor]'
8451
8457
  }]
8452
- }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: TruWindowEventHandler }], propDecorators: { active: [{
8458
+ }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: TruWindowEventHandler }, { type: i2$2.OverlayContainer }], propDecorators: { active: [{
8453
8459
  type: Input,
8454
8460
  args: ['truDesktopWindowStateMonitor']
8455
8461
  }] } });
@@ -10126,7 +10132,7 @@ class TruTab {
10126
10132
  this.tabGroupEventNotifier.isActive = isActive;
10127
10133
  };
10128
10134
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruTab, deps: [{ token: TruTabGroupEventNotifier }], target: i0.ɵɵFactoryTarget.Component });
10129
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruTab, isStandalone: true, selector: "tru-tab", inputs: { view: "view", label: "label" }, providers: [TruTabGroupEventNotifier], viewQueries: [{ propertyName: "matTab", first: true, predicate: MatTab, descendants: true }], ngImport: i0, template: "<mat-tab [label]=\"label\" [disabled]=\"!view.window.isActive()\">\r\n <ng-content></ng-content>\r\n</mat-tab>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }], encapsulation: i0.ViewEncapsulation.None });
10135
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruTab, isStandalone: true, selector: "tru-tab", inputs: { view: "view", label: "label" }, providers: [TruTabGroupEventNotifier], viewQueries: [{ propertyName: "matTab", first: true, predicate: MatTab, descendants: true }], ngImport: i0, template: "<mat-tab [label]=\"label\" [disabled]=\"!view.window.isActive()\">\r\n <ng-content></ng-content>\r\n</mat-tab>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }], encapsulation: i0.ViewEncapsulation.None });
10130
10136
  }
10131
10137
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruTab, decorators: [{
10132
10138
  type: Component,
@@ -10162,7 +10168,7 @@ class TruTabGroup {
10162
10168
  });
10163
10169
  }
10164
10170
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruTabGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
10165
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruTabGroup, isStandalone: true, selector: "tru-tab-group", queries: [{ propertyName: "tabs", predicate: TruTab }], viewQueries: [{ propertyName: "tabGroup", first: true, predicate: MatTabGroup, descendants: true }], ngImport: i0, template: "<mat-tab-group #tabGroup\r\n (selectedTabChange)=\"onChange($event)\"\r\n animationDuration=\"0ms\">\r\n <ng-content #outlet></ng-content>\r\n</mat-tab-group>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }], encapsulation: i0.ViewEncapsulation.None });
10171
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruTabGroup, isStandalone: true, selector: "tru-tab-group", queries: [{ propertyName: "tabs", predicate: TruTab }], viewQueries: [{ propertyName: "tabGroup", first: true, predicate: MatTabGroup, descendants: true }], ngImport: i0, template: "<mat-tab-group #tabGroup\r\n (selectedTabChange)=\"onChange($event)\"\r\n animationDuration=\"0ms\">\r\n <ng-content #outlet></ng-content>\r\n</mat-tab-group>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }], encapsulation: i0.ViewEncapsulation.None });
10166
10172
  }
10167
10173
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruTabGroup, decorators: [{
10168
10174
  type: Component,