@tilde-nlp/ngx-common 6.1.63 → 6.1.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,7 @@ import { Component, inject, Input, signal } from '@angular/core';
2
2
  import { MatDialog, MatDialogModule, } from '@angular/material/dialog';
3
3
  import { NewFeatureDialogComponent } from '../new-feature-dialog.component';
4
4
  import { CommonModule } from '@angular/common';
5
+ import { ResolutionHelper } from '../../helpers';
5
6
  import * as i0 from "@angular/core";
6
7
  export class NewFeatureDialogWrapperComponent {
7
8
  constructor() {
@@ -24,29 +25,32 @@ export class NewFeatureDialogWrapperComponent {
24
25
  this.isFeatureSeen = true;
25
26
  }
26
27
  showFeatureDialog() {
27
- this.featureActive.set(true);
28
- const rects = document
29
- .querySelector(`.${this.featureClassName}`)
30
- .getBoundingClientRect();
31
- if (rects) {
32
- this.dialogRef = this.#dialog.open(NewFeatureDialogComponent, {
33
- data: {
34
- title: this.titleLocalizationKey,
35
- description: this.descriptionLocalizationKey,
36
- close: this.closeLocalizationKey,
37
- featureLocalStorageKey: this.featureLocalStorageKey,
38
- },
39
- position: {
40
- left: `${rects.left - this.maxWidth}px`,
41
- top: `${rects.top + 45}px`,
42
- },
43
- maxWidth: `${this.maxWidth}px`,
44
- });
45
- this.dialogRef.afterClosed().subscribe(() => {
46
- this.featureActive.set(false);
47
- });
48
- this.setFeatureSeen();
28
+ const targetElement = document.querySelector(`.${this.featureClassName}`);
29
+ if (!targetElement) {
30
+ return;
31
+ }
32
+ if (ResolutionHelper.isMobileRes()) {
33
+ targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
49
34
  }
35
+ const updatedRects = targetElement.getBoundingClientRect();
36
+ this.featureActive.set(true);
37
+ this.dialogRef = this.#dialog.open(NewFeatureDialogComponent, {
38
+ data: {
39
+ title: this.titleLocalizationKey,
40
+ description: this.descriptionLocalizationKey,
41
+ close: this.closeLocalizationKey,
42
+ featureLocalStorageKey: this.featureLocalStorageKey,
43
+ },
44
+ position: {
45
+ left: `${updatedRects.left - this.maxWidth}px`,
46
+ top: `${updatedRects.top + 45}px`,
47
+ },
48
+ maxWidth: `${this.maxWidth}px`,
49
+ });
50
+ this.dialogRef.afterClosed().subscribe(() => {
51
+ this.featureActive.set(false);
52
+ });
53
+ this.setFeatureSeen();
50
54
  }
51
55
  setFeatureSeen() {
52
56
  if (this.featureLocalStorageKey) {
@@ -79,5 +83,5 @@ export class NewFeatureDialogWrapperComponent {
79
83
  }], maxWidth: [{
80
84
  type: Input
81
85
  }] }); })();
82
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewFeatureDialogWrapperComponent, { className: "NewFeatureDialogWrapperComponent", filePath: "lib\\new-feature-dialog\\new-feature-dialog-wrapper\\new-feature-dialog-wrapper.component.ts", lineNumber: 16 }); })();
83
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV3LWZlYXR1cmUtZGlhbG9nLXdyYXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbW1vbi9zcmMvbGliL25ldy1mZWF0dXJlLWRpYWxvZy9uZXctZmVhdHVyZS1kaWFsb2ctd3JhcHBlci9uZXctZmVhdHVyZS1kaWFsb2ctd3JhcHBlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLEVBQ0wsU0FBUyxFQUNULGVBQWUsR0FFaEIsTUFBTSwwQkFBMEIsQ0FBQztBQUNsQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBUS9DLE1BQU0sT0FBTyxnQ0FBZ0M7SUFON0M7UUFZVyxZQUFPLEdBQUcsQ0FBQyxDQUFDO1FBQ1osYUFBUSxHQUFHLEdBQUcsQ0FBQztRQUV4QixZQUFPLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRzVCLGtCQUFhLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO0tBaUR2QjtJQXJEQyxPQUFPLENBQXFCO0lBTTVCLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxzQkFBc0I7WUFDOUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQztZQUNyRCxDQUFDLENBQUMsS0FBSyxDQUFDO1FBRVYsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNqRCxVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1lBQzNCLENBQUMsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDbkIsQ0FBQztRQUVELElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQzVCLENBQUM7SUFFTyxpQkFBaUI7UUFDdkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFN0IsTUFBTSxLQUFLLEdBQUcsUUFBUTthQUNuQixhQUFhLENBQUMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBRTthQUMzQyxxQkFBcUIsRUFBRSxDQUFDO1FBRTNCLElBQUksS0FBSyxFQUFFLENBQUM7WUFDVixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLHlCQUF5QixFQUFFO2dCQUM1RCxJQUFJLEVBQUU7b0JBQ0osS0FBSyxFQUFFLElBQUksQ0FBQyxvQkFBb0I7b0JBQ2hDLFdBQVcsRUFBRSxJQUFJLENBQUMsMEJBQTBCO29CQUM1QyxLQUFLLEVBQUUsSUFBSSxDQUFDLG9CQUFvQjtvQkFDaEMsc0JBQXNCLEVBQUUsSUFBSSxDQUFDLHNCQUFzQjtpQkFDcEQ7Z0JBQ0QsUUFBUSxFQUFFO29CQUNSLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsSUFBSTtvQkFDdkMsR0FBRyxFQUFFLEdBQUcsS0FBSyxDQUFDLEdBQUcsR0FBRyxFQUFFLElBQUk7aUJBQzNCO2dCQUNELFFBQVEsRUFBRSxHQUFHLElBQUksQ0FBQyxRQUFRLElBQUk7YUFDL0IsQ0FBQyxDQUFDO1lBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUMxQyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNoQyxDQUFDLENBQUMsQ0FBQztZQUNILElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN4QixDQUFDO0lBQ0gsQ0FBQztJQUVPLGNBQWM7UUFDcEIsSUFBSSxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztZQUNoQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUM1RCxDQUFDO0lBQ0gsQ0FBQztpSUE3RFUsZ0NBQWdDO29FQUFoQyxnQ0FBZ0MsMGZBSGpDLFlBQVksRUFBRSxlQUFlOztpRkFHNUIsZ0NBQWdDO2NBTjVDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsZ0NBQWdDO2dCQUMxQyxVQUFVLEVBQUUsSUFBSTtnQkFDaEIsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSx5QkFBeUIsQ0FBQztnQkFDbkUsUUFBUSxFQUFFLEVBQUU7YUFDYjtnQkFFVSxvQkFBb0I7a0JBQTVCLEtBQUs7WUFDRywwQkFBMEI7a0JBQWxDLEtBQUs7WUFDRyxvQkFBb0I7a0JBQTVCLEtBQUs7WUFDRyxnQkFBZ0I7a0JBQXhCLEtBQUs7WUFDRyxzQkFBc0I7a0JBQTlCLEtBQUs7WUFDRyxPQUFPO2tCQUFmLEtBQUs7WUFDRyxRQUFRO2tCQUFoQixLQUFLOztrRkFQSyxnQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgSW5wdXQsIE9uSW5pdCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgTWF0RGlhbG9nLFxyXG4gIE1hdERpYWxvZ01vZHVsZSxcclxuICBNYXREaWFsb2dSZWYsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgTmV3RmVhdHVyZURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uL25ldy1mZWF0dXJlLWRpYWxvZy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItbmV3LWZlYXR1cmUtZGlhbG9nLXdyYXBwZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0RGlhbG9nTW9kdWxlLCBOZXdGZWF0dXJlRGlhbG9nQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZTogJycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZXdGZWF0dXJlRGlhbG9nV3JhcHBlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgdGl0bGVMb2NhbGl6YXRpb25LZXkhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb25Mb2NhbGl6YXRpb25LZXkhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2xvc2VMb2NhbGl6YXRpb25LZXkhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZmVhdHVyZUNsYXNzTmFtZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBmZWF0dXJlTG9jYWxTdG9yYWdlS2V5ITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRpbWVvdXQgPSAwO1xyXG4gIEBJbnB1dCgpIG1heFdpZHRoID0gMzIwO1xyXG5cclxuICAjZGlhbG9nID0gaW5qZWN0KE1hdERpYWxvZyk7XHJcbiAgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8TmV3RmVhdHVyZURpYWxvZ0NvbXBvbmVudD4gfCB1bmRlZmluZWQ7XHJcblxyXG4gIGZlYXR1cmVBY3RpdmUgPSBzaWduYWwoZmFsc2UpO1xyXG4gIGlzRmVhdHVyZVNlZW4gPSBmYWxzZTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzRmVhdHVyZVNlZW4gPSB0aGlzLmZlYXR1cmVMb2NhbFN0b3JhZ2VLZXlcclxuICAgICAgPyAhIWxvY2FsU3RvcmFnZS5nZXRJdGVtKHRoaXMuZmVhdHVyZUxvY2FsU3RvcmFnZUtleSlcclxuICAgICAgOiBmYWxzZTtcclxuXHJcbiAgICBpZiAoIXRoaXMuZmVhdHVyZUFjdGl2ZSgpICYmICF0aGlzLmlzRmVhdHVyZVNlZW4pIHtcclxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5zaG93RmVhdHVyZURpYWxvZygpO1xyXG4gICAgICB9LCB0aGlzLnRpbWVvdXQpO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuaXNGZWF0dXJlU2VlbiA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNob3dGZWF0dXJlRGlhbG9nKCkge1xyXG4gICAgdGhpcy5mZWF0dXJlQWN0aXZlLnNldCh0cnVlKTtcclxuXHJcbiAgICBjb25zdCByZWN0cyA9IGRvY3VtZW50XHJcbiAgICAgIC5xdWVyeVNlbGVjdG9yKGAuJHt0aGlzLmZlYXR1cmVDbGFzc05hbWV9YCkhXHJcbiAgICAgIC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuXHJcbiAgICBpZiAocmVjdHMpIHtcclxuICAgICAgdGhpcy5kaWFsb2dSZWYgPSB0aGlzLiNkaWFsb2cub3BlbihOZXdGZWF0dXJlRGlhbG9nQ29tcG9uZW50LCB7XHJcbiAgICAgICAgZGF0YToge1xyXG4gICAgICAgICAgdGl0bGU6IHRoaXMudGl0bGVMb2NhbGl6YXRpb25LZXksXHJcbiAgICAgICAgICBkZXNjcmlwdGlvbjogdGhpcy5kZXNjcmlwdGlvbkxvY2FsaXphdGlvbktleSxcclxuICAgICAgICAgIGNsb3NlOiB0aGlzLmNsb3NlTG9jYWxpemF0aW9uS2V5LFxyXG4gICAgICAgICAgZmVhdHVyZUxvY2FsU3RvcmFnZUtleTogdGhpcy5mZWF0dXJlTG9jYWxTdG9yYWdlS2V5LFxyXG4gICAgICAgIH0sXHJcbiAgICAgICAgcG9zaXRpb246IHtcclxuICAgICAgICAgIGxlZnQ6IGAke3JlY3RzLmxlZnQgLSB0aGlzLm1heFdpZHRofXB4YCxcclxuICAgICAgICAgIHRvcDogYCR7cmVjdHMudG9wICsgNDV9cHhgLFxyXG4gICAgICAgIH0sXHJcbiAgICAgICAgbWF4V2lkdGg6IGAke3RoaXMubWF4V2lkdGh9cHhgLFxyXG4gICAgICB9KTtcclxuICAgICAgdGhpcy5kaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuZmVhdHVyZUFjdGl2ZS5zZXQoZmFsc2UpO1xyXG4gICAgICB9KTtcclxuICAgICAgdGhpcy5zZXRGZWF0dXJlU2VlbigpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRGZWF0dXJlU2VlbigpIHtcclxuICAgIGlmICh0aGlzLmZlYXR1cmVMb2NhbFN0b3JhZ2VLZXkpIHtcclxuICAgICAgbG9jYWxTdG9yYWdlLnNldEl0ZW0odGhpcy5mZWF0dXJlTG9jYWxTdG9yYWdlS2V5LCAndHJ1ZScpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=
86
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewFeatureDialogWrapperComponent, { className: "NewFeatureDialogWrapperComponent", filePath: "lib\\new-feature-dialog\\new-feature-dialog-wrapper\\new-feature-dialog-wrapper.component.ts", lineNumber: 17 }); })();
87
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV3LWZlYXR1cmUtZGlhbG9nLXdyYXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbW1vbi9zcmMvbGliL25ldy1mZWF0dXJlLWRpYWxvZy9uZXctZmVhdHVyZS1kaWFsb2ctd3JhcHBlci9uZXctZmVhdHVyZS1kaWFsb2ctd3JhcHBlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLEVBQ0wsU0FBUyxFQUNULGVBQWUsR0FFaEIsTUFBTSwwQkFBMEIsQ0FBQztBQUNsQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFqRCxNQUFNLE9BQU8sZ0NBQWdDO0lBTjdDO1FBWVcsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUNaLGFBQVEsR0FBRyxHQUFHLENBQUM7UUFFeEIsWUFBTyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUc1QixrQkFBYSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QixrQkFBYSxHQUFHLEtBQUssQ0FBQztLQXFEdkI7SUF6REMsT0FBTyxDQUFxQjtJQU01QixRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsc0JBQXNCO1lBQzlDLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUM7WUFDckQsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUVWLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDakQsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUMzQixDQUFDLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ25CLENBQUM7UUFFRCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztJQUM1QixDQUFDO0lBRU8saUJBQWlCO1FBQ3ZCLE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO1FBRTFFLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNuQixPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksZ0JBQWdCLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQztZQUNuQyxhQUFhLENBQUMsY0FBYyxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUN4RSxDQUFDO1FBRUQsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDM0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyx5QkFBeUIsRUFBRTtZQUM1RCxJQUFJLEVBQUU7Z0JBQ0osS0FBSyxFQUFFLElBQUksQ0FBQyxvQkFBb0I7Z0JBQ2hDLFdBQVcsRUFBRSxJQUFJLENBQUMsMEJBQTBCO2dCQUM1QyxLQUFLLEVBQUUsSUFBSSxDQUFDLG9CQUFvQjtnQkFDaEMsc0JBQXNCLEVBQUUsSUFBSSxDQUFDLHNCQUFzQjthQUNwRDtZQUNELFFBQVEsRUFBRTtnQkFDUixJQUFJLEVBQUUsR0FBRyxZQUFZLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLElBQUk7Z0JBQzlDLEdBQUcsRUFBRSxHQUFHLFlBQVksQ0FBQyxHQUFHLEdBQUcsRUFBRSxJQUFJO2FBQ2xDO1lBQ0QsUUFBUSxFQUFFLEdBQUcsSUFBSSxDQUFDLFFBQVEsSUFBSTtTQUMvQixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDMUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVPLGNBQWM7UUFDcEIsSUFBSSxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztZQUNoQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUM1RCxDQUFDO0lBQ0gsQ0FBQztpSUFqRVUsZ0NBQWdDO29FQUFoQyxnQ0FBZ0MsMGZBSGpDLFlBQVksRUFBRSxlQUFlOztpRkFHNUIsZ0NBQWdDO2NBTjVDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsZ0NBQWdDO2dCQUMxQyxVQUFVLEVBQUUsSUFBSTtnQkFDaEIsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSx5QkFBeUIsQ0FBQztnQkFDbkUsUUFBUSxFQUFFLEVBQUU7YUFDYjtnQkFFVSxvQkFBb0I7a0JBQTVCLEtBQUs7WUFDRywwQkFBMEI7a0JBQWxDLEtBQUs7WUFDRyxvQkFBb0I7a0JBQTVCLEtBQUs7WUFDRyxnQkFBZ0I7a0JBQXhCLEtBQUs7WUFDRyxzQkFBc0I7a0JBQTlCLEtBQUs7WUFDRyxPQUFPO2tCQUFmLEtBQUs7WUFDRyxRQUFRO2tCQUFoQixLQUFLOztrRkFQSyxnQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgSW5wdXQsIE9uSW5pdCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgTWF0RGlhbG9nLFxyXG4gIE1hdERpYWxvZ01vZHVsZSxcclxuICBNYXREaWFsb2dSZWYsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgTmV3RmVhdHVyZURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uL25ldy1mZWF0dXJlLWRpYWxvZy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBSZXNvbHV0aW9uSGVscGVyIH0gZnJvbSAnLi4vLi4vaGVscGVycyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1uZXctZmVhdHVyZS1kaWFsb2ctd3JhcHBlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXREaWFsb2dNb2R1bGUsIE5ld0ZlYXR1cmVEaWFsb2dDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlOiAnJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5ld0ZlYXR1cmVEaWFsb2dXcmFwcGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSB0aXRsZUxvY2FsaXphdGlvbktleSE6IHN0cmluZztcclxuICBASW5wdXQoKSBkZXNjcmlwdGlvbkxvY2FsaXphdGlvbktleSE6IHN0cmluZztcclxuICBASW5wdXQoKSBjbG9zZUxvY2FsaXphdGlvbktleSE6IHN0cmluZztcclxuICBASW5wdXQoKSBmZWF0dXJlQ2xhc3NOYW1lITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGZlYXR1cmVMb2NhbFN0b3JhZ2VLZXkhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGltZW91dCA9IDA7XHJcbiAgQElucHV0KCkgbWF4V2lkdGggPSAzMjA7XHJcblxyXG4gICNkaWFsb2cgPSBpbmplY3QoTWF0RGlhbG9nKTtcclxuICBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxOZXdGZWF0dXJlRGlhbG9nQ29tcG9uZW50PiB8IHVuZGVmaW5lZDtcclxuXHJcbiAgZmVhdHVyZUFjdGl2ZSA9IHNpZ25hbChmYWxzZSk7XHJcbiAgaXNGZWF0dXJlU2VlbiA9IGZhbHNlO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNGZWF0dXJlU2VlbiA9IHRoaXMuZmVhdHVyZUxvY2FsU3RvcmFnZUtleVxyXG4gICAgICA/ICEhbG9jYWxTdG9yYWdlLmdldEl0ZW0odGhpcy5mZWF0dXJlTG9jYWxTdG9yYWdlS2V5KVxyXG4gICAgICA6IGZhbHNlO1xyXG5cclxuICAgIGlmICghdGhpcy5mZWF0dXJlQWN0aXZlKCkgJiYgIXRoaXMuaXNGZWF0dXJlU2Vlbikge1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICB0aGlzLnNob3dGZWF0dXJlRGlhbG9nKCk7XHJcbiAgICAgIH0sIHRoaXMudGltZW91dCk7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5pc0ZlYXR1cmVTZWVuID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgc2hvd0ZlYXR1cmVEaWFsb2coKSB7XHJcbiAgICBjb25zdCB0YXJnZXRFbGVtZW50ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcihgLiR7dGhpcy5mZWF0dXJlQ2xhc3NOYW1lfWApO1xyXG5cclxuICAgIGlmICghdGFyZ2V0RWxlbWVudCkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKFJlc29sdXRpb25IZWxwZXIuaXNNb2JpbGVSZXMoKSkge1xyXG4gICAgICB0YXJnZXRFbGVtZW50LnNjcm9sbEludG9WaWV3KHsgYmVoYXZpb3I6ICdzbW9vdGgnLCBibG9jazogJ2NlbnRlcicgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgdXBkYXRlZFJlY3RzID0gdGFyZ2V0RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuICAgIHRoaXMuZmVhdHVyZUFjdGl2ZS5zZXQodHJ1ZSk7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZiA9IHRoaXMuI2RpYWxvZy5vcGVuKE5ld0ZlYXR1cmVEaWFsb2dDb21wb25lbnQsIHtcclxuICAgICAgZGF0YToge1xyXG4gICAgICAgIHRpdGxlOiB0aGlzLnRpdGxlTG9jYWxpemF0aW9uS2V5LFxyXG4gICAgICAgIGRlc2NyaXB0aW9uOiB0aGlzLmRlc2NyaXB0aW9uTG9jYWxpemF0aW9uS2V5LFxyXG4gICAgICAgIGNsb3NlOiB0aGlzLmNsb3NlTG9jYWxpemF0aW9uS2V5LFxyXG4gICAgICAgIGZlYXR1cmVMb2NhbFN0b3JhZ2VLZXk6IHRoaXMuZmVhdHVyZUxvY2FsU3RvcmFnZUtleSxcclxuICAgICAgfSxcclxuICAgICAgcG9zaXRpb246IHtcclxuICAgICAgICBsZWZ0OiBgJHt1cGRhdGVkUmVjdHMubGVmdCAtIHRoaXMubWF4V2lkdGh9cHhgLFxyXG4gICAgICAgIHRvcDogYCR7dXBkYXRlZFJlY3RzLnRvcCArIDQ1fXB4YCxcclxuICAgICAgfSxcclxuICAgICAgbWF4V2lkdGg6IGAke3RoaXMubWF4V2lkdGh9cHhgLFxyXG4gICAgfSk7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgIHRoaXMuZmVhdHVyZUFjdGl2ZS5zZXQoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICB0aGlzLnNldEZlYXR1cmVTZWVuKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNldEZlYXR1cmVTZWVuKCkge1xyXG4gICAgaWYgKHRoaXMuZmVhdHVyZUxvY2FsU3RvcmFnZUtleSkge1xyXG4gICAgICBsb2NhbFN0b3JhZ2Uuc2V0SXRlbSh0aGlzLmZlYXR1cmVMb2NhbFN0b3JhZ2VLZXksICd0cnVlJyk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
@@ -8220,29 +8220,32 @@ class NewFeatureDialogWrapperComponent {
8220
8220
  this.isFeatureSeen = true;
8221
8221
  }
8222
8222
  showFeatureDialog() {
8223
- this.featureActive.set(true);
8224
- const rects = document
8225
- .querySelector(`.${this.featureClassName}`)
8226
- .getBoundingClientRect();
8227
- if (rects) {
8228
- this.dialogRef = this.#dialog.open(NewFeatureDialogComponent, {
8229
- data: {
8230
- title: this.titleLocalizationKey,
8231
- description: this.descriptionLocalizationKey,
8232
- close: this.closeLocalizationKey,
8233
- featureLocalStorageKey: this.featureLocalStorageKey,
8234
- },
8235
- position: {
8236
- left: `${rects.left - this.maxWidth}px`,
8237
- top: `${rects.top + 45}px`,
8238
- },
8239
- maxWidth: `${this.maxWidth}px`,
8240
- });
8241
- this.dialogRef.afterClosed().subscribe(() => {
8242
- this.featureActive.set(false);
8243
- });
8244
- this.setFeatureSeen();
8223
+ const targetElement = document.querySelector(`.${this.featureClassName}`);
8224
+ if (!targetElement) {
8225
+ return;
8245
8226
  }
8227
+ if (ResolutionHelper.isMobileRes()) {
8228
+ targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
8229
+ }
8230
+ const updatedRects = targetElement.getBoundingClientRect();
8231
+ this.featureActive.set(true);
8232
+ this.dialogRef = this.#dialog.open(NewFeatureDialogComponent, {
8233
+ data: {
8234
+ title: this.titleLocalizationKey,
8235
+ description: this.descriptionLocalizationKey,
8236
+ close: this.closeLocalizationKey,
8237
+ featureLocalStorageKey: this.featureLocalStorageKey,
8238
+ },
8239
+ position: {
8240
+ left: `${updatedRects.left - this.maxWidth}px`,
8241
+ top: `${updatedRects.top + 45}px`,
8242
+ },
8243
+ maxWidth: `${this.maxWidth}px`,
8244
+ });
8245
+ this.dialogRef.afterClosed().subscribe(() => {
8246
+ this.featureActive.set(false);
8247
+ });
8248
+ this.setFeatureSeen();
8246
8249
  }
8247
8250
  setFeatureSeen() {
8248
8251
  if (this.featureLocalStorageKey) {
@@ -8275,7 +8278,7 @@ class NewFeatureDialogWrapperComponent {
8275
8278
  }], maxWidth: [{
8276
8279
  type: Input
8277
8280
  }] }); })();
8278
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewFeatureDialogWrapperComponent, { className: "NewFeatureDialogWrapperComponent", filePath: "lib\\new-feature-dialog\\new-feature-dialog-wrapper\\new-feature-dialog-wrapper.component.ts", lineNumber: 16 }); })();
8281
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewFeatureDialogWrapperComponent, { className: "NewFeatureDialogWrapperComponent", filePath: "lib\\new-feature-dialog\\new-feature-dialog-wrapper\\new-feature-dialog-wrapper.component.ts", lineNumber: 17 }); })();
8279
8282
 
8280
8283
  /*
8281
8284
  * Public API Surface of ngx-common