all files / document-editor-container/ribbon/ribbon-base/ ribbon-event-manager.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×
14×
14×
 
1×
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1×
8×
 
1×
21×
21×
21×
 
1×
 
 
 
 
 
 
 
 
 
1×
 
 
 
 
 
 
 
 
 
 
1×
21×
3×
3×
 
18×
 
 
 
18×
1×
 
 
1×
 
1×
 
 
define(["require", "exports", "./../home-tab/font-group", "./../home-tab/home-paragraph-group", "./../layout-tab/page-setup-group", "./../table-design-tab/constants", "./../home-tab/styles-group", "./ribbon-constants", "../layout-tab/layout-paragraph-group"], function (require, exports, font_group_1, home_paragraph_group_1, page_setup_group_1, constants_1, styles_group_1, ribbon_constants_1, layout_paragraph_group_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var RibbonEventManager = (function () {
        function RibbonEventManager(ribbon, container) {
            this.ribbon = ribbon;
            this.container = container;
        }
        RibbonEventManager.prototype.onLauncherIconClicked = function (args) {
            var id = this.ribbon.container.element.id + ribbon_constants_1.RIBBON_ID;
            switch (args.groupId) {
                case id + font_group_1.FONT_GROUP_ID:
                    this.container.documentEditor.showDialog('Font');
                    break;
                case id + home_paragraph_group_1.PARAGRAPH_GROUP_ID:
                case id + layout_paragraph_group_1.LAYOUT_PARAGRAPH_GROUP:
                    this.container.documentEditor.showDialog('Paragraph');
                    break;
                case id + page_setup_group_1.PAGE_SETUP_GROUP_ID:
                    this.container.documentEditor.showDialog('PageSetup');
                    break;
                case id + constants_1.BORDERS_SHADING_GROUP_ID:
                    this.container.documentEditor.showDialog('BordersAndShading');
                    break;
                case id + styles_group_1.STYLES_GROUP_ID:
                    this.container.documentEditor.showDialog('Styles');
                    break;
            }
        };
        RibbonEventManager.prototype.onFileMenuItemSelect = function (args) {
            this.ribbon.tabManager.fileMenu.onFileMenuItemSelect(args);
        };
        RibbonEventManager.prototype.onTabSelected = function (args) {
            this.updateNumericTextBox(this.ribbon.ribbon.tabs[args.selectedIndex].header);
            this.ribbon.tabManager.updateAllTabs();
            this.container.documentEditor.focusIn();
        };
        RibbonEventManager.prototype.onRibbonLayoutChange = function () {
            if (this.ribbon.tabManager.pictureFormatTab && this.ribbon.tabManager.pictureFormatTab.sizeGroup) {
                this.ribbon.tabManager.pictureFormatTab.sizeGroup.resetInitializationState();
            }
            if (this.ribbon.tabManager.layoutTab && this.ribbon.tabManager.layoutTab.layoutParagraphGroup) {
                this.ribbon.tabManager.layoutTab.layoutParagraphGroup.resetInitializationState();
            }
            this.updateNumericTextBox(this.ribbon.ribbon.tabs[this.ribbon.ribbon.selectedTab].header);
            this.resizeEditor(this.ribbon.container.editorContainer);
        };
        RibbonEventManager.prototype.resizeEditor = function (editorContainer) {
            var _a;
            (_a = editorContainer.classList).remove.apply(_a, ['e-de-tool-ctnr-properties-pane', 'e-de-ribbon-simplified-ctnr-properties-pane', 'e-de-ribbon-classic-ctnr-properties-pane']);
            if (this.ribbon.ribbon.activeLayout === 'Simplified') {
                editorContainer.classList.add('e-de-ribbon-simplified-ctnr-properties-pane');
            }
            else {
                editorContainer.classList.add('e-de-ribbon-classic-ctnr-properties-pane');
            }
            this.container.documentEditor.resize();
        };
        RibbonEventManager.prototype.updateNumericTextBox = function (header) {
            if (header === this.ribbon.localObj.getConstant('Layout')) {
                this.ribbon.tabManager.layoutTab.layoutParagraphGroup.initializeNumericTextBoxes();
                this.ribbon.tabManager.layoutTab.layoutParagraphGroup.updateSelection();
            }
            else Iif (header === this.ribbon.localObj.getConstant('Picture Format')) {
                this.ribbon.tabManager.pictureFormatTab.sizeGroup.initializeNumericTextBoxes();
                this.ribbon.tabManager.pictureFormatTab.sizeGroup.updateSizeProperties();
            }
            else if (header === this.ribbon.localObj.getConstant('Table Design')) {
                this.ribbon.tabManager.tableDesignTab.shadingGroup.showColorPicker();
            }
        };
        return RibbonEventManager;
    }());
    exports.RibbonEventManager = RibbonEventManager;
});