@syncfusion/ej2-angular-ribbon 24.2.8 → 25.1.35-ngcc
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/@syncfusion/ej2-angular-ribbon.es5.js +615 -0
- package/@syncfusion/ej2-angular-ribbon.es5.js.map +1 -0
- package/@syncfusion/ej2-angular-ribbon.js +571 -0
- package/@syncfusion/ej2-angular-ribbon.js.map +1 -0
- package/CHANGELOG.md +93 -0
- package/README.md +5 -2
- package/dist/ej2-angular-ribbon.umd.js +806 -0
- package/dist/ej2-angular-ribbon.umd.js.map +1 -0
- package/dist/ej2-angular-ribbon.umd.min.js +11 -0
- package/dist/ej2-angular-ribbon.umd.min.js.map +1 -0
- package/ej2-angular-ribbon.d.ts +5 -0
- package/ej2-angular-ribbon.metadata.json +1 -0
- package/package.json +15 -29
- package/postinstall/tagchange.js +18 -0
- package/schematics/collection.json +10 -0
- package/schematics/ng-add/index.d.ts +3 -0
- package/schematics/ng-add/index.js +9 -0
- package/schematics/ng-add/index.ts +10 -0
- package/schematics/ng-add/schema.d.ts +13 -0
- package/schematics/ng-add/schema.js +2 -0
- package/schematics/ng-add/schema.json +34 -0
- package/schematics/ng-add/schema.ts +30 -0
- package/schematics/tsconfig.json +25 -0
- package/schematics/utils/lib-details.d.ts +4 -0
- package/schematics/utils/lib-details.js +6 -0
- package/schematics/utils/lib-details.ts +4 -0
- package/src/index.d.ts +2 -1
- package/src/ribbon/collections.directive.d.ts +0 -25
- package/src/ribbon/contextualtabs.directive.d.ts +44 -0
- package/src/ribbon/groups.directive.d.ts +10 -21
- package/src/ribbon/items.directive.d.ts +10 -29
- package/src/ribbon/ribbon-all.module.d.ts +3 -6
- package/src/ribbon/ribbon.component.d.ts +2 -3
- package/src/ribbon/ribbon.module.d.ts +0 -10
- package/src/ribbon/tabs.directive.d.ts +5 -17
- package/styles/bootstrap-dark.css +1 -0
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap.css +1 -0
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4.css +1 -0
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark.css +1 -0
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5.css +1 -0
- package/styles/bootstrap5.scss +1 -0
- package/styles/fabric-dark.css +1 -0
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric.css +1 -0
- package/styles/fabric.scss +1 -0
- package/styles/fluent-dark.css +1 -0
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent.css +1 -0
- package/styles/fluent.scss +1 -0
- package/styles/highcontrast-light.css +1 -0
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast.css +1 -0
- package/styles/highcontrast.scss +1 -0
- package/styles/material-dark.css +1 -0
- package/styles/material-dark.scss +1 -0
- package/styles/material.css +1 -0
- package/styles/material.scss +1 -0
- package/styles/material3-dark.css +1 -0
- package/styles/material3-dark.scss +2 -0
- package/styles/material3.css +1 -0
- package/styles/material3.scss +2 -0
- package/styles/ribbon/bootstrap-dark.css +1 -0
- package/styles/ribbon/bootstrap-dark.scss +1 -0
- package/styles/ribbon/bootstrap.css +1 -0
- package/styles/ribbon/bootstrap.scss +1 -0
- package/styles/ribbon/bootstrap4.css +1 -0
- package/styles/ribbon/bootstrap4.scss +1 -0
- package/styles/ribbon/bootstrap5-dark.css +1 -0
- package/styles/ribbon/bootstrap5-dark.scss +1 -0
- package/styles/ribbon/bootstrap5.css +1 -0
- package/styles/ribbon/bootstrap5.scss +1 -0
- package/styles/ribbon/fabric-dark.css +1 -0
- package/styles/ribbon/fabric-dark.scss +1 -0
- package/styles/ribbon/fabric.css +1 -0
- package/styles/ribbon/fabric.scss +1 -0
- package/styles/ribbon/fluent-dark.css +1 -0
- package/styles/ribbon/fluent-dark.scss +1 -0
- package/styles/ribbon/fluent.css +1 -0
- package/styles/ribbon/fluent.scss +1 -0
- package/styles/ribbon/highcontrast-light.css +1 -0
- package/styles/ribbon/highcontrast-light.scss +1 -0
- package/styles/ribbon/highcontrast.css +1 -0
- package/styles/ribbon/highcontrast.scss +1 -0
- package/styles/ribbon/material-dark.css +1 -0
- package/styles/ribbon/material-dark.scss +1 -0
- package/styles/ribbon/material.css +1 -0
- package/styles/ribbon/material.scss +1 -0
- package/styles/ribbon/material3-dark.css +1 -0
- package/styles/ribbon/material3-dark.scss +2 -0
- package/styles/ribbon/material3.css +1 -0
- package/styles/ribbon/material3.scss +2 -0
- package/styles/ribbon/tailwind-dark.css +1 -0
- package/styles/ribbon/tailwind-dark.scss +1 -0
- package/styles/ribbon/tailwind.css +1 -0
- package/styles/ribbon/tailwind.scss +1 -0
- package/styles/tailwind-dark.css +1 -0
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind.css +1 -0
- package/styles/tailwind.scss +1 -0
- package/esm2020/public_api.mjs +0 -3
- package/esm2020/src/index.mjs +0 -9
- package/esm2020/src/ribbon/collections.directive.mjs +0 -70
- package/esm2020/src/ribbon/groups.directive.mjs +0 -66
- package/esm2020/src/ribbon/items.directive.mjs +0 -78
- package/esm2020/src/ribbon/ribbon-all.module.mjs +0 -53
- package/esm2020/src/ribbon/ribbon.component.mjs +0 -134
- package/esm2020/src/ribbon/ribbon.module.mjs +0 -61
- package/esm2020/src/ribbon/tabs.directive.mjs +0 -62
- package/esm2020/syncfusion-ej2-angular-ribbon.mjs +0 -5
- package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +0 -502
- package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
- package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +0 -502
- package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
- package/syncfusion-ej2-angular-ribbon.d.ts +0 -5
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export interface OptionsSchema {
|
|
2
|
+
// Whether to skip package.json install.
|
|
3
|
+
skipPackageJson: boolean;
|
|
4
|
+
|
|
5
|
+
// Used to specify required module names
|
|
6
|
+
modules: string;
|
|
7
|
+
|
|
8
|
+
// Used to specify custom module path
|
|
9
|
+
modulePath: string;
|
|
10
|
+
|
|
11
|
+
// Used to specify theme name
|
|
12
|
+
theme: 'material' | 'fabric' | 'bootstrap' | 'highcontrast';
|
|
13
|
+
|
|
14
|
+
// Name of the project to target.
|
|
15
|
+
project?: string;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export interface LibOptionsSchema {
|
|
19
|
+
// Package name
|
|
20
|
+
pkgName: string;
|
|
21
|
+
|
|
22
|
+
// Package version
|
|
23
|
+
pkgVer: string;
|
|
24
|
+
|
|
25
|
+
// Library base module name
|
|
26
|
+
moduleName: string;
|
|
27
|
+
|
|
28
|
+
// Theme version
|
|
29
|
+
themeVer: string;
|
|
30
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"lib": ["es2017", "dom"],
|
|
4
|
+
"module": "commonjs",
|
|
5
|
+
"moduleResolution": "node",
|
|
6
|
+
"noEmitOnError": false,
|
|
7
|
+
"skipDefaultLibCheck": true,
|
|
8
|
+
"skipLibCheck": true,
|
|
9
|
+
"sourceMap": true,
|
|
10
|
+
"target": "es6",
|
|
11
|
+
"declaration": true,
|
|
12
|
+
"types": [
|
|
13
|
+
"jasmine",
|
|
14
|
+
"node"
|
|
15
|
+
]
|
|
16
|
+
},
|
|
17
|
+
"exclude": [
|
|
18
|
+
"node_modules",
|
|
19
|
+
"src",
|
|
20
|
+
"src/**/*.ts",
|
|
21
|
+
"spec",
|
|
22
|
+
"spec/**/*.ts",
|
|
23
|
+
"@typings"
|
|
24
|
+
]
|
|
25
|
+
}
|
package/src/index.d.ts
CHANGED
|
@@ -2,7 +2,8 @@ export { RibbonItemDirective, RibbonItemsDirective } from './ribbon/items.direct
|
|
|
2
2
|
export { RibbonCollectionDirective, RibbonCollectionsDirective } from './ribbon/collections.directive';
|
|
3
3
|
export { RibbonGroupDirective, RibbonGroupsDirective } from './ribbon/groups.directive';
|
|
4
4
|
export { RibbonTabDirective, RibbonTabsDirective } from './ribbon/tabs.directive';
|
|
5
|
+
export { RibbonContextualTabDirective, RibbonContextualTabsDirective } from './ribbon/contextualtabs.directive';
|
|
5
6
|
export { RibbonComponent } from './ribbon/ribbon.component';
|
|
6
7
|
export { RibbonModule } from './ribbon/ribbon.module';
|
|
7
|
-
export { RibbonAllModule, RibbonButtonService, RibbonDropDownService, RibbonSplitButtonService, RibbonCheckBoxService, RibbonColorPickerService, RibbonComboBoxService, RibbonGroupButtonService, RibbonFileMenuService, RibbonBackstageService } from './ribbon/ribbon-all.module';
|
|
8
|
+
export { RibbonAllModule, RibbonButtonService, RibbonDropDownService, RibbonSplitButtonService, RibbonCheckBoxService, RibbonColorPickerService, RibbonComboBoxService, RibbonGroupButtonService, RibbonFileMenuService, RibbonBackstageService, RibbonKeyTipService, RibbonContextualTabService, RibbonGalleryService } from './ribbon/ribbon-all.module';
|
|
8
9
|
export * from '@syncfusion/ej2-ribbon';
|
|
@@ -1,26 +1,5 @@
|
|
|
1
1
|
import { ViewContainerRef } from '@angular/core';
|
|
2
2
|
import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* `e-ribbon-collection` directive represent a collection in the Angular Ribbon.
|
|
6
|
-
* ```html
|
|
7
|
-
* <ejs-ribbon>
|
|
8
|
-
* <e-ribbon-tabs>
|
|
9
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
10
|
-
* <e-ribbon-tab>
|
|
11
|
-
* <e-ribbon-groups>
|
|
12
|
-
* <e-ribbon-group>
|
|
13
|
-
* <e-ribbon-collections>
|
|
14
|
-
* <e-ribbon-collection></e-ribbon-collection>
|
|
15
|
-
* <e-ribbon-collection></e-ribbon-collection>
|
|
16
|
-
* </e-ribbon-collections>
|
|
17
|
-
* </e-ribbon-group>
|
|
18
|
-
* </e-ribbon-groups>
|
|
19
|
-
* </e-ribbon-tab>
|
|
20
|
-
* </e-ribbon-tabs>
|
|
21
|
-
* </ejs-ribbon>
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
3
|
export declare class RibbonCollectionDirective extends ComplexBase<RibbonCollectionDirective> {
|
|
25
4
|
private viewContainerRef;
|
|
26
5
|
directivePropList: any;
|
|
@@ -43,8 +22,6 @@ export declare class RibbonCollectionDirective extends ComplexBase<RibbonCollect
|
|
|
43
22
|
*/
|
|
44
23
|
items: any;
|
|
45
24
|
constructor(viewContainerRef: ViewContainerRef);
|
|
46
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RibbonCollectionDirective, never>;
|
|
47
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RibbonCollectionDirective, "e-ribbon-collection", never, { "cssClass": "cssClass"; "id": "id"; "items": "items"; }, {}, ["childItems"]>;
|
|
48
25
|
}
|
|
49
26
|
/**
|
|
50
27
|
* RibbonCollection Array Directive
|
|
@@ -52,6 +29,4 @@ export declare class RibbonCollectionDirective extends ComplexBase<RibbonCollect
|
|
|
52
29
|
*/
|
|
53
30
|
export declare class RibbonCollectionsDirective extends ArrayBase<RibbonCollectionsDirective> {
|
|
54
31
|
constructor();
|
|
55
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RibbonCollectionsDirective, never>;
|
|
56
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RibbonCollectionsDirective, "e-ribbon-collections", never, {}, {}, ["children"]>;
|
|
57
32
|
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
|
|
3
|
+
/**
|
|
4
|
+
* `e-ribbon-contextual-tab` directive represent a contextual tab of the Angular Ribbon.
|
|
5
|
+
* It must be contained in a Ribbon component(`ejs-ribbon`).
|
|
6
|
+
* ```html
|
|
7
|
+
* <ejs-ribbon>
|
|
8
|
+
* <e-ribbon-contextual-tabs>
|
|
9
|
+
* <e-ribbon-contextual-tab>
|
|
10
|
+
* </e-ribbon-contextual-tab>
|
|
11
|
+
* </e-ribbon-contextual-tabs>
|
|
12
|
+
* </ejs-ribbon>
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
export declare class RibbonContextualTabDirective extends ComplexBase<RibbonContextualTabDirective> {
|
|
16
|
+
private viewContainerRef;
|
|
17
|
+
directivePropList: any;
|
|
18
|
+
childTabs: any;
|
|
19
|
+
tags: string[];
|
|
20
|
+
/**
|
|
21
|
+
* Specifies whether the contextual tab is selected.
|
|
22
|
+
* @default false
|
|
23
|
+
*/
|
|
24
|
+
isSelected: any;
|
|
25
|
+
/**
|
|
26
|
+
* Defines the tab groups to be rendered in ribbon.
|
|
27
|
+
* @default []
|
|
28
|
+
* @asptype List<RibbonTab>
|
|
29
|
+
*/
|
|
30
|
+
tabs: any;
|
|
31
|
+
/**
|
|
32
|
+
* Specifies whether the contextual tab is visible.
|
|
33
|
+
* @default false
|
|
34
|
+
*/
|
|
35
|
+
visible: any;
|
|
36
|
+
constructor(viewContainerRef: ViewContainerRef);
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* RibbonContextualTab Array Directive
|
|
40
|
+
* @private
|
|
41
|
+
*/
|
|
42
|
+
export declare class RibbonContextualTabsDirective extends ArrayBase<RibbonContextualTabsDirective> {
|
|
43
|
+
constructor();
|
|
44
|
+
}
|
|
@@ -1,22 +1,5 @@
|
|
|
1
1
|
import { ViewContainerRef } from '@angular/core';
|
|
2
2
|
import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* `e-ribbon-group` directive represent a group in the Angular Ribbon.
|
|
6
|
-
* ```html
|
|
7
|
-
* <ejs-ribbon>
|
|
8
|
-
* <e-ribbon-tabs>
|
|
9
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
10
|
-
* <e-ribbon-tab>
|
|
11
|
-
* <e-ribbon-groups>
|
|
12
|
-
* <e-ribbon-group></e-ribbon-group>
|
|
13
|
-
* <e-ribbon-group></e-ribbon-group>
|
|
14
|
-
* </e-ribbon-groups>
|
|
15
|
-
* </e-ribbon-tab>
|
|
16
|
-
* </e-ribbon-tabs>
|
|
17
|
-
* </ejs-ribbon>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
3
|
export declare class RibbonGroupDirective extends ComplexBase<RibbonGroupDirective> {
|
|
21
4
|
private viewContainerRef;
|
|
22
5
|
directivePropList: any;
|
|
@@ -65,6 +48,16 @@ export declare class RibbonGroupDirective extends ComplexBase<RibbonGroupDirecti
|
|
|
65
48
|
* @default true
|
|
66
49
|
*/
|
|
67
50
|
isCollapsible: any;
|
|
51
|
+
/**
|
|
52
|
+
* Specifies the keytip content.
|
|
53
|
+
* @default ''
|
|
54
|
+
*/
|
|
55
|
+
keyTip: any;
|
|
56
|
+
/**
|
|
57
|
+
* Specifies the keytip content for launcher icon.
|
|
58
|
+
* @default ''
|
|
59
|
+
*/
|
|
60
|
+
launcherIconKeyTip: any;
|
|
68
61
|
/**
|
|
69
62
|
* Defines whether to orientation in which the items of the group should be arranged.
|
|
70
63
|
* @isenumeration true
|
|
@@ -89,8 +82,6 @@ export declare class RibbonGroupDirective extends ComplexBase<RibbonGroupDirecti
|
|
|
89
82
|
*/
|
|
90
83
|
showLauncherIcon: any;
|
|
91
84
|
constructor(viewContainerRef: ViewContainerRef);
|
|
92
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RibbonGroupDirective, never>;
|
|
93
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RibbonGroupDirective, "e-ribbon-group", never, { "collections": "collections"; "cssClass": "cssClass"; "enableGroupOverflow": "enableGroupOverflow"; "groupIconCss": "groupIconCss"; "header": "header"; "id": "id"; "isCollapsed": "isCollapsed"; "isCollapsible": "isCollapsible"; "orientation": "orientation"; "overflowHeader": "overflowHeader"; "priority": "priority"; "showLauncherIcon": "showLauncherIcon"; }, {}, ["childCollections"]>;
|
|
94
85
|
}
|
|
95
86
|
/**
|
|
96
87
|
* RibbonGroup Array Directive
|
|
@@ -98,6 +89,4 @@ export declare class RibbonGroupDirective extends ComplexBase<RibbonGroupDirecti
|
|
|
98
89
|
*/
|
|
99
90
|
export declare class RibbonGroupsDirective extends ArrayBase<RibbonGroupsDirective> {
|
|
100
91
|
constructor();
|
|
101
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RibbonGroupsDirective, never>;
|
|
102
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RibbonGroupsDirective, "e-ribbon-groups", never, {}, {}, ["children"]>;
|
|
103
92
|
}
|
|
@@ -1,30 +1,5 @@
|
|
|
1
1
|
import { ViewContainerRef } from '@angular/core';
|
|
2
2
|
import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* `e-ribbon-item` directive represent a item in the Angular Ribbon.
|
|
6
|
-
* ```html
|
|
7
|
-
* <ejs-ribbon>
|
|
8
|
-
* <e-ribbon-tabs>
|
|
9
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
10
|
-
* <e-ribbon-tab>
|
|
11
|
-
* <e-ribbon-groups>
|
|
12
|
-
* <e-ribbon-group>
|
|
13
|
-
* <e-ribbon-collections>
|
|
14
|
-
* <e-ribbon-collection>
|
|
15
|
-
* <e-ribbon-items>
|
|
16
|
-
* <e-ribbon-item></e-ribbon-item>
|
|
17
|
-
* <e-ribbon-item></e-ribbon-item>
|
|
18
|
-
* </e-ribbon-items>
|
|
19
|
-
* </e-ribbon-collection>
|
|
20
|
-
* </e-ribbon-collections>
|
|
21
|
-
* </e-ribbon-group>
|
|
22
|
-
* </e-ribbon-groups>
|
|
23
|
-
* </e-ribbon-tab>
|
|
24
|
-
* </e-ribbon-tabs>
|
|
25
|
-
* </ejs-ribbon>
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
3
|
export declare class RibbonItemDirective extends ComplexBase<RibbonItemDirective> {
|
|
29
4
|
private viewContainerRef;
|
|
30
5
|
directivePropList: any;
|
|
@@ -88,6 +63,11 @@ export declare class RibbonItemDirective extends ComplexBase<RibbonItemDirective
|
|
|
88
63
|
* @default {}
|
|
89
64
|
*/
|
|
90
65
|
dropDownSettings: any;
|
|
66
|
+
/**
|
|
67
|
+
* Defines the properties of the gallery view in Ribbon.
|
|
68
|
+
* @default {}
|
|
69
|
+
*/
|
|
70
|
+
gallerySettings: any;
|
|
91
71
|
/**
|
|
92
72
|
* Defines the properties for group button in Ribbon
|
|
93
73
|
* @default {}
|
|
@@ -98,6 +78,11 @@ export declare class RibbonItemDirective extends ComplexBase<RibbonItemDirective
|
|
|
98
78
|
* @default ''
|
|
99
79
|
*/
|
|
100
80
|
id: any;
|
|
81
|
+
/**
|
|
82
|
+
* Defines the key tip text to be accessed for specified Ribbon item.
|
|
83
|
+
* @default ''
|
|
84
|
+
*/
|
|
85
|
+
keyTip: any;
|
|
101
86
|
/**
|
|
102
87
|
* Defines the settings for the tooltip of the item.
|
|
103
88
|
* @default {}
|
|
@@ -119,8 +104,6 @@ export declare class RibbonItemDirective extends ComplexBase<RibbonItemDirective
|
|
|
119
104
|
*/
|
|
120
105
|
itemTemplate: any;
|
|
121
106
|
constructor(viewContainerRef: ViewContainerRef);
|
|
122
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RibbonItemDirective, never>;
|
|
123
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RibbonItemDirective, "e-ribbon-item", never, { "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"; }, {}, ["itemTemplate"]>;
|
|
124
107
|
}
|
|
125
108
|
/**
|
|
126
109
|
* RibbonItem Array Directive
|
|
@@ -128,6 +111,4 @@ export declare class RibbonItemDirective extends ComplexBase<RibbonItemDirective
|
|
|
128
111
|
*/
|
|
129
112
|
export declare class RibbonItemsDirective extends ArrayBase<RibbonItemsDirective> {
|
|
130
113
|
constructor();
|
|
131
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RibbonItemsDirective, never>;
|
|
132
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RibbonItemsDirective, "e-ribbon-items", never, {}, {}, ["children"]>;
|
|
133
114
|
}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import { ValueProvider } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "./ribbon.module";
|
|
5
2
|
export declare const RibbonButtonService: ValueProvider;
|
|
6
3
|
export declare const RibbonDropDownService: ValueProvider;
|
|
7
4
|
export declare const RibbonSplitButtonService: ValueProvider;
|
|
@@ -11,11 +8,11 @@ export declare const RibbonComboBoxService: ValueProvider;
|
|
|
11
8
|
export declare const RibbonGroupButtonService: ValueProvider;
|
|
12
9
|
export declare const RibbonFileMenuService: ValueProvider;
|
|
13
10
|
export declare const RibbonBackstageService: ValueProvider;
|
|
11
|
+
export declare const RibbonKeyTipService: ValueProvider;
|
|
12
|
+
export declare const RibbonContextualTabService: ValueProvider;
|
|
13
|
+
export declare const RibbonGalleryService: ValueProvider;
|
|
14
14
|
/**
|
|
15
15
|
* NgModule definition for the Ribbon component with providers.
|
|
16
16
|
*/
|
|
17
17
|
export declare class RibbonAllModule {
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RibbonAllModule, never>;
|
|
19
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<RibbonAllModule, never, [typeof i1.CommonModule, typeof i2.RibbonModule], [typeof i2.RibbonModule]>;
|
|
20
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<RibbonAllModule>;
|
|
21
18
|
}
|
|
@@ -2,7 +2,7 @@ import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@a
|
|
|
2
2
|
import { IComponentBase } from '@syncfusion/ej2-angular-base';
|
|
3
3
|
import { Ribbon } from '@syncfusion/ej2-ribbon';
|
|
4
4
|
import { RibbonTabsDirective } from './tabs.directive';
|
|
5
|
-
import
|
|
5
|
+
import { RibbonContextualTabsDirective } from './contextualtabs.directive';
|
|
6
6
|
export declare const inputs: string[];
|
|
7
7
|
export declare const outputs: string[];
|
|
8
8
|
export declare const twoWays: string[];
|
|
@@ -28,6 +28,7 @@ export declare class RibbonComponent extends Ribbon implements IComponentBase {
|
|
|
28
28
|
tabSelected: any;
|
|
29
29
|
tabSelecting: any;
|
|
30
30
|
childTabs: QueryList<RibbonTabsDirective>;
|
|
31
|
+
childContextualTabs: QueryList<RibbonContextualTabsDirective>;
|
|
31
32
|
tags: string[];
|
|
32
33
|
/**
|
|
33
34
|
* Specifies the template content for the help pane of ribbon.
|
|
@@ -46,6 +47,4 @@ export declare class RibbonComponent extends Ribbon implements IComponentBase {
|
|
|
46
47
|
ngAfterContentChecked(): void;
|
|
47
48
|
registerEvents: (eventList: string[]) => void;
|
|
48
49
|
addTwoWay: (propList: string[]) => void;
|
|
49
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RibbonComponent, never>;
|
|
50
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RibbonComponent, "ejs-ribbon", never, { "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"; }, { "created": "created"; "launcherIconClick": "launcherIconClick"; "overflowPopupClose": "overflowPopupClose"; "overflowPopupOpen": "overflowPopupOpen"; "ribbonCollapsing": "ribbonCollapsing"; "ribbonExpanding": "ribbonExpanding"; "tabSelected": "tabSelected"; "tabSelecting": "tabSelecting"; }, ["helpPaneTemplate", "childTabs"], ["div"]>;
|
|
51
50
|
}
|
|
@@ -1,15 +1,5 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./ribbon.component";
|
|
3
|
-
import * as i2 from "./items.directive";
|
|
4
|
-
import * as i3 from "./collections.directive";
|
|
5
|
-
import * as i4 from "./groups.directive";
|
|
6
|
-
import * as i5 from "./tabs.directive";
|
|
7
|
-
import * as i6 from "@angular/common";
|
|
8
1
|
/**
|
|
9
2
|
* NgModule definition for the Ribbon component.
|
|
10
3
|
*/
|
|
11
4
|
export declare class RibbonModule {
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RibbonModule, never>;
|
|
13
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<RibbonModule, [typeof i1.RibbonComponent, typeof i2.RibbonItemDirective, typeof i2.RibbonItemsDirective, typeof i3.RibbonCollectionDirective, typeof i3.RibbonCollectionsDirective, typeof i4.RibbonGroupDirective, typeof i4.RibbonGroupsDirective, typeof i5.RibbonTabDirective, typeof i5.RibbonTabsDirective], [typeof i6.CommonModule], [typeof i1.RibbonComponent, typeof i2.RibbonItemDirective, typeof i2.RibbonItemsDirective, typeof i3.RibbonCollectionDirective, typeof i3.RibbonCollectionsDirective, typeof i4.RibbonGroupDirective, typeof i4.RibbonGroupsDirective, typeof i5.RibbonTabDirective, typeof i5.RibbonTabsDirective]>;
|
|
14
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<RibbonModule>;
|
|
15
5
|
}
|
|
@@ -1,18 +1,5 @@
|
|
|
1
1
|
import { ViewContainerRef } from '@angular/core';
|
|
2
2
|
import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* `e-ribbon-tab` directive represent a tab of the Angular Ribbon.
|
|
6
|
-
* It must be contained in a Ribbon component(`ejs-ribbon`).
|
|
7
|
-
* ```html
|
|
8
|
-
* <ejs-ribbon>
|
|
9
|
-
* <e-ribbon-tabs>
|
|
10
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
11
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
12
|
-
* </e-ribbon-tabs>
|
|
13
|
-
* </ejs-ribbon>
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
3
|
export declare class RibbonTabDirective extends ComplexBase<RibbonTabDirective> {
|
|
17
4
|
private viewContainerRef;
|
|
18
5
|
directivePropList: any;
|
|
@@ -39,9 +26,12 @@ export declare class RibbonTabDirective extends ComplexBase<RibbonTabDirective>
|
|
|
39
26
|
* @default ''
|
|
40
27
|
*/
|
|
41
28
|
id: any;
|
|
29
|
+
/**
|
|
30
|
+
* Specifies the keytip content.
|
|
31
|
+
* @default ''
|
|
32
|
+
*/
|
|
33
|
+
keyTip: any;
|
|
42
34
|
constructor(viewContainerRef: ViewContainerRef);
|
|
43
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RibbonTabDirective, never>;
|
|
44
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RibbonTabDirective, "e-ribbon-tab", never, { "cssClass": "cssClass"; "groups": "groups"; "header": "header"; "id": "id"; }, {}, ["childGroups"]>;
|
|
45
35
|
}
|
|
46
36
|
/**
|
|
47
37
|
* RibbonTab Array Directive
|
|
@@ -49,6 +39,4 @@ export declare class RibbonTabDirective extends ComplexBase<RibbonTabDirective>
|
|
|
49
39
|
*/
|
|
50
40
|
export declare class RibbonTabsDirective extends ArrayBase<RibbonTabsDirective> {
|
|
51
41
|
constructor();
|
|
52
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RibbonTabsDirective, never>;
|
|
53
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RibbonTabsDirective, "e-ribbon-tabs", never, {}, {}, ["children"]>;
|
|
54
42
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/bootstrap-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/bootstrap-dark.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/bootstrap.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/bootstrap.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/bootstrap4.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/bootstrap4.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/bootstrap5-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/bootstrap5-dark.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/bootstrap5.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/bootstrap5.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/fabric-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/fabric-dark.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/fabric.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/fabric.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/fluent-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/fluent-dark.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/fluent.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/fluent.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/highcontrast-light.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/highcontrast-light.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/highcontrast.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/highcontrast.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/material-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/material-dark.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/material.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ribbon/material.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/material3-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/material3.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/bootstrap-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/bootstrap-dark.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/bootstrap.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/bootstrap.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/bootstrap4.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/bootstrap4.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/bootstrap5-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/bootstrap5-dark.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/bootstrap5.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/bootstrap5.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/fabric-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/fabric-dark.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/fabric.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/fabric.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/fluent-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/fluent-dark.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/fluent.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/fluent.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/highcontrast-light.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/highcontrast-light.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/highcontrast.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/highcontrast.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/material-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/material-dark.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/material.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/material.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/material3-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/material3.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/tailwind-dark.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-ribbon/styles/ribbon/tailwind-dark.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-ribbon/styles/ribbon/tailwind.css';
|