@norwegian/core-components 7.9.3 → 7.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/index.mjs +2 -1
- package/esm2022/lib/components/tooltip/index.mjs +3 -0
- package/esm2022/lib/components/tooltip/tooltip.component.mjs +129 -0
- package/esm2022/lib/components/tooltip/tooltip.module.mjs +30 -0
- package/fesm2022/norwegian-core-components.mjs +147 -1
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/tooltip/index.d.ts +2 -0
- package/lib/components/tooltip/tooltip.component.d.ts +57 -0
- package/lib/components/tooltip/tooltip.module.d.ts +10 -0
- package/package.json +1 -1
|
@@ -63,4 +63,5 @@ export * from './number-field/index';
|
|
|
63
63
|
export * from './radio/index';
|
|
64
64
|
export * from './slide-toggle/index';
|
|
65
65
|
export * from './ribbon-banner/index';
|
|
66
|
-
|
|
66
|
+
export * from './tooltip/index';
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYWNjb3JkaW9uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vYWlycG9ydC1zZWxlY3QvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9haXJwb3J0LXNlbGVjdC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2JveC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2NoZWNrYm94L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vY29udGFpbmVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vY29udGludWUvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9jb3Zlci9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2Ryb3Bkb3duL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZmlsdGVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZmlsdGVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vc29ydC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2dyaWQvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9pY29uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vaWNvbi1saXN0L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vaW5mby9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2lucHV0L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vc2ltcGxlLWxpc3QvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2RhbC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL251bWJlci1maWVsZC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3BhZ2UtZm9vdGVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vcGFnZS1oZWFkZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9wYXNzZW5nZXItc2VsZWN0L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vcGFzc2VuZ2VyLXNlbGVjdC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3ByZW1pdW0tdG9nZ2xlL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vcmFkaW8vaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zZWxlY3QvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zcGlubmVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vc3RhdHVzLWJveC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3RvZ2dsZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2xpc3QvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9qb3VybmV5LWF2YWlsYWJpbGl0eS1saXN0L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vam91cm5leS1hdmFpbGFiaWxpdHkvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9jaGlwL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vdGFiLWdyb3VwL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZGF0ZXBpY2tlci9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2RhdGVwaWNrZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9kYXRlcGlja2VyLWNvbWJvL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZGF0ZXBpY2tlci1jb21iby9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3Bob25lLW51bWJlci9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2F1dG9jb21wbGV0ZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2F1dG9jb21wbGV0ZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3RyaXAtc3VtbWFyeS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2pvdXJuZXkvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9qb3VybmV5LXN0b3BvdmVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vdGV4dGFyZWEvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWdnZXN0aW9ucy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2pvdXJuZXktc2VsZWN0aW9uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vYmFja2Ryb3AvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zbGlkZS10b2dnbGUvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zbGlkZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi90YWJsZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2RpdmlkZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi90YWcvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9hbGVydC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL21pY3JvLWJ1dHRvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2NhbXBhaWduLWhlYWRlci9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2NoZWNrYm94L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vaW5wdXQvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9udW1iZXItZmllbGQvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9yYWRpby9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NsaWRlLXRvZ2dsZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3JpYmJvbi1iYW5uZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi90b29sdGlwL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './tooltip.component';
|
|
2
|
+
export * from './tooltip.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi90b29sdGlwLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3Rvb2x0aXAubW9kdWxlJztcbiJdfQ==
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
4
|
+
*/
|
|
5
|
+
import { Component, HostListener, Input, ViewChild } from '@angular/core';
|
|
6
|
+
import { NasComponentBase } from '../../core';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "../../core/services/device/device-helper.service";
|
|
9
|
+
import * as i2 from "../../core/directives/nas-class/nas-class.directive";
|
|
10
|
+
import * as i3 from "../icon/icon.component";
|
|
11
|
+
/**
|
|
12
|
+
* @description
|
|
13
|
+
* Norwegian Tooltip Component | Functional | Beta
|
|
14
|
+
*/
|
|
15
|
+
export class TooltipComponent extends NasComponentBase {
|
|
16
|
+
constructor(deviceHelper) {
|
|
17
|
+
super('nas-tooltip');
|
|
18
|
+
this.deviceHelper = deviceHelper;
|
|
19
|
+
this.innerWidth = window.innerWidth;
|
|
20
|
+
}
|
|
21
|
+
onMouseEnter() {
|
|
22
|
+
if (this.hostListenerIgnored) {
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
this.enabled = true;
|
|
26
|
+
setTimeout(() => {
|
|
27
|
+
this.adjustTooltipPosition();
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
onMouseLeave() {
|
|
31
|
+
if (this.hostListenerIgnored) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
this.enabled = false;
|
|
35
|
+
}
|
|
36
|
+
onResize() {
|
|
37
|
+
this.innerWidth = window.innerWidth;
|
|
38
|
+
}
|
|
39
|
+
ngOnInit() {
|
|
40
|
+
//If "enabled" attribute exists, ignore hostlistener
|
|
41
|
+
this.hostListenerIgnored = this.exists(this.enabled);
|
|
42
|
+
this.enabled = true;
|
|
43
|
+
}
|
|
44
|
+
ngAfterViewInit() {
|
|
45
|
+
setTimeout(() => {
|
|
46
|
+
if (this.hostListenerIgnored) {
|
|
47
|
+
this.renderViewHostListenerIgnoredOnInit();
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
this.adjustTooltipPosition();
|
|
51
|
+
this.enabled = false;
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
getClasses(element, modifiers) {
|
|
55
|
+
const classes = [this.getClass(element, modifiers)];
|
|
56
|
+
return classes;
|
|
57
|
+
}
|
|
58
|
+
onClickClose() {
|
|
59
|
+
this.enabled = false;
|
|
60
|
+
}
|
|
61
|
+
onClickOpenMobileView() {
|
|
62
|
+
if (!this.deviceHelper.isMobileWidth()) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
this.enabled = true;
|
|
66
|
+
}
|
|
67
|
+
adjustTooltipPosition() {
|
|
68
|
+
if (!this.tooltip || !this.content) {
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
const tooltipElement = this.tooltip.nativeElement;
|
|
72
|
+
const contentElement = this.content.nativeElement;
|
|
73
|
+
const rect = tooltipElement.getBoundingClientRect();
|
|
74
|
+
const toolTipLeftPosition = rect?.left;
|
|
75
|
+
const toolTipRightPosition = rect?.right;
|
|
76
|
+
if (toolTipLeftPosition < 0) {
|
|
77
|
+
this.left = true;
|
|
78
|
+
}
|
|
79
|
+
if (toolTipRightPosition > this.innerWidth) {
|
|
80
|
+
const contentWidth = contentElement.getBoundingClientRect()?.width;
|
|
81
|
+
tooltipElement.style.right = `${contentWidth / 2}px`;
|
|
82
|
+
this.right = true;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
renderViewHostListenerIgnoredOnInit() {
|
|
86
|
+
if (this.exists(this.left)) {
|
|
87
|
+
this.left = true;
|
|
88
|
+
}
|
|
89
|
+
if (this.exists(this.right)) {
|
|
90
|
+
this.right = true;
|
|
91
|
+
const tooltipElement = this.tooltip?.nativeElement;
|
|
92
|
+
const contentElement = this.content?.nativeElement;
|
|
93
|
+
if (tooltipElement && contentElement) {
|
|
94
|
+
const contentWidth = contentElement.getBoundingClientRect()?.width;
|
|
95
|
+
tooltipElement.style.right = `${contentWidth / 2}px`;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
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 }); }
|
|
100
|
+
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"] }] }); }
|
|
101
|
+
}
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
103
|
+
type: Component,
|
|
104
|
+
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"] }]
|
|
105
|
+
}], ctorParameters: function () { return [{ type: i1.DeviceHelper }]; }, propDecorators: { tooltip: [{
|
|
106
|
+
type: ViewChild,
|
|
107
|
+
args: ['tooltip', { static: false }]
|
|
108
|
+
}], content: [{
|
|
109
|
+
type: ViewChild,
|
|
110
|
+
args: ['content', { static: false }]
|
|
111
|
+
}], text: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], enabled: [{
|
|
114
|
+
type: Input
|
|
115
|
+
}], left: [{
|
|
116
|
+
type: Input
|
|
117
|
+
}], right: [{
|
|
118
|
+
type: Input
|
|
119
|
+
}], onMouseEnter: [{
|
|
120
|
+
type: HostListener,
|
|
121
|
+
args: ['mouseenter']
|
|
122
|
+
}], onMouseLeave: [{
|
|
123
|
+
type: HostListener,
|
|
124
|
+
args: ['mouseleave']
|
|
125
|
+
}], onResize: [{
|
|
126
|
+
type: HostListener,
|
|
127
|
+
args: ['window:resize', ['$event']]
|
|
128
|
+
}] } });
|
|
129
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxPQUFPLEVBQWlCLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU3RyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7O0FBRzlDOzs7R0FHRztBQU9ILE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxnQkFBZ0I7SUFtQ3BELFlBQW9CLFlBQTBCO1FBQzVDLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQztRQURILGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBRnRDLGVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBSXZDLENBQUM7SUFHRCxZQUFZO1FBQ1YsSUFBRyxJQUFJLENBQUMsbUJBQW1CLEVBQUU7WUFDekIsT0FBTztTQUNWO1FBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQ2pDLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUdELFlBQVk7UUFDVixJQUFHLElBQUksQ0FBQyxtQkFBbUIsRUFBRTtZQUN6QixPQUFPO1NBQ1Y7UUFDRCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBR0QsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLEdB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SjtJQUNILENBQUM7K0dBdklVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDZjQ25CN0Isc3BCQVdNOzs0RkRRTyxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTttR0FLZ0IsT0FBTztzQkFBL0MsU0FBUzt1QkFBQyxTQUFTLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUNFLE9BQU87c0JBQS9DLFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFPNUIsSUFBSTtzQkFBWixLQUFLO2dCQU9HLE9BQU87c0JBQWYsS0FBSztnQkFPRyxJQUFJO3NCQUFaLEtBQUs7Z0JBT0csS0FBSztzQkFBYixLQUFLO2dCQVVOLFlBQVk7c0JBRFosWUFBWTt1QkFBQyxZQUFZO2dCQVl6QixZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWTtnQkFTMUIsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBOb3J3ZWdpYW4gQWlyIFNodXR0bGUuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKi9cbmltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENsYXNzTW9kZWwgfSBmcm9tICcuLi8uLi9jb3JlL21vZGVscy9jbGFzcy5tb2RlbCc7XG5pbXBvcnQgeyBOYXNDb21wb25lbnRCYXNlIH0gZnJvbSAnLi4vLi4vY29yZSc7XG5pbXBvcnQgeyBEZXZpY2VIZWxwZXIgfSBmcm9tICcuLi8uLi9jb3JlL3NlcnZpY2VzL2RldmljZS9kZXZpY2UtaGVscGVyLnNlcnZpY2UnO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogTm9yd2VnaWFuIFRvb2x0aXAgQ29tcG9uZW50IHwgRnVuY3Rpb25hbCB8IEJldGFcbiAqL1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduYXMtdG9vbHRpcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdG9vbHRpcC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBDb21wb25lbnQgZXh0ZW5kcyBOYXNDb21wb25lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbkBWaWV3Q2hpbGQoJ3Rvb2x0aXAnLCB7IHN0YXRpYzogZmFsc2UgfSkgdG9vbHRpcDogRWxlbWVudFJlZjtcbkBWaWV3Q2hpbGQoJ2NvbnRlbnQnLCB7IHN0YXRpYzogZmFsc2UgfSkgY29udGVudDogRWxlbWVudFJlZjtcblxuICAvKipcbiAgKiBAcHJvcGVydHkgSW5wdXRcbiAgKiBAZGVzY3JpcHRpb25cbiAgKiBTZXRzIHRleHQgb24gdGhlIHRvb2x0aXAuXG4gICovXG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcblxuICAvKipcbiAgKiBAcHJvcGVydHkgSW5wdXRcbiAgKiBAZGVzY3JpcHRpb25cbiAgKiBEaXNwbGF5cyB0aGUgdG9vbHRpcCwgaG92ZXIgbGlzdGVuZXIgd2lsbCBiZSBpZ25vcmVkXG4gICovXG4gIEBJbnB1dCgpIGVuYWJsZWQ6IGJvb2xlYW47XG5cbiAvKipcbiAgKiBAcHJvcGVydHkgSW5wdXRcbiAgKiBAZGVzY3JpcHRpb25cbiAgKiBTZXRzIGxlZnQgc3R5bGluZyBmb3IgdG9vbCB0aXAsIGF1dG8gcG9zaXRpb25pbmcgb24gc2NyZWVuIHNpemUgd2lsbCBiZSBpZ25vcmVkIFxuICAqL1xuICBASW5wdXQoKSBsZWZ0OiBib29sZWFuO1xuXG4gIC8qKlxuICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAqIEBkZXNjcmlwdGlvblxuICAqIFNldHMgcmlnaHQgc3R5bGluZyBmb3IgdG9vbCB0aXAsIGF1dG8gcG9zaXRpb25pbmcgb24gc2NyZWVuIHNpemUgd2lsbCBiZSBpZ25vcmVkXG4gICovXG4gIEBJbnB1dCgpIHJpZ2h0OiBib29sZWFuO1xuXG4gIHByaXZhdGUgaG9zdExpc3RlbmVySWdub3JlZDogYm9vbGVhbjtcbiAgcHJpdmF0ZSBpbm5lcldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkZXZpY2VIZWxwZXI6IERldmljZUhlbHBlcikge1xuICAgIHN1cGVyKCduYXMtdG9vbHRpcCcpO1xuICB9XG5cbiBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJylcbiAgb25Nb3VzZUVudGVyKCkge1xuICAgIGlmKHRoaXMuaG9zdExpc3RlbmVySWdub3JlZCkge1xuICAgICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuZW5hYmxlZCA9IHRydWU7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMuYWRqdXN0VG9vbHRpcFBvc2l0aW9uKCk7XG4gICAgfSlcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKVxuICBvbk1vdXNlTGVhdmUoKSB7XG4gICAgaWYodGhpcy5ob3N0TGlzdGVuZXJJZ25vcmVkKSB7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5lbmFibGVkID0gZmFsc2U7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgb25SZXNpemUoKSB7XG4gICAgdGhpcy5pbm5lcldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvL0lmIFwiZW5hYmxlZFwiIGF0dHJpYnV0ZSBleGlzdHMsIGlnbm9yZSBob3N0bGlzdGVuZXJcbiAgICB0aGlzLmhvc3RMaXN0ZW5lcklnbm9yZWQgPSB0aGlzLmV4aXN0cyh0aGlzLmVuYWJsZWQpO1xuICAgIHRoaXMuZW5hYmxlZCA9IHRydWU7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBpZih0aGlzLmhvc3RMaXN0ZW5lcklnbm9yZWQpIHtcbiAgICAgICAgICB0aGlzLnJlbmRlclZpZXdIb3N0TGlzdGVuZXJJZ25vcmVkT25Jbml0KCk7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgdGhpcy5hZGp1c3RUb29sdGlwUG9zaXRpb24oKTtcbiAgICAgIHRoaXMuZW5hYmxlZCA9IGZhbHNlO1xuICAgIH0pXG4gIH1cblxuICBnZXRDbGFzc2VzKGVsZW1lbnQ/OiBzdHJpbmcsIG1vZGlmaWVycz86IGFueSk6IEFycmF5PENsYXNzTW9kZWw+IHtcbiAgICAgIGNvbnN0IGNsYXNzZXM6IEFycmF5PENsYXNzTW9kZWw+ID0gW3RoaXMuZ2V0Q2xhc3MoZWxlbWVudCwgbW9kaWZpZXJzKV07XG4gICAgICByZXR1cm4gY2xhc3NlcztcbiAgfVxuXG4gIG9uQ2xpY2tDbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLmVuYWJsZWQgPSBmYWxzZTtcbiAgfVxuXG4gIG9uQ2xpY2tPcGVuTW9iaWxlVmlldygpOiB2b2lkIHtcbiAgICBpZighdGhpcy5kZXZpY2VIZWxwZXIuaXNNb2JpbGVXaWR0aCgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuZW5hYmxlZCA9IHRydWU7XG4gIH1cblxuICBwcml2YXRlIGFkanVzdFRvb2x0aXBQb3NpdGlvbigpOiB2b2lkIHtcbiAgICBpZighdGhpcy50b29sdGlwIHx8ICF0aGlzLmNvbnRlbnQpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IHRvb2x0aXBFbGVtZW50ID0gdGhpcy50b29sdGlwLm5hdGl2ZUVsZW1lbnQ7XG4gICAgY29uc3QgY29udGVudEVsZW1lbnQgPSB0aGlzLmNvbnRlbnQubmF0aXZlRWxlbWVudDtcblxuICAgIGNvbnN0IHJlY3QgPSB0b29sdGlwRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCB0b29sVGlwTGVmdFBvc2l0aW9uID0gcmVjdD8ubGVmdDtcbiAgICBjb25zdCB0b29sVGlwUmlnaHRQb3NpdGlvbiA9IHJlY3Q/LnJpZ2h0O1xuXG4gICAgaWYodG9vbFRpcExlZnRQb3NpdGlvbiA8IDApIHtcbiAgICAgICAgdGhpcy5sZWZ0ID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBpZih0b29sVGlwUmlnaHRQb3NpdGlvbiA+IHRoaXMuaW5uZXJXaWR0aCkge1xuICAgICAgICBjb25zdCBjb250ZW50V2lkdGggPSBjb250ZW50RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKT8ud2lkdGg7XG4gICAgICAgIHRvb2x0aXBFbGVtZW50LnN0eWxlLnJpZ2h0ID0gYCR7Y29udGVudFdpZHRoLzJ9cHhgO1xuICAgICAgICB0aGlzLnJpZ2h0ID0gdHJ1ZTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHJlbmRlclZpZXdIb3N0TGlzdGVuZXJJZ25vcmVkT25Jbml0KCk6IHZvaWQge1xuICAgIGlmKHRoaXMuZXhpc3RzKHRoaXMubGVmdCkpIHtcbiAgICAgICAgdGhpcy5sZWZ0ID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBpZih0aGlzLmV4aXN0cyh0aGlzLnJpZ2h0KSkge1xuICAgICAgICB0aGlzLnJpZ2h0ID0gdHJ1ZTtcblxuICAgICAgICBjb25zdCB0b29sdGlwRWxlbWVudCA9IHRoaXMudG9vbHRpcD8ubmF0aXZlRWxlbWVudDtcbiAgICAgICAgY29uc3QgY29udGVudEVsZW1lbnQgPSB0aGlzLmNvbnRlbnQ/Lm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICAgICAgaWYodG9vbHRpcEVsZW1lbnQgJiYgY29udGVudEVsZW1lbnQpIHtcbiAgICAgICAgICAgIGNvbnN0IGNvbnRlbnRXaWR0aCA9IGNvbnRlbnRFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpPy53aWR0aDtcbiAgICAgICAgICAgIHRvb2x0aXBFbGVtZW50LnN0eWxlLnJpZ2h0ID0gYCR7Y29udGVudFdpZHRoLzJ9cHhgO1xuICAgICAgICB9XG4gICAgfVxuICB9XG59IiwiPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnJylcIj5cbiAgICA8ZGl2IFtoaWRkZW5dPVwiIXRleHQgfHwgIWVuYWJsZWRcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygndG9vbHRpcCcsIFtsZWZ0ICYmICdsZWZ0JywgcmlnaHQgJiYgJ3JpZ2h0J10pXCIgI3Rvb2x0aXA+XG4gICAgICAgIDxidXR0b24gW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ2Nsb3NlJylcIiAoY2xpY2spPVwib25DbGlja0Nsb3NlKClcIj5cbiAgICAgICAgICAgIDxuYXMtaWNvbiBbaWNvbl09XCInY2xvc2UtLWxpZ2h0J1wiIFt0eXBlXT1cIidzbWFsbCdcIj48L25hcy1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPHAgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ3RleHQnKVwiPnt7dGV4dH19PC9wPlxuICAgICAgICA8c3BhbiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygndG9vbHRpcC0tYXJyb3cnLCBbbGVmdCAmJiAnbGVmdCcsIHJpZ2h0ICYmICdyaWdodCddKVwiPjwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCdjb250ZW50JylcIiAjY29udGVudCAoY2xpY2spPVwib25DbGlja09wZW5Nb2JpbGVWaWV3KClcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { TooltipComponent } from './tooltip.component';
|
|
4
|
+
import { IconModule } from '../icon';
|
|
5
|
+
import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
|
|
6
|
+
import { DeviceHelper } from '../../core/services/device/device-helper.service';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class TooltipModule {
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent], imports: [CommonModule,
|
|
11
|
+
NasClassModule,
|
|
12
|
+
IconModule], exports: [TooltipComponent] }); }
|
|
13
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, providers: [DeviceHelper], imports: [CommonModule,
|
|
14
|
+
NasClassModule,
|
|
15
|
+
IconModule] }); }
|
|
16
|
+
}
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, decorators: [{
|
|
18
|
+
type: NgModule,
|
|
19
|
+
args: [{
|
|
20
|
+
declarations: [TooltipComponent],
|
|
21
|
+
imports: [
|
|
22
|
+
CommonModule,
|
|
23
|
+
NasClassModule,
|
|
24
|
+
IconModule
|
|
25
|
+
],
|
|
26
|
+
exports: [TooltipComponent],
|
|
27
|
+
providers: [DeviceHelper]
|
|
28
|
+
}]
|
|
29
|
+
}] });
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUNyQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDbEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtEQUFrRCxDQUFDOztBQVloRixNQUFNLE9BQU8sYUFBYTsrR0FBYixhQUFhO2dIQUFiLGFBQWEsaUJBVFQsZ0JBQWdCLGFBRTdCLFlBQVk7WUFDWixjQUFjO1lBQ2QsVUFBVSxhQUVGLGdCQUFnQjtnSEFHZixhQUFhLGFBRmIsQ0FBQyxZQUFZLENBQUMsWUFMdkIsWUFBWTtZQUNaLGNBQWM7WUFDZCxVQUFVOzs0RkFLRCxhQUFhO2tCQVZ6QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUNoQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixjQUFjO3dCQUNkLFVBQVU7cUJBQ1g7b0JBQ0QsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQzNCLFNBQVMsRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRvb2x0aXBDb21wb25lbnQgfSBmcm9tICcuL3Rvb2x0aXAuY29tcG9uZW50JztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uJztcbmltcG9ydCB7IE5hc0NsYXNzTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29yZS9kaXJlY3RpdmVzL25hcy1jbGFzcy9uYXMtY2xhc3MubW9kdWxlJztcbmltcG9ydCB7IERldmljZUhlbHBlciB9IGZyb20gJy4uLy4uL2NvcmUvc2VydmljZXMvZGV2aWNlL2RldmljZS1oZWxwZXIuc2VydmljZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1Rvb2x0aXBDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE5hc0NsYXNzTW9kdWxlLFxuICAgIEljb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1Rvb2x0aXBDb21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtEZXZpY2VIZWxwZXJdXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBNb2R1bGUgeyB9Il19
|
|
@@ -13117,6 +13117,152 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
13117
13117
|
}]
|
|
13118
13118
|
}] });
|
|
13119
13119
|
|
|
13120
|
+
/**
|
|
13121
|
+
* @license
|
|
13122
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
13123
|
+
*/
|
|
13124
|
+
/**
|
|
13125
|
+
* @description
|
|
13126
|
+
* Norwegian Tooltip Component | Functional | Beta
|
|
13127
|
+
*/
|
|
13128
|
+
class TooltipComponent extends NasComponentBase {
|
|
13129
|
+
constructor(deviceHelper) {
|
|
13130
|
+
super('nas-tooltip');
|
|
13131
|
+
this.deviceHelper = deviceHelper;
|
|
13132
|
+
this.innerWidth = window.innerWidth;
|
|
13133
|
+
}
|
|
13134
|
+
onMouseEnter() {
|
|
13135
|
+
if (this.hostListenerIgnored) {
|
|
13136
|
+
return;
|
|
13137
|
+
}
|
|
13138
|
+
this.enabled = true;
|
|
13139
|
+
setTimeout(() => {
|
|
13140
|
+
this.adjustTooltipPosition();
|
|
13141
|
+
});
|
|
13142
|
+
}
|
|
13143
|
+
onMouseLeave() {
|
|
13144
|
+
if (this.hostListenerIgnored) {
|
|
13145
|
+
return;
|
|
13146
|
+
}
|
|
13147
|
+
this.enabled = false;
|
|
13148
|
+
}
|
|
13149
|
+
onResize() {
|
|
13150
|
+
this.innerWidth = window.innerWidth;
|
|
13151
|
+
}
|
|
13152
|
+
ngOnInit() {
|
|
13153
|
+
//If "enabled" attribute exists, ignore hostlistener
|
|
13154
|
+
this.hostListenerIgnored = this.exists(this.enabled);
|
|
13155
|
+
this.enabled = true;
|
|
13156
|
+
}
|
|
13157
|
+
ngAfterViewInit() {
|
|
13158
|
+
setTimeout(() => {
|
|
13159
|
+
if (this.hostListenerIgnored) {
|
|
13160
|
+
this.renderViewHostListenerIgnoredOnInit();
|
|
13161
|
+
return;
|
|
13162
|
+
}
|
|
13163
|
+
this.adjustTooltipPosition();
|
|
13164
|
+
this.enabled = false;
|
|
13165
|
+
});
|
|
13166
|
+
}
|
|
13167
|
+
getClasses(element, modifiers) {
|
|
13168
|
+
const classes = [this.getClass(element, modifiers)];
|
|
13169
|
+
return classes;
|
|
13170
|
+
}
|
|
13171
|
+
onClickClose() {
|
|
13172
|
+
this.enabled = false;
|
|
13173
|
+
}
|
|
13174
|
+
onClickOpenMobileView() {
|
|
13175
|
+
if (!this.deviceHelper.isMobileWidth()) {
|
|
13176
|
+
return;
|
|
13177
|
+
}
|
|
13178
|
+
this.enabled = true;
|
|
13179
|
+
}
|
|
13180
|
+
adjustTooltipPosition() {
|
|
13181
|
+
if (!this.tooltip || !this.content) {
|
|
13182
|
+
return;
|
|
13183
|
+
}
|
|
13184
|
+
const tooltipElement = this.tooltip.nativeElement;
|
|
13185
|
+
const contentElement = this.content.nativeElement;
|
|
13186
|
+
const rect = tooltipElement.getBoundingClientRect();
|
|
13187
|
+
const toolTipLeftPosition = rect?.left;
|
|
13188
|
+
const toolTipRightPosition = rect?.right;
|
|
13189
|
+
if (toolTipLeftPosition < 0) {
|
|
13190
|
+
this.left = true;
|
|
13191
|
+
}
|
|
13192
|
+
if (toolTipRightPosition > this.innerWidth) {
|
|
13193
|
+
const contentWidth = contentElement.getBoundingClientRect()?.width;
|
|
13194
|
+
tooltipElement.style.right = `${contentWidth / 2}px`;
|
|
13195
|
+
this.right = true;
|
|
13196
|
+
}
|
|
13197
|
+
}
|
|
13198
|
+
renderViewHostListenerIgnoredOnInit() {
|
|
13199
|
+
if (this.exists(this.left)) {
|
|
13200
|
+
this.left = true;
|
|
13201
|
+
}
|
|
13202
|
+
if (this.exists(this.right)) {
|
|
13203
|
+
this.right = true;
|
|
13204
|
+
const tooltipElement = this.tooltip?.nativeElement;
|
|
13205
|
+
const contentElement = this.content?.nativeElement;
|
|
13206
|
+
if (tooltipElement && contentElement) {
|
|
13207
|
+
const contentWidth = contentElement.getBoundingClientRect()?.width;
|
|
13208
|
+
tooltipElement.style.right = `${contentWidth / 2}px`;
|
|
13209
|
+
}
|
|
13210
|
+
}
|
|
13211
|
+
}
|
|
13212
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, deps: [{ token: DeviceHelper }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13213
|
+
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"] }] }); }
|
|
13214
|
+
}
|
|
13215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
13216
|
+
type: Component,
|
|
13217
|
+
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"] }]
|
|
13218
|
+
}], ctorParameters: function () { return [{ type: DeviceHelper }]; }, propDecorators: { tooltip: [{
|
|
13219
|
+
type: ViewChild,
|
|
13220
|
+
args: ['tooltip', { static: false }]
|
|
13221
|
+
}], content: [{
|
|
13222
|
+
type: ViewChild,
|
|
13223
|
+
args: ['content', { static: false }]
|
|
13224
|
+
}], text: [{
|
|
13225
|
+
type: Input
|
|
13226
|
+
}], enabled: [{
|
|
13227
|
+
type: Input
|
|
13228
|
+
}], left: [{
|
|
13229
|
+
type: Input
|
|
13230
|
+
}], right: [{
|
|
13231
|
+
type: Input
|
|
13232
|
+
}], onMouseEnter: [{
|
|
13233
|
+
type: HostListener,
|
|
13234
|
+
args: ['mouseenter']
|
|
13235
|
+
}], onMouseLeave: [{
|
|
13236
|
+
type: HostListener,
|
|
13237
|
+
args: ['mouseleave']
|
|
13238
|
+
}], onResize: [{
|
|
13239
|
+
type: HostListener,
|
|
13240
|
+
args: ['window:resize', ['$event']]
|
|
13241
|
+
}] } });
|
|
13242
|
+
|
|
13243
|
+
class TooltipModule {
|
|
13244
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
13245
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent], imports: [CommonModule,
|
|
13246
|
+
NasClassModule,
|
|
13247
|
+
IconModule], exports: [TooltipComponent] }); }
|
|
13248
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, providers: [DeviceHelper], imports: [CommonModule,
|
|
13249
|
+
NasClassModule,
|
|
13250
|
+
IconModule] }); }
|
|
13251
|
+
}
|
|
13252
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, decorators: [{
|
|
13253
|
+
type: NgModule,
|
|
13254
|
+
args: [{
|
|
13255
|
+
declarations: [TooltipComponent],
|
|
13256
|
+
imports: [
|
|
13257
|
+
CommonModule,
|
|
13258
|
+
NasClassModule,
|
|
13259
|
+
IconModule
|
|
13260
|
+
],
|
|
13261
|
+
exports: [TooltipComponent],
|
|
13262
|
+
providers: [DeviceHelper]
|
|
13263
|
+
}]
|
|
13264
|
+
}] });
|
|
13265
|
+
|
|
13120
13266
|
class GetPositionService {
|
|
13121
13267
|
get(element) {
|
|
13122
13268
|
let el = element;
|
|
@@ -13142,5 +13288,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
13142
13288
|
* Generated bundle index. Do not edit.
|
|
13143
13289
|
*/
|
|
13144
13290
|
|
|
13145
|
-
export { AbandonedBasketService, AccordionComponent, AccordionModule, AirportSelectComponent, AirportSelectModule, AlertComponent, AlertModule, AnimateHelper, AutocompleteComponent, AutocompleteModule, BackdropComponent, BackdropModule, BemHelper, BoxComponent, BoxModule, ButtonComponent, ButtonModule, CalendarComponent, CampaignHeaderComponent, CampaignHeaderModule, CheckboxComponent, CheckboxModule, ChipComponent, ChipModule, ColComponent, ColumnComponent, ColumnGroupComponent, ContainerComponent, ContainerModule, ContinueComponent, ContinueModule, CoverComponent, CoverModule, DateHelper, DatepickerComboComponent, DatepickerComboModule, DatepickerComponent, DatepickerModule, DeviceHelper, DividerComponent, DividerModule, DropdownComponent, DropdownModule, FilterComponent, FilterModule, GeolocationService, GetPositionService, GridComponent, GridModule, HamburgerComponent, IconComponent, IconListComponent, IconListModule, IconModule, InfoComponent, InfoModule, InputComponent, InputModule, JourneyAvailabilityComponent, JourneyAvailabilityListComponent, JourneyAvailabilityListModule, JourneyAvailabilityModule, JourneyComponent, JourneyModule, JourneySelectionComponent, JourneySelectionModule, JourneyStopoverComponent, JourneyStopoverModule, LanguageHelper, ListComponent, ListItemComponent, ListModule, MicroButtonComponent, MicroButtonModule, ModalComponent, ModalModule, NasClassDirective, NasClassModule, NasComponentBase, NumberFieldComponent, NumberFieldModule, OptgroupComponent, OptionComponent, PageFooterComponent, PageFooterModule, PageHeaderComponent, PageHeaderModule, PassengerSelectComponent, PassengerSelectModule, PassengerType, PhoneNumberComponent, PhoneNumberModule, PremiumToggleComponent, PremiumToggleModule, RadioComponent, RadioModule, ResultsLabelsModel, RibbonBannerComponent, RibbonBannerModule, SearchComponent, SelectComponent, SelectModule, SimpleListComponent, SimpleListModule, SlideToggleComponent, SlideToggleModule, SliderComponent, SliderModule, SortComponent, SortModule, SortService, SpinnerComponent, SpinnerModule, StatusBoxComponent, StatusBoxModule, SuggestionsComponent, SuggestionsModule, TabComponent, TabGroupComponent, TabGroupModule, TableBodyComponent, TableComponent, TableDataComponent, TableFootComponent, TableHeadComponent, TableHeaderComponent, TableModule, TableRowComponent, TagComponent, TagModule, TextareaComponent, TextareaModule, ToggleComponent, ToggleModule, TripSummaryComponent, TripSummaryModule, TripType, UtcDate, ViewPortService };
|
|
13291
|
+
export { AbandonedBasketService, AccordionComponent, AccordionModule, AirportSelectComponent, AirportSelectModule, AlertComponent, AlertModule, AnimateHelper, AutocompleteComponent, AutocompleteModule, BackdropComponent, BackdropModule, BemHelper, BoxComponent, BoxModule, ButtonComponent, ButtonModule, CalendarComponent, CampaignHeaderComponent, CampaignHeaderModule, CheckboxComponent, CheckboxModule, ChipComponent, ChipModule, ColComponent, ColumnComponent, ColumnGroupComponent, ContainerComponent, ContainerModule, ContinueComponent, ContinueModule, CoverComponent, CoverModule, DateHelper, DatepickerComboComponent, DatepickerComboModule, DatepickerComponent, DatepickerModule, DeviceHelper, DividerComponent, DividerModule, DropdownComponent, DropdownModule, FilterComponent, FilterModule, GeolocationService, GetPositionService, GridComponent, GridModule, HamburgerComponent, IconComponent, IconListComponent, IconListModule, IconModule, InfoComponent, InfoModule, InputComponent, InputModule, JourneyAvailabilityComponent, JourneyAvailabilityListComponent, JourneyAvailabilityListModule, JourneyAvailabilityModule, JourneyComponent, JourneyModule, JourneySelectionComponent, JourneySelectionModule, JourneyStopoverComponent, JourneyStopoverModule, LanguageHelper, ListComponent, ListItemComponent, ListModule, MicroButtonComponent, MicroButtonModule, ModalComponent, ModalModule, NasClassDirective, NasClassModule, NasComponentBase, NumberFieldComponent, NumberFieldModule, OptgroupComponent, OptionComponent, PageFooterComponent, PageFooterModule, PageHeaderComponent, PageHeaderModule, PassengerSelectComponent, PassengerSelectModule, PassengerType, PhoneNumberComponent, PhoneNumberModule, PremiumToggleComponent, PremiumToggleModule, RadioComponent, RadioModule, ResultsLabelsModel, RibbonBannerComponent, RibbonBannerModule, SearchComponent, SelectComponent, SelectModule, SimpleListComponent, SimpleListModule, SlideToggleComponent, SlideToggleModule, SliderComponent, SliderModule, SortComponent, SortModule, SortService, SpinnerComponent, SpinnerModule, StatusBoxComponent, StatusBoxModule, SuggestionsComponent, SuggestionsModule, TabComponent, TabGroupComponent, TabGroupModule, TableBodyComponent, TableComponent, TableDataComponent, TableFootComponent, TableHeadComponent, TableHeaderComponent, TableModule, TableRowComponent, TagComponent, TagModule, TextareaComponent, TextareaModule, ToggleComponent, ToggleModule, TooltipComponent, TooltipModule, TripSummaryComponent, TripSummaryModule, TripType, UtcDate, ViewPortService };
|
|
13146
13292
|
//# sourceMappingURL=norwegian-core-components.mjs.map
|