all files / diagram/core/elements/ native-element.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
 
1×
1×
1×
1×
1×
1×
 
1×
1×
1×
1×
 
 
1×
 
1×
1×
1×
1×
94×
94×
94×
94×
94×
94×
94×
94×
 
1×
 
301×
 
 
166×
166×
98×
98×
98×
98×
 
 
 
 
 
1×
178×
96×
96×
96×
96×
96×
96×
96×
96×
 
178×
23×
23×
 
 
155×
 
178×
178×
 
1×
178×
178×
178×
 
1×
 
1×
 
 
/* 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 __());
    };
})();
define(["require", "exports", "../../primitives/size", "./diagram-element", "./../../utility/dom-util"], function (require, exports, size_1, diagram_element_1, dom_util_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var DiagramNativeElement = (function (_super) {
        __extends(DiagramNativeElement, _super);
        function DiagramNativeElement(nodeId, diagramId) {
            var _this = _super.call(this) || this;
            _this.data = '';
            _this.nodeId = '';
            _this.diagramId = '';
            _this.scale = 'Stretch';
            _this.diagramId = diagramId;
            _this.nodeId = nodeId;
            return _this;
        }
        Object.defineProperty(DiagramNativeElement.prototype, "content", {
            get: function () {
                return this.data;
            },
            set: function (value) {
                this.data = value;
                if (!this.canReset) {
                    this.canReset = true;
                    this.template = dom_util_1.getContent(this, false);
                    this.canReset = false;
                    this.isDirt = true;
                }
            },
            enumerable: true,
            configurable: true
        });
        DiagramNativeElement.prototype.measure = function (availableSize) {
            if (this.isDirt) {
                var rect = dom_util_1.measureNativeContent(this.template);
                this.contentSize = new size_1.Size();
                this.contentSize.width = rect.width;
                this.contentSize.height = rect.height;
                var x = rect.x;
                var y = rect.y;
                this.templatePosition = { x: x, y: y };
                this.isDirt = false;
            }
            if (this.width === undefined || this.height === undefined) {
                var getAvailableSize = dom_util_1.measureNativeSvg(this.template);
                this.desiredSize = new size_1.Size(getAvailableSize.width, getAvailableSize.height);
            }
            else {
                this.desiredSize = new size_1.Size(this.width, this.height);
            }
            this.desiredSize = this.validateDesiredSize(this.desiredSize, availableSize);
            return this.desiredSize;
        };
        DiagramNativeElement.prototype.arrange = function (desiredSize) {
            this.actualSize = new size_1.Size(this.desiredSize.width, this.desiredSize.height);
            this.updateBounds();
            return this.actualSize;
        };
        return DiagramNativeElement;
    }(diagram_element_1.DiagramElement));
    exports.DiagramNativeElement = DiagramNativeElement;
});