all files / document-editor-container/ribbon/table-layout-tab/ cell-align-group.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
 
1×
1×
1×
1×
1×
1×
 
1×
1×
1×
1×
 
 
1×
 
1×
1×
1×
1×
1×
1×
1×
1×
14×
 
1×
14×
14×
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1×
 
 
1×
 
 
1×
 
 
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", "../ribbon-interfaces"], function (require, exports, ribbon_interfaces_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.CELL_ALIGN_GROUP_ID = '_cell_align_group';
    exports.ALIGN_TOP_BUTTON_ID = '_align_top_button';
    exports.ALIGN_CENTER_BUTTON_ID = '_align_center_button';
    exports.ALIGN_BOTTOM_BUTTON_ID = '_align_bottom_button';
    var CellAlignGroup = (function (_super) {
        __extends(CellAlignGroup, _super);
        function CellAlignGroup(container) {
            return _super.call(this, container) || this;
        }
        CellAlignGroup.prototype.getGroupModel = function () {
            var _this = this;
            return {
                id: this.ribbonId + exports.CELL_ALIGN_GROUP_ID,
                header: this.localObj.getConstant('Align Text'),
                enableGroupOverflow: true,
                overflowHeader: this.localObj.getConstant('Align Text'),
                collections: [
                    {
                        items: [
                            {
                                type: 'Button',
                                keyTip: 'AT',
                                id: this.ribbonId + exports.ALIGN_TOP_BUTTON_ID,
                                buttonSettings: {
                                    iconCss: 'e-icons e-de-ctnr-aligntop',
                                    cssClass: 'e-flat e-de-icon-btn',
                                    isToggle: true,
                                    clicked: function () { return _this.applyAlignTop(); }
                                },
                                ribbonTooltipSettings: {
                                    content: this.localObj.getConstant('Align top')
                                }
                            },
                            {
                                type: 'Button',
                                keyTip: 'AL',
                                id: this.ribbonId + exports.ALIGN_CENTER_BUTTON_ID,
                                buttonSettings: {
                                    iconCss: 'e-icons e-de-ctnr-aligncenter-table',
                                    cssClass: 'e-flat e-de-icon-btn',
                                    isToggle: true,
                                    clicked: function () { return _this.applyAlignCenterHorizontal(); }
                                },
                                ribbonTooltipSettings: {
                                    content: this.localObj.getConstant('Align center')
                                }
                            },
                            {
                                type: 'Button',
                                keyTip: 'AB',
                                id: this.ribbonId + exports.ALIGN_BOTTOM_BUTTON_ID,
                                buttonSettings: {
                                    iconCss: 'e-icons e-de-ctnr-alignbottom',
                                    cssClass: 'e-flat e-de-icon-btn',
                                    isToggle: true,
                                    clicked: function () { return _this.applyAlignBottom(); }
                                },
                                ribbonTooltipSettings: {
                                    content: this.localObj.getConstant('Align bottom')
                                }
                            }
                        ]
                    }
                ]
            };
        };
        CellAlignGroup.prototype.applyAlignTop = function () {
            this.documentEditor.selectionModule.cellFormat.verticalAlignment = 'Top';
        };
        CellAlignGroup.prototype.applyAlignCenterHorizontal = function () {
            this.documentEditor.selectionModule.cellFormat.verticalAlignment = 'Center';
        };
        CellAlignGroup.prototype.applyAlignBottom = function () {
            this.documentEditor.selectionModule.cellFormat.verticalAlignment = 'Bottom';
        };
        return CellAlignGroup;
    }(ribbon_interfaces_1.RibbonGroupBase));
    exports.CellAlignGroup = CellAlignGroup;
});