@syncfusion/ej2-angular-ribbon 21.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 (95) hide show
  1. package/@syncfusion/ej2-angular-ribbon.es5.js +566 -0
  2. package/@syncfusion/ej2-angular-ribbon.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-ribbon.js +526 -0
  4. package/@syncfusion/ej2-angular-ribbon.js.map +1 -0
  5. package/CHANGELOG.md +20 -0
  6. package/README.md +3 -0
  7. package/dist/ej2-angular-ribbon.umd.js +709 -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 +62 -0
  14. package/postinstall/tagchange.js +18 -0
  15. package/public_api.d.ts +1 -0
  16. package/schematics/collection.json +10 -0
  17. package/schematics/ng-add/index.d.ts +3 -0
  18. package/schematics/ng-add/index.js +9 -0
  19. package/schematics/ng-add/index.ts +10 -0
  20. package/schematics/ng-add/schema.d.ts +13 -0
  21. package/schematics/ng-add/schema.js +2 -0
  22. package/schematics/ng-add/schema.json +34 -0
  23. package/schematics/ng-add/schema.ts +30 -0
  24. package/schematics/tsconfig.json +25 -0
  25. package/schematics/utils/lib-details.d.ts +4 -0
  26. package/schematics/utils/lib-details.js +6 -0
  27. package/schematics/utils/lib-details.ts +4 -0
  28. package/src/index.d.ts +8 -0
  29. package/src/ribbon/collections.directive.d.ts +52 -0
  30. package/src/ribbon/groups.directive.d.ts +93 -0
  31. package/src/ribbon/items.directive.d.ts +120 -0
  32. package/src/ribbon/ribbon-all.module.d.ts +13 -0
  33. package/src/ribbon/ribbon.component.d.ts +42 -0
  34. package/src/ribbon/ribbon.module.d.ts +5 -0
  35. package/src/ribbon/tabs.directive.d.ts +49 -0
  36. package/styles/bootstrap-dark.css +1502 -0
  37. package/styles/bootstrap-dark.scss +1 -0
  38. package/styles/bootstrap.css +1507 -0
  39. package/styles/bootstrap.scss +1 -0
  40. package/styles/bootstrap4.css +1557 -0
  41. package/styles/bootstrap4.scss +1 -0
  42. package/styles/bootstrap5-dark.css +1586 -0
  43. package/styles/bootstrap5-dark.scss +1 -0
  44. package/styles/bootstrap5.css +1586 -0
  45. package/styles/bootstrap5.scss +1 -0
  46. package/styles/fabric-dark.css +1478 -0
  47. package/styles/fabric-dark.scss +1 -0
  48. package/styles/fabric.css +1476 -0
  49. package/styles/fabric.scss +1 -0
  50. package/styles/fluent-dark.css +1562 -0
  51. package/styles/fluent-dark.scss +1 -0
  52. package/styles/fluent.css +1562 -0
  53. package/styles/fluent.scss +1 -0
  54. package/styles/highcontrast-light.css +1485 -0
  55. package/styles/highcontrast-light.scss +1 -0
  56. package/styles/highcontrast.css +1494 -0
  57. package/styles/highcontrast.scss +1 -0
  58. package/styles/material-dark.css +1548 -0
  59. package/styles/material-dark.scss +1 -0
  60. package/styles/material.css +1581 -0
  61. package/styles/material.scss +1 -0
  62. package/styles/ribbon/bootstrap-dark.css +1502 -0
  63. package/styles/ribbon/bootstrap-dark.scss +1 -0
  64. package/styles/ribbon/bootstrap.css +1507 -0
  65. package/styles/ribbon/bootstrap.scss +1 -0
  66. package/styles/ribbon/bootstrap4.css +1557 -0
  67. package/styles/ribbon/bootstrap4.scss +1 -0
  68. package/styles/ribbon/bootstrap5-dark.css +1586 -0
  69. package/styles/ribbon/bootstrap5-dark.scss +1 -0
  70. package/styles/ribbon/bootstrap5.css +1586 -0
  71. package/styles/ribbon/bootstrap5.scss +1 -0
  72. package/styles/ribbon/fabric-dark.css +1478 -0
  73. package/styles/ribbon/fabric-dark.scss +1 -0
  74. package/styles/ribbon/fabric.css +1476 -0
  75. package/styles/ribbon/fabric.scss +1 -0
  76. package/styles/ribbon/fluent-dark.css +1562 -0
  77. package/styles/ribbon/fluent-dark.scss +1 -0
  78. package/styles/ribbon/fluent.css +1562 -0
  79. package/styles/ribbon/fluent.scss +1 -0
  80. package/styles/ribbon/highcontrast-light.css +1485 -0
  81. package/styles/ribbon/highcontrast-light.scss +1 -0
  82. package/styles/ribbon/highcontrast.css +1494 -0
  83. package/styles/ribbon/highcontrast.scss +1 -0
  84. package/styles/ribbon/material-dark.css +1548 -0
  85. package/styles/ribbon/material-dark.scss +1 -0
  86. package/styles/ribbon/material.css +1581 -0
  87. package/styles/ribbon/material.scss +1 -0
  88. package/styles/ribbon/tailwind-dark.css +1560 -0
  89. package/styles/ribbon/tailwind-dark.scss +1 -0
  90. package/styles/ribbon/tailwind.css +1560 -0
  91. package/styles/ribbon/tailwind.scss +1 -0
  92. package/styles/tailwind-dark.css +1560 -0
  93. package/styles/tailwind-dark.scss +1 -0
  94. package/styles/tailwind.css +1560 -0
  95. package/styles/tailwind.scss +1 -0
@@ -0,0 +1,52 @@
1
+ import { ViewContainerRef } from '@angular/core';
2
+ import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
3
+ /**
4
+ * `e-ribbon-collection` directive represent a collection in the Angular Ribbon.
5
+ * ```html
6
+ * <ejs-ribbon>
7
+ * <e-ribbon-tabs>
8
+ * <e-ribbon-tab></e-ribbon-tab>
9
+ * <e-ribbon-tab>
10
+ * <e-ribbon-groups>
11
+ * <e-ribbon-group>
12
+ * <e-ribbon-collections>
13
+ * <e-ribbon-collection></e-ribbon-collection>
14
+ * <e-ribbon-collection></e-ribbon-collection>
15
+ * </e-ribbon-collections>
16
+ * </e-ribbon-group>
17
+ * </e-ribbon-groups>
18
+ * </e-ribbon-tab>
19
+ * </e-ribbon-tabs>
20
+ * </ejs-ribbon>
21
+ * ```
22
+ */
23
+ export declare class RibbonCollectionDirective extends ComplexBase<RibbonCollectionDirective> {
24
+ private viewContainerRef;
25
+ directivePropList: any;
26
+ childItems: any;
27
+ tags: string[];
28
+ /**
29
+ * Defines one or more CSS classes to customize the appearance of collection.
30
+ * @default ''
31
+ */
32
+ cssClass: any;
33
+ /**
34
+ * Defines a unique identifier for the collection.
35
+ * @default ''
36
+ */
37
+ id: any;
38
+ /**
39
+ * Defines the list of ribbon items.
40
+ * @default []
41
+ * @asptype List<RibbonItem>
42
+ */
43
+ items: any;
44
+ constructor(viewContainerRef: ViewContainerRef);
45
+ }
46
+ /**
47
+ * RibbonCollection Array Directive
48
+ * @private
49
+ */
50
+ export declare class RibbonCollectionsDirective extends ArrayBase<RibbonCollectionsDirective> {
51
+ constructor();
52
+ }
@@ -0,0 +1,93 @@
1
+ import { ViewContainerRef } from '@angular/core';
2
+ import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
3
+ /**
4
+ * `e-ribbon-group` directive represent a group in the Angular Ribbon.
5
+ * ```html
6
+ * <ejs-ribbon>
7
+ * <e-ribbon-tabs>
8
+ * <e-ribbon-tab></e-ribbon-tab>
9
+ * <e-ribbon-tab>
10
+ * <e-ribbon-groups>
11
+ * <e-ribbon-group></e-ribbon-group>
12
+ * <e-ribbon-group></e-ribbon-group>
13
+ * </e-ribbon-groups>
14
+ * </e-ribbon-tab>
15
+ * </e-ribbon-tabs>
16
+ * </ejs-ribbon>
17
+ * ```
18
+ */
19
+ export declare class RibbonGroupDirective extends ComplexBase<RibbonGroupDirective> {
20
+ private viewContainerRef;
21
+ directivePropList: any;
22
+ childCollections: any;
23
+ tags: string[];
24
+ /**
25
+ * Defines the list of ribbon collections.
26
+ * @default []
27
+ * @asptype List<RibbonCollection>
28
+ */
29
+ collections: any;
30
+ /**
31
+ * Defines one or more CSS classes to customize the appearance of group.
32
+ * @default ''
33
+ */
34
+ cssClass: any;
35
+ /**
36
+ * Defines whether to add a separate popup for the overflow items in the group.
37
+ * If it is set to false, the overflow items will be shown in the common overflow popup present at the right end of the tab content.
38
+ * @default false
39
+ */
40
+ enableGroupOverflow: any;
41
+ /**
42
+ * Defines the CSS class for the icons to be shown in the group overflow dropdown button in classic mode.
43
+ * During overflow, the entire group will be shown in a popup of a dropdown button which appears in the place of the group in ribbon tab.
44
+ * @default ''
45
+ */
46
+ groupIconCss: any;
47
+ /**
48
+ * Defines the content of group header.
49
+ * @default ''
50
+ */
51
+ header: any;
52
+ /**
53
+ * Defines a unique identifier for the group.
54
+ * @default ''
55
+ */
56
+ id: any;
57
+ /**
58
+ * Defines whether the group is in collapsed state or not during classic mode.
59
+ * @default false
60
+ */
61
+ isCollapsed: any;
62
+ /**
63
+ * Defines whether the group can be collapsed on resize during classic mode.
64
+ * @default true
65
+ */
66
+ isCollapsible: any;
67
+ /**
68
+ * Defines whether to orientation in which the items of the group should be arranged.
69
+ * @isenumeration true
70
+ * @default ItemOrientation.Column
71
+ * @asptype ItemOrientation
72
+ */
73
+ orientation: any;
74
+ /**
75
+ * Defines the priority order at which the group should be collapsed or expanded.
76
+ * For collapsing value is fetched in ascending order and for expanding value is fetched in descending order.
77
+ * @default 0
78
+ */
79
+ priority: any;
80
+ /**
81
+ * Defines whether to show or hide the launcher icon for the group.
82
+ * @default false
83
+ */
84
+ showLauncherIcon: any;
85
+ constructor(viewContainerRef: ViewContainerRef);
86
+ }
87
+ /**
88
+ * RibbonGroup Array Directive
89
+ * @private
90
+ */
91
+ export declare class RibbonGroupsDirective extends ArrayBase<RibbonGroupsDirective> {
92
+ constructor();
93
+ }
@@ -0,0 +1,120 @@
1
+ import { ViewContainerRef } from '@angular/core';
2
+ import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
3
+ /**
4
+ * `e-ribbon-item` directive represent a item in the Angular Ribbon.
5
+ * ```html
6
+ * <ejs-ribbon>
7
+ * <e-ribbon-tabs>
8
+ * <e-ribbon-tab></e-ribbon-tab>
9
+ * <e-ribbon-tab>
10
+ * <e-ribbon-groups>
11
+ * <e-ribbon-group>
12
+ * <e-ribbon-collections>
13
+ * <e-ribbon-collection>
14
+ * <e-ribbon-items>
15
+ * <e-ribbon-item></e-ribbon-item>
16
+ * <e-ribbon-item></e-ribbon-item>
17
+ * </e-ribbon-items>
18
+ * </e-ribbon-collection>
19
+ * </e-ribbon-collections>
20
+ * </e-ribbon-group>
21
+ * </e-ribbon-groups>
22
+ * </e-ribbon-tab>
23
+ * </e-ribbon-tabs>
24
+ * </ejs-ribbon>
25
+ * ```
26
+ */
27
+ export declare class RibbonItemDirective extends ComplexBase<RibbonItemDirective> {
28
+ private viewContainerRef;
29
+ directivePropList: any;
30
+ /**
31
+ * Defines the type of control to be added as the Ribbon Item.
32
+ * @isenumeration true
33
+ * @default RibbonItemType.Button
34
+ * @asptype RibbonItemType
35
+ */
36
+ type: any;
37
+ /**
38
+ * Defines the active size of the ribbon item.
39
+ * @default 'Medium'
40
+ * @aspnumberenum
41
+ */
42
+ activeSize: any;
43
+ /**
44
+ * Defines the sizes that are allowed for the ribbon item on ribbon resize.
45
+ * @default null
46
+ * @aspnumberenum
47
+ */
48
+ allowedSizes: any;
49
+ /**
50
+ * Defines the settings for the ribbon button.
51
+ * @default {}
52
+ */
53
+ buttonSettings: any;
54
+ /**
55
+ * Defines the settings for the ribbon checkbox.
56
+ * @default {}
57
+ */
58
+ checkBoxSettings: any;
59
+ /**
60
+ * Defines the settings for the ribbon color picker.
61
+ * @default {}
62
+ */
63
+ colorPickerSettings: any;
64
+ /**
65
+ * Defines the settings for the ribbon combobox.
66
+ * @default {}
67
+ */
68
+ comboBoxSettings: any;
69
+ /**
70
+ * Defines one or more CSS classes to customize the appearance of item.
71
+ * @default ''
72
+ */
73
+ cssClass: any;
74
+ /**
75
+ * Defines whether the item is disabled or not.
76
+ * @default false
77
+ */
78
+ disabled: any;
79
+ /**
80
+ * Defines the display options for the ribbon item.
81
+ * @default 'Auto'
82
+ * @aspnumberenum
83
+ */
84
+ displayOptions: any;
85
+ /**
86
+ * Defines the settings for the ribbon dropdown button.
87
+ * @default {}
88
+ */
89
+ dropDownSettings: any;
90
+ /**
91
+ * Defines a unique identifier for the item.
92
+ * @default ''
93
+ */
94
+ id: any;
95
+ /**
96
+ * Defines the settings for the tooltip of the item.
97
+ * @default {}
98
+ */
99
+ ribbonTooltipSettings: any;
100
+ /**
101
+ * Defines the settings for the ribbon split button.
102
+ * @default {}
103
+ */
104
+ splitButtonSettings: any;
105
+ /**
106
+ * Defines the template content for the ribbon item.
107
+ * `ActiveSize` property is passed as string in template context.
108
+ * @default ''
109
+ * @asptype string
110
+ */
111
+ itemTemplate: any;
112
+ constructor(viewContainerRef: ViewContainerRef);
113
+ }
114
+ /**
115
+ * RibbonItem Array Directive
116
+ * @private
117
+ */
118
+ export declare class RibbonItemsDirective extends ArrayBase<RibbonItemsDirective> {
119
+ constructor();
120
+ }
@@ -0,0 +1,13 @@
1
+ import { ValueProvider } from '@angular/core';
2
+ export declare const RibbonButtonService: ValueProvider;
3
+ export declare const RibbonDropDownService: ValueProvider;
4
+ export declare const RibbonSplitButtonService: ValueProvider;
5
+ export declare const RibbonCheckBoxService: ValueProvider;
6
+ export declare const RibbonColorPickerService: ValueProvider;
7
+ export declare const RibbonComboBoxService: ValueProvider;
8
+ export declare const RibbonFileMenuService: ValueProvider;
9
+ /**
10
+ * NgModule definition for the Ribbon component with providers.
11
+ */
12
+ export declare class RibbonAllModule {
13
+ }
@@ -0,0 +1,42 @@
1
+ import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@angular/core';
2
+ import { IComponentBase } from '@syncfusion/ej2-angular-base';
3
+ import { Ribbon } from '@syncfusion/ej2-ribbon';
4
+ import { RibbonTabsDirective } from './tabs.directive';
5
+ export declare const inputs: string[];
6
+ export declare const outputs: string[];
7
+ export declare const twoWays: string[];
8
+ /**
9
+ * Represents the Essential JS 2 Angular Ribbon Component.
10
+ * ```html
11
+ * <ejs-ribbon></ejs-ribbon>
12
+ * ```
13
+ */
14
+ export declare class RibbonComponent extends Ribbon implements IComponentBase {
15
+ private ngEle;
16
+ private srenderer;
17
+ private viewContainerRef;
18
+ private injector;
19
+ containerContext: any;
20
+ tagObjects: any;
21
+ launcherIconClick: any;
22
+ ribbonCollapsing: any;
23
+ ribbonExpanding: any;
24
+ tabSelected: any;
25
+ tabSelecting: any;
26
+ childTabs: QueryList<RibbonTabsDirective>;
27
+ tags: string[];
28
+ /**
29
+ * Specifies the template content for the help pane of ribbon.
30
+ * The help pane appears on the right side of the ribbon header row.
31
+ * @default ''
32
+ * @asptype string
33
+ */
34
+ helpPaneTemplate: any;
35
+ constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
36
+ ngOnInit(): void;
37
+ ngAfterViewInit(): void;
38
+ ngOnDestroy(): void;
39
+ ngAfterContentChecked(): void;
40
+ registerEvents: (eventList: string[]) => void;
41
+ addTwoWay: (propList: string[]) => void;
42
+ }
@@ -0,0 +1,5 @@
1
+ /**
2
+ * NgModule definition for the Ribbon component.
3
+ */
4
+ export declare class RibbonModule {
5
+ }
@@ -0,0 +1,49 @@
1
+ import { ViewContainerRef } from '@angular/core';
2
+ import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
3
+ /**
4
+ * `e-ribbon-tab` directive represent a tab of the Angular Ribbon.
5
+ * It must be contained in a Ribbon component(`ejs-ribbon`).
6
+ * ```html
7
+ * <ejs-ribbon>
8
+ * <e-ribbon-tabs>
9
+ * <e-ribbon-tab></e-ribbon-tab>
10
+ * <e-ribbon-tab></e-ribbon-tab>
11
+ * </e-ribbon-tabs>
12
+ * </ejs-ribbon>
13
+ * ```
14
+ */
15
+ export declare class RibbonTabDirective extends ComplexBase<RibbonTabDirective> {
16
+ private viewContainerRef;
17
+ directivePropList: any;
18
+ childGroups: any;
19
+ tags: string[];
20
+ /**
21
+ * Defines one or more CSS classes to customize the appearance of tab.
22
+ * @default ''
23
+ */
24
+ cssClass: any;
25
+ /**
26
+ * Defines the list of ribbon groups.
27
+ * @default []
28
+ * @asptype List<RibbonGroup>
29
+ */
30
+ groups: any;
31
+ /**
32
+ * Defines the content of tab header.
33
+ * @default ''
34
+ */
35
+ header: any;
36
+ /**
37
+ * Defines a unique identifier for the tab.
38
+ * @default ''
39
+ */
40
+ id: any;
41
+ constructor(viewContainerRef: ViewContainerRef);
42
+ }
43
+ /**
44
+ * RibbonTab Array Directive
45
+ * @private
46
+ */
47
+ export declare class RibbonTabsDirective extends ArrayBase<RibbonTabsDirective> {
48
+ constructor();
49
+ }