all files / diagram/objects/ tooltip.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
 
1×
1×
1×
1×
1×
1×
 
1×
1×
1×
1×
 
 
 
1×
1×
1×
1×
1×
 
1×
 
1×
1×
1×
1×
1774×
 
1×
 
 
1×
 
 
1×
 
 
1×
 
 
1×
 
 
1×
 
 
1×
 
 
1×
 
 
1×
 
 
1×
 
1×
1×
1303×
1303×
1303×
1303×
1303×
1303×
1303×
1303×
1303×
1303×
 
1×
1×
564×
3×
 
 
1×
1308×
119×
 
 
1×
67×
67×
67×
67×
 
1×
1×
1370×
80×
80×
79×
73×
 
79×
 
80×
80×
80×
80×
80×
56×
 
 
24×
 
 
 
1290×
 
1370×
 
 
 
/* istanbul ignore next */ 
var __extends = (this && this.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
/* istanbul ignore next */ 
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-popups"], function (require, exports, ej2_base_1, ej2_popups_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var DiagramTooltip = (function (_super) {
        __extends(DiagramTooltip, _super);
        function DiagramTooltip() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        __decorate([
            ej2_base_1.Property('')
        ], DiagramTooltip.prototype, "content", void 0);
        __decorate([
            ej2_base_1.Property('TopLeft')
        ], DiagramTooltip.prototype, "position", void 0);
        __decorate([
            ej2_base_1.Property('Mouse')
        ], DiagramTooltip.prototype, "relativeMode", void 0);
        __decorate([
            ej2_base_1.Property(true)
        ], DiagramTooltip.prototype, "showTipPointer", void 0);
        __decorate([
            ej2_base_1.Property('auto')
        ], DiagramTooltip.prototype, "width", void 0);
        __decorate([
            ej2_base_1.Property('auto')
        ], DiagramTooltip.prototype, "height", void 0);
        __decorate([
            ej2_base_1.Property('Auto')
        ], DiagramTooltip.prototype, "openOn", void 0);
        __decorate([
            ej2_base_1.Property()
        ], DiagramTooltip.prototype, "animation", void 0);
        __decorate([
            ej2_base_1.Property(false)
        ], DiagramTooltip.prototype, "isSticky", void 0);
        return DiagramTooltip;
    }(ej2_base_1.ChildProperty));
    exports.DiagramTooltip = DiagramTooltip;
    function initTooltip(diagram) {
        var tooltipOption = new ej2_popups_1.Tooltip;
        tooltipOption = updateTooltipContent(diagram.tooltip, tooltipOption);
        var tooltip = new ej2_popups_1.Tooltip(tooltipOption);
        tooltip.beforeCollision = beforeCollision;
        tooltip.beforeOpen = beforeOpen;
        tooltip.cssClass = 'e-diagram-tooltip';
        tooltip.opensOn = 'custom';
        tooltip.appendTo('#' + diagram.element.id);
        tooltip.close();
        return tooltip;
    }
    exports.initTooltip = initTooltip;
    function beforeOpen(args) {
        if ((this.content === '' || this.content === undefined)) {
            args.element.style.display = 'none';
        }
    }
    function beforeCollision(args) {
        if ((args.collidedPosition && args.collidedPosition !== this.position)) {
            args.element.style.display = 'none';
        }
    }
    function updateTooltip(diagram, node) {
        var tooltipObject = diagram.tooltipObject;
        var tooltip = node ? node.tooltip : diagram.tooltip;
        updateTooltipContent(tooltip, tooltipObject);
        return tooltipObject;
    }
    exports.updateTooltip = updateTooltip;
    function updateTooltipContent(tooltip, tooltipObject) {
        if (tooltip.content) {
            tooltipObject.content = tooltip.content;
            if (typeof tooltip.content === 'string') {
                var contentTemp = function () {
                    return tooltip.content;
                };
                tooltipObject.content = ej2_base_1.initializeCSPTemplate(contentTemp);
            }
            tooltipObject.position = tooltip.position;
            tooltipObject.showTipPointer = tooltip.showTipPointer;
            tooltipObject.width = tooltip.width;
            tooltipObject.height = tooltip.height;
            if (!tooltip.animation) {
                tooltipObject.animation = { close: { effect: 'None' } };
            }
            else {
                tooltipObject.animation = tooltip.animation;
            }
        }
        else {
            tooltipObject.close();
        }
        return tooltipObject;
    }
});