@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.
Files changed (118) hide show
  1. package/@syncfusion/ej2-angular-ribbon.es5.js +615 -0
  2. package/@syncfusion/ej2-angular-ribbon.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-ribbon.js +571 -0
  4. package/@syncfusion/ej2-angular-ribbon.js.map +1 -0
  5. package/CHANGELOG.md +93 -0
  6. package/README.md +5 -2
  7. package/dist/ej2-angular-ribbon.umd.js +806 -0
  8. package/dist/ej2-angular-ribbon.umd.js.map +1 -0
  9. package/dist/ej2-angular-ribbon.umd.min.js +11 -0
  10. package/dist/ej2-angular-ribbon.umd.min.js.map +1 -0
  11. package/ej2-angular-ribbon.d.ts +5 -0
  12. package/ej2-angular-ribbon.metadata.json +1 -0
  13. package/package.json +15 -29
  14. package/postinstall/tagchange.js +18 -0
  15. package/schematics/collection.json +10 -0
  16. package/schematics/ng-add/index.d.ts +3 -0
  17. package/schematics/ng-add/index.js +9 -0
  18. package/schematics/ng-add/index.ts +10 -0
  19. package/schematics/ng-add/schema.d.ts +13 -0
  20. package/schematics/ng-add/schema.js +2 -0
  21. package/schematics/ng-add/schema.json +34 -0
  22. package/schematics/ng-add/schema.ts +30 -0
  23. package/schematics/tsconfig.json +25 -0
  24. package/schematics/utils/lib-details.d.ts +4 -0
  25. package/schematics/utils/lib-details.js +6 -0
  26. package/schematics/utils/lib-details.ts +4 -0
  27. package/src/index.d.ts +2 -1
  28. package/src/ribbon/collections.directive.d.ts +0 -25
  29. package/src/ribbon/contextualtabs.directive.d.ts +44 -0
  30. package/src/ribbon/groups.directive.d.ts +10 -21
  31. package/src/ribbon/items.directive.d.ts +10 -29
  32. package/src/ribbon/ribbon-all.module.d.ts +3 -6
  33. package/src/ribbon/ribbon.component.d.ts +2 -3
  34. package/src/ribbon/ribbon.module.d.ts +0 -10
  35. package/src/ribbon/tabs.directive.d.ts +5 -17
  36. package/styles/bootstrap-dark.css +1 -0
  37. package/styles/bootstrap-dark.scss +1 -0
  38. package/styles/bootstrap.css +1 -0
  39. package/styles/bootstrap.scss +1 -0
  40. package/styles/bootstrap4.css +1 -0
  41. package/styles/bootstrap4.scss +1 -0
  42. package/styles/bootstrap5-dark.css +1 -0
  43. package/styles/bootstrap5-dark.scss +1 -0
  44. package/styles/bootstrap5.css +1 -0
  45. package/styles/bootstrap5.scss +1 -0
  46. package/styles/fabric-dark.css +1 -0
  47. package/styles/fabric-dark.scss +1 -0
  48. package/styles/fabric.css +1 -0
  49. package/styles/fabric.scss +1 -0
  50. package/styles/fluent-dark.css +1 -0
  51. package/styles/fluent-dark.scss +1 -0
  52. package/styles/fluent.css +1 -0
  53. package/styles/fluent.scss +1 -0
  54. package/styles/highcontrast-light.css +1 -0
  55. package/styles/highcontrast-light.scss +1 -0
  56. package/styles/highcontrast.css +1 -0
  57. package/styles/highcontrast.scss +1 -0
  58. package/styles/material-dark.css +1 -0
  59. package/styles/material-dark.scss +1 -0
  60. package/styles/material.css +1 -0
  61. package/styles/material.scss +1 -0
  62. package/styles/material3-dark.css +1 -0
  63. package/styles/material3-dark.scss +2 -0
  64. package/styles/material3.css +1 -0
  65. package/styles/material3.scss +2 -0
  66. package/styles/ribbon/bootstrap-dark.css +1 -0
  67. package/styles/ribbon/bootstrap-dark.scss +1 -0
  68. package/styles/ribbon/bootstrap.css +1 -0
  69. package/styles/ribbon/bootstrap.scss +1 -0
  70. package/styles/ribbon/bootstrap4.css +1 -0
  71. package/styles/ribbon/bootstrap4.scss +1 -0
  72. package/styles/ribbon/bootstrap5-dark.css +1 -0
  73. package/styles/ribbon/bootstrap5-dark.scss +1 -0
  74. package/styles/ribbon/bootstrap5.css +1 -0
  75. package/styles/ribbon/bootstrap5.scss +1 -0
  76. package/styles/ribbon/fabric-dark.css +1 -0
  77. package/styles/ribbon/fabric-dark.scss +1 -0
  78. package/styles/ribbon/fabric.css +1 -0
  79. package/styles/ribbon/fabric.scss +1 -0
  80. package/styles/ribbon/fluent-dark.css +1 -0
  81. package/styles/ribbon/fluent-dark.scss +1 -0
  82. package/styles/ribbon/fluent.css +1 -0
  83. package/styles/ribbon/fluent.scss +1 -0
  84. package/styles/ribbon/highcontrast-light.css +1 -0
  85. package/styles/ribbon/highcontrast-light.scss +1 -0
  86. package/styles/ribbon/highcontrast.css +1 -0
  87. package/styles/ribbon/highcontrast.scss +1 -0
  88. package/styles/ribbon/material-dark.css +1 -0
  89. package/styles/ribbon/material-dark.scss +1 -0
  90. package/styles/ribbon/material.css +1 -0
  91. package/styles/ribbon/material.scss +1 -0
  92. package/styles/ribbon/material3-dark.css +1 -0
  93. package/styles/ribbon/material3-dark.scss +2 -0
  94. package/styles/ribbon/material3.css +1 -0
  95. package/styles/ribbon/material3.scss +2 -0
  96. package/styles/ribbon/tailwind-dark.css +1 -0
  97. package/styles/ribbon/tailwind-dark.scss +1 -0
  98. package/styles/ribbon/tailwind.css +1 -0
  99. package/styles/ribbon/tailwind.scss +1 -0
  100. package/styles/tailwind-dark.css +1 -0
  101. package/styles/tailwind-dark.scss +1 -0
  102. package/styles/tailwind.css +1 -0
  103. package/styles/tailwind.scss +1 -0
  104. package/esm2020/public_api.mjs +0 -3
  105. package/esm2020/src/index.mjs +0 -9
  106. package/esm2020/src/ribbon/collections.directive.mjs +0 -70
  107. package/esm2020/src/ribbon/groups.directive.mjs +0 -66
  108. package/esm2020/src/ribbon/items.directive.mjs +0 -78
  109. package/esm2020/src/ribbon/ribbon-all.module.mjs +0 -53
  110. package/esm2020/src/ribbon/ribbon.component.mjs +0 -134
  111. package/esm2020/src/ribbon/ribbon.module.mjs +0 -61
  112. package/esm2020/src/ribbon/tabs.directive.mjs +0 -62
  113. package/esm2020/syncfusion-ej2-angular-ribbon.mjs +0 -5
  114. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +0 -502
  115. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  116. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +0 -502
  117. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  118. 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
+ }
@@ -0,0 +1,4 @@
1
+ export declare const pkgName = "@syncfusion/ej2-angular-ribbon";
2
+ export declare const pkgVer = "^21.29.0";
3
+ export declare const moduleName = "RibbonModule";
4
+ export declare const themeVer = "~21.29.0";
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.pkgName = '@syncfusion/ej2-angular-ribbon';
4
+ exports.pkgVer = '^25.1.35';
5
+ exports.moduleName = 'RibbonModule';
6
+ exports.themeVer = '~25.1.35';
@@ -0,0 +1,4 @@
1
+ export const pkgName = '@syncfusion/ej2-angular-ribbon';
2
+ export const pkgVer = '^25.1.35';
3
+ export const moduleName = 'RibbonModule';
4
+ export const themeVer = '~25.1.35';
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 * as i0 from "@angular/core";
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,2 @@
1
+
2
+ @import 'ribbon/material3-dark.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-ribbon/styles/material3.css';
@@ -0,0 +1,2 @@
1
+
2
+ @import 'ribbon/material3.scss';
@@ -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,2 @@
1
+
2
+ @import 'ej2-ribbon/styles/ribbon/material3-dark.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-ribbon/styles/ribbon/material3.css';
@@ -0,0 +1,2 @@
1
+
2
+ @import 'ej2-ribbon/styles/ribbon/material3.scss';
@@ -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';