@syncfusion/ej2-angular-ribbon 24.2.8 → 25.1.35
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/README.md +5 -2
- package/esm2020/src/index.mjs +3 -2
- package/esm2020/src/ribbon/collections.directive.mjs +1 -21
- package/esm2020/src/ribbon/contextualtabs.directive.mjs +62 -0
- package/esm2020/src/ribbon/groups.directive.mjs +3 -19
- package/esm2020/src/ribbon/items.directive.mjs +3 -27
- package/esm2020/src/ribbon/ribbon-all.module.mjs +13 -4
- package/esm2020/src/ribbon/ribbon.component.mjs +31 -5
- package/esm2020/src/ribbon/ribbon.module.mjs +14 -5
- package/esm2020/src/ribbon/tabs.directive.mjs +3 -15
- package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +139 -111
- package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +1 -1
- package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +139 -111
- package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +1 -1
- package/package.json +9 -9
- package/src/index.d.ts +2 -1
- package/src/ribbon/collections.directive.d.ts +0 -20
- package/src/ribbon/contextualtabs.directive.d.ts +49 -0
- package/src/ribbon/groups.directive.d.ts +11 -17
- package/src/ribbon/items.directive.d.ts +11 -25
- package/src/ribbon/ribbon-all.module.d.ts +3 -0
- package/src/ribbon/ribbon.component.d.ts +3 -1
- package/src/ribbon/ribbon.module.d.ts +3 -2
- package/src/ribbon/tabs.directive.d.ts +6 -13
|
@@ -4,6 +4,7 @@ import { RibbonItemDirective, RibbonItemsDirective } from './items.directive';
|
|
|
4
4
|
import { RibbonCollectionDirective, RibbonCollectionsDirective } from './collections.directive';
|
|
5
5
|
import { RibbonGroupDirective, RibbonGroupsDirective } from './groups.directive';
|
|
6
6
|
import { RibbonTabDirective, RibbonTabsDirective } from './tabs.directive';
|
|
7
|
+
import { RibbonContextualTabDirective, RibbonContextualTabsDirective } from './contextualtabs.directive';
|
|
7
8
|
import { RibbonComponent } from './ribbon.component';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
10
|
/**
|
|
@@ -20,7 +21,9 @@ RibbonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
20
21
|
RibbonGroupDirective,
|
|
21
22
|
RibbonGroupsDirective,
|
|
22
23
|
RibbonTabDirective,
|
|
23
|
-
RibbonTabsDirective
|
|
24
|
+
RibbonTabsDirective,
|
|
25
|
+
RibbonContextualTabDirective,
|
|
26
|
+
RibbonContextualTabsDirective], imports: [CommonModule], exports: [RibbonComponent,
|
|
24
27
|
RibbonItemDirective,
|
|
25
28
|
RibbonItemsDirective,
|
|
26
29
|
RibbonCollectionDirective,
|
|
@@ -28,7 +31,9 @@ RibbonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
28
31
|
RibbonGroupDirective,
|
|
29
32
|
RibbonGroupsDirective,
|
|
30
33
|
RibbonTabDirective,
|
|
31
|
-
RibbonTabsDirective
|
|
34
|
+
RibbonTabsDirective,
|
|
35
|
+
RibbonContextualTabDirective,
|
|
36
|
+
RibbonContextualTabsDirective] });
|
|
32
37
|
RibbonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonModule, imports: [[CommonModule]] });
|
|
33
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonModule, decorators: [{
|
|
34
39
|
type: NgModule,
|
|
@@ -43,7 +48,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
43
48
|
RibbonGroupDirective,
|
|
44
49
|
RibbonGroupsDirective,
|
|
45
50
|
RibbonTabDirective,
|
|
46
|
-
RibbonTabsDirective
|
|
51
|
+
RibbonTabsDirective,
|
|
52
|
+
RibbonContextualTabDirective,
|
|
53
|
+
RibbonContextualTabsDirective
|
|
47
54
|
],
|
|
48
55
|
exports: [
|
|
49
56
|
RibbonComponent,
|
|
@@ -54,8 +61,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
54
61
|
RibbonGroupDirective,
|
|
55
62
|
RibbonGroupsDirective,
|
|
56
63
|
RibbonTabDirective,
|
|
57
|
-
RibbonTabsDirective
|
|
64
|
+
RibbonTabsDirective,
|
|
65
|
+
RibbonContextualTabDirective,
|
|
66
|
+
RibbonContextualTabsDirective
|
|
58
67
|
]
|
|
59
68
|
}]
|
|
60
69
|
}] });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmliYm9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9yaWJib24vcmliYm9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM5RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNoRyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMzRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN6RyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBRXJEOztHQUVHO0FBOEJILE1BQU0sT0FBTyxZQUFZOzt5R0FBWixZQUFZOzBHQUFaLFlBQVksaUJBMUJqQixlQUFlO1FBQ2YsbUJBQW1CO1FBQ25CLG9CQUFvQjtRQUNwQix5QkFBeUI7UUFDekIsMEJBQTBCO1FBQzFCLG9CQUFvQjtRQUNwQixxQkFBcUI7UUFDckIsa0JBQWtCO1FBQ2xCLG1CQUFtQjtRQUNuQiw0QkFBNEI7UUFDNUIsNkJBQTZCLGFBWnZCLFlBQVksYUFlbEIsZUFBZTtRQUNmLG1CQUFtQjtRQUNuQixvQkFBb0I7UUFDcEIseUJBQXlCO1FBQ3pCLDBCQUEwQjtRQUMxQixvQkFBb0I7UUFDcEIscUJBQXFCO1FBQ3JCLGtCQUFrQjtRQUNsQixtQkFBbUI7UUFDbkIsNEJBQTRCO1FBQzVCLDZCQUE2QjswR0FHeEIsWUFBWSxZQTVCWixDQUFDLFlBQVksQ0FBQzsyRkE0QmQsWUFBWTtrQkE3QnhCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixZQUFZLEVBQUU7d0JBQ1YsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLG9CQUFvQjt3QkFDcEIseUJBQXlCO3dCQUN6QiwwQkFBMEI7d0JBQzFCLG9CQUFvQjt3QkFDcEIscUJBQXFCO3dCQUNyQixrQkFBa0I7d0JBQ2xCLG1CQUFtQjt3QkFDbkIsNEJBQTRCO3dCQUM1Qiw2QkFBNkI7cUJBQ2hDO29CQUNELE9BQU8sRUFBRTt3QkFDTCxlQUFlO3dCQUNmLG1CQUFtQjt3QkFDbkIsb0JBQW9CO3dCQUNwQix5QkFBeUI7d0JBQ3pCLDBCQUEwQjt3QkFDMUIsb0JBQW9CO3dCQUNwQixxQkFBcUI7d0JBQ3JCLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQiw0QkFBNEI7d0JBQzVCLDZCQUE2QjtxQkFDaEM7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJpYmJvbkl0ZW1EaXJlY3RpdmUsIFJpYmJvbkl0ZW1zRGlyZWN0aXZlIH0gZnJvbSAnLi9pdGVtcy5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgUmliYm9uQ29sbGVjdGlvbkRpcmVjdGl2ZSwgUmliYm9uQ29sbGVjdGlvbnNEaXJlY3RpdmUgfSBmcm9tICcuL2NvbGxlY3Rpb25zLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBSaWJib25Hcm91cERpcmVjdGl2ZSwgUmliYm9uR3JvdXBzRGlyZWN0aXZlIH0gZnJvbSAnLi9ncm91cHMuZGlyZWN0aXZlJztcbmltcG9ydCB7IFJpYmJvblRhYkRpcmVjdGl2ZSwgUmliYm9uVGFic0RpcmVjdGl2ZSB9IGZyb20gJy4vdGFicy5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgUmliYm9uQ29udGV4dHVhbFRhYkRpcmVjdGl2ZSwgUmliYm9uQ29udGV4dHVhbFRhYnNEaXJlY3RpdmUgfSBmcm9tICcuL2NvbnRleHR1YWx0YWJzLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBSaWJib25Db21wb25lbnQgfSBmcm9tICcuL3JpYmJvbi5jb21wb25lbnQnO1xuXG4vKipcbiAqIE5nTW9kdWxlIGRlZmluaXRpb24gZm9yIHRoZSBSaWJib24gY29tcG9uZW50LlxuICovXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBSaWJib25Db21wb25lbnQsXG4gICAgICAgIFJpYmJvbkl0ZW1EaXJlY3RpdmUsXG4gICAgICAgIFJpYmJvbkl0ZW1zRGlyZWN0aXZlLFxuICAgICAgICBSaWJib25Db2xsZWN0aW9uRGlyZWN0aXZlLFxuICAgICAgICBSaWJib25Db2xsZWN0aW9uc0RpcmVjdGl2ZSxcbiAgICAgICAgUmliYm9uR3JvdXBEaXJlY3RpdmUsXG4gICAgICAgIFJpYmJvbkdyb3Vwc0RpcmVjdGl2ZSxcbiAgICAgICAgUmliYm9uVGFiRGlyZWN0aXZlLFxuICAgICAgICBSaWJib25UYWJzRGlyZWN0aXZlLFxuICAgICAgICBSaWJib25Db250ZXh0dWFsVGFiRGlyZWN0aXZlLFxuICAgICAgICBSaWJib25Db250ZXh0dWFsVGFic0RpcmVjdGl2ZVxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBSaWJib25Db21wb25lbnQsXG4gICAgICAgIFJpYmJvbkl0ZW1EaXJlY3RpdmUsXG4gICAgICAgIFJpYmJvbkl0ZW1zRGlyZWN0aXZlLFxuICAgICAgICBSaWJib25Db2xsZWN0aW9uRGlyZWN0aXZlLFxuICAgICAgICBSaWJib25Db2xsZWN0aW9uc0RpcmVjdGl2ZSxcbiAgICAgICAgUmliYm9uR3JvdXBEaXJlY3RpdmUsXG4gICAgICAgIFJpYmJvbkdyb3Vwc0RpcmVjdGl2ZSxcbiAgICAgICAgUmliYm9uVGFiRGlyZWN0aXZlLFxuICAgICAgICBSaWJib25UYWJzRGlyZWN0aXZlLFxuICAgICAgICBSaWJib25Db250ZXh0dWFsVGFiRGlyZWN0aXZlLFxuICAgICAgICBSaWJib25Db250ZXh0dWFsVGFic0RpcmVjdGl2ZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgUmliYm9uTW9kdWxlIHsgfSJdfQ==
|
|
@@ -2,20 +2,8 @@ import { Directive, ContentChildren, ContentChild } from '@angular/core';
|
|
|
2
2
|
import { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';
|
|
3
3
|
import { RibbonGroupsDirective } from './groups.directive';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
let input = ['cssClass', 'groups', 'header', 'id'];
|
|
5
|
+
let input = ['cssClass', 'groups', 'header', 'id', 'keyTip'];
|
|
6
6
|
let outputs = [];
|
|
7
|
-
/**
|
|
8
|
-
* `e-ribbon-tab` directive represent a tab of the Angular Ribbon.
|
|
9
|
-
* It must be contained in a Ribbon component(`ejs-ribbon`).
|
|
10
|
-
* ```html
|
|
11
|
-
* <ejs-ribbon>
|
|
12
|
-
* <e-ribbon-tabs>
|
|
13
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
14
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
15
|
-
* </e-ribbon-tabs>
|
|
16
|
-
* </ejs-ribbon>
|
|
17
|
-
* ```
|
|
18
|
-
*/
|
|
19
7
|
export class RibbonTabDirective extends ComplexBase {
|
|
20
8
|
constructor(viewContainerRef) {
|
|
21
9
|
super();
|
|
@@ -27,7 +15,7 @@ export class RibbonTabDirective extends ComplexBase {
|
|
|
27
15
|
}
|
|
28
16
|
}
|
|
29
17
|
RibbonTabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonTabDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
30
|
-
RibbonTabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonTabDirective, selector: "e-ribbon-tab", inputs: { cssClass: "cssClass", groups: "groups", header: "header", id: "id" }, queries: [{ propertyName: "childGroups", first: true, predicate: RibbonGroupsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
18
|
+
RibbonTabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonTabDirective, selector: "e-ribbon-tab", inputs: { cssClass: "cssClass", groups: "groups", header: "header", id: "id", keyTip: "keyTip" }, queries: [{ propertyName: "childGroups", first: true, predicate: RibbonGroupsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
31
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonTabDirective, decorators: [{
|
|
32
20
|
type: Directive,
|
|
33
21
|
args: [{
|
|
@@ -59,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
59
47
|
},
|
|
60
48
|
}]
|
|
61
49
|
}], ctorParameters: function () { return []; } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcmliYm9uL3RhYnMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQW9CLGVBQWUsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0YsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFaEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBRTNELElBQUksS0FBSyxHQUFhLENBQUMsVUFBVSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0FBQ3ZFLElBQUksT0FBTyxHQUFhLEVBQUUsQ0FBQztBQVUzQixNQUFNLE9BQU8sa0JBQW1CLFNBQVEsV0FBK0I7SUFnQ25FLFlBQW9CLGdCQUFpQztRQUNqRCxLQUFLLEVBQUUsQ0FBQztRQURRLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7UUE1QjlDLFNBQUksR0FBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBOEIvQixRQUFRLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3pELElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUNuQyxDQUFDOzsrR0FyQ1Esa0JBQWtCO21HQUFsQixrQkFBa0IsK0xBSE8scUJBQXFCOzJGQUc5QyxrQkFBa0I7a0JBUjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLE1BQU0sRUFBRSxLQUFLO29CQUNiLE9BQU8sRUFBRSxPQUFPO29CQUNoQixPQUFPLEVBQUU7d0JBQ0wsV0FBVyxFQUFFLElBQUksWUFBWSxDQUFDLHFCQUFxQixDQUFDO3FCQUN2RDtpQkFDSjs7QUF5Q0Q7OztHQUdHO0FBT0gsTUFBTSxPQUFPLG1CQUFvQixTQUFRLFNBQThCO0lBQ25FO1FBQ0ksS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2xCLENBQUM7O2dIQUhRLG1CQUFtQjtvR0FBbkIsbUJBQW1CLDhFQUhNLGtCQUFrQjsyRkFHM0MsbUJBQW1CO2tCQU4vQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxlQUFlO29CQUN6QixPQUFPLEVBQUU7d0JBQ0wsUUFBUSxFQUFFLElBQUksZUFBZSxDQUFDLGtCQUFrQixDQUFDO3FCQUNwRDtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVmlld0NvbnRhaW5lclJlZiwgQ29udGVudENoaWxkcmVuLCBDb250ZW50Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBsZXhCYXNlLCBBcnJheUJhc2UsIHNldFZhbHVlIH0gZnJvbSAnQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItYmFzZSc7XG5cbmltcG9ydCB7IFJpYmJvbkdyb3Vwc0RpcmVjdGl2ZSB9IGZyb20gJy4vZ3JvdXBzLmRpcmVjdGl2ZSc7XG5cbmxldCBpbnB1dDogc3RyaW5nW10gPSBbJ2Nzc0NsYXNzJywgJ2dyb3VwcycsICdoZWFkZXInLCAnaWQnLCAna2V5VGlwJ107XG5sZXQgb3V0cHV0czogc3RyaW5nW10gPSBbXTtcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdlLXJpYmJvbi10YWInLFxuICAgIGlucHV0czogaW5wdXQsXG4gICAgb3V0cHV0czogb3V0cHV0cywgICAgXG4gICAgcXVlcmllczoge1xuICAgICAgICBjaGlsZEdyb3VwczogbmV3IENvbnRlbnRDaGlsZChSaWJib25Hcm91cHNEaXJlY3RpdmUpXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBSaWJib25UYWJEaXJlY3RpdmUgZXh0ZW5kcyBDb21wbGV4QmFzZTxSaWJib25UYWJEaXJlY3RpdmU+IHtcbiAgICBwdWJsaWMgZGlyZWN0aXZlUHJvcExpc3Q6IGFueTtcblx0XG4gICAgcHVibGljIGNoaWxkR3JvdXBzOiBhbnk7XG4gICAgcHVibGljIHRhZ3M6IHN0cmluZ1tdID0gWydncm91cHMnXTtcbiAgICAvKiogXG4gICAgICogRGVmaW5lcyBvbmUgb3IgbW9yZSBDU1MgY2xhc3NlcyB0byBjdXN0b21pemUgdGhlIGFwcGVhcmFuY2Ugb2YgdGFiLlxuICAgICAqIEBkZWZhdWx0ICcnXG4gICAgICovXG4gICAgcHVibGljIGNzc0NsYXNzOiBhbnk7XG4gICAgLyoqIFxuICAgICAqIERlZmluZXMgdGhlIGxpc3Qgb2YgcmliYm9uIGdyb3Vwcy5cbiAgICAgKiBAZGVmYXVsdCBbXVxuICAgICAqIEBhc3B0eXBlIExpc3Q8UmliYm9uR3JvdXA+XG4gICAgICovXG4gICAgcHVibGljIGdyb3VwczogYW55O1xuICAgIC8qKiBcbiAgICAgKiBEZWZpbmVzIHRoZSBjb250ZW50IG9mIHRhYiBoZWFkZXIuXG4gICAgICogQGRlZmF1bHQgJydcbiAgICAgKi9cbiAgICBwdWJsaWMgaGVhZGVyOiBhbnk7XG4gICAgLyoqIFxuICAgICAqIERlZmluZXMgYSB1bmlxdWUgaWRlbnRpZmllciBmb3IgdGhlIHRhYi5cbiAgICAgKiBAZGVmYXVsdCAnJ1xuICAgICAqL1xuICAgIHB1YmxpYyBpZDogYW55O1xuICAgIC8qKiBcbiAgICAgKiBTcGVjaWZpZXMgdGhlIGtleXRpcCBjb250ZW50LlxuICAgICAqIEBkZWZhdWx0ICcnXG4gICAgICovXG4gICAgcHVibGljIGtleVRpcDogYW55O1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOlZpZXdDb250YWluZXJSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgc2V0VmFsdWUoJ2N1cnJlbnRJbnN0YW5jZScsIHRoaXMsIHRoaXMudmlld0NvbnRhaW5lclJlZik7XG4gICAgICAgIHRoaXMucmVnaXN0ZXJFdmVudHMob3V0cHV0cyk7XG4gICAgICAgIHRoaXMuZGlyZWN0aXZlUHJvcExpc3QgPSBpbnB1dDtcbiAgICB9XG59XG5cbi8qKlxuICogUmliYm9uVGFiIEFycmF5IERpcmVjdGl2ZVxuICogQHByaXZhdGVcbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdlLXJpYmJvbi10YWJzJyxcbiAgICBxdWVyaWVzOiB7XG4gICAgICAgIGNoaWxkcmVuOiBuZXcgQ29udGVudENoaWxkcmVuKFJpYmJvblRhYkRpcmVjdGl2ZSlcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBSaWJib25UYWJzRGlyZWN0aXZlIGV4dGVuZHMgQXJyYXlCYXNlPFJpYmJvblRhYnNEaXJlY3RpdmU+IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoJ3RhYnMnKTtcbiAgICB9XG59Il19
|
|
@@ -2,47 +2,23 @@ import { __decorate } from 'tslib';
|
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { Directive, ContentChild, ContentChildren, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
4
4
|
import { ComplexBase, setValue, Template, ArrayBase, ComponentBase, ComponentMixins } from '@syncfusion/ej2-angular-base';
|
|
5
|
-
import { Ribbon, RibbonButton, RibbonDropDown, RibbonSplitButton, RibbonCheckBox, RibbonColorPicker, RibbonComboBox, RibbonGroupButton, RibbonFileMenu, RibbonBackstage } from '@syncfusion/ej2-ribbon';
|
|
5
|
+
import { Ribbon, RibbonButton, RibbonDropDown, RibbonSplitButton, RibbonCheckBox, RibbonColorPicker, RibbonComboBox, RibbonGroupButton, RibbonFileMenu, RibbonBackstage, RibbonKeyTip, RibbonContextualTab, RibbonGallery } from '@syncfusion/ej2-ribbon';
|
|
6
6
|
export * from '@syncfusion/ej2-ribbon';
|
|
7
7
|
import { CommonModule } from '@angular/common';
|
|
8
8
|
|
|
9
|
-
let input$
|
|
10
|
-
let outputs$
|
|
11
|
-
/**
|
|
12
|
-
* `e-ribbon-item` directive represent a item in the Angular Ribbon.
|
|
13
|
-
* ```html
|
|
14
|
-
* <ejs-ribbon>
|
|
15
|
-
* <e-ribbon-tabs>
|
|
16
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
17
|
-
* <e-ribbon-tab>
|
|
18
|
-
* <e-ribbon-groups>
|
|
19
|
-
* <e-ribbon-group>
|
|
20
|
-
* <e-ribbon-collections>
|
|
21
|
-
* <e-ribbon-collection>
|
|
22
|
-
* <e-ribbon-items>
|
|
23
|
-
* <e-ribbon-item></e-ribbon-item>
|
|
24
|
-
* <e-ribbon-item></e-ribbon-item>
|
|
25
|
-
* </e-ribbon-items>
|
|
26
|
-
* </e-ribbon-collection>
|
|
27
|
-
* </e-ribbon-collections>
|
|
28
|
-
* </e-ribbon-group>
|
|
29
|
-
* </e-ribbon-groups>
|
|
30
|
-
* </e-ribbon-tab>
|
|
31
|
-
* </e-ribbon-tabs>
|
|
32
|
-
* </ejs-ribbon>
|
|
33
|
-
* ```
|
|
34
|
-
*/
|
|
9
|
+
let input$4 = ['activeSize', 'allowedSizes', 'buttonSettings', 'checkBoxSettings', 'colorPickerSettings', 'comboBoxSettings', 'cssClass', 'disabled', 'displayOptions', 'dropDownSettings', 'gallerySettings', 'groupButtonSettings', 'id', 'itemTemplate', 'keyTip', 'ribbonTooltipSettings', 'splitButtonSettings', 'type'];
|
|
10
|
+
let outputs$5 = [];
|
|
35
11
|
class RibbonItemDirective extends ComplexBase {
|
|
36
12
|
constructor(viewContainerRef) {
|
|
37
13
|
super();
|
|
38
14
|
this.viewContainerRef = viewContainerRef;
|
|
39
15
|
setValue('currentInstance', this, this.viewContainerRef);
|
|
40
|
-
this.registerEvents(outputs$
|
|
41
|
-
this.directivePropList = input$
|
|
16
|
+
this.registerEvents(outputs$5);
|
|
17
|
+
this.directivePropList = input$4;
|
|
42
18
|
}
|
|
43
19
|
}
|
|
44
20
|
RibbonItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonItemDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
45
|
-
RibbonItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonItemDirective, selector: "e-ribbon-item", inputs: { activeSize: "activeSize", allowedSizes: "allowedSizes", buttonSettings: "buttonSettings", checkBoxSettings: "checkBoxSettings", colorPickerSettings: "colorPickerSettings", comboBoxSettings: "comboBoxSettings", cssClass: "cssClass", disabled: "disabled", displayOptions: "displayOptions", dropDownSettings: "dropDownSettings", groupButtonSettings: "groupButtonSettings", id: "id", itemTemplate: "itemTemplate", ribbonTooltipSettings: "ribbonTooltipSettings", splitButtonSettings: "splitButtonSettings", type: "type" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
21
|
+
RibbonItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonItemDirective, selector: "e-ribbon-item", inputs: { activeSize: "activeSize", allowedSizes: "allowedSizes", buttonSettings: "buttonSettings", checkBoxSettings: "checkBoxSettings", colorPickerSettings: "colorPickerSettings", comboBoxSettings: "comboBoxSettings", cssClass: "cssClass", disabled: "disabled", displayOptions: "displayOptions", dropDownSettings: "dropDownSettings", gallerySettings: "gallerySettings", groupButtonSettings: "groupButtonSettings", id: "id", itemTemplate: "itemTemplate", keyTip: "keyTip", ribbonTooltipSettings: "ribbonTooltipSettings", splitButtonSettings: "splitButtonSettings", type: "type" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
46
22
|
__decorate([
|
|
47
23
|
Template()
|
|
48
24
|
], RibbonItemDirective.prototype, "itemTemplate", void 0);
|
|
@@ -50,8 +26,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
50
26
|
type: Directive,
|
|
51
27
|
args: [{
|
|
52
28
|
selector: 'e-ribbon-item',
|
|
53
|
-
inputs: input$
|
|
54
|
-
outputs: outputs$
|
|
29
|
+
inputs: input$4,
|
|
30
|
+
outputs: outputs$5,
|
|
55
31
|
queries: {}
|
|
56
32
|
}]
|
|
57
33
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { itemTemplate: [{
|
|
@@ -79,36 +55,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
79
55
|
}]
|
|
80
56
|
}], ctorParameters: function () { return []; } });
|
|
81
57
|
|
|
82
|
-
let input$
|
|
83
|
-
let outputs$
|
|
84
|
-
/**
|
|
85
|
-
* `e-ribbon-collection` directive represent a collection in the Angular Ribbon.
|
|
86
|
-
* ```html
|
|
87
|
-
* <ejs-ribbon>
|
|
88
|
-
* <e-ribbon-tabs>
|
|
89
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
90
|
-
* <e-ribbon-tab>
|
|
91
|
-
* <e-ribbon-groups>
|
|
92
|
-
* <e-ribbon-group>
|
|
93
|
-
* <e-ribbon-collections>
|
|
94
|
-
* <e-ribbon-collection></e-ribbon-collection>
|
|
95
|
-
* <e-ribbon-collection></e-ribbon-collection>
|
|
96
|
-
* </e-ribbon-collections>
|
|
97
|
-
* </e-ribbon-group>
|
|
98
|
-
* </e-ribbon-groups>
|
|
99
|
-
* </e-ribbon-tab>
|
|
100
|
-
* </e-ribbon-tabs>
|
|
101
|
-
* </ejs-ribbon>
|
|
102
|
-
* ```
|
|
103
|
-
*/
|
|
58
|
+
let input$3 = ['cssClass', 'id', 'items'];
|
|
59
|
+
let outputs$4 = [];
|
|
104
60
|
class RibbonCollectionDirective extends ComplexBase {
|
|
105
61
|
constructor(viewContainerRef) {
|
|
106
62
|
super();
|
|
107
63
|
this.viewContainerRef = viewContainerRef;
|
|
108
64
|
this.tags = ['items'];
|
|
109
65
|
setValue('currentInstance', this, this.viewContainerRef);
|
|
110
|
-
this.registerEvents(outputs$
|
|
111
|
-
this.directivePropList = input$
|
|
66
|
+
this.registerEvents(outputs$4);
|
|
67
|
+
this.directivePropList = input$3;
|
|
112
68
|
}
|
|
113
69
|
}
|
|
114
70
|
RibbonCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonCollectionDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -117,8 +73,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
117
73
|
type: Directive,
|
|
118
74
|
args: [{
|
|
119
75
|
selector: 'e-ribbon-collection',
|
|
120
|
-
inputs: input$
|
|
121
|
-
outputs: outputs$
|
|
76
|
+
inputs: input$3,
|
|
77
|
+
outputs: outputs$4,
|
|
122
78
|
queries: {
|
|
123
79
|
childItems: new ContentChild(RibbonItemsDirective)
|
|
124
80
|
}
|
|
@@ -145,42 +101,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
145
101
|
}]
|
|
146
102
|
}], ctorParameters: function () { return []; } });
|
|
147
103
|
|
|
148
|
-
let input$
|
|
149
|
-
let outputs$
|
|
150
|
-
/**
|
|
151
|
-
* `e-ribbon-group` directive represent a group in the Angular Ribbon.
|
|
152
|
-
* ```html
|
|
153
|
-
* <ejs-ribbon>
|
|
154
|
-
* <e-ribbon-tabs>
|
|
155
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
156
|
-
* <e-ribbon-tab>
|
|
157
|
-
* <e-ribbon-groups>
|
|
158
|
-
* <e-ribbon-group></e-ribbon-group>
|
|
159
|
-
* <e-ribbon-group></e-ribbon-group>
|
|
160
|
-
* </e-ribbon-groups>
|
|
161
|
-
* </e-ribbon-tab>
|
|
162
|
-
* </e-ribbon-tabs>
|
|
163
|
-
* </ejs-ribbon>
|
|
164
|
-
* ```
|
|
165
|
-
*/
|
|
104
|
+
let input$2 = ['collections', 'cssClass', 'enableGroupOverflow', 'groupIconCss', 'header', 'id', 'isCollapsed', 'isCollapsible', 'keyTip', 'launcherIconKeyTip', 'orientation', 'overflowHeader', 'priority', 'showLauncherIcon'];
|
|
105
|
+
let outputs$3 = [];
|
|
166
106
|
class RibbonGroupDirective extends ComplexBase {
|
|
167
107
|
constructor(viewContainerRef) {
|
|
168
108
|
super();
|
|
169
109
|
this.viewContainerRef = viewContainerRef;
|
|
170
110
|
this.tags = ['collections'];
|
|
171
111
|
setValue('currentInstance', this, this.viewContainerRef);
|
|
172
|
-
this.registerEvents(outputs$
|
|
173
|
-
this.directivePropList = input$
|
|
112
|
+
this.registerEvents(outputs$3);
|
|
113
|
+
this.directivePropList = input$2;
|
|
174
114
|
}
|
|
175
115
|
}
|
|
176
116
|
RibbonGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonGroupDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
177
|
-
RibbonGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonGroupDirective, selector: "e-ribbon-group", inputs: { collections: "collections", cssClass: "cssClass", enableGroupOverflow: "enableGroupOverflow", groupIconCss: "groupIconCss", header: "header", id: "id", isCollapsed: "isCollapsed", isCollapsible: "isCollapsible", orientation: "orientation", overflowHeader: "overflowHeader", priority: "priority", showLauncherIcon: "showLauncherIcon" }, queries: [{ propertyName: "childCollections", first: true, predicate: RibbonCollectionsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
117
|
+
RibbonGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonGroupDirective, selector: "e-ribbon-group", inputs: { collections: "collections", cssClass: "cssClass", enableGroupOverflow: "enableGroupOverflow", groupIconCss: "groupIconCss", header: "header", id: "id", isCollapsed: "isCollapsed", isCollapsible: "isCollapsible", keyTip: "keyTip", launcherIconKeyTip: "launcherIconKeyTip", orientation: "orientation", overflowHeader: "overflowHeader", priority: "priority", showLauncherIcon: "showLauncherIcon" }, queries: [{ propertyName: "childCollections", first: true, predicate: RibbonCollectionsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
178
118
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonGroupDirective, decorators: [{
|
|
179
119
|
type: Directive,
|
|
180
120
|
args: [{
|
|
181
121
|
selector: 'e-ribbon-group',
|
|
182
|
-
inputs: input$
|
|
183
|
-
outputs: outputs$
|
|
122
|
+
inputs: input$2,
|
|
123
|
+
outputs: outputs$3,
|
|
184
124
|
queries: {
|
|
185
125
|
childCollections: new ContentChild(RibbonCollectionsDirective)
|
|
186
126
|
}
|
|
@@ -207,38 +147,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
207
147
|
}]
|
|
208
148
|
}], ctorParameters: function () { return []; } });
|
|
209
149
|
|
|
210
|
-
let input = ['cssClass', 'groups', 'header', 'id'];
|
|
211
|
-
let outputs$
|
|
212
|
-
/**
|
|
213
|
-
* `e-ribbon-tab` directive represent a tab of the Angular Ribbon.
|
|
214
|
-
* It must be contained in a Ribbon component(`ejs-ribbon`).
|
|
215
|
-
* ```html
|
|
216
|
-
* <ejs-ribbon>
|
|
217
|
-
* <e-ribbon-tabs>
|
|
218
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
219
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
220
|
-
* </e-ribbon-tabs>
|
|
221
|
-
* </ejs-ribbon>
|
|
222
|
-
* ```
|
|
223
|
-
*/
|
|
150
|
+
let input$1 = ['cssClass', 'groups', 'header', 'id', 'keyTip'];
|
|
151
|
+
let outputs$2 = [];
|
|
224
152
|
class RibbonTabDirective extends ComplexBase {
|
|
225
153
|
constructor(viewContainerRef) {
|
|
226
154
|
super();
|
|
227
155
|
this.viewContainerRef = viewContainerRef;
|
|
228
156
|
this.tags = ['groups'];
|
|
229
157
|
setValue('currentInstance', this, this.viewContainerRef);
|
|
230
|
-
this.registerEvents(outputs$
|
|
231
|
-
this.directivePropList = input;
|
|
158
|
+
this.registerEvents(outputs$2);
|
|
159
|
+
this.directivePropList = input$1;
|
|
232
160
|
}
|
|
233
161
|
}
|
|
234
162
|
RibbonTabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonTabDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
235
|
-
RibbonTabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonTabDirective, selector: "e-ribbon-tab", inputs: { cssClass: "cssClass", groups: "groups", header: "header", id: "id" }, queries: [{ propertyName: "childGroups", first: true, predicate: RibbonGroupsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
163
|
+
RibbonTabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonTabDirective, selector: "e-ribbon-tab", inputs: { cssClass: "cssClass", groups: "groups", header: "header", id: "id", keyTip: "keyTip" }, queries: [{ propertyName: "childGroups", first: true, predicate: RibbonGroupsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
236
164
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonTabDirective, decorators: [{
|
|
237
165
|
type: Directive,
|
|
238
166
|
args: [{
|
|
239
167
|
selector: 'e-ribbon-tab',
|
|
240
|
-
inputs: input,
|
|
241
|
-
outputs: outputs$
|
|
168
|
+
inputs: input$1,
|
|
169
|
+
outputs: outputs$2,
|
|
242
170
|
queries: {
|
|
243
171
|
childGroups: new ContentChild(RibbonGroupsDirective)
|
|
244
172
|
}
|
|
@@ -265,7 +193,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
265
193
|
}]
|
|
266
194
|
}], ctorParameters: function () { return []; } });
|
|
267
195
|
|
|
268
|
-
|
|
196
|
+
let input = ['isSelected', 'tabs', 'visible'];
|
|
197
|
+
let outputs$1 = [];
|
|
198
|
+
/**
|
|
199
|
+
* `e-ribbon-contextual-tab` directive represent a contextual tab of the Angular Ribbon.
|
|
200
|
+
* It must be contained in a Ribbon component(`ejs-ribbon`).
|
|
201
|
+
* ```html
|
|
202
|
+
* <ejs-ribbon>
|
|
203
|
+
* <e-ribbon-contextual-tabs>
|
|
204
|
+
* <e-ribbon-contextual-tab>
|
|
205
|
+
* </e-ribbon-contextual-tab>
|
|
206
|
+
* </e-ribbon-contextual-tabs>
|
|
207
|
+
* </ejs-ribbon>
|
|
208
|
+
* ```
|
|
209
|
+
*/
|
|
210
|
+
class RibbonContextualTabDirective extends ComplexBase {
|
|
211
|
+
constructor(viewContainerRef) {
|
|
212
|
+
super();
|
|
213
|
+
this.viewContainerRef = viewContainerRef;
|
|
214
|
+
this.tags = ['tabs'];
|
|
215
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
216
|
+
this.registerEvents(outputs$1);
|
|
217
|
+
this.directivePropList = input;
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
RibbonContextualTabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonContextualTabDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
221
|
+
RibbonContextualTabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonContextualTabDirective, selector: "e-ribbon-contextual-tab", inputs: { isSelected: "isSelected", tabs: "tabs", visible: "visible" }, queries: [{ propertyName: "childTabs", first: true, predicate: RibbonTabsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonContextualTabDirective, decorators: [{
|
|
223
|
+
type: Directive,
|
|
224
|
+
args: [{
|
|
225
|
+
selector: 'e-ribbon-contextual-tab',
|
|
226
|
+
inputs: input,
|
|
227
|
+
outputs: outputs$1,
|
|
228
|
+
queries: {
|
|
229
|
+
childTabs: new ContentChild(RibbonTabsDirective)
|
|
230
|
+
}
|
|
231
|
+
}]
|
|
232
|
+
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
|
|
233
|
+
/**
|
|
234
|
+
* RibbonContextualTab Array Directive
|
|
235
|
+
* @private
|
|
236
|
+
*/
|
|
237
|
+
class RibbonContextualTabsDirective extends ArrayBase {
|
|
238
|
+
constructor() {
|
|
239
|
+
super('contextualtabs');
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
RibbonContextualTabsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonContextualTabsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
243
|
+
RibbonContextualTabsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonContextualTabsDirective, selector: "e-ribbon-contextual-tabs", queries: [{ propertyName: "children", predicate: RibbonContextualTabDirective }], usesInheritance: true, ngImport: i0 });
|
|
244
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonContextualTabsDirective, decorators: [{
|
|
245
|
+
type: Directive,
|
|
246
|
+
args: [{
|
|
247
|
+
selector: 'e-ribbon-contextual-tabs',
|
|
248
|
+
queries: {
|
|
249
|
+
children: new ContentChildren(RibbonContextualTabDirective)
|
|
250
|
+
},
|
|
251
|
+
}]
|
|
252
|
+
}], ctorParameters: function () { return []; } });
|
|
253
|
+
|
|
254
|
+
const inputs = ['activeLayout', 'backStageMenu', 'contextualTabs', 'cssClass', 'enableKeyTips', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'hideLayoutSwitcher', 'isMinimized', 'launcherIconCss', 'layoutSwitcherKeyTip', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width'];
|
|
269
255
|
const outputs = ['created', 'launcherIconClick', 'overflowPopupClose', 'overflowPopupOpen', 'ribbonCollapsing', 'ribbonExpanding', 'tabSelected', 'tabSelecting'];
|
|
270
256
|
const twoWays = [''];
|
|
271
257
|
/**
|
|
@@ -281,7 +267,7 @@ let RibbonComponent = class RibbonComponent extends Ribbon {
|
|
|
281
267
|
this.srenderer = srenderer;
|
|
282
268
|
this.viewContainerRef = viewContainerRef;
|
|
283
269
|
this.injector = injector;
|
|
284
|
-
this.tags = ['tabs'];
|
|
270
|
+
this.tags = ['tabs', 'contextualTabs'];
|
|
285
271
|
this.element = this.ngEle.nativeElement;
|
|
286
272
|
this.injectedModules = this.injectedModules || [];
|
|
287
273
|
try {
|
|
@@ -347,6 +333,27 @@ let RibbonComponent = class RibbonComponent extends Ribbon {
|
|
|
347
333
|
}
|
|
348
334
|
}
|
|
349
335
|
catch (_j) { }
|
|
336
|
+
try {
|
|
337
|
+
let mod = this.injector.get('RibbonRibbonKeyTip');
|
|
338
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
339
|
+
this.injectedModules.push(mod);
|
|
340
|
+
}
|
|
341
|
+
}
|
|
342
|
+
catch (_k) { }
|
|
343
|
+
try {
|
|
344
|
+
let mod = this.injector.get('RibbonRibbonContextualTab');
|
|
345
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
346
|
+
this.injectedModules.push(mod);
|
|
347
|
+
}
|
|
348
|
+
}
|
|
349
|
+
catch (_l) { }
|
|
350
|
+
try {
|
|
351
|
+
let mod = this.injector.get('RibbonRibbonGallery');
|
|
352
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
353
|
+
this.injectedModules.push(mod);
|
|
354
|
+
}
|
|
355
|
+
}
|
|
356
|
+
catch (_m) { }
|
|
350
357
|
this.registerEvents(outputs);
|
|
351
358
|
this.addTwoWay.call(this, twoWays);
|
|
352
359
|
setValue('currentInstance', this, this.viewContainerRef);
|
|
@@ -363,11 +370,14 @@ let RibbonComponent = class RibbonComponent extends Ribbon {
|
|
|
363
370
|
}
|
|
364
371
|
ngAfterContentChecked() {
|
|
365
372
|
this.tagObjects[0].instance = this.childTabs;
|
|
373
|
+
if (this.childContextualTabs) {
|
|
374
|
+
this.tagObjects[1].instance = this.childContextualTabs;
|
|
375
|
+
}
|
|
366
376
|
this.containerContext.ngAfterContentChecked(this);
|
|
367
377
|
}
|
|
368
378
|
};
|
|
369
379
|
RibbonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
370
|
-
RibbonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: RibbonComponent, selector: "ejs-ribbon", inputs: { activeLayout: "activeLayout", backStageMenu: "backStageMenu", cssClass: "cssClass", enablePersistence: "enablePersistence", enableRtl: "enableRtl", fileMenu: "fileMenu", helpPaneTemplate: "helpPaneTemplate", hideLayoutSwitcher: "hideLayoutSwitcher", isMinimized: "isMinimized", launcherIconCss: "launcherIconCss", locale: "locale", selectedTab: "selectedTab", tabAnimation: "tabAnimation", tabs: "tabs", width: "width" }, outputs: { created: "created", launcherIconClick: "launcherIconClick", overflowPopupClose: "overflowPopupClose", overflowPopupOpen: "overflowPopupOpen", ribbonCollapsing: "ribbonCollapsing", ribbonExpanding: "ribbonExpanding", tabSelected: "tabSelected", tabSelecting: "tabSelecting" }, queries: [{ propertyName: "helpPaneTemplate", first: true, predicate: ["helpPaneTemplate"], descendants: true }, { propertyName: "childTabs", first: true, predicate: RibbonTabsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content select='div'></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
380
|
+
RibbonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: RibbonComponent, selector: "ejs-ribbon", inputs: { activeLayout: "activeLayout", backStageMenu: "backStageMenu", contextualTabs: "contextualTabs", cssClass: "cssClass", enableKeyTips: "enableKeyTips", enablePersistence: "enablePersistence", enableRtl: "enableRtl", fileMenu: "fileMenu", helpPaneTemplate: "helpPaneTemplate", hideLayoutSwitcher: "hideLayoutSwitcher", isMinimized: "isMinimized", launcherIconCss: "launcherIconCss", layoutSwitcherKeyTip: "layoutSwitcherKeyTip", locale: "locale", selectedTab: "selectedTab", tabAnimation: "tabAnimation", tabs: "tabs", width: "width" }, outputs: { created: "created", launcherIconClick: "launcherIconClick", overflowPopupClose: "overflowPopupClose", overflowPopupOpen: "overflowPopupOpen", ribbonCollapsing: "ribbonCollapsing", ribbonExpanding: "ribbonExpanding", tabSelected: "tabSelected", tabSelecting: "tabSelecting" }, queries: [{ propertyName: "helpPaneTemplate", first: true, predicate: ["helpPaneTemplate"], descendants: true }, { propertyName: "childTabs", first: true, predicate: RibbonTabsDirective, descendants: true }, { propertyName: "childContextualTabs", first: true, predicate: RibbonContextualTabsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content select='div'></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
371
381
|
__decorate([
|
|
372
382
|
Template()
|
|
373
383
|
], RibbonComponent.prototype, "helpPaneTemplate", void 0);
|
|
@@ -383,7 +393,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
383
393
|
template: `<ng-content select='div'></ng-content>`,
|
|
384
394
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
385
395
|
queries: {
|
|
386
|
-
childTabs: new ContentChild(RibbonTabsDirective)
|
|
396
|
+
childTabs: new ContentChild(RibbonTabsDirective),
|
|
397
|
+
childContextualTabs: new ContentChild(RibbonContextualTabsDirective)
|
|
387
398
|
}
|
|
388
399
|
}]
|
|
389
400
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { helpPaneTemplate: [{
|
|
@@ -405,7 +416,9 @@ RibbonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
405
416
|
RibbonGroupDirective,
|
|
406
417
|
RibbonGroupsDirective,
|
|
407
418
|
RibbonTabDirective,
|
|
408
|
-
RibbonTabsDirective
|
|
419
|
+
RibbonTabsDirective,
|
|
420
|
+
RibbonContextualTabDirective,
|
|
421
|
+
RibbonContextualTabsDirective], imports: [CommonModule], exports: [RibbonComponent,
|
|
409
422
|
RibbonItemDirective,
|
|
410
423
|
RibbonItemsDirective,
|
|
411
424
|
RibbonCollectionDirective,
|
|
@@ -413,7 +426,9 @@ RibbonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
413
426
|
RibbonGroupDirective,
|
|
414
427
|
RibbonGroupsDirective,
|
|
415
428
|
RibbonTabDirective,
|
|
416
|
-
RibbonTabsDirective
|
|
429
|
+
RibbonTabsDirective,
|
|
430
|
+
RibbonContextualTabDirective,
|
|
431
|
+
RibbonContextualTabsDirective] });
|
|
417
432
|
RibbonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonModule, imports: [[CommonModule]] });
|
|
418
433
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonModule, decorators: [{
|
|
419
434
|
type: NgModule,
|
|
@@ -428,7 +443,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
428
443
|
RibbonGroupDirective,
|
|
429
444
|
RibbonGroupsDirective,
|
|
430
445
|
RibbonTabDirective,
|
|
431
|
-
RibbonTabsDirective
|
|
446
|
+
RibbonTabsDirective,
|
|
447
|
+
RibbonContextualTabDirective,
|
|
448
|
+
RibbonContextualTabsDirective
|
|
432
449
|
],
|
|
433
450
|
exports: [
|
|
434
451
|
RibbonComponent,
|
|
@@ -439,7 +456,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
439
456
|
RibbonGroupDirective,
|
|
440
457
|
RibbonGroupsDirective,
|
|
441
458
|
RibbonTabDirective,
|
|
442
|
-
RibbonTabsDirective
|
|
459
|
+
RibbonTabsDirective,
|
|
460
|
+
RibbonContextualTabDirective,
|
|
461
|
+
RibbonContextualTabsDirective
|
|
443
462
|
]
|
|
444
463
|
}]
|
|
445
464
|
}] });
|
|
@@ -453,6 +472,9 @@ const RibbonComboBoxService = { provide: 'RibbonRibbonComboBox', useValue: Ribbo
|
|
|
453
472
|
const RibbonGroupButtonService = { provide: 'RibbonRibbonGroupButton', useValue: RibbonGroupButton };
|
|
454
473
|
const RibbonFileMenuService = { provide: 'RibbonRibbonFileMenu', useValue: RibbonFileMenu };
|
|
455
474
|
const RibbonBackstageService = { provide: 'RibbonRibbonBackstage', useValue: RibbonBackstage };
|
|
475
|
+
const RibbonKeyTipService = { provide: 'RibbonRibbonKeyTip', useValue: RibbonKeyTip };
|
|
476
|
+
const RibbonContextualTabService = { provide: 'RibbonRibbonContextualTab', useValue: RibbonContextualTab };
|
|
477
|
+
const RibbonGalleryService = { provide: 'RibbonRibbonGallery', useValue: RibbonGallery };
|
|
456
478
|
/**
|
|
457
479
|
* NgModule definition for the Ribbon component with providers.
|
|
458
480
|
*/
|
|
@@ -469,7 +491,10 @@ RibbonAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
|
|
|
469
491
|
RibbonComboBoxService,
|
|
470
492
|
RibbonGroupButtonService,
|
|
471
493
|
RibbonFileMenuService,
|
|
472
|
-
RibbonBackstageService
|
|
494
|
+
RibbonBackstageService,
|
|
495
|
+
RibbonKeyTipService,
|
|
496
|
+
RibbonContextualTabService,
|
|
497
|
+
RibbonGalleryService
|
|
473
498
|
], imports: [[CommonModule, RibbonModule], RibbonModule] });
|
|
474
499
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonAllModule, decorators: [{
|
|
475
500
|
type: NgModule,
|
|
@@ -487,7 +512,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
487
512
|
RibbonComboBoxService,
|
|
488
513
|
RibbonGroupButtonService,
|
|
489
514
|
RibbonFileMenuService,
|
|
490
|
-
RibbonBackstageService
|
|
515
|
+
RibbonBackstageService,
|
|
516
|
+
RibbonKeyTipService,
|
|
517
|
+
RibbonContextualTabService,
|
|
518
|
+
RibbonGalleryService
|
|
491
519
|
]
|
|
492
520
|
}]
|
|
493
521
|
}] });
|
|
@@ -498,5 +526,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
498
526
|
* Generated bundle index. Do not edit.
|
|
499
527
|
*/
|
|
500
528
|
|
|
501
|
-
export { RibbonAllModule, RibbonBackstageService, RibbonButtonService, RibbonCheckBoxService, RibbonCollectionDirective, RibbonCollectionsDirective, RibbonColorPickerService, RibbonComboBoxService, RibbonComponent, RibbonDropDownService, RibbonFileMenuService, RibbonGroupButtonService, RibbonGroupDirective, RibbonGroupsDirective, RibbonItemDirective, RibbonItemsDirective, RibbonModule, RibbonSplitButtonService, RibbonTabDirective, RibbonTabsDirective };
|
|
529
|
+
export { RibbonAllModule, RibbonBackstageService, RibbonButtonService, RibbonCheckBoxService, RibbonCollectionDirective, RibbonCollectionsDirective, RibbonColorPickerService, RibbonComboBoxService, RibbonComponent, RibbonContextualTabDirective, RibbonContextualTabService, RibbonContextualTabsDirective, RibbonDropDownService, RibbonFileMenuService, RibbonGalleryService, RibbonGroupButtonService, RibbonGroupDirective, RibbonGroupsDirective, RibbonItemDirective, RibbonItemsDirective, RibbonKeyTipService, RibbonModule, RibbonSplitButtonService, RibbonTabDirective, RibbonTabsDirective };
|
|
502
530
|
//# sourceMappingURL=syncfusion-ej2-angular-ribbon.mjs.map
|