@norwegian/core-components 7.12.2 → 7.12.3

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.
Files changed (8) hide show
  1. package/esm2022/lib/components/tooltip/tooltip.component.mjs +54 -17
  2. package/fesm2022/norwegian-core-components.mjs +53 -16
  3. package/fesm2022/norwegian-core-components.mjs.map +1 -1
  4. package/lib/components/datepicker/calendar/calendar.component.d.ts +1 -1
  5. package/lib/components/datepicker/datepicker.component.d.ts +2 -2
  6. package/lib/components/datepicker-combo/datepicker-combo.component.d.ts +1 -1
  7. package/lib/components/tooltip/tooltip.component.d.ts +5 -0
  8. package/package.json +1 -1
package/esm2022/lib/components/tooltip/tooltip.component.mjs CHANGED
@@ -19,21 +19,28 @@ export class TooltipComponent extends NasComponentBase {
19
19
  this.innerWidth = window.innerWidth;
20
20
  }
21
21
  onMouseEnter() {
22
+ if (this.hostListenerIgnored) {
23
+ return;
24
+ }
25
+ this.enabled = true;
22
26
  setTimeout(() => {
23
- if (this.hostListenerIgnored) {
24
- return;
25
- }
26
- this.enabled = true;
27
- setTimeout(() => {
28
- this.adjustTooltipPosition();
29
- });
30
- }, 300);
27
+ this.adjustTooltipPosition();
28
+ });
29
+ this.setToolTipOpacity(1, 300);
31
30
  }
32
31
  onMouseLeave() {
33
- if (this.hostListenerIgnored) {
34
- return;
32
+ this.hideToolTip();
33
+ }
34
+ onScroll() {
35
+ this.hideToolTip();
36
+ }
37
+ onClickOutside(event) {
38
+ if (this.container) {
39
+ const clickedInside = this.container.nativeElement.contains(event.target);
40
+ if (!clickedInside) {
41
+ this.hideToolTip();
42
+ }
35
43
  }
36
- this.enabled = false;
37
44
  }
38
45
  onResize() {
39
46
  this.innerWidth = window.innerWidth;
@@ -59,12 +66,14 @@ export class TooltipComponent extends NasComponentBase {
59
66
  }
60
67
  onClickClose() {
61
68
  this.enabled = false;
69
+ this.setToolTipOpacity(0);
62
70
  }
63
71
  onClickOpenMobileView() {
64
72
  if (!this.deviceHelper.isMobileWidth()) {
65
73
  return;
66
74
  }
67
75
  this.enabled = true;
76
+ this.setToolTipOpacity(1, 300);
68
77
  }
69
78
  adjustTooltipPosition() {
70
79
  if (!this.tooltip || !this.content) {
@@ -85,26 +94,48 @@ export class TooltipComponent extends NasComponentBase {
85
94
  }
86
95
  }
87
96
  renderViewHostListenerIgnoredOnInit() {
97
+ const tooltipElement = this.tooltip?.nativeElement;
98
+ const contentElement = this.content?.nativeElement;
99
+ if (!tooltipElement || !contentElement) {
100
+ return;
101
+ }
102
+ tooltipElement.style.opacity = 1;
88
103
  if (this.exists(this.left)) {
89
104
  this.left = true;
90
105
  }
91
106
  if (this.exists(this.right)) {
92
107
  this.right = true;
93
- const tooltipElement = this.tooltip?.nativeElement;
94
- const contentElement = this.content?.nativeElement;
95
108
  if (tooltipElement && contentElement) {
96
109
  const contentWidth = contentElement.getBoundingClientRect()?.width;
97
110
  tooltipElement.style.right = `${contentWidth / 2}px`;
98
111
  }
99
112
  }
100
113
  }
114
+ hideToolTip() {
115
+ if (this.hostListenerIgnored) {
116
+ return;
117
+ }
118
+ this.enabled = false;
119
+ this.setToolTipOpacity(0);
120
+ }
121
+ setToolTipOpacity(value, timout = 0) {
122
+ if (!this.tooltip) {
123
+ return;
124
+ }
125
+ setTimeout(() => {
126
+ this.tooltip.nativeElement.style.opacity = value;
127
+ }, timout);
128
+ }
101
129
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, deps: [{ token: i1.DeviceHelper }], target: i0.ɵɵFactoryTarget.Component }); }
102
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "nas-tooltip", inputs: { text: "text", enabled: "enabled", left: "left", right: "right" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('')\">\n <div [hidden]=\"!text || !enabled\" [nasClass]=\"getClasses('tooltip', [left && 'left', right && 'right'])\" #tooltip>\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close--light'\" [type]=\"'small'\"></nas-icon>\n </button>\n <p [nasClass]=\"getClasses('text')\">{{text}}</p>\n <span [nasClass]=\"getClasses('tooltip--arrow', [left && 'left', right && 'right'])\"></span>\n </div>\n <div [nasClass]=\"getClasses('content')\" #content (click)=\"onClickOpenMobileView()\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-tooltip{position:relative}.nas-tooltip__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-16px);background-color:#15273f;padding:16px;width:-webkit-max-content;width:max-content;max-width:250px}.nas-tooltip__tooltip--left{transform:translate(0) translateY(-16px)}.nas-tooltip__tooltip--right{transform:translate(0) translateY(-16px);left:unset}.nas-tooltip__tooltip--arrow{position:absolute;display:block;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);border-top:24px solid #15273F;border-right:24px solid #15273F}.nas-tooltip__tooltip--arrow--left{transform:translate(0) rotate(0);left:0;bottom:-12px;border-top:16px solid #15273F;border-right:24px solid transparent}.nas-tooltip__tooltip--arrow--right{transform:translate(0) rotate(0);left:unset;right:0;bottom:-12px;border-top:16px solid #15273F;border-left:24px solid transparent;border-right:0}.nas-tooltip__text{font-size:14px;line-height:20px;color:#fff;margin:0}.nas-tooltip__close{float:right;height:auto;display:block}@media (min-width: 640px){.nas-tooltip__close{display:none}}.nas-tooltip__close ::ng-deep nas-icon,.nas-tooltip__close ::ng-deep .nas-icon-small{display:block;height:16px;width:16px;margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
130
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "nas-tooltip", inputs: { text: "text", enabled: "enabled", left: "left", right: "right" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "window:scroll": "onScroll()", "document:click": "onClickOutside($event)", "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container [nasClass]=\"getClasses('')\">\n <div [hidden]=\"!text || !enabled\" [nasClass]=\"getClasses('tooltip', [left && 'left', right && 'right'])\" #tooltip>\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close--light'\" [type]=\"'small'\"></nas-icon>\n </button>\n <p [nasClass]=\"getClasses('text')\">{{text}}</p>\n <span [nasClass]=\"getClasses('tooltip--arrow', [left && 'left', right && 'right'])\"></span>\n </div>\n <div [nasClass]=\"getClasses('content')\" #content (click)=\"onClickOpenMobileView()\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-tooltip{position:relative}.nas-tooltip__tooltip{opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-16px);background-color:#15273f;padding:16px;width:-webkit-max-content;width:max-content;max-width:250px}.nas-tooltip__tooltip--left{transform:translate(0) translateY(-16px)}.nas-tooltip__tooltip--right{transform:translate(0) translateY(-16px);left:unset}.nas-tooltip__tooltip--arrow{position:absolute;display:block;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);border-top:24px solid #15273F;border-right:24px solid #15273F}.nas-tooltip__tooltip--arrow--left{transform:translate(0) rotate(0);left:0;bottom:-12px;border-top:16px solid #15273F;border-right:24px solid transparent}.nas-tooltip__tooltip--arrow--right{transform:translate(0) rotate(0);left:unset;right:0;bottom:-12px;border-top:16px solid #15273F;border-left:24px solid transparent;border-right:0}.nas-tooltip__text{font-size:14px;line-height:20px;color:#fff;margin:0}.nas-tooltip__close{float:right;height:auto;display:block}@media (min-width: 640px){.nas-tooltip__close{display:none}}.nas-tooltip__close ::ng-deep nas-icon,.nas-tooltip__close ::ng-deep .nas-icon-small{display:block;height:16px;width:16px;margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
103
131
  }
104
132
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, decorators: [{
105
133
  type: Component,
106
- args: [{ selector: 'nas-tooltip', template: "<div [nasClass]=\"getClasses('')\">\n <div [hidden]=\"!text || !enabled\" [nasClass]=\"getClasses('tooltip', [left && 'left', right && 'right'])\" #tooltip>\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close--light'\" [type]=\"'small'\"></nas-icon>\n </button>\n <p [nasClass]=\"getClasses('text')\">{{text}}</p>\n <span [nasClass]=\"getClasses('tooltip--arrow', [left && 'left', right && 'right'])\"></span>\n </div>\n <div [nasClass]=\"getClasses('content')\" #content (click)=\"onClickOpenMobileView()\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-tooltip{position:relative}.nas-tooltip__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-16px);background-color:#15273f;padding:16px;width:-webkit-max-content;width:max-content;max-width:250px}.nas-tooltip__tooltip--left{transform:translate(0) translateY(-16px)}.nas-tooltip__tooltip--right{transform:translate(0) translateY(-16px);left:unset}.nas-tooltip__tooltip--arrow{position:absolute;display:block;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);border-top:24px solid #15273F;border-right:24px solid #15273F}.nas-tooltip__tooltip--arrow--left{transform:translate(0) rotate(0);left:0;bottom:-12px;border-top:16px solid #15273F;border-right:24px solid transparent}.nas-tooltip__tooltip--arrow--right{transform:translate(0) rotate(0);left:unset;right:0;bottom:-12px;border-top:16px solid #15273F;border-left:24px solid transparent;border-right:0}.nas-tooltip__text{font-size:14px;line-height:20px;color:#fff;margin:0}.nas-tooltip__close{float:right;height:auto;display:block}@media (min-width: 640px){.nas-tooltip__close{display:none}}.nas-tooltip__close ::ng-deep nas-icon,.nas-tooltip__close ::ng-deep .nas-icon-small{display:block;height:16px;width:16px;margin:0}\n"] }]
107
- }], ctorParameters: function () { return [{ type: i1.DeviceHelper }]; }, propDecorators: { tooltip: [{
134
+ args: [{ selector: 'nas-tooltip', template: "<div #container [nasClass]=\"getClasses('')\">\n <div [hidden]=\"!text || !enabled\" [nasClass]=\"getClasses('tooltip', [left && 'left', right && 'right'])\" #tooltip>\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close--light'\" [type]=\"'small'\"></nas-icon>\n </button>\n <p [nasClass]=\"getClasses('text')\">{{text}}</p>\n <span [nasClass]=\"getClasses('tooltip--arrow', [left && 'left', right && 'right'])\"></span>\n </div>\n <div [nasClass]=\"getClasses('content')\" #content (click)=\"onClickOpenMobileView()\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-tooltip{position:relative}.nas-tooltip__tooltip{opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-16px);background-color:#15273f;padding:16px;width:-webkit-max-content;width:max-content;max-width:250px}.nas-tooltip__tooltip--left{transform:translate(0) translateY(-16px)}.nas-tooltip__tooltip--right{transform:translate(0) translateY(-16px);left:unset}.nas-tooltip__tooltip--arrow{position:absolute;display:block;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);border-top:24px solid #15273F;border-right:24px solid #15273F}.nas-tooltip__tooltip--arrow--left{transform:translate(0) rotate(0);left:0;bottom:-12px;border-top:16px solid #15273F;border-right:24px solid transparent}.nas-tooltip__tooltip--arrow--right{transform:translate(0) rotate(0);left:unset;right:0;bottom:-12px;border-top:16px solid #15273F;border-left:24px solid transparent;border-right:0}.nas-tooltip__text{font-size:14px;line-height:20px;color:#fff;margin:0}.nas-tooltip__close{float:right;height:auto;display:block}@media (min-width: 640px){.nas-tooltip__close{display:none}}.nas-tooltip__close ::ng-deep nas-icon,.nas-tooltip__close ::ng-deep .nas-icon-small{display:block;height:16px;width:16px;margin:0}\n"] }]
135
+ }], ctorParameters: function () { return [{ type: i1.DeviceHelper }]; }, propDecorators: { container: [{
136
+ type: ViewChild,
137
+ args: ['container', { static: false }]
138
+ }], tooltip: [{
108
139
  type: ViewChild,
109
140
  args: ['tooltip', { static: false }]
110
141
  }], content: [{
@@ -124,8 +155,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
124
155
  }], onMouseLeave: [{
125
156
  type: HostListener,
126
157
  args: ['mouseleave']
158
+ }], onScroll: [{
159
+ type: HostListener,
160
+ args: ['window:scroll', []]
161
+ }], onClickOutside: [{
162
+ type: HostListener,
163
+ args: ['document:click', ['$event']]
127
164
  }], onResize: [{
128
165
  type: HostListener,
129
166
  args: ['window:resize', ['$event']]
130
167
  }] } });
131
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxPQUFPLEVBQWlCLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU3RyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7O0FBRzlDOzs7R0FHRztBQU9ILE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxnQkFBZ0I7SUFtQ3BELFlBQW9CLFlBQTBCO1FBQzVDLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQztRQURILGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBRnRDLGVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBSXZDLENBQUM7SUFHRCxZQUFZO1FBQ1YsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksSUFBSSxDQUFDLG1CQUFtQixFQUFFO2dCQUM1QixPQUFPO2FBQ1I7WUFDRCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztZQUNwQixVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQy9CLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQztJQUdELFlBQVk7UUFDVixJQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRTtZQUM1QixPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsT0FBTyxH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QUssQ0FBQyxLQUFLLEdBQUcsR0FBRyxZQUFZLEdBQUcsQ0FBQyxJQUFJLENBQUM7YUFDdEQ7U0FDRjtJQUNILENBQUM7K0dBeklVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDZjQ25CN0Isc3BCQVdNOzs0RkRRTyxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTttR0FLa0IsT0FBTztzQkFBL0MsU0FBUzt1QkFBQyxTQUFTLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUNFLE9BQU87c0JBQS9DLFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFPOUIsSUFBSTtzQkFBWixLQUFLO2dCQU9HLE9BQU87c0JBQWYsS0FBSztnQkFPRyxJQUFJO3NCQUFaLEtBQUs7Z0JBT0csS0FBSztzQkFBYixLQUFLO2dCQVVOLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxZQUFZO2dCQWMxQixZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWTtnQkFTMUIsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBOb3J3ZWdpYW4gQWlyIFNodXR0bGUuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKi9cbmltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENsYXNzTW9kZWwgfSBmcm9tICcuLi8uLi9jb3JlL21vZGVscy9jbGFzcy5tb2RlbCc7XG5pbXBvcnQgeyBOYXNDb21wb25lbnRCYXNlIH0gZnJvbSAnLi4vLi4vY29yZSc7XG5pbXBvcnQgeyBEZXZpY2VIZWxwZXIgfSBmcm9tICcuLi8uLi9jb3JlL3NlcnZpY2VzL2RldmljZS9kZXZpY2UtaGVscGVyLnNlcnZpY2UnO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogTm9yd2VnaWFuIFRvb2x0aXAgQ29tcG9uZW50IHwgRnVuY3Rpb25hbCB8IEJldGFcbiAqL1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduYXMtdG9vbHRpcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdG9vbHRpcC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBDb21wb25lbnQgZXh0ZW5kcyBOYXNDb21wb25lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgndG9vbHRpcCcsIHsgc3RhdGljOiBmYWxzZSB9KSB0b29sdGlwOiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCdjb250ZW50JywgeyBzdGF0aWM6IGZhbHNlIH0pIGNvbnRlbnQ6IEVsZW1lbnRSZWY7XG5cbiAgLyoqXG4gICogQHByb3BlcnR5IElucHV0XG4gICogQGRlc2NyaXB0aW9uXG4gICogU2V0cyB0ZXh0IG9uIHRoZSB0b29sdGlwLlxuICAqL1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XG5cbiAgLyoqXG4gICogQHByb3BlcnR5IElucHV0XG4gICogQGRlc2NyaXB0aW9uXG4gICogRGlzcGxheXMgdGhlIHRvb2x0aXAsIGhvdmVyIGxpc3RlbmVyIHdpbGwgYmUgaWdub3JlZFxuICAqL1xuICBASW5wdXQoKSBlbmFibGVkOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFNldHMgbGVmdCBzdHlsaW5nIGZvciB0b29sIHRpcCwgYXV0byBwb3NpdGlvbmluZyBvbiBzY3JlZW4gc2l6ZSB3aWxsIGJlIGlnbm9yZWQgXG4gICAqL1xuICBASW5wdXQoKSBsZWZ0OiBib29sZWFuO1xuXG4gIC8qKlxuICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAqIEBkZXNjcmlwdGlvblxuICAqIFNldHMgcmlnaHQgc3R5bGluZyBmb3IgdG9vbCB0aXAsIGF1dG8gcG9zaXRpb25pbmcgb24gc2NyZWVuIHNpemUgd2lsbCBiZSBpZ25vcmVkXG4gICovXG4gIEBJbnB1dCgpIHJpZ2h0OiBib29sZWFuO1xuXG4gIHByaXZhdGUgaG9zdExpc3RlbmVySWdub3JlZDogYm9vbGVhbjtcbiAgcHJpdmF0ZSBpbm5lcldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkZXZpY2VIZWxwZXI6IERldmljZUhlbHBlcikge1xuICAgIHN1cGVyKCduYXMtdG9vbHRpcCcpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignbW91c2VlbnRlcicpXG4gIG9uTW91c2VFbnRlcigpIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGlmICh0aGlzLmhvc3RMaXN0ZW5lcklnbm9yZWQpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgdGhpcy5lbmFibGVkID0gdHJ1ZTtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLmFkanVzdFRvb2x0aXBQb3NpdGlvbigpO1xuICAgICAgfSk7XG4gICAgfSwgMzAwKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKVxuICBvbk1vdXNlTGVhdmUoKSB7XG4gICAgaWYgKHRoaXMuaG9zdExpc3RlbmVySWdub3JlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmVuYWJsZWQgPSBmYWxzZTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxuICBvblJlc2l6ZSgpIHtcbiAgICB0aGlzLmlubmVyV2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vSWYgXCJlbmFibGVkXCIgYXR0cmlidXRlIGV4aXN0cywgaWdub3JlIGhvc3RsaXN0ZW5lclxuICAgIHRoaXMuaG9zdExpc3RlbmVySWdub3JlZCA9IHRoaXMuZXhpc3RzKHRoaXMuZW5hYmxlZCk7XG4gICAgdGhpcy5lbmFibGVkID0gdHJ1ZTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGlmICh0aGlzLmhvc3RMaXN0ZW5lcklnbm9yZWQpIHtcbiAgICAgICAgdGhpcy5yZW5kZXJWaWV3SG9zdExpc3RlbmVySWdub3JlZE9uSW5pdCgpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICB0aGlzLmFkanVzdFRvb2x0aXBQb3NpdGlvbigpO1xuICAgICAgdGhpcy5lbmFibGVkID0gZmFsc2U7XG4gICAgfSlcbiAgfVxuXG4gIGdldENsYXNzZXMoZWxlbWVudD86IHN0cmluZywgbW9kaWZpZXJzPzogYW55KTogQXJyYXk8Q2xhc3NNb2RlbD4ge1xuICAgIGNvbnN0IGNsYXNzZXM6IEFycmF5PENsYXNzTW9kZWw+ID0gW3RoaXMuZ2V0Q2xhc3MoZWxlbWVudCwgbW9kaWZpZXJzKV07XG4gICAgcmV0dXJuIGNsYXNzZXM7XG4gIH1cblxuICBvbkNsaWNrQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5lbmFibGVkID0gZmFsc2U7XG4gIH1cblxuICBvbkNsaWNrT3Blbk1vYmlsZVZpZXcoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRldmljZUhlbHBlci5pc01vYmlsZVdpZHRoKCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5lbmFibGVkID0gdHJ1ZTtcbiAgfVxuXG4gIHByaXZhdGUgYWRqdXN0VG9vbHRpcFBvc2l0aW9uKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy50b29sdGlwIHx8ICF0aGlzLmNvbnRlbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCB0b29sdGlwRWxlbWVudCA9IHRoaXMudG9vbHRpcC5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IGNvbnRlbnRFbGVtZW50ID0gdGhpcy5jb250ZW50Lm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICBjb25zdCByZWN0ID0gdG9vbHRpcEVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3QgdG9vbFRpcExlZnRQb3NpdGlvbiA9IHJlY3Q/LmxlZnQ7XG4gICAgY29uc3QgdG9vbFRpcFJpZ2h0UG9zaXRpb24gPSByZWN0Py5yaWdodDtcblxuICAgIGlmICh0b29sVGlwTGVmdFBvc2l0aW9uIDwgMCkge1xuICAgICAgdGhpcy5sZWZ0ID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBpZiAodG9vbFRpcFJpZ2h0UG9zaXRpb24gPiB0aGlzLmlubmVyV2lkdGgpIHtcbiAgICAgIGNvbnN0IGNvbnRlbnRXaWR0aCA9IGNvbnRlbnRFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpPy53aWR0aDtcbiAgICAgIHRvb2x0aXBFbGVtZW50LnN0eWxlLnJpZ2h0ID0gYCR7Y29udGVudFdpZHRoIC8gMn1weGA7XG4gICAgICB0aGlzLnJpZ2h0ID0gdHJ1ZTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHJlbmRlclZpZXdIb3N0TGlzdGVuZXJJZ25vcmVkT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmV4aXN0cyh0aGlzLmxlZnQpKSB7XG4gICAgICB0aGlzLmxlZnQgPSB0cnVlO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmV4aXN0cyh0aGlzLnJpZ2h0KSkge1xuICAgICAgdGhpcy5yaWdodCA9IHRydWU7XG5cbiAgICAgIGNvbnN0IHRvb2x0aXBFbGVtZW50ID0gdGhpcy50b29sdGlwPy5uYXRpdmVFbGVtZW50O1xuICAgICAgY29uc3QgY29udGVudEVsZW1lbnQgPSB0aGlzLmNvbnRlbnQ/Lm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICAgIGlmICh0b29sdGlwRWxlbWVudCAmJiBjb250ZW50RWxlbWVudCkge1xuICAgICAgICBjb25zdCBjb250ZW50V2lkdGggPSBjb250ZW50RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKT8ud2lkdGg7XG4gICAgICAgIHRvb2x0aXBFbGVtZW50LnN0eWxlLnJpZ2h0ID0gYCR7Y29udGVudFdpZHRoIC8gMn1weGA7XG4gICAgICB9XG4gICAgfVxuICB9XG59IiwiPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnJylcIj5cbiAgICA8ZGl2IFtoaWRkZW5dPVwiIXRleHQgfHwgIWVuYWJsZWRcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygndG9vbHRpcCcsIFtsZWZ0ICYmICdsZWZ0JywgcmlnaHQgJiYgJ3JpZ2h0J10pXCIgI3Rvb2x0aXA+XG4gICAgICAgIDxidXR0b24gW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ2Nsb3NlJylcIiAoY2xpY2spPVwib25DbGlja0Nsb3NlKClcIj5cbiAgICAgICAgICAgIDxuYXMtaWNvbiBbaWNvbl09XCInY2xvc2UtLWxpZ2h0J1wiIFt0eXBlXT1cIidzbWFsbCdcIj48L25hcy1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPHAgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ3RleHQnKVwiPnt7dGV4dH19PC9wPlxuICAgICAgICA8c3BhbiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygndG9vbHRpcC0tYXJyb3cnLCBbbGVmdCAmJiAnbGVmdCcsIHJpZ2h0ICYmICdyaWdodCddKVwiPjwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCdjb250ZW50JylcIiAjY29udGVudCAoY2xpY2spPVwib25DbGlja09wZW5Nb2JpbGVWaWV3KClcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
168
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxPQUFPLEVBQWlCLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU3RyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7O0FBRzlDOzs7R0FHRztBQU9ILE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxnQkFBZ0I7SUFvQ3BELFlBQW9CLFlBQTBCO1FBQzVDLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQztRQURILGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBRnRDLGVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBSXZDLENBQUM7SUFHRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEVBQUU7WUFDNUIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBR0QsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBR0QsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEVB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TyxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTttR0FLb0IsU0FBUztzQkFBbkQsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUNBLE9BQU87c0JBQS9DLFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFDRSxPQUFPO3NCQUEvQyxTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBTzlCLElBQUk7c0JBQVosS0FBSztnQkFPRyxPQUFPO3NCQUFmLEtBQUs7Z0JBT0csSUFBSTtzQkFBWixLQUFLO2dCQU9HLEtBQUs7c0JBQWIsS0FBSztnQkFVTixZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWTtnQkFjMUIsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFlBQVk7Z0JBTTFCLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxlQUFlLEVBQUUsRUFBRTtnQkFNakMsY0FBYztzQkFEYixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDO2dCQVkxQyxRQUFRO3NCQURQLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IE5vcndlZ2lhbiBBaXIgU2h1dHRsZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqL1xuaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2xhc3NNb2RlbCB9IGZyb20gJy4uLy4uL2NvcmUvbW9kZWxzL2NsYXNzLm1vZGVsJztcbmltcG9ydCB7IE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9jb3JlJztcbmltcG9ydCB7IERldmljZUhlbHBlciB9IGZyb20gJy4uLy4uL2NvcmUvc2VydmljZXMvZGV2aWNlL2RldmljZS1oZWxwZXIuc2VydmljZSc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBOb3J3ZWdpYW4gVG9vbHRpcCBDb21wb25lbnQgfCBGdW5jdGlvbmFsIHwgQmV0YVxuICovXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy10b29sdGlwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Rvb2x0aXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b29sdGlwLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVG9vbHRpcENvbXBvbmVudCBleHRlbmRzIE5hc0NvbXBvbmVudEJhc2UgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBAVmlld0NoaWxkKCdjb250YWluZXInLCB7IHN0YXRpYzogZmFsc2UgfSkgY29udGFpbmVyOiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCd0b29sdGlwJywgeyBzdGF0aWM6IGZhbHNlIH0pIHRvb2x0aXA6IEVsZW1lbnRSZWY7XG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnQnLCB7IHN0YXRpYzogZmFsc2UgfSkgY29udGVudDogRWxlbWVudFJlZjtcblxuICAvKipcbiAgKiBAcHJvcGVydHkgSW5wdXRcbiAgKiBAZGVzY3JpcHRpb25cbiAgKiBTZXRzIHRleHQgb24gdGhlIHRvb2x0aXAuXG4gICovXG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcblxuICAvKipcbiAgKiBAcHJvcGVydHkgSW5wdXRcbiAgKiBAZGVzY3JpcHRpb25cbiAgKiBEaXNwbGF5cyB0aGUgdG9vbHRpcCwgaG92ZXIgbGlzdGVuZXIgd2lsbCBiZSBpZ25vcmVkXG4gICovXG4gIEBJbnB1dCgpIGVuYWJsZWQ6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyBsZWZ0IHN0eWxpbmcgZm9yIHRvb2wgdGlwLCBhdXRvIHBvc2l0aW9uaW5nIG9uIHNjcmVlbiBzaXplIHdpbGwgYmUgaWdub3JlZCBcbiAgICovXG4gIEBJbnB1dCgpIGxlZnQ6IGJvb2xlYW47XG5cbiAgLyoqXG4gICogQHByb3BlcnR5IElucHV0XG4gICogQGRlc2NyaXB0aW9uXG4gICogU2V0cyByaWdodCBzdHlsaW5nIGZvciB0b29sIHRpcCwgYXV0byBwb3NpdGlvbmluZyBvbiBzY3JlZW4gc2l6ZSB3aWxsIGJlIGlnbm9yZWRcbiAgKi9cbiAgQElucHV0KCkgcmlnaHQ6IGJvb2xlYW47XG5cbiAgcHJpdmF0ZSBob3N0TGlzdGVuZXJJZ25vcmVkOiBib29sZWFuO1xuICBwcml2YXRlIGlubmVyV2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGRldmljZUhlbHBlcjogRGV2aWNlSGVscGVyKSB7XG4gICAgc3VwZXIoJ25hcy10b29sdGlwJyk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJylcbiAgb25Nb3VzZUVudGVyKCkge1xuICAgIGlmICh0aGlzLmhvc3RMaXN0ZW5lcklnbm9yZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5lbmFibGVkID0gdHJ1ZTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuYWRqdXN0VG9vbHRpcFBvc2l0aW9uKCk7XG4gICAgfSk7XG5cbiAgICB0aGlzLnNldFRvb2xUaXBPcGFjaXR5KDEsIDMwMCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdtb3VzZWxlYXZlJylcbiAgb25Nb3VzZUxlYXZlKCkge1xuICAgIHRoaXMuaGlkZVRvb2xUaXAoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpzY3JvbGwnLCBbXSlcbiAgb25TY3JvbGwoKSB7XG4gICAgdGhpcy5oaWRlVG9vbFRpcCgpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxuICBvbkNsaWNrT3V0c2lkZShldmVudDogTW91c2VFdmVudCkge1xuICAgIGlmKHRoaXMuY29udGFpbmVyKSB7XG4gICAgICBjb25zdCBjbGlja2VkSW5zaWRlID0gdGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQpO1xuXG4gICAgICBpZiAoIWNsaWNrZWRJbnNpZGUpIHtcbiAgICAgICAgdGhpcy5oaWRlVG9vbFRpcCgpO1xuICAgICAgfVxuICAgIH1cbn1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgb25SZXNpemUoKSB7XG4gICAgdGhpcy5pbm5lcldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvL0lmIFwiZW5hYmxlZFwiIGF0dHJpYnV0ZSBleGlzdHMsIGlnbm9yZSBob3N0bGlzdGVuZXJcbiAgICB0aGlzLmhvc3RMaXN0ZW5lcklnbm9yZWQgPSB0aGlzLmV4aXN0cyh0aGlzLmVuYWJsZWQpO1xuICAgIHRoaXMuZW5hYmxlZCA9IHRydWU7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBpZiAodGhpcy5ob3N0TGlzdGVuZXJJZ25vcmVkKSB7XG4gICAgICAgIHRoaXMucmVuZGVyVmlld0hvc3RMaXN0ZW5lcklnbm9yZWRPbkluaXQoKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgdGhpcy5hZGp1c3RUb29sdGlwUG9zaXRpb24oKTtcbiAgICAgIHRoaXMuZW5hYmxlZCA9IGZhbHNlO1xuICAgIH0pXG4gIH1cblxuICBnZXRDbGFzc2VzKGVsZW1lbnQ/OiBzdHJpbmcsIG1vZGlmaWVycz86IGFueSk6IEFycmF5PENsYXNzTW9kZWw+IHtcbiAgICBjb25zdCBjbGFzc2VzOiBBcnJheTxDbGFzc01vZGVsPiA9IFt0aGlzLmdldENsYXNzKGVsZW1lbnQsIG1vZGlmaWVycyldO1xuICAgIHJldHVybiBjbGFzc2VzO1xuICB9XG5cbiAgb25DbGlja0Nsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuZW5hYmxlZCA9IGZhbHNlO1xuICAgIHRoaXMuc2V0VG9vbFRpcE9wYWNpdHkoMCk7XG4gIH1cblxuICBvbkNsaWNrT3Blbk1vYmlsZVZpZXcoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRldmljZUhlbHBlci5pc01vYmlsZVdpZHRoKCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5lbmFibGVkID0gdHJ1ZTtcbiAgICB0aGlzLnNldFRvb2xUaXBPcGFjaXR5KDEsIDMwMCk7XG4gIH1cblxuICBwcml2YXRlIGFkanVzdFRvb2x0aXBQb3NpdGlvbigpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMudG9vbHRpcCB8fCAhdGhpcy5jb250ZW50KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgdG9vbHRpcEVsZW1lbnQgPSB0aGlzLnRvb2x0aXAubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBjb250ZW50RWxlbWVudCA9IHRoaXMuY29udGVudC5uYXRpdmVFbGVtZW50O1xuXG4gICAgY29uc3QgcmVjdCA9IHRvb2x0aXBFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIGNvbnN0IHRvb2xUaXBMZWZ0UG9zaXRpb24gPSByZWN0Py5sZWZ0O1xuICAgIGNvbnN0IHRvb2xUaXBSaWdodFBvc2l0aW9uID0gcmVjdD8ucmlnaHQ7XG5cbiAgICBpZiAodG9vbFRpcExlZnRQb3NpdGlvbiA8IDApIHtcbiAgICAgIHRoaXMubGVmdCA9IHRydWU7XG4gICAgfVxuXG4gICAgaWYgKHRvb2xUaXBSaWdodFBvc2l0aW9uID4gdGhpcy5pbm5lcldpZHRoKSB7XG4gICAgICBjb25zdCBjb250ZW50V2lkdGggPSBjb250ZW50RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKT8ud2lkdGg7XG4gICAgICB0b29sdGlwRWxlbWVudC5zdHlsZS5yaWdodCA9IGAke2NvbnRlbnRXaWR0aCAvIDJ9cHhgO1xuICAgICAgdGhpcy5yaWdodCA9IHRydWU7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSByZW5kZXJWaWV3SG9zdExpc3RlbmVySWdub3JlZE9uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCB0b29sdGlwRWxlbWVudCA9IHRoaXMudG9vbHRpcD8ubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBjb250ZW50RWxlbWVudCA9IHRoaXMuY29udGVudD8ubmF0aXZlRWxlbWVudDtcblxuICAgIGlmKCF0b29sdGlwRWxlbWVudCB8fCAhY29udGVudEVsZW1lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0b29sdGlwRWxlbWVudC5zdHlsZS5vcGFjaXR5ID0gMTtcblxuICAgIGlmICh0aGlzLmV4aXN0cyh0aGlzLmxlZnQpKSB7XG4gICAgICB0aGlzLmxlZnQgPSB0cnVlO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmV4aXN0cyh0aGlzLnJpZ2h0KSkge1xuICAgICAgdGhpcy5yaWdodCA9IHRydWU7XG5cbiAgICAgIGlmICh0b29sdGlwRWxlbWVudCAmJiBjb250ZW50RWxlbWVudCkge1xuICAgICAgICBjb25zdCBjb250ZW50V2lkdGggPSBjb250ZW50RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKT8ud2lkdGg7XG4gICAgICAgIHRvb2x0aXBFbGVtZW50LnN0eWxlLnJpZ2h0ID0gYCR7Y29udGVudFdpZHRoIC8gMn1weGA7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBoaWRlVG9vbFRpcCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5ob3N0TGlzdGVuZXJJZ25vcmVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuZW5hYmxlZCA9IGZhbHNlO1xuICAgIHRoaXMuc2V0VG9vbFRpcE9wYWNpdHkoMCk7XG4gIH1cblxuICBwcml2YXRlIHNldFRvb2xUaXBPcGFjaXR5KHZhbHVlOiBudW1iZXIsIHRpbW91dCA9IDApOiB2b2lkIHtcbiAgICBpZighdGhpcy50b29sdGlwKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgc2V0VGltZW91dCggKCkgPT4ge1xuICAgICAgdGhpcy50b29sdGlwLm5hdGl2ZUVsZW1lbnQuc3R5bGUub3BhY2l0eSA9IHZhbHVlO1xuICAgIH0sIHRpbW91dCk7XG4gIH1cbn0iLCI8ZGl2ICNjb250YWluZXIgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJycpXCI+XG4gICAgPGRpdiBbaGlkZGVuXT1cIiF0ZXh0IHx8ICFlbmFibGVkXCIgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ3Rvb2x0aXAnLCBbbGVmdCAmJiAnbGVmdCcsIHJpZ2h0ICYmICdyaWdodCddKVwiICN0b29sdGlwPlxuICAgICAgICA8YnV0dG9uIFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCdjbG9zZScpXCIgKGNsaWNrKT1cIm9uQ2xpY2tDbG9zZSgpXCI+XG4gICAgICAgICAgICA8bmFzLWljb24gW2ljb25dPVwiJ2Nsb3NlLS1saWdodCdcIiBbdHlwZV09XCInc21hbGwnXCI+PC9uYXMtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxwIFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCd0ZXh0JylcIj57e3RleHR9fTwvcD5cbiAgICAgICAgPHNwYW4gW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ3Rvb2x0aXAtLWFycm93JywgW2xlZnQgJiYgJ2xlZnQnLCByaWdodCAmJiAncmlnaHQnXSlcIj48L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnY29udGVudCcpXCIgI2NvbnRlbnQgKGNsaWNrKT1cIm9uQ2xpY2tPcGVuTW9iaWxlVmlldygpXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
package/fesm2022/norwegian-core-components.mjs CHANGED
@@ -13112,21 +13112,28 @@ class TooltipComponent extends NasComponentBase {
13112
13112
  this.innerWidth = window.innerWidth;
13113
13113
  }
13114
13114
  onMouseEnter() {
13115
+ if (this.hostListenerIgnored) {
13116
+ return;
13117
+ }
13118
+ this.enabled = true;
13115
13119
  setTimeout(() => {
13116
- if (this.hostListenerIgnored) {
13117
- return;
13118
- }
13119
- this.enabled = true;
13120
- setTimeout(() => {
13121
- this.adjustTooltipPosition();
13122
- });
13123
- }, 300);
13120
+ this.adjustTooltipPosition();
13121
+ });
13122
+ this.setToolTipOpacity(1, 300);
13124
13123
  }
13125
13124
  onMouseLeave() {
13126
- if (this.hostListenerIgnored) {
13127
- return;
13125
+ this.hideToolTip();
13126
+ }
13127
+ onScroll() {
13128
+ this.hideToolTip();
13129
+ }
13130
+ onClickOutside(event) {
13131
+ if (this.container) {
13132
+ const clickedInside = this.container.nativeElement.contains(event.target);
13133
+ if (!clickedInside) {
13134
+ this.hideToolTip();
13135
+ }
13128
13136
  }
13129
- this.enabled = false;
13130
13137
  }
13131
13138
  onResize() {
13132
13139
  this.innerWidth = window.innerWidth;
@@ -13152,12 +13159,14 @@ class TooltipComponent extends NasComponentBase {
13152
13159
  }
13153
13160
  onClickClose() {
13154
13161
  this.enabled = false;
13162
+ this.setToolTipOpacity(0);
13155
13163
  }
13156
13164
  onClickOpenMobileView() {
13157
13165
  if (!this.deviceHelper.isMobileWidth()) {
13158
13166
  return;
13159
13167
  }
13160
13168
  this.enabled = true;
13169
+ this.setToolTipOpacity(1, 300);
13161
13170
  }
13162
13171
  adjustTooltipPosition() {
13163
13172
  if (!this.tooltip || !this.content) {
@@ -13178,26 +13187,48 @@ class TooltipComponent extends NasComponentBase {
13178
13187
  }
13179
13188
  }
13180
13189
  renderViewHostListenerIgnoredOnInit() {
13190
+ const tooltipElement = this.tooltip?.nativeElement;
13191
+ const contentElement = this.content?.nativeElement;
13192
+ if (!tooltipElement || !contentElement) {
13193
+ return;
13194
+ }
13195
+ tooltipElement.style.opacity = 1;
13181
13196
  if (this.exists(this.left)) {
13182
13197
  this.left = true;
13183
13198
  }
13184
13199
  if (this.exists(this.right)) {
13185
13200
  this.right = true;
13186
- const tooltipElement = this.tooltip?.nativeElement;
13187
- const contentElement = this.content?.nativeElement;
13188
13201
  if (tooltipElement && contentElement) {
13189
13202
  const contentWidth = contentElement.getBoundingClientRect()?.width;
13190
13203
  tooltipElement.style.right = `${contentWidth / 2}px`;
13191
13204
  }
13192
13205
  }
13193
13206
  }
13207
+ hideToolTip() {
13208
+ if (this.hostListenerIgnored) {
13209
+ return;
13210
+ }
13211
+ this.enabled = false;
13212
+ this.setToolTipOpacity(0);
13213
+ }
13214
+ setToolTipOpacity(value, timout = 0) {
13215
+ if (!this.tooltip) {
13216
+ return;
13217
+ }
13218
+ setTimeout(() => {
13219
+ this.tooltip.nativeElement.style.opacity = value;
13220
+ }, timout);
13221
+ }
13194
13222
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, deps: [{ token: DeviceHelper }], target: i0.ɵɵFactoryTarget.Component }); }
13195
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "nas-tooltip", inputs: { text: "text", enabled: "enabled", left: "left", right: "right" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('')\">\n <div [hidden]=\"!text || !enabled\" [nasClass]=\"getClasses('tooltip', [left && 'left', right && 'right'])\" #tooltip>\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close--light'\" [type]=\"'small'\"></nas-icon>\n </button>\n <p [nasClass]=\"getClasses('text')\">{{text}}</p>\n <span [nasClass]=\"getClasses('tooltip--arrow', [left && 'left', right && 'right'])\"></span>\n </div>\n <div [nasClass]=\"getClasses('content')\" #content (click)=\"onClickOpenMobileView()\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-tooltip{position:relative}.nas-tooltip__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-16px);background-color:#15273f;padding:16px;width:-webkit-max-content;width:max-content;max-width:250px}.nas-tooltip__tooltip--left{transform:translate(0) translateY(-16px)}.nas-tooltip__tooltip--right{transform:translate(0) translateY(-16px);left:unset}.nas-tooltip__tooltip--arrow{position:absolute;display:block;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);border-top:24px solid #15273F;border-right:24px solid #15273F}.nas-tooltip__tooltip--arrow--left{transform:translate(0) rotate(0);left:0;bottom:-12px;border-top:16px solid #15273F;border-right:24px solid transparent}.nas-tooltip__tooltip--arrow--right{transform:translate(0) rotate(0);left:unset;right:0;bottom:-12px;border-top:16px solid #15273F;border-left:24px solid transparent;border-right:0}.nas-tooltip__text{font-size:14px;line-height:20px;color:#fff;margin:0}.nas-tooltip__close{float:right;height:auto;display:block}@media (min-width: 640px){.nas-tooltip__close{display:none}}.nas-tooltip__close ::ng-deep nas-icon,.nas-tooltip__close ::ng-deep .nas-icon-small{display:block;height:16px;width:16px;margin:0}\n"], dependencies: [{ kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
13223
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "nas-tooltip", inputs: { text: "text", enabled: "enabled", left: "left", right: "right" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "window:scroll": "onScroll()", "document:click": "onClickOutside($event)", "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container [nasClass]=\"getClasses('')\">\n <div [hidden]=\"!text || !enabled\" [nasClass]=\"getClasses('tooltip', [left && 'left', right && 'right'])\" #tooltip>\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close--light'\" [type]=\"'small'\"></nas-icon>\n </button>\n <p [nasClass]=\"getClasses('text')\">{{text}}</p>\n <span [nasClass]=\"getClasses('tooltip--arrow', [left && 'left', right && 'right'])\"></span>\n </div>\n <div [nasClass]=\"getClasses('content')\" #content (click)=\"onClickOpenMobileView()\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-tooltip{position:relative}.nas-tooltip__tooltip{opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-16px);background-color:#15273f;padding:16px;width:-webkit-max-content;width:max-content;max-width:250px}.nas-tooltip__tooltip--left{transform:translate(0) translateY(-16px)}.nas-tooltip__tooltip--right{transform:translate(0) translateY(-16px);left:unset}.nas-tooltip__tooltip--arrow{position:absolute;display:block;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);border-top:24px solid #15273F;border-right:24px solid #15273F}.nas-tooltip__tooltip--arrow--left{transform:translate(0) rotate(0);left:0;bottom:-12px;border-top:16px solid #15273F;border-right:24px solid transparent}.nas-tooltip__tooltip--arrow--right{transform:translate(0) rotate(0);left:unset;right:0;bottom:-12px;border-top:16px solid #15273F;border-left:24px solid transparent;border-right:0}.nas-tooltip__text{font-size:14px;line-height:20px;color:#fff;margin:0}.nas-tooltip__close{float:right;height:auto;display:block}@media (min-width: 640px){.nas-tooltip__close{display:none}}.nas-tooltip__close ::ng-deep nas-icon,.nas-tooltip__close ::ng-deep .nas-icon-small{display:block;height:16px;width:16px;margin:0}\n"], dependencies: [{ kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
13196
13224
  }
13197
13225
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, decorators: [{
13198
13226
  type: Component,
13199
- args: [{ selector: 'nas-tooltip', template: "<div [nasClass]=\"getClasses('')\">\n <div [hidden]=\"!text || !enabled\" [nasClass]=\"getClasses('tooltip', [left && 'left', right && 'right'])\" #tooltip>\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close--light'\" [type]=\"'small'\"></nas-icon>\n </button>\n <p [nasClass]=\"getClasses('text')\">{{text}}</p>\n <span [nasClass]=\"getClasses('tooltip--arrow', [left && 'left', right && 'right'])\"></span>\n </div>\n <div [nasClass]=\"getClasses('content')\" #content (click)=\"onClickOpenMobileView()\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-tooltip{position:relative}.nas-tooltip__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-16px);background-color:#15273f;padding:16px;width:-webkit-max-content;width:max-content;max-width:250px}.nas-tooltip__tooltip--left{transform:translate(0) translateY(-16px)}.nas-tooltip__tooltip--right{transform:translate(0) translateY(-16px);left:unset}.nas-tooltip__tooltip--arrow{position:absolute;display:block;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);border-top:24px solid #15273F;border-right:24px solid #15273F}.nas-tooltip__tooltip--arrow--left{transform:translate(0) rotate(0);left:0;bottom:-12px;border-top:16px solid #15273F;border-right:24px solid transparent}.nas-tooltip__tooltip--arrow--right{transform:translate(0) rotate(0);left:unset;right:0;bottom:-12px;border-top:16px solid #15273F;border-left:24px solid transparent;border-right:0}.nas-tooltip__text{font-size:14px;line-height:20px;color:#fff;margin:0}.nas-tooltip__close{float:right;height:auto;display:block}@media (min-width: 640px){.nas-tooltip__close{display:none}}.nas-tooltip__close ::ng-deep nas-icon,.nas-tooltip__close ::ng-deep .nas-icon-small{display:block;height:16px;width:16px;margin:0}\n"] }]
13200
- }], ctorParameters: function () { return [{ type: DeviceHelper }]; }, propDecorators: { tooltip: [{
13227
+ args: [{ selector: 'nas-tooltip', template: "<div #container [nasClass]=\"getClasses('')\">\n <div [hidden]=\"!text || !enabled\" [nasClass]=\"getClasses('tooltip', [left && 'left', right && 'right'])\" #tooltip>\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close--light'\" [type]=\"'small'\"></nas-icon>\n </button>\n <p [nasClass]=\"getClasses('text')\">{{text}}</p>\n <span [nasClass]=\"getClasses('tooltip--arrow', [left && 'left', right && 'right'])\"></span>\n </div>\n <div [nasClass]=\"getClasses('content')\" #content (click)=\"onClickOpenMobileView()\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-tooltip{position:relative}.nas-tooltip__tooltip{opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-16px);background-color:#15273f;padding:16px;width:-webkit-max-content;width:max-content;max-width:250px}.nas-tooltip__tooltip--left{transform:translate(0) translateY(-16px)}.nas-tooltip__tooltip--right{transform:translate(0) translateY(-16px);left:unset}.nas-tooltip__tooltip--arrow{position:absolute;display:block;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);border-top:24px solid #15273F;border-right:24px solid #15273F}.nas-tooltip__tooltip--arrow--left{transform:translate(0) rotate(0);left:0;bottom:-12px;border-top:16px solid #15273F;border-right:24px solid transparent}.nas-tooltip__tooltip--arrow--right{transform:translate(0) rotate(0);left:unset;right:0;bottom:-12px;border-top:16px solid #15273F;border-left:24px solid transparent;border-right:0}.nas-tooltip__text{font-size:14px;line-height:20px;color:#fff;margin:0}.nas-tooltip__close{float:right;height:auto;display:block}@media (min-width: 640px){.nas-tooltip__close{display:none}}.nas-tooltip__close ::ng-deep nas-icon,.nas-tooltip__close ::ng-deep .nas-icon-small{display:block;height:16px;width:16px;margin:0}\n"] }]
13228
+ }], ctorParameters: function () { return [{ type: DeviceHelper }]; }, propDecorators: { container: [{
13229
+ type: ViewChild,
13230
+ args: ['container', { static: false }]
13231
+ }], tooltip: [{
13201
13232
  type: ViewChild,
13202
13233
  args: ['tooltip', { static: false }]
13203
13234
  }], content: [{
@@ -13217,6 +13248,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
13217
13248
  }], onMouseLeave: [{
13218
13249
  type: HostListener,
13219
13250
  args: ['mouseleave']
13251
+ }], onScroll: [{
13252
+ type: HostListener,
13253
+ args: ['window:scroll', []]
13254
+ }], onClickOutside: [{
13255
+ type: HostListener,
13256
+ args: ['document:click', ['$event']]
13220
13257
  }], onResize: [{
13221
13258
  type: HostListener,
13222
13259
  args: ['window:resize', ['$event']]